/* basic */

.wrap_box {width:100%;height:auto;}
.contain_box {width:14.4rem;margin:0 auto;position:relative;}
.contain_tit {display:block;position:relative;}
.contain_tit h3 {text-align:center;line-height:1rem;display:block;font-weight:bold;font-size:.36rem;color:#0B102C;width:auto;padding:.2rem 0 .1rem;position:relative;}
.contain_tit h3:after {display:block;background:#0678c6;height:.1rem;width:.8rem;position:absolute;left:calc(50% - .4rem);bottom:0;content:'';}
.contain_tit span {display:block;text-align:center;height:.3rem;line-height:.3rem;margin:.3rem auto;}

/* pages */

.pages_box {height:.28rem;line-height:.26rem;text-align:center;width:100%;padding:.6rem 0 0 0;}
.pages_box span,.pages_box a {display:inline-block;margin-left:.09rem;padding:0 .1rem;border:.01rem solid #c6c6c6;color:#999;}
.pages_box .on,.pages_box a:hover {background:#0678c6;border:.01rem solid #0678c6;color:#fff;}

/* header */

.header.wrap_box {height:1.5rem;background:#fff url('../img/header.jpeg') top repeat-x;background-size:auto .5rem}
.header .contain_box {height:1.5rem;}
.header .header_info {height:.5rem;line-height:.5rem;}
.header .header_info .header_contact {height:.5rem;line-height:.5rem;color:#fff;font-size:.16rem;display: flex;justify-content: flex-end;align-items: center;flex-wrap: nowrap;flex-direction: row;}
.header .header_info .header_contact dl {display:block;margin-left:.4rem;margin-right:.2rem;}
.header .header_info .header_contact dt {display:block;float:left;}
.header .header_info .header_contact dt.phone {width:.5rem;height:.5rem;background:url('../img/phone.png') no-repeat center;background-size:.23rem auto}
.header .header_info .header_contact dd {display:block;float:left;}
.header .header_nav {height:1rem;display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.header .header_logo {height:1rem;width:2.4rem;background:url('../img/logo.png') no-repeat right;float:left;background-size:2rem auto}
.header .list {display: flex;justify-content: flex-end;align-items: center;}
.header .header_nav ul {display:block;text-align:center;position:relative;margin-right:.2rem;}
.header .header_nav ul > hr {
    display:block;width:1rem;height:.04rem;background:#0678c6;position:absolute;top:0;border:0;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.header .header_nav ul li {display:block;width:1rem;text-align:center;height:.96rem;line-height:.96rem;font-size:.14rem;position:relative;margin-top:.04rem;float:left;}
.header .header_nav ul li a {display:block;line-height:.96rem;}
.header .header_lang {display: block;width: .5rem;height: .5rem;background-size: .3rem;background-position: center;background-repeat: no-repeat;cursor: pointer;margin: 0 .2rem 0 0}
.header .header_lang.en {background-image: url('../img/en.png')}
.header .header_lang.cn {background-image: url('../img/cn.png')}
.header.fixed {position:fixed;top:0;left:0;background:none;z-index:9999;width: 100%;border-bottom:.01rem solid rgba(6,120,198, .5);box-shadow:0 0 .05rem 0 rgba(0, 0, 0, .02);background:#fff;height:.7rem;}
.header.fixed .header_info {display:none;}
.header.fixed .contain_box{}
.header.fixed .header_logo,.header.fixed .header_nav {height:.7rem;line-height:.7rem;}
.header.fixed .header_nav ul li,.header.fixed .header_nav ul li a {height:.66rem;line-height:.66rem;}

/* footer */

.footer.wrap_box {background: #9f9f9f;color:#fff;min-height:2.5rem;width:100%;margin-top:.4rem;}
.footer .contain_box {min-height:2rem;padding-bottom: .15rem}
.footer dl {float:left;width:2.8rem;margin-top:.2rem;text-align:center;margin-right:.2rem;padding-right: .2rem;border-right:.01rem solid #fff;margin-left:.2rem;}
.footer dl.w {margin-left:.4rem;}
.footer dt {height:.4rem;line-height:.4rem;font-size:.16rem;color:#fff;text-align:left;}
.footer dd {min-width:5em;margin:0 auto;text-align:left;padding:.1rem 0 0;line-height:.26rem;font-size: .14rem}
.footer dd a {display:block;height:.3rem;line-height:.3rem;color:#fff;}
.footer dd a:hover {color:#ccc;}

/* copyright */

.copyright.wrap_box {background:#888888;color:#fff;}
.copyright .contain_box {height:.4rem;text-align:center;line-height:.4rem;}
/*.copyright .contain_box i {margin:0;display:inline-block;width:.76rem;height:.4rem;}*/
.copyright .contain_box span {display:inline-block;background:url(../img/logo_s.png) no-repeat left .05rem;height:.4rem;padding-left:1.2rem;background-size:auto .24rem }
.copyright .contain_box a {color:#fff;}
.copyright .contain_box a:hover {color:#ccc;}
.copyright .links a {padding:0 .1rem;}

/* banner */
.banner img{display:block;width:14.4rem;}
.banner.fixed {margin-top:1.5rem;}
.banner.index {height: 6.65rem;background:url(../img/banner_index.png) no-repeat center;background-size: auto 100%;}
.banner.index .banner_txt {width: 7.2rem;height:2.79rem;background:url(../img/banner_index_sub.png);position:absolute;left:.9rem;top:2.3rem;background-size: auto 100%;}

/* index */

.about_txt em {display: inline-block;width: 2em;}
.about_index .contain_box {background:#fff;padding:.3rem 0;display: flex;flex-direction: row;justify-content: center;align-items: center;}
.about_index .about_img {width:6.5rem;height:3rem;overflow:hidden;border-radius:.1rem;box-shadow:0 0 .08rem 0 rgba(0, 0, 0, 0.3);margin-left: .3rem;margin-right: 0}
.about_index .about_img img {display:block;width: 6.5rem;height:3rem;}
.about_index .about_txt {flex:1;margin-right: .3rem;margin-left: .3rem}
.about_index .about_txt h3 {font-size: .3rem;height:.6rem; line-height:.6rem;display:block;}
.about_index .about_txt p {font-size: .16rem;line-height: .36rem;}
.about_index.en .about_txt h3 {line-height: .5rem;height: .5rem;}
.about_index.en .about_txt p {line-height: .3rem}

.culture_index {height:4rem;background:url(../img/cal_bg.png) no-repeat center;padding:1rem 0 0;background-size: auto 100%;}
.culture_index ul {margin:0 2rem;}
.culture_index li {width:2.4rem;height:3.2rem;float:left;background: #fff;text-align: center;margin:0 .1rem;}
.culture_index .cul_img {margin:0 .15rem; border-bottom: .01rem solid #c3c3c3; display:block;height: 1.1rem;background-position:center;background-repeat:no-repeat;background-size: auto .6rem;}
.culture_index .cul_1 {background-image: url('../img/cul_1.png')}
.culture_index .cul_2 {background-image: url('../img/cul_2.png')}
.culture_index .cul_3 {background-image: url('../img/cul_3.png')}
.culture_index .cul_4 {background-image: url('../img/cul_4.png')}
.culture_index li b {display: block;color:#0678c6;font-size:.22rem;line-height: .32rem;margin: .12rem 0}
.culture_index li span {font-size:.15rem;line-height:.26rem;padding: .05rem 0;display: block;}

/* about */
.about .contain_box {min-height: 3.8rem;padding:.25rem 0;background:#fff;display: flex;flex-direction: row;}
.about .about_img {width:5.6rem;height:3.64rem;margin-right:.25rem;box-shadow:0 0 .08rem 0 rgba(0, 0, 0, 0.3);border:.05rem solid #fff;border-radius:.1rem;overflow: hidden;}
.about .about_img img {display: block;width: 5.6rem;}
.about .about_txt {margin-right: .25rem;margin-left: .25rem;font-size: .15rem;line-height: .28rem;text-align: justify;flex: 1}
.about .about_txt h3 {line-height:.4rem;height: .4rem;}
.about .about_txt img {display: block;width: 5.6rem;float:right;margin-left: .25rem;border: .05rem solid #fff;box-shadow: 0 0 .08rem 0 rgba(0, 0, 0, .3);}

/* quality */
.quality .contain_box {min-height: 3.3rem;padding:.25rem 0;background:#fff;display: flex;flex-direction: row;justify-content: space-between;align-items: stretch;}
.quality_img {width:5.6rem;height:3.2rem;margin-right:.25rem;box-shadow:0 0 .08rem 0 rgba(0, 0, 0, 0.3);border:.05rem solid #fff;border-radius:.1rem;overflow: hidden;}
.quality_img img {width:5.6rem;height:3.2rem;}
.quality_txt {margin-right: .25rem;margin-left: .25rem;font-size: .15rem;line-height: .28rem;text-align: justify;width:7.8rem}
.quality_txt h3 {line-height:.4rem;height: .4rem;}
.quality_txt strong {display:block;line-height: .3rem;color:#0678c6;font-size:.18rem;padding:.15rem 0;}
.quality_txt span {display:block;line-height:.3rem;font-size:.16rem;}
.quality_txt span:before {display:block;content:'▲';font-size:.18rem;float:left;width:.24rem;text-align:center;color:#06c;}

/* product */
.product .contain_box{background:#fff;padding:.3rem 0;}
.product_l {margin-left: 4.8rem;margin-right: .3rem;}
.product_r {float:left;width: 4.2rem;margin-left: .3rem;}
.product_r h2 {display:block;line-height: .4rem;color:#0678c6;font-size:.28rem;padding:.15rem 0;}
.product_r span {display:block;line-height:.4rem;font-size:.24rem;}
.product_r span:before {display:block;content:'▲';font-size:.24rem;float:left;width: .36rem;text-align:center;color:#06c;}
.pro_tag {display:block;height:.4rem;line-height:.4rem;width:4.2rem;padding:.3rem 0 .1rem 0;font-size: .16rem}
.pro_tag li {display:block;width:2rem;margin-right:.1rem;text-align:center;float:left;background:#e3e3e3;color:#333;cursor: pointer;}
.pro_tag li.on {background:#0678c6;color:#fff;}
.pro_tit {display: flex;width: 100%;height: .8rem;flex-direction: row;justify-content: space-between;align-items: center;border-bottom: .04rem solid #0678C6;}
.pro_tit i {display: block;width: 2.4rem;height: .6rem;background: url('/img/logo_b.png') no-repeat center;background-size: 100%}
.pro_tit h3 {font-size: .24rem;margin-right: .2rem}
.pro_con {display:none;}
.pro_con.on {display:flex;flex-direction: row;justify-content: space-between;align-items: flex-start;}
.pro_con table {width: 49%;margin-top: .1rem;}
.pro_con th {background: #558dd8;line-height: .3rem;font-size: .13rem;}
.pro_con td {font-size: .13rem;line-height: .16rem;padding: .05rem 0;}
.pro_con td.t {background: #8db3e2;text-indent: .08rem;box-sizing: border-box;font-weight: bold;font-size: .13rem}
.pro_con tr td.c {padding-left: .05rem;}
.pro_con tr td.l {text-align: center;}
.pro_con tr td.m {filter:blur(2.5px);user-select: none;}

/* management */
.management .contain_box {background:#fff}
.management .contain_box h2 {display:block;line-height: .4rem;color:#333;font-size:.24rem;padding:.15rem 0;text-align:center;}
.management .contain_box h2 span {display:block;text-align:center;font-weight:normal;font-size:.18rem;color:#999;}
.management_txt {margin-right:6.4rem;margin-left:.5rem;padding-top:.5rem;}
.management_txt dl {display:block;height:.6rem;margin:0 0 .4rem;}
.management_txt dt {display:block;float:left;width:.6rem;height:.6rem;}
.management_txt dd {display:block;margin-left:.8rem;}
.management_txt dd b {display:block;color:#0678c6;font-size:.18rem;line-height:.32rem;}
.management_txt dd span {display:block;font-size:.14rem;line-height: .28rem;}
.management_txt dt img {display: block;width: .5rem;height: .5rem;margin:.05rem}
.management_img {float:right;width:4.1rem;}
.management_img img {width:3.5rem;margin:.4rem auto;border: .05rem solid #fff;box-shadow: 0 0 .08rem 0 rgba(0, 0, 0, .3);}
.management_info {padding-bottom: .4rem;}
.management_info dl {display:block;margin-top:.4rem;position:relative;}
.management_info dl:after {display:block;background:#ccc;width:.01rem;height:100%;position:absolute;left:2rem;top:0;content:'';}
.management_info dt {float:left;width:1rem;margin-left:.5rem;font-size:.24rem;line-height:.4rem;color:#0678c6;font-weight:bold;}
.management_info dd {margin-left:2.4rem;margin-right: .5rem;display:block;text-align:justify;font-size:.18rem;line-height:.4rem;min-height:2rem;color:#464646;}
.management_info dd img {width:100%;display:block;}

/* notice */
.notice .contain_box{background: #fff;padding:30px;box-sizing: border-box;line-height: 24px;font-size: 14px;}
.notice .contain_box h3 {display: block;line-height: 30px;font-size: 16px;margin-bottom: 10px;}
.notice .contain_box dl {display: flex;flex-direction: row;}
.notice .contain_box dt {width: 5em;}
.notice .contain_box dd {flex: 1;}

/* contact */
.contact .contain_box {background:#fff;padding:.5rem 0;}
.contact_box {margin:0 .3rem;display: flex;flex-direction: row;justify-content: space-evenly;flex-wrap: nowrap;align-items: stretch;}
.contact_box li {width: 25%;display:block;line-height:.3rem;font-size:.14rem;min-height:2.5rem;position: relative;}
.contact_box li:first-child {border-left:0;}
.contact_box li + li:before {display: block;position: absolute;left: 0;width: .01rem;top: 0;bottom: 0;background: #ccc;content: ''}
.contact_box li b {display:block;line-height: .4rem;height:.4rem;font-weight:bold;font-size:.18rem;margin-bottom:.1rem;margin-left:.2rem;color:#0678c6;}
.contact_box li p {margin:0 .2rem;}
#map {height:3rem;margin:0 .4rem;}