﻿*{margin:0px;padding:0px;list-style:none;text-decoration:none;font-family:Microsoft YaHei;font-size:14px;}
body{background:#fff;margin:0px;padding:0px;list-style:none;text-decoration:none;font-familiy:Microsoft YaHei;}

.clear{ clear:both; height:0px; width:100%; margin:0; padding:0;}
img { border:0;max-width: 100% }
ul, li { list-style-type:none; }
p{ color:#000;}
a{text-decoration:none; color:#000;}
A:link{text-decoration:none; color:#000;}
A:visited{text-decoration:none; color:#000;}
A:hover{text-decoration:none; color:#0157a4;}
input:focus{outline: 0;}
.container{width: 1200px;margin: 0 auto}
#wrap{width:100%;height:auto;}
.tong{width:100%;}
/* logo */

#logo{width:100%;height:0.98rem;min-height:70px;border-bottom:1px solid #EAEAEA;padding: 23px 0;}
.logo{height: 100%;margin: 0 auto;}
.logo img{height: 100%;}
.logo .logo-right{float: right;}
.logo-small{display: none}

/* nav */
.toggle-nav{display: none}
.toggle-nav img{height: 30px;padding: 0 0.2rem 0 0;float: right;}

/* nav */
.nav{width:100%;height:58px;background-color: #384b90;}
.nav ul{ margin:0 auto; display: flex;height: 100%;}
.nav ul li{text-align:center;line-height: 58px;width: inherit;}
.nav ul li a{font-size: 16px;color: #ffffff;padding: 0.2rem 0;}
.nav ul li:hover{background:#4b62b4}
.nav ul li:hover a{color:#fff}
.nav ul ul{display:none;}

/* 标题 */
.tit{text-align: center;}
.tit span{position: relative}
.tit span:nth-child(1){font-size: 30px;color: #384b90;}
.tit p{font-size: 16px;color: #999999;text-transform: uppercase;margin-top: 10px}
.tit span:nth-child(1):before,.tit span:nth-child(1):after{content: '';position: absolute;width: 66px;height: 2px;background: #384b90;top: 50%;margin: 0 16px;}
.tit span:nth-child(1):before{right: 100%}
/*关于我们*/
.about{padding: .7rem 0 .65rem 0}
.about-content{margin: .5rem auto 0 auto;overflow: hidden   }
.about-content .about-left{width: 46%;margin-right: 4%;float: left;}
.about-content .about-left img{width: 100%}
.about-content .about-right{width: 50%;float: right;}
.about-content .about-right .company-desc h1{font-size: 24px;color: #333333;margin: 10px 0}
.about-content .about-right .company-desc p{font-size: 16px;color: #333333;    line-height: 2;margin-top: 0.2rem;}
.company-dev{display: flex;justify-content: space-between;text-align: center;margin-top: 0.44rem}
.company-dev p{line-height: 30px;}
.company-dev img{height: 45px}
/*列表list*/
.list-content{margin: 0.5rem auto;text-align: center;overflow: hidden;}
.item{width: 32%;float: left;}
.item:nth-child(3n-1){margin: 0 2%;}
.item img{max-width: 100%;}
.item .item-title{color: #333333;line-height: 2.5;padding-top: 6px}
.item .item-keyword{font-size: 14px;color: #999999;}
/*团队*/
.team{padding: .7rem 0 .6rem 0}
.team .item-title{font-size: 20px;}
/*精品展厅*/
.boutique{padding: .7rem 0 .35rem 0;background:  #f6f6f6;}
.boutique-content p{font-size: 16px;margin-bottom: 16px;}
/*搜索*/
.ident{background: url("../images/ident-bg.png") 50% no-repeat;overflow: hidden;background-size: cover}
.ident .ident-block{margin: 0 auto;display: flex;justify-content: space-around;}
.ident .ident-content{margin: .5rem 0;}
.ident-content.ident-left p{font-size: 30px;color: #ffffff;margin: 0.2rem 0;}
.ident-content.ident-left span{color: #ffffff;font-size:18px;border-right: 1px solid #ffffff;display: inline-block;line-height: 1;margin: 8px 0;padding: 0 0.16rem;}
.ident-content.ident-left span:nth-child(2){padding-left: 0;}
.ident-content.ident-left span:last-child{border-right: 0;padding-right: 0}
.ident-content.ident-right{text-align: left;margin: .5rem  auto;width: 4.15rem;}
.ident-search-title{font-size: 20px;color: #ffffff;text-align: left}
.ident-content.ident-right input{box-sizing: border-box;height: 48px;margin: 18px 0;}
.ident-content.ident-right .search{	width: 2.85rem;background-color: #ffffff;position: relative;border: 1px;padding: 14px;    min-width: 160px;}
.ident-content.ident-right .search_btn{width: 1.3rem;background-color: #f8c301;position: absolute;border: 0px}
/* 新闻中心 */
.news{background: #f6f6f6;overflow: hidden;padding: .7rem 0 .5rem 0;}
.news-content{margin: 0 auto;display: flex;justify-content: space-between;flex-direction: row;flex-wrap: wrap;}
.news-content .news-item{width: 48.75%;box-sizing: border-box;padding: 0.2rem;float: left; margin: 20px 0;background: #ffffff}
.news-content .news-item:nth-child(2n){margin-left: 1.25%}
.news-content .news-item:nth-child(2n-1){margin-right: 1.25%}

.news-desc{float: left;width: 48.8%;}
.news-desc h4{font-size: 16px;color: #333333;padding: 5px;}
.news-desc p{font-size: 12px;color: #999999;padding: 10px 5px;}
.news-desc p a{color: #999999}
.news-item-img{width: 49.8%;float: right;}
.news-item-img img{max-width: 100%;max-height: 150px;float: right;}
/* 合作机构 */
.cooperation{padding: .7rem 0 .25rem 0}
.coo-item {width: 18%;float: left;/* margin-bottom: 0.24rem; */text-align: center;margin: 0.24rem 1%;}
.coo-item .coo-item-img{/* border: 1px solid #a6a6a6; */}
.coo-item img {max-height: 110px;width: inherit;/* padding: 0.2rem 0.4rem; */box-sizing: border-box;}
.coo-item p{padding: 12px 0}
/* footer */
footer{width:100%;background-color: #414141;padding: .7rem 0}
.footer{margin: 0 auto;display: flex;justify-content: space-between;}
.footer-left,.footer-right{/* width: 50% */}
.footer-img{float: left;border-right: 1px solid #5d5d5d;padding: 0 0.4rem;text-align: center}
.footer-img img{height: 98px}
.footer-img p{font-size: 16px;color: #ffffff;padding: 10px 0;}
.lian{display: inline-block;margin-left: 0.66rem}
.lian p{white-space: nowrap;line-height: 1.8;}
.lian .lian-title {font-size: 20px;color: #ffffff;}
.lian .lian-tel {font-size: 24px;color: #ffffff;}
.lian .lian-cont {font-size: 14px;color: #b6b6b6;}
.lian .xian{width: 2em;height: 2px;background: #0a74cf;}
.footer ul{float: right;padding: 0.1rem 0.27rem;}
.footer ul li{margin: 0.1rem;font-size: 14px;}
.footer ul li a{color: #b6b6b6;}
.copyright{text-align: center;line-height: 60px;background-color: #2f2f2f;color: #fff;word-break: keep-all;}
.copyright a{color: #ffffff}



/* 内页 */
.common{width: 100%;overflow: hidden}
.common-banner{height: 3.06rem;min-height: 160px;background-size: cover;background-position: center center;}
.common-banner img{max-width: 100%}
/*内页分页*/
#articeBottom{margin-top: 0.4rem}
#articeBottom #docPage{display: flex;justify-content: center}
#docPage li{background-color: #ffffff;border: solid 1px #dcdbdb;padding: 11px 0;margin: 0 5px;}
#docPage li a{padding: 11px 17px;box-sizing: border-box}
#articeBottom .pagebarCurrent{padding: 11px 17px!important;background-color: #384b90;color: #ffffff}
/*内页关于我们*/
.common-about{background: #fff;padding: .55rem 0;margin: .5rem auto}
.about-sub{background: #fff;}
.about-sub ul{display: flex;justify-content: center;text-align: center;padding: .22rem 0;}
.about-sub li {border-right: 1px solid #d5d5d5;padding: 10px .32rem;}
.about-sub li:last-child{border: 0}
.about-sub li a{padding: 10px 0;}
.about-sub .sub-select a{color: #0a74cf}
.about-top{width: 672px;text-align: center;margin: auto}
.about-top .company-dev{margin: .4rem 0;justify-content: space-around}
/*内页文章*/
#articlebox{padding: 0.7rem 0}
#articlebox .artcontent{line-height: 28px}
#articlebox .artcontent h2{font-size: 20px}
#articlebox .artcontent strong{font-size: 16px}
/*内页新闻*/
#newlist{margin: .3rem auto}
#newlist ul li{ display: flex;border-bottom: 1px solid #ececec;padding: .39rem 0;}
#newlist ul li:last-child{border-bottom: 0;}
#newlist .list-img{width: 300px;height: 200px;text-align: center;}
#newlist .list-img img{height: auto;max-height: 100%;}
#newlist .list-desc{margin-left: .48rem;}
#newlist .list-desc a {font-size: 22px;color: #333333;}
#newlist .list-desc p{line-height: 26px;color: #999999;text-align: left;padding: .11rem 0;}
#newlist .list-desc .list-time {font-size: 18px;}

#newscontent{margin: .5rem 0;background: #ffffff; padding: .7rem .38rem;line-height: 28px}
#newscontent h1{	font-size: 24px;line-height: 32px;color: #333333;text-align: center}
#newsconttitle p{text-align: center;    padding: .24rem .5rem;}

#articleHeader {margin: .5rem 0;background: #ffffff;display: flex;justify-content: space-between;height: 0.74rem;padding: 0 0.28rem;}
#articleHeader h4{line-height: 0.74rem }
.result{	font-size: 22px;color: #333333;margin-bottom: .36rem }
/*内页图片*/
#piclist{width: 100%;padding: 0.5rem 0 0.9rem 0;}
#piclist .pic-index li{ list-style:none; float:left; width:30%; margin: 20px 1.5% 0 1.5%;}
#piclist .pic-index li img{ width:100%; height:auto; float:left;padding-bottom: 0.2rem }
#piclist .pic-index h5{text-align: center}
#piclist .pic-index h5 a{font-size: 16px;color: #333333;padding: 15px 0;}
/*内页搜索*/
.search-container{padding: .5rem 0 .5rem 0}
.search-container .ident-content{margin: .2rem auto .54rem auto}
.search-container .ident-content form{text-align: center;}
.search-container .ident-content .search{background-color: #ffffff;border: solid 1px #e2e2e2;width: 441px;height: 58px;box-sizing: border-box;padding: 12px .2rem;font-size: 18px;color: #707070;}
.search-container .ident-content .search_btn {width: 130px;height: 58px;background-color: #f8c301;border: 0;font-size: 18px;color: #181818;margin-left: -6px;}
#search-cont{text-align: center}
/*内页精品展厅*/
.product-content-view{overflow: hidden}
.pro-view-left{width: 540px;float: left;position: relative;padding-right: 40px}
.swiper-container {width: 100%;height: 300px;margin-left: auto;margin-right: auto;}
.swiper-slide {background-size: cover;background-position: center;}
.gallery-top {height: 80%;width: 100%;}
.gallery-top img{width: inherit;}
.gallery-thumbs {height: 120px;box-sizing: border-box;padding: 10px 0;width: 100%;}
.gallery-thumbs .swiper-slide {width: 25%;height: 100%;opacity: 0.4;}
.gallery-thumbs .swiper-slide-thumb-active {opacity: 1;}
.gallery-thumbs img{max-height: 100%;width: auto;}

.pro-view-more{overflow: hidden;text-align: center;}
/*.gallery-thumbs .swiper-slide{width: 25%!important;}*/
.pro-show-title{border-bottom: 2px solid #cacaca;line-height: 20px;
}
.pro-view-right h1{margin: 0.36rem 0}
.pro-view-right{line-height: 2;}
.pro-view-right p,.pro-view-right span,.pro-show-title span{font-size: 20px;}

.pro-view-right p{color: #666666;}
.pro-view-right span{color: #333333;}
.pro-show-title span{color: #384b90;position: relative;padding: 0 22px;line-height: 45px;}
.pro-show-title span:after{content: '';position: absolute;bottom: -12px;left: 0;height: 2px;width: 100%;background-color: #384b90;}
.product-desc{margin: 0.4rem 0;line-height: 2.8}
.pro-view-more .view-more{display: flex;justify-content: space-between;align-items: center;margin-bottom: 0.34rem}
.pro-view-more .view-more span{font-size: 22px;color: #333333;}

.pro-view-more .view-more a{font-size: 14px;color: #666666;}
.pro-view-more .item{width: 32%;margin: 0}
.pro-view-more .item:nth-child(3){margin:0 2% }
/*内页联系我们*/
.lx-content{display: flex;justify-content: space-between;padding-top: 0.7rem;}
.lx-content p{float: left;line-height: 0.74rem;padding-bottom: 0.5rem}
.lx-content p img{height: 0.74rem}
.lx-content div p:first-child{padding-right: 0.16rem}
/*内页团队*/
#productlist .item{margin-bottom: 0.26rem;}
.list-team .item{width: 25%;padding: 0 1%;box-sizing: border-box;margin-right: 0;margin-left: 0;}
/* 内页end */

@media screen  and  (max-width: 1280px){
    .container{width: 92%}
    /*内页精品展厅*/
    .pro-view-left{width: 45%;padding-right: 5%}

}

@media screen  and  (max-width: 980px){
    #logo{position: relative;border: 0;padding: 0}
    .logo {padding: 10px 0.2rem;float: left;height: 70px;width: auto;box-sizing: border-box;}
    .logo img{height: 100%;}
    .logo .logo-right{display: none}
    .toggle-nav{display: block;position: relative}
    .nav{float: none;z-index: 99;position: absolute;background: none;top: 0.5rem}
    .nav ul{display: none;position: absolute;width: 100%;top:46px;z-index: 99;text-align: center;left: 0;background: #1a61b9;height: auto}
    .nav ul li{float: none;line-height: 3}
    .nav ul li a{color: #ffffff;font-size: 14px}
    .nav ul .second{position: static}
    /**/
    .about-content{display: block;}
    .about-content .about-left{width: 100%;margin-right: 0}
    .about-content .about-left img{width: 100%}
    .about-content .about-right{width: 100%}
    /*内页合作机构*/
    .coo-item{width: 31%;}
    .coo-item:nth-child(3n-1){/* margin: auto 2% */}
}
@media screen  and  (max-width: 825px){
    .ident .ident-block{display: block;    text-align: center;}
    .ident-content.ident-right{width: 90%;}
    .ident-content.ident-right .search{width: 70%;}
    .ident-content.ident-right .search_btn{width: 20%;}

    .footer ul{float: unset;padding: 0}
    /*内页*/
    /*关于我们*/
    .about-top{width: 92%}
    /*内页图片*/
    #piclist h5 a{font-size: 12px;}
    /*内页联系我们*/
    .lx-content{display: block;}
    .lx-content div{overflow: hidden}
    /*内页新闻*/
    #articleHeader{display: block;text-align: center;height: auto}
    #articleHeader h4{line-height: 2}
}
@media screen  and  (max-width: 656px){
    /*标题*/
    .tit span:nth-child(1){font-size: 24px;}
    .tit p{font-size: 14px;}
    /*头部*/
    .logo {margin: 5px 0.2rem;height: 60px;}
    .nav{top: 23px;}
    .nav ul li a{font-size: 14px;}
    /*关于我们*/
    .about-content .about-right .company-desc h1{font-size: 18px}
    .list-content .item{width: 48%;margin: 10px 1%;}
    .list-content .item:nth-child(3n-1){margin: 10px 1%}
    .about-content .about-right .company-desc p{font-size: 14px}
    /*精品展厅*/
    .boutique-content p{font-size: 12px;}
    /*团队*/
    .team .item-title {font-size: 16px;line-height: 1}

    .team .item-keyword{font-size: 12px}
    /*搜索*/
    .ident-content.ident-left p{font-size: 22px;}
    .ident-content.ident-left span {font-size: 12px;}
    /*新闻*/
    .news-content .news-item{width: 100%}
    .news-item-img,.news-desc{width: 100%;float: none;text-align: center}
    /*.news-item-img{text-align: center}*/
    .news-item-img img{float: none;}


    .footer-left{width: 100%}
    .footer-left .footer-img{float: unset;border: 0}
    .footer-left .footer-img p{font-size: 14px}
    .footer-left .lian .lian-title{font-size: 16px}
    .footer-left .lian .lian-tel{font-size: 20px}
    .footer-right{display: none}
    .copyright{line-height: 2}
    /*内页*/
    .common-about{width: 100%}
    /*内页关于我们*/
    .about-sub ul{width: 100%}
    /*内页新闻*/
    #newlist ul li{display: block}
    #newlist .list-img{height: 138px;width: auto}
    #newlist .list-img img{height: 100%;width: auto}
    #newlist .list-desc a{font-size: 18px}
    #newlist .list-desc p{font-size: 14px}
    #newlist .list-desc .list-time{font-size: 12px}
    /*内页证书*/
    #piclist .pic-index h5 a{font-size: 12px;}
    #piclist .pic-index li {width: 47%;margin: 20px 1.5%;}
    /*内页搜索*/
    .search-container .ident-content .search{width: 60%;height: 40px;font-size: 16px;}
    .search-container .ident-content .search_btn{width: 25%;height: 40px;font-size: 16px;}
    .result{font-size: 18px}
    /*内页精品展厅*/
    .pro-view-left{width: 100%;padding-right: 0}
    .gallery-thumbs{height: 80px}
    .pro-view-right p,.pro-view-right span,.pro-show-title span{font-size: 16px;}
    /*内页产品index*/
    #productlist .item{line-height: 1}
    .item .item-title{line-height: 1}
}
.show{display: block!important;}
.fancybox-image, .fancybox-spaceball{border-radius: 5px}
