@charset "utf-8";

@font-face {
    font-family: "AlibabaPuHuiTi Medium";
    font-weight: 500;
    src: url("https://at.alicdn.com/wf/webfont/zddaiKAX0Bf2/HcQMXV3LM5JZ.woff2") format("woff2"),
    url("https://at.alicdn.com/wf/webfont/zddaiKAX0Bf2/XyEymUXRbPgx.woff") format("woff");
    font-display: swap;
}

* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding: 0; margin: 0;}
body{ font-size: 18px; color:#212121; overflow-x: hidden; font-family: "Microsoft YaHei",Arial,sans-serif;}
ul,li,ol,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,header,footer{ list-style: none; padding: 0; margin: 0; display: block;}
input,textarea,select,button{ font-size: 16px; outline:none;  font-family: "Microsoft YaHei",Arial,sans-serif;}
svg{ border: none;}
::-webkit-input-placeholder {color: #aaa;}
::-moz-placeholder {color: #aaa;}
:-ms-input-placeholder {color: #aaa;}

a { text-decoration: none; color:#212121; transition: color 0.56s ease;}
a:hover{ color:#003174;}

img{ display: inline-block; vertical-align:middle;max-width:100%;max-height:100%;height: auto; border: none;}

.wrap{ width: 100%; max-width: 1700px; margin: 0 auto; padding: 0 50px;}
.w1360{ width: 100%; max-width: 1420px; margin: 0 auto; padding: 0 30px;}
.w1200{ width: 100%; max-width: 1260px; margin: 0 auto; padding: 0 30px;}
.ovh{overflow: hidden;}

::-webkit-scrollbar { width: 6px; background-color: rgba(24, 24, 24, .07); }
::-webkit-scrollbar-thumb {background: rgba(24, 24, 24, .3); border-radius: 8px; transition: background 0.4s ease;}
::-webkit-scrollbar-thumb:hover {background: #666;}

/*顶部*/
.header{ width: 100%;  position: fixed; left: 0; top: 80px; z-index: 99999; }
.header .lang{ width: 30px; height: 30px; background:url(../images/lang.png) no-repeat center; margin-right:30px; position: relative; cursor: pointer;}
.header .lang ol{ width: 100px; padding: 10px; background: #fff; border: #ddd solid 1px; position: absolute; left: 50%; top: 38px; margin-left: -50px; display: none; overflow: hidden;}
.header .lang ol a{ display: block; text-align: center; font-size: 15px; line-height: 2;}
.header .langNavBtn{ align-self: flex-start;}
.header .langNavBtn .menu { pointer-events: auto; position: relative;}
.header .langNavBtn .menu p { padding: 15px 30px 15px 70px; background: #004898; border-radius: 100px; font-size: 14px; line-height: 1; cursor: pointer; transition: .3s; color: #fff;}
.header .langNavBtn .menu p:hover { opacity: 0.8;}
.header .langNavBtn .menu span { width: 20px; height: 1px; display: block; background: #fff;    pointer-events: none;    z-index: 20;}
.header .langNavBtn .menu span:nth-child(1) { position: absolute; left: 30px; top: 17px; transition: .3s;}
.header .langNavBtn .menu span:nth-child(2) { position: absolute; left: 30px; top: 21px; transition: .3s;}
.header .langNavBtn .menu span:nth-child(3) { position: absolute; left: 30px; top: 25px; transition: .3s;}

.menu-visible .logo{overflow: hidden;}
.menu-visible .logo img{ filter: drop-shadow(#fff 0 250px); transform: translateY(-250px);}
.menu-visible .lang{background:url(../images/lang02.png) no-repeat center;}
.menu-visible .langNavBtn .menu p { background: #fff; color: #004898;}
.menu-visible .langNavBtn .menu span { background: #004898;}
.menu-visible .langNavBtn .menu span:nth-child(1) { position: absolute; left: 30px; top: 21px; transform: rotate(30deg);}
.menu-visible .langNavBtn .menu span:nth-child(2) { opacity: 0;}
.menu-visible .langNavBtn .menu span:nth-child(3) { position: absolute; left: 30px; top: 21px; transform: rotate(-30deg);}

.global-menu{ width: 100%; height: 100%; background: #004898; position: fixed; left: 0; top: 0; z-index: 99998; display: none;}
.global-menu .menuMain{ padding-top: 260px;}
.global-menu .menuMain .picText{ width: 50%;}
.global-menu .menuMain .picText .pic img{ width: 100%;}
.global-menu .menuMain .picText .text{ padding: 50px;}
.global-menu .menuMain .picText .t{ font-size: 40px; color: #fff; font-weight: 700; margin-bottom: 30px;}
.global-menu .menuMain .picText .c{ margin-bottom: 60px; font-size: 16px; color: #fff; line-height: 1.8;}
.global-menu .menuMain .nav{ padding-left: 130px;}
.global-menu .menuMain .nav ul li{ margin-bottom: 20px;}
.global-menu .menuMain .nav ul li a{ font-size: 28px; color: #fff; font-weight: bold;}
.global-menu .menuMain .nav ul li a dl{ font-size: 17px; color: #fff; font-weight: normal;}
.global-menu .menuMain .nav ul li a:hover{ opacity: 0.8;}
.global-menu .fcontact{ background: #002f64; color: #fff; border-top-left-radius: 150px; position: absolute; right: 0; bottom: 0; padding: 60px 35px 60px 80px;}
.global-menu .fcontact dt{ font-size: 14px; margin-bottom: 12px; text-align: right;}
.global-menu .fcontact dt img{ margin-right: 8px;}
.global-menu .fcontact dl{ font-size: 22px; line-height: 1;}


/*首页bannner*/
.banner { width:calc(50% + 125px); position: relative; overflow: hidden; border-bottom-right-radius: 70px;}
.banner img{ width: 100%;}

.bannerNav .nav{ padding-left: 130px;}
.bannerNav .nav ul li{ margin-bottom: 20px;}
.bannerNav .nav ul li a{ font-size: 28px; color: #004898; font-weight: bold;}
.bannerNav .nav ul li a dl{ font-size: 17px; color: #5f5f5f; font-weight: normal;}
.bannerNav .nav ul li a:hover{ opacity: 0.8;}

.neiBanner{ position: relative;}
.neiBanner img{ width: 100%;}
.neiBanner::after{ content: ""; width: 100%; height: 70px; background: #fff; border-top-right-radius: 80px; position: absolute; left: 0; bottom: 0; z-index: 11;}

.title{display:inline-block; text-align: right; margin-bottom: 80px;}
.title h2{ font-size: 36px; position: relative; display: inline-block;}
.title h2::before{ content: ""; width: 50px; height: 2px; background: #004898; position: absolute; left: -70px; top: 50%; margin-top: -1px;}
.title p{ font-family: "AlibabaPuHuiTi Medium"; color: #fff; font-size: 100px; line-height: 1; text-shadow: 1px 1px 0 #004898, -1px 1px 0 #004898, 1px -1px 0 #004898, -1px -1px 0 #004898;}

.ntitle{ padding-top: 260px; margin-bottom: 80px;}
.ntitle .box{ padding: 15px 0; background: url(../images/icon04.png) no-repeat right 58px center;}
.ntitle ol{ text-align: center;}
.ntitle ol h2{ font-size: 36px; position: relative; display: inline-block;}
.ntitle ol h2::before{ content: ""; width: 50px; height: 2px; background: #004898; position: absolute; left: -70px; top: 50%; margin-top: -1px;}
.ntitle ol p{ font-family: "AlibabaPuHuiTi Medium"; color: #fff; font-size: 100px; line-height: 1; text-shadow: 1px 1px 0 #004898, -1px 1px 0 #004898, 1px -1px 0 #004898, -1px -1px 0 #004898;}
.ntitle .text{ width: 50%; text-align: right;}
.ntitle .text .t{ font-size: 30px; color: #004898; font-weight: bold; margin-bottom: 45px;}
.ntitle .text .c{ line-height: 1.8;}

.ntitle2{ text-align: center; margin-bottom: 100px;}
.ntitle2 h3{ font-family: "AlibabaPuHuiTi Medium"; color: #e3ebf4; font-size: 60px; line-height: 1; }
.ntitle2 p{ font-size: 36px; color: #000; font-weight: bold; line-height: 1; margin-top: -22px;}

.more a{ background: #004898; color: #fff; font-size: 14px; line-height: 40px; padding: 0 30px; border-radius: 40px;  transition: background 0.4s ease;}
.more a:hover{ background: #1266c3;}

.main{ background: #fff; position: relative; z-index: 2; margin-bottom: 380px; border-bottom-left-radius: 70px;}

.iabout{ padding: 80px 0 50px; position: relative;}
.iabout .con{ padding-right: 230px;}
.iabout .con .tit{ font-size: 46px; color: #004898; font-weight: 700; margin-bottom: 30px;}
.iabout .con .text{ margin-bottom: 60px; font-size: 16px; line-height: 1.8;}
.iabout .pic{ width: calc((100% - 1200px)/2 + 156px); border-top-left-radius: 70px; overflow: hidden; position: absolute; right: 0; bottom: 0;}
.iabout .pic img{ width: 100%;}

.iproducts{ padding: 80px 0; background: url(../images/proBg.webp) no-repeat center bottom; background-size: 100% auto;}
.iproducts .box{ text-align: center;}
.iproducts .box .t{ font-size: 36px; font-weight: bold; margin-bottom: 30px;}
.iproducts .box .c{ line-height: 1.8; margin-bottom: 75px;}
.iproducts .box .item{ margin-bottom: 110px;}
.iproducts .box .item ul li{ padding: 0 13px;}
.iproducts .box .item ul li ol{ width: 250px; height: 250px; background: #fff; border:#004898 solid 1px; border-radius: 250px; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.iproducts .box .item ul li ol h3{ font-size: 18px; margin-top: 20px;}

.iworks{ padding-top: 110px; position: relative;}
.iworks .tit .t{ padding-left: 130px; line-height: 1.8; font-size: 18px; margin-top: 30px;}
.iworks .title p{ color: #f2f6fa;}
.iworks::after{ content: ""; width: 100%; height: 445px; background: #f2f6fa url(../images/icon04.png) no-repeat top 90px right 90px; border-top-right-radius: 70px; position: absolute; right:calc((100% - 1200px)/2); top: 0; z-index: -1;}
.iworks .box{ border-bottom: #004898 solid 2px; padding-bottom: 70px;}
.iworks .swiper{ overflow: inherit; margin-bottom: 15px;}
.iworks .swiper .swiper-slide{ width: 620px; }
.iworks .swiper .swiper-slide dl{ padding-bottom: 68%; border-radius: 50px; border-bottom-right-radius: 0;}
.iworks .swiper .swiper-slide dl img{  transition: opacity 0.4s;}
.iworks .swiper .swiper-slide h3{ margin-top: 28px; background: url(../images/icon03.png) no-repeat right center; padding-right: 50px; text-align: right; font-size: 18px;}
.iworks .swiper .swiper-slide a:hover dl img{ opacity: 0.8;}

.inews{ padding: 85px 0 115px;}
.inews .box{ margin-bottom: 60px;}
.inews .swiper{ overflow: inherit;}
.inews .swiper .swiper-slide{ width: 420px; background: #f6f6f6; padding: 38px;}
.inews .swiper .swiper-slide dd{ font-size: 16px; color: #004898; font-weight: bold; margin-bottom: 10px;}
.inews .swiper .swiper-slide h3{ height: 60px; font-size:19px; line-height: 30px; overflow: hidden;text-overflow: ellipsis;	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; transition: color 0.4s ease;}
.inews .swiper .swiper-slide dt{ color: #8d8d8d; font-size: 16px; margin-top: 50px;}
.inews .swiper .swiper-slide a:hover h3{ color: #666;}

/* about */
.about{ padding: 50px 0 360px;}
.about .pic{ border-top-left-radius: 50px;  border-top-right-radius: 50px; overflow: hidden;}
.about .text{ padding: 60px 0 100px;}
.about .text .t{ font-size: 48px; color: #004898; font-weight: bold; line-height: 1.3; margin-bottom: 20px;}
.about .text .t2{ font-size: 30px; line-height: 1.5; margin-bottom: 40px;}
.about .text .c{ font-size: 16px; line-height: 2;}

.history{ padding-left: 125px;}
.history .t{ font-size: 22px; font-weight: bold; color: #004898; margin-bottom: 35px; position: relative;}
.history .t::before{ content: ""; width: 115px; height: 1px; background: #004898; position: absolute; left: -125px; top: 50%;} 
.history ul li{ font-weight: bold; margin-bottom: 50px; padding-left: 35px; position: relative;}
.history ul li::before{ content: ""; width: 12px; height: 12px; background: #004898; border-radius: 12px; position: absolute; left: 0; top: 6px;}

.aboutContact{ padding-top: 30px;}
.aboutContact ul li{ width:calc(50% - 35px); border: #d4e0ee solid 1px; display: flex; align-items: center;}
.aboutContact ul li dd{ padding: 39px; background: #f2f6fa; font-size: 22px; font-weight: bold; color: #004898; text-align: center;}
.aboutContact ul li ol{ padding: 25px; font-size: 16px; color: #000; line-height: 1.6;}

/* products */
.products{ padding: 50px 0;}
.products .pic{ border-top-left-radius: 50px;  border-top-right-radius: 50px; overflow: hidden;}
.products .textIcon{ padding: 95px 0;}
.products .textIcon .con{ width: 50%;}
.products .textIcon .con .t{ font-size: 30px; font-weight: bold; color: #004898; margin-bottom: 30px;}
.products .textIcon .con .c{ line-height:1.8;}
.products .textIcon .icon{ width: 50%;}
.products .textIcon .icon ul li{ margin-left: 70px;}
.products .textIcon .icon ul li ol{ width: 185px; height: 185px; background: #deeaf7; border-radius: 250px; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.products .textIcon .icon ul li ol h3{ font-size: 18px; font-weight: normal; margin-top: 10px;}

.products .productBox{ padding-left: 120px; margin-bottom: 100px;}
.products .productBox .tit{ font-size: 22px; font-weight: bold; color: #004898; line-height: 1; margin-bottom: 45px; position: relative;}
.products .productBox .tit::before{ content: ""; width: 110px; height: 1px; background: #004898; position: absolute; left: -120px; top: 50%;}
.products .productBox .box{ margin-bottom: 50px;}
.products .productBox .swiper{ overflow: inherit;}
.products .productBox .swiper-slide{ width: 420px;}
.products .productBox .swiper-slide dl{ padding-bottom: 71%;}
.products .productBox .swiper-slide h3{ font-size: 16px; font-weight: bold; color: #000; margin-top: 25px; margin-bottom: 10px;}
.products .productBox .swiper-slide dt{ font-size: 16px; line-height: 1.6;}

/* works */
.works{ padding: 50px 0 120px;}
.works .worksNav{ margin-bottom: 80px;}
.works .worksNav ul li{ margin-right: 35px;}
.works .worksNav ul li.tit a{ line-height: 50px; background: url(../images/icon08.png) no-repeat right 22px center; border:#004898 solid 1px; border-radius: 50px; display: block; padding: 0 50px 0 37px; font-size: 14px; color: #004898; transition: all 0.4s ease;}
.works .worksNav ul li.on.tit a,.works .worksNav ul li.tit a:hover{ background:#004898 url(../images/icon09.png) no-repeat right 22px center; color: #fff;}
.works .worksNav ul li a{ line-height: 50px; background: #fff; border:#004898 solid 1px; border-radius: 50px; display: block; padding: 0 38px; font-size: 14px; color: #004898; transition: all 0.4s ease;}
.works .worksNav ul li.on a,.works .worksNav ul li a:hover{ background:#004898; color: #fff;}

.works .box .item{ margin-bottom: 38px;}
.works .box .item .tit{ font-size: 22px; font-weight: bold; color: #004898; line-height: 1; margin-bottom: 30px; position: relative;}
.works .box .item .tit::before{ content: ""; width: 110px; height: 1px; background: #004898; position: absolute; left: -120px; top: 50%;}
.works .box .item ul { margin: 0 -24px;}
.works .box .item ul li{ width: 33.33%; padding: 0 24px; margin-bottom: 30px;}
.works .box .item ul li dl{ padding-bottom: 71%;}
.works .box .item ul li h3{ font-size: 16px; text-align: center; margin-top: 10px;}

/* news */
.news{ padding: 50px 0 150px;}
.news .newsNav{ margin-bottom: 60px;}
.news .newsNav ul li{ margin-right: 38px;}
.news .newsNav ul li a{ line-height: 50px; background: url(../images/icon08.png) no-repeat right 22px center; border:#004898 solid 1px; border-radius: 50px; display: block; padding: 0 50px 0 37px; font-size: 14px; color: #004898; transition: all 0.4s ease;}
.news .newsNav ul li.on a,.news .newsNav ul li a:hover{ background:#004898 url(../images/icon09.png) no-repeat right 22px center; color: #fff;}
.news .box{ padding-bottom: 15px;}
.news .box ul{ margin: 0 -23px;}
.news .box ul li{ width: 33.33%; padding: 0 23px; margin-bottom: 46px;}
.news .box ul li a{ background: #f6f6f6; padding: 38px; display: block;}
.news .box ul li a dd{ font-size: 16px; color: #004898; font-weight: bold; margin-bottom: 10px;}
.news .box ul li a h3{ height: 60px; font-size:19px; line-height: 30px; overflow: hidden;text-overflow: ellipsis;	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; transition: color 0.4s ease;}
.news .box ul li a dt{ color: #8d8d8d; font-size: 16px; margin-top: 50px;}
.news .box ul li a:hover h3{ color: #666;}

.newsView{ padding: 260px 0 150px;}
.newsView .newsHead{ margin-bottom: 115px;}
.newsView .newsHead dd{ font-size: 22px; color: #004898; font-weight: bold; line-height: 1; margin-bottom: 15px; position: relative;}
.newsView .newsHead dd::before{ content: ""; width: 100px; height: 1px; background: #004898; position: absolute; left: -120px; top: 50%;}
.newsView .newsHead h1{ font-size: 36px; color: #004898; margin-bottom: 20px;}
.newsView .newsHead p{ font-size: 16px;}
.newsView .text{ font-size: 16px; line-height:2; margin-bottom: 115px;}
.newsView .newsMore a{ background: #fff; border: #004898 solid 1px; color: #004898; font-size: 18px; line-height: 60px; padding: 0 120px; border-radius: 40px;  transition: background 0.4s ease;}
.newsView .newsMore a:hover{ background: #1266c3; color: #fff;}

/* recruit */
.recruit{ padding-bottom: 200px;}
.recruit .daiyu{ margin-bottom: 100px;}
.recruit .daiyu ul li{ min-width:125px; text-align: center;}
.recruit .daiyu ul li p{ font-size: 20px; font-weight: bold; color: #004898; margin-top: 36px;}

.recruit .job .tit{ width: 142px; background:#004898 url(../images/icon09.png) no-repeat right 22px center;  border-radius: 50px;  color: #fff; font-size: 14px; line-height: 50px; margin: 0 auto 70px; padding: 0 50px 0 35px;}
.recruit .job .box ul{ margin: 0 -35px;}
.recruit .job .box ul li{ width: 50%; padding: 0 35px; margin-bottom: 40px;}
.recruit .job .box ul li ol{ background: #f6f6f6; padding: 30px 40px;}
.recruit .job .box ul li ol dd{ font-size: 17px; color: #004898; font-weight: bold; line-height: 1; margin-bottom: 22px;}
.recruit .job .box ul li ol h3{ font-size: 20px; line-height: 1.2; margin-bottom: 30px;}
.recruit .job .box ul li ol dt{ font-size: 17px; line-height: 2; margin-bottom: 20px;}
.recruit .job .box ul li ol .btn{ background: #fff; height: 50px; display: flex; justify-content: center; cursor: pointer;}
.recruit .job .box ul li ol .btn img{ align-self: center; margin-right: 10px;}
.recruit .job .box ul li ol .btn span{ font-size: 14px; color: #004898; line-height: 2; border-bottom: #004898 solid 3px; align-self: center; padding: 0 8px;}
.recruit .job .box ul li ol .btn:hover{ background: #dcedff;}


/* contact */
.contact{ padding: 50px 0 230px;}
.contact .contactBox{ box-shadow: 0 0 28px rgba(0, 0, 0, .08); border-radius: 20px; padding: 80px 60px; margin-bottom: 70px;}
.contact .contactBox .tel{ margin-bottom: 85px;}
.contact .contactBox .tel ol{ margin-left: 66px;}
.contact .contactBox .tel .t{ font-size: 25px; color: #004898; font-weight: bold;}
.contact .contactBox .tel .c{ font-size: 48px; color: #333; font-weight: bold;}
.contact .contactBox .box ul li:nth-child(1) dl{ font-size: 20px;}
.contact .contactBox .box ul li:nth-child(1) dl img{ margin-right: 8px;}
.contact .contactBox .box ul li dl{ font-size: 18px; color: #333; font-weight: bold; margin-bottom: 10px;}
.contact .contactBox .box ul li ol{ color: #666;}
.contact .messageBox{  background: url(../images/contactBg.jpg) no-repeat center; background-size: cover; border-radius: 20px;  padding: 50px; text-align: center;}
.contact .messageBox .tit{ margin-bottom: 50px;}
.contact .messageBox .tit h3{ font-size: 60px;  font-family: "AlibabaPuHuiTi Medium"; color: #004898; line-height: 1; opacity: 0.2;}
.contact .messageBox .tit p{ font-size: 36px; color: #000; font-weight: bold; line-height: 1; margin-top: -20px;}
.contact .messageBox .btn{ width: 200px; height: 48px; line-height: 48px; background: #004898; border-radius: 48px; color: #fff; font-size: 16px; margin: 0 auto; cursor: pointer;}
.contact .messageBox .btn:hover{ opacity: 0.8;}

/* tcc */
.popBox{ width: 100%; height: 100%; background: rgba(0, 0, 0, .5); position: fixed; left: 0; top:0; z-index: 999999; display: flex; justify-content: center; align-items: center; display: none;}
.popBox .boxCon{ width:100%; max-width: 1360px; background: #fff; border-radius: 30px; padding: 100px; position: relative;}
.popBox .boxCon .jobName{  font-size: 36px; color: #004898; font-weight: bold; margin-bottom: 25px;}
.popBox .boxCon .jobitem{  font-size: 20px; color: #000;  margin-bottom: 20px;}
.popBox .boxCon .jobitem ul li{ width: 50%;}
.popBox .boxCon .jobitem ul li:nth-child(2){ text-align: right;}
.popBox .boxCon .jobtext{ min-height: 300px; font-size: 16px; line-height: 2; padding-bottom: 35px;}
.popBox .boxCon .btn{  background: #fff; border: #004898 solid 1px; color: #004898; font-size: 18px; border-radius: 40px; padding: 20px 50px; }
.popBox .boxCon .messagelist{}
.popBox .boxCon .messagelist ul{ margin: 0 -30px;}
.popBox .boxCon .messagelist ul li{ width:50%; padding: 0 30px; margin-bottom: 30px;}
.popBox .boxCon .messagelist .error p{ font-size: 13px; color: #ff0000; margin-top: 8px;}
.popBox .boxCon .messagelist p{ font-size: 17px; color: #000; margin-bottom: 10px;}
.popBox .boxCon .messagelist p span{ color: #ff0000;}
.popBox .boxCon .messagelist input{ width: 100%; height: 48px; border: #eee solid 1px; font-size: 15px; padding-left: 15px;}
.popBox .boxCon .messagelist textarea{ width: 100%; height: 180px; border: #eee solid 1px; font-size: 15px; padding: 10px 15px;}
.popBox .boxCon .messagelist button{ width: 550px; height: 60px; background: #004898; border: none; border-radius: 60px; color: #fff; font-size: 18px; cursor: pointer; margin-top: 30px;}
.popBox .boxCon .messagelist button:hover{ opacity: 0.8;}
.popBox .boxCon .off{ width: 46px; height: 46px; background: url(../images/icon16.png) no-repeat center; background-size: cover; position: absolute; left: 50%; bottom: -80px; transform: translateX(-50%); cursor: pointer;}

/* footer */
.footer{ width: 100%; background: #004898; padding-top: 80px; position: fixed; left: 0; bottom: 0; color: #fff;}
.footer a{ color: #fff;}
.footer .box{ padding: 140px 0;}
.footer .box .con{ padding-left: 50px; margin-left: 50px; border-left: 1px solid #2965a9;}
.footer .box .t{ font-size: 36px; line-height: 1; margin-bottom: 20px;}
.footer .box .c{ font-size: 14px; line-height: 1.8;}
.footer .fcontact{ background: #002f64; border-top-left-radius: 150px; position: absolute; right: 0; bottom: 0; padding: 60px 35px 60px 80px;}
.footer .fcontact dt{ font-size: 14px; margin-bottom: 12px; text-align: right;}
.footer .fcontact dt img{ margin-right: 8px;}
.footer .fcontact dl{ font-size: 22px; line-height: 1;}
.footer .gotop{ width: 50px; height: 50px; background: #003174 url(../images/icon01.png) no-repeat center; border-radius: 40px; position: absolute; right: 75px; bottom: 250px; z-index: 1; cursor: pointer;}

/*===/分页=============================*/
.fenye { text-align: center; font-size: 18px; width: 100%; display: flex; justify-content: center; }
.fenye .prev, .fenye .next { width: 50px; height: 50px; line-height: 50px; color: #666; background: #eaeaea; margin-right: 10px; display: block; font-family: "宋体";font-size: 18px; }
.fenye a { width: 50px; height: 50px; line-height: 50px; color: #666;  background: #eaeaea;  margin-right: 10px;display: block; transition: all 0.4s;}
.fenye a:hover {color: #fff; background: #003174;}
.fenye a.current { color: #fff;  background: #003174;}

/*搜索框*/
.search-dialog-box{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 999999999;}
.search-dialog-box .black{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .8);}
.search-dialog{position: absolute;left:50%;top:50%;box-sizing:border-box;width: 680px;padding: 20px 30px;transform: translate(-50%,-50%);background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,.33);border-radius:50px;}
.search-dialog input[type=text]{float: left;width: 86%;border: none; padding: 0;font-size:18px;line-height: 28px; height:28px;color: #999; background-color: #fff;border-radius: 0;}
.search-dialog input[type=submit] {float: right; width:28px; height:28px; background-repeat: no-repeat; background-position: center; background-size: 100%; border: none; padding: 0; background-image: url(../images/search-btn.png);background-color: transparent; cursor: pointer;}


/* 弹出框 */
.tccBox{display: none; position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 999999;}
.tccBox .black{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .8);}
.tccBox .BoxCon{padding: 20px;position: absolute;left:50%;top:50%;box-sizing:border-box;transform: translate(-50%,-50%); color: #999;}
.tccBox .BoxCon .off{ width: 30px; height: 30px; background:url(../images/off.png) no-repeat center; position: absolute; top: -15px; right: -15px;  cursor: pointer;}
.tccBox .BoxCon ul video{ max-width: 1000px;}


@media (max-width: 1920px) {
    
    .header{  top: 50px; }
    
    .global-menu .menuMain .picText{ width: 45%;}
    .global-menu .menuMain .picText .t{ font-size: 36px;}
    .global-menu .menuMain .nav ul li a{ font-size: 25px;}
    
    .ntitle{ padding-top: 220px; margin-bottom: 60px;}
    
    .popBox .boxCon{ padding:50px;}
    .popBox .boxCon .jobName{  font-size: 30px; margin-bottom: 40px;}
    .popBox .boxCon .messagelist ul li{ margin-bottom: 20px;}
    .popBox .boxCon .messagelist input{ height:44px;}
    .popBox .boxCon .messagelist textarea{ height:130px;}
    .popBox .boxCon .messagelist button { width: 370px; height: 50px; font-size: 16px;}
    .popBox .boxCon .off{ width: 36px; height: 36px; bottom: -50px; }
}

@media (max-width: 1700px) {
    .bannerNav .nav{ padding-top: 50px;}
    .bannerNav .nav ul li a{ font-size: 25px;}
    .bannerNav .nav ul li a dl{ font-size: 14px;}
    
    .global-menu .menuMain .nav ul li a dl{ font-size: 14px;}
    
    .title p{ font-size: 72px;}
    
    .ntitle .box{ background-size:auto 80%;}
    .ntitle ol h2{ font-size: 30px;}
    .ntitle ol p{ font-size: 72px}
    .ntitle .text .t{ font-size: 23px; margin-bottom: 20px;}
    .ntitle .text .c{ font-size: 16px;}
    
    .ntitle2{ margin-bottom: 65px;}
    
    .iabout .con .tit{ font-size: 26px;}
    
    .iproducts .box .t{ font-size: 30px;}
    .iproducts .box .item ul li ol { width: 220px; height: 220px;}
    .iproducts .box .item ul li ol i{ height:60px;}
    .iproducts .box .item ul li ol h3{ font-size: 15px;}
    
    .products .textIcon .con .t{ font-size: 26px;}
    
    .about .text .t{ font-size: 36px;}
    .about .text .t2{ font-size: 24px;}
    
    .contact .contactBox .tel .c{ font-size: 40px;}
    
    .popBox .boxCon .messagelist p{ font-size: 16px;}
    .popBox .boxCon .messagelist ul li { margin-bottom: 10px;}
    
    .popBox .boxCon .jobtext{ min-height:260px;}
    .popBox .boxCon .btn{ padding: 12px 25px;}
}

@media (max-width: 1550px) {
    body{ font-size: 16px;}
    
    .header .logo{ height:75px;}
    .bannerNav .nav ul li a{ font-size: 22px;}
    
    .global-menu .menuMain .nav ul li a { font-size: 22px;}
    
    .title h2{ font-size: 26px;}
    .title p{ font-size: 60px;}
    
    .ntitle{ padding-top: 200px;}
    .ntitle ol h2{ font-size: 26px;}
    .ntitle ol p { font-size: 60px; }
    
    .iworks .tit .t{ font-size: 16px;}
    .iworks .swiper .swiper-slide{ width:500px;}
    .iworks .swiper .swiper-slide dl{ border-radius:30px;}
    
    .inews .swiper .swiper-slide{ width:400px}
    .inews .swiper .swiper-slide h3{ font-size: 17px;}
    
    .products{ padding:0 0 50px;}
    .products .textIcon .icon ul li { margin-left: 30px;}
    .products .textIcon .icon ul li ol h3{ font-size: 16px;}
    .products .productBox{ padding-left: 60px;}
    .products .productBox .tit{ font-size: 20px; margin-bottom: 30px;}
    .products .productBox .tit::before{ width:60px; left:-80px;}
    .products .productBox .swiper-slide { width: 370px; }
    
    .works { padding:0 0 50px;}
    
    .about { padding: 0px 0 160px;}
    
    .newsView .newsHead{ margin-bottom: 70px;}
    .newsView .newsHead h1{ font-size: 30px;}
    .newsView .newsMore a { font-size: 16px; line-height: 50px; padding: 0 70px;}
    
    .recruit .daiyu ul li p{ font-size: 18px;}
    .recruit .job .box ul li ol dt{ font-size:inherit;}
    
    .footer .box .t{ font-size: 30px;}
}

@media (max-width: 1450px) {
    
    .ntitle2 h3{ font-size: 50px;}
    .ntitle2 p{ font-size: 30px;}
    
    .iproducts .box .t{ font-size: 25px;}
    
    .iworks .swiper .swiper-slide { width: 390px; }
    
    .products .textIcon .con .t{ font-size: 22px;}
    .products .productBox .swiper-slide dt{ font-size: 15px;}
    
    .about .text .t{ font-size: 30px;}
    .about .text .t2{ font-size: 22px;}
    .history ul li{ margin-bottom: 35px;}
    .aboutContact ul li dd { padding: 28px; font-size: 16px;}
    .aboutContact ul li ol{ font-size: 15px;}
    
    .news .box ul li a dd{ font-size: 15px;}
    .news .box ul li a h3{ font-size: 17px;}
    .news .box ul li a dt{ margin-top: 30px;}
}

@media (max-width: 1420px) {

}

@media (max-width: 1370px) {
    
    .header .logo { height: 65px;}
    
    .bannerNav .nav { padding-top: 70px;}
    .bannerNav .nav ul li { margin-bottom: 15px;}
    .bannerNav .nav ul li a { font-size: 19px;}
    
    .global-menu .menuMain .nav ul li a{ font-size: 19px;}
    .global-menu .menuMain .picText .t{ font-size: 30px;}
    .global-menu .fcontact{ padding: 45px 35px 30px 70px;}
    
    .ntitle .box { background-size: auto 60%;}
    .ntitle .text .t{ font-size: 18px;}
    .ntitle .text .c{ font-size: 15px;}
    
    .products .textIcon .icon ul li ol { width: 160px; height: 160px;}
    .products .textIcon .icon ul li ol i{ height:60px;}
    
    .products .productBox .swiper-slide{ width:330px;}
    
    .footer .box .t{ font-size: 26px;}
    
    .footer .box .logo{ height:85px;}
    .footer .fcontact{ padding: 45px 35px 30px 70px;}
    .footer .fcontact dl{ font-size: 20px;}
    
    .popBox .boxCon{ max-width:90%;}
}

@media (max-width: 1280px) {

}

@media (max-width: 1200px) {
    
    body{ font-size: 15px;}
    
    .bannerNav .nav ul li a{ font-size: 17px;}
    
    .title{ margin-bottom: 50px;}
    .title h2 { font-size: 20px;}
    .title p { font-size: 50px; }
    
    .ntitle{ margin-bottom: 30px; padding-top: 160px;}
    .ntitle ol h2{ font-size: 20px;}
    .ntitle ol p{ font-size: 50px;}
    
    .iabout { padding: 80px 0 0;}
    .iabout .pic { width: calc((100% - 1000px)/2 + 156px); border-top-left-radius: 42px;}
    
    .iproducts .box .item{ margin-bottom: 60px;}
    .iproducts .box .item ul li ol { width: 190px; height: 190px; }
    
    .iworks::after{ height: 360px; right: calc((100% - 820px)/2); background-size:auto 100px;}
    .iworks .tit .t{ font-size: 15px;}
    .iworks .swiper{ margin-bottom: 40px;}
    .iworks .swiper .swiper-slide { width: 300px; }
    
    .inews .swiper .swiper-slide { width: 320px; }
    .inews .swiper .swiper-slide dd{ font-size: 14px;}
    .inews .swiper .swiper-slide h3{ font-size: 15px;}
    .inews .swiper .swiper-slide dt{ font-size: 15px;}
    
    .products .textIcon .icon ul li { margin-left: 12px;}
    .products .textIcon .icon ul li ol { width: 130px; height: 130px;}
    .products .textIcon .icon ul li ol i { height: 45px;}
    .products .textIcon .icon ul li ol h3{ font-size: 14px;}
    
    .about .text .c{ font-size: inherit;}
    .aboutContact ul li { width: calc(50% - 15px);}
    .aboutContact ul li ol{ font-size: 14px;}
    
    .news { padding: 0px 0 100px;}
    .news .box ul li a h3{ font-size: 15px;}
    .news .box ul li a dt{ font-size: 15px;}
    
    .newsView .text{ font-size: inherit;}
    
    .recruit { padding-bottom: 120px;}
    .recruit .job .box ul{ margin:0 -15px;}
    .recruit .job .box ul li{ padding:0 15px;}
    .recruit .job .box ul li ol h3{ font-size: 17px;}
    
    .contact { padding: 20px 0 150px;}
    .contact .contactBox .tel { margin-bottom: 55px; }
    .contact .contactBox .tel img{ width:65px; height:65px; }
    .contact .contactBox .tel ol { margin-left: 25px;}
    .contact .contactBox .tel .t{ font-size: 21px;}
    .contact .contactBox .tel .c{ font-size: 32px;}
    .contact .messageBox .tit h3{ font-size: 40px;}
    .contact .messageBox .tit p{ font-size: 28px;}
    .contact .messageBox .btn { width: 160px; height: 44px; line-height: 44px; font-size: 15px;}
    
    .popBox .boxCon .jobName { font-size: 25px; margin-bottom: 30px;}
    .popBox .boxCon .jobitem { font-size: 17px; margin-bottom: 20px;}
    .popBox .boxCon .jobtext{ font-size: inherit;}
    .popBox .boxCon .messagelist input { height: 36px; font-size: 14px;}
    .popBox .boxCon .messagelist textarea{ height:100px; font-size: 14px;}
    .popBox .boxCon .messagelist button { width: 260px; height: 50px; font-size: 15px;}
    .popBox .boxCon .btn{ font-size: 16px;}
}

@media (max-width: 1150px) {
    .bannerNav .nav { padding-top: 100px;}
}


@media screen and (max-width:1000px){
    body{ font-size: 14px; }
    .wrap{ padding: 0 15px;}
    .w1360{ padding: 0 15px;}

    .header{ width: 100%; height: 60px;  display: block; margin-bottom: 0; position: fixed; left: 0; top: 15px; z-index: 99999;}
    .header .logo { height: 38px; }
    .header .lang{ margin-right: 10px;}
    .header .langNavBtn .menu p { padding: 18px; border-radius: 30px; font-size: 0;}
    .header .langNavBtn .menu span:nth-child(1) { left: 9px; top: 12px;}
    .header .langNavBtn .menu span:nth-child(2) { left: 9px; top: 17px;}
    .header .langNavBtn .menu span:nth-child(3) { left: 9px; top: 23px;}
    .menu-visible .langNavBtn .menu span:nth-child(1) { left: 9px; top: 17px; transform: rotate(45deg);}
    .menu-visible .langNavBtn .menu span:nth-child(3) { left: 9px; top: 17px; transform: rotate(-45deg);}

    .global-menu .menuMain { padding-top: 130px;}
    .global-menu .menuMain .nav { padding-left: 30px; }
    .global-menu .menuMain .nav ul li a { font-size: 15px;}
    .global-menu .menuMain .nav ul li a dl { font-size: 12px;}
    .global-menu .menuMain .picText { width: 61%;}
    .global-menu .menuMain .picText .t{ font-size: 18px; margin-bottom: 20px;}
    .global-menu .menuMain .picText .text { padding: 15px;}
    .global-menu .menuMain .picText .c{ font-size: 12px;}
    .global-menu .fcontact { padding: 20px 20px 20px 30px; border-top-left-radius: 50px;}
    .global-menu .fcontact dt { font-size: 12px; margin-bottom: 8px;}
    .global-menu .fcontact dt img{ width:12px;}
    .global-menu .fcontact dl { font-size: 15px; text-align:right;}

    .bannerNav .nav{ display:none;}
    
    .banner{ width:100%; border-bottom-right-radius: 45px;}
    
    .title { margin-bottom: 30px;}
    .title h2 { font-size: 14px;}
    .title p { font-size: 36px;}
    
    .ntitle { margin-bottom: 15px; padding-top: 80px;}
    .ntitle .box{ background-position:center right 10px; background-size: auto 40%;}
    .ntitle ol { text-align: right;}
    .ntitle ol h2 { font-size: 14px;}
    .ntitle ol h2::before{ width: 30px; left: -45px;}
    .ntitle ol p { font-size: 36px;}
    .ntitle .text{ display:none;}
    .ntitle .text .t{ font-size: 13px;}
    .ntitle .text .c{ font-size: 12px;}
    
    .ntitle2 { margin-bottom: 40px;}
    .ntitle2 h3 { font-size: 40px;}
    .ntitle2 p { font-size: 20px;}
    
    .neiBanner::after{ height:30px; border-top-right-radius: 30px;}
    
    .more{ justify-content:center;}
    .more a { font-size: 12px; line-height: 38px; padding: 0 20px;}
    
    .main{ border-bottom-left-radius: 30px;}
    
    .iabout { padding: 55px 0 0;}
    .iabout .w1200{ padding:0;}
    .iabout .con{ padding:0;}
    .iabout .con .tit { font-size: 18px; margin-bottom: 20px;}
    .iabout .con .text{ font-size:inherit; margin-bottom: 40px;}
    
    .iproducts { padding: 65px 0;}
    .iproducts .box .t{ font-size: 16px;}
    .iproducts{ background-size:auto 200px;}
    .iproducts .box .c{ margin-bottom: 40px;}
    .iproducts .box .item { margin-bottom: 35px;}
    .iproducts .box .item ul li { padding: 0 4px;}
    .iproducts .box .item ul li ol { width: 110px; height: 110px;}
    .iproducts .box .item ul li ol i { height: 40px;}
    .iproducts .box .item ul li ol h3{ font-size: 13px; margin-top: 5px;}
    
    .iworks{ padding-top: 55px; overflow: hidden;}
    .iworks .tit{ display:block; margin-bottom: 30px;}
    .iworks .tit .t{ padding:0; margin-top: 10px; line-height: 1.6;}
    .iworks::after{ right:50px;}
    .iworks .swiper .swiper-slide { width: 200px;}
    .iworks .swiper .swiper-slide dl { border-radius: 10px; }
    .iworks .swiper .swiper-slide h3{ padding:0; text-align: left; margin-top: 10px; font-size: 15px;}
    
    .inews { padding: 70px 0; overflow:hidden;}
    .inews .box { margin-bottom: 40px;}
    .inews .swiper .swiper-slide { width: 220px; padding: 18px;}
    .inews .swiper .swiper-slide h3{ height:40px; line-height: 20px;}
    .inews .swiper .swiper-slide dt{ margin-top: 20px;}
    
    .products{ overflow:hidden; padding: 0 0 10px;}
    .products .pic { border-top-left-radius: 20px; border-top-right-radius: 20px;}
    .products .textIcon { padding: 30px 0 50px; display:block;}
    .products .textIcon .con{ width:100%; margin-bottom: 20px;}
    .products .textIcon .con .t { font-size: 16px; margin-bottom: 20px; text-align:center;}
    .products .textIcon .con .c{ line-height: 1.6;}
    .products .textIcon .icon{ width:100%}
    .products .textIcon .icon ul{ justify-content:center;}
    .products .textIcon .icon ul li{ margin:0 6px;}
    .products .textIcon .icon ul li ol { width: 108px; height: 108px;}
    .products .textIcon .icon ul li ol i{ height:30px;}
    .products .textIcon .icon ul li ol h3{ margin-top: 4px;}
    
    .products .productBox { padding-left: 0; margin-bottom: 65px;}
    .products .productBox .tit { font-size: 18px; margin-bottom: 20px;}
    .products .productBox .box { margin-bottom: 35px;}
    .products .productBox .swiper-slide { width: 200px;}
    .products .productBox .swiper-slide h3{ font-size: 15px; margin-top: 12px;}
    .products .productBox .swiper-slide dt { font-size: 12px;}
    
    .works .worksNav{ margin-bottom: 45px;}
    .works .worksNav ul{ flex-wrap:wrap;}
    .works .worksNav ul li { margin-right: 7px; margin-bottom: 5px;}
    .works .worksNav ul li a{ line-height: 36px !important; padding: 0 20px;}
    
    .works .box .item { margin-bottom: 20px;}
    .works .box .item .tit{ font-size: 18px; margin-bottom: 25px;}
    .works .box .item .tit::before{ display:none;}
    .works .box .item ul{ margin:0 -6px;}
    .works .box .item ul li{ width:50%; padding: 0 6px;margin-bottom: 20px; }
    .works .box .item ul li h3{ font-size: 15px; margin-top: 7px;}
    
    .about { padding: 0px 0 80px;}
    .about .pic { border-top-left-radius: 20px; border-top-right-radius: 20px;}
    .about .text { padding: 50px 0 70px;}
    .about .text .t{ font-size: 20px;}
    .about .text .t2 { font-size: 16px;}
    
    .history { padding-left: 15px;}
    
    .aboutContact{}
    .aboutContact ul{ display:block;}
    .aboutContact ul li{ width:100%; margin-bottom: 15px;}
    .aboutContact ul li dd { width:125px; padding:38px 15px; font-size: 15px;}
    .aboutContact ul li ol{ width:calc(100% - 125px); padding:15px; font-size: 13px;}
    
    .news { padding: 20px 0 80px;}
    .news .newsNav { margin-bottom: 35px;}
    .news .newsNav ul li { margin-right: 10px;}
    .news .newsNav ul li a{ padding: 0 30px 0 15px; line-height: 40px; background-position: right 12px center !important;}
    .news .box ul li{ width:100%; margin-bottom: 15px;}
    .news .box ul li a { padding: 25px;}
    .news .box ul li a h3{ height:40px; line-height: 20px;}
    .news .box ul li a dt{ margin-top: 20px;}
    
    .newsView { padding: 130px 0 100px;}
    .newsView .newsHead{ margin-bottom: 50px;}
    .newsView .newsHead dd{ font-size: 16px;}
    .newsView .newsHead h1{ font-size: 20px;}
    .newsView .newsHead p{ font-size: 14px;}
    .newsView .text{ line-height: 1.8; margin-bottom: 55px;}
    .newsView .newsMore a { font-size: 14px; line-height: 40px; padding: 0 35px;}
    
    .recruit .daiyu { padding-top: 20px; margin-bottom: 25px;}
    .recruit .daiyu ul{ flex-wrap:wrap; justify-content:center;}
    .recruit .daiyu ul li{ width:33.33%; min-width: inherit; margin-bottom: 25px;}
    .recruit .daiyu ul li i{ height:40px; display:block;}
    .recruit .daiyu ul li p{ font-size: 15px; margin-top: 15px;}
    .recruit .job .tit { width: 130px; padding: 0 40px 0 30px; line-height: 40px; margin: 0 auto 40px;}
    .recruit .job .box ul{ margin:0 auto;}
    .recruit .job .box ul li{ width:100%; padding:0; margin-bottom: 16px;}
    .recruit .job .box ul li ol{ padding: 25px; }
    .recruit .job .box ul li ol dd{ font-size: 15px;}
    .recruit .job .box ul li ol h3{ font-size: 13px;}
    .recruit .job .box ul li ol .btn{ height:42px;}
    .recruit .job .box ul li ol .btn img{ height:16px;}
    .recruit .job .box ul li ol .btn span{ border-bottom: #004898 solid 1px;}
    
    .contact .contactBox { padding: 50px 30px; margin-bottom: 40px;}
    .contact .contactBox .tel { margin-bottom: 30px;}
    .contact .contactBox .tel img { width: 42px; height: 42px;}
    .contact .contactBox .tel .t{ font-size: 16px;}
    .contact .contactBox .tel .c{ font-size: 20px;}
    .contact .contactBox .box ul{ flex-wrap:wrap;}
    .contact .contactBox .box ul li{ margin-bottom: 15px;}
    .contact .contactBox .box ul li:nth-child(1){ width:100%;}
    .contact .contactBox .box ul li:nth-child(1) dl { font-size: 18px;}
    .contact .contactBox .box ul li dl{ font-size: 15px;}
    
    .contact .messageBox .tit { margin-bottom: 28px;}
    .contact .messageBox .tit h3{ font-size: 26px;}
    .contact .messageBox .tit p { font-size: 22px; margin-top: -12px;}
    .contact .messageBox .btn { width: 120px; height: 38px; line-height: 38px; font-size: 14px;}
    
    .footer .box{}
    .footer .box .wrap{ display:block;}
    .footer .box .logo{ height:60px; margin-bottom: 25px;}
    .footer .box .con { padding-left: 0; margin-left: 0; border-left: none;}
    .footer .box .t{ font-size: 18px;}
    .footer .box .c{ font-size: 13px;}
    .footer .fcontact { padding: 20px 20px 20px 30px; border-top-left-radius: 50px;}
    .footer .fcontact dt { font-size: 12px; margin-bottom: 8px;}
    .footer .fcontact dt img{ width:12px;}
    .footer .fcontact dl { font-size: 15px; text-align:right;}
    .footer .gotop { width: 36px; height: 36px; right: 20px; bottom: 280px; background-size:14px;}
    
    .popBox .boxCon{ padding:35px 25px; }
    .popBox .boxCon .jobName{ font-size: 20px; margin-bottom: 18px;}
    .popBox .boxCon .jobitem{ margin-bottom: 10px;}
    .popBox .boxCon .jobitem ul li{ width:100%; font-size: 16px; margin-bottom: 15px;}
    .popBox .boxCon .jobitem ul li:nth-child(2){ text-align: left;}
    .popBox .boxCon .jobtext{ line-height: 1.6; padding-bottom: 26px;}
    .popBox .boxCon .messagelist ul{ margin:0;}
    .popBox .boxCon .messagelist ul li{ width:100%; padding:0;}
    .popBox .boxCon .messagelist input{ height: 30px; font-size: 13px;}
    .popBox .boxCon .messagelist textarea { height: 90px; font-size: 13px;}
    .popBox .boxCon .messagelist p{ font-size: 14px; margin-bottom: 5px;}
    .popBox .boxCon .messagelist button { width: 140px; height: 40px; font-size: 14px; margin-top: 15px;}
    .popBox .boxCon .btn{ font-size: 14px; padding: 10px 15px;}
    .popBox .boxCon .btn img{ height:15px; }
    .popBox .boxCon .off { width: 24px; height: 24px; bottom: -40px;}

    /*===/分页=============================*/
    .fenye { text-align: center; font-size: 14px; width: 100%; padding-top: 20px;}
    .fenye .prev, .fenye .next { width: 34px; height: 34px; line-height: 32px; margin-right: 3px; font-size: 16px; }
    .fenye a { width: 34px; height: 34px; line-height: 32px; margin-right:3px;}
    .fenye a:hover {color: #fff; }
    .fenye a.current { color: #fff;  margin-right: 3px;}
  
    .tccBox .BoxCon{ width: 94%;}
    .tccBox .BoxCon .off{ width: 18px; height: 18px; right: 18px;}
    .tccBox .BoxCon ul video{ width: 100%;}
    .search-dialog{ width: 95%;}
}