@charset "utf-8";
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea { margin: 0; padding: 0 }
body { font-size: 14px; font-family: "微软雅黑", Arial, Verdana, Arial, Helvetica, sans-serif; padding-top: 1px; background: #fff }
li, ol { list-style: none }
ins { text-decoration: none }
i, em { font-style: normal }
a { text-decoration: none; font-family: "微软雅黑" }
a:hover { cursor: pointer; text-decoration: none }
:focus { outline: 0 }
.clear { clear: both; line-height: 0; overflow: hidden; zoom: 1; font-size: 0; content: '.' }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 }
img { padding: 0; margin: 0 }
a img { border: 0 }
input, textarea { border: 0; font-family: "微软雅黑"; font-size: 13px }
h1, h2, h3, h4, h5, h6 { font-weight: 400; font-size: 14px; font-family: "微软雅黑" }
.fl { float: left }
.fr { float: right }
.wrap { min-width: 320px; max-width: 640px; margin: 0 auto; overflow: hidden; position: relative; font-family: "微软雅黑"; background: #fff }
.wrap img { display: block; width: 100% }

h2.main_title { text-align: center }
h2.main_title a { display: block; font-size: 1.75rem; color: #000; line-height: 100%; font-weight: 700; letter-spacing: 1px }
h2.main_title i { display: block; font-size: .9rem; color: #000; line-height: 100%; font-weight: 400; margin-top: 1.15rem }
.project h2 a, .project h2 i { color: #fff }
.project h2 i { margin-top: 1.25rem }

.ban { position: relative; z-index: 3; width: 100%; overflow: hidden }
.ban img { display: block; width: 100% }
.ban .swiper-pagination { bottom: 4.15rem }
.ban .swiper-pagination-bullet { background: #fff; width: .55rem; opacity: .6; height: .55rem; margin: 0 .7rem !important; border-radius: 50% }
.ban .swiper-pagination-bullet-active { border-radius: 50%; opacity: 1 }

.research { padding: 3.6rem 4.69% 4.1rem; text-align: center }
.research h2 a { display: block; font-size: 1.75rem; color: #000; line-height: 100%; font-weight: 700; position: relative; padding-bottom: 2.4rem }
.research h2 a:after { position: absolute; content: ""; width: 4.5rem; height: 2px; background: #000; left: 50%; bottom: 0; margin-left: -2.25rem }
.research p { font-size: 1rem; color: #69686b; line-height: 1.75rem; margin: 2rem .5rem 2.4rem }
.research ul { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between }
.research ul li { width: 16.73% }
.research ul li img { display: block; width: 2.4rem; padding: 1.05rem 1.2rem; border: 1px solid #A1A0A3; margin: 0 auto .7rem; border-radius: .5rem }
.research ul li span { display: block; font-size: 1rem; color: #68676a; line-height: 100% }

.project { padding: 2.75rem 4.6875% 5.5rem; background: url(../images/project_bg.jpg) no-repeat center top; background-size: 100% 100%; -webkit-background-size: 100% 100% }
.project ul { background: url(../images/project_list.png) no-repeat left top; background-size: 100% 100%; -webkit-background-size: 100% 100%; margin-top: 1.8rem; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; flex-wrap: wrap }
.project li { width: 50%; height: 8rem }
.project li a { display: block; height: 8rem; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; padding-left: 1.85rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.project li img { width: 2.2rem; height: 2.2rem; margin-right: .5rem }
.project li h4 { font-size: 1rem; color: #fff; line-height: 1.3rem }
.project li h4 span { display: block }

.product { padding: 4.8rem 4.375% 0 }
.product ul { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; flex-wrap: wrap; margin: 1.5rem 0 2.7rem; overflow:hidden; }
.product ul li { width: 50%; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center }
.product ul li h4 { position: absolute; font-size: 1.2rem; color: #282828; line-height: 100%; bottom: 2rem; left: 0; width: 100%; font-weight: 700 }
.product ul li:nth-child(odd) { border-right: 1px solid #CFCCCD }
.product ul li:nth-child(3), .product ul li:nth-child(4) { border-top: 1px solid #CFCCCD }
.product ul li:nth-child(3) h4, .product ul li:nth-child(4) h4 { bottom: 1.9rem }
/*.product ul li:nth-child(1) img, .product ul li:nth-child(2) img{margin-top:-15%}*/
.product .more a { display: block; font-size: 1rem; color: #fff; line-height: 2.5rem; text-align: center; background: #0d2d83; border-radius: .85rem }

.case { padding: 3.4rem 4.22% 0 }
.case_nav { margin: 1.45rem .15rem .65rem; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; flex-wrap: wrap }
.case_nav h3 { width: 25%; background: #0d2d83; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-right: 1px solid #fff; border-bottom: 1px solid #fff }
.case_nav h3 a { display: block; font-size: .9rem; color: #fff; line-height: 2.5rem }
.case_nav h3:nth-child(4n) { border-right: 0 }
.case_nav h3.on { font-weight: 700 }
.case_con {position: relative}
.case_con dl { padding: 0 .15rem; box-shadow: 0 .25rem .5rem 0 rgba(0, 0, 0, .13); margin-bottom: .8rem; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.case_con dd { background: #fff; padding: 1.25rem 1.25rem 1.75rem }
.case_con dd h4 { font-size: 1.15rem; color: #333; line-height: 2.5rem; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.case_con dl dd p { display: block; font-size: .8rem; color: #666; line-height: 1.4rem }
.case_switch div { width:2.2rem;
height:2.2rem;
background:#fff;
border-radius:50%;z-index:99;position: absolute; top: 8rem; }
.case_switch .case_prev{left: .15rem}
.case_switch .case_next{right: .15rem}


.power { padding: 3rem 0 3.25rem; position: relative }
.power h2 { margin-bottom: 1.45rem }
.power dl { background: #fff }
.power dd { margin: 2.45rem 4.69% 0 4.38%; background: #fff url(../images/01.png) no-repeat right top; -webkit-background-size: 4.8rem 4.05rem; background-size: 4.8rem 4.05rem }
.power dd h3 { margin-bottom: 1.9rem }
.power dd h3 strong { display: block; font-size: 2rem; color: #282828; line-height: 2.7rem; letter-spacing: .15rem }
.power dd h3 i { color: #06B }
.power dd h3 span { display: block; font-size: .9rem; color: #131313; line-height: 100%; margin-top: .35rem }
.power dd p { padding-left: 2rem; background: url(../images/pi.png) no-repeat .35rem .4rem; -webkit-background-size: .5rem .75rem; background-size: .5rem .75rem; font-size: 1rem; color: #363636; line-height: 1.5rem; margin-bottom: .95rem }
.power .power2 dd { background-image: url(../images/02.png) }
.power .power3 dd { background-image: url(../images/03.png) }
.power_switch { display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; cursor: pointer }
.power_switch .power_prev, .power_switch .power_next { width: 2.35rem; height: 2.4rem }
.power .swiper-pagination { bottom: 0; position: relative; margin: .95rem 1.8rem 0 }
.power .swiper-pagination-bullet { background:#282828; width: .55rem; opacity: 1; height: .55rem; margin: 0 .45rem !important; border-radius: 50%; }
.power .swiper-pagination-bullet-active { border-radius: .25rem; opacity: 1; background: #0066BB;width:1.75rem; }


.contacts { padding-top: 3.3rem; background: #f3f3f3;  }
.contacts .pic { width: 75%; margin: 2.2rem 12.5% 1rem }
.gun { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; flex-wrap: wrap; background: url(../images/gun_bg.jpg) no-repeat center bottom; background-size: 100% 100%; -webkit-background-size: 100% 100%; padding-bottom: .5rem }
.gun li { width: 30.1563%; padding: .5rem 0 0 2.65rem; background: url(../images/line.png) no-repeat right center; background-size: .1rem 2.2rem; -webkit-background-size: .1rem 2.2rem; margin-bottom: 1rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.gun li em { display: block; font-size: .8rem; color: #282828; line-height: 2.3rem; letter-spacing: 1px; -o-transition: all .3s ease; transition: all .3s ease }
.gun li em i { font-size: 2.3rem; font-weight: 700; margin-right: .25rem; display: inline-block; vertical-align: -1px }
.gun li span { display: block; font-size: .8rem; color: #282828; line-height: 100%; margin-top: -.45rem; letter-spacing: .15rem; -o-transition: all .3s ease; transition: all .3s ease }
.gun li:hover em, .gun li:hover span { color: #0D2D83 }
.gun li:nth-child(2), .gun li:nth-child(5) { width: 30.93%; padding-left: 3.1rem }
.gun li:nth-child(3), .gun li:last-child { width: 38.9%; background: 0 0 }

.about { padding: 3.35rem 4.69% 0; background: url(../images/about_bg.jpg) no-repeat center top; background-size: 100% auto; -webkit-background-size: 100% auto }
.about h2 a, .about h2 i { color: #fff }
.about_con { font-size: .9rem; color: rgba(255, 255, 255, .69); line-height: 1.65rem; text-align: center; margin-bottom: 5.55rem }
.about_con p { margin: 4rem .15rem 2.8rem }
.about_con a { display: block; width: 10.35rem; height: 2.65rem; background: linear-gradient(0deg, #0d2d83, #06b); border-radius: 1.3rem; font-size: .8rem; color: #fff; line-height: 2.65rem; margin: 0 auto }
.album_nav { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; margin-bottom: .7rem }
.album_nav div, .album_nav h3 { width: 32.24%; text-align: center; background: #06B;font-size: 1rem; color: #fff; line-height: 3rem; }
.album_nav div a, .album_nav h3 a { display: block; font-size: 1rem; color: #fff; line-height: 3rem; -o-transition: all .3s ease; transition: all .3s ease }
.album_nav div.on, .album_nav h3.on { background: #0d2d83 }
.album { overflow: hidden }
.album ul { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between }
.album li { width: 48.96% }
.album li span { display: block; font-size: .7rem; color: #333; line-height: 1.7rem; background: #ECECEC; text-align: center }
.album_list{background: #fff;}
.album .swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: visible;
}

.news {  padding: 2.5rem 4.69% 2.2rem }
.news_nav {height: 3rem;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between; margin:1.2rem 0 .9rem;}
.news_nav h3{width: 32.3%; font-size:1rem;text-align:center;color:#fff;line-height:3rem;background: #0066BB;}
.news_nav h3 a{display: block;color: #fff;}
.news_nav h3.on{background: #0D2D83;}
.news_con { overflow: hidden; }
.news_con ul{background: #fff;}
.news_con li { background: #F5F2F5; padding: 1rem .45rem .85rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 1.1rem }
.news_con li a { display: block; border: 1px solid #EBEBEB; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; align-items:center;-webkit-align-items: center;}
.news_con li span { display: block; width: 33%; text-align: center; font-size: .7rem; color: #000; line-height: 100% ;padding:.35rem .3rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.news_con li div { width: 64%;padding-right:2%; }
.news_con li div h4 { font-size: .9rem; color: #000; line-height: 1.1rem; margin-bottom: .4rem;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
.news_con li div p { font-size: .9rem; color: #888; line-height: 1.1rem }
.news_con li div p i {font-size: .6rem; color:rgba(0,0,0,.5); float:right;}
/*
html { background: #fff }

.wrap { opacity: 0 }
.loading { position: fixed; width: 100%; height: 100%; top: 0; z-index: 51; display: none; max-width: 640px; min-width: 320px; z-index: 99999 }
.loading img { display: none }
.loading #showNext { line-height: 1.8rem; display: none; color: #333; border: .05rem solid #333; border-radius: 5%; padding-left: 1rem; padding-right: 1rem; text-align: center; position: absolute; right: 1rem; top: 1rem; z-index: 99 }*/
.homeShow { animation: fade .8s ease both; -webkit-animation: fade .8s ease both }
@-webkit-keyframes fade {
    from { opacity: 1; display: block }
    to { opacity: 0; display: none; height: 0 }
}
@keyframes fade {
    from { opacity: 1; display: block }
    to { display: none; opacity: 0; height: 0 }
}
.fade { -webkit-animation-name: fade; animation-name: fade }
@media screen and (min-width:320px) {
    html { font-size: 10px }
}
@media screen and (min-width:360px) {
    html { font-size: 11.25px }
}
@media screen and (min-width:375px) {
    html { font-size: 11.7px }
}
@media screen and (min-width:384px) {
    html { font-size: 12px }
}
@media screen and (min-width:480px) {
    html { font-size: 15px }
}
@media screen and (min-width:414px) {
    html { font-size: 13px }
}
@media screen and (min-width:560px) {
    html { font-size: 17.5px }
}
@media screen and (min-width:640px) {
    html { font-size: 20px }
}