@import url(yzui.css);

/* index.html */
body.active{overflow-x: hidden;overflow-y: hidden;}
@media (max-width:1280px){
.navbar-toggle{display: none;cursor: pointer;position: absolute;top:47px;right: 15px;margin-left:18px;z-index:1000;width:24px;height:24px;float:right;background-color:transparent;border:0;display:block;margin-top:-32px;}
.navbar-toggle span{margin-top:10px}
.navbar-toggle span,.navbar-toggle span:before,.navbar-toggle span:after{position:absolute;display:block;width:24px;height:2px;cursor:pointer;content:'';background-color:#000;border-radius:1px;-webkit-transition:all .4s cubic-bezier(0.19,1,.22,1);-o-transition:all .4s cubic-bezier(0.19,1,.22,1);transition:all .4s cubic-bezier(0.19,1,.22,1)}
.navbar-toggle span:before{top:-7px}
.navbar-toggle span:after{bottom:-7px}
.navbar-toggle.drawer-open span,.navbar-toggle.drawer-open span::before,.navbar-toggle.drawer-open span::after{background:#000;}
.navbar-toggle.drawer-open span{background: rgba(0, 0, 0, 0);}
.navbar-toggle.drawer-open span:before {-webkit-transform: rotate(45deg);transform: rotate(45deg);left:0px;top:0px;}
.navbar-toggle.drawer-open span:after {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);left:0px;top:0px;}
}

.header{height: 90px;background: #fff;}
.header .logo{height: 90px;line-height: 90px;}
.header .logo img{vertical-align:bottom;}
.header .top{margin-top: 12px;}
.header .language{font-size: 0;margin-top: 6px;}
.header .language a{font-size: 16px;letter-spacing: 2px;color: #333;line-height: 10px;}
.header .language a:hover,.header .language a.hover{color: #FF000E;}
.header .language a{padding: 0 8px;}
.header .language a:last-child{padding-right: 0;border-left: 1px solid #333333;}
.header .search{position: relative;margin-right: 35px;}
.header .search button{cursor: pointer;border: 0;background: none;position: absolute;right: 10px;top: 4px;}
.header .search input{opacity: 0;font-size: 14px;padding: 0 10px;width: 180px;height: 25px;border-radius: 20px;border: 1px solid #333;}
.header .search:hover input{opacity: 1;}
.header .nav{margin-top: 19px;}
.header .nav li{float: left;margin-left: 55px;position: relative;}
/* .header .nav li:hover a,.header .nav li.active a{color: #2a709d;} */
@media (min-width:1280px){
.header .nav li dl{width: 200px;display: none;position: absolute;z-index: 999;left: 50%;margin-left: -100px;top: 34px;}
.header .nav li dl dd{text-align: center;height: 60px;line-height: 60px;width: 100%;background-color: rgba(255,255,255,0.9);}
.header .nav li dl dd a{display: block;width: 100%;height: 100%;font-size: 16px;letter-spacing: 2px;color: #0279be;}
.header .nav li dl dd:hover,.header .nav li dl dd.active{background-color: rgba(1,121,190,0.9);}
.header .nav li dl dd:hover a,.header .nav li dl dd.active a{color: #fff;}
.header .nav li a{color:#333;font-size:18px;letter-spacing:2px;padding:0 0 10px;}
.header .nav li i{display:inline-block;display:none;width:200px;height:2px;position:absolute;left:50%;bottom:-10px;margin-left:-100px;background-color:#0179be;}
.header .nav li:hover dl{display: block;}
.header .nav li:hover i,.header .nav li.active i{display: inline-block;}
.header .nav li.active>a{color:#0279be;}
}

.i-header{position: fixed;width: 100%;top: 0;left: 0;z-index: 999;background:none;}
.i-header .logo a img:nth-child(1){display: none;}
.i-header.active .logo a img:nth-child(1){display: inline-block;}
.i-header.active .logo a img:nth-child(2){display: none;}
.i-header .nav li a{color: #fff;}
.i-header.active .nav li a{color: #333;}
.i-header .search button img:nth-child(1){display: none;}
.i-header .search:hover button img:nth-child(1){display: inline-block;}
.i-header .search:hover button img:nth-child(2){display: none;}
.i-header.active .search button img:nth-child(1){display: inline-block;}
.i-header.active .search button img:nth-child(2){display: none;}
.i-header .language a{color: #fff;}
.i-header .language a:last-child{border-left: 1px solid #fff;}
.i-header.active .language a{color: #333;}
.i-header.active .language a:last-child{border-left: 1px solid #333;}
.i-header.active .language a:hover,.i-header.active .language a.hover,.i-header.active .language a:hover,.i-header.active .language a.hover{color:#FF000E;}

.phone-img{display: none;}

.page-banner{position: relative;}
.page-banner .tex{position: absolute;left: 0;top: 50%;margin-top: -64px;width: 100%;text-align: center;font-size: 0;color: #fff;}
.page-banner .tex p:nth-child(1){font-size: 48px;font-weight: bold;}
.page-banner .tex p:nth-child(2){font-size: 30px;margin-top: 3px;}
.page-banner .tex p:nth-child(3){margin: 17px auto 0;width: 32px;height: 4px;background-color: #ffffff;}

.product-details{padding: 60px 0 95px;}
.product-details .top .img{overflow: hidden;width: 32.14%;overflow: hidden;border: solid 1px #e6e6e6;}
.product-details .top .img img{transition: all .5s;}
.product-details .top .img:hover img{transform: scale(1.1);}
.product-details .top .tex{width: 63.57%;padding-top: 18px;}
.product-details .top .tex .t-01 p:nth-child(1){font-size: 30px;color: #0279be;}
.product-details .top .tex .t-01 p:nth-child(2){margin:29px 0 0;width: 80px;height: 2px;background-color: #0179be;}
.product-details .top .tex .t-02 p{line-height: 32px;font-size: 16px;color: #666666;margin-top: 32px;}
.product-details .top .tex .t-02 p i{font-style: normal;font-size: 18px;color: #333;}
.product-details .top .tex .t-02 p:nth-child(1){margin-top: 37px;}
.product-details .bot .t-01{border-bottom: 1px solid #ccc;padding-bottom: 17px;font-weight: bold;font-size: 22px;color: #333333;}
.product-details .bot{margin-top: 38px;}
.product-details .bot .t-02{padding: 27px 0 0;font-size: 16px;line-height: 32px;color: #666666;}
.product-details .bot .t-02 img{max-width: 100%;}

.footer .top{background-color: #006097;padding: 48px 0 66px;color: #fff;}
.footer .top .t-01{margin-top: 63px;}
.footer .top .t-02{margin-left: 100px;}
.footer .top .t-02 p{margin-top: 25px;}
.footer .top .t-02 p a{color: #fff;}
.footer .top .t-02 p:nth-child(1){margin-top: 0;}
.footer .top .t-03{width: 170px;margin-left: 95px;}
.footer .top .t-03 .i-01 p:nth-child(1){font-size: 16px;letter-spacing: 2px;}
.footer .top .t-03 .i-01 p:nth-child(2){margin: 9px 0 0;width: 29px;height: 1px;background-color: #ffffff;}
.footer .top .t-03 li{margin-left: 45px;float: left;letter-spacing: 1px;margin-top: 20px;}
.footer .top .t-03 li a{color: #fff;}
.footer .top .t-03 ul{margin-left: -45px;padding-top: 5px;}
.footer .top .t-04{margin-top: 31px;}
.footer .top .t-04 li{float: left;text-align: center;}
.footer .top .t-04 li p{margin-top: 8px;}
.footer .top .t-04 li:nth-child(1){margin-right: 20px;}
.footer .bot{text-align: center;background-color: #005485;color: #fff;font-size: 12px;height: 40px;line-height: 40px;}

.product-list{padding: 60px 0 100px;}
.product-list .p-nav{width: 21.43%;}
.product-list .con{width: 74.64%;}
.product-list .p-nav .t-01{line-height: 100px;font-size: 24px;font-weight: bold;color: #fff;padding-left: 28px;height: 100px;background-color: #0179be;}
.product-list .p-nav .t-02{width: 100%;}
.product-list .p-nav .t-02 li:nth-child(1){border-top: 1px solid #ccc;}
.product-list .p-nav .t-02 li .i-01{height: 70px;line-height: 70px;}
.product-list .p-nav .t-02 li .i-01 a{display:inline-block;width:100%;}
.product-list .p-nav .t-02 li .i-01 a p{float:left;padding-left: 27px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;width: 80%;font-size: 20px;color: #333333;}
.product-list .p-nav .t-02 li .i-01 a i{display: inline-block;height:70px;background: url('../images/cp-a-01.png') no-repeat center center;margin-left:5%;float:right;width:15%;}
.product-list .p-nav .t-02 li.active .i-01 a p{color: #fff;}

.product-list .p-nav .t-02 li .ii-01 a{float:left;padding-left: 27px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;width: 80%;font-size: 20px;color: #333333;}
.product-list .p-nav .t-02 li .ii-01 i{display: inline-block;height:70px;background: url('../images/cp-a-01.png') no-repeat center center;margin-left:5%;float:none;width:15%;}

.product-list .p-nav .t-02 li{cursor: pointer;border-bottom: 1px solid #ccc;}
.product-list .p-nav .t-02 li dl dd a{display: block;width: 100%;font-size: 18px;color: #333333;}
.product-list .p-nav .t-02 li dl dd{margin-top: 24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.product-list .p-nav .t-02 li dl dd:nth-child(1){margin-top: 0px;}
.product-list .p-nav .t-02 li dl{display: none;padding: 13px 28px;}
.product-list .p-nav .t-02 li dl dd:hover a,.product-list .p-nav .t-02 li dl dd.active a{color: #0179be;}
.product-list .p-nav .t-02 li.active .i-01{background-color: #0179be;}
.product-list .p-nav .t-02 li.active .i-01 a{color: #fff;}
.product-list .p-nav .t-02 li.active .i-01 i{background: url('../images/cp-a-02.png') no-repeat center center;}
.product-list .con .list li{border: 1px solid #e6e6e6;float: left;width: 32%;margin-left: 1.33%;margin-top: 40px;}
.product-list .con .list ul{margin-left: -1.33%;}
.product-list .con .list li .img{overflow: hidden;}
.product-list .con .list li .img img{transition: all .5s;}
.product-list .con .list li:hover .img img{transform: scale(1.1);}
.product-list .con .list li .tex{color: #333;font-size: 18px;padding: 0 5px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-align: center;line-height: 70px;height: 70px;background-color: #fff;border-top: 1px solid #e6e6e6;}
.product-list .con .list li:hover{box-shadow: 2px 4px 16px 0px rgba(31, 31, 31, 0.24);}
.product-list .con .list li:hover .tex{color: #0279be;}
.product-list .con .t-01{font-weight: bold;font-size: 24px;color: #333333;padding-bottom: 16px;border-bottom: 1px solid #999999;}

.page{font-size: 0;text-align: center;margin-top: 60px;}
.page .cons{margin: 0 auto;border-bottom: 1px solid #999999;display: inline-block;}
.page a,.page span{border-bottom: 3px solid #0179be;padding-bottom: 9px;font-size: 14px;letter-spacing: 1px;color: #666666;display: inline-block;width: 62px;}
.page a:nth-child(1),
.page a:last-child{border-bottom: 0 solid #000;}
.page a img{position: relative;top: -3px;}
.page a:hover,.page span.current{color: #0179be;}
.page a.prev,.page a.next{font-family:'宋体';}

.transfer .con .list{padding-top: 20px;}
.transfer .con .list li{width: 100%;margin-left: 0;border: 0;float: none;margin-top: 0;padding: 16px 0;border-bottom: 1px solid #ccc;}
.transfer .con .list li:hover{box-shadow: none;}
.transfer .con .list ul{margin-left: 0;}
.transfer .con .list li p{width: 80%;font-size: 18px;color: #333333;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.transfer .con .list li span{color: #999999;}
.transfer .con .list li:hover p{color: #0179be;}
.transfer .con .list li:hover span{color: #0179be;}

.t-title{text-align: center;}
.t-title p:nth-child(1){font-weight: bold;font-size: 30px;color: #111111;}
.t-title p:nth-child(2){margin: 18px auto 0;width: 70px;height: 4px;background-color: #0179be;}

.technology-transfer{padding: 55px 0 60px;}

.p-list li{float: left;text-align: center;width: 21.5%;margin-left: 3.5%;margin-top: 40px;background-color: #ffffff;border-radius: 10px;border: solid 1px #cccccc;}
.p-list ul{margin-left: -3.5%;}
.p-list li a{display: block;width: 100%;height: 100%;padding: 39px 0;}
.p-list li .tex{margin-top: 28px;}
.p-list li .tex p:nth-child(1){font-size: 24px;color: #111111;padding: 0 5px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.p-list li .tex p:nth-child(2){margin: 19px auto 24px;width: 40px;height: 3px;background-color: #0179be;}
.p-list li .tex p:nth-child(3){color: #0279be;text-align: center;line-height: 40px;width: 144px;height: 40px;border: solid 1px #dadada;}
.p-list li:hover .tex p:nth-child(3){color: #fff;background-color: #0279be;border: 1px solid #0279be;}

.technology-transfer:nth-child(2n){background-color: #f6f9fc;padding: 55px 0 60px;}

.custom-service{padding: 55px 0 100px;}
.custom-service .p-list li:nth-child(5),
.custom-service .p-list li:nth-child(6){width: 46.5%;}

.news-exhibition .con .list li{float: none;width: 100%;border: 0;margin-top: 0;padding: 40px 0;border-bottom: 1px solid #eeeeee;}
.news-exhibition .con .list li:nth-child(1){padding-top: 0;}
.news-exhibition .con .list li:hover{box-shadow: none;}
.news-exhibition .con .list li .imgs{width: 37.7%;overflow: hidden;}
.news-exhibition .con .list li .imgs img{transition: all .5s;}
.news-exhibition .con .list li:hover .imgs img{transform: scale(1.1);}
.news-exhibition .con .list li .texs{width: 57.4162%;padding-top: 7px;}
.news-exhibition .con .list li .texs p:nth-child(1){display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;font-size: 20px;color: #333333;}
.news-exhibition .con .list li .texs p:nth-child(2){margin: 21px 0 31px;color: #999999;}
.news-exhibition .con .list li .texs p:nth-child(3){height: 56px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-size: 16px;line-height: 28px;color: #666666;}
.news-exhibition .con .list li .texs p:nth-child(4){margin:49px 0 0;text-align: center;line-height: 40px;color: #0279be;width: 144px;height: 40px;border: solid 1px #dadada;}
.news-exhibition .con .list li:hover .texs p:nth-child(4){color: #fff;background-color: #0279be;border: 1px solid #0279be;}
.news-exhibition .con .list li:hover .texs p:nth-child(1){color: #006cb7;}

.news-detail{padding: 55px 0 100px;}
.news-detail .t-01{text-align: center;padding-bottom: 37px;border-bottom: 1px solid #cccccc;}
.news-detail .t-01 p:nth-child(1){display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;font-size: 30px;color: #333333;}
.news-detail .t-01 p:nth-child(2){font-size: 16px;color: #999999;margin-top: 21px;}
.news-detail .t-01 p:nth-child(2) span{margin: 0 53px;}
.news-detail .t-02{border-bottom: 1px solid #cccccc;padding: 36px 0 55px;font-size: 16px;line-height: 32px;color: #666666;}
.news-detail .t-02 img{max-width: 100%;}
.n-page{margin-top: 27px;font-size: 0;}
.n-page li{float: left;width: 33.333%;font-size: 16px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.n-page li a{color: #666;display: block;width: 100%;}
.n-page li:nth-child(2){text-align: center;}
.n-page li:nth-child(2) a{color: #0179be;}
.n-page li:nth-child(3){text-align: right;}
.n-page li:hover a{color: #0179be;}

.contact-us{padding: 60px 0 100px;}
.contact-us .top li{padding:45px 10px 0;width: 23%;margin-left: 2%;height:280px;border-radius: 10px;float: left;text-align: center;}
.contact-us .top ul{margin-left: -2%;}
.contact-us .top li:nth-child(1){background-color: #f1bb3f;}
.contact-us .top li:nth-child(2){background-color: #65b565;}
.contact-us .top li:nth-child(3){background-color: #c95f5f;}
.contact-us .top li:nth-child(4){background-color: #4794ca;}
.contact-us .top li .tex p:nth-child(1){margin:30px 0 15px;font-size:22px;line-height:22px;color: #ffffff;}
.contact-us .top li .tex p:nth-child(2){display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 42px;font-size: 15px;line-height:22px;color: #ffffff;}
.contact-us .top li .tex p:nth-child(2) a{color: #fff;}
.contact-us .bot{margin-top: 70px;}
.contact-us .bot .map{width: 63.5%;height: 635px;}
.contact-us .bot .tex{padding: 27px 30px 0;width: 36.5%;height: 635px;background-color: #f6f9fc;}
.contact-us .bot .tex .t-01{padding-bottom: 37px;border-bottom: 1px solid #0179be;font-size: 24px;letter-spacing: 1px;color: #0179be;}
.contact-us .bot .tex .t-02 input{background-color: #f6f9fc;margin-top: 40px;padding: 0 18px;width: 100%;font-size: 16px;letter-spacing: 1px;color: #333;height: 50px;border: solid 1px #0179be;}
.contact-us .bot .tex .t-02 textarea{background-color: #f6f9fc;resize: none;margin-top: 40px;padding: 18px;font-family: "微软雅黑";height: 200px;width: 100%;font-size: 16px;letter-spacing: 1px;color: #333;border: solid 1px #0179be;}
.contact-us .bot .tex .t-02 input::-webkit-input-placeholder,
.contact-us .bot .tex .t-02 textarea::-webkit-input-placeholder { /* WebKit browsers */
color:#999999;
font-family: "微软雅黑";
}
.contact-us .bot .tex .t-02 input:-moz-placeholder,
.contact-us .bot .tex .t-02 textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #999999;
font-family: "微软雅黑";
}
.contact-us .bot .tex .t-02 input::-moz-placeholder,
.contact-us .bot .tex .t-02 textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #999999;
font-family: "微软雅黑";
}
.contact-us .bot .tex .t-02 input:-ms-input-placeholder,
.contact-us .bot .tex .t-02 textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #999999;
font-family: "微软雅黑";
}
.contact-us .bot .btn button{cursor: pointer;border: 0;font-size: 18px;letter-spacing: 1px;color: #ffffff;width: 200px;height: 50px;background-color: #0179be;}
.contact-us .bot .btn{margin-top: 40px;}

.talent-concept{background-color: #f6f9fc;padding: 72px 0 140px;}
.talent-concept .img{width: 57%;position: relative;}
.talent-concept .img .i-tex{padding: 115px 40px 0;color: #fff;position: absolute;right: -10%;bottom: -13.33%;width: 57.5%;height: 410px;background:#0179be url('../images/rc-02.jpg') no-repeat center center;background-size: auto 100%;}
.talent-concept .tex{width: 37%;padding-top: 30px;}
.talent-concept .tex p{font-weight: bold;font-size: 34px;line-height: 68px;color: #0179be;}
.talent-concept .tex img{max-width: 100%;display: block;margin-top: 100px;}
.talent-concept .img .i-tex .t-01 p:nth-child(1){font-size: 24px;font-weight: bold;}
.talent-concept .img .i-tex .t-01 p:nth-child(2){margin: 27px 0 0;width: 40px;height: 2px;background-color: #ffffff;}
.talent-concept .img .i-tex .t-02{margin-top: 25px;text-align: left;font-size: 16px;line-height: 32px;}

.recruitment-position{padding: 55px 0 100px;}
.recruitment-position .con li{cursor: pointer;padding: 25px 19px 19px;float: left;width: 31.5%;margin-left: 1.83%;margin-top: 30px;background-color: #ffffff;border: solid 1px #cccccc;}
.recruitment-position .con ul{margin-left: -1.83%;}
.recruitment-position .con li a{display:inline-block;width:100%;}
.recruitment-position .con li a>.t-01{padding-bottom: 18px;border-bottom: 1px solid #cccccc;}
.recruitment-position .con li a>.t-01 p{width: 80%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;font-size: 20px;color: #111111;}
.recruitment-position .con li a>.t-01 img{position: relative;top:6px;}
.recruitment-position .con li a>.t-02 p:nth-child(1){margin: 17px 0 20px;color: #0179be;}
.recruitment-position .con li a>.t-02 p:nth-child(2){height: 96px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;font-size: 18px;line-height: 32px;color: #666666;}
.recruitment-position .i-01{text-align: center;margin: 37px 0 8px;font-size: 16px;color: #333333;}

.popup{display: none;background-color: rgba(0,0,0,0.6);position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 999;}
.popup .con{padding: 47px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 1200px;height: 560px;background-color: #ffffff;}
.popup .con .close{position: absolute;top: 30px;right: 30px;cursor: pointer;}
.popup .con .t-01 p:nth-child(1){font-size: 20px;color: #111111;}
.popup .con .t-01 p:nth-child(2){color: #0179be;margin-top: 33px;}
.popup .con .t-02{line-height: 32px;margin-top: 24px;}
.popup .con .t-02 p:nth-child(1){font-size: 18px;color: #333;}
.popup .con .t-02 p:nth-child(2){font-size: 16px;color: #666;}
.popup .con .t-03{font-size: 18px;color: #0179be;margin-top: 100px;}
.popup .con .t-03 p a{color: #0179be;}
.popup .con .t-03 p:nth-child(2){margin-top: 23px;}

.company-profile{padding: 55px 0 60px;}
.company-profile .con{margin-top: 40px;}
.company-profile .con .img{width: 47%;position: relative;}
.company-profile .con .img img:nth-child(1){width: 100%;}
.company-profile .con .img img:nth-child(2){position: absolute;width: 94.2857%;bottom: -7.27%;right: -6%;z-index: -1;}
.company-profile .con .tex{width: 47%;}
.company-profile .con .tex .t-01{position: relative;padding-top: 34px;}
.company-profile .con .tex .t-01 p:nth-child(1){position: absolute;left: 122px;top: -26px;z-index: -1;font-weight: bold;font-size: 100px;color: #0179be;opacity: 0.08;}
.company-profile .con .tex .t-01 p:nth-child(2){font-size: 40px;color: #0179be;}
.company-profile .con .tex .t-01 p:nth-child(3){margin:38px 0 0;width: 80px;height: 3px;background-color: #0179be;}
.company-profile .con .tex .t-02{margin-top: 25px;font-size: 16px;line-height: 32px;color: #666666;}
.company-profile .con .tex .t-02 p:nth-child(2){margin-top: 33px;}

.corporate-style{padding: 55px 0 60px;}
.corporate-style .t-title p:nth-child(1){color: #fff;}
.corporate-style li{overflow: hidden;margin-top: 40px;float: left;width: 31.5%;margin-left: 1.83%;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);border-radius: 10px;border: solid 4px #ffffff;}
.corporate-style ul{margin-left: -1.83%;}
.corporate-style li:nth-child(4),
.corporate-style li:nth-child(5){width: 48.17%;}
.corporate-style li img{transition: all .5s;}
.corporate-style li:hover img{transform: scale(1.1);}

.management-team{padding: 55px 0 60px;}
.management-team .con{margin-top: 40px;font-size: 16px;line-height: 32px;color: #333333;}
.management-team .con img{max-width: 100%;}
.management-team .con .t-01{width: 57%;padding-top: 43px;}
.management-team .con .t-02{width: 43%;}
.management-team .con .t-01 img{max-width: 100%;}
.management-team .con .t-01 .img{margin-top: 75px;}
.management-team .con .t-02 p{margin-top: 90px;}
.management-team .con .t-02 .img{text-align: right;}

.success-stories{padding: 55px 0 100px;background-color: #f6f9fc;}
.success-stories .con{width:100%;margin-top: 40px;padding-bottom:40px;white-space:nowrap;}
.success-stories .sj{display:none;}
.success-stories .con li{width:23.9%;margin-right: 1.1%;text-align: center;display:inline-block;}
.success-stories .con li:nth-last-child(1){margin-right:0px;}
.success-stories .con li .img{overflow: hidden;}
.success-stories .con li .img img{transition: all .5s;}
.success-stories .con li:hover .img img{transform: scale(1.1);}
.success-stories .con li .tex{padding:20px 27px 27px;background-color: #fff;}
.success-stories .con li .tex .t-02 p:nth-child(1){margin: 16px 0 13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;color:#333333;}
.success-stories .con li .tex .t-02 p:nth-child(2){text-align:left;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow: hidden;font-size:14px;line-height:28px;color:#666;white-space:normal;}
.success-stories .con li .tex .t-02 p:nth-child(3){margin-top: 20px;line-height: 40px;font-size: 14px;color: #0279be;width: 144px;height: 40px;background-color: #ffffff;border: solid 1px #e6e6e6;}
.success-stories .con li:hover .tex .t-02 p:nth-child(3){color: #fff;background-color: #0279be;}

.line{position: relative;margin-top: 40px;}
.line p{height: 4px;}
.line p:nth-child(1){position: absolute;top: 0;left: 0;background-color: #0179be;width: 66.7%;}
.line p:nth-child(2){width: 100%;background-color: #cccccc;}

#fullpage{width:100%;}

.i-title{background: url('../images/i-t-bg.jpg') no-repeat center 17px;text-align: center;font-size: 30px;letter-spacing: 3px;color: #333333;}

.service-area{
    background: url('../images/i-ly-bg.jpg') no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: relative;
    padding-top: 8%;
}
.service-area .con{margin-top: 75px;}
.service-area .con li{width: 19.4%;margin-left: 0.6%;float: left;}
.service-area .con ul{margin-left: -0.6%;}
.service-area .con li .img{height: 200px;text-align: center;line-height: 200px;text-align: center;}
.service-area .con li .img img{vertical-align: middle;}
.service-area .con li .tex{position: relative;padding: 27px 21px 0;height: 300px;background-color: #ffffff;}
.service-area .con li .tex .t-01{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;padding-bottom: 27px;border-bottom: 2px solid #cccccc;text-align: center;font-size: 18px;letter-spacing: 2px;color: #333333;}
.service-area .con li .tex .t-02{margin-top: 36px;height: 112px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden; font-size: 16px;line-height: 28px;color: #333333;}
.service-area .con li .tex .t-03{position: absolute;right: 0;bottom: 0;height: 34px;width: 34px;transition: all .8s;}
.service-area .con li:hover .tex .t-03{width: 100%;}
.service-area .con li:nth-child(1) .tex .t-03{background-color: #f1bb3f;}
.service-area .con li:nth-child(2) .tex .t-03{background-color: #65b565;}
.service-area .con li:nth-child(3) .tex .t-03{background-color: #c95f5f;}
.service-area .con li:nth-child(4) .tex .t-03{background-color: #afce65;}
.service-area .con li:nth-child(5) .tex .t-03{background-color: #4794ca;}
.service-area .con li:nth-child(1) .img{background-color: #f1bb3f;}
.service-area .con li:nth-child(2) .img{background-color: #65b565;}
.service-area .con li:nth-child(3) .img{background-color: #c95f5f;}
.service-area .con li:nth-child(4) .img{background-color: #afce65;}
.service-area .con li:nth-child(5) .img{background-color: #4794ca;}
.service-area .con li:nth-child(1):hover .tex .t-01{color: #f1bb3f;border-bottom: 2px solid #f1bb3f;}
.service-area .con li:nth-child(2):hover .tex .t-01{color: #65b565;border-bottom: 2px solid #65b565;}
.service-area .con li:nth-child(3):hover .tex .t-01{color: #c95f5f;border-bottom: 2px solid #c95f5f;}
.service-area .con li:nth-child(4):hover .tex .t-01{color: #afce65;border-bottom: 2px solid #afce65;}
.service-area .con li:nth-child(5):hover .tex .t-01{color: #4794ca;border-bottom: 2px solid #4794ca;}

.i-case{
    background: url('../images/i-al-bg.jpg') no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: relative;
    padding-top: 8%;
}
.i-case .con{margin-top: 37px;}
.i-case .con li{float: left;width:25%;background-color: #fff;}
.i-case .con li:nth-child(1) .downimg,.i-case .con li:nth-child(3) .downimg{display:none;}
.i-case .con li:nth-child(2) .upimg,.i-case .con li:nth-child(4) .upimg{display:none;}
/* .i-case .con li:nth-child(1) .img,.i-case .con li:nth-child(2) .img{float: left;}
.i-case .con li:nth-child(1) .tex,.i-case .con li:nth-child(2) .tex{float: right;} */
.i-case .con li:nth-child(2) .tex .arrow,.i-case .con li:nth-child(4) .tex .arrow{position: absolute;left: 50%;bottom: -22px;margin-left: -22px;z-index: 10;}
.i-case .con li:nth-child(1) .tex .arrow,.i-case .con li:nth-child(3) .tex .arrow{position: absolute;left: 50%;top: -22px;margin-left: -22px;z-index: 10;}
/* .i-case .con li:nth-child(3) .img,.i-case .con li:nth-child(4) .img{float: right;}
.i-case .con li:nth-child(3) .tex,.i-case .con li:nth-child(4) .tex{float: left;} */
.i-case .con li .img{width:100%;overflow: hidden;}
.i-case .con li .img img{transition: all .5s;}
.i-case .con li:hover .img img{transform: scale(1.1);}
.i-case .con li .tex{width:100%;text-align: center;position: relative;padding: 30px 23px 28px 27px;}
.i-case .con li .tex .t-02 p:nth-child(1){margin: 15px 0 10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;font-size: 16px;color: #333333;}
.i-case .con li .tex .t-02 p:nth-child(2){height: 112px;font-size: 14px;text-align: left;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;line-height: 28px;color: #666666;}
.i-case .con li .tex .t-02 p:nth-child(3){text-align: center;margin: 18px auto 0;}
.i-case .con li .tex .t-02 p:nth-child(3) a{display: inline-block;line-height: 40px;width: 144px;height: 40px;background-color: #ffffff;border: solid 1px #e6e6e6;}

.i-case .con li:hover .tex .t-02 p:nth-child(3) a{color: #fff;background-color: #0279be;border: solid 1px #0279be;}

.i-dynamic{
    background: url('../images/i-dt-bg.jpg') no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: relative;
    padding-top: 5%;
}
.i-dynamic .con{width: 82.57%;}
.i-dynamic .d-left{margin-top: 322px;}
.i-dynamic .d-left .i-title{padding-left: 8px;text-align: left;background: url('../images/i-t-bg.jpg') no-repeat 3px 17px;}
.i-dynamic .d-left .tab li{cursor: pointer;float: left;font-size: 18px;letter-spacing: 2px;color: #333333;}
.i-dynamic .d-left .tab li{margin-right: 17px;line-height: 15px;}
.i-dynamic .d-left .tab li:nth-child(2){padding-left: 17px;border-left: 2px solid #cccccc;}
.i-dynamic .d-left .tab li:hover,.i-dynamic .d-left .tab li.active{color: #0279be;}
.i-dynamic .d-left .tab{margin-top: 24px;}
.i-dynamic .con li{height: 100%;width: 33.33%;float: left;background-color: #fff;border-top: 1px solid #dadada;border-bottom: 1px solid #dadada;border-left: 1px solid #dadada;}
.i-dynamic .con li:nth-child(3){border-right: 1px solid #dadada;}
.i-dynamic .con li .t-01{text-align: center;}
.i-dynamic .con li .t-01 p:nth-child(1){font-size: 50px;letter-spacing: 5px;color: #999999;}
.i-dynamic .con li .t-01 p:nth-child(2){font-size: 18px;letter-spacing: 2px;color: #333333;}
.i-dynamic .con li .t-02{margin-top: 31px;height: 84px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;font-size: 18px;line-height: 28px;color: #333333;}
.i-dynamic .con li .t-04{height: 112px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;font-size: 14px;line-height: 28px;color: #666666;}
.i-dynamic .con li .t-05{line-height: 40px;margin: 62px auto 0;text-align: center;font-size: 14px;color: #0279be;width: 144px;height: 40px;border: solid 1px #dadada;}
.i-dynamic .con li .t-03{margin: 34px 0 36px;overflow: hidden;}
.i-dynamic .con li a{display: block;width: 100%;height: 100%;padding: 100px 20px 34px;}
.i-dynamic .con li:hover .t-05{color: #fff;background-color: #0279be;border: 1px solid #0279be;}
.i-dynamic .con li:hover .t-02{color: #006cb7;}
.i-dynamic .con li .t-03 img{transition: all .5s;}
.i-dynamic .con li:hover .t-03 img{transform: scale(1.1);}

.i-product{
    background: url('../images/i-cp-bg.jpg') no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: relative;
    padding-top: 8%;
}
.i-product .tab{margin-top: 35px;padding:0 1.142857%;}
.i-product .tab li{width: 23.5%;margin-left: 1.5%;cursor: pointer;font-size: 18px;letter-spacing: 2px;color: #333333;float: left;text-align: center;line-height: 58px;background-color: #fff;height: 58px;}
.i-product .tab ul{margin-left: -1.5%;}
.i-product .tab li:hover,.i-product .tab li.active{color: #fff;background-color: #0279be;}
.i-product .list{margin-top: 10px;}
.i-product .list .item .swiper-container{padding: 1.142857% !important;}
.i-product .list .item .swiper-container .swiper-slide{text-align: center;}
.i-product .list .item .swiper-container .swiper-slide .tex{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-align: center;line-height: 69px;font-size: 18px;color: #333333;height: 69px;background-color: #ffffff;border: solid 1px #e6e6e6;}
.i-product .list .item .swiper-container .swiper-slide:hover{box-shadow: 2px 4px 16px 0px rgba(31, 31, 31, 0.24);}
.i-more{text-align: center;margin-top: 50px;position: relative;}
.i-more a{font-size: 14px;letter-spacing: 1px;color: #0279be;display: inline-block;text-align: center;line-height: 38px;width: 120px;height: 38px;border-radius: 5px;border: solid 1px #0279be;}
.i-more a:hover{background-color: #0279be;color: #fff;}
.item-next{
    right: 42.142857%;
    left: auto;
    border-radius: 5px;
    position: absolute;
    background: #0279be url('../images/i-cp-a-22.png') no-repeat center center;
    border: solid 1px #0279be;
    top: 0;
    width: 40px;
    height: 38px;
    z-index: 10;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
}
.item-next.swiper-button-disabled{background: transparent url('../images/i-cp-a-02.png') no-repeat center center;}
.item-prev{
    left: 42.142857%;
    right: auto;
    border-radius: 5px;
    position: absolute;
    background: #0279be url('../images/i-cp-a-11.png') no-repeat center center;
    border: solid 1px #0279be;
    top: 0;
    width: 40px;
    height: 38px;
    z-index: 10;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
}
.item-prev.swiper-button-disabled{background: transparent url('../images/i-cp-a-01.png') no-repeat center center;}

.i-banner-container{height: 100%;}
.i-banner{width:100%;height: 100%;}

.i-banner-container .swiper-slide{position: relative;}
.i-banner-container .swiper-slide .tex{position: absolute;width: 100%;top: 32%;left: 0;color: #fff;}
.i-banner-container .swiper-slide .tex .con p:nth-child(1){margin-left: 0;width: 100px;height: 8px;background-color: #ffffff;}
.i-banner-container .swiper-slide .tex .con p:nth-child(2){margin: 30px 0 15px;font-weight: bold;font-size: 58px;}
.i-banner-container .swiper-slide .tex .con p:nth-child(3){font-size: 32px;letter-spacing: 3px;}
.i-banner-container .swiper-slide .tex .con p:nth-child(4){margin-top: 28px;font-size: 52px;}
.sj-banner{display:none;}

.h-banner{width: 100%;height: 100%;position: relative;}
.h-banner .shubiao{width:24px;animation: bounce 1.6s linear infinite;position: absolute;bottom: 60px;left: 50%;margin-left: -12px;z-index: 999;}
.h-banner .num{position: absolute;top: 68%;left: 13.571428%;z-index: 100;color: #fff;}
.h-banner .num i{font-style: normal;}
.h-banner .num .swiper-pagination-bullet{width: 50px;height: 2px;background-color: #fff;border-radius: 0 !important;opacity: 1 !important;}
.i-banner-pagination{width: 200px !important;bottom: 3px;left: 23px;}
.h-banner .num .swiper-pagination-bullet-active{background-color: #0b3170;}
.h-banner .num .num-02{position: absolute;top: 2px;left: 234px;}

@keyframes bounce{
25% {-webkit-transform: translateY(-10px);}
50%, 100% {-webkit-transform: translateY(0);}
75% {-webkit-transform: translateY(10px);}
}


.pages{width:100%;display:inline-block;padding:60px 0px 100px;}
.pages .tit{font-weight:bold;font-size:30px;color:#111111;position:relative;padding-bottom:15px;text-align:center;}
.pages .tit::after{content:'';position:absolute;width:50px;height:3px;left:50%;margin-left:-25px;bottom:0px;background:#0b3170;}
.pages .con{display:inline-block;width:100%;margin-top:30px;font-size:16px;color:#666;line-height:28px;}

.search .con{width:100%;}
.search .con .list ul{margin-left:-2%;}
.search .con .list li{width:23%;margin-left:2%;}
.search .sear{width:100%;padding:50px;font-size:36px;color:#111;text-align:center;}

@media (min-width:1439px) and (max-width:1600px){
    .header .logo img{width: 300px;}
    .header .nav li{margin-left: 22px;}
    .header .nav li dl{width: 160px;margin-left: -80px;}
    .header .nav li i{width: 160px;margin-left: -80px;}
    .company-profile .con .tex .t-02{font-size: 14px;line-height: 27px;}
    .company-profile .con .tex .t-02 p:nth-child(2){margin-top: 11px;}
    .company-profile .con .tex .t-01 p:nth-child(3){margin-top: 18px;}
    .company-profile .con .tex .t-01 p:nth-child(2){font-size: 32px;}
    .company-profile .con .tex .t-01 p:nth-child(1){font-size: 84px;}
    .management-team .con .t-01 .img img{max-width: 70%;}
    .management-team .con .t-02 .img img{max-width: 80%;}
    .talent-concept .img .i-tex{padding: 45px 35px 0;}
    .talent-concept .img .i-tex .t-02{font-size: 14px;line-height: 27px;}
    .talent-concept .tex p{font-size: 24px;line-height: 50px;}
    .talent-concept .tex img{margin-top: 75px;}
    .news-exhibition .con .list li .texs p:nth-child(1){font-size: 18px;}
    .news-exhibition .con .list li .texs p:nth-child(2){margin: 15px 0 11px;}
    .news-exhibition .con .list li .texs p:nth-child(4){margin: 16px 0 0;}
    .footer .top .t-01 img{width: 250px;}
    .footer .top .t-02{margin-left: 45px;}
    .footer .top .t-03{margin-left: 30px;}
    .product-details .top .tex .t-02 p{font-size: 14px;line-height: 27px;}
    .product-details .top .tex .t-02 p{margin-top: 18px;}
    .i-product{padding-top: 7%;}
    .service-area .con{margin-top: 35px;}
    .i-case .con li .tex .t-02 p:nth-child(2){font-size: 12px;line-height: 21px;height: 84px;}
    .i-case .con li .tex{padding: 15px 20px 43px;}
    .i-case .con li .tex .t-02 p:nth-child(3) a{height: 30px;line-height: 30px;font-size: 12px;}
    .i-case .con li .tex .t-02 p:nth-child(3){margin: 10px auto 0;}
    .i-case .con li:nth-child(1) .tex .arrow, .i-case .con li:nth-child(2) .tex .arrow{bottom: -32px;}
    .i-dynamic .d-left .tab li{font-size: 14px;}
    .i-dynamic .con li a{padding: 40px 20px 30px;}
    .i-dynamic .con li .t-05{margin: 30px auto 0;}
    .i-dynamic{padding-top: 7%;}
    .i-dynamic .con li .t-03{margin: 28px 0 19px;}
    .h-banner .num{top: 75%;}
    .item-prev{left: 39%;}
    .item-next{right: 39%;}
}
@media (min-width:1280px) and (max-width:1438px){
    .header .logo img{width: 300px;}
    .header .nav li{margin-left: 13px;}
    .header .nav li dl{width: 160px;margin-left: -80px;}
    .header .nav li i{width: 160px;margin-left: -80px;}
    .company-profile .con .tex .t-02{font-size: 14px;line-height: 27px;}
    .company-profile .con .tex .t-02 p:nth-child(2){margin-top: 11px;}
    .company-profile .con .tex .t-01 p:nth-child(3){margin-top: 18px;}
    .company-profile .con .tex .t-01 p:nth-child(2){font-size: 32px;}
    .company-profile .con .tex .t-01 p:nth-child(1){font-size: 84px;}
    .management-team .con .t-01 .img img{max-width: 70%;}
    .management-team .con .t-02 .img img{max-width: 80%;}
    .talent-concept .img .i-tex{padding: 45px 35px 0;}
    .talent-concept .img .i-tex .t-02{font-size: 14px;line-height: 27px;}
    .talent-concept .tex p{font-size: 24px;line-height: 50px;}
    .talent-concept .tex img{margin-top: 75px;}
    .news-exhibition .con .list li .texs p:nth-child(1){font-size: 18px;}
    .news-exhibition .con .list li .texs p:nth-child(2){margin: 15px 0 11px;}
    .news-exhibition .con .list li .texs p:nth-child(4){margin: 16px 0 0;}
    .footer .top .t-01 img{width: 250px;}
    .footer .top .t-02{margin-left: 20px;}
    .footer .top .t-03{margin-left: 20px;}
    .product-details .top .tex .t-02 p{font-size: 14px;line-height: 27px;}
    .product-details .top .tex .t-02 p{margin-top: 18px;}
    .i-product{padding-top: 7%;}
    .service-area .con{margin-top: 35px;}
    .i-case .con li .tex .t-02 p:nth-child(2){font-size: 12px;line-height: 21px;height: 84px;}
    .i-case .con li .tex{padding: 15px 20px 56px;}
    .i-case .con li .tex .t-02 p:nth-child(3) a{height: 30px;line-height: 30px;font-size: 12px;}
    .i-case .con li .tex .t-02 p:nth-child(3){margin: 10px auto 0;}
    .i-case .con li:nth-child(1) .tex .arrow, .i-case .con li:nth-child(2) .tex .arrow{bottom: -32px;}
    .i-dynamic .d-left .tab li{font-size: 14px;}
    .i-dynamic .con li a{padding: 18px 20px 30px;}
    .i-dynamic .con li .t-05{margin: 30px auto 0;}
    .i-dynamic{padding-top: 7%;}
    .i-dynamic .con li .t-03{margin: 28px 0 19px;}
    .h-banner .num{top: 79%;}
    .item-prev{left: 39%;}
    .item-next{right: 39%;}
    .i-product .tab{margin-top: 15px;}
    .i-product .tab li{font-size: 14px;height: 35px;line-height: 35px;}
    .i-product .list .item .swiper-container .swiper-slide .tex{font-size: 14px;height: 40px;line-height: 40px;}
    .i-more{margin-top: 15px;}
    .service-area .con li .tex .t-02{font-size: 14px;line-height: 24px;height: 94px;}
    .service-area .con li .tex{padding: 13px 21px 0;height: 230px;}
    .service-area .con li .tex .t-01{padding-bottom: 12px;}
    .i-dynamic .d-left .tab li:nth-child(2){padding-left: 8px;}
    .i-dynamic .d-left .tab li{margin-right: 8px;}
    .i-dynamic .con li .t-02{font-size: 12px;line-height: 20px;height: 62px;}
    .i-dynamic .con li .t-01 p:nth-child(1){font-size: 42px;}
    .i-dynamic .con li .t-01 p:nth-child(2){font-size: 14px;}
    .i-dynamic .con li .t-02{margin-top: 14px;}
    .i-dynamic .con li .t-04{font-size: 12px;line-height: 20px;height: 79px;}
    .i-case .con li .tex .t-01 img{width: 30px;}
    .i-case .con{margin-top: 10px;}




}