/*样式初始化及公用样式*/
*{margin:0;padding:0;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
body{font-family: "微软雅黑",Helvetica,Arial,sans-serif;font-size: 14px;color:#333;}
li{list-style: none;}
img{border: none;width: 100%;vertical-align:middle;height: auto;}
input{outline: 0;border: none;}
a{text-decoration:none;cursor:pointer;color:#333;/*display:block;*/}
.clearfix:after{display: block;content: " ";height: 0;line-height: 0;visibility: hidden;clear: both;}
.clearfix{zoom:1;}
.container{padding:0 4%;;margin: 0 auto;}
body{max-width: 768px; margin:0 auto;display:block;}
/*公共-header*/
.header{background: #f8f8f8; height: 60px; width: 100%; position: fixed; top: 0; left: 0; z-index: 99; transition: all .3s ease;}
.header .container{padding:0;}
.header .logo{float: left;padding: 5px; width:80%; overflow:hidden; float:left}
.header .logo img{height:50px; width:auto; }
.header .button{float: right;margin-right: 3%;margin-top: 15px;}
.header .button span{}
.header .button span{width: 30px; height: 2px; background-color: #000; display: block; margin: 6px auto; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.nav{position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.9); display: none;}
.nav ul{margin: 0 auto; width: 50%; text-align: center; height: 500px; position: absolute; top: 50%; margin-top: -250px; left: 50%; margin-left: -25%;}
.nav ul a{color: #fff;font-size: 18px; display: block; height: 50px; line-height: 50px; overflow: hidden;}
.sub-nav,.header .slogan{display: none;}
.nav ul .sub-nav{}
.nav ul .sub-nav a{font-size:15px;text-indent:20px;height: 36px;line-height: 36px;}
.nav .close{display: block; position: absolute; top: 2%; right: 4%;}
.nav .close img{width: 32px;transition: all .5s ease}
.nav .close:hover img{transform: rotate(180deg)}

/*首页轮播*/
.pc_lunbo{display: none;}
.mobile_lunbo{margin-top:60px;}
.swiper-container{width: 100%;height: 100%;}
.swiper-wrapper{transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s;}
.swiper-slide{text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
/*首页-关于我们*/
.index-about{padding:8% 0; overflow: hidden;background-color: #f6f6f6;}
.index-about .item{width: 100%;overflow: hidden;margin-top: 20px;}
.index-about .item.first{margin-top: 0;}
.index-about .item .pic{width: 20%; float: left; margin-right: 5%; overflow: hidden; border-color: transparent; border-width: 0px;}
.index-about .item .content{float: right; width: 75%;}
.index-about .item .content a.title{height: 28px; line-height: 28px; font-size: 15px; margin: 20px 0 0;  font-weight: bold;}
.index-about .item .content p{color: #555; line-height: 24px;}
/*首页-新闻中心*/
.index-news{overflow:hidden; margin-bottom:10%}
.index-commonTitle{text-align: center; padding: 30px 0 20px;}
.index-commonTitle a{color: #555; font-size: 18px; height: 40px; line-height: 40px; font-weight: bold;}
.index-commonTitle p{width: 40px; height: 2px; background: #47b5e8; margin: 0 auto;}
.index-news .cate{display: none;}
.index-news .news-con .left .item .con{margin-bottom: 20px;}
.news-con .left .item .con a{font-weight: bold; font-size: 15px; color: #5A5A5A; line-height: 48px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news-con .left .item .con a span{color: #47b5e8;    font-weight: normal;}
.news-con .left .item .con p{color: #5a5a5a; line-height: 24px;}
.index-news .news-con .right{display: none;}
.index-news .more{width: 100px; margin: 0 auto; margin-top: 30px; height: 32px; line-height: 30px; text-align: center; display:none}
.index-news .more a{display: block; border: 1px solid #d9d9d9; border-radius: 30px; color: #999999;}
/*首页-研究*/
.index-research{overflow:hidden; padding-bottom:5%;background-color: #f6f6f6;}
.index-research .content .item{float: left; width: 48%; margin-left: 4%;    margin-bottom: 5px;}
.index-research .content .item:nth-child(2n+1){margin-left: 0;  clear:both;}
.index-research .content .item .intro p.num,.index-research .content .item .cover{display: none;}
.index-research .content .item .intro h3{font-size: 15px; line-height: 30px; color: #000; text-align: center; font-weight: bold; padding: 5px 0;}
.index-research .content .item .intro p.summary{padding: 0px 0px 20px; text-align: center; color: #666;}
/*首页-产品*/
.index-pro .content{overflow: hidden;    padding-bottom: 5%;}
.index-pro .content .item{background: #fbf6f6; float: left; width: 48%; color: #fff; text-align: center; margin-bottom: 10px; margin-left: 4%; padding-bottom:15px;}
.index-pro .content .item:nth-child(2n+1){margin-left: 0;}
.index-pro .content .item h2{font-weight: bold; margin-top: 0; line-height: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:14px;}
.index-pro .content .item ul{display: none;}
.index-pro .content .item img{width:50%; padding:5% 0px 5%; }
/*首页-应用领域*/
.index-apply .content{overflow: hidden;margin-bottom: 60px;}
.index-apply .content .item{float: left; width:48%; margin-bottom: 20px;text-align: center;}
.index-apply .content .item:nth-child(2n+1){margin-left: 0;}
.index-apply .content .item p{display: none;}
/*footer*/
.footer{display: none;}
.btmBox{position: fixed; width: 100%; display: block; left: 0; bottom: 0; z-index: 9000; background: #016098;}
.btmBox li{width: 33.33%; float: left;}
.btmBox li a{display: block; padding: 7px 0; color: #fff; font-size: 12px; text-align: center;}
.btmBox li a img{margin: 0 auto; width: auto; height: 20px; display: block;}


/*内页*/
.banner .pc{display: none;}
.main {
  position: relative;
    margin-top: 10px;
}
.main .left-nav {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
    height: 40px;
    background-color: #016098
}
.main .left-nav .title {
  font-weight: normal;
  color: #fff;
    line-height: 40px;
    text-indent: 12px;
    float: left;
    font-size: 1rem;
  float: left;
}
.main .left-nav  .choice{
  float: right;
  width: 18px;
    margin-top: 10px;
    margin-right: 12px;
    height: 18px;
    transition: All 0.4s ease-in-out;}

.main .left-nav  .choice.add {
    transform: rotate(45deg);
}
.main .left-nav .list{display: none;padding: 0 0 5px;
    position: absolute;
    width: 100%;
    overflow: hidden;
    top: 40px;
    left: 0;
    background: #004580;}
.main .left-nav .list ul li {
    height: 40px;
    padding: 0 5%;
    z-index: 1;
}
.main .left-nav .list ul li a {
    float: right;
    color: white;
    font-size: 14px;
    width: 100%;
    padding-left: 12px;
    line-height: 50px;;
}
.main .box {
}
.main .box .title{display: none;}
.main .box .content{margin-bottom: 60px;padding-top: 50px;}
.main .box .content p{/*margin-top: 10px;*/
    margin-bottom: 10px;
    line-height: 24px;
    text-indent: 2em;}

/*亚翰材料新加表格*/
table{width:100%;border-collapse:collapse;border:none;background-color:#dbeef3;margin:0 auto;table-layout:fixed;}
table .firstRow{font-size:16px;font-weight:bold;height:40px;border-bottom:2px solid #fff;}
table .firstRow td{color:#000;}
table tr{word-wrap: break-word;}
table tr td{ height:30px;color:#333;vertical-align:center;text-align:center;border:1px solid #fff;}


/*产品列表*/
.pro .item .top {
    width: 100%;
    border-bottom: 1px #CCC dotted;
    font-size: 15px;
    height: 40px;
    line-height: 40px;
    background: #2868c2;
/*    margin:20px 0;*/
}
.pro .item .top a {
    color: #fff;
    padding-left: 20px;
}
.pro .item .bottom{overflow: hidden;margin-top: 20px;}
.pro .item .bottom li {
    width: 48%;
    float: left;
    margin-left: 4%;
    line-height: 40px;
    margin-bottom: 20px;
}
.pro .item .bottom li:nth-child(2n+1){margin-left: 0;}
.main .box .pro p{margin-bottom: 0px;
    line-height: 48px;
    text-indent: 0em;
    text-align: center;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}


.page{margin: 0 auto; text-align: center;margin-bottom: 80px;}
.page a{text-align: center; width: 35px; display: inline-block; color: #333; background-color: #f2f2f2; /* padding: 10px 20px; */ margin-right: 5px; line-height: 35px;}
.page a.current, .page a:hover{background: #0366b8; color: #fff;}

.page a{display: none;}
.page a.pre,.page a.next{display: inline-block;}

/*产品详情*/
.main .box .pro-info h2 {
    width: 100%;
    border-bottom: 1px #CCC dotted;
    font-size: 16px;
    line-height: 40px;
    background: #2868c2;
    color: #fff;
    font-weight: normal;
}
.other {
    height: 10px;
    border-bottom: 1px dashed #cccccc;
}
.main .box .pro-info p.info-title {
    font-weight: bold;
    color: #014a8f;
    margin-top: 10px;
}
.main .box .pro-info p {
    text-indent: 0;
    line-height: 30px;
    margin-bottom: 0;
}
.main .box .pro-info table{
width: 100%;
    border-collapse: collapse;
    border: none;
    background-color: #dbeef3;
    margin:5px 0;color:#000;table-layout:fixed;}
.main .box .pro-info table .firstRow{ font-size: 15px;
    font-weight: bold;
    height: 40px;
    border-bottom: 2px solid #fff;}
.main .box .pro-info table .firstRow td{color:#fff;font-weight:bold;}
.main .box .pro-info table tr{word-wrap:break-word;}
.main .box .pro-info table tr td {color: #2f2f2f;vertical-align: center;text-align: center;border: 1px solid #fff;}

.main .box .content .change{    text-align: center;
    margin-top: 20px;
    border-top: 1px dashed #cccccc;
    padding: 20px 0 0px;
    overflow: hidden;}
.main .box .content .change span:first-child{display: none;}
.main .box .pro-info{margin-bottom: 100px;}
/*overflow: hidden; text-overflow: ellipsis; white-space: nowrap;*/

/*新闻列表*/
.main .box .content .newslist li .center .title{font-size: 16px;
    display: block;
    text-indent: 0;
    color: #717171;
    height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 10px 0 0;
    background: none;
    border-bottom: none;
    padding-left: 0;}
.main .box .content .newslist li .center .txt {
    text-indent: 0;
    height: 52px;
    font-size: 12px;
    color: #A2A2A2;
    line-height: 24px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}
.main .box .content .newslist {
    margin-bottom: 20px;
}
.newslist li .right{display: none;}
.main .box .content.news{margin-bottom: 100px;}
.main .box .news h2 {
    font-size: 15px;
    text-align: center;
    margin: 20px 0;
}

.main .box .contact h2 {
    text-align: left;
    font-size: 18px;
}

.main .box .contact a {
    line-height: 30px;
    display: block;
    cursor: auto;
}
.main .box .content.contact img{display: block;width: 100%;margin: 0 auto;}