/* CSS Document */
@charset "utf-8";

@font-face {
    font-family: 'Akira-Expanded-Demo';
    src: url('../fonts/Akira-Expanded-Demo.woff');
}

@font-face {
    font-family: 'KarasumaGothic-Regular';
    src: url('../fonts/KarasumaGothic-Regular.woff');
}

*{margin:0; padding:0; font-family: "KarasumaGothic-Regular" }
a { color: #000; text-decoration: none; }
a:hover { text-decoration: none; }
p { text-align: justify; margin-bottom: 0; }
ul, ol { list-style-type: none; margin-bottom: 0; }
img { border: 0; max-width: 100%; }
.clear { clear: both; }
html { overflow-x: hidden; font-size: 62.5%;}
body { overflow: hidden; height:100%; position: relative; font-size: 1em; }
html.on { overflow: hidden !important; height: 100% !important; }
.h60 { height: 60px; clear: both; }
.h120 { height: 120px; clear: both; background: #eee; }
input, buttom, textarea { -webkit-appearance: none; outline: none; }
input[type=radio], input[type=checkbox] { border: none !important; }
select { outline: none }
.fl { float: left; }
.fr { float: right; }
*:focus{ border:none; outline:none;box-shadow: none;}

/***************侧导航************/
#fp-nav ul li, .fp-slidesNav ul li{ margin:16px 6px; width:14px; height:14px;}
#fp-nav ul li a span, .fp-slidesNav ul li a span{ border:2px solid #2c94ed;     width: 10px;  height: 10px; top:0; left:0;}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span{ background:#2c94ed; margin:0;}
#fp-nav ul li:last-child{ display: none;}
#BROCOO{ z-index: 0;}

.box-two{ background: url(../images/box-two-bg.jpg) no-repeat center; background-size: cover;}
.box-three{ overflow: hidden;}
.box-three .text{ float: left; width: 50%; height: 100%; background: url(../images/box-three-bg1.jpg) no-repeat center;}
.box-three .img{ float: right; width: 50%; height: 100%;}
.box-four{ background: url(../images/box-four-bg.jpg) no-repeat center; background-size: cover;}
.box-five{ background: url(../images/box-five-bg.jpg) no-repeat center; background-size: cover;}
.box-six{ background: url(../images/box-six-bg.jpg) no-repeat center; background-size: cover;}
.box-seven{ background: url(../images/footer-bg.jpg) no-repeat center; background-size: cover; height: 480px !important;}
.box-seven .fp-tableCell { display: block !important; height: 350px !important;}

.header{ position: fixed; width: 100%; height: 50px; line-height: 50px; background: rgba(0,0,0,.2); z-index: 99999; top: 0; transition: all .3s linear 0s;}
.header .logo{ float: left; padding: 0;}
.header .logo img{ height: 50px;}
.header .logo .logo2{ display: none;}
.header .pc-nav{ float: right; position: relative; z-index: 1; padding-right: 3%;}
.header .pc-nav li{ float: left; width: 16.66666667%; position: relative;}
.header .pc-nav li > a{ font-size: 1.6em; color: #fff; display: inline-block; width: 100%; text-align: center;}
.header .pc-nav li.on > a, .header .pc-nav li:hover > a{ color: #2c94ed;}
.header .pc-nav li dl{ position: absolute; top: 50px; left: 50%; transform: translateX(-50%); width: 240%; background: #fff; overflow: hidden; border-top: 1px solid #d2d2d2; box-shadow: 0 2px 4px rgba(0,0,0,.15); display: none; border-radius: 0 0 6px 6px;}
/* .header .pc-nav li:hover dl{ display: block;} */
.header .pc-nav li dl dd{ width: 100%; position: relative; height: 50px; line-height: 50px; border-bottom: 1px dashed #ccc;}
.header .pc-nav li dl dd a{ display: inline-block; font-size: 1.4em; color: #333; text-align: center; width: 100%;}
.header .pc-nav li dl dd:hover a{ color: #fff; background: #336ebe;}
/* .header .pc-nav li .nav-box .nav-box-list dd i{ display: inline-block; width: 50px; height: 2px; background: #333; top: 0; left: 0; position: absolute;} 
.header .pc-nav li .nav-box .nav-box-list dd:hover i{ background: #d20000;}
.header .pc-nav li .nav-box .nav-box-text{ width: 53.8%; float: right;}
.header .pc-nav li .nav-box .nav-box-text .text{ font-size: 1.4em; color: #666; line-height: 24px; float: left; padding: 0 30px; border-left: 1px solid #d2d2d2; width: 57%; text-align: justify;}
.header .pc-nav li .nav-box .nav-box-text .img{ float: right; width: 43%;}*/

.header.on, .header:hover, .header.onn{ background: #fff; box-shadow: 0 2px 4px rgba(0,0,0,.15);}
.header.on .logo img, .header:hover .logo img, .header.onn .logo img{ display: none;}
.header.on .logo .logo2, .header:hover .logo .logo2, .header.onn .logo .logo2{ display: inline-block;}
.header.on .pc-nav li > a, .header:hover .pc-nav li > a, .header.onn .pc-nav li > a{ color: #333;}
.header.on .pc-nav li.on > a, .header.on .pc-nav li:hover > a, .header:hover .pc-nav li.on > a, .header:hover .pc-nav li:hover > a, .header.onn .pc-nav li.on > a, .header.onn .pc-nav li:hover > a{ color: #2c94ed;}

.header .pc-search{ float:right; width:48px; height:20px; background:url(../images/search-icon1.png) no-repeat center right; border-left:1px solid #fff; position:relative; margin: 15px 0 0 10px; z-index: 2;}
.header .pc-search .box{ position:absolute; top:100%; right:-25px; width:300px; display:none; padding-top:15px;}
/* .header .pc-search:hover .box{ display:block;} */
.header .pc-search .box div{ position:absolute; height:40px;  background:#fff; width:300px; border-radius:6px; border:1px solid #ccc; box-shadow:0 3px 5px rgba(0,0,0,.15);}
.header .pc-search .box i{ display:inline-block; width:22px; height:10px; background:url(../images/search-icon3.png) no-repeat center; top: -8px; position: absolute; right: 21px;    background-size: 12px;}
.header .pc-search .box input[type="text"]{ padding:0 15px; width:260px; float:left; height: 40px; border: none; border-radius: 8px; font-size: 1.4em;}
.header .pc-search .box input[type="submit"]{ float:left; border-radius:8px; background:url(../images/search-icon2.png) no-repeat center; width: 38px; height: 40px; border: none; cursor:pointer;}

.pc-search-box{ height: 45px; line-height: 45px; background: #020202; position: fixed; top: -335px; left: 0 ; width: 100%; z-index: 99;}
.pc-search-box .container{ width: 680px; transform: translateX(20%); opacity: 0; transition: all .5s ease; position: relative;}
.pc-search-box .container.on{ transform: translateX(0); opacity: 1; transition-delay: .5s;}
.pc-search-box .icon{ width: 45px; height: 45px; color: #777; font-size: 2em; position: relative; float: left;}
.pc-search-box .icon i{ position: absolute; top: 50%; left: 50%; transform: rotate(-45deg) translate(25%,-50%); pointer-events: none; }
.pc-search-box .icon input{ width: 100%; height: 100%; border: none; background: transparent;}
.pc-search-box .input{ width: 590px; float: left; height: 45px;}
.pc-search-box .input input{ width: 100%; height: 100%; border: none; background: transparent; font-size: 1.6em; color: #fff;}
.pc-search-box .search-close{ position: relative; width: 45px; height: 45px; float: left;}
.pc-search-box .search-close span{ height: 18px; width: 1px; background: #86868b; position: absolute; display: block; border-radius: 0.5px; top: 11px; z-index: 1;}
.pc-search-box .search-close .line-left{ right: 15px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0 100%; transform-origin: 0 100%;}
.pc-search-box .search-close .line-right{ left: 16px; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%;}
.pc-search-box .search-xl{ position: absolute; top: 100%; background: #fff; padding: 10px 10px 20px; width: 100%; border-radius: 0 0 20px 20px; overflow: hidden;}
.pc-search-box .search-xl dl{ margin-bottom: 0;}
.pc-search-box .search-xl dt{ height: 50px; line-height: 50px; font-size: 1.4em; color: #999; text-indent: 40px; }
.pc-search-box .search-xl dd{ height: 35px; line-height: 35px; width: 100%;}
.pc-search-box .search-xl dd a{ font-size: 1.4em; color: #666; display: inline-block; width: 100%; height: 100%; text-indent: 60px;}
.pc-search-box .search-xl dd:hover a{ background: #f9f9f9; color: #2c94ed;}

.header.on .pc-search, .header:hover .pc-search, .header.onn .pc-search{ background:url(../images/search-icon2.png) no-repeat center right; border-left: 1px solid #333;}

.header .search{ padding:0 15px; text-align:right;}
.header .search img{ height:24px; margin-top:-4px;}
.header .search-box{ position: absolute; top: 100%;  width: 100%; left: 0; background: #fff; padding: 10px 20px; border-top: 1px solid #2c94ed; box-shadow: 0 5px 5px rgba(0,0,0,.5); display:none;}
.header .search-box input[type="text"]{ float:left; width:80%; height:40px; border:none; font-size:1.4em; color:#333; padding:0 10px; line-height:40px;}
.header .search-box input[type="submit"]{ float:left; width:20%; height:40px; border:none; font-size:1.4em; background:#2c94ed; color:#fff; line-height:40px;}

.header .nav-btn { height: 100px; line-height: 100px; position:relative; z-index:999; float:right; padding:0;}
.header .nav-btn .nav-icon { width: 26px; height: 24px; overflow: hidden; position: relative; top: 50%; float: right; transform:translateY(-50%); z-index: 9; }
.header .nav-btn .nav-icon span { display: inline-block; width: 26px; height: 2px; background: #2c94ed; border-radius: 6px; position: absolute; left: 0; transition: all 0.3s linear 0s;}
.header .nav-btn .nav-icon span:nth-child(1) { top: 0; }
.header .nav-btn .nav-icon span:nth-child(2) { width: 16px; top: 10px; }
.header .nav-btn .nav-icon span:nth-child(3) { top: 20px }
.header .nav-active .nav-icon span:nth-child(2) { width: 26px; }
.header .nav-active .nav-icon span { background: #fff !important; }

.nav { position: fixed; width: 80%; height: 100%; top: 0; right: -80%; background: #fff; transition: all 0.2s linear 0s; z-index:99;}
.nav.on { right: 0; }
.nav .nav-top { background: #2c94ed; font-size: 1.6em; color: #fff; padding: 0 20px; text-align:left;}
.nav ul{ overflow-x:hidden; height: 91%;}
.nav li { width: 100%; line-height: 50px; border-bottom: 1px solid #ccc; }
.nav li>a { display: inline-block; width: 100%; height: 100%; text-align: left; font-size: 1.6em; color: #333;     text-indent: 30px;}
.nav li dl { margin-bottom: 0; display: none; background: #f2f2f2; }
.nav li dd { border-bottom: 1px dashed #ccc; }
.nav li dd:last-child { border-bottom: none; }
.nav li dd a { display: inline-block; width: 100%; line-height: 40px; text-align: left; font-size: 1.4em; color: #333; text-indent: 40px;}
.nav-bg{ position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,.35); left: 0; top: 0; display:none;}
.nav-bg.on{ z-index: 8;}

.banner{ height:100%; width:100%; }
.banner .swiper-container{ height:100%; width:100%;}
.banner .swiper-slide{ height:100%; width:100%; }
.banner .swiper-slide a{ display:inline-block; width:100%; height:100%; display:table;}

.banner .swiper-pagination{ bottom:70px;}
.banner .swiper-pagination-bullet{ width:60px; height:10px; background:#fff; border-radius:10px; margin:0 15px !important; opacity:.5;}
.banner .swiper-pagination-bullet-active{ background:#336ebe;}

.index-title{ text-align: center; color: #333;}
.index-title .cn{ font-size: 3em; font-weight: bold;}
.index-title .en{ font-size: 2.8em; font-family: 'Akira-Expanded-Demo'; text-transform: uppercase;}

.box-two .index-title{ margin-top: 9%;}
.box-two .hd{ text-align: center; margin-top: 2%;}
.box-two .hd ul{ display: inline-block;}
.box-two .hd li{ float: left; padding: 0 12px; text-align: center;}
.box-two .hd li a{ display: inline-block; padding: 0 22px;}
.box-two .hd li .icon{ height: 45px; line-height: 45px;}
.box-two .hd li .title{ font-size: 1.4em; color: #333; margin-top: 10px;}
.box-two .hd li.on .title{ color: #d70926;}
.box-two .bd{ margin-top: 3%; height: 490px;}
.box-two .bd ul{ margin: 0 -13px;}
.box-two .bd li{ width: 33.33333%; height: 220px; padding: 0 13px; float: left;}
.box-two .bd li a{ display: inline-block; overflow: hidden; background: #f1f1f1; border-radius: 10px; padding: 30px 20px; width: 100%;}
.box-two .bd li .text{ float: left; width: 48%; padding-right: 15px;}
.box-two .bd li .text .t{ font-size: 1.8em; color: #333; font-weight: bold; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.box-two .bd li .text .p{ overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3; font-size: 1.4em; color: #666; line-height: 20px; margin-top: 22px; height: 60px;}
.box-two .bd li .text .btns{ margin-top: 22px;}
.box-two .bd li .text .btns span{ display: inline-block; width: 100px; height: 30px; line-height: 30px; border-radius: 30px; background: #fff; font-size: 1.4em; color: #666; text-align: center;}
.box-two .bd li .img{ float: right; width: 52%;}
.box-two .bd li:hover a{ background-image: linear-gradient(#2b93ec, #336dbe); box-shadow: 5px 5px 10px rgba(59,59,59,.5);}
.box-two .bd li:hover .img{ display: none;}
.box-two .bd li:hover .text{ width: 100%; padding-right: 0;}
.box-two .bd li:hover .text .t{ text-align: center; color: #fff;}
.box-two .bd li:hover .text .p{ color: #fff;}
.box-two .bd li:hover .text .btns{ text-align: center;}

.box-three{ position: relative;}
.box-three .text-box{ position: absolute; width: 100%; top: 50%; transform: translateY(-40%);}
.box-three .text-box .k{ width: 50%; padding-right: 60px;}
.box-three .text-box .index-title{ text-align: left;}
.box-three .text-box .title{ font-size: 2.4em; font-weight: bold; color: #333; margin-top: 10%; position: relative; padding-bottom: 28px;}
.box-three .text-box .title i{ position: absolute; width: 100px; height: 4px; background: #d20000; bottom: 0; left: 0;}
.box-three .text-box .box{ font-size: 1.4em; line-height: 24px; color: #666; margin-top: 7%;}
.box-three .text-box .box p{ text-indent: 2em; text-transform: uppercase;}
.box-three .text-box .btns{ margin-top: 7%;}
.box-three .text-box .btns a{ display: inline-block; width: 100px; height: 30px; background: #d20000; color: #fff; font-size: 1.4em; text-align: center; line-height: 30px; border-radius: 30px;}
.box-three .text-box .btns a:hover{ background: #336ebe;}

.box-four .index-title{ margin-top: 9%;}
.box-four .box{ margin: 60px -7.5px 0;}
.box-four .box li{ padding: 0 7.5px; float: left; width: 17.7333333%; height: 500px; position: relative; transition: all .2s linear 0s;}
.box-four .box li.on{ width: 46.8%; }
.box-four .box li .img{ position: relative; width: 100%; height: 100%; z-index: 0; overflow: hidden; background: #333;}
.box-four .box li .img img{ position: absolute; height: 100%; left: 0; max-width: none; z-index: 0; opacity: .2;}
.box-four .box li.on .img{ box-shadow: 3px 3px 8px rgba(0,0,0,.35);}
.box-four .box li.on .img img{ opacity: .6;}
.box-four .box li .text{ position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.box-four .box li .text .title{ font-size: 3em; color: #fff; position: absolute; top: 110px; left: 50%; transform: translateX(-50%); width: 54px; text-align: center; }
.box-four .box li .text .title i{ display: inline-block; width: 54px; height: 54px;  line-height: 54px; margin-bottom: 20px;}
.box-four .box li .text .p{ display: none; font-size: 1.4em; color: #fff; padding: 30px 0; border-top: 1px solid rgba(255,255,255,.5); border-bottom: 1px solid rgba(255,255,255,.5);}
.box-four .box li .text .p dt{ line-height: 28px; margin-bottom: 5px;}
.box-four .box li .text .p dd{ overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5; line-height: 28px;}
.box-four .box li .text .btns{ margin-top: 40px; text-align: center; display: none;}
.box-four .box li .text .btns a{ display: inline-block; width: 100px; height: 30px; background: #fff; color: #333; font-size: 1.4em; text-align: center; line-height: 30px; border-radius: 30px;}
.box-four .box li .text .btns a:hover{ background: #336ebe; color: #fff;}
.box-four .box li.on .text{ padding: 0 65px;}
.box-four .box li.on .text .p{ display: block;}
.box-four .box li.on .text .title{ font-size: 3.4em; position: relative; width: 100%; text-align: center; transform: translateX(0); top: 0; left: 0; letter-spacing: 5px; padding: 35px 0;}
.box-four .box li.on .text .title i{ display: inline-block; width: 54px; height: 54px;  line-height: 54px; margin-bottom: 0; margin-right: 10px;}
.box-four .box li.on .text .btns{ display: block;}

.box-five .index-title{ color: #fff; margin-top: 9%;}
.box-five .box{ overflow: hidden; margin-top: 60px;}
.box-five .hot-news{ width: 50%; float: left; padding-right: 20px;}
.box-five .hot-news .img{ position: relative; overflow: hidden; max-height:290px }
.box-five .hot-news .img img{ position: relative; z-index: 0; transition: all .3s linear 0s;}
.box-five .hot-news:hover .img img{ transform: scale(1.1,1.1);}
.box-five .hot-news .img .date{ text-align: center; color: #fff; background: #d70926; padding:5px 15px 10px; position: absolute; top: 0; left: 0;}
.box-five .hot-news .img .date span{ font-size: 3em;}
.box-five .hot-news .img .date p{ text-align: center; font-size: 1.4em;}
.box-five .hot-news .text{ margin-top: 20px;}
.box-five .hot-news .text .t{ font-size: 1.8em; font-weight: bold; color: #fff; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1; text-transform: uppercase;}
.box-five .hot-news .text .t:hover{ text-decoration: underline;}
.box-five .hot-news .text .p{ font-size: 1.4em; line-height: 24px; color: #fff; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3; margin-top: 10px;}
.box-five .hot-news .text .btns{ margin-top: 30px; text-align: left;}
.box-five .hot-news .text .btns a{ display: inline-block; width: 100px; height: 30px; background: #fff; color: #336ebe; font-size: 1.4em; text-align: center; line-height: 30px; border-radius: 30px;}
.box-five .hot-news .text .btns a:hover{ background: #336ebe; color: #fff;}
.box-five .list{ width: 50%; float: left; padding-left: 20px;}
.box-five .list li{ overflow: hidden; padding-bottom: 22px; border-bottom: 1px solid #d2d2d2;}
.box-five .list li .date{ float: left; width: 15%; background: #eee; color: #666; text-align: center; padding: 5px 0 10px;}
.box-five .list li .date span{ font-size: 3em;}
.box-five .list li .date p{ font-size: 1.4em; text-align: center;}
.box-five .list li .text{ width: 85%; float: left; padding-left: 20px;}
.box-five .list li .text .t{ font-size: 1.8em; color: #fff;font-weight: bold; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1; text-transform: uppercase;
}
.box-five .list li .text .p{ font-size: 1.4em; color: #fff; line-height: 24px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; margin-top: 4px;}
.box-five .list li:hover .date{ background: #d70926; color: #fff;}
.box-five .list li+li{ padding-top: 22px;}

.box-six .index-title{ margin-top: 10%;}
.box-six .hd{ text-align: center; margin-top: 1%;}
.box-six .hd ul{ display: inline-block;}
.box-six .hd li{ float: left; padding: 0 12px; text-align: center;}
.box-six .hd li a{ display: inline-block; padding: 0 40px 5px; border-radius: 8px; background: #eee;}
.box-six .hd li .icon{ height: 45px; line-height: 45px;}
.box-six .hd li .icon .img2{ display: none;}
.box-six .hd li .title{ font-size: 1.4em; color: #333;}
.box-six .hd li.on a{ background-image: linear-gradient(#2b93ec, #336dbe);}
.box-six .hd li.on .icon img{ display: none;}
.box-six .hd li.on .icon .img2{ display: inline-block;}
.box-six .hd li.on .title{ color: #fff;}
.box-six .list{ margin-top: 2%; }
.box-six .list ul{ margin: 0 -15px;}
.box-six .list li{ width: 25%; float: left; text-align: center; padding: 0 15px; margin-bottom: 20px; }
.box-six .list li a{ display: inline-block; width: 100%; height: 100%; background: #000;}
.box-six .list li.on img{ opacity: .5;}
.box-six .list li img{ transition: all .3s linear 0s; width:100% }
.box-six .list li:hover img{ transform: scale(1.1,1.1); box-shadow: 5px 5px 10px rgba(66,66,66,.3);}
.box-six .list li p{ text-align: center; font-size: 1.6em; color: #333; margin-top: 10px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}

.footer{ padding: 45px 0 24px; overflow: hidden; background: url(../images/footer-bg.jpg) no-repeat center; background-size: cover;}
.footer .foot-contact{ width: 50%; float: left;}
.footer .foot-contact dl{ overflow: hidden; margin-bottom: 0;}
.footer .foot-contact dt{ font-size: 2.4em; font-weight: bold; color: #fff; letter-spacing: 2px; line-height: 50px; margin-bottom: 35px;}
.footer .foot-contact dd{ position: relative; color: #fff; float: left; width: 60%; padding-left: 60px; letter-spacing: .8px; margin-bottom: 60px;}
.footer .foot-contact dd:nth-child(2n){ width: 40%;}
.footer .foot-contact dd span{ font-size: 1.8em; font-weight: bold;}
.footer .foot-contact dd p{ font-size: 1.4em;}
.footer .foot-contact dd.icon1{ background: url(../images/foot-icon1.png) no-repeat center left;}
.footer .foot-contact dd.icon2{ background: url(../images/foot-icon2.png) no-repeat center left;}
.footer .foot-contact dd.icon3{ background: url(../images/foot-icon3.png) no-repeat center left;}
.footer .foot-contact dd.icon4{ background: url(../images/foot-icon4.png) no-repeat center left;}
.footer a{ color: #fff;}

.foot-message{ width: 50%; float: right; padding-left: 22px;}
.foot-message dt{ font-size: 1.8em; font-weight: bold; color: #fff; padding-bottom: 6px;}
.foot-message dd{ margin-top: 20px;}
.foot-message dd input[type="text"]{ border: none; width: 100%; height: 45px; background: #fff; font-size: 1.4em; padding: 0 20px;}
.foot-message dd textarea{ width: 100%; height: 100px; padding: 10px 20px; font-size: 1.4em; border: none;}
.foot-message dd input[type="submit"]{ width: 48%; height: 45px; background-image: linear-gradient(#2b93ec, #336dbe); border: none; color: #fff; font-size: 1.8em; float: left; margin-right: 4%;}
.foot-message dd input[type="reset"]{ width: 48%; height: 45px; border: none; color: #333; font-size: 1.8em; background: #d2d2d2; }

.foot-copy{ background: rgba(1,17,60,.8); color: #fff; padding: 10px 0; font-size: 1.4em; color: #fff;}
.foot-copy a{ color: #fff;}

.page-banner{ position: relative; height: 50px; overflow: hidden; margin-top: 50px;}
.page-banner img{ position: absolute; height: 100%; left: 50%; transform: translateX(-50%); max-width: none;}
.page-banner .mbx{ width: 100%; height: 50px; line-height: 50px; position: absolute; bottom: 0; left: 0;}
.page-banner .mbx .box{ float: right; font-size: 1.4em; color: #fff;}
.page-banner .mbx .box i{ color: #d20000; font-size: 1.2em; position: absolute; top: 50%; transform: translateY(-50%); left: -25px;}
.page-banner .mbx .box span, .page-banner .mbx .box a{ font-size: 1em; color: #333; position: relative;}
.page-banner .mbx .box a:hover{ color: #d20000; text-decoration: underline;}

.page-nav{ line-height: 65px; background: #f8f8f8;}
.page-nav li{ float: left; width: 16.6666667%;}
.page-nav li a{ font-size: 1.6em; color: #333; display: inline-block; width: 100%; text-align: center; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.page-nav li.on a, .page-nav li:hover a{ background: #d20000; color: #fff;}
.page-nav2 li{ width: 25%;}

.page-content{ padding: 40px 0; overflow: hidden;}
.ty-nav{ width: 300px; float: left; padding: 16px 20px; background: #f8f8f8; position: relative; z-index: 2;}
.ty-nav .top{ font-size: 1.6em; color: #333; overflow: hidden; display: none; height: 25px; line-height: 25px; position: relative; text-indent: 25px;}
.ty-nav .top i{ margin-right: 5px; color: #d20000; float: left; position: absolute; top: 50%; transform: translateY(-50%); left: 0; text-indent: 0;}
.ty-nav .top span{ float: right;}
.ty-nav dl{ margin-bottom: 0; margin-top: -1px; border: 1px solid #ccc;}
.ty-nav dt{ height: 45px; line-height: 45px; position: relative;  overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1; border-bottom: 1px solid #ccc;}
.ty-nav dt span{ display: inline-block; width: 30px; height: 40px; position: absolute; top: 0; left: 0; background: #d5d5d5; display: none;}
.ty-nav dt i{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 10px; height: 16px; background: url(../images/ty-nav-icon.png) no-repeat center;}
.ty-nav dt a{ font-size: 1.6em; color: #fff; font-weight: bolder; display: inline-block; width: 100%; background: #d70926; text-align: center;}
.ty-nav dd a{ display: inline-block; width: 100%; height: 45px; line-height: 45px; color: #676767; font-size: 1.4em; text-align: center;}
.ty-nav dd:last-child{ border-bottom: none;}
.ty-nav dd.on a, .ty-nav dd:hover a{ color: #d70926;}

.product-list{ width: 100%; float: right;}
.product-list dl{ margin-bottom: 40px;}
.product-list dt{ height: 45px; line-height: 45px; width: 100%; background: #f8f8f8; font-size: 1.8em; color: #d20000; text-indent: 15px;}
.product-list dd{ margin-top: 25px; overflow: hidden; background: #f8f8f8; padding: 20px 25px; transition: all .3s linear 0s; height: 220px;}
.product-list dd:hover{ background: #eee;}
.product-list dl .xn-img{ position: relative; margin-top: 40px; text-align: center;}
.product-list dl .xn-img li{position: absolute; width: 58%; height: 35px; left: 50%; transform: translateX(-50%);}
.product-list dl .xn-img li.xn1-1, .product-list dl .xn-img li.xn3-1{ top: 32px;}
.product-list dl .xn-img li.xn1-2, .product-list dl .xn-img li.xn3-2{ top: 80px;}
.product-list dl .xn-img li.xn2-1{ top: 32px; height: 40px;}
.product-list dl .xn-img li.xn2-2{ top: 85px; height: 40px;}
.product-list dl .xn-img li.xn2-3{ top: 142px; height: 40px;}
.product-list dl dd.onn{ opacity: 0; height: 0; padding: 0;}
.product-list dl dd.on{ opacity: 1; height: 220px;} 
.product-list dd .img{ float: left; width: 23%; overflow: hidden;}
.product-list dd .img img{ transition: all .3s linear 0s;}
.product-list dd:hover .img img{ transform: scale(1.1,1.1);}
.product-list dd .text{ float: left; width: 77%; padding-left: 25px;}
.product-list dd .text .t{ font-size: 1.6em; color: #333; font-weight: bold; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.product-list dd .text .p{ font-size: 1.4em; color: #666; line-height: 24px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4; margin-top: 10px;}
.product-list dd .text .btns{ text-align: right; margin-top: 20px;}
.product-list dd .text .btns span{ display: inline-block; width: 80px; height: 30px; line-height: 30px; background: #d70926; color: #fff; font-size: 1.4em; text-align: center;}
.product-list dd:hover .text .t{ color: #d20000;}
.product-list dd .text .btns span:hover{ background: #2c94ed;}
.product-list dd .download{ float: left; width: 11%; position: relative; text-align: center; padding-left: 15px; margin-top: 7%;}
.product-list dd .download i{ font-size: 3em; color: #333;}
.product-list dd .download p{ text-align: center; margin-top: 10px; color: #333; font-size: 1.2em; line-height: 14px;}
.product-list dd .download:hover i{ color: #d20000;}
.product-list dd .download:hover p{ color: #d70926;}

.pager-list{ text-align:center;}
.pager-list ul{ list-style-type:none; margin:0; padding:0; display:inline-block;}
.pager-list li{ float:left; padding:0 6px;}
.pager-list li>*{ display:inline-block; font-size:14px; color:#333 !important; height:35px; line-height:35px; padding:0 19px;  background:#eee !important; border-radius:0px;}
.pager-list li a:hover{ background:#d20000 !important; color:#fff !important;}
.pager-list li.active>*{ color:#fff !important; border-color: #d20000 !important; background:#d20000 !important;}
.pager-list li.disabled>*{ cursor:auto; background:#eee; color:#ccc;}

.product-con-top{ overflow: hidden;}
.product-con-top .img{ padding: 0; border: 1px solid #e5e5e5;}
.product-con-top .img .swiper-button-next, .product-con-top .img .swiper-button-prev{ background: none; font-size: 50px; color: #d20000;}
.product-con-top .img .swiper-button-next i{ position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.product-con-top .img .swiper-button-prev i{ position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.product-con-top .text{ padding-left: 50px; padding-right: 0;}
.product-con-top .text .t{ font-size: 2.4em; font-weight: bold; color: #333;}
.product-con-top .text .t2{ font-size: 1.4em; color: #d20000; border-bottom: 1px solid #e5e5e5; padding: 10px 0;}
.product-con-top .text .p{ font-size: 1.4em; color: #666666; line-height: 24px; padding: 15px 0; border-bottom: 1px solid #e5e5e5;}
.product-con-top .text .tel{ margin-top: 26px;}
.product-con-top .text .tel a{ display: inline-block; position: relative; height: 54px; line-height: 54px; background: #d20000; font-size: 2em; color: #fff;font-weight: bold; padding:0 20px 0 60px; border-radius: 6px;}
.product-con-top .text .tel a:last-child{ margin-left: 20px;}
.product-con-top .text .tel i{ position: absolute; font-size: 1.4em; top: 50%; transform: translateY(-50%); left: 20px;}

.product-con-box{ margin-top: 90px;}
.product-con-box .top{ border-bottom: 1px solid #e5e5e5;}
.product-con-box .top span{ display: inline-block; width: 140px; height: 50px; background: #d20000; color: #fff; font-size: 2.4em; color: #fff; font-weight: bold; text-align: center; line-height: 50px;}
.product-con-box .text{ font-size: 1.4em; line-height: 24px; color: #333; padding-top: 25px;}
.product-con-box .list{ margin: 20px 0;}
.product-con-box .list li{ height: 45px; line-height: 45px; position: relative;}
.product-con-box .list li a{ font-size: 1.6em; color: #333; padding-left: 40px;}
.product-con-box .list li i{ font-size: 1.6em; color: #d20000; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.product-con-box .list li:hover a{ color: #d20000; text-decoration: underline;}

.page-title{ height: 30px; line-height: 30px; position: relative; color: #d70926; font-size: 2.4em; font-weight: bold; padding-left: 26px;}
.page-title i{ display: inline-block; position: absolute; width: 15px; height: 30px; background: #d70926; top: 0; left: 0;}
.hy-box{ margin-top: 25px; overflow: hidden;}
.hy-box .text{ width: 700px; font-size: 1.4em; color: #333; line-height: 28px; float: left;}
.hy-box .text .t{ font-weight: bold; position: relative; padding-left: 18px;}
.hy-box .text .t i{ display: inline-block; position: absolute; border-radius: 100%; width: 4px; height: 4px; background: #333; top: 50%; transform: translateY(-50%); left: 6px;}
.hy-box .imgs{ width: 600px; float: left; padding-left: 100px;}
.hy-box .imgs li+li{ margin-top: 30px;}
.hy-box .imgs li .img{ overflow: hidden;}
.hy-box .imgs li .t{ text-align: center; font-size: 1.8em; color: #333; padding: 15px 0;}
.hy-xm{ margin-top: 30px;}
.hy-xm .top{ height: 50px; line-height: 50px; width: 100%; background: #d70926; font-size: 1.8em; color: #fff; text-align: center;}
.hy-xm li{ float: left; width: 33.333333%; height: 60px; line-height: 60px; border-right: 1px solid #dedede; border-top: 1px solid #dedede;}
.hy-xm li a{ display: inline-block; width: 100%; font-size: 1.4em; color: #333; text-align: center;}

.fw-box1{ margin-bottom: 40px; overflow: hidden;}
.fw-box1 .text{ width: 730px; float: left; padding-right: 30px; font-size: 1.4em; line-height: 24px; margin-top: 25px;}
.fw-box1 .img{ float: right; width: 570px; margin-top: 25px;}

.fw-box2{ margin-bottom: 40px;}
.fw-box2 .text{ font-size: 1.4em; line-height: 24px; margin-top: 25px;}
.fw-box2 .img{ margin-top: 25px;}
.fw-box2 .img2{ display: none;}

.fw-box3{ margin-bottom: 40px; overflow: hidden;}
.fw-box3 .text{ width: 730px; float: left; padding-right: 30px; font-size: 1.4em; line-height: 24px; margin-top: 25px;}
.fw-box3 .img{ float: right; width: 570px; margin-top: 25px;}

.fw-box4{ margin-bottom: 40px; overflow: hidden;}
.fw-box4 .box{ margin-top: 25px;}
.fw-box4 .box li{ float: left; padding: 0;}
.fw-box4 .box li.img1{ width: 44%;}
.fw-box4 .box li.img2{ width: 56%; text-align: right; padding-top: 20px;}

.fw-box5{ margin-bottom: 40px;}
.fw-box5 .box{ overflow: hidden;}
.fw-box5 .box ul{ margin: 0 -25px;}
.fw-box5 .box li{ padding: 0 25px; margin-top: 25px;}
.fw-box5 .box li input[type="text"]{ width: 100%; height: 50px; border: 1px solid #e5e5e5; padding: 0 20px; font-size: 1.4em; color: #333;}
.fw-box5 .box li textarea{ width: 100%; height: 150px; border: 1px solid #e5e5e5; padding: 15px 20px; font-size: 1.4em; color: #333;}
.fw-box5 .box li:last-child{ text-align: center;}
.fw-box5 .box li:last-child input{ width: 150px; height: 45px; margin: 0 15px; border: none; font-size: 1.4em; color: #fff;}
.fw-box5 .box li:last-child input[type="submit"]{ background: #d70926;}
.fw-box5 .box li:last-child input[type="reset"]{ background: #bababa;}

.fw-box6{ padding: 10px 0;}
.fw-box6 ul{ margin: 0 -14px;}
.fw-box6 li{ padding: 0 14px; margin-bottom: 34px;}
.fw-box6 li a{ display: inline-block; position: relative;}
.fw-box6 li .img{ position: relative; z-index: 0; overflow: hidden;}
.fw-box6 li .img img{ transition: all .3s linear 0s;}
.fw-box6 li:hover .img img{ transform: scale(1.1,1.1);}
.fw-box6 li .title{ position: absolute; z-index: 1; height: 50px; line-height: 50px; left: 0; bottom: 0; width: 100%; font-size: 1.8em; font-weight: bold; text-align: center; background: rgba(0,0,0,.5); color: #fff;}
.fw-box6 li:hover .title{ color: #d20000;}

.fw-download{ margin-bottom: 40px;}
.fw-download li{ padding: 10px 0; border-bottom: 1px dashed #b5b5b5;}
.fw-download li span{ font-size: 1.4em; color: #ababab; position: relative; padding-left: 25px;}
.fw-download li span i{ position: absolute; color: #ababab; left: 0; top: 50%; transform: translateY(-50%);}
.fw-download li .title{ overflow: hidden; height: 30px; line-height: 30px;}
.fw-download li .title a{ font-size: 1.8em; color: #333; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1; width: 70%; float: left;}
.fw-download li .title span{ float: right;}
.fw-download li .box{ margin-top: 5px; overflow: hidden;}
.fw-download li .box .other{ float: left;}
.fw-download li .box .other span{ margin-right: 30px;}
.fw-download li .box .btns{ float: right;}
.fw-download li .box .btns a{ display: inline-block; width: 80px; height: 30px; line-height: 30px; text-align: center; background: #d70926; font-size: 1.4em; color: #fff;}
.fw-download li .title a:hover{ color: #d70926;}
.fw-download li .box .btns a:hover{ background: #bb0000;}

.about{ overflow: hidden; margin-bottom: 50px;}
.about .title{ font-size: 2.4em; font-weight: bold; color: #333; position: relative; padding-bottom: 15px;}
.about .title i{ position: absolute; width: 120px; height: 4px; background: #d70926; bottom: 0; left: 0;}
.about .text{ margin-top: 30px; float: left; width: 56%; font-size: 1.4em; color: #333; line-height: 28px; padding-right: 40px;}
.about .img{ margin-top: 30px; float: right; width: 44%; text-align: right;}

.about-wh{ margin-bottom: 25px;}
.about-wh ul{ overflow: hidden; margin: 50px -7.5px 0; }
.about-wh li{ padding: 0 7.5px; float: left; position: relative; width: 25.48%;}
.about-wh li .img{ position: relative; z-index: 0;}
.about-wh li .text{ position: absolute; z-index: 0; width: 100%; font-size: 2.4em; line-height: 35px; padding: 0 14%; top: 50%; left: 0; transform: translateY(-50%);}
.about-wh li:nth-child(2){ width: 49.04%;}
.about-wh li:nth-child(2) .text{ padding: 0 12%;}

.about-ls{ padding: 54px 0 15px; position: relative;}
.about-ls ul{ position: relative; z-index: 1;}
.about-ls li{ position: relative; overflow: hidden; margin-bottom: 40px;}
.about-ls li .text{ float: left; width: 61.5%;}
.about-ls li .text .date{ width: 23.14%; float: left; font-size: 2.6em; color: #d70926; font-weight: bold; padding: 0 2.5%;}
.about-ls li .text .icon{ position: absolute; width: 12px; height: 12px; border-radius: 100%; border: 2px solid #d70926; background: #fff; left: 13.85%; top: 12px;}
.about-ls li .text .p{ font-size: 1.4em; color: #333; padding: 0 10% 0 5%; float: left; width: 76.86%; line-height: 28px; text-align: justify;}
.about-ls li .img{ float: left; width: 38.5%;}
.about-ls .line{ position: absolute; height: 100%; width: 2px; background: #d70926; top: 0; left: 14.2%; z-index: 0;}
.about-ls .line i{ position: absolute; display: inline-block; width: 20px; height: 17px; background: url(../images/about-ls-icon.png) no-repeat; top: -5px; left: 50%; transform: translateX(-50%);}

.news-list{ margin:20px 0 35px;}
.news-list li{ overflow: hidden; padding-bottom: 35px; border-bottom: 1px dashed #b5b5b5;}
.news-list li+li{ padding-top: 35px;}
.news-list li .img{ width: 27%; float: left; overflow: hidden;}
.news-list li .img img{ transition: all .3s linear 0s;}
.news-list li:hover .img img{ transform: scale(1.1,1.1);}
.news-list li .text{ width: 73%; float: left; padding-left: 25px;}
.news-list li .text .t{ font-size: 2em; font-weight: bold; color: #333; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1; margin-top: 10px;}
.news-list li .text .p{ font-size: 1.4em; line-height: 26px; color: #7a7a7a; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3; margin: 20px 0;}
.news-list li .text .date{ font-size: 1.4em; color: #666; height: 30px; line-height: 30px;}
.news-list li .text .date i{ margin-right: 3px; color: #a9a9a9;}
.news-list li .text .date span{ display: inline-block; float: right; width: 100px; height: 30px; line-height: 30px; border-radius: 30px; background: #d20000; text-align: center; color: #fff;}
.news-list li:hover .text .t{ color: #d70926;}
.news-list li .text .date span:hover{ background: #bb0000;}

.news-con{ overflow: hidden;}
.news-con .title{ font-size: 2.4em; text-align: center; font-weight: bold; color: #333;}
.news-con .bq{ text-align: center; border-bottom: 1px solid #dcdcdc; padding: 20px 0;}
.news-con .bq span{ font-size: 1.4em; color: #666;}
.news-con .bq span i{ margin-right: 5px; color: #a9a9a9;}
.news-con .text{ font-size: 1.4em; color: #333; line-height: 24px; padding: 30px 0;}

.pager{ height: 50px; line-height: 50px; background: #eee;}
.pager .prev{ float: left; width: 50%; padding: 0 15px; text-align: left;}
.pager .next{ float: right; width: 50%; padding: 0 15px;}
.pager span, .pager a{ font-size: 1.4em; color: #333; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.pager a:hover{ color: #d20000;}

.job .top{ overflow: hidden; border: 1px solid #dcdcdc;}
.job .top li{ width: 25%; float: left; height: 50px; line-height: 50px; text-align: center; font-size: 1.6em; color: #333; background: #f5f5f5; }
.job .box .title{ border: 1px solid #dcdcdc; border-top: none; overflow: hidden; cursor: pointer; }
.job .box .title li{ float: left; width: 25%; height: 50px; line-height: 50px; text-align: center; font-size: 1.4em; color: #333; position: relative;}
.job .box .title li i{ position: absolute; color: #ccc; top: 50%; transform: translateY(-50%); right: 5%; font-size: 2em; transition: all .3s linear 0s;}
.job .box .text{ padding: 30px 35px; background: #f5f5f5; font-size: 1.4em; line-height: 24px; border-bottom: 1px solid #dcdcdc; display: none;}
.job .box .text .btn-link{ text-align: right; margin-top: 15px;}
.job .box .text .t{ font-weight: bold;}
.job .box .text a{ color: #333;}
.job .box .text a:hover{ color: #d20000; text-decoration: underline;}
.job .box .title.on li i{ transform: rotate(180deg) translateY(40%); color: #d20000;}
/* .job .box .text:nth-child(2){ display: block;} */

.contact{ overflow: hidden; margin-bottom: 40px;}
.contact dl{ width: 70%; float: left; padding-right: 20px;}
.contact dt{ font-size: 2.4em; font-weight: bold; color: #d70926; letter-spacing: 2px; padding: 10px 0; margin-bottom: 10px;}
.contact dd{ position: relative; color: #333; float: left; width: 70%; padding-left: 60px; letter-spacing: .8px; margin-bottom: 30px;}
.contact dd:nth-child(2n){ width: 30%;}
.contact dd span{ font-size: 1.8em; font-weight: bold;}
.contact dd p{ font-size: 1.4em;}
.contact dd.icon1{ background: url(../images/foot-icon1.png) no-repeat center left;}
.contact dd.icon2{ background: url(../images/foot-icon2.png) no-repeat center left;}
.contact dd.icon3{ background: url(../images/foot-icon3.png) no-repeat center left;}
.contact dd.icon4{ background: url(../images/foot-icon4.png) no-repeat center left;}
.contact .img{ float: left; width: 30%; text-align: right; border-left: 1px dashed #b5b5b5; padding-left: 20px;}

.map{ width: 100%; height: 350px;}

.message .top{ width: 100%; height: 50px; line-height: 50px; background: #d70926; color: #fff; font-size: 1.6em; text-align: center;}
.message .box{ background: #f5f5f5; padding: 35px 50px; overflow: hidden;}
.message .box li{ margin-bottom: 30px;}
.message .box li label{ position: relative; font-size: 1.6em; color: #333; font-weight: normal; margin-bottom: 0; width: 28%; float: left; height: 40px; line-height: 40px; padding-left: 15px;}
.message .box li label i{ position: absolute; font-size: 1.4em; color: #d70926; left: 0px; top: 3px;}
.message .box li input[type="text"]{ height: 40px; border: 1px solid #e3e3e3; width: 72%; padding: 0 15px;}
.message .box li select{ height: 40px; border: 1px solid #e3e3e3; width: 72%; padding: 0 15px;}
.message .box li:last-child{ text-align: center; margin-bottom: 0;}
.message .box li:last-child input[type="submit"]{ width: 130px; height: 40px; border: none; background: #d70926; color: #fff; font-size: 1.6em; margin-right: 24px;}
.message .box li:last-child input[type="reset"]{ width: 130px; height: 40px; border: none; background: #a0a0a0; color: #fff; font-size: 1.6em;}

































@media(min-width:1366px){
.container{ width: 1300px; padding: 0;}
.header .container{ width: 800px;}
.box-two .bd li:nth-child(-n+3){ margin-bottom: 50px;}

.ty-nav .ty-nav-box{ display: block !important;}
.hy-xm li:nth-child(3n){ border-right: none;}
.hy-xm li:nth-child(-n+3){ border-top: none;}
}
@media (max-width:1365px) and (min-width: 1200px){
.header .container{ width: 800px;}
.box-two .bd li:nth-child(-n+3){ margin-bottom: 50px;}

/* .page-banner{ height: 300px;} */
.ty-nav .ty-nav-box{ display: block !important;}
.page-nav li a{ font-size: 1.4em;}
/* .product-list{ width: 810px;} */
.product-list dl .xn-img li{ width: 66%;}
.product-con-top .text .tel a{ font-size: 1.8em;}
.hy-box .imgs{ width: 440px; padding-left: 30px;}
.hy-xm li:nth-child(3n){ border-right: none;}
.hy-xm li:nth-child(-n+3){ border-top: none;}

.fw-box1 .text, .fw-box3 .text{ width: 660px;}
.fw-box1 .img, .fw-box3 .img{ width: 480px;}

.about-ls li .text .date{ font-size: 2.2em;}
.about-ls li .text .p{ line-height: 24px;}

.news-list li .text .p{ margin: 15px 0;}

.message .box li label{ font-size: 1.4em;}
}
@media (max-width:1199px) and (min-width:992px){
.header .pc-nav li > a{ font-size: 1.6em;}
.header .pc-nav li .nav-box{ padding: 30px 0;}
.header .pc-nav li .nav-box .nav-box-list dd{ margin-right: 20px; margin-bottom: 20px;}
.header .pc-nav li .nav-box .nav-box-list dd:nth-child(-n+3){ margin-right: 60px; margin-bottom: 20px;}
.header .pc-nav li .nav-box .nav-box-list dd a{ font-size: 1.4em;}

.box-two .hd li{ padding: 0 5px;}
.box-two .bd li:nth-child(-n+3){ margin-bottom: 50px;}

/* .page-banner{ height: 300px;} */
.page-banner img{ transform: translateX(-44%);}
.page-nav li a{ font-size: 1.4em;}

.ty-nav{ width: 270px;}
.ty-nav .ty-nav-box{ display: block !important;}
.ty-nav dt a{ font-size: 1.4em;}
/* .product-list{ width: 650px;} */
.product-list dl .xn-img li{ width: 80%; /*height: 30px;*/}
/* .product-list dl .xn-img li.xn1-1, .product-list dl .xn-img li.xn3-1{ top: 27px;}
.product-list dl .xn-img li.xn1-2, .product-list dl .xn-img li.xn3-2{ top: 68px;}
.product-list dl .xn-img li.xn2-1{ top: 27px; height: 35px;}
.product-list dl .xn-img li.xn2-2{ top: 73px; height: 35px;}
.product-list dl .xn-img li.xn2-3{ top: 118px; height: 35px;} */
.product-con-top .text .tel i{ left: 15px;}
.product-con-top .text .tel a{ font-size: 1.6em; padding: 0 15px 0 45px;}

.hy-box .text{ width: 540px;}
.hy-box .imgs{ width: 400px; padding-left: 30px;}
.hy-box .imgs li .t{ font-size: 1.6em;}
.hy-xm li:nth-child(3n){ border-right: none;}
.hy-xm li:nth-child(-n+3){ border-top: none;}

.fw-box1 .text, .fw-box3 .text{ width: 530px;}
.fw-box1 .img, .fw-box3 .img{ width: 410px;}

.about-wh li .text{ font-size: 1.6em; line-height: 24px;}

.about-ls li .text .date{ font-size: 2em;}
.about-ls li .text .p{ line-height: 24px;}
.about-ls .line{ left: 14.4%;}

.news-list li .img{ width: 33%;}
.news-list li .text{ width: 67%;}
.news-list li .text .p{ margin: 10px 0;}

.pager{ height: 80px; line-height: 30px; padding: 10px 0;}
.pager .prev, .pager .next{ width: 100%; text-align: left;}
.pager span, .pager a{ float: none !important;}

.contact dd{ width: 60%;}
.contact dd:nth-child(2n){ width: 40%;}

.message .box{ padding: 35px;}
.message .box li label{ font-size: 1.4em; width: 35%;}
.message .box li input[type="text"], .message .box li select{ width: 65%;}
}
@media (max-width:991px) and (min-width: 768px){
.header.onn{ background: #fff; box-shadow: 0 2px 4px rgba(0,0,0,.15);}

.box-two .index-title{ margin-top: 16%;}
.box-two .hd li{ margin-bottom: 20px;}
.box-two .hd li .icon{ height: 30px; line-height: 30px;}
.box-two .hd li .icon img{ height: 100%;}
.box-two .bd{ margin-top: 2%;}
.box-two .bd li:nth-child(-n+3){ margin-bottom: 30px;}

.box-three .text-box .box{ height: 360px; overflow: hidden;}

.box-four .box li .text .title{ font-size: 2em; width: 35px;}
.box-four .box li .text .title i{ width: 35px; height: 35px; line-height: 35px;}
.box-four .box li.on .text .title{ font-size: 2.4em;}
.box-four .box li.on .text .title i{ width: 35px; height: 35px; line-height: 35px;}
.box-four .box li.on .text{ padding: 0 35px;}

.box-five .index-title{ margin-top: 10%;}
.box-five .box{ margin-top: 30px;}
.box-five .hot-news{ width: 100%; padding-right: 0;}
.box-five .hot-news .img{ height: 200px;}
.box-five .hot-news .img img{ height: 100%;}
.box-five .hot-news .text .p{ -webkit-line-clamp: 2;}
.box-five .hot-news .text .btns{ margin-top: 20px;}
.box-five .list{ width: 100%; padding-left: 0; margin-top: 30px;}
.box-five .list li:nth-child(3), .box-five .list li:nth-child(4){ display: none;}

.box-six .index-title{ margin-top: 15%;}
.box-six .list li{ width: 33.3333%;}
.box-six .list li p{ font-size: 1.4em;}

.footer .foot-contact dt{ font-size: 1.8em; line-height: 30px; margin-bottom: 20px;}
.footer .foot-contact dd{ width: 100%; margin-bottom: 20px;}
.footer .foot-contact dd:nth-child(2n){ width: 100%;}

/* .page-banner{ height: 260px; margin-top: 100px;} */
.page-banner img{ transform: translateX(-40%);}

.page-nav{ line-height: 50px;}
.page-nav li{ width: 33.333333%;}
.page-nav li a{ font-size: 1.4em;}
.page-nav2 li{ width: 25%;}

.ty-nav{ width: 100%; position: relative;}
.ty-nav .top{ display: block; transition: all .3s linear 0s;}
.ty-nav .top.on{ margin-bottom: 15px;}
.ty-nav .ty-nav-box{ display: none; position: absolute; width: 100%; margin-left: -20px; padding: 0 20px; background: #f8f8f8;}
.ty-nav dt a{ font-size: 1.4em;}

.product-list{ width: 100%; margin-top: 20px;}
.product-list dl .xn-img li{ width: 100%; height: 30px;}
.product-list dl .xn-img li.xn1-1, .product-list dl .xn-img li.xn3-1{ top: 32px;}
.product-list dl .xn-img li.xn1-2, .product-list dl .xn-img li.xn3-2{ top: 76px;}
.product-list dl .xn-img li.xn2-1{ top: 30px; height: 40px;}
.product-list dl .xn-img li.xn2-2{ top: 82px; height: 40px;}
.product-list dl .xn-img li.xn2-3{ top: 131px; height: 40px;}

.product-con-top .text{ padding: 0; margin-top: 20px;}
.product-con-top .text .tel i{ left: 15px;}
.product-con-top .text .tel a{ font-size: 1.6em; padding: 0 15px 0 45px;}

.hy-box .text{ width: 100%;}
.hy-box .imgs{ padding: 0; width: 100%; margin: 20px -15px 0; overflow: hidden;}
.hy-box .imgs li{ width: 50%; float: left; padding: 0 15px;}
.hy-box .imgs li+li{ margin-top: 0;}
.hy-box .imgs li .t{ font-size: 1.4em;}
.hy-xm { margin-top: 20px;}
.hy-xm li{ width: 50%;}
.hy-xm li:nth-child(2n){ border-right: none;}
.hy-xm li:nth-child(-n+2){ border-top: none;}
.hy-xm li:last-child{ display: none;}

.fw-box1 .img, .fw-box3 .img{ width: 100%;}
.fw-box1 .text, .fw-box3 .text{ width: 100%; padding: 0;}
.fw-box2 .img img{ display: none;}
.fw-box2 .img .img2{ display: inline-block;}
.fw-box4 .box li.img1, .fw-box4 .box li.img2{ width: 100%; text-align: left;}

.about .img{ width: 100%; text-align: left;}
.about .text{ width: 100%; padding: 0;}
.about-wh ul{ margin: 30px -7.5px 0;}
.about-wh li .text{ font-size: 1.4em; line-height: 22px;}

.about-ls li .text .icon{ top: 6px;}
.about-ls li .text .date{ font-size: 1.8em;}
.about-ls li .text .p{ line-height: 24px;}
.about-ls .line{ left: 14.5%;}

.news-list{ margin: 0 0 35px;}
.news-list li .img{ width: 40%;}
.news-list li .text{ width: 60%;}
.news-list li .text .t{ margin-top: 10px; font-size: 1.8em;}
.news-list li .text .p{ margin: 5px 0 10px;}

.pager{ height: 80px; line-height: 30px; padding: 10px 0;}
.pager .prev, .pager .next{ width: 100%; text-align: left;}
.pager span, .pager a{ float: none !important;}

.contact dl{ width: 100%;}
.contact dd{ width: 50%;}
.contact dd:nth-child(2n){ width: 50%;}
.contact .img{ display: none;}

.message .box{ padding: 35px;}
.message .box li label{ font-size: 1.4em; width: 35%;}
.message .box li input[type="text"], .message .box li select{ width: 65%;}
.message .box li:last-child input[type="submit"], .message .box li:last-child input[type="reset"]{ font-size: 1.4em;}
}
@media (max-width: 767px){

.box-seven { height: auto !important; }

#fp-nav{ display: none;}
.header-top{ display: none;}
.header{ position: fixed; top: 0; left: 0;  width: 100%; height: 50px; line-height: 50px; background: #fff; z-index: 9999; box-shadow: 0 3px 5px rgba(0,0,0,.2);}
.header .logo img{ height: 50px; display: none;}
.header .logo .logo2{ display: inline-block;}
.header .nav-btn{ height: 50px; line-height: 50px;}
.nav .nav-top{ height:50px; line-height:50px;}

.index-title .en{ font-size: 1.4em;}
.index-title .cn{ font-size: 2em;}

.banner .swiper-pagination{ bottom:10px;}
.banner .swiper-pagination-bullet{ width:25px; height:2px; margin:0 10px !important;}

.box-two .index-title{ margin-top: 80px;}
.box-two .hd{ margin-top: 4%;}
.box-two .hd li{ padding: 0 5px;}
.box-two .hd li .icon{ display: none;}
.box-two .hd li a{  padding: 0 10px;}
.box-two .bd{ margin-top: 3%;}
.box-two .bd ul{ margin: 0 -7.5px;}
.box-two .bd li{ height: 220px; width: 50%; /* display: none; */ padding: 0 7.5px; margin-bottom: 10px;}
.box-two .bd li:nth-child(2n-1){ clear: left;}
.box-two .bd li a{ padding: 15px; height: 100%;}
.box-two .bd li .img{ float: none; width: 100%; text-align: center;}
.box-two .bd li .img img{ height: 70px;}
.box-two .bd li .text{ width: 100%; float: none; margin-top: 10px; padding-right: 0;}
.box-two .bd li .text .t{ font-size: 1.4em; text-align: center;}
.box-two .bd li .text .p{ margin-top: 5px; -webkit-line-clamp: 2; height: 40px;}
.box-two .bd li:nth-child(-n+4){ display: block;}
.box-two .bd li .text .btns{ margin-top: 10px; text-align: center;}

.box-three .text{ width: 100%; padding-bottom: 20px;}
.box-three .text-box{ position: relative; top: 0; transform: translateY(0); padding-top: 30px;}
.box-three .text-box .k{ width: 100%; padding-right: 0;}
.box-three .text-box .title{ font-size: 1.8em; margin-top: 20px; padding-bottom: 15px;}
.box-three .text-box .title i{ height: 2px;}
/* .box-three .text-box .box{ height: 260px; overflow: hidden;} */
.box-three .img{ float: left; width: 100%; height: 55%;}

.box-four .index-title{ margin-top: 2%;}
.box-four .box{ margin: 30px -7.5px 0;}
.box-four .box li .text .title{ font-size: 1.8em; width: 25px;}
.box-four .box li .text .title i{ width: 25px; height: 25px; line-height: 25px;}
.box-four .box li.on .text .title{ font-size: 1.8em; letter-spacing: 0;}
.box-four .box li.on .text .title i{ width: 25px; height: 25px; line-height: 35px;}
.box-four .box li.on .text{ padding: 0 20px;}

.box-five .index-title{ margin-top: 10%;}
.box-five .box{ margin-top: 30px;}
.box-five .hot-news{ width: 100%; padding-right: 0;}
.box-five .hot-news .img{ height: 150px;}
.box-five .hot-news .text{ margin-top: 15px;}
.box-five .hot-news .text .p{ -webkit-line-clamp: 2;}
.box-five .hot-news .text .btns{ margin-top: 15px;}
.box-five .list{ width: 100%; padding-left: 0; margin-top: 20px;}
.box-five .list li{ padding-bottom: 10px;}
.box-five .list li+li{ padding-top: 10px;}
.box-five .list li .date{ width: 20%;}
.box-five .list li .text{ width: 80%;}
/* .box-five .list li:nth-child(3), .box-five .list li:nth-child(4){ display: none;} */

.box-six .index-title{ margin-top: 14%;}
.box-six .hd{ margin-top: 4%;}
.box-six .list{ margin-top: 5%;}
.box-six .list ul{ margin: 0 -7.5px;}
.box-six .list li{ width: 50%; padding: 0 7.5px; margin-bottom: 15px; /* display: none; */}
.box-six .list li:nth-child(-n+8){ display: block;}
.box-six .list li p{ font-size: 1.4em;}

.footer{ padding: 20px 0;}
.footer .foot-contact{ width: 100%;}
.footer .foot-contact dt{ font-size: 1.8em; line-height: 30px; margin-bottom: 20px; letter-spacing: 0;}
.footer .foot-contact dd{ width: 100%; margin-bottom: 15px; background-size: contain !important;}
.footer .foot-contact dd span{ font-size: 1.6em;}
.footer .foot-contact dd:nth-child(2n){ width: 100%;}

.foot-message{ width: 100%; padding-left: 0;}
.foot-message dl{ margin-bottom: 0;}
.foot-message dt{ font-size: 1.6em;}
.foot-message dd{ margin-top: 10px;}
.foot-message dd input[type="text"], .foot-message dd input[type="submit"], .foot-message dd input[type="reset"]{ height: 40px; font-size: 1.4em;}
.foot-message dd textarea{ height: 80px;}
.foot-copy .fl, .foot-copy .fr{ float: none; text-align: center;}

.box-seven .fp-tableCell{ height: 680px !important;}

.page-banner{ /*height: 180px;*/ margin-top: 50px;}
.page-banner img{ transform: translateX(-30%);}

.page-nav{ line-height: 40px;}
.page-nav li{ width: 33.333333%;}
.page-nav li a{ font-size: 1.2em;}
.page-nav2 li{ width: 50%;}

.page-content{ padding: 20px 0;}
.ty-nav{ width: 100%; position: relative; padding: 10px 20px;}
.ty-nav .top{ display: block; transition: all .3s linear 0s; font-size: 1.4em;}
.ty-nav .top.on{ margin-bottom: 15px;}
.ty-nav .ty-nav-box{ display: none; position: absolute; width: 100%; margin-left: -20px; padding: 0 20px; background: #f8f8f8;}
.ty-nav dt a{ font-size: 1.4em;}

.product-list{ width: 100%; margin-top: 20px;}
.product-list dl .xn-img li{ display: none;}
.product-list dl{ margin-bottom: 30px;}
.product-list dd{ padding: 15px; margin-top: 20px; height: auto;}
.product-list dd .img{ width: 40%;}
.product-list dd .text{ width: 60%; padding-left: 10px;}
.product-list dd .text .p{ -webkit-line-clamp: 2; margin-top: 5px;}
.product-list dd .text .btns{ margin-top: 5px;}
.product-list dd .download{ width: 100%; margin-top: 5px; text-align: left; display: none;}
.product-list dd .download i{ font-size: 1.6em;}
.product-list dd .download p{ display: inline-block; margin-top: 0; margin-left: 5px;}

.product-con-top .text{ padding: 0; margin-top: 20px;}
.product-con-top .text .t{ font-size: 2em;}
.product-con-top .text .tel i{ left: 10px;}
.product-con-top .text .tel a{ font-size: 1.4em; padding: 0 15px 0 31px; height: 40px; line-height: 40px;}
.product-con-top .text .tel a:last-child{ margin-left: 10px;}
.product-con-box{ margin-top: 30px;}
.product-con-box .top span{ font-size: 1.6em; width: 120px; height: 40px; line-height: 40px;}
.product-con-box .list li a{ font-size: 1.4em; padding-left: 30px;}

.page-title{ font-size: 1.8em; padding-left: 15px;}
.page-title i{ width: 5px;}
.hy-box .text{ width: 100%;}
.hy-box .imgs{ padding: 0; width: 100%; margin-top: 20px; overflow: hidden;}
.hy-box .imgs ul{ margin: 0 -7.5px;}
.hy-box .imgs li{ width: 50%; float: left; padding: 0 7.5px;}
.hy-box .imgs li+li{ margin-top: 0;}
.hy-box .imgs li .t{ font-size: 1.4em;}
.hy-xm { margin-top: 20px;}
.hy-xm .top{ font-size: 1.6em;}
.hy-xm li{ width: 100%; border-right: none; height: 50px; line-height: 50px;}

.fw-box1 .img, .fw-box3 .img{ width: 100%;}
.fw-box1 .text, .fw-box3 .text{ width: 100%; padding: 0;}
.fw-box2 .img img{ display: none;}
.fw-box2 .img .img2{ display: inline-block;}
.fw-box4 .box li.img1, .fw-box4 .box li.img2{ width: 100%; text-align: left;}
.fw-box6 ul{ margin: 0 -7.5px;}
.fw-box6 li{ padding: 0 7.5px; margin-bottom: 15px;}
.fw-box6 li .title{ font-size: 1.4em; height: 35px; line-height: 35px; font-weight: normal;}

.fw-download li .title a{ width: 50%; font-size: 1.6em;}
.fw-download li .box .other span{ margin-right: 0; width: 48%; display: inline-block;}

.about .img{ width: 100%; text-align: left;}
.about .title{ font-size: 1.8em; padding-bottom: 10px;}
.about .title i{ width: 80px; height: 2px;}
.about .text{ width: 100%; padding: 0;}
.about-wh ul{ margin: 30px -7.5px 0;}
.about-wh li, .about-wh li:nth-child(2){ width: 100%; margin-bottom: 15px;}
.about-wh li .img{ height: 160px; width: 100%; position: relative; overflow: hidden;}
.about-wh li .img img{ position: absolute; top: 50%; transform: translateY(-50%);width: 100%;}
.about-wh li:nth-child(2) .img img{ position: absolute; max-width: none; height: 100%; left: 50%; transform: translate(-50%,-50%);}
.about-wh li .text{ font-size: 1.4em; line-height: 24px;}

.about-ls{ padding: 30px 0 5px;}
.about-ls li{ margin-bottom: 30px;}
.about-ls li .text{ width: 100%;}
.about-ls li .text .icon{ top: 6px; left: 0;}
.about-ls li .text .date{ font-size: 1.8em; width: 100%; padding: 0 6%;}
.about-ls li .text .p{ line-height: 20px; width: 100%; padding: 0 0 0 6%;}
.about-ls li .img{ width: 100%; padding-left: 6%; margin-top: 15px;}
.about-ls .line{ left: 1.2%;}

.news-list{ margin: 15px 0 25px;}
.news-list li{ padding-bottom: 20px;}
.news-list li+li{ padding-top: 25px;}
.news-list li .img{ width: 100%;}
.news-list li .img img{ width: 100%;}
.news-list li .text{ width: 100%; padding: 0; margin-top: 15px;}
.news-list li .text .t{ margin-top: 10px; font-size: 1.8em;}
.news-list li .text .p{ margin: 5px 0 10px;}

.news-con .title{ font-size: 1.8em; font-weight: normal;}
.news-con .bq{ padding: 10px 0;}

.pager{ height: 80px; line-height: 30px; padding: 10px 0;}
.pager .prev, .pager .next{ width: 100%; text-align: left;}
.pager span, .pager a{ float: none !important;}

.job .top li{ font-size: 1.4em;}
.job .box .title li{ font-size: 1.2em;}
.job .box .title li i{ right: 1%; font-size: 1.4em;}
.job .box .text{ padding: 20px;}

.contact{ margin-bottom: 0;}
.contact dl{ width: 100%;}
.contact dt{ font-size: 1.8em;}
.contact dd{ width: 100%;}
.contact dd:nth-child(2n){ width: 100%;}
.contact .img{ display: none;}

.message .box{ padding: 20px 10px;}
.message .box li{ margin-bottom: 20px; padding-left:0 }
.message .box li label{ font-size: 1.4em; width: 28%; line-height:1.6em;margin-top:.7em }
.message .box li input[type="text"], .message .box li select{ width: 72%;}
.message .box li:last-child input[type="submit"], .message .box li:last-child input[type="reset"]{ font-size: 1.4em;}
}