@charset "utf-8";
/* CSS Document */
.honor-wrap{padding:0 0 100px 0;}
.pub-subnav{overflow: hidden;background:#EFF4F6;margin-bottom:100px;}
.pub-subnav ul li a{width:20%;float:left;text-align:center;height: 70px;line-height: 70px;font-size:20px;color:#333333;}
.pub-subnav ul li a.cur,.pub-subnav ul li a:hover{background:#006ebd;color:#fff;}

.pub-subnav.three ul li a{width:33.333333%}
.pub-subnav.two ul li a{width:50%}
.pub-subnav.four ul li a{width:25%}
.mobile-img{display:none;}

/* index */
.index-product{padding:80px 0 40px;overflow:hidden;}
.index-product-nav{width: 18%;background:linear-gradient(to right, #006ebd,#0095df); box-sizing: border-box; padding: 70px 1% 100px;border-radius:10px;}
.index-product-nav .title{text-align: center; margin-bottom: 20px;}
.index-product-nav .title h2{font-size: 36px; color: #fff; line-height: 58px; font-weight: bold;}
.index-product-nav .title h2 span{color:#fff;z-index: 1;}
.index-product-nav dl{width: 100%; background: #e6f3fb; margin-top: 12px; height: 100%; overflow: hidden;border-radius: 5px;}
.index-product-nav dl dt{font-size: 18px; color: #333; box-sizing: border-box; width: 100%; padding: 0px 10%; height: 50px; line-height: 50px; cursor: pointer;background:#fff;}
.index-product-nav dl dt i{width: 16px; height: 16px; background: url('../img/icon_jia.png') no-repeat center top;float: right; margin-top: 20px; transform: rotate(0deg);}
.index-product-nav dl dd{box-sizing: border-box; width: 100%; padding: 0 7%; line-height:25px;margin-top:20px;display:none;}
.index-product-nav dl dd:last-child{margin-bottom:20px;}
.index-product-nav dl dd a{color: #333; font-size: 16px;}
.index-product-nav dl dd:hover a{color: #001daf}
.index-product-nav dl dd:hover::before{color: #001daf}
.index-product-nav dl .action a{color: #001daf}
.index-product-nav dl .action::before{color: #001daf}
.index-product-content{width: 79%;}
.productContentIndex{display: none}
.index-product-content .title{border-bottom: 1px solid #e5e5e5;padding-bottom:20px;}
.index-product-content .indexview{width: 100%; overflow: hidden; position: relative; padding-bottom: 50px}
.index-product-content .indexview dl{position: absolute; width: 100%; text-align: center; bottom: 0px; left: 0;}
.index-product-content .indexview dl dd{width: 16px; height: 16px; display: inline-block; border-radius: 50%; background: rgba(0, 0, 0, 0.6); margin: 0 10px; cursor: pointer;}
.index-product-content .indexview dl .action{background: #001daf;}
.index-product-content ul{margin-top: 24px; transition: all 0.5s; -webkit-transition: all 0.5s; transform: translateX(0); -webkit-transform: translateX(0);}
.index-product-content li{float: left; width:32%; margin-right: 2%; box-sizing: border-box;transition: transform 0.5s; -webkit-transition: transform 0.5s; padding: 0.5px;background:#EFF4F6;border-radius:5px;margin-bottom: 2%;}
.index-product-content li:nth-child(3n){margin-right:0;}
.index-product-content li .com-img{height:220px;padding:40px;}
.index-product-content li .com-img img{width:100%;height:100%;object-fit:contain;}
.index-product-content li h5{font-size: 20px; color:#333; white-space: nowrap;text-overflow: ellipsis; overflow: hidden;height:50px;line-height: 50px;background:#dfe7ea;text-align: center;}
.index-product-content li:hover h5{background:#006FBE;color: #fff}

.index-about{background:url(../img/about_index.jpg) no-repeat center / cover;padding:120px 0 50px;color:#fff;}
.index-about h2{color:#fff;}
.index-about h2 span{z-index:1;color:#fff;}
.index-about p{max-width:1080px;text-align:center;margin:30px auto 60px;line-height: 30px;}
.index-about .play{margin:100px auto;width:84px;height:84px;display:block;cursor:pointer;}

.index-dev{padding:60px 0;/* background:#e2e8ee url(../img/dev_bg.jpg) no-repeat center / cover; */}
.index-dev h2{text-align:left;}
.index-dev .index-dev-info{color:#333;margin:25px auto 50px;}
.index-dev h2 span{z-index:1;text-align:left;}
.index-dev .swiper-slide img{width:100%;height:100%;object-fit: cover;}
.index-dev .swiper-slide .note h4{font-size:30px;color:#333;margin:25px auto 20px;}
.index-dev .swiper-slide .note p{color:#333333;font-size:16px;line-height: 28px;}
.index-dev-prev{width:58px;height:58px;background:url(../img/icon_dev_prev.png) no-repeat center;display:inline-block;margin-right:15px;border-radius:50%;position:relative;top:35px;}
.index-dev-next{width:58px;height:58px;background:url(../img/icon_dev_next.png) no-repeat center;display:inline-block;border-radius:50%;position:relative;top:35px;}
.index-dev .swiper-slide{width:675px;}

.index-sc{background:url(../img/index_scbg.jpg) no-repeat center / cover;padding:100px 0;}
.index-sc h2{color:#fff;}
.index-sc .pub-tit span{color:#fff;z-index:2;}
.index-sc .index-sc-info{margin:20px auto 90px;color:#fff;font-size:16px;}

.index-part{padding:120px 0;background-color: #F5F5F5;}
.index-part p{text-align:center;color:#333;margin:20px auto;}
.index-part img{max-width:100%;}
.index-part .mobile-part{display:none;}

.index-webshop{padding:130px 0;background:#EFF4F6 url(../img/indmap_bg.png) no-repeat center;}
.index-webshop .pub-tit span{z-index:1;}
.ind-web-box{margin-top:100px;}
.ind-web-pic{width:60%;float:left;}
.ind-web-note{width:35%;float:right;}
.ind-web-note h4{font-size:30px;color:#333333;margin-bottom:30px;margin-top:80px;}
.ind-web-note p{color:#666;font-size:16px;line-height:30px;}

.mapaddress{position:relative;}
.mapaddress ul{display:flex;justify-content:space-between;position: relative;}
.mapaddress::after{position:absolute;content:"";width:100%;height:1px;background:#ccc;bottom:-20px;left:0px;}
.mapaddress li{width:9.09%;text-align: center;color:#333;font-size:16px;margin-top:70px;position:relative;}
.mapaddress li::after{position:absolute;content:"";width:1px;height:20px;background:#cccccc;left:50%;top:30px;}

.index-news-list{display:none;}
.index-news{padding:110px 0;overflow:hidden;}
.index-news-tit ul{text-align:center;}
.index-news-tit li{display:inline-block;margin:0 10px;font-size:24px;color:#333333;margin:50px 30px 70px;cursor: pointer;}
.index-news-tit li.cur{color:#006ebd;}
.index-news-pic{width:35%;float:left;}
.index-news-pic img{width:100%;height:100%;object-fit: cover;}
.index-news-pic .note{position:relative;padding:30px 25px;background:#EFF4F6;height:265px;}
.index-news-pic .date{width:84px;height:98px;background:#abb8c4;padding:10px;position:absolute;left:25px;top:30px;transition:all 0.5s;}
.index-news-pic .date h6{font-size:44px;color:#fff;height:44px;line-height: 44px;}
.index-news-pic .date p{color:#fff;font-size:14px;margin-top:5px;padding-top:5px;border-top:1px solid #fff;margin-left:0;}
.index-news-pic h4{font-size:18px;color:#333;font-weight:bold;margin-left:110px;margin-top:20px;}
.index-news-pic:hover h4{color:#0058b3;}
.index-news-pic:hover .date{background:#0058b3;}
.index-news-pic p{font-size:16px;color:#666;margin-top:10px;margin-left:110px;}
.index-news-pic .info{margin-top:40px;line-height:28px;}

.ind-news-fr{width:64%;float:right;}
.ind-news-fr ul{overflow:hidden;}
.ind-news-fr li{width:49%;float:left;margin-bottom:20px;background:#EFF4F6;padding:30px 25px;position:relative;padding-left: 130px;}
.ind-news-fr li .date{width:84px;height:98px;background:#abb8c4;padding:10px;position:absolute;left:25px;top:30px;transition:all 0.5s;}
.ind-news-fr li .date h6{font-size:44px;color:#fff;height:44px;line-height: 44px;}
.ind-news-fr li:hover h4{color:#0058b3;}
.ind-news-fr li:hover .date{background:#0058b3;}
.ind-news-fr li .date p{color:#fff;font-size:14px;margin-top:5px;padding-top:5px;border-top:1px solid #fff;}
.ind-news-fr li h4{font-size:18px;color:#333;font-weight:bold;padding-top:5px;}
.ind-news-fr li p{font-size:16px;color:#666;margin-top:10px;height:50px;line-height:25px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-moz-line-clamp:2;-o-line-clamp:2;-webkit-box-orient:vertical;}
.ind-news-fr li:nth-child(2n){float:right;}

.video-iframe{position:fixed;left:0;top:0;width:100%;height:100%;z-index:999;background:rgba(0,0,0,0.5);display:none;}
.video-iframe .video-box{width:80%;height:80%;position:absolute;left:10%;top:10%;background:#fff;}
.video-iframe .video-box video{position:absolute;width:100%;height:100%;object-fit:fill;}
.video-iframe .video-box .vclose{position:absolute;right:-20px;top:-20px;width:40px;height:40px;background:#fff;border-radius:50%;z-index:4;text-align: center;line-height: 40px;cursor:pointer;}
.video-iframe .video-box .vclose i{font-size:24px;}


.environment{position:absolute;top:50%;max-width:1440px;left:50%;margin-left:-720px;font-size:16px;line-height:26px;height:250px;margin-top:-125px;}
.env-box{max-width:45%;}
.environment h4{font-size:30px;color:#fff;font-family:Arial, Helvetica, sans-serif;text-transform: uppercase;}
.environment h2{font-size: 38px;color:#fff;font-weight:bold;margin:30px auto;}

.pub-tit{font-size:38px;font-weight:bold;color:#333;text-align:center;position:relative;}
.pub-tit span{position:absolute;content:"";width:100%;font-size:48px;font-family: Arial, Helvetica, sans-serif;color:#024295;opacity: 0.09;left:0px;z-index: 1;top:-30px;text-transform: uppercase;}
.pub-tit i{font-style: normal;color:#0058b3;}
.pub-info{color:#333;font-size:16px;margin:30px auto 0;text-align: center;max-width:70%;line-height: 28px;}

.history .contScroll .swiper-slide{background:#fff;}
.history .contScroll{width: 100%;position: relative;overflow: hidden;/*margin-bottom: 52px;*/}
.history .contScroll .textWrap{width:50%;height: 420px;overflow: auto;background:url(../img/indexscbg.jpg) no-repeat right bottom;padding:70px 30px;position:relative;}
.history .contScroll .swiper-button-prev{background:url(../img/appprev.png) no-repeat center;width:58px;height:58px;border-radius:50%;position:absolute;left:52%;bottom:50px;top:auto;}
.history .contScroll .swiper-button-next{background:url(../img/appnext.png) no-repeat center;width:58px;height:58px;border-radius:50%;position:absolute;left:57%;bottom:50px;top:auto;}
.history .contScroll .textWrap .pub-more{position:absolute;right:90px;bottom:70px;}
.history .contScroll .textWrap::-webkit-scrollbar{width:3px;height:3px}
.history .contScroll .textWrap::-webkit-scrollbar-button:vertical{display:none}
.history .contScroll .textWrap::-webkit-scrollbar-corner,
.history .contScroll .textWrap::-webkit-scrollbar-track{background-color:#ccc}
.history .contScroll .textWrap::-webkit-scrollbar-thumb{border-radius:0;background-color:#026DBF; }
.history .contScroll .textWrap .tit{font-size: 24px;line-height: 34px;color: #006ebc;text-transform: uppercase;family:Arial,sans-serif;}
.history .contScroll .textWrap .cont{line-height: 36px;color: #4f4f4f;max-width:70%;}
.history .contScroll .textWrap .cont h4{color:#333;font-size:30px;margin:10px auto 30px;}
.history .contScroll .pic{width: 50%;position: relative;overflow: hidden;}
.history .contScroll .pic em{display: block;width: 100%;height: 0;padding-bottom: 58.7%;background-repeat: no-repeat;background-position: center;background-size: cover;}
.history .contScroll .pic:hover em{-webkit-transform: scale(1.1);transform: scale(1.1); }
.history .tabScroll{padding: 20px 0px;position: relative;overflow: hidden;margin-top: 32px;}
.history .tabScroll:before{content: "";width: 100%;height: 1px;background: #eaeaea;position: absolute;left: 0;bottom:24%;}
.history .tabScroll .swiper-button-prev,
.history .tabScroll .swiper-button-next{width: 12px;height: 23px;margin-top: -12px;background: url(../images/arrow11.png) no-repeat left top;z-index: 2;}
.history .tabScroll .swiper-button-prev{left: 0;}
.history .tabScroll .swiper-button-next{right: 0;background-position: right top;}
.history .tabScroll .swiper-button-prev.disable,
.history .tabScroll .swiper-button-next.disable{opacity: 0.6;pointer-events:none;}
.history .tabScroll .container{width: 100%;position: relative;overflow: hidden;}
.history .tabScroll .swiper-slide{width: auto;cursor: pointer;}
.history .tabScroll .swiper-slide div{width:170px;height: 88px;box-sizing:border-box;border-radius: 50%;position: relative;text-align: center;}
.history .tabScroll .swiper-slide div:after{width:18px;height:18px;border:3px solid #fff;content:"";position: absolute;left:50%;bottom:2%;border-radius:50%;margin-left:-9px;background:#2d517b;}
.history .tabScroll .swiper-slide.on div:after{background:#0487e5;}

.history .tabScroll .swiper-slide div span{color:#fff;display:inline-block;padding:5px 12px;margin-bottom:20px;}
.history .tabScroll .swiper-slide div span em{position: relative;z-index: 2;font-style:normal;font-size:22px;}
.history .tabScroll .swiper-slide.on div span{color: #006ebd;font-weight: bold;border:2px solid #0487e5;border-radius:25px;}
.history .tabScroll .swiper-slide.on div span:before{background: #026DBF;}

.history .tabScroll .swiper-slide:hover div:before{opacity: 0;}
.history .tabScroll .swiper-slide:hover div:after{opacity: 1;animation: scaleBtn 3s linear infinite;}
/*.history .tabScroll .swiper-slide:hover div span:before{animation: scaleBtn 2s 1s linear infinite;}*/
@keyframes scaleBtn{
    to{transform: scale(1.2,1.2);opacity: 0;}
}

/* 荣誉证书 */
.honor-list{margin:95px auto 100px;overflow:hidden;}
.honor-list li{border:1px solid #d8dce8;padding:40px 20px;width:23%;float:left;margin-right:2.666666%;margin-bottom: 40px;text-align: center;border-radius:5px;}
.honor-list li:nth-child(4n){margin-right:0}
.honor-list li .com-img{height:200px;}
.honor-list li .com-img img{width:100%;height:100%;object-fit: contain;}
.honor-list li h4{margin-top:30px;font-size: 20px;color:#333;}

.pub-list li{width:32%;float:left;margin-right:2%;margin-bottom:20px;}
.pub-list li:nth-child(3n){margin-right:0;}
.pub-list img{max-width:100%;}
.pub-list li .note{background:#eee;padding:20px;}
.pub-list li h4{font-size:20px;color:#333;margin-bottom:10px;font-weight:bold;}
.pub-list li p{font-size:14px;color:#666;line-height:24px;}


.message .ind-tit{margin-bottom:50px;font-size:36px;color:#333;display: inline-block;font-weight: 700;color: transparent;background: linear-gradient(270deg,#005aab 0,#32beff 100%);-webkit-background-clip: text;text-align: center;}
.message .info{text-align: center;margin-bottom:40px;}
.message ul li{width:49%;float:left;margin-bottom:20px;}
.message ul li:nth-child(2n){float:right;}
.message ul li input{width:100%;height:50px;border:1px solid #e5e5e5;padding:0px 10px;}
.message ul li select{width:100%;height:50px;border:1px solid #e5e5e5;padding:0px 10px;}

.message p textarea{width:100%;height:200px;border:1px solid #e5e5e5;padding:10px;display: block;}
.vcode{margin-top:20px;position:relative;}
.vcode .inp-code{width:240px;height:48px;line-height:48px;border:1px solid #e5e5e5;padding:0px 10px;margin-right:5px;vertical-align: middle;}
.vcode .inp-submit{width:200px;height:48px;line-height:48px;color:#fff;background:#0058b3;font-size:16px;cursor:pointer;border:0px;transition: all 0.5s;vertical-align: middle;}
.vcode .inp-submit:hover{background:#034487;color:#fff;}
#canvas{vertical-align: middle;cursor: pointer;}

/* 员工风采 */
.worker-list{margin:95px auto 100px;overflow:hidden;}
.worker-list li{border:1px solid #d8dce8;width:23%;float:left;margin-right:2.666666%;margin-bottom:32px;text-align: center;border-radius:5px;overflow:hidden;position:relative;}
.worker-list li:nth-child(4n){margin-right:0}
.worker-list li .com-img{height:250px;}
.worker-list li .com-img img{width:100%;height:100%;object-fit:cover;}
.worker-list li h4{font-size:18px;position:absolute;left:0px;width:100%;background:rgba(33,40,54,0.6);bottom:0;/* background:rgba(33,40,54,0.58);bottom:-100%; */color:#fff;padding:20px;transition:all 0.4s;white-space:nowrap;text-overflow: ellipsis;overflow: hidden;}
/* .worker-list li:hover h4{background:rgba(33,40,54,0.8);bottom:0;} */

/* 人才招聘 */
.job{margin:95px auto 100px;overflow:hidden;}
.job .info{color:#666;font-size:16px;max-width:60%;margin:25px auto 30px;text-align:center;line-height:28px;}
.job h2{height:80px;line-height:80px;padding:0px 20px;background:#006ebd;font-size: 20px;color:#fff;}
.job dl{border-bottom:1px solid #e5e5e5;}
.job dl dt{height:80px;line-height:80px;padding:0px 20px;background:#fff url(../img/icon/job_r.png) no-repeat 98% center;font-size: 18px;color:#666;cursor: pointer;}
.job dl dt.cur{background:#fff url(../img/icon/job_b.png) no-repeat 98% center;}
.job dl dd{background:#eeeeee;padding:30px;position:relative;display:none;}
.job dl dd h4{font-size:16px;font-weight:bold;color:#666;margin-bottom:10px;}
.job dl dd p{font-size:16px;color:#666;}
.job dl a{position: absolute;right:0px;top:0px;width:11%;text-align: center;height:100%;background:#006ebd;color:#fff;display:flex;justify-content:center;align-items:center;font-size:16px;}
.job dl a:hover{text-decoration:underline;}

.welfare .box{margin:50px auto 0;position:relative;overflow: hidden;text-align: center;} 
.lineF{overflow: hidden;display:inline-block;}
.lineS {display:inline-block;margin-top:-40px;}
.boxF, .boxS, .boxT, .overlay{width:270px; height:310px; overflow: hidden;} 
.boxF, .boxS{visibility: hidden;} 
.boxF{transform: rotate(120deg); float: left; margin-left:30px; -ms-transform: rotate(120deg); -moz-transform: rotate(120deg); -webkit-transform: rotate(120deg);} 
.boxS{transform: rotate(-60deg); -ms-transform: rotate(-60deg); -moz-transform: rotate(-60deg); -webkit-transform: rotate(-60deg);} 
.boxT{transform: rotate(-60deg); background: no-repeat 50% center; background-size: 125% auto; -ms-transform: rotate(-60deg); -moz-transform: rotate(-60deg); -webkit-transform: rotate(-60deg); visibility: visible;background:#f6f6f6;} 
.boxF.ml0{margin-left:0px;}
.overlay{transition: all 250ms ease-in-out 0s; display:block; position: relative;} 
.overlay:hover{background-color:#eee;} 
.boxT:hover .overlay{display: block;} 
.overlay a{display: inline-block; position: absolute; left: 50%; top: 50%; margin: -16px 0 0 -16px; border-radius: 3px; background-color: #d3b850; text-align: center; line-height: 32px; width: 32px; height: 32px; text-decoration: none; color: White; font-size: 18px; font-weight: bolder;}
.overlay .note{position:absolute;left:50%;top:13%;transform:translate(-50%,0);width:80%;text-align:center;color:#666;font-size:16px;}
.overlay .note span{position: relative;top:0px;transition: all 0.5s ease-in-out;width:90px;height:90px;line-height:90px;text-align:center;background:#fff;border-radius:50%;display:block;margin:0px auto 20px;}
.overlay:hover span{top:-10px;}

/* 开发实力 */
.devel-m1 .pub-subnav{margin-bottom:60px;background:#dfe7ea;}
.devel-m1{padding:0px 0 175px;background:#eff4f6;}
.research-list{overflow:hidden;/* display:none; */margin-bottom:60px}
.research-pic{width:50%;float:left;height:580px;}
.research-pic img{width:100%;height:100%;object-fit: cover;}
.research-note{width:50%;padding:70px 100px;float:left;background:#fff;height:580px;color:#666;font-size:16px;line-height:30px;position: relative;}
.research-note::after{position:absolute;top:220px;left:40px;content:"";background:url(../images/icon_dh.png) no-repeat center;width:28px;height:24px;}
.research-note h2{font-size:48px;font-family: Arial;color:rgba(48,48,48,0.19);text-transform: uppercase;font-weight:bold;}
.research-note h4{font-size: 38px;font-weight: bold;color:#333;margin:30px auto;line-height:45px}






.devel-m2{padding:125px 0;}
.devel-m2 h4{font-size:48px;font-weight: bold;font-family: Arial, Helvetica, sans-serif;color:rgba(51,51,51,0.18);;text-transform:uppercase;}
.devel-m2 h2{font-size: 38px;font-weight:bold;color:#333;margin:5px auto 50px;}

.team-list{overflow:hidden;}
.team-list li{border:1px solid #d8dce8;width:100%;float:left;border-radius:10px;overflow:hidden;position:relative;}
.team-list li:nth-child(4n){margin-right:0}
.team-list li .com-img{height:314px;overflow:hidden;}
.team-list li .com-img img{width:100%;height:100%;object-fit:cover;}
.team-list li .note{background:#eff4f6;padding:20px;}
.team-list li h5{font-size:24px;color:#333;}
.team-list .swiper-container{padding-bottom:50px;}
.team-list .swiper-button-prev{background-color:#999;width:70px;height:70px;border-radius:50%;background-size:20px auto;left:0px;}
.team-list .swiper-button-next{background-color:#999;width:70px;height:70px;border-radius:50%;background-size:20px auto;right:0px;}

/* news */
.news-rec{margin-bottom:78px;}
.news-rec ul li{width:32%;position:relative;}
.news-rec li .com-img{height:364px;}
.news-rec li img{width:100%;height: 100%;object-fit: cover;}
.news-rec ul{display: flex;flex-wrap: wrap;justify-content:space-between;}
.news-rec .note{position:absolute;bottom:0px;left:0px;width:100%;color:#fff;padding:20px;font-size:16px;}
.news-rec .note h4{font-size:26px;}
.news-rec .note p{margin:20px auto;opacity: 0;}
.news-rec li:hover .note p{opacity: 1;}

.news-cate{padding:0 0 100px 0;}
.news-list li{margin-bottom: 30px;background:#eff4f6;background:#eff4f6;border-radius:10px;overflow:hidden;}
.news-list li .com-img{width:30%;float:left;height:258px;}
.news-list li .com-img img{width:100%;height:100%;object-fit: cover;}
.news-list li .note{height:258px;width:70%;float:right;padding:20px 40px;font-size:16px;color:#666;}
.news-list li .note h4{color:#333;font-size:24px;margin:20px auto;}
.news-list li .note span{margin-bottom:20px;display: block;}
.news-list li:hover .note h4 a{color:#006ebd;}

/* 新闻详情 */
.news-wrap{padding:100px 0 60px;}

.news_fl{width:70%;float:left;}
.news_fl .date{border-bottom:1px solid #e5e5e5;padding-bottom:20px;color:#999;}
.news_fl span.hits{padding-left:20px;}
.news_fl h1{font-size:30px;color:#333;margin-bottom:25px;font-weight:bold;}
.news_fl p{color:#666;/*line-height:28px;margin-bottom:20px;*/}
.news_fl .app-share{margin-top:0;}

.news1_fl{width:100%;}
.news1_fl .date{border-bottom:1px solid #e5e5e5;padding-bottom:10px;text-align: center;overflow: hidden;}
.news1_fl span.hits{padding-left:20px;}
.news1_fl h1{font-size:24px;color:#000;margin-bottom:10px;text-align: center;}
.news1_fl p{color:#666;line-height:28px;}

.news_fr{width:26%;float:right;}
.flippage{border:1px solid #e5e5e5;border-radius:10px;margin-top:30px;padding:30px 20px;font-weight:bold;font-size:18px;color:#666;}
.flippage .prev{margin-bottom:20px;border-bottom:1px solid #e5e5e5;padding-bottom:20px;}
.flippage .prev span{background:url(../img/flipprev.png) no-repeat left center;padding-left:15px;}
.flippage .next span{background:url(../img/flipnext.png) no-repeat left center;padding-left:15px;}
.flippage .date{display: block;font-size:14px;color:#666;font-weight:normal;}
.flippage h4{color:#666;font-size:16px;margin:10px auto;}
.flippage h4:hover{color:#006EBD;}

.hot-news{border:1px solid #e5e5e5;border-radius:10px;;padding:20px;margin-top:20px;}
.hot-news h2{font-size:18px;color:#666;margin-bottom:15px;font-weight:bold;position: relative;padding-left:15px;}
.hot-news h2:after{position:absolute;content:"";width:8px;height:8px;background:#006ebd;border-radius: 50%;left:0px;top:50%;margin-top:-4px;}
.hot-news li{line-height:50px;color:#666;font-size: 16px;border-bottom: 1px solid #eee}
.hot-news li:last-child{border-bottom:0}
.hot-news li:hover{color:#006ebc;}
.hot-news .tag a{color:#666;margin-right:10px;line-height:25px;}
.hot-news .tag a:hover{color:#006ebc;}

.tagSearch{font-size:18px;margin-bottom:50px;}
.tagSearch span{color:#f00;}

.pro-rec h2{width:100%;height:100px;line-height:100px;font-size:30px;color:#333;background:#eff4f6;padding:0 5%;margin-bottom: 27px;margin-top: 140px;}
.pro-rec ul{display:flex;flex-wrap:wrap;justify-content: space-between;}
.pro-rec li{width:24%;background:#eff4f6;text-align: center;border-radius: 10px;}
.pro-rec li .com-img{height:218px;padding:20px;}
.pro-rec li h4{font-size:20px;color:#333;background:#dfe7ea;height: 55px;line-height: 55px;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.pro-rec li:hover h4{background:#006EBD;color:#fff;}

/* 应用场景 */
.application-m1 .app-title{font-size:38px;color:#333;font-weight:bold;margin-top: 105px;margin-bottom:20px;text-align: center;}
.application-m1 .app-info{font-size:16px;color:#333;text-align: center;margin-bottom: 70px;max-width:800px;margin:0 auto 70px;}

.application{border-top:1px solid #ebebf3;border-bottom:1px solid #ebebf3;position:relative;margin-bottom: 110px;}
.application .swiper-slide{border:1px solid #ebebf3;text-align: center;padding:50px;height:240px;}
.application .swiper-slide i{display:none;width:80px;height:80px;margin:0 auto;}
.application .swiper-slide span,.application .active i{width:80px;height:80px;margin:0px auto;line-height:80px;}

.application .active i{display:block;}
.application .active span{display:none;}
.application .active{background:#0058b3;}
.application .swiper-slide h4{font-size:18px;color:#333;margin-top:30px;}
.application .active h4{color:#fff;}
.application .app-prev{width:58px;height:58px;background:#fff url(../img/appprev.png) no-repeat center;position:absolute;top:50%;left:5%;margin-top:-29px;z-index:3;border-radius:50%;cursor:pointer;}
.application .app-next{width:58px;height:58px;background:#fff url(../img/appnext.png) no-repeat center;position:absolute;top:50%;right:5%;margin-top:-29px;z-index:3;border-radius:50%;cursor:pointer;}

.application-cont{margin-bottom:120px;}

.app-pic{position:relative;}
.app-pic-note{position:absolute;top:50%;left:40px;margin-top:-60px;}
.app-pic-note h4{font-size:24px;color:#fff;margin-bottom:20px;}
.app-pic-note p{font-size:16px;color:#fff;}
.app-note{margin-top:80px;color:#666;line-height:28px;}
.app-share{margin-top:90px;}
.app-share{text-align:right;}
.app-share a{display:inline-block;width:28px;height:28px;line-height:28px;background:#dcdcdc;border-radius:50%;margin-left:5px;text-align: center;}
.app-share a i{color:#fff;}
.app-share a:hover{background:#0058b3;color:#fff;}


/*产品列表*/
.pub-crumbs{border-bottom:1px solid #dfe7ea;height:72px;line-height:72px;text-align:left;color:#666;}
.pub-crumbs a{color:#666;font-size:16px;margin:0 2px;}
.pub-crumbs a:hover{color:#006fbe;}
.pub-crumbs .crumbs{display:inline-block;background:url(../img/location.png) no-repeat left center;padding-left:24px;}

.pros-list{padding:0px;overflow:hidden;}


.pros-list .product-list{width:100%;float:right;}
.product-list ul{margin-bottom: 140px;}
.product-list ul li{width:24.25%;float:left;text-align:center;margin-right:1%;background:#eff4f6;margin-bottom:15px;border-radius:10px;}
.product-list ul li:nth-child(4n){margin-right:0px;}
.product-list ul li h4{height:55px;line-height:55px;font-size:20px;color:#333;background:#dfe7ea;border-bottom-right-radius: 10px;border-bottom-left-radius:10px;}
.product-list ul li:hover h4{background:#006fbe;color:#fff;}
.product-list ul li .com-img{position:relative;/* height:400px; */}
.product-list ul li .com-img img{width:100%;height:100%;object-fit:contain;padding:30px;}


/* 搜索页面 */
.search-list{padding:80px 0;}
.search-list{width:100%;}
.search-list ul{margin-bottom: 140px;}
.search-list ul li{width:23%;float:left;text-align:center;margin-right:2.33333%;background:#eff4f6;margin-bottom:15px;border-radius:10px;}
.search-list ul li:nth-child(4n){margin-right:0px;}
.search-list ul li h4{height:55px;line-height:55px;font-size:20px;color:#333;background:#dfe7ea;border-bottom-right-radius: 10px;border-bottom-left-radius:10px;}
.search-list ul li:hover h4{background:#006fbe;color:#fff;}
.search-list ul li .com-img{position:relative;height:220px;}
.search-list ul li .com-img img{width:100%;height:100%;object-fit:contain;padding:30px;}


/* 产品详情页 */
.header-container.no-shadow{box-shadow:0 0 1px #888;}
.pro1{padding:60px 0px;}
.pronav{position:fixed;left:0px;top:90px;background:#fff;height:70px;line-height:70px;color:#333;font-size:16px;width:100%;z-index:2;box-shadow:0px 0px 10px #999;}
.pronav h2{float:left;width:30%;}
.pronav .pro-atit{float:right;width:70%;text-align:right;font-size:14px;color:#666;}
.pronav .pro-atit a{position:relative;padding-left:10px;margin-left:10px;}
.pronav .pro-atit a:first-child:after{display:none;}
.pronav .pro-atit a:after{position: absolute;left:0px;top:5px;width:1px;height:10px;background:#999;content:"";}
.pronav .pro-atit a:hover,.pronav .pro-atit a.cur{color:#005BAC;}

.pro1-fl{width:48%;float:left;}
.pc-slide{width:100%;margin: 0 auto;}
.view .swiper-container{width:100%;height: 500px;}
.view .arrow-left{background: url(../img/appprev.png) no-repeat left top;position: absolute;left: 10px;top: 50%;margin-top: -25px;width: 28px;height: 51px;z-index: 10;}
.view img{width:100%;height:100%;object-fit: contain;/*border:1px solid #ddd;*/}
.view .arrow-right{background: url(../img/appnext.png) no-repeat left bottom;position: absolute;right: 10px;top: 50%;margin-top: -25px;width: 28px;height: 51px;z-index: 10;}
.preview{width: 100%;margin-top: 20px;position: relative;}
.preview .swiper-container{width: 440px;height: 120px;}
.preview .swiper-slide{width:135px;height:120px;background:#EFF4F6;border-radius:10px;cursor:pointer;margin-right:17px;}
.preview .slide6{width: 82px;}
.preview .arrow-left{background: url(../img/appprev.png) no-repeat center / contain;position: absolute;left: 10px;top: 50%;margin-top: -29px;width: 58px;height: 58px;z-index: 10;border-radius: 50%;left:0px;}
.preview .arrow-right{background: url(../img/appnext.png) no-repeat center / contain;position: absolute;right: 10px;top: 50%;margin-top: -29px;width: 58px;height: 58px;z-index: 10;border-radius: 50%;right:0px;}
.preview img{padding: 1px;width:100%;height:100%;object-fit: cover;}
.preview .active-nav img{padding: 0;border: 1px solid #006EBD;border-radius:10px;}


.pro1-fr{width:45%;float:right;}
.pro1-fr h2{font-size:30px;font-weight: bold;color:#333333;margin-bottom:20px;}
.pro1-fr p{font-size:16px;color:#555;line-height:28px;}
.probtn{margin-top:80px;}
.probtn a{width:170px;height:52px;line-height:52px;text-align: center;border-radius:5px;background:#005bac;display:inline-block;font-size: 18px;color:#fff;}
.probtn a:hover{background:#024b8d;}
.probtn a span{position: relative;top:-2px;margin-right:5px;}
.probtn a.downfile{background:#7387AD;margin-left:40px;}
.probtn a.downfile:hover{background:#5a6e93;}


.pro3 h2{font-size:30px;height:100px;line-height: 100px;padding:0 60px;color:#333;background:#EFF4F6;}
.pro3 .pro3-cont{margin-top:30px;line-height:30px;font-size:16px}
.pro3 .pro3-cont img{max-width:100%;}
.pro3 table{width:100%;color:#333;}
.pro3 table tr:nth-child(odd){background:#f7f7f7;}
.pro3 table tr td{padding:15px 20px;}
.pro3 table tr td:nth-child(2n){color:#999;}

.pro4{margin-bottom:120px;}
.pro4 h2{font-size:30px;height:100px;line-height: 100px;padding:0 60px;color:#333;background:#EFF4F6;margin-bottom:30px;margin-top:100px;}
.pro4 .swiper-slide{text-align:center;background:#eff4f6;margin-bottom:15px;border-radius:10px;}
.pro4 .swiper-slide h4{height:55px;line-height:55px;font-size:20px;color:#333;background:#dfe7ea;}
.pro4 .swiper-slide:hover h4{background:#006fbe;color:#fff;border-bottom-right-radius: 10px;border-bottom-left-radius:10px;}
.pro4 .swiper-slide .com-img{position:relative;height:220px;}
.pro4 .swiper-slide .com-img img{width:100%;height:100%;object-fit:contain;padding:30px;}
.pro4 .swiper-button-prev{background: url(../img/appprev.png) no-repeat center / contain;position: absolute;left: 10px;top: 50%;margin-top: -29px;width: 58px;height: 58px;z-index: 10;border-radius: 50%;left:0px;}
.pro4 .swiper-button-next{background: url(../img/appnext.png) no-repeat center / contain;position: absolute;right: 10px;top: 50%;margin-top: -29px;width: 58px;height: 58px;z-index: 10;border-radius: 50%;right:0px;}
.probook .book-fl .pub-tit{margin-bottom:50px;}

.book-fl .pub-tit{text-align:left;}
.book-fl .pub-tit span{text-align:left;}
.book-fl{width:50%;float:left;}
.book-fr{width:236px;float:right;text-align:left;color:#fff;}
.book-fr p{background:url(../img/icon_tel2.png) no-repeat left center;padding-left:30px;margin-bottom: 18px;}
.book-fr span{font-size:30px;font-weight:bold;margin-top:10px;}


/* 联系我们 */
/* 联系我们地图 */
.technology-box{width: 100%; overflow: hidden;padding: 0 0 88px 0;background:#fff;}
.technology{width: 1300px; margin: 0 auto;}
.technology-map{width: 100%; overflow: hidden; position: relative; margin-top: 50px;}
.technology-mapL{float: left; overflow: hidden; position: relative; width: 793px; height: 591px; background: url('../img/bg/tec_map.png') no-repeat;}
.technology-mapR{float: left; padding: 100px 0 0 100px;}
.technology-mapR>div{position: relative;border:1px solid #e5e5e5; padding:100px 40px 44px 40px;width: 350px;}
.technology-mapR>div>i{width: 19px;height: 34px; display: block;position: absolute; left: -19px;top: 50%;margin-top: -17px;}
.technology-mapR>div h2{width:130px;height:130px;position: absolute;top:-65px;left:50%;margin-left:-65px;background:url(../img/bg/ct_bg.png) no-repeat center / cover;font-size:18px;font-weight: bold;color:#155e9f;padding-top:38px;text-align:center;}
.technology-mapR>div>h4{font-size:18px;color: #333;margin-bottom:30px;}
.technology-mapR>div>p{font-size: 16px;color: #666;margin-top: 10px;line-height: 22px;}
.technology-mapL>div{position: absolute;}
.technology-mapL>div>p>a{font-size: 14px; color: #888; position: relative; display: block; z-index: 2; padding: 0 0 0 18px;}
.technology-mapL>div>p{cursor: pointer;}
.technology-mapL>div>p>span{display: block; width: 10px; height: 10px; border-radius: 100%; background: #265da8; position: absolute; left: 0px; top: 5px; z-index: 3;}
.technology-mapL>div>p>span:after{content: ""; display: block; border-radius: 50%; opacity: 0; position: absolute; width: 40px; height: 40px; top: -15px; left: -15px; background-color: rgba(38,93,168,0.55); animation: ripple 3s ease-out 1.2s infinite; -webkit-animation: ripple 3s ease-out 1.2s infinite; z-index: 1;}
.technology-mapL>div>p>span:before{content: ""; display: block; border-radius: 50%; opacity: 0; position: absolute; width: 40px; height: 40px; top: -15px; left: -15px; background-color: rgba(38,93,168,0.44); animation: ripple 3s ease-out .6s infinite; -webkit-animation: ripple 3s ease-out .6s infinite; z-index: 1;}
@-webkit-keyframes ripple{0%{opacity:0;-webkit-transform:scale(.1)}5%{opacity:1}to{opacity:0;-webkit-transform:scale(1)}}
@keyframes ripple{0%{opacity:0;-webkit-transform:scale(.1);transform:scale(.1)}5%{opacity:1}to{opacity:0;-webkit-transform:scale(1);transform:scale(1)}}

.address-active>p>span{background: #eb2a2e !important;}
.address-active>p>span:after{background-color: rgba(207,44,56,0.55) !important;}
.address-active>p>span:before{background-color: rgba(207,44,56,0.2) !important;}
.technology-mapL>div>p:hover span{background: #0090ff;}
.address-none{display: none;}
.wulumuqi-dot{left: 24%; top: 28%;}
.beijing-dot{right: 29%; top: 36%;}
.changchun-dot{right: 17%; top: 22%;}
.tianjin-dot{right: 28%; top: 39%;}
.shijiazhuang-dot{top: 42%; right: 33%;}
.jinan-dot{right: 25%; top: 46%;}
.lanzhou-dot{top: 48%; right: 48%;}
.xian-dot{top: 53%; right: 40%;}
.zhengzhou-dot{right:32%; top: 52%;}
.nanjing-dot{right:21%; top: 54%;}
.hefei-dot{right:25%; top: 58%;}
.wuhan-dot{right:35%; top: 61%;}
.chengdu-dot{right:48%; top: 63%;}
.hangzhou-dot{right:20%; top: 64%;}
.chongqing-dot{right:41%; top: 65%;}
.nanchang-dot{right:26%; bottom: 29%;}
.changsha-dot{right:34%; bottom: 27%;}
.kunming-dot{right:50%; bottom: 18%;}
.guangzhou-dot{right:32%; bottom: 17%;}
.shenzhen-dot{right:30%; bottom: 14%;}
.nanning-dot{right:40%; bottom: 14%;}
.suzhou-dot{right:21%;top:58%;}
.shanghai-dot{right:19%;top:60%;}
.wuhan-dot{right:30%; top: 63%;}
.hk-dot{    bottom: 60%;
    right: 20%;}
.dongguan-dot{right:30%;top:81%;}
.classcourse-box{width: 100%; overflow: hidden; padding: 80px 0;}
.classcourse{width: 1240px; margin: 0 auto;}
.classcourseL{width: 68.4%; float: left; overflow: hidden;}
.classcourseL img{max-width: 100%; object-fit: cover;}
.classcourseR{width: 31.6%; float: right; overflow: hidden; padding: 180px 0 0 60px;}
.classcourseR h4{font-size: 36px;color: #333; font-weight: bold;}
.classcourseR p{font-size: 16px; color: #777; line-height: 26px; margin-top: 10px;}


/* 关于我们 */
.about-cont1{padding-bottom:70px;}
.about-cont1-note{width:44%;float:left;}
.about-cont1-note .pub-tit{text-align: left;}
.about-cont1-note p{color:#333;line-height:28px;margin-top:28px;font-size:16px;}

.about-slide{width: 720px;margin: 0 auto;float:right;}
.view-big .swiper-container{width:100%;height:412px;}
.view-big .arrow-left{background: url(../img/appprev.png) no-repeat left top;position: absolute;left: 10px;top: 50%;margin-top: -25px;width: 28px;height: 51px;z-index: 10;}
.view-big .swiper-slide{position:relative;}
.view-big .play{position:absolute;width:84px;height:84px;background:url(../img/play.png) no-repeat center;z-index:99;left:50%;top:50%;margin-left:-42px;margin-top:-42px;cursor:pointer;}
.view-big img{width:100%;height:100%;object-fit: contain;}
.view-big .arrow-right{background: url(../img/appnext.png) no-repeat left bottom;position: absolute;right: 10px;top: 50%;margin-top: -25px;width: 28px;height: 51px;z-index: 10;}
.preview-sm{width: 100%;margin-top: 20px;position: relative;}
.preview-sm .swiper-container{width: 540px;height: 70px;}
.preview-sm .swiper-slide{width:128px;height:70px;background:#EFF4F6;border-radius:10px;cursor:pointer;margin-right:10px;}
.preview-sm .slide6{width: 82px;}
.preview-sm .arrow-left{background: url(../img/appprev.png) no-repeat center / contain;position: absolute;left: 10px;top: 50%;margin-top: -29px;width: 58px;height: 58px;z-index: 10;border-radius: 50%;left:0px;}
.preview-sm .arrow-right{background: url(../img/appnext.png) no-repeat center / contain;position: absolute;right: 10px;top: 50%;margin-top: -29px;width: 58px;height: 58px;z-index: 10;border-radius: 50%;right:0px;}
.preview-sm img{padding: 1px;width:100%;height:100%;object-fit: cover;}
.preview-sm .active-nav img{padding: 0;border: 1px solid #006EBD;border-radius:10px;}


.about-data-num{background:url(../img/about_number_bg.jpg) no-repeat center / cover;padding:110px 0;color:#fff;}
.about-introduce .info{font-size:16px;line-height: 35px;text-align: center;}
.about-introduce-data h4{font-size: 16px;margin-bottom:5px;}
.about-introduce-data h4 span{font-family: "DINPro";font-size:60px;}
.about-introduce-data ul{display:flex;justify-content: space-evenly;}
.about-introduce-data li{width:25%;font-size:16px;text-align: center;position: relative;}
.about-introduce-data li::after{position: absolute;content:"";width:1px;height:80px;background:#fff;left:0px;top:20px;}
.about-introduce-data li:first-child:after{display: none}

.about-culture{padding:160px 0;background:url(../img/culture_bg.jpg) no-repeat center / cover;}
.about-culture h2 span{z-index:1;}
.about-culture h2{text-align: center;margin-bottom:95px;}
.about-culture ul{background:#fff;border-radius:10px;overflow:hidden;box-shadow: 0px 5px 22.08px 1.92px rgba(6, 5, 5, 0.02);}
.about-culture ul li{width:33.33%;float:left;text-align: center;padding:50px;position:relative;}
.about-culture ul li::after{position: absolute;content:"";width:1px;height:80%;top:10%;background:#d1d9e8;left:0px;top:20px;}
.about-culture ul li:first-child:after{display: none}
.about-culture ul li h4{font-size:24px;color:#333;margin:25px auto;}

.about-honor{padding:140px 0;}
.about-honor ul{display:flex;justify-content:space-between;margin:80px auto 50px;}
.about-honor ul li{width:23%;text-align: center;border:1px solid #e5e5e5;padding:30px 15px;}
.about-honor ul li h4{padding:30px 0px 0;position:relative;font-size:20px;color:#333;text-align:center;}
.about-honor ul li .com-img{width:100%;height:200px}
.about-honor ul li .com-img img{width:100%;height:100%;object-fit:contain}

.pub-more{background:url(../img/moreblue.png) no-repeat center / contain;width:87px;height:44px;display:block;margin:0 auto;}
.pub-more.white{background:url(../img/morewhite.png) no-repeat center / contain;}

.about-env{padding:150px 0;background:url(../img/about_bg.jpg) no-repeat center / cover;color:#fff;}
.about-env .contain{max-width:640px;text-align: center;}
.about-env h2{font-size:38px;font-weight: bold;margin:20px auto 50px;}
.about-env h4{font-size:30px;font-family: Arial, Helvetica, sans-serif;text-transform: uppercase;}
.about-env p{margin-bottom:80px;line-height: 28px;}

.about-staff{background:#eff4f6;padding:170px 0;}
.about-staff .pub-info{margin-bottom:80px;}
.abwk-fl{width:25%;float:left;height:620px;overflow: hidden;position: relative;}
.abwk-fl .com-img{position: relative;}
.abwk-fl img{width:100%;height:620px;object-fit: cover;}
.abwk-fl .com-img h4{text-align:left;color:#fff;position:absolute;left:0px;bottom:0px;width:100%;padding:20px;font-size:24px;}
.abwk-fl .note{position:absolute;left:0px;top:0px;width:100%;height:100%;background:rgba(216,158,78,0.8);text-align:center;color:#fff;padding:50% 10% 0;font-size:16px;line-height:28px;transition:all 0.3s;opacity:0;}
.abwk-fl:hover .note{opacity:1;}
.abwk-fl .note h4{display:block;width:100%;font-size:24px;margin-bottom: 25px;}

.abwk-top{overflow:hidden;margin-bottom:20px;}
.abwk-fr{width:74%;float:right;height:620px;overflow: hidden;}
.abwk-fr .abwk-top-fl{width:68%;height:300px;overflow:hidden;position: relative;}
.abwk-fr .abwk-top-fl .note{color:#fff;font-size:16px;position:absolute;left:0px;top:0px;width:100%;height:100%;background:#006ebd;padding:8% 20%;text-align:center;line-height:28px;}
.abwk-fr .abwk-top-fl .note h2{font-size: 26px;color:#fff;margin-bottom:40px;}
.abwk-fr .abwk-top-fl .pub-more.white{margin-top:30px;}
.abwk-fr .abwk-top-fl img{width:100%;height:300px;object-fit:cover;}
.abwk-fr .abwk-top-fr{width:30%;height:300px;overflow:hidden;}
.abwk-fr .abwk-top-fr img{width:100%;height:300px;object-fit:cover;}


/* 表单 */
.formbox{margin-top:180px;margin-bottom:120px;box-shadow: 0 0 20px #eee;padding:60px 30px;}
.formbox h3{text-align:center;font-size:30px;font-weight:bold;color:#333;margin-bottom:100px;position: relative;}
.formbox h2{text-align:center;font-size:16px;color:#333;margin:65px 0px;position: relative;}
.formbox h2::after{position:absolute;content:"";width:100%;height:1px;background:#eee;left:0px;bottom:50%;}
.formbox h2 span{background:#fff;padding:0 25px;position:relative;z-index:2;}
.formbox .layui-form-label{width:200px;font-size: 16px;color:#666;}
.formbox .layui-input-block{margin-left:210px;}
.formbox .layui-form-item .layui-inline{margin-right:0;}
.formbox .layui-btn,.layui-form-checked[lay-skin="primary"] i{background:#0058b3;}
.formbox .layui-btn{width:240px;margin:30px auto 0;display:block;}

.fdlink{color:rgba(255,255,255,.4);margin-bottom:20px;font-size:12px;margin-bottom:10px;line-height:22px;}
.fdlink span{margin-right:10px;}
.fdlink a{margin-right:10px;}
.fdlink a:hover{color:rgba(255,255,255,1);}

.mobileMenu{display:none;}




/*在线留言*/
.book ul{margin-bottom:20px;margin-top:50px;}
.book ul li{width:32%;float:left;margin-left:2%;border-left:1px solid #f1f1f1;padding-left:2%;}
.book ul li.pro{width:49%;float:left;margin-left:2%;border-left:1px solid #f1f1f1;padding-left:2%;}

.book ul li:first-child{margin-left:0;padding-left:0;border-left:0px;}
.book ul li input,.book ul li select{width:100%;border:1px solid #e5e5e5;height:50px;padding:0px 10px;margin-top:10px;}
.book ul li input:focus{border-color:#999;transition: all 0.5s ease-in-out;}
.book p{color:#a0a0a0;font-size:16px;}
.book textarea{width:100%;border:1px solid #e5e5e5;height:180px;padding:10px;margin-top:10px;resize: none;}
.sub_form input{width:200px;border:1px solid #e5e5e5;height:50px;padding:0px 10px;margin-top:20px;}
.sub_form input:focus,textarea:focus{border-color:#999;transition: all 0.5s ease-in-out;}
.sub_form img{margin-left:20px;cursor:pointer;}
.sub_form .inp_sub{height:48px;background:#1f55ad;color:#fff;font-size:18px;cursor:pointer;transition: all 0.5s ease-in-out;}
.sub_form .inp_sub:hover{background:#006ebd;}