@charset "utf-8";

  /* Legacy iOS */
/*font-weight: normal; font-style: normal; }*/
/*全局初始化样式*/
*{box-sizing: border-box; margin:0; padding:0;}
body{position: relative; padding:0; margin:0 auto; font-size:14px; line-height:1.42857143; font-family:"Microsoft YaHei"; color: #333; min-width: 320px; width: 100%; zoom:1;background: #fff;
/*禁用Webkit内核浏览器的文字大小调整功能*/
-webkit-text-size-adjust:none;

/*取出点击出现半透明的灰色背景*/
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-tap-highlight:rgba(0,0,0,0);

/*控制文本可选性*/
/*
-webkit-user-select: none;
    -ms-user-select: none;
   -moz-user-select: none;
 -khtml-user-select: none;
        user-select: none;
*/

/*设置字体的抗锯齿或者说光滑度*/
-webkit-font-smoothing: antialiased;
overflow-x: hidden;
}
*{-moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; /*word-break: break-all;*/word-wrap: break-word;}
/*默认去除ul、li的默认样式*/
.p,.h1,.h2,.h3,.h4,.h5,.h6{ margin: 0; padding: 0;}
.ul,.ul li{ list-style:none; margin: 0; padding: 0;}
p,h1,h2,h3,h4,h5,h6{ margin: 0; padding: 0;}
ul,ul li{ list-style:none; margin: 0; padding: 0;}
/*初始化下拉菜单、单行输入框、多行输入框的样式*/
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#333;}
/*表单元素获得焦点时不显示虚线框*/
input:focus { outline: none;}
input,button,select,textarea{ outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
/*不允许多行输入文本框有滚动条*/
textarea{ resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
/*初始化表单元素样式*/
textarea,input,select { background:none; border:none; margin:0; padding:0;}
/*初始化HTML5标签样式*/
audio,canvas,progress,video { display: inline-block; vertical-align:baseline;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display:block;}
/*去除figure边距*/
figure,figcaption{ margin:0px; padding:0px;}

/*初始化图片样式*/
img{ border:none; border:0; max-width:100%; vertical-align:middle;}

/*初始化a的样式和字体样式*/
a{ color:#333; text-decoration:none!important; -webkit-tap-highlight-color:rgba(0,0,0,0);}
a:hover{color: #132453;}


/*清除浮动*/
.clear{ clear:both; height:0px; overflow:hidden;}

.clearfix:after{ content:"."; display: block; height: 0; visibility: hidden; clear: both;font-size: 0px;}
.clearfix { zoom: 1;}
.fl{float: left;}
.fr{float: right;}

/* 单行隐藏 */
.dot {white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}
/* 多行隐藏 */
.dot2 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
/* 多行隐藏 */
.dot3 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}

.w1600{max-width:1600px;margin: 0 auto;}
.w1400{max-width:1400px;margin: 0 auto;}

/*top*/
.top{position: fixed;width:100%;top: 0;left: 0;transition:.3s;border-bottom: 1px solid rgba(255,255,255,.1);z-index: 99;}
.top .logo{float: left;line-height:120px;position: relative;width:18%;}
.top .logo .on{position: absolute;left: 0;top: 50%;transform: translateY(-50%);opacity: 0;transition:.3s;}
.top .right{float: right;width:80%;}
.top .right .nav{float: right;}
.top .right .nav li{float: left;position: relative;margin-left: 80px;}
.top .right .nav li.hasslide{padding-right: 20px;}
.top .right .nav li.hasslide:before{width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 6px solid #fff;content:'';position: absolute;right: 0;top: 50%;margin-top: -3px;transition:.3s;}
.top .right .nav li.open.hasslide:before{transform: rotate(180deg);}
.top .right .nav li >a{font-size:20px;color: #fff;transition:.3s;display: block;line-height:120px;}
.top .right .nav li:hover >a,
.top .right .nav li.on >a{font-weight:bold;}
.top .right .nav li .subBox{position: absolute;top: 100%;left: 0;background:rgba(255,255,255,.2);min-width:100%;display: none;}
.top .right .nav li .subBox dd{margin: 0;text-align: center;padding:0 10px}
.top .right .nav li .subBox dd a{line-height:28px;display: block;font-size:16px;white-space:nowrap;color: #fff;}
.top .right .nav li .subBox dd a:hover{color: #132453!important;}
.top .right .slBox{float: right;width:80px;padding-left: 20px;}
.top .right .slBox .sear{display: inline-block;vertical-align: middle;position: relative;margin: 50px auto;}
.top .right .slBox .sear .Btn{width:20px;height: 20px;display: block;background:url(../images/sear.png) no-repeat;transition:1s;}
.top .right .slBox .sear .Btn:hover{transform: rotate3d(0, 1, 0, 360deg);}
.top .right .slBox .sear .searBox{position: absolute;right:0;top: calc(100% + 10px);display: none;z-index: 9;}
.top .right .slBox .sear .searBox input{width: 180px;height: 40px;line-height:40px;border:1px solid #ddd;padding-left:5px;padding-right: 25px;background:#fff;}
.top .right .slBox .sear .searBox .Btn{display: block;width: 20px;height: 20px;background:url(../images/sear2.png) no-repeat;position: absolute;top: 50%;margin-top: -10px;right:5px;}
.top .right .slBox .lang{display: inline-block;vertical-align: middle;position: relative;margin-left:15px;}
.top .right .slBox .lang i{display: block;width:19px;height: 19px;background:url(../images/lang.png) no-repeat center/contain;cursor: pointer;transition:1s;}
.top .right .slBox .lang i:hover{transform: rotate3d(0, 1, 0, 360deg);}
.top .right .slBox .lang .slide{position: absolute;top: calc(100% + 10px);right: 0;z-index: 9;}
.top .right .slBox .lang .slide{padding:10px;background:#fff;display: none;}
.top .right .slBox .lang .slide a{display: block;line-height:24px;}

.top.top_fixed{background:#fff;box-shadow:3px 0 10px #999;}
.top.top_fixed .logo .on{opacity: 1;}
.top.top_fixed .right .nav li >a{color: #132453;}
.top.top_fixed .right .nav li.hasslide:before{border-top: 6px solid #132453;}
.top.top_fixed .right .nav li .subBox{background:#fff;}
.top.top_fixed .right .nav li .subBox dd a{color: #333;}
.top.top_fixed .right .slBox .sear .Btn{background:url(../images/sear2.png) no-repeat;}
.top.top_fixed .right .slBox .lang i{background:url(../images/lang2.png) no-repeat center/contain;}
/*top*/

/*banner*/
.banner{position: relative;}
.banner:before{width:1px;height: 100%;content:'';background:rgba(255,255,255,.1);position: absolute;top: 0;left: 5%;z-index: 9;}
.banner:after{width:1px;height: 100%;content:'';background:rgba(255,255,255,.1);position: absolute;top: 0;right: 5%;z-index: 9;}
.banner li{position: relative;}
.banner li .txtBox{text-align: center;width:100%;position: absolute;top: 60%;transform: translateY(-50%);left: 0;color: #fff;transition:.3s;}
.banner li .txtBox h5{font-size:80px;letter-spacing: 8px;max-height:230px;overflow: hidden;}
.banner li .txtBox .more{display: inline-block;margin-top:15%;position: relative;font-size:18px;color: #fff;text-transform: uppercase;}
.banner li .txtBox .more:before{width:60px;height: 60px;content:'';background:#132453;border-radius:50%;position: absolute;left: -30px;top: 50%;margin-top:-30px;z-index: -1;transition:1s;}
.banner li .txtBox .more:hover:before{transform: rotate3d(0, 1, 0, 360deg);}
.banner li .txtBox .more:after{width:48px;height: 1px;content:'';background:#fff;right: -70px;top: 50%;position: absolute;}
.banner li .txtBox.open{opacity: 0;}
.banner .slick-dots{position: absolute;right: 5%;bottom: 6%;}
.banner .slick-dots li{padding-right:15px;border-right:1px solid #fff;margin-bottom: 15px;}
.banner .slick-dots li button{background:none;border:none;font-size:18px;color: #fff;line-height:1;}
.banner .slick-dots li.slick-active{border-color: #132453;}
.banner .slick-dots li.slick-active button{color: #132453;}
/*banner*/

.moreBtn{display: inline-block;position: relative;font-size:18px;color: #132453;text-transform: uppercase;margin-left:110px;}
.moreBtn span{color: #fff;}
.moreBtn:before{width:60px;height: 60px;content:'';background:#132453;border-radius:50%;position: absolute;left: -40px;top: 50%;margin-top:-30px;z-index: -1;transition:1s;}
.moreBtn:hover:before{transform: rotate3d(0, 1, 0, 360deg);}
.moreBtn:after{width:48px;height: 1px;content:'';background:#132453;left: -110px;top: 50%;position: absolute;}

/*Foor1*/
.Foor1{position: relative;background-image: url(../images/F1BG.png);background-repeat: no-repeat;background-position: left top 80px;padding-top: 11%;}
.Foor1 .imgBox{position: absolute;right: 0;bottom: 0;width:53%;}
.Foor1 .imgBox .wapIMG{display: none;}
.Foor1 .txtBox{margin-top:10%;}
.Foor1 .txtBox h5{font-size:60px;color: #132453;}
.Foor1 .txtBox .txt{font-size:24px;line-height:48px;color: #132453;margin: 5% 0;}
.Foor1 .txtBox .des{font-size:18px;color: #132453;line-height:50px;}
.Foor1 .txtBox .moreBtn{margin-top:15%;}
/*Foor1*/

/*Foor2*/
.Foor2{}
.Foor2 .w1400{background-image: url(../images/F2BG.png);background-repeat: no-repeat;background-position: left top 80px;padding-top:13%;}
.Foor2 .item{overflow: hidden;margin-left: 1.5%;float: left;position: relative;}
.Foor2 .item i{display: block;background-repeat:no-repeat;background-position:center;width:100%;transition:.3s;}
.Foor2 .item:hover i{transform: scale(1.1, 1.1);}
.Foor2 .item .txt{position: absolute;left: 40px;bottom: 5%;color: #132453;}
.Foor2 .item .txt h5{font-size:36px;font-weight:normal;}
.Foor2 .item .txt p{font-size:16px;}
.Foor2 .itemTop{margin-bottom:1.5%;}
.Foor2 .itemTop .txtBox{float: left;width:37%;padding-right:1.5%;}
.Foor2 .itemTop .txtBox h5{font-size:60px;color: #132453;}
.Foor2 .itemTop .txtBox .txt{font-size:24px;line-height:48px;color: #132453;margin: 45px 0;}
.Foor2 .itemTop .txtBox .des{font-size:18px;color: #132453;}
.Foor2 .itemTop .item i{padding-bottom: 500px;}
.Foor2 .itemTop .item.item1{width:21.5%;}
.Foor2 .itemTop .item.item2{width:38.5%;}
.Foor2 .itemBom .item i{padding-bottom:600px;}
.Foor2 .itemBom .item.item3{margin-left:0;width:28.5%;}
.Foor2 .itemBom .item.item4{width:70%;}
/*Foor2*/

/*Foor3*/
.Foor3{padding-top:15%;background-image: url(../images/F3BG.png);background-repeat: no-repeat;background-position: right top 40px;}
.Foor3 .F3Top{margin-bottom:70px;}
.Foor3 .F3Top h5{font-size:60px;color: #132453;margin-bottom:25px;}
.Foor3 .F3Top p{font-size:18px;color: #132453;}
.Foor3 .F3Mid{position: relative;}
.Foor3 .F3Mid .imgBox{position: absolute;top: 0;left: 0;width:47%;}
.Foor3 .F3Mid .imgBox .slick-dots{position: absolute;right: 5%;bottom: 5%;}
.Foor3 .F3Mid .imgBox .slick-dots li{width:15px;height: 15px;display: inline-block;vertical-align: middle;background:#e6e6e6;transition:.3s;border-radius:50%;margin: 0 10px;cursor: pointer;}
.Foor3 .F3Mid .imgBox .slick-dots li.slick-active{background:#0168b7;}
.Foor3 .F3Mid .imgBox .slick-dots li button{display: none;}
.Foor3 .F3Mid .txtBox{}
.Foor3 .F3Mid .txtBox .right{float: right;width:47%;}
.Foor3 .F3Mid .txtBox .right .item{margin-bottom:200px;}
.Foor3 .F3Mid .txtBox .right .item h5 a{display: block;font-size:36px;font-weight:normal;color: #000;position: relative;margin-bottom:65px;}
.Foor3 .F3Mid .txtBox .right .item h5 a:before{width:40px;height: 40px;content:'';background:url(../images/i1.jpg) no-repeat;position: absolute;bottom: 0;right: 0;transition:.3s;}
.Foor3 .F3Mid .txtBox .right .item h5 a:hover:before{transform: rotate(180deg);}
.Foor3 .F3Mid .txtBox .right .item .txt{padding-left:10%;position: relative;}
.Foor3 .F3Mid .txtBox .right .item .txt span{position: absolute;top: 0;left: 0;font-weight:bold;color: #132453;font-size:30px;}
.Foor3 .F3Mid .txtBox .right .item .txt .des{font-size:18px;line-height:32px;color: #132453;}
.Foor3 .F3Mid .txtBox .moreBtn{margin-top:710px;}
/*Foor3*/

/*Foor4*/
.Foor4{padding:50px 0;color: #fff;text-align: center;background-repeat:no-repeat;background-position:center;position: relative;}
.Foor4 h5{font-size:48px;}
.Foor4 p{font-size: 24px;line-height:48px;margin: 30px 0;}
.Foor4 .more{display: block;width:200px;height: 50px;line-height:50px;border:2px solid #fff;margin: 0 auto;color: #fff;font-size:16px;position: relative;top: 0;transition:.3s;}
.Foor4 .more:hover{top: -5px;}
.Foor4 .abList{position: absolute;top: 50%;transform: translateY(-50%);right: 2%;}
.Foor4 .abList a{display: block;width:88px;height: 88px;margin-bottom:15px;transition:1s;}
.Foor4 .abList a:hover{transform: rotate3d(0, 1, 0, 360deg);}
.Foor4 .abList a.mes{background:url(../images/mes.png) no-repeat;}
.Foor4 .abList a.fom{background:url(../images/fom.png) no-repeat;}
/*Foor4*/

/*bottom*/
.bottom{background:#132453;padding-top:100px;}
.bottom .bomTop{padding-bottom:70px;border-bottom:1px solid rgba(255,255,255,.15);}
.bottom .bomTop .leftB{float: left;width:37%;}
.bottom .bomTop .leftB h5{font-size:30px;color: #fff;line-height:48px;}
.bottom .bomTop .leftB p{font-size:16px;line-height:30px;color: #687d8d;margin: 25px 0;}
.bottom .bomTop .leftB .more{display: block;font-size:16px;color: #ffffff;}
.bottom .bomTop .right{float: right;width:50%;}
.bottom .bomTop .right dl{float: left;margin-left:16%;}
.bottom .bomTop .right dt{font-size:22px;color: #fff;margin-bottom:35px;}
.bottom .bomTop .right dd{margin: 0;}
.bottom .bomTop .right dd a{display: block;font-size:18px;line-height:36px;color: rgba(255,255,255,.7);}
.bottom .bomTop .right dd a:hover{color: #fff;}
.bottom .bomBom{padding:40px 0;}
.bottom .bomBom .copy{float: left;font-size:16px;color: #687d8d;line-height:50px;}
.bottom .bomBom .copy a{color: #687d8d;}
.bottom .bomBom .copy a:hover{color: #fff;}
.bottom .bomBom .right{float: right;}
.bottom .bomBom .right .share{display: inline-block;vertical-align: middle;}
.bottom .bomBom .right .share a{ position: relative;display: inline-block;vertical-align: middle;margin-right: 30px;transition:1s;border-radius:inherit;border:none;background-repeat: no-repeat;background-position: center;}
.bottom .bomBom .right .share a:hover{transform: rotate3d(0, 1, 0, 360deg);}
.bottom .bomBom .right .share a.wechat{width:22px;height: 18px;background-image:url(../images/wx.png);}
.bottom .bomBom .right .share a.weibo{width:22px;height: 18px;background-image:url(../images/fb.png);}
.bottom .bomBom .right .share a.tiktok{width:18px;height: 18px;background-image:url(../images/tiktok.png);}
.bottom .bomBom .right .share a.linkedin{width:16px;height: 18px;background-image:url(../images/linkedin.png);}
.bottom .bomBom .right .share a.in{width:22px;height: 18px;background-image:url(../images/in.png);}
.bottom .bomBom .right .share a:before{display: none;}
.bottom .bomBom .right .share a em { position: absolute; width: 114px; height: 114px;padding:4px;bottom:40px;left:50%;transform: translateX(-50%);background:#fff; display: none;}
.bottom .bomBom .right .share a em:after { position: absolute; content:'';left:50%;top:100%;margin-left:-7px;border: 7px solid transparent;border-top-color:#fff;}
.bottom .bomBom .right .share a:hover em {display: block;}
.bottom .bomBom .right .firLk{display: inline-block;vertical-align: middle;position: relative;}
.bottom .bomBom .right .firLk .btn{display: block;line-height:50px;width:200px;font-size:16px;color: #687d8d;border:1px solid rgba(27,121,173,.2);padding-left:45px;position: relative;transition:.3s;}
.bottom .bomBom .right .firLk .btn:hover{color: #fff;border-color:#fff;}
.bottom .bomBom .right .firLk .btn:before{width: 0;height: 0;border-top: 5px solid transparent;border-left: 6px solid #687d8d;border-bottom: 5px solid transparent;position: absolute;top: 50%;margin-top:-5px;right: 25px;content:'';transition:.3s;}
.bottom .bomBom .right .firLk .btn.on:before{transform: rotate(90deg);}
.bottom .bomBom .right .firLk .sBox{bottom: 100%;width:100%;left: 0;position: absolute;padding:10px;background:rgba(255,255,255,.8);display: none;}
.bottom .bomBom .right .firLk .sBox a{display: block;line-height:32px; font-size: 13px;}
/*bottom*/

.innerBan{position: relative;}
.innerBan:before{width:1px;height: 100%;content:'';background:rgba(255,255,255,.1);position: absolute;top: 0;left: 5%;z-index: 9;}
.innerBan:after{width:1px;height: 100%;content:'';background:rgba(255,255,255,.1);position: absolute;top: 0;right: 5%;z-index: 9;}
.innerBan .Banbox{padding-bottom:790px;background-repeat:no-repeat;background-position:center;background-size: cover;}
.innerBan .locatBox{position: absolute;width:100%;top: 120px;left: 0;padding:15px;color: #fff;opacity: 1;transition:.3s;}
.innerBan .locatBox.open{opacity: 0;}
.innerBan .locatBox p a{color: #fff;}
.innerBan .locatBox p a:first-child{padding-left:30px;position: relative;}
.innerBan .locatBox p a:first-child:before{width:14px;height: 12px;content:'';background:url(../images/home.png) no-repeat;position: absolute;left: 0;top: 50%;margin-top:-6px;}
.innerBan .Lmore{}
.innerBan .Lmore a{font-size:16px;color: #fff;padding-bottom:95px;position: absolute;display: block;text-align: center;bottom: -30px;left: 50%;transform: translateX(-50%);}
.innerBan .Lmore a:before{width:52px;height: 80px;content:'';background:url(../images/Lmore.png) no-repeat;position: absolute;bottom: 0;left: 50%;margin-left:-26px;transition:.3s;}
.innerBan .Lmore:hover a:before{bottom: -10px;}
/*关于佑谦*/
.innerBan .vidBox{}
.innerBan .vidBox .play{width:86px;height: 86px;background:url(../images/play.png) no-repeat;position: absolute;top:60%;left: 50%;transform: translate(-50%, -50%);display: block;transition:.3s;}
.innerBan .vidBox .play:hover{top: 58%;}
.innerBan .vidBox .videoBox{position: absolute;width: 100%;height: 100%;left: 0;top: 0;display: none;}
.innerBan .vidBox .videoBox .closBtn{width: 21px;height: 21px;display: block;position: absolute;top: 25px;right:25px;background:url(../images/col.png) no-repeat;z-index: 99;transition:.3s;}
.innerBan .vidBox .videoBox .closBtn:hover{transform: rotate(90deg);}
.innerBan .vidBox .videoBox video{width: 100%;height: 100%;background-color:rgba(0,0,0,.9);}

.comTit{font-size:32px;color: #132453;text-align: center;margin-bottom:45px;}
.comProfile{position: relative;margin: 8% 0;}
.comProfile .txtBox{}
.comProfile .txtBox .txtB{max-width:48%;}
.comProfile .txtBox .txtB h5{text-align: left;}
.comProfile .txtBox .txtB .txt{font-size:18px;line-height:30px;color: #132453;text-indent: 2em;}
.comProfile .imgBox{width:49%;position: absolute;right: 0;top:0;}

.honerWarp{padding:80px 0 110px;background:url(../images/zzBG.jpg) no-repeat;background-position:center;}
.honerWarp .inner{max-width:1280px;margin: 0 auto;}
.honerWarp .listBox{}
.honerWarp .listBox .slick-list{padding-top:40px!important;}
.honerWarp .listBox li{position: relative;padding:10px;transition:.3s;opacity: 0;}
.honerWarp .listBox li.slick-active{opacity: 1;}
.honerWarp .listBox li:before{height: 100%;width:163%;content:'';background:url(../images/zzBe.png) no-repeat;position: absolute;top: 0;left: 50%;z-index: 10;background-position:center;transform: translateX(-52%);}
.honerWarp .listBox li i{background-repeat:no-repeat;background-position:center;padding-bottom:350px;width:100%;display: block;background-size: contain;}
.honerWarp .listBox li.next2L{top: -40px;left: 70px;z-index: 7;transform: scale(.9);}
.honerWarp .listBox li.next2R{top: -40px;right: 70px;z-index: 7;transform: scale(.9);}
.honerWarp .listBox li.nextL{top: -20px;left: 35px;z-index: 8;transform: scale(.95);}
.honerWarp .listBox li.nextR{top: -20px;right: 35px;z-index: 8;transform: scale(.95);}
.honerWarp .listBox li.slick-current{z-index: 9;}

.historyWarp{padding:100px 0;background:url(../images/hisBG.jpg) no-repeat;background-position:center;background-size: cover;}
.historyWarp .hisBox{}
.historyWarp .hisBox .hisSmall{position: relative;margin-bottom:75px;}
.historyWarp .hisBox .hisSmall:before{width:100%;border-bottom:1px dashed #888;content:'';position: absolute;left: 0;bottom: 4.5px;}
.historyWarp .hisBox .hisSmall .slick-list{padding-bottom:5px!important;}
.historyWarp .hisBox .hisSmall .item{padding-bottom:50px;position: relative;font-size:40px;font-weight:bold;opacity: .4;transition:.3s;text-align: center;}
.historyWarp .hisBox .hisSmall .item:before{width:1px;height: 30px;background:#888;content:'';position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;z-index: 8;}
.historyWarp .hisBox .hisSmall .item:after{width:9px;height: 9px;border:1px solid #888;content:'';left: 50%;transform: translateX(-50%);bottom: -4.5px;position: absolute;z-index: 9;}
.historyWarp .hisBox .hisSmall .item.slick-current{opacity: 1;}
.historyWarp .hisBox .hisSmall .item.slick-current:before{background-color:#333;}
.historyWarp .hisBox .hisSmall .item.slick-current:after{background-color:#333;border-color:#333;}
.historyWarp .hisBox .hisBig{position: relative;}
.historyWarp .hisBox .hisBig .item{}
.historyWarp .hisBox .hisBig .item .imgBox{display: inline-block;vertical-align: middle;width:35.75%;text-align: center;margin: 0 6.5%;position: relative;}
.historyWarp .hisBox .hisBig .item .imgBox:before{width:15px;height: 70%;content:'';background:#132453;position: absolute;right: -15px;top: 50%;transform: translateY(-50%);}
.historyWarp .hisBox .hisBig .item .txtBox{display: inline-block;vertical-align: middle;width:49%;padding-left:2%;}
.historyWarp .hisBox .hisBig .item .txtBox span{font-size:40px;font-weight:bold;display: block;margin-bottom:25px;}
.historyWarp .hisBox .hisBig .item .txtBox p{font-size: 18px;line-height:30px;color: #132453;}
.historyWarp .hisBox .hisBig .slick-arrow{width:50px;height: 50px;border:none;background:url(../images/ar.png) no-repeat;position: absolute;top: 50%;margin-top:-25px;transition:.3s;font-size:0;cursor: pointer;}
.historyWarp .hisBox .hisBig .slick-arrow:hover{background:url(../images/ar_a.png) no-repeat;}
.historyWarp .hisBox .hisBig .slick-arrow.slick-prev{left: -25px;}
.historyWarp .hisBox .hisBig .slick-arrow.slick-prev:hover{transform: rotate(180deg);}
.historyWarp .hisBox .hisBig .slick-arrow.slick-next{transform: rotate(180deg);right: -25px;}
.historyWarp .hisBox .hisBig .slick-arrow.slick-next:hover{transform: rotate(0);}
.historyWarp .hisBox .hisBig .item .txtBox span i{font-size: 20px;
    font-style: normal;
    vertical-align: baseline;
    margin-left: 10px;}

.culture{padding:85px 0 100px;}
.culture .culList{}
.culture .culList .item{float: left;width:31%;margin-right:3.5%;padding:25px 40px;box-shadow:0 0 20px rgba(0,0,0,.2);transition:.3s;}
.culture .culList .item:nth-child(3n){margin-right:0;}
.culture .culList .item .Top{border-bottom:1px solid #eee;padding-bottom:20px;margin-bottom:35px;}
.culture .culList .item .Top .icon{line-height:35px;}
.culture .culList .item .Top .icon img{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;transition:.3s;max-width:35px;}
.culture .culList .item .Top h5{font-size:20px;color: #030303;font-weight: normal;margin-top:10px;transition:.3s;}
.culture .culList .item .txt{font-size:16px;line-height:36px;height: 290px;overflow: hidden;}
.culture .culList .item:hover{box-shadow:0 0 30px rgba(19,36,83,.5);}
.culture .culList .item:hover .Top .icon img{-webkit-filter: inherit;-moz-filter: inherit;-ms-filter: inherit;-o-filter: inherit;filter: inherit;filter: inherit;}
.culture .culList .item:hover .Top h5{color: #132453;font-weight:bold;}

.BGfix{background-attachment: fixed;background-repeat: no-repeat;background-position: center center;position: relative;}
.BGfix:before{width:100%;height: 100%;content:'';background:rgba(0,0,0,.4);position: absolute;top: 0;left: 0;z-index: 8;}
.BGfix h5{padding:260px 0;color: #fff;font-size:60px;text-align: center;position: relative;z-index: 9;}

.contact{padding:85px 0 130px;}
.contact .tactList{
	margin: 0 -15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
.contact .tactList .item{
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 0 15px;
	width: 25%;
}
.contact .tactList .item .content{
	box-shadow:0 0 20px rgba(0,0,0,.2);text-align: center;padding:35px 0 50px;
	background: #fff;
}
.contact .tactList .item:nth-child(4n){margin-right:0;}
.contact .tactList .item .icon{line-height:50px;margin-bottom:35px;}
.contact .tactList .item .icon img{max-width:40px;}
.contact .tactList .item p{font-size:16px;color: #132453;}
/*关于佑谦*/

.container{padding-top:70px;}
.menu{text-align: center;}
.menu .w1600{border-bottom:1px solid #eee;}
.menu li{display: inline-block;vertical-align: middle;line-height:60px;margin: 0 5%;position: relative;}
.menu li a{font-size: 18px;color: #666666;transition:.3s;}
.menu li:hover a,
.menu li.on a{color: #132453;font-weight:bold;}
.menu li.on:before{width:100%;height: 4px;content:'';background:#132453;position: absolute;left: 0;bottom: 0;}

/*产品*/
.proList{padding-bottom:145px;}
.proList .item{margin-top:75px;}
.proList .item .txtBox{float: left;width:50%;padding:7% 70px 0;position: relative;}
.proList .item .txtBox:before{width:60px;height: 8px;content:'';background:#0e1c4a;position: absolute;left: 50%;margin-left:-30px;top: 0;}
.proList .item .txtBox h5{font-size:48px;color: #132453;margin-bottom:40px;}
.proList .item .txtBox .list{padding-left:25px;margin-bottom:25px;}
.proList .item .txtBox .desBox .list{width:50%;float: left;}
.proList .item .txtBox .list span{display: block;font-size:18px;color: #132453;font-weight:bold;position: relative;line-height:26px;margin-bottom:15px;}
.proList .item .txtBox .list span:before{width:11px;height: 13px;content:'';background:url(../images/i2.png) no-repeat;top: 5px;left: -25px;position: absolute;}
.proList .item .txtBox .list p{font-size:16px;line-height:36px;}
.proList .item .txtBox .moreBtn{margin-top:35px;}
.proList .item .imgBox{float: right;width:50%;}
.proList .item:nth-child(even) .txtBox{float: right;}
.proList .item:nth-child(even) .imgBox{float: left;}

.proList2 .item{background:#f9f9f9;}
.proList2 .item .txtBox{padding-top:4%;}
.proList2 .item .txtBox h5 span{font-size:16px;font-weight:normal;margin-left:20px;}
.proList2 .item .txtBox .list p em{font-style:normal;display: inline-block;vertical-align: middle;margin-right:30px;}

.proInfo{position: fixed;width:100%;height: 100%;background:rgba(0,0,0,.5);top: 0;left: 0;display: none;}


.proInfo .mCustomScrollbar{max-height: 500px;}
.proInfo .mCSB_scrollTools{width: 2px; opacity: 1!important;}
.proInfo .mCSB_scrollTools .mCSB_draggerRail{background: #d9d9d9;}
.proInfo .mCSB_scrollTools .mCSB_dragger{height: 20px!important;}
.proInfo .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background: #132453!important; width: 100%;}

@media (max-width: 1600px) {
	.proList2 .item .txtBox h5 span{
		display: block;
		margin-left: 0;
	}
}
.proInfo .inner{position: absolute;top: 20%;left: 0;width:100%;}
.proInfo .inner .w1400{background:#fff;border-radius:10px;padding:0 5% 5%;position: relative;}
.proInfo .inner .col{width:27px;height: 26px;background:url(../images/col2.png) no-repeat;display: block;position: absolute;top: 15px;right: 15px;transition:.3s;}
.proInfo .inner .col:hover{transform: rotate(90deg);}
.proInfo .inner h1{line-height:125px;text-align: center;border-bottom:1px solid #eee;font-size:36px;color: #132453;margin-bottom:35px;}

.proInfo .inner p{font-size:16px;line-height:36px;}
.proInfo .inner p span{font-size:24px;font-weight:bold;color: #132453;}

.proInfo .inner h3{display: block;font-size:20px;color: #132453; margin: 20px 0; line-height:26px;}
.proInfo .inner h5{display: block;font-size:18px;color: #333; margin: 20px 0; position: relative;line-height:26px;}
.proInfo .inner h5:before{width:11px;height: 13px;content:'';background:url(../images/i2.png) no-repeat;top: 5px;left: -25px;position: absolute;}





.proInfo .process { padding: 3%; box-shadow: 0 0 20px rgb(0 0 0 / 20%); background: #fff;}
.proInfo .process .box{ position:relative;}
.proInfo .process .box p{ font-size:18.53px; color:#333; margin-bottom:0;}
@media(min-width:769px){
.proInfo .process{ display:table; width:100%; margin-bottom: 20px;}
.proInfo .process .box{ display:table-cell; vertical-align:bottom; max-width:218px; padding-right:3%;}
.proInfo .process .box .num{ font-size:42px; border-top:1px solid rgba(60, 74, 113, 0.3); padding-top:20px; width:100%;}
.proInfo .process .box:last-child .num{ border-top-color:transparent;}
.proInfo .process .box .num::before{ position:absolute; content:''; width:17px; height:17px; border-radius:50%; background:#3c4a71; left:0; top:-8px;}
}
.proInfo .process .box .num{  color:rgba(60, 74, 113, 0.19); font-family:Arial, Helvetica, sans-serif;}
@media(max-width:1024px){
.proInfo .process .box p{ font-size:16px;}
.proInfo .process .box .num{ font-size:36px;}
}
@media(max-width:768px){
.proInfo .process .box{ padding-left:60px; min-height:50px;}
.proInfo .process .box:nth-child(2n){ background:#f5f5f5;}
.proInfo .process .box .txt{ position:relative; padding-left:60px;}
.proInfo .process .box .txt p{ margin:0; padding:20px 0;}
}









.proInfo .inner .pic{ border:1px solid #eee;}

.proInfo .inner table{ margin-bottom: 20px;border-collapse: collapse; border-spacing: 0;}
.proInfo .inner table th,.proInfo .inner table td{text-align:center; border:1px solid #eee; border-collapse:collapse; line-height:24px; padding:15px;}
.proInfo .inner table th{ font-size:14px; font-weight:normal; background: #132453; color: #fff; border:1px solid #3c4a71;}
.proInfo .inner table .th{ background: #f1f2f7; color: #132453; border:1px solid #d0d0d0;}


.proInfo .inner .infoF1{margin-bottom:40px;}
.proInfo .inner .infoF1 .txtBox{width:43%;float: left;padding:7% 40px 0;}
.proInfo .inner .infoF1 .txtBox .list{margin-bottom:25px;}
.proInfo .inner .infoF1 .txtBox .list span{display: block;font-size:18px;color: #132453;font-weight:bold;position: relative;line-height:26px;}
.proInfo .inner .infoF1 .txtBox .list span:before{width:11px;height: 13px;content:'';background:url(../images/i2.png) no-repeat;top: 5px;left: -25px;position: absolute;}
.proInfo .inner .infoF1 .txtBox .list p{font-size:16px;line-height:36px;}
.proInfo .inner .infoF1 .imgBox{float: right;width:57%;}
.proInfo .inner .infoF2{padding:0 10px;margin-bottom:50px;}




.proInfo .inner .item{float: left;width:32%;margin-right:2%;}
.proInfo .inner .item:nth-child(3n){margin-right:0;}
.proInfo .inner .item .imgB{box-shadow:0 0 20px rgba(0,0,0,.2); text-align: center;}
.proInfo .inner .item p{font-size:18px;margin-top:15px;text-align: center;}






.proInfo .inner .infoF3{margin-bottom:40px;}


.proInfo .inner .infoF4{padding:0 10px;}
.proInfo .inner .infoF4 h5{font-size:24px;color: #132453;text-align: center;margin-bottom:90px;}
.proInfo .inner .infoF4 ul{ margin-bottom: 20px;}
.proInfo .inner .infoF4 li{float: left;width:32%;margin-right:2%;position: relative;padding:60px 0 30px;box-shadow:0 0 20px rgba(0,0,0,.2);text-align: center;}
.proInfo .inner .infoF4 li:nth-child(3n){margin-right:0;}
.proInfo .inner .infoF4 li em{position: absolute;display: block;width:80px;height: 80px;line-height:80px;color: #fff;background:#132453;border-radius:50%;font-size:48px;font-weight:bold;position: absolute;top: -40px;left: 50%;margin-left:-40px;font-style:normal;}
.proInfo .inner .infoF4 li p{font-size:18px;font-weight:bold;color: #132453;margin-bottom:15px;}
.proInfo .inner .infoF4 li span{font-size:16px;line-height:26px;display: block;}
/*产品*/




/*响应式*/
.nav_btn {float:right; width:30px; height:27px; margin:16px 0 0 20px; position:relative; cursor:pointer; display:none;  transition:margin 0.3s ease 0s;z-index: 999;}
.nav_btn span,.nav_btn span:before,.nav_btn span:after {content:''; display:block; width:100%; height:2px; background-color:#fff; position:absolute; left:0;border-radius:3px;}
.nav_btn span {top:50%; margin-top:-1px;}
.nav_btn span:before {top:-10px; transition:all 0.3s ease 0s;}
.nav_btn span:after {bottom:-10px; transition:all 0.3s ease 0s;}
.top.top_fixed .nav_btn span,.top.top_fixed .nav_btn span:before,.top.top_fixed .nav_btn span:after{ background-color:#333;}
.nav_btn.open span {height:0;}
.nav_btn.open span:before {transform:rotate(45deg); top:0;background-color:#132453;}
.nav_btn.open span:after {transform:rotate(-45deg); bottom:-2px;background-color:#132453;}

@media(max-width:1600px){
  .w1600{padding:0 2%;}
  .proInfo .mCustomScrollbar {max-height: 380px}
  .top .right .nav li{margin-left:50px;}
  .banner:before,.innerBan:before{left: 1%;}
  .banner:after,.innerBan:after{right: 1%;}
  .banner li .txtBox .more{margin-top:10%;}
  .bottom .bomTop .right dl{margin-left:14%;}
  .Foor4{background-size: cover;}
}

@media(max-width:1440px){
  .w1400{padding:0 2%;}
  .proInfo .inner .w1400 {margin: 0 20px;}
  .Foor3 .F3Mid .txtBox .right .item { margin-bottom: 12%;}
}


@media(max-width:1280px){
  .nav_btn{display: block;}
  .top .right .nav li .subBox dd a{color: #333;}
  .top .right .nav{position: absolute;top: 100%;left: 0;z-index: 99;background:rgb(255,255,255);width:100%;padding:10px 15px;display: none;box-shadow: 0px 5px 10px rgba(0,0,0,.2);}
  .top .logo{line-height:60px;}
  .top .right .slBox .sear{margin: 20px 0;}
  .banner li .txtBox h5{font-size:42px;max-height:120px;}
  .banner li .txtBox .more{margin-top: 20px;}
  .top.top_fixed .right .nav{background:#fff;}
  .top .right .nav li{float: none;margin-left:0;}
  .top .right .nav li >a{line-height:40px;color: #132453;}
  .top .right .nav li .subBox{position: static;}
  .top .right .nav li .subBox dd{text-align: left;}
  .Foor1 .imgBox{position: static;text-align: center;width:100%;margin-top:40px;}
  .Foor1 .imgBox .pcIMG{display: none;}
  .Foor1 .imgBox .wapIMG{display: block;}
  .Foor1 .txtBox h5{font-size:32px;}
  .Foor1 .txtBox .txt{font-size:20px;line-height:32px;margin: 20px 0;}
  .Foor1 .txtBox .des{font-size:14px;line-height:36px;}
  .Foor1 .txtBox .moreBtn{margin-top:30px;}
  .moreBtn{font-size:16px;margin-left:75px;}
  .moreBtn:before{width:40px;height: 40px;left: -20px;margin-top:-20px;}
  .moreBtn:after{width:30px;left:-75px;}
  .Foor2 .itemTop .txtBox{float: none;width:100%;padding-right:0;margin-bottom:20px;}
  .Foor2 .itemTop .txtBox h5{font-size:32px;}
  .Foor2 .itemTop .txtBox .txt{font-size:20px;line-height:32px;margin: 20px 0;}
  .Foor2 .itemTop .txtBox .des{font-size:14px;}
  .Foor2 .itemTop .item.item1{width:28.5%;margin-left:0;}
  .Foor2 .itemTop .item.item2{width:70%;}
  .Foor2 .itemTop .item i,
  .Foor2 .itemBom .item i{background-size: cover;padding-bottom:320px;}
  .Foor2 .item .txt h5{font-size:24px;}
  .Foor3 .F3Top h5{font-size:32px;margin-bottom:25px;}
  .Foor3 .F3Top p{font-size:14px;}
  .Foor3 .F3Top{margin-bottom: 35px;}
  .Foor3 .F3Mid{padding:0 2%;padding-bottom:50px;}
  .Foor3 .F3Mid .imgBox{position: relative;width:100%;margin-bottom:20px;}
  .Foor3 .F3Mid .imgBox img{width:100%;}
  .Foor3 .F3Mid .txtBox .right{float: none;width:100%;}
  .Foor3 .F3Mid .txtBox .moreBtn{margin-top:30px;}
  .Foor3 .F3Mid .txtBox .right .item{margin-bottom:50px;}
  .Foor3 .F3Mid .txtBox .right .item h5 a{font-size:24px;margin-bottom:25px;}
  .Foor3 .F3Mid .txtBox .right .item h5 a:before{width:20px;height: 20px;background-size: contain;}
  .Foor3 .F3Mid .txtBox .right .item .txt span{font-size:20px;}
  .Foor3 .F3Mid .txtBox .right .item .txt{padding-left:50px;}
  .Foor3 .F3Mid .txtBox .right .item .txt .des{font-size:14px;line-height:28px;}
  .Foor4 h5{font-size:32px;}
  .Foor4 p{font-size:16px;line-height:28px;max-width:80%;margin: 20px auto;}
  .Foor4 .abList a{width:44px;height: 44px;background-size: contain!important;}
  .Foor4 .more{width:120px;height: 40px;line-height:40px;font-size:14px;}
  .bottom{padding-top:60px;}
  .bottom .bomTop .leftB{float: none;width:100%;}
  .bottom .bomTop .right{display: none;}
  .bottom .bomBom{padding:20px 0;}
  .bottom .bomBom .copy{line-height:30px;font-size:14px;float: none;text-align: center;margin-bottom:10px;}
  .bottom .bomBom .right{float: none;text-align: center;}
  .bottom .bomBom .right .firLk .btn{text-align: left;}
  .bottom .bomTop .leftB h5{font-size:24px;line-height:30px;}
  .bottom .bomTop .leftB p{margin: 15px 0;}
  .innerBan .locatBox{top: 60px;}
  .innerBan .Banbox{padding-bottom:420px;}
  .innerBan .vidBox .play{width:43px;height: 43px;background-size: contain;}
  .honerWarp .listBox li:before{width:90%;}
  .culture .culList .item{float: none;width:100%;margin-right:0;margin-bottom:20px;}
  .culture .culList .item .txt{height: auto;}
  .contact .tactList{
	  margin-top: -20px;
  }
  .contact .tactList .item {width: 50%;margin-top: 20px;}
  .BGfix h5{font-size:42px;}
  .proList .item .txtBox h5{font-size:36px;margin-bottom:25px;}
  .proInfo .inner{top: 120px;width:95%;left: 50%;transform: translateX(-50%);}
  .proInfo .inner .infoF4 li em{font-size:20px;width:60px;height: 60px;line-height:60px;margin-left:-30px;}
}

@media(max-width:768px){
  .banner li .txtBox h5{font-size:16px;max-height: 45px;}
  .banner li .txtBox .more{font-size:12px;}
  .banner li .txtBox .more:before{width:30px;height: 30px;left: -15px;margin-top:-15px;}
  .banner li .txtBox .more:after{width:20px;right: -30px;}
  .banner .slick-dots li button{font-size:12px;}
  .banner .slick-dots li{padding-right: 10px;margin-bottom:10px;}
  .Foor1 .txtBox h5,.Foor2 .itemTop .txtBox h5{font-size:24px;}
  .Foor1{padding-top:0;}
  .Foor1 .txtBox .txt,.Foor2 .itemTop .txtBox .txt{font-size:16px;margin: 15px 0;line-height: 24px;}
  .Foor1 .txtBox .des{line-height:22px;}
  .Foor1 .imgBox{padding:0 2%;}
  .Foor2 .itemTop{margin-bottom:0;}
  .Foor2 .item{width:100%!important;margin-left:0!important;margin-bottom:1.5%;}
  .Foor2 .item .txt{left: 20px;}
  .Foor3 .F3Top h5,.Foor4 h5{font-size:24px;}
  .Foor2 .item .txt h5,.Foor3 .F3Mid .txtBox .right .item h5 a{font-size:20px;}
  .Foor4{padding: 50px 0;}
  .bottom .bomTop .leftB h5{font-size:18px;}
  .bottom .bomBom .right .share{display: block;margin-bottom:10px;}
  .top .right{width:45%;}
  .top .logo{width:48%;}
  .comProfile .txtBox .txtB{max-width:100%;}
  .comProfile .imgBox{position: static;width:100%;text-align: center;margin-top:20px;}
  .comTit{font-size:24px;margin-bottom:30px;}
  .historyWarp .hisBox .hisBig .item .txtBox span i{font-size: 16px;}
  .comProfile .txtBox .txtB .txt{font-size:16px;line-height:26px;}
  .honerWarp{padding:50px 0 80px;}
  .historyWarp .hisBox .hisSmall .item{font-size:20px;padding-bottom:40px;}
  .historyWarp .hisBox .hisBig .item .txtBox span{font-size:20px;margin-bottom:15px;}
  .historyWarp .hisBox .hisBig .item .txtBox p{font-size:16px;line-height:24px;}
  .historyWarp .hisBox .hisBig .item .imgBox{display: block;width:100%;margin: 0;margin-bottom:20px;}
  .historyWarp .hisBox .hisBig .item .txtBox{display: block;width:100%;padding-left:0;}
  .historyWarp .hisBox .hisBig .slick-arrow{z-index: 9;width:25px;height: 25px;background-size: contain;}
  .historyWarp .hisBox .hisBig .slick-arrow.slick-next{right: 5px;}
  .historyWarp .hisBox .hisBig .slick-arrow.slick-prev{left:5px;}
  .historyWarp{padding:50px 0;}
  .culture .culList .item{padding:25px 20px;}
  .BGfix h5{font-size:24px;padding:150px 0;}
  .contact .tactList .item{width:100%;margin-right:0;}
  .proList .item .txtBox{float: none!important;width:100%;padding:30px 20px;}
  .proList .item .imgBox{float: none!important;width:100%;text-align: center;}
  .proList .item .txtBox h5{font-size:20px;margin-bottom:15px;}
  .proList .item .txtBox .list span{font-size:16px;margin-bottom:8px;}
  .proList .item .txtBox .list p{font-size:14px;line-height:24px;}
  .proList .item .txtBox .desBox .list{width:100%;float: none;}
  .menu li a{font-size:16px;}
  .proList{padding-bottom:80px;}
  .top .right .nav li >a{font-size:18px;}
  .proInfo .inner h1{line-height:80px;font-size:22px;}
  .proInfo .inner .infoF1 .txtBox{width:100%;float: none;padding:0 40px;}
  .proInfo .inner .infoF1 .imgBox{width:100%;float: none;text-align: center;}
  .proInfo .inner .infoF2 .item{float: none;width:100%;text-align: center;margin-right:0;margin-bottom:10px;}
  .proInfo .inner .w1400{padding:0 2% 30px;}
  .proInfo .inner h1{margin-bottom:15px;}
  .proInfo .inner .infoF1 .txtBox .list span{font-size:18px;margin-bottom:5px;}
  .proInfo .inner .infoF1 .txtBox .list p{font-size:14px;line-height:24px;}
  .proInfo .inner .infoF2 .item p{font-size:16px;}
  .proInfo .inner .infoF3{padding-left:0;margin-bottom:20px;}
  .proInfo .inner .infoF3 p{line-height:26px;font-size:14px;}
  .proInfo .inner .infoF3 p span{font-size:20px;}
  .proInfo .inner .infoF4 h5{font-size: 18px;margin-bottom:40px;}
  .proInfo .inner .infoF4 li{float: none;width:100%;margin-right:0;margin-bottom:40px;}
  .proInfo .inner .infoF4 li p{font-size:16px;margin-bottom:8px;}
  .proInfo .inner .infoF4 li span{font-size:14px;line-height: 22px;}
  .proInfo .inner .infoF4 li em{width:40px;height: 40px;margin-left:-20px;top: -20px;font-size:16px;line-height:40px;}
  .innerBan .Banbox{padding-bottom: 300px;background-size: cover;}
  .comProfile{margin:0;padding:8% 0;background:#fff;}
  .culture,.contact{background:#fff;}
  .BGfix:after{content:'';position:fixed;z-index:-1;top:0;right:0;bottom:0;left:0;background:url('../images/BGfix.jpg') no-repeat center center;}
}



/*响应式*/


/*20210812*/
.qui-warp1600{margin:0 auto;max-width:1600px;font-family:Arial,"Microsoft YaHei";}
.qui-warp1440{margin:0 auto;max-width:1440px;font-family:Arial,"Microsoft YaHei";}
.qui-warp1400{margin:0 auto;max-width:1400px;font-family:Arial,"Microsoft YaHei";}
.qui-warp880{margin:0 auto;max-width:880px;font-family:Arial,"Microsoft YaHei";}
.qui-img{-webkit-transition:all .4s ease-out;transition:all .4s ease-out;}
.qui-imgbox{position:relative;height:0;padding-bottom:50%;overflow:hidden;}
.qui-imgbg{-webkit-transition:all .4s ease-out;transition:all .4s ease-out;position:absolute;width:100%;height:100%;top:0;left:0;background-size:cover;background-position:center;background-repeat:no-repeat;}
a:hover .qui-img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.qui-hover:hover .qui-img{-webkit-transform:scale(1.1);transform:scale(1.1);}
a:hover .qui-imgbg{-webkit-transform:scale(1.1);transform:scale(1.1);}
.qui-hover:hover .qui-imgbg{-webkit-transform:scale(1.1);transform:scale(1.1);}
.qui-allname{font-size:32px;font-weight:bold;color:#132453;margin-bottom:50px;}
.qui-tec-box{padding-bottom:100px;}
.qui-tec-box .ULLIST{margin:-25px -33px;margin-top:25px;}
.qui-tec-box .ULLIST .li{width:50%;float:left;padding:25px 33px;}
.qui-tec-box .ULLIST .li .qui-hover{display:block;overflow:hidden;}
.qui-tec-box .ULLIST .li .h3{font-size:24px;color:#132453;margin:40px 0 20px;}
.qui-tec-box .ULLIST .li .dot2{font-size:18px;color:#333;line-height:30px;height:60px;}
/*.qui-tec-box .ULLIST .li:nth-child(even){margin-top:-100px;}*/
.qui-tec-box .ULLIST .li:nth-child(odd){clear:both;}
.qui-tec-box .ULLIST .li:nth-child(1){animation-delay:.2s;}
.qui-tec-box .ULLIST .li:nth-child(2){animation-delay:.4s;}
.qui-tec-box .ULLIST .li:nth-child(3){animation-delay:.6s;}
.qui-tec-box .ULLIST .li:nth-child(4){animation-delay:.8s;}
.qui-tec-box .ULLIST .li:nth-child(5){animation-delay:1s;}
.qui-tec-box .ULLIST .li:nth-child(6){animation-delay:1.2s;}
.qui-tec-box .ULLIST .li:nth-child(7){animation-delay:1.4s;}
.qui-tec-box .ULLIST .li:nth-child(8){animation-delay:1.6s;}
.qui-fullimg img{display:block;width:100%;}
.qui-tec-box2{padding-bottom:120px;}
.qui-tec-box3{padding-bottom:80px;}
.qui-tec-box3 .quileft{width:42.5%;float:left;color:#333;font-size:18px;line-height:30px;text-align:justify;}
.qui-tec-box3 .quiright{float:right;min-width:45%;margin-top:-15px;margin-right:20px;}
.qui-tec-box3 .quiright .DLLIST{font-size:0;font-family:Arial,"Microsoft YaHei";margin:0;padding:0;}
.qui-tec-box3 .quiright .DLLIST .dd{display:inline-block;vertical-align:top;font-size:18px;color:#132453;text-align:center;margin:0;padding:0;}
.qui-tec-box3 .quiright .DLLIST .dd .quidiv1 *{font-style:normal;}
.qui-tec-box3 .quiright .DLLIST .dd .quidiv1 span{font-size:36px;font-weight:bold;padding-right:10px;}
.qui-tec-box3 .quiright .DLLIST .dd .quidiv1 i{position:absolute;left:100%;bottom:5px;}
.qui-tec-box3 .quiright .DLLIST .dd .quidiv1{margin-bottom:30px;position:relative;}
.qui-tec-box3 .quiright .DLLIST .dd2{margin:0 105px 0 125px;}

@media(max-width:1700px){
.qui-warp1600{padding: 0 2%;max-width: 100%;}
}
@media(max-width:1500px){
.qui-warp1440{padding:0 2%;max-width:100%;}
.qui-warp1400{padding:0 2%;max-width:100%;}
.qui-tec-box .ULLIST .li{padding:15px;}
.qui-tec-box .ULLIST{margin:-15px;}
.qui-tec-box .ULLIST .li:nth-child(even){margin-top:-45px;}

}
@media(max-width:1300px){


.qui-tec-box3 .quiright{min-width:50%;}
.qui-tec-box3 .quiright .DLLIST .dd2{margin:0;padding:0 12%;}
.qui-tec-box3 .quiright{margin-right:0;}
.qui-tec-box3 .quileft{width:46%;}



}
@media(max-width:1024px){
.qui-tec-box{padding-bottom:6%;}
.qui-allname{margin-bottom:25px;font-size:26px;}
.qui-tec-box .ULLIST{margin:-1%;}
.qui-tec-box .ULLIST .li{padding:1%;margin-top:0!important;}
.qui-tec-box .ULLIST .li .h3{margin:20px 0 10px;font-size:20px;}
.qui-tec-box .ULLIST .li .dot2{font-size:16px;line-height:26px;height:52px;}
.qui-tec-box3{padding-bottom:25px;}
.qui-tec-box2{padding-bottom:6%;}
.qui-tec-box3 .quiright .DLLIST .dd .quidiv1 span{font-size:30px;}
}
@media(max-width:1000px){
.qui-tec-box3 .quiright{float:none;width:100%;}
.qui-tec-box3 .quileft{float:none;width:100%;margin-bottom:25px;}
.qui-tec-box3 .quiright .DLLIST{text-align:center;}
.qui-tec-box3 .quiright .DLLIST .dd .quidiv1{margin-bottom:5px;}

.qui-warp880{padding: 0 2%;max-width: 100%;}

}
@media(max-width:640px){
.qui-allname{font-size:20px;margin-bottom:20px;}
.qui-tec-box .ULLIST .li{width:100%;padding-bottom:15px;}
.qui-tec-box .ULLIST .li .h3{font-size:18px;}
.qui-tec-box3 .quileft{font-size:16px;line-height: 26px;}
.qui-tec-box3 .quiright .DLLIST .dd{font-size:14px;}
.qui-tec-box3 .quiright .DLLIST .dd .quidiv1 span{font-size:20px;padding-right:5px;}
.qui-tec-box3 .quiright .DLLIST .dd .quidiv1 i{bottom: 3px;}
}


.qui-news-list{padding: 93px 0 115px;}
.qui-news-list .ULLIST{margin: -20px;}
.qui-news-list .ULLIST .li{width: 50%;float: left;padding: 20px;}
.qui-news-list .ULLIST .li .qui-hover{display: block;overflow: hidden;background: #f9f9f9;position: relative;padding-left: 48.7179487179%;height: 296px;box-shadow: 0 0 10px rgba(0, 0, 0, 0);-webkit-transition:all .4s ease-out;transition:all .4s ease-out;transform: translateY(0);}
.qui-news-list .ULLIST .li .qui-imgbox{position: absolute;width:48.7179487179%;height: 100%;padding-bottom: 0;left: 0;top: 0;}
.qui-news-list .ULLIST .li .quiinfo{padding: 60px 40px;}
.qui-news-list .ULLIST .li .h3{font-size: 20px;color: #222;}
.qui-news-list .ULLIST .li .dot3{color: #222;font-size: 16px;line-height: 26px;text-align: justify;height: 78px;margin: 25px 0;}
.qui-news-list .ULLIST .li time{color: #999;font-size: 16px;float: left;}
.qui-news-list .ULLIST .li .quimore .span{display: block;float: right;padding-right: 20px;background: url(../images/nmore.png) right center no-repeat;color: #132453;text-transform: capitalize;}
.qui-news-list .ULLIST .li .qui-hover:hover .h3{color: #132453;}
.qui-news-list .ULLIST .li .qui-hover:hover{box-shadow: 0 0 10px rgba(0, 0, 0, .3);transform: translateY(-10px);}


.qui-news-list .ULLIST .li:nth-child(1){animation-delay:.2s;}
.qui-news-list .ULLIST .li:nth-child(2){animation-delay:.4s;}
.qui-news-list .ULLIST .li:nth-child(3){animation-delay:.6s;}
.qui-news-list .ULLIST .li:nth-child(4){animation-delay:.8s;}
.qui-news-list .ULLIST .li:nth-child(5){animation-delay:1s;}
.qui-news-list .ULLIST .li:nth-child(6){animation-delay:1.2s;}
.qui-news-list .ULLIST .li:nth-child(7){animation-delay:1.4s;}
.qui-news-list .ULLIST .li:nth-child(8){animation-delay:1.6s;}


/*分页*/
.Pages{zoom:1;overflow:hidden;text-align:center;padding:80px 0 0;color:#222;font-size:0;}
.Pages *{font-style:normal;display:inline-block;vertical-align:top;}
.Pages a{margin:0 10px;color:#222;font-size:16px;padding:0 3px;min-width:50px;height:50px;line-height:50px;background: transparent;background: #f9f9f9;}
#pageNum···{font-weight: bold;}
.Pages a:hover,
.Pages a.a_cur{color:#fff;background:#132453;}
.Pages a.a_prev,
.Pages a.a_next{background: center no-repeat;overflow: hidden;text-indent: -99em;}
.Pages a.a_prev{background-image: url(../images/pbtn1.png);}
.Pages a.a_next{background-image: url(../images/pbtn2.png);}


@media(max-width:1500px){
.qui-news-list .ULLIST{margin: -1%;}
.qui-news-list .ULLIST .li{padding: 1%;}
.qui-news-list .ULLIST .li .qui-hover{height: 240px;}
.qui-news-list .ULLIST .li .quiinfo{padding: 45px 25px;}
.qui-news-list .ULLIST .li .dot3{margin: 20px 0;}

}
@media(max-width:1300px){
.qui-news-list{padding: 6% 0;}
.Pages{padding-top: 4%;}

}
@media(max-width:1024px){
.qui-news-list .ULLIST .li .qui-hover{padding-left: 42%;height: 180px;}
.qui-news-list .ULLIST .li .qui-imgbox{width: 42%;}
.qui-news-list .ULLIST .li .quiinfo{padding: 20px 12px;}
.qui-news-list .ULLIST .li .h3{font-size: 18px;}
.qui-news-list .ULLIST .li time{font-size: 14px;}
.qui-news-list .ULLIST .li .dot3{font-size: 14px;line-height: 24px;height: 72px;margin: 10px 0;}
}
@media(max-width:760px){
.qui-news-list .ULLIST .li{width: 100%;}
.qui-news-list .ULLIST .li .dot3{height: 48px;-webkit-line-clamp: 2;margin: 6px 0;}
.qui-news-list .ULLIST .li .qui-hover{height: 130px;}
.qui-news-list .ULLIST .li .qui-hover:hover{transform: translateY(0);}
.qui-news-list .ULLIST .li .h3{font-size: 16px;}
.qui-news-list .ULLIST .li time{font-size: 12px;}
.qui-news-list .ULLIST .li .quimore .span{font-size: 12px;padding: 0;background: none;}

.Pages a{margin: 1px 2.5px;font-size: 14px;min-width:38px;height:38px;line-height:38px;}

}

.qui-news-info{padding: 70px 0 110px;font-size: 16px;text-align: justify;color: #222;}
.qui-news-info .quinewstt{font-size: 50px;color: #132453;animation-delay:.2s;}
.qui-news-info .quinewstm{color: #999;padding: 30px 0;margin-bottom: 20px;border-bottom: 1px solid #eee;font-size: 18px;animation-delay:.4s;}
.qui-news-info .quinewstxt{line-height: 28px;padding-bottom: 90px;animation-delay:.6s;}
.qui-news-info .quinewstxt p{padding: 15px 0;text-indent: 2em;}
.qui-news-info .quinewstxt .quiimgbox{padding: 15px 0;}


.qui-morenews{border-top: 1px solid #eee;}
.qui-morenews .quiname{padding: 38px 0;}
.qui-morenews .quiname span{color: #000;font-size: 20px;font-weight: bold;}
.qui-morenews .quiname a{float: right;font-size: 16px;}
.qui-morenews .ULLIST{margin: -40px;}
.qui-morenews .ULLIST .li{width: 50%;float: left;padding: 40px;}
.qui-morenews .ULLIST .li:nth-child(1){animation-delay:.2s;}
.qui-morenews .ULLIST .li:nth-child(2){animation-delay:.4s;}
.qui-morenews .ULLIST .li .qui-imgbox{padding-bottom: 55%;}
.qui-morenews .ULLIST .li .qui-hover{display: block;overflow: hidden;box-shadow: 0 0 10px rgba(0, 0, 0, 0);-webkit-transition:all .4s ease-out;transition:all .4s ease-out;transform: translateY(0);}
.qui-morenews .ULLIST .li .quiinfo{border: 1px solid #eee;border-top: none;padding: 40px 36px;text-align: justify;}
.qui-morenews .ULLIST .li .h3{font-size: 20px;color: #222;}
.qui-morenews .ULLIST .li .dot2{color: #222;font-size: 16px;line-height: 26px;text-align: justify;height: 52px;margin: 15px 0 25px;}
.qui-morenews .ULLIST .li time{color: #999;font-size: 16px;float: left;}
.qui-morenews .ULLIST .li .quimore{overflow: hidden;}
.qui-morenews .ULLIST .li .quimore .span{display: block;float: right;padding-right: 20px;background: url(../images/nmore.png) right center no-repeat;color: #132453;text-transform: capitalize;}
.qui-morenews .ULLIST .li .qui-hover:hover .h3{color: #132453;}
.qui-morenews .ULLIST .li .qui-hover:hover{box-shadow: 0 0 10px rgba(0, 0, 0, .3);transform: translateY(-10px);}

@media(max-width:1300px){
.qui-news-info .quinewstt{font-size: 36px;}

}
@media(max-width:1000px){
.qui-news-info .quinewstt{font-size: 26px;text-align: center;}
.qui-news-info{padding: 6% 0;}
.qui-news-info .quinewstm{padding: 20px 0;margin-bottom: 15px;font-size: 15px;text-align: center;}

.qui-news-info .quinewstxt{font-size: 15px;line-height: 26px;padding-bottom: 5%;}
.qui-news-info .quinewstxt p{padding: .5% 0;}
.qui-news-info .quinewstxt .quiimgbox{padding: .5% 0;}

.qui-morenews .quiname{padding: 25px 0;}
.qui-morenews .ULLIST .li .quiinfo{padding: 25px 20px;}
.qui-morenews .ULLIST .li .dot2{margin: 15px 0;}

.qui-morenews .ULLIST{margin: -1%;}
.qui-morenews .ULLIST .li{padding: 1%;}

}
@media(max-width:640px){
.qui-morenews .ULLIST{margin: -.5%;}
.qui-morenews .ULLIST .li{padding: .5%;}
    .qui-morenews .quiname{padding: 20px 0;}
    .qui-morenews .ULLIST .li .h3{font-size: 16px;}
    .qui-morenews .ULLIST .li .dot2{margin: 5px 0;font-size: 14px;line-height: 24px;height: 48px;}
    .qui-morenews .ULLIST .li .quiinfo{padding: 20px 10px;}
    .qui-morenews .ULLIST .li time{font-size: 12px;}
.qui-morenews .ULLIST .li .quimore .span{font-size: 12px;padding: 0;background: none;}

    }


.innerBan2 .Banbox{background-position: top center;}
.qui-develop{border-top-left-radius: 195px;background: #fff;margin-top: -206px;position: relative;}
.qui-develop:before{content: '';position: absolute;bottom: 100%;margin-bottom: -1px;height: 200px;width: 50%;right: 0;background: url(../images/banbg.png) right bottom no-repeat;}

.qui-develop3 .qui-allname,
.qui-develop .qui-allname{text-align: center;padding-top: 80px;}

.qui-develop .quiinfo{padding: 15px 0;max-width: 1200px;margin: 0 auto;color: #666;font-size: 16px;line-height: 30px;}
.qui-develop .quiinfo p{text-indent: 2em;}
.qui-develop .quiinfo h4{text-indent: 32px;color: #132453;font-size: 18px;}

.qui-develop1 .qui-divbox2{padding-top: 60px;}
.qui-develop1 .qui-divbox2 .ULLIST{margin: -52px;}
.qui-develop1 .qui-divbox2 .ULLIST .li{width: 33.3333333333333%;float: left;padding: 52px;}
.qui-develop1 .qui-divbox2 .ULLIST .li .qui-libox{background: #eaf0ff;min-height: 265px;border-radius: 0 55px 0 55px;position: relative;overflow: hidden;padding: 40px 44px;}
.qui-develop1 .qui-divbox2 .ULLIST .li .qui-libox:after{content: '';position: absolute;top: 0;left: 0;z-index: 1;width: 128px;height: 71px;background: top left no-repeat;}
.qui-develop1 .qui-divbox2 .ULLIST .li:nth-child(1) .qui-libox:after{background-image: url(../images/fabg1.png);}
.qui-develop1 .qui-divbox2 .ULLIST .li:nth-child(2) .qui-libox:after{background-image: url(../images/fabg2.png);}
.qui-develop1 .qui-divbox2 .ULLIST .li:nth-child(3) .qui-libox:after{background-image: url(../images/fabg3.png);}
.qui-develop1 .qui-divbox2 .ULLIST .li .h3{color: #132453;font-size: 18px;text-align: center;margin: 0 0 60px;padding-left: 40px;}
.qui-develop1 .qui-divbox2 .ULLIST .li .quitxt{color: #666;font-size: 0;}
.qui-develop1 .qui-divbox2 .ULLIST .li .quitxt .span{display: inline-block;vertical-align: top;min-width: 33.33333333333333%;font-size: 16px;margin-bottom: 26px;position: relative;padding-right: 5px;}
.qui-develop1 .qui-divbox2 .ULLIST .li .quitxt .span:before{content: '>';font-family: '宋体';display: inline-block;vertical-align: top;color: #132453;padding-right: 10px;}

.qui-develop2 .qui-divbox2{margin-top: 50px;}
.qui-develop2 .qui-divbox2 .qui-imgbox{border-radius: 90px 0 90px 0;padding-bottom: 32.9166666667%;}
.qui-develop2 .qui-divbox2 .quitxt{position: absolute;z-index: 5;left: 0;bottom: 0;width: 667px;min-height: 401px;background: url(../images/fzimgbg.png) center no-repeat;background-size: 100% 100%;color: #fff;font-size: 24px;line-height: 60px;padding: 140px 44px 20px;max-height: 100%;overflow: auto;}

.qui-develop3 .qui-divbox{max-width: 1200px;margin: 0 auto;padding-bottom: 70px;}
.qui-develop3 .qui-divbox .ULLIST{margin: 0 -38px;}
.qui-develop3 .qui-divbox .ULLIST .li{width: 50%;float: left;padding: 0 38px;}
.qui-develop3 .qui-divbox .ULLIST .li .qui-hover{display: block;line-height: 48px;overflow: hidden;font-size: 18px;color: #132453;position: relative;}
.qui-develop3 .qui-divbox .ULLIST .li .qui-hover:before{content: '>';font-family: '宋体';display: inline-block;vertical-align: top;color: #132453;padding-right: 10px;}

.qui-develop3{padding-bottom: 140px;}
.qui-develop3 .qui-divbox2 .ULLIST .li{opacity: .2;margin:0 60px;}
.qui-develop3 .qui-divbox2 .ULLIST .li.slick-current{opacity: 1;}
.qui-develop3 .qui-divbox2 .ULLIST .li .qui-imgbox{border-radius: 100px 0 100px 0;}
.qui-develop3 .slick-arrow{position: absolute;cursor: pointer;width: 60px;height: 60px;z-index: 50;top: 50%;margin-top: -30px;border: none;text-indent: -99em;overflow: hidden;background: center no-repeat;}
.qui-develop3 .slick-prev{left: 13.5%;background-image: url(../images/fzbtn1.png);}
.qui-develop3 .slick-next{right: 13.5%;background-image: url(../images/fzbtn2.png);}
.qui-develop3 .qui-divbox2 .ULLIST .li .h3{font-weight: normal;font-size: 18px;;line-height: 120px;padding: 0 40px;background: rgba(19, 36, 86, .7);position: absolute;z-index: 3;color: #fff;width: 100%;left: 0;bottom: 0;opacity: 0;}
.qui-develop3 .qui-divbox2 .ULLIST .li.slick-current .h3{opacity: 1;}
.qui-develop3 .qui-divbox2 .ULLIST .li .qui-imgbox{padding-bottom: 53.3333333333%;}

@media(max-width:1500px){
.qui-develop3 .qui-divbox2 .ULLIST .li{margin: 0 20px;}
.qui-develop3 .slick-prev{left: 3%;}
.qui-develop3 .slick-next{right: 3%;}
}
@media(max-width:1300px){
.qui-develop{border-radius: 50px 0 0 0;}
.qui-develop3 .qui-allname, .qui-develop .qui-allname{padding-top: 6%;}
.qui-develop1 .qui-divbox2{padding-top: 30px;}

.qui-develop .quiinfo{padding: .5% 0;}
.qui-develop1 .qui-divbox2 .ULLIST{margin: -1%;}
.qui-develop1 .qui-divbox2 .ULLIST .li{padding: 1%;}
.qui-develop3 .qui-divbox{padding-bottom: 40px;}

.qui-develop1 .qui-divbox2 .ULLIST .li .h3{margin-bottom: 25px;}
.qui-develop1 .qui-divbox2 .ULLIST .li .quitxt .span{font-size: 15px;margin-bottom: 15px;}
.qui-develop3{padding-bottom: 6%;}
.qui-develop:before{display: none;}


.qui-develop{margin-top: -50px;}
}
@media(max-width:1024px){
.qui-develop3 .qui-divbox2 .ULLIST .li .qui-imgbox{border-radius: 50px 0 50px 0;}
.qui-develop3 .qui-divbox2 .ULLIST .li{margin: 0 10px;}
.qui-develop3 .qui-divbox2 .ULLIST .li .h3{line-height: 80px;font-size: 16px;}
.qui-develop3 .slick-arrow{background-size: auto 42px;}

}
@media(max-width:1000px){
.qui-develop1 .qui-divbox2 .ULLIST .li .qui-libox{min-height: 0;}
.qui-develop1 .qui-divbox2 .ULLIST .li{width: 100%;min-height: 0;}

.qui-develop2 .qui-divbox2 .qui-imgbox{border-radius: 50px 0 50px 0;}
.qui-develop2 .qui-divbox2 .quitxt{padding: 20px 15px;font-size: 16px;line-height: 26px;min-height: 0;width: 100%;}

.qui-develop3 .qui-divbox .ULLIST{margin: -1%;}
.qui-develop3 .qui-divbox .ULLIST .li{width: 100%;padding: 1%;}
.qui-develop3 .qui-divbox .ULLIST .li .qui-hover{line-height: 32px;font-size: 16px;}


    }
@media(max-width:640px){
.qui-develop3 .qui-divbox2 .ULLIST .li .h3{font-size: 14px;line-height: 50px;padding: 0 15px;opacity: 1;}
.qui-develop3 .qui-divbox2 .ULLIST .li .qui-imgbox{border-radius: 10px 0 10px 0;}
.qui-develop3 .qui-divbox2 .ULLIST .li{margin: 0;opacity: 1;}

.qui-develop .quiinfo h4{font-size: 16px;text-indent: 28px;}
.qui-develop .quiinfo{font-size: 14px;line-height: 26px;}

.qui-develop1 .qui-divbox2{padding-top: 20px;}

.qui-develop1 .qui-divbox2 .ULLIST .li .qui-libox{border-radius: 10px 0 10px 0;padding: 25px 20px;}
.qui-develop1 .qui-divbox2 .ULLIST .li .qui-libox:after{background-size: auto 42px;}
.qui-develop1 .qui-divbox2 .ULLIST .li .h3{font-size: 16px;margin-bottom: 20px;padding-left: 0;}
.qui-develop2 .qui-divbox2{margin-top: 20px;}
.qui-develop2 .qui-divbox2 .qui-imgbox{border-radius: 10px 0 10px 0;}
.qui-develop2 .qui-divbox2 .quitxt{font-size: 14px;}

.qui-develop3 .qui-divbox{padding-bottom: 20px;}

.qui-develop{border-top-left-radius: 10px;}


}



