li{list-style:none}
.qx-headers .top-text{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between; padding-top:15px}
.top-left h3{color:#6e6e6f;font-size:14px;line-height:40px}
.top-right{color:#6e6e6f;font-size:14px;line-height:40px}
.top-right a{color:#6e6e6f}
.top-right a:hover{color:#172a7e}
.header-top{border-bottom:solid 1px #ccc}
.top-ms{width:75%}
.top-ms h3{font-size:28px;color:#fff;font-family:"Microsoft YaHei",微软雅黑;font-weight:bold}
.top-ms h3 span{background-image:-webkit-linear-gradient(bottom,#1080e2,#42a1eb,#74c2f5);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.top-ms h4{font-size:20px;color:#666;margin-top:5px}
.top-tel{display:flex;align-items:center}
.top-tel h3{font-size:18px;color:#fff;margin-bottom:5px}
.top-tel h4{color:#fff;font-size:26px;line-height:30px;font-weight:bold}
.top-tel img{margin-right:25px}

.qx-headers{background-image:url(../images/headbg.jpg);background-repeat:repeat-x;}
 
.gjc{display:flex;justify-content:space-between;align-items:center}
.gjca h3{color:#333;font-size:14px;line-height:82px}
.gjca h3 a{color:#333;font-size:14px;margin-left:17px;position:relative}
.gjca h3 a::before{position:absolute;content:'';height:16px;background-color:#333;width:1px;right:-9px;top:1px}
.gjca h3 a:last-child:before{display:none}
.gjc .sousuo{width:29%;position:relative}
.gjc .sousuo #formsearch{width:100%;line-height:35px}
.gjc .sousuo #formsearch #keyword{width:100%;padding-left:20px;border:1px solid #ddd;border-radius:5px}
.gjc .sousuo #s_btn{position:absolute;line-height:33px;font-size:0;border:none;width:11%;top:2px;background:url(../images/ef68b722faf3c5e5181a3453224b044527abee68.png) no-repeat center;background-color:#172a7e;border-radius:5px;right:1px}
.qx-search{border-bottom:solid 1px #ccc}
.qx-products{margin-top:55px}
.products-all{display:flex;justify-content:space-between}
.products-left{width:27%;background-color:#172a7e;padding:0 15px}
.products-right{width:70%}
.pro-title{text-align:center;padding:24px 0;position:relative}
.pro-title h4{font-size:36px;color:#fff;font-weight:bold;z-index:9}
.pro-title h3{font-size:44px;color:#fff;font-family:"ARIAL";text-transform:uppercase;position:relative;z-index:999}
.procate-list{background-color:#fff;padding:0 8px;padding-top:10px}
.big-text{}
.big-text-tt{width:100%;display:flex;align-items:center;background-color:#172a7e;padding-left:15px}
.big-text h3{font-size:16px;color:#fff;line-height:50px}
.big-text img{margin-right:10px}
.onlyou{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:10px 0;width:100%}
.onlyou li{width:100%;margin-top:10px}
.onlyou li a{display:block;display:flex;align-items:center}
.onlyou li a h3{font-size:14px;color:#333;margin-left:10px;transition:all .3s;line-height:26px}
.onlyou li a:hover h3{color:#172a7e;transition:all .3s}
.pro-tel{background-color:#172a7e;display:flex;align-items:center;padding-top:24px;padding-bottom:30px}
.pro-tel img{margin-right:15px}
.pro-tel h3{font-size:18px;color:#fff;margin-bottom:5px}
.pro-tel h4{color:#fff;font-size:26px;line-height:30px;font-weight:bold}
.dds{display:none}
.products-right li{width:32%;margin:0.66666%;float:left;transition:all .5s;border:1px solid #d7d7d7}
.products-right li:nth-child(1){margin-top:0}
.products-right li:nth-child(2){margin-top:0}
.products-right li:nth-child(3){margin-top:0}
.products-right li a .p-img img{width:100%}
.products-right li a{display:block}
.products-right li a h3{background:#d7d7d7;text-align:center;line-height:44px;color:#fff;transition:all .5s;font-size:14px}
.products-right li:hover a h3{background-image:-webkit-linear-gradient(bottom,#172a7e,#394477,#111);transition:all .5s}
.proimg img{width:100%}
.seven{display:flex;align-items:center}
.six{display:none}
.nav{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}
.nav li{width:33.33%;position:relative}
.nav li img{width:100%}
.nav li .maxk{position:absolute;width:100%;height:0%;left:0;top:0;background-color:rgba(60,176,240,0.8);transition:all .2s}
.nav li:hover .maxk{height:100%;transition:all .2s}
.nav li .ptext{position:absolute;width:100%;height:100%;padding-left:12%;padding-top:6%;top:0%;left:0}
.nav li .ptext h3{color:#fff;font-size:26px;font-weight:bold}
.nav li .ptext h4{margin-top:10px;text-transform:uppercase;font-size:18px;color:#ddd;font-family:"Arial";position:relative}
.nav li .ptext h4::before{position:absolute;left:0;height:4px;background-color:#fff;width:14%;bottom:-20px;content:''}
.dwhsb{margin-top:55px;padding:24px 0;background:url(../images/d31e0e2c875488bb2b0abc82f59aae1df0740c13.png) no-repeat center;background-size:cover}
.box1{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}
.box1-left{width:50%}
.box1-right{width:50%;padding-left:2%;text-align:right}
.box1-right h3{font-size:36px;font-weight:bold;color:#fff}
.box1-right h4{color:#fff;opacity:.7;font-size:18px;font-family:"Arial";margin-top:15px}
.box1-right h5{color:#fff;font-size:22px;margin-top:15px;letter-spacing:4px}
.box1-right h5 span{font-size:24px;font-weight:bold}
.box1-right .bb-contact{display:flex;align-items:center;float:right;justify-content:center;margin-top:15px;background-color:#172a7e;width:70%;border-radius:15px;padding:5px 0;text-align:center}
.box1-right .bb-contact h6{font-size:15px;color:#fff;margin-left:6px}
.box1-right .bb-contact i{font-size:28px;color:#fff}
.bl1-img img{border:5px solid #bfdea4;border-radius:50%}
.xbt{display:flex;align-items:center;justify-content:center}
.xbt h3{font-size:16px;margin:0 10px}
.xbt2 h3{color:#333}
.seven{border:1px solid #f0f0f0;background-color:rgba(0,0,0,0.05)}
.seven .img{width:50%}
.seven .img img{width:100%}
.quality{margin-top:55px;padding-top:70px;background-size:cover;padding-bottom:40px}
.content{margin-top:50px;background-color:#fff}
.quality .content .nr li .wz{padding-left:4%;padding-right:3%;width:50%}
.quality .content .nr li .wz b{font-size:25px;display:block;color:#999;margin-bottom:20px}
.quality .content .nr li .wz i{font-size:30px;color:#172a7e}
.quality .content .nr li .wz .bt{color:#999;font-size:24px;height:55px;border-bottom:solid 2px #ccc;text-transform:uppercase;margin-bottom:33px}
.quality .content .nr li .wz .bt span{font-weight:bold;color:#172a7e}
.quality .content .nr li .wz p{color:#666666;font-size:18px;line-height:34px;text-indent:24px}
.box1-title{text-align:center}
.box1-title h4{font-weight:bold;color:#333;font-size:28px}
.box1-title h4 span{background-image:-webkit-linear-gradient(bottom,#fff,#ddd,#eee);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:24px}
.dwhdsb2{padding-top:60px}
.box2-title{text-align:center}
.box2-title h4{font-weight:bold;color:#000;font-size:28px}
.box2-title h4 span{background-image:-webkit-linear-gradient(bottom,#172a7e,#3a467e,#111);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:24px}
.box2 .box2-list .lidan{display:flex;justify-content:space-between;margin-top:50px}
.box2 .box2-list .lidan .box2-left{width:57%}
.box2 .box2-list .lidan .box2-left img{width:100%}
.box2 .box2-list .lidan .box2-right{width:43%;display:flex;justify-content:space-between;padding-left:15px;background-color:rgb(245,245,245);padding-top:60px;margin-top:45px;height:382px}
.box2 .box2-list .lidan .box2-right .box2r-ri{padding-left:25px}
.box2 .box2-list .lidan .box2-right .box2r-ri h3{font-size:26px;color:#172a7e;font-weight:bold;display:block}
.box2 .box2-list .lidan .box2-right .box2r-ri h3 span{color:#333;margin-left:10px}
.box2 .box2-list .lidan .box2-right .box2r-ri h4{color:#999999;text-transform:uppercase;margin-top:5px;margin-bottom:15px;font-size:14px}
.box2 .box2-list .lidan .box2-right .box2r-ri .jay h5{font-size:14px;color:#333;line-height:26px;margin-bottom:23px;margin-right:10px;position:relative}
.box2 .box2-list .lidan .box2-right .box2r-ri .jay h5::before{position:absolute;content:'';background:url(../images/b3faed80044b4eb1de12ad19afc56431632549bf.png);width:14px;height:14px;left:-25px;top:7px}
.box2 .box2-list .lishuang{display:flex;justify-content:space-between;margin-top:50px}
.box2 .box2-list .lishuang .box3-left{width:45%;display:flex;justify-content:space-between;padding-left:15px;background-color:rgb(245,245,245);padding-top:60px;margin-top:45px;height:382px}
.box2 .box2-list .lishuang .box3-right{width:55%}
.box2 .box2-list .lishuang .box3-right img{width:100%}
.box2 .box2-list .lishuang .box3-left .box3r-ri{padding-left:25px;padding-right:10px}
.box2 .box2-list .lishuang .box3-left .box3r-ri h3{font-size:25px;color:#172a7e;font-weight:bold;display:block}
.box2 .box2-list .lishuang .box3-left .box3r-ri h3 span{color:#333;margin-left:10px}
.box2 .box2-list .lishuang .box3-left .box3r-ri h4{color:#999999;text-transform:uppercase;margin-top:5px;margin-bottom:15px;font-size:14px}
.box2 .box2-list .lishuang .box3-left .box3r-ri .jay h5{font-size:14px;color:#333;line-height:26px;margin-bottom:23px;margin-right:10px;position:relative}
.box2 .box2-list .lishuang .box3-left .box3r-ri .jay h5::before{position:absolute;content:'';background:url(../images/9bc715bb5e42cdfe656f541625758c6f73c9b1f2.png);width:14px;height:14px;left:-25px;top:7px}
.box4{margin-top:55px;padding:60px;background:url(../images/00d21a3b04e4b831520c0723f24c2a5a3aa431fe.png) no-repeat center;background-size:cover}
.lc-list{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}
.fuck{display:flex;align-items:center;justify-content:space-between;width:15%;margin-top:60px}
.fuck li h3{font-size:16px;color:#000;display:block;margin-bottom:10px;margin-top:10px;text-align:center}
.fuck:not(:nth-child(-n+6)){margin-top:110px}
.fuck:not(:nth-child(-n+6)) .jt{transform:rotateY(180deg)}
.fuck:nth-child(6) .jt{display:none}
.fuck:nth-child(11) .jt{display:none}
.fuck:nth-child(12) .jt{display:none}
.lc-list{position:relative}
.lc-list .jt2{position:absolute;right:8%;top:calc(50% - -13px)}
.fuck li .imgs{width:150px;background:url(../images/c41239741da32a7605884abf3a95bfcf82444a74.png) center no-repeat;height:152px;text-align:center;padding:7px;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transition:0.5s;-webkit-transition:0.5s;-ms-transition:0.5s;-moz-transition:0.5s}
.fuck:hover li .imgs{background:url(../images/9d2cae87a685d9c863aa6e56ee8f4244fc8fb645.png) center no-repeat;transform:translateZ(30px) rotateX(360deg);-webkit-transform:translateZ(30px) rotateX(360deg);-ms-transform:translateZ(30px) rotateX(360deg);-moz-transform:translateZ(30px) rotateX(360deg)}
.box5{padding-top:70px}
.qx-caselist{margin-top:70px}
.case-all{display:flex;align-items:center;justify-content:space-between}
.case-all .case-left{width:16.66%}
.case-all .case-right{width:82%}
.case-all .case-left li{width:100%;display:flex;align-items:center;justify-content:center;background-color:#f6f6f6;height:94px;margin-bottom:20px;transition:all .5s}
.case-all .case-left li:last-child{margin-bottom:0}
.case-all .case-left li .cimgs .cimg1{display:block;transition:all .5s}
.case-all .case-left li .cimgs .cimg2{display:none;transition:all .5s}
.case-all .case-left li h3{color:#323232;font-size:16px;margin-left:10px;transition:all .5s}
.case-all .case-left li:hover{background-color:#172a7e;transition:all .5s}
.case-all .case-left li:hover h3{color:#fff;transition:all .5s}
.case-all .case-left li:hover .cimgs .cimg1{display:none;transition:all .5s}
.case-all .case-left li:hover .cimgs .cimg2{display:block;transition:all .5s}
.cases-all li{display:none}
.case-all .case-left li.cur{background-color:#172a7e;transition:all .5s}
.case-all .case-left li.cur h3{color:#fff;transition:all .5s}
.case-all .case-left li.cur .cimgs .cimg1{display:none;transition:all .5s}
.case-all .case-left li.cur .cimgs .cimg2{display:block;transition:all .5s}
.case-top{display:flex;justify-content:space-between}
.case-l{width:50%}
.case-r{width:50%;padding-left:3%;background:rgb(245,245,245);padding-top:45px;position:relative}
.case-l img{width:100%}
.case-r h2{font-size:32px;color:rgb(229,229,229);position:absolute;font-family:"Arial";font-weight:bold;top:28px}
.case-r h3{font-size:26px;color:#333;position:relative;z-index:999}
.case-r h4{font-size:12px;color:#999999;display:block;margin-bottom:17px;margin-top:5px}
.s{border-bottom:solid 2px #172a7e;width:118px;margin-bottom:17px}
.case-r h5{color:#666;line-height:30px;font-size:16px}
.case-bottom{margin-top:10px;display:flex;align-items:center;justify-content:space-between}
.case-bottom div{width:32.6%}
.case-bottom div img{width:100%}
.box6{margin-top:70px}
.qx-about{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;background-color:rgb(246,246,246)}
.about-left{width:45%;overflow:hidden;transition:all .5s}
.about-left img{width:100%;transition:all .5s}
.about-left:hover img{transform:scale(1.1);transition:all .5s}
.about-right{width:55%;padding:0 2.5%}
.about-right h3{font-size:36px;color:#172a7e;font-weight:bold}
.about-right h3 span{color:#000;font-weight:normal;font-size:24px;margin-left:10px}
.about-right h4{font-size:18px;background-color:#172a7e;text-align:center;color:#fff;line-height:36px;width:46%;margin-top:15px}
.about-right h5{color:#333;line-height:22px;text-indent:14px;margin-top:15px;font-size:14px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:9}
.about-right a{display:block;width:16%;color:#fff;text-align:center;background-color:#0ba2f3;font-size:14px;line-height:26px;margin-top:15px;transition:all .5s}
.about-right a:hover{background-color:#5db712;transition:all .5s}
.qx-news{margin-top:75px;padding-bottom:60px}
.news-all{display:flex;justify-content:space-between;flex-wrap:wrap}
.news-left{width:62%}
.news-right{width:35%}
.news-title{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #333}
.news-title h3{font-size:24px;color:#333;padding:10px 15px;position:relative;transition:all .5s}
.news-title h3::before{content:'';position:absolute;background-color:#172a7e;width:100%;height:3px;bottom:-1px;left:0;transition:all .5s;opacity:0}
.news-title h3:hover{color:#172a7e;transition:all .5s}
.news-title h3:hover::before{opacity:1;transition:all .5s}
.news-title h3.cru{color:#172a7e;transition:all .5s}
.news-title h3.cur::before{opacity:1;transition:all .5s}
.txt{display:flex;align-items:center}
.news-list{display:none}
.fmry{display:flex;align-items:center;justify-content:space-between}
.news-zd{margin-top:35px}
.fmry .news-img{width:35%}
.fmry .news-img img{width:100%}
.fmry .news-text{width:61%}
.fmry .news-text h3{font-size:16px;font-weight:bold;color:#333;margin-bottom:10px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.fmry .news-text h4{color:#666;line-height:35px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:14px}
.fmry .news-text h5{color:#172a7e;float:right;font-size:16px;margin-top:30px}
.news-tj{margin-top:38px}
.news-tj{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}
.news-text2{display:flex;align-items:center;background-color:#f5f2f6}
.news-text2 h3{background:#908e91;text-align:center;color:#fff;font-weight:bold;line-height:45px;width:16%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;transition:all .5s}
.news-text2 h4{width:81%;font-size:16px;color:#333;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding-left:4%;transition:all .5s}
.news-tj a{width:47%;margin-bottom:17px}
.news-tj a:nth-child(5){margin-bottom:0}
.news-tj a:nth-child(6){margin-bottom:0}
.news-tj a:hover .news-text2 h3{background-color:#172a7e;transition:all .5s}
.news-tj a:hover .news-text2 h4{color:#172a7e;transition:all .5s}
.tt-tj{display:flex;align-items:center;position:relative}
.tt-tj::before{width:20px;text-align:center;height:20px;line-height:20px;color:#fff;border-radius:2px;margin-right:6px;display:inline-block;font-size:14px;content:"Q";background:#172a7e}
.tt-tj h3{font-size:16px;color:#333;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin-left:8px}
#ydemo{overflow:hidden;position:relative;height:430px}
.tt-tj2 h3{font-size:14px;color:#333;line-height:28px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.tt-tj2{position:relative;padding-left:32px;margin-top:18px}
.tt-tj2::before{width:20px;text-align:center;height:20px;line-height:20px;color:#fff;border-radius:2px;margin-right:6px;display:inline-block;font-size:14px;content:"A";background:#333;position:absolute;top:5px;left:0}
.uls li{padding:15px 0;border-bottom:1px solid #ccc}
 
.quyu{margin-left:5px}
.mfx-link{margin-right:5px}
.sec{color:#172a7e;background-color:#eee;position:absolute;left:47%;top:-30px;padding:15px;display:none;width:400px}
.sec a{color:#172a7e;margin:5px}
.ftxt{padding-left:30px;padding-bottom:12px;border-bottom:1px solid #686e75;width:100%;background:url(../images/477156c063c53ffe1e1447ed6bf72600c167a5c5.png) right no-repeat}
.ftxt h2{font-size:16px;color:#f2f2f2;font-weight:normal}
.ftxt h4{font-size:30px;color:#f2f2f2;font-weight:bold;margin-top:8px}
.tt-tj:hover h3{color:#172a7e}
 
@media(max-width:768px){ 
.box3{top:125px!important}
.box3 .lis1{width:25% !important}
}
@media(max-width:1199px){.top-ms h3{font-size:20px}
.top-ms h4{font-size:16px}
.top-logo{width:20%}
.top-tel{width:20%}
.top-tel img{margin-right:15px}
.top-ms{width:40%}
.x-menu > li>a{font-size:13px}
.pro-title h3{font-size:36px}
.pro-title h4{font-size:28px}
.products-left{width:32%}
.products-right{width:65%}
.pro-tel h4{font-size:20px}
.pro-tel h3{font-size:14px}
.quality .content .nr li .wz b{font-size:18px;margin-bottom:10px}
.quality .content .nr li .wz i{font-size:18px}
.quality .content .nr li .wz .bt{font-size:18px}
.quality .content .nr li .wz .bt{margin-bottom:15px}
.quality .content .nr li .wz p{font-size:14px;line-height:28px}
.nav li .ptext h3{font-size:20px}
.nav li .ptext h4{font-size:16px}
.box1-right h3{font-size:28px}
.box1-right h4{font-size:16px}
.box1-right h5 span{font-size:20px}
.box1-right h5{font-size:18px}
.box1-right .bb-contact h6{font-size:14px}
.box1-right .bb-contact i{font-size:20px}
.box2 .box2-list .lidan .box2-right .box2r-ri h3{font-size:19px}
.box2 .box2-list .lidan .box2-right .box2r-ri h4{font-size:12px}
.box2 .box2-list .lidan .box2-right .box2r-ri .jay h5{font-size:12px}
.box2 .box2-list .lishuang .box3-left .box3r-ri h3{font-size:19px}
.box2 .box2-list .lishuang .box3-left .box3r-ri h4{font-size:12px}
.box2 .box2-list .lishuang .box3-left .box3r-ri .jay h5{font-size:12px}
.box2 .box2-list .lidan .box2-right{width:43%;display:flex;justify-content:space-between;padding-left:15px;background-color:rgb(245,245,245);padding-top:30px;margin-top:25px;height:300px}
.box2 .box2-list .lishuang .box3-left{width:45%;display:flex;justify-content:space-between;padding-left:15px;background-color:rgb(245,245,245);padding-top:30px;margin-top:25px;height:300px}
.fuck{width:22%}
.fuck li h3{font-size:14px}
.lc-list .jt2{display:none}
.fuck:not(:nth-child(-n+6)){margin-top:60px}
.fuck:nth-child(6) .jt{display:block}
.box4{display:none}
.case-all .case-left{width:20%}
.case-all .case-right{width:78%}
.case-all .case-left li{height:66px}
.case-r h3{font-size:20px}
.case-r h2{font-size:24px}
.case-r h5{font-size:14px}
.case-all .case-left li h3{font-size:14px}
.about-right h3{font-size:26px}
.about-right h4{font-size:16px}
.about-right h4{width:50%}
.about-right h3 span{font-size:20px}
.about-right h5{-webkit-line-clamp:5}
.news-title h3{font-size:20px}
.fmry .news-text h5{font-size:14px}
.news-tj{margin-top:25px}
.news-text2 h4{font-size:14px}
.tt-tj2 h3{font-size:13px;line-height:24px}
.tt-tj h3{font-size:15px}
#ydemo{height:380px}
 
}
@media(max-width:991px){body{padding-top:60px}
.qx-search{display:none}
.products-all{flex-wrap:wrap}
.products-left{width:100%}
.products-right{width:100%;margin-top:25px}
.quality{padding-top:50px}
.seven{flex-wrap:wrap}
.seven .img{width:100%}
.quality .content .nr li .wz{width:100%;padding:15px;margin-top:15px}
.nav li .ptext h3{font-size:16px}
.nav li .ptext h4{font-size:12px}
.nav li .ptext h4::before{bottom:-10px}
.quality .content .nr li .wz .bt{font-size:16px}
.box1-right h3{font-size:22px}
.box1-right h5{font-size:16px}
.box1-right h5 span{font-size:18px}
.box1-right .bb-contact{width:100%}
.box2 .box2-list .lidan{flex-wrap:wrap}
.box2 .box2-list .lidan .box2-left{width:100%}
.box2 .box2-list .lidan .box2-right{width:100%;margin-top:20px}
.box2 .box2-list .lishuang{flex-wrap:wrap}
.box2 .box2-list .lishuang .box3-left{width:100%}
.box2 .box2-list .lishuang .box3-right{width:100%;margin-top:20px}
.box2 .box2-list .lidan .box2-right{height:260px}
.box2 .box2-list .lishuang .box3-left{height:260px}
.xbt h3{font-size:14px}
.case-all{flex-wrap:wrap}
.case-all .case-left{width:100%;display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between}
.case-all .case-right{width:100%;margin-top:20px}
.case-all .case-left li{width:48%}
.case-all .case-left li:last-child{display:none}
.about-left{width:100%}
.about-right{width:100%;padding:2.5%;margin-top:20px}
.news-right{display:none}
.news-left{width:100%}
 
}
@media (max-width:520px){.box2 .box2-list .lishuang .box3-left{padding-left:0}
.box2 .box2-list .lishuang .box3-left .box3r-ri{padding-left:15px}
.box2 .box2-list .lishuang .box3-left .box3r-ri .jay h5{margin-right:0;margin-bottom:15px}
.box2 .box2-list .lidan .box2-right .box2r-ri h4{display:none}
.box2 .box2-list .lishuang .box3-left .box3r-ri h4{display:none}
}
.fd-ly{display:none}
@media(max-width:768px){.content{background-color:transparent}
.content .nr{background-color:#fff}
.xbt img{width:100px}
.fd-ly{display:block}
.box2 .box2-list .lishuang{margin-top:25px}
.case-top{flex-wrap:wrap}
.case-l{width:100%}
.case-r{width:100%;margin-top:20px}
.qx-caselist{margin-top:40px}
.box1-left{display:none}
.box1-right{width:100%}
.nav li{width:50%}
.qx-news{margin-top:40px}
.fd-ly .copyright{color:#fff;background-color:#232324;opacity:1}
.fd-ly .copyright{padding-bottom:70px}
}
@media(max-width:520px){.about-right h4{width:100%}
.about-right a{width:50%}
.about-right{padding:5%}
.news-title h3{font-size:16px}
.fmry{flex-wrap:wrap}
.fmry .news-img{width:100%}
.fmry .news-text{width:100%;margin-top:20px}
.fmry .news-text h5{margin-top:15px}
.news-tj a{width:100%;margin-bottom:10px}
.news-tj a:nth-child(5){margin-bottom:10px}
.nav li{width:100%}
}

body{font-size:15px;margin:0px;overflow-x:hidden;color:#000000}
p,li{font-size:20px;font-family:'Source Sans Pro',sans-serif;line-height:26px}
a{color:inherit;font-family:'Source Sans Pro',sans-serif;font-size:21px}
a:hover{color:inherit;font-family:'Source Sans Pro',sans-serif}

.part-1{ background: url(../images/home-bg.png) repeat-x; }
.part-1 p{padding:34px 0; color:#fff; font-size:20px; font-weight:bold; line-height:26px; text-align:center}
.home-buttons{background-image:url(../images/home-button.png); margin:0 1.5%;padding:15px 10px 6px;background-position:center bottom;background-repeat:no-repeat;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease}
h1{font-size:36px;font-weight:700;font-family:'Source Sans Pro',sans-serif}
h2{font-size:24px;font-weight:900;font-family:'Source Sans Pro',sans-serif;line-height:26px;margin-top:0px}
h3{font-size:21px;font-weight:900;font-family:'Source Sans Pro',sans-serif;line-height:26px}
h4{font-size:18px;font-weight:700;font-family:'Source Sans Pro',sans-serif;color:#ffffff;line-height:26px}
.blue{color:#133c9d}
a.blue.footer{font-size:15px}
a.blue:hover{color:#133c9d}
.white{color:#ffffff}
.gray{color:#58595B}
.buttons-blue{background-image:url(../images/buttons-bg.png);background-repeat:no-repeat;padding:6px 79px 15px;background-position:center;color:#ffffff}
.buttons-blue:hover,.buttons-blue:active,.buttons-blue:focus{color:#ffffff;text-decoration:none}
.buttons-lg{background-image:url(../images/buttons-lg.png);background-repeat:no-repeat;padding:6px 23px 10px;background-position:center;color:#ffffff}
.buttons-lg:hover,.buttons-blue:active,.buttons-blue:focus{color:#ffffff;text-decoration:none}
.home-buttons{background-image:url(../images/home-button.png);padding:15px 10px 6px;background-position:center bottom;background-repeat:no-repeat;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease}
.about-buttons{background-image:url(../images/about-button.png);padding:40px 10px 15px;background-position:center bottom;background-repeat:no-repeat}
@-webkit-keyframes hvr-pop{50%{-webkit-transform:scale(1.2);transform:scale(1.2)}
}
@keyframes hvr-pop{50%{-webkit-transform:scale(1.2);transform:scale(1.2)}
}
.buttons-white{background-image:url(../images/buttons-wht.png);background-repeat:no-repeat;padding:12px 73px 15px;background-position:center;color:#133c9d}
.buttons-white:hover,.buttons-white:active,.buttons-white:focus{color:#133c9d;text-decoration:none}
.hvr-pop{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}
.hvr-pop:hover,.hvr-pop:focus,.hvr-pop:active{-webkit-animation-name:hvr-pop;animation-name:hvr-pop;-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}
.slide{background-color:#ffffff;border-radius:30px;padding:10px 15px}
.white {color: #ffffff;}
.message{background-image: url(../images/contact-hp-bg.png); background-position: center; background-size: cover; background-repeat: repeat-x;padding-top: 60px; padding-bottom: 60px;}
.msg-form{padding: 20px 0 40px;}
.form-item{margin-top: 45px;padding:0 30px;}
.form-item p{line-height: 20px;height: 20px;margin-bottom: 18px;color:#fff;}
.form-item-txt{width: 100%;background: #fff;padding:0 22px;outline: none;border:none;border-radius:15px;overflow: hidden;}
.form-item-txt.item-textarea{height: 190px;padding:16px 22px;}
.form-item-txt.item-input{line-height: 52px;height: 52px;}
.form-item input::-webkit-input-placeholder {color:#959595;}
.form-item input::-moz-input-placeholder {color:#959595;}
.form-item input::-ms-input-placeholder {color:#959595;}
.msg-form .submit-btn{float:right;width: 200px;border:none;line-height: 40px;text-align: center;color:#133c9d;background-image:url(../images/buttons-wht.png); background-repeat:no-repeat;background-position:center;background-color:transparent;transition: all .3s;margin-top:12px;}
.msg-form.submit-btn:hover{background: #da251d;}

@media (max-width: 1600px){
  .form-item{margin-top:40px;}
  .msg-form .submit-btn{margin-top:40px; margin-right:20px}
}
@media (max-width: 992px){
  .form-item{margin-top: 25px;padding:0 15px;}
  .msg-form .submit-btn{margin-left: 0;}
  .form-item p{margin-bottom: 14px;}
  .form-item-txt.item-input{line-height: 46px;height: 46px;padding:0 16px;}
  .form-item-txt.item-textarea{height: 160px;}
}
@media (max-width: 767px){
  .form-item-txt.item-textarea{height: 200px;}
  .form-item{margin-top:15px;}
  .form-item-txt{padding:0 16px;}
  .form-item-txt.item-input{line-height: 40px;height: 40px;padding:0 12px;}
  .form-item-txt.item-textarea{padding:15px 16px;}
  .msg-form .submit-btn{line-height: 46px;}
  .msg-form{padding-bottom: 20px;}
  .message{margin-top:35px;}
  .form-item p{margin-bottom: 6px;height: auto;}
  .msg-form .submit-btn{line-height: 40px;margin-top:30px;}
}

@media (max-width: 750px){
	.part-1{ background: url(../images/home-bg.png) repeat; }
	.part-1 p { font-size:15px;}
	.home-buttons{ margin:0 1%; width:31%}
	h1{font-size:20px; }
h2{font-size:18px; }
h3{font-size:16px; }
	h4{font-size:14px;}
	p,li{font-size:14px;}
}

.footer-box{background: #fff; padding:40px 0 30px;}
.footer-nav a{color:#133c9d; font-weight:bold}
.footer-mid   li{ height:180px; }
.footer,.footer-submenu a{color:#808080;}
.foot-lv a{ color:#133c9d; font-size:20px; font-weight:bold;font-size20px}
.foot-lv a:hover{ color:#808080; font-size:20px;}
@media (min-width: 768px){
  .footer-nav li>a{margin-bottom: 24px;display: inline-block;}
  .footer-submenu .submenu-item{  color:#58595B}
}
.footer-info h2{margin-bottom: 24px;color:#000;}
.footer-info p{margin-bottom: 25px;}
.footer-code .code{text-align: center;width:95%;max-width: 200px;margin:0 auto;color:#333;}
.footer-code .code-img{margin-bottom: 20px;}
@media (max-width:1100px){
	.footer-info p{margin-bottom: 20px;}
  .footer-code .code-img{margin-bottom: 15px;}
  .footer{padding-bottom: 40px;}
}
@media (max-width:800px){
	  .footer-nav li>a,.footer-info h2{margin-bottom: 15px;}
  .footer-submenu .submenu-item{font-size:14px;margin-bottom: 12px;}
  .footer-code .code{max-width: 150px;}
  .footer-info p{margin-bottom: 12px;}
  .footer-nav ul li{margin-bottom: 15px;}
  .footer{padding-bottom: 25px;}
  .webright{font-size:12px;}
}
@media (max-width:700px){
	  .footer-box{margin-top:20px;font-size:14px;padding:10px 0 15px;}
  .footer-code{margin-top:20px;}
  .footer-mid li{ height:auto;]
  /*.footer>.container{padding:0;}*/
  .footer-nav ul li{margin:0;border-bottom:1px solid #fff;padding:0;}
  .footer-submenu{padding:5px 0;border-top:1px solid #fff;}
  .footer-nav ul li a{display: block;margin:0;padding:10px 20px 10px 0;position: relative;}
  .footer-nav ul li>a i{position: absolute;right:0;top:50%;margin-top:-10px;width: 20px;height: 20px;background: url(../images/icon-arrow.png) no-repeat center;background-size: 20px auto;overflow: hidden;}
  .footer-submenu .submenu-item{margin:0;}
  .footer-nav ul li .footer-submenu a{margin:0;padding:6px 0 6px 10px;}
  .footer-info{margin-top:20px;padding:0;}
  .footer-info p{margin-bottom: 6px;}
}

.parallax{background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;-webkit-transition:background-image 0.4s;-moz-transition:background-image 0.4s;-ms-transition:background-image 0.4s;-o-transition:background-image 0.4s;transition:background-image 0.4s;overflow:hidden;-webkit-font-smoothing:subpixel-antialiased}