/*
 * ---index---
 * */
.i-top{line-height: 22px;}
.i-topul li{float: left;padding: 0 4px;}
.i-topul li a{color: #fff;}
.i-head{height: 110px;}
.i-logo{width: 120px;height: 80px;margin:10px 30px 0 0;}
.i-nav{width: 100%;height: 45px;}
.i-navul{width: 1200px;padding: 0 11px;}
.i-navul li{float: left; transform: skew(-10deg); -webkit-transform: skew(-10deg);-moz-transform: skew(-10deg);-ms-transform: skew(-10deg);-webkit-transition: all .3s ease;-moz-transition: all .3s ease;transition: all .3s ease; -ms-transition: all .3s ease;}
.i-navul li>a{-webkit-transform:skew(10deg);transform:skew(10deg);-moz-transform: skew(10deg);-ms-transform: skew(10deg);padding: 0 20px; height: 45px;line-height: 45px;display: block;width: 100%;height: 100%; font-size: 16px;color: #fff;}
.i-navul li:hover{background: #ff7800;}
.i-navul li.active{background: #ff7800;}
/*banner*/
.i-swiper img{height:auto !important; width: 100%;}
.index-banner .swiper-pagination span{width:10px;height:10px;background:#fff;opacity:1;}
.index-banner .swiper-pagination .swiper-pagination-bullet-active{background:#ff7800;}
.index-banner .swiper-button-white{width: 40px;height: 40px}
/*contont*/
.com-box{height: auto;width: 100%;}
.com-box img{max-width: 100%;}
#cnzz_stat_icon_1277720784 img{width:inherit !important;}
.com-bgimg{width: 100%;height: auto;}
.com-bgimg img{width: 100%;}
.com-location{width: 1200px;height: 30px;line-height: 30px;background: url(../images/loca.png) no-repeat 15px 7px;padding-left: 42px;}
.com-tit{height: 35px;line-height: 35px;font-size: 20px;color: #fff; background:#0b75be url(../images/tit.png) no-repeat 20px 10px;padding:0 20px 0 52px;}
.com-shadow{box-shadow: 2px 3px 3px rgba(0,0,0,.1);}
.i-keybox{height: 30px; background:url(../images/loca.png) no-repeat 40px 6px;padding-left: 70px;}
.i-keybox label{width: 175px;flex-shrink: 0;}
.i-keyul li>a{display: block;line-height:15px; padding: 0 12px;border-right: 1px #444 solid;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;transition: all .3s ease; -ms-transition: all .3s ease;}
.i-keyul li:last-child a{border: none;}
.i-keyul li>a:hover{color: #0b75be;}
.i-disbox1{background: url(../images/disbg1.jpg) no-repeat right;}
.i-disbox2{background: url(../images/disbg2.jpg) no-repeat left;margin-top:-10px;}
.i-disbox3{background: url(../images/disbg3.jpg) no-repeat;background-size: 100% 100%;margin-top:-10px;}
.i-disbox4{background: url(../images/disbg4.jpg) no-repeat left;margin-top:-10px;}
.i-distxttit{height: 63px;background: url(../images/idisicon1.png) no-repeat 0 15px;border-bottom: 2px solid #a5c1df;padding-left: 60px;}
.i-distxttit p{font-size: 12px;color: #a5a5a5;}
.i-disul li{padding: 15px 0;border-bottom:1px dashed #a5c1df;font-size: 22px;background: url(../images/idisicon2.png) no-repeat 0 16px;padding-left: 60px;}
.i-distxttit em{color:#0b75be}
.i-disul em{color:#0b75be}
.i-mauto1{width: 1100px;margin: auto;}
.i-mauto2{width: 1200px;margin: auto;}
.i-bgtit{width: 100%; line-height: 35px;background: url(../images/nicon.png) no-repeat 15px 10px;padding: 0 15px 0 35px;}
.i-p-ul li{width: 100% !important;}
.i-comebg{background: -webkit-linear-gradient(to right, #7cb9ef, #1466a1);background: -moz-linear-gradient(to right, #7cb9ef, #1466a1);background: -o-linear-gradient(to right, #7cb9ef, #1466a1);background: linear-gradient(to right, #7cb9ef, #1466a1);}
.i-cometitbox{width: 95%; height: 55px;margin-left: 5%;border-bottom: 2px solid #fff;}
.i-cometit{width: 55%;height: 55px;line-height: 55px;border-bottom: 2px solid #ff7800;background: url(../images/pro5.png) no-repeat 40px 0;padding-left: 100px;}
.i-cometxtbox{height: 30px;width: 100%;}
.i-comeline{height: 1px;margin-top: 8px;}
.i-cometxt{line-height: 30px;width: 90px;}
.i-swiperbox2 .swiper-button-white,.i-swiperbox3 .swiper-button-white{width: 28px;height: 24px;}
.i-swiperbox2 img,.i-swiperbox3 img{border: 1px solid #fff;}
.i-swiperbox3 .swiper-slide{height: 120px !important;}
.i-swiperbox3 img{height: 100% !important;}
.i-case-box{background: #9fccf3;}
.i-newtab{height: 35px;line-height: 35px;width: 100%;}
.i-newtab a{display: block;padding: 0 35px;color: #0b75be;font-size: 18px;transition: all .3s ease;-webkit-transition: all .3s ease;-ms-transition: all .3s ease;-moz-transition: all .3s ease;}
.i-newtab a.active{background: #0b75be;color: #fff;}
.i-newtab a:hover{background: #0b75be;color: #fff;}
.i-infor-list li{padding: 7px 25px !important;}
.i-dzimg{width:1100px;height:230px;margin:0 auto;padding:40px 0;overflow:hidden;}
.i-dzultxt{padding:0 55px;}
/*productcenter*/
.i-pro-tit{margin: 0 auto 15px auto; width: 360px;height:85px;border-bottom: 4px solid #0b75be;background: url(../images/pro.png) no-repeat 40px 10px;}
.i-label1{width: 100%;padding: 12px 0;background: #0b75be url(../images/pro2.png) no-repeat 30px 18px;padding-left: 90px;}
.i-label11{width: 100%;padding: 12px 0;background: #0b75be url(../images/pro5.png) no-repeat 20px 18px;padding-left: 80px;}
.i-label2{width: 100%;padding: 7px 0;background: #0b75be url(../images/pro3.png) no-repeat 20px 7px;padding-left: 70px;}
.i-pro-ul li>a{display: block;padding: 6px 0;font-size: 16px; border-bottom: 1px dashed #98b9db;background: #fff url(../images/pro4.png) no-repeat 40px 15px;padding-left: 80px;-webkit-transition: all .2s ease;-moz-transition: all .2s ease;transition: all .2s ease; -ms-transition: all .2s ease;}
.i-pro-ul li>a:hover{background: #0498fe url(../images/pro44.png) no-repeat 40px 15px;color: #fff;}
.i-pro-ul li:last-child a{border: none;}
.i-pro-ul2 li>a{display: block;padding: 7px 0;font-size: 18px; border-bottom: 1px solid #b5cddd;background: #fff url(../images/pro33.png) no-repeat 25px 8px;text-align: center; -webkit-transition: all .2s ease;-moz-transition: all .2s ease;transition: all .2s ease; -ms-transition: all .2s ease;}
.i-pro-ul2 li>a:hover{background: #0498fe url(../images/pro3.png) no-repeat 25px 8px;color: #fff;}
.i-pro-ul2 li:last-child a{border: none;}
.i-listfl{width: 240px;height: auto;}
.i-showfr{width: 940px;sheight: auto;}
.i-frshowul li{position: relative;width: 282px;height: auto;margin:15px;}
.i-showimg{width: 282;height: 257px;border: 1px #ccc solid;}/* img 11:10 height：auto*/
.i-showtxt{width: 100%;line-height: 40px;background: #eee;margin:10px 0; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding:0 20px;}
/*footer*/
.i-link-tit{width: 100%;height: 30px;border-bottom: 1px solid #0b75be;}
.i-linkul li{margin-left: 20px;margin-top: 10px;}
.i-linkul li a{transition: all .3s ease;-webkit-transition: all .3s ease;-ms-transition: all .3s ease;-moz-transition: all .3s ease;}
.i-linkul li a:hover{color: #0b75be;}
.i-foot{margin-top: 1px;padding: 35px 0;}
.i-f-center{width: 1100px;padding: 0 11px;}
.i-ftit{height: 35px;border-bottom: 2px solid #fff;}
.i-ftit h3{width: 110px;height: 35px; border-bottom: 2px solid #ff7800;}
/*lazyload*/
.loading{position: absolute;top: 0;left: 0;z-index: 10;display: inline-block;width: 100%;height: 100%;background: #eee url(../images/loading24.gif) no-repeat center center;}
/*
 ---Other pages---
 * */
/*PRODUCTS*/
.p-ul li{width: 415px;padding: 6px 0;border-bottom: 1px #98b9db dashed;}
.p-ul p{height: 18px;}
.p-ul span{flex-shrink: 0;padding-top: 8px;}
.p-lx-ul li{margin-bottom: 10px;}
.p-tj-ul li{width: 240px;height: auto;}
.p-tj-showimg{width: 240px;height: 218px;border: 1px #ddd solid;}/*11:10*/
.p-tj-showtxt{width: 100%;line-height: 30px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;background: #eee;padding:0 20px;}
.p-listul li{padding: 15px 20px;overflow: hidden; border-bottom: 1px #98b9db solid;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;transition: all .3s ease; -ms-transition: all .3s ease;}
.p-listul li:hover{background: rgba(0,0,0,.04);}
.p-listul p{max-height: 50px;}
.p-listimg{width: 192px;height: 172px;}/*11:10 height：auto*/
.p-list-tit{max-height: 25px;background: url(../images/plist2.png) no-repeat 0 10px;padding-left: 15px;}
.p-list-tit:hover{color: #ff7800;background: url(../images/plist1.png) no-repeat 0 10px;}
/*Classicr Case*/
.c-list-ul li{padding: 15px;border-bottom: 1px #98b9db dashed;overflow:hidden;}
.c-listimg{width: 392px;height: 262px;border: 1px #98b9db solid;}/*3:2*/
.c-listtit{width: 100%;height: 40px;line-height: 40px;}
.c-list-num{height:38px;width:70px;border-bottom:38px solid #0b75be;border-left:0px solid transparent;border-right:12px solid transparent;}
.c-listh3{max-height: 22px;background: url(../images/class2.png) no-repeat 0 3px;padding-left: 20px;}
.c-listh3:hover{background: url(../images/class3.png) no-repeat 0 3px;color: #ff7800;}
.c-listp{max-height: 58px;}
.c-listbtn{width: 150px;height: 35px;border-radius: 15px;border: 1px solid #ff7800;}
/*NEWS*/
.n-list-ul li{padding: 10px 20px;border-bottom: 1px #98b9db dashed;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;transition: all .3s ease; -ms-transition: all .3s ease;}
.n-list-ul li:hover{background: rgba(0,0,0,.04);}
.n-list-ul li:last-child{border: none;}
.n-listimg{width: 227px;height: 152px;}/*3:2*/
.n-infor-tit{width:100%;height: 35px;line-height: 35px;background: url(../images/nicon.png) no-repeat 15px 10px;padding:0 15px 0 35px;}
.n-infor-img{width: 192px;height: 132px;}/*3:2*/
.n-infor-h3{max-height: 43px;background: url(../images/class2.png) no-repeat 0 3px;padding-left: 20px;}
.n-infor-h3:hover{background: url(../images/class3.png) no-repeat 0 3px;color: #ff7800;}
.n-infor-list li{padding: 7px;border-bottom: 1px #98b9db dashed;}
.n-infor-list li:last-child{border: none;}
.n-infor-p{max-height: 21px;}
.n-infor-quest li{padding: 12px 15px;border-bottom: 1px #98b9db dashed;}
.n-infor-quest-fx{padding:1px 2px;}
.n-infor-quest li:last-child{border: none;}

/*About Us*/
.a-boximg{margin: 40px auto;}
/*Contact Us*/
.c-heart{line-height: 50px;background: url(../images/heart.png) no-repeat;padding-left: 65px;}
.c-contit{line-height: 30px;background: url(../images/c1.png) no-repeat 40px 0;padding-left: 85px;}
.c-bg{width: 100%;height: 280px;background: url(../images/cbg-min.png) no-repeat right;padding: 20px 60px;}
/*Public Details*/
.p-news-ul li{width: 100%;padding: 6px 0;border-bottom: 1px #98b9db dashed;}
.p-news-ul li:last-child{border: none;}
.p-news-ul p{height: 18px;}
.p-news-ul span{flex-shrink: 0;padding-top: 8px;}
.pub-tit{line-height: 50px;}
/*Product Details*/
.pd-box{width: 900px;max-width: 900px;height: auto;margin: 0 auto;}
.pd-box img{max-width:100% !important;}
.pd-tit{height: 35px;border-bottom: 1px dashed #0b75be;}
.pd-btn{width: 225px;height: 40px;color: #fff;font-size: 22px;}
.pd-tjbox{width:650px;height: auto;border: 1px #9dc8e5 solid;margin:30px 0 0 80px;padding: 15px 20px;}
.pd-ullist li{margin:0 10px 0 25px;width:164px;overflow:hidden;}
.pd-ulimg{width:160px;height: 145px;border: 1px solid #0b75be;}/*11:10*/
.pd-ulimg img{width:100%}
.pd-showtxt{width: 100%;height: 22px;margin-top: 4px; background: #fff;font-size: 16px;text-align: center; padding:0 15px;}
.pd-abs{position: absolute;top: -15px;left: 5px;z-index: 99; width: 150px;height: 26px;background:#fff  url(../images/pd2.png) no-repeat 12px 0;padding-left: 40px;}
.pd-label{height: 38px;line-height: 38px;}
.pd-px{height: 38px;width: 240px;border-bottom: 37px solid #ff7800; border-left: 0px solid transparent;border-right: 15px solid transparent;}
/*comment*/
.c-pltit{height: 34px; width: 100%;line-height: 34px;}
.c-pltit h3 {border-bottom: #0498fe 2px solid;height: 33px;}
.c-ul-pl{padding: 0 40px;}
.c-ul-pl li{padding: 10px 0;border-bottom: 1px solid #ccc;}
.c-reply{width: 100%;height: 60px;border: 1px dashed #0b75be;padding: 8px;overflow:hidden;color: #000;}
.c-comment textarea{overflow:hidden;color: #000;padding: 10px;width: 100%;height: 70px;border: 1px solid #ccc;}
.c-comnum{position: absolute;right: 8px;bottom:8px;color: #000;z-index: 999;color: #999;}
.c-explain{font-size: 12px;margin:4px 0 20px 0;display: block;}
.c-btn button{padding: 2px 20px;border: none;letter-spacing: 2px;margin-right: 10px;border-radius:5px;font-size: 16px;cursor: pointer;}
/*pages*/
.page{height: 35px;margin: 15px 20px 5px 0;float: right;}
.page a,.page span{display: inline-block;float: left;padding: 5px 8px;margin-right: 5px;border: 1px solid #ccc;border-radius: 3px;background: #fff;}
.page a:hover{background: #0b75be;color: #fff;text-decoration: none;}
.page .current{background: no-repeat;font-weight: bold;color: #ff7800;border-color: transparent;}
 /*Merchant Bridge*/
 .bridge{position: fixed;right:0;z-index: 99999; top: 30%;width: 150px; height: 500px;}
 .sidefl{width: 30px;height: 270px;background: url(../images/sidefl.png) no-repeat;background-size: 100% 100%;color: #fff;font-size: 17px;text-align: center;padding-top: 10px;cursor: pointer;}
 .sidefr{width: 120px;height: 500px;padding: 15px 0; border: 1px solid #1857a3;border-radius: 10px;background: #fff;}
 .side-kf span{padding-top: 5px;letter-spacing: 1px; writing-mode: vertical-rl;}
 .side-ul li{margin-top: 5px;}
 .side-ul li img{display: block;width: 100%;}
 .side-wx{background: #ebebeb;padding: 10px 0;}
 .side-wx img{width: 110px !important;height: 110px !important;margin: 0 auto;}
 .side-wx h3{margin-top: 5px;font-size: 17px;color: #1980c5;text-align: center;}
 .side-txt{text-align: center;color: #1980c5;margin-top: 20px;}
 .side-txt h3{font-size: 17px;}
 .side-txt p{font-size: 15px;}