html{-webkit-text-size-adjust:none;max-height:100%}
body{font-family: microsoft yahei;font-size: .16rem;position:relative;width:100%;height:100%; color:#333}
body,p,ul,li,img,h3,h2,dl,dd,dt,h4{margin:0; padding:0;}
ul,li, dl, dt, dd {list-style:none;}
a{text-decoration:none;outline:0px; color:#333}
fieldset,img {border:0;}
img{display:block;max-width: 100%}
i,em{ font-style:normal}
.clear {clear:both;width:100%;}
.c{clear:both;width:100%;}
.clearfix:after{content: ""; display: block;clear: both;}
.clearfix{zoom:1; clear:both}
.fr{ float:right}
@font-face {
    font-family: 'Conv_HelveticaNeue-ThinExt';
    src: url('../fonts/HelveticaNeue-ThinExt.eot');
    src:url('../fonts/HelveticaNeue-ThinExt.woff') format('woff'), url('../fonts/HelveticaNeue-ThinExt.ttf') format('truetype'), url('../fonts/HelveticaNeue-ThinExt.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Conv_ITCAvantGardeStd-Demi';
    src: url('../fonts/ITCAvantGardeStd-Demi.eot');
    src: url('../fonts/ITCAvantGardeStd-Demi.woff') format('woff'), url('../fonts/ITCAvantGardeStd-Demi.ttf') format('truetype'), url('../fonts/ITCAvantGardeStd-Demi.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
.allpage{position:relative;z-index:10;background:#fff;height:auto;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;right:0;min-height:6rem;}
.content{min-height:8rem;overflow:hidden;font-size:.24rem;padding-bottom: 15%;background-color: transparent; line-height:.42rem}
.minitop{ height:.6rem;line-height:.6rem; background: #ededed;display: block;position: relative;overflow: hidden;}
.minitop a {color: #666; }
.minitop a i { width:.42rem;display: block;float: left;padding: 0.1rem 0.11rem 0 1.14rem;}
.minitop a em { padding-left: 0.07rem; color: #ea7901; font-size: .28rem;font-weight: bold;}
.logo{ padding:.39rem 0}
.logo img{ margin: 0 auto}
.so{ padding:.2rem 0;overflow:hidden; width:95%; margin:0 auto}
.inp1 { background: url(../images/index_09.gif) no-repeat;width:4.25rem;height:.42rem; border: none; padding: .09rem .12rem .08rem .57rem;float: left;line-height:.42rem; font-size:.24rem; font-family:Microsoft YaHei; background-size:100%}
.sotbn {background: url(../images/index_10.gif) no-repeat; width: 1.11rem; height:.59rem; border: 0px;cursor: pointer;background-size:100%; float:left}
.bottom{ background:#343434; height:9.5rem}
.bottom .menu{ height:.96rem; line-height:.96rem; border-bottom:1px solid #606060; color:#5d5d5d; text-align:center; margin-bottom:.48rem}
.bottom .menu a{ width:24%; text-align:center; color:#cdcdcd; font-size:.24rem; display:inline-block}
.code{ width:52%; margin:0 auto; text-align:center}
.code img{ width:100%}
.code p{ line-height:.74rem; color:#a3a3a3}
.bottom .phone {color: #a3a3a3;font-size: .24rem;text-align: center;padding-top: .3rem; line-height: .38rem; clear:both}
.bottom .phone span { display: block; background:url(../images/index_07.png) no-repeat;  background-position-x: left; width: 1.44rem; text-align: right; margin: 0 auto; line-height: .41rem; background-size: 26%;}
.bottom .phone b {display: block;color: #2ed8fd; font-size: .43rem; font-weight: normal; line-height: .77rem;}
.bottom .cp { color: #7d7d7d;line-height: .32rem; font-size: .2rem; text-align: center; padding-top: .37rem;}
.bottom a{color: #7d7d7d;}
.foot{width:100%;height:0.8rem;bottom:0;left:0;z-index:1000;background: #0a3562;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;position: fixed!important;}
.foot a{display:block;float:left;width:25%;color:#ffffff; padding-top:.07rem; height:.73rem}
.foot a span{display:block;width:.48rem;height:.42rem; margin:0 auto .03rem}
.foot a h3{width:100%;text-align:center;font:0.18rem/0.2rem "microsoft yahei";}
.foot a:nth-child(1){ background:#abcd05}
.foot a:nth-child(1) span{ background:url(../images/f_pic01.png) no-repeat;background-size: 100%;}
.foot a:nth-child(2) span{ background:url(../images/f_pic02.png) no-repeat;background-size: 100%;}
.foot a:nth-child(3) span{ background:url(../images/f_pic03.png) no-repeat;background-size: 100%;}
.foot a:nth-child(4) span{ background:url(../images/f_pic04.png) no-repeat;background-size: 100%;}
.warp{ width:92%; margin:0 auto}
.banner{width:100%;position: relative; margin:0 auto;}
.banner img{ width:100%; height:auto;}
.banner .swiper-container { width: 100%; height: 100%;}
.banner .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;}
.banner .swiper-pagination,.honor .swiper-pagination,.workshop .swiper-pagination{ padding:0; margin:0;width: 100%!important;text-align: center!important; }
.banner .swiper-pagination{bottom:2%!important;}
.honor .swiper-pagination,.workshop .swiper-pagination{bottom:0%!important;}
.banner .swiper-pagination-bullet,.honor .swiper-pagination-bullet,.workshop .swiper-pagination-bullet{width: .12rem!important;height: .12rem!important; background-color: #2573c6;opacity: 1!important; border-radius:50%!important;}
.banner .swiper-pagination-bullet-active,.honor .swiper-pagination-bullet-active,.workshop .swiper-pagination-bullet-active{ background:#afcc00; }
.banner .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet,.honor .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet,.workshop .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{margin:0 1%!important;}
.honor .swiper-container,.workshop .swiper-container{ overflow: hidden; padding-bottom:.5rem}
.rc{ width:96%; margin:0 auto; padding-top:.3rem}
.rc ul li{ border:.03rem solid #e4e4e4; width:46%; margin:0 1.5% .6rem; position:relative; float:left}
.rc ul li img{ width:100%; height:2rem;}
.rc ul li .desc{ padding:.09rem .2rem .4rem}
.rc ul li .desc h2{ border-bottom:.02rem dotted #e9e9e9; font-weight:normal; font-size:.28rem; height:.5rem; line-height:.5rem; overflow:hidden; margin-bottom:.1rem}
.rc ul li .desc p{ color:#999;overflow: hidden; height:.7rem; overflow:hidden; line-height:.35rem}
.rc ul li .more{ background:url(../images/index_17.gif) no-repeat; width:1.75rem; height:.59rem; text-align:center; color:#103579; position:absolute; bottom:-18px; left:.55rem; background-size:100%; line-height:.52rem}
.proHd2{ height:.5rem; border-bottom:.02rem solid #0f3679; position:relative; padding-top:.5rem; margin-bottom:.3rem}
.proHd2 h4{ padding-left:.14rem; line-height:.46rem; color:#103579; font-size:.35rem;float:left; padding-bottom:.05rem}
.proHd2 img{ width:26%; margin-top:.1rem}
.news ul{ overflow:hidden}
.news ul li{ height:.62rem; border-bottom:1px dotted #dfdfdf;line-height:.62rem; overflow:hidden}
.news ul li a{ padding-left:.24rem; overflow:hidden; color:#656565; background:url(../images/index_122.jpg) 0 .23rem no-repeat; float:left}
.news ul li span{ float:right; color:#999}
.about{ width:100%; background:url(../images/index_14.jpg) no-repeat; background-size:100%; height:2.64rem}
.about p{ padding-left:2.16rem; padding-top:.43rem; height:1.26rem; overflow:hidden; padding-right:.24rem; margin-bottom:.1rem}
a.more,.sign ul li a .more{ width:1.6rem; height:.42rem;line-height:.42rem; text-align:center; border:1px solid #1063bf; color:#103677; display:inline-block;}
a.more i,.sign ul li a .more i{ width:.16rem; height:.23rem; background:url(../images/index_06.png) no-repeat; display:inline-block; margin-right:.12rem; background-size:100%; vertical-align:middle}
.about a.more{ float:right; margin-right:.6rem;}
.header{height:0.691rem!important; position:relative;z-index:1000;}
.head{ width:100%;height:0.691rem;top:0;right:0;line-height:0.791rem;z-index:99;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s; background:#0a3562;text-align: center;}
.type{width:100%;top:2.79rem;background:#232323;z-index: 999;overflow-x: scroll;-webkit-overflow-scrolling: touch;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s; min-height:6.8rem;padding:0.1rem 0;display:none}
.type ul{ width:92%; margin:0 auto; min-height:5rem; overflow-y:scroll}
.type li{border-bottom: 1px solid #4f4f4f;padding: 5px 0;}
.type li>a{position: relative;font-size:.3rem;line-height: 20px;color: #fff;display: block;padding: 5px 40px 5px 12px;}
.type li>a i{position: absolute;right: 14px;top:10px;background: url(../images/nav_03.jpg) no-repeat center;width: 15px;height: 15px;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.type li.active>a{color: #353535;}
.type2{ padding: .15rem 0 .14rem;border-top: 1px solid #4f4f4f;margin-top: .05rem;}
.type2 a{display: block;font-size: .24rem;color: #fff;line-height: .42rem;padding: 0 .2rem;}
.type li.active a i{background-image: url(../images/nav_07.jpg);}
.nav-btn{width:14.0625%;right:0;top:0;position:absolute;font-size:0.4rem;line-height:0.71rem;text-align:center;overflow:hidden;color:#fff;}
.nav-btn2{color:#d13534;}
.class-btn{position:absolute;right:16%;top:0%;width:14%;font-size:0.32rem;line-height:0.666rem;color:#fff;text-align:center;overflow:hidden;}
.class-btn span.commonfont{font-size:0.32rem}
/*font*/
@font-face{font-family:"iconfont";src:url('../font/iconfont.woff') format('woff'),url('../font/iconfont.ttf') format('truetype');}
.iconfont{font-family:"iconfont" !important;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale;}
/*font*/
@font-face{font-family:"commonfont";src:url('../font/common.woff') format('woff'),url('../font/common.ttf') format('truetype');}
.commonfont{font-family:"commonfont" !important;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale;}
.top-title{width:70%;position: absolute;left:15%;top:0;font-size:0.3rem;line-height:0.71rem;text-align:center;color:#fff;overflow:hidden;}
.home-btn{width:14.0625%;left:1.09375%;top:0;position:absolute;height:100%;font-size:0.4rem;line-height:0.71rem;color:#fff;text-align:center;overflow:hidden;display:block;}
.nav{width:220px;position:absolute;right:0;top:0;bottom:0;z-index:2; background:#0a3562}
.fixed{width:220px;height:150%;position:fixed;right:0;top:0;bottom:0;z-index:5000;overflow-x: hidden;-webkit-overflow-scrolling: touch;}
.nav li{width:220px;margin:0 auto;border-bottom:1px solid #0c5196;}
.nav li a{display:block;width:100%;font:100 16px/50px '微软雅黑';color:#fff;text-indent:60px;}
.nav li a span{margin-right:3%}
.nav li p{text-indent:70px;}
.nav li:last-child{margin-bottom:20%;}
.clicked{right:220px!important;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
.black-fixed{position: fixed;z-index:99999!important;left:0;width:0;top:0;height:150%;background:rgba(0,0,0,0.9);text-align:right;font-size:0.4rem;color:#2573c6;line-height:2;right:0;overflow:hidden;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;opacity: 0}
.black-clicked{width:100%;padding-right:2%;left:-226px;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;opacity: 1}
.proHd1{ height:.67rem; border-bottom:.02rem solid #a6a6a6; position:relative; width:92%; margin:0 auto}
.proHd1 h4{ padding-top:.08rem; height:.56rem; line-height:.56rem; position:absolute; border-bottom:.04rem solid #1a62ac; width:25%; padding-left:.55rem; background:url(../images/product_27.gif) .16rem .24rem no-repeat; color:#1862ab; font-size:.3rem; background-size:12%}

.head .xbhc{width: 260px; height: 50px; background-color: #0a3562;float: left;border-radius:100px;    text-align: center;  margin-top: 45px;}
.head .xbhc a{color:#ffffff; line-height: 50px;font-size: 20px;text-align: center}		
	
 .xin-zizhi { height:auto;}
.xin-zizhi ul li { float:left; width:47%; height:300px;  margin-left:1.6%; margin-top:15px;}
.xin-zizhi ul li:nth-child(3n+2) { margin-left:2%;}
.xin-zizhi ul li:nth-child(3n+3) { margin-left:2%;}
.xin-zizhi ul li a { display:block; width:100%; height:100%;display: flex;  align-items: center; justify-content: center;}
.xin-zizhi ul li img{max-width: 100%;max-height: 100%;vertical-align: middle;}	

@media all and (min-width:640px){
    .content{width:640px;margin:0 auto;position:relative;}}
@media only screen and (max-width: 479px) and (min-width: 321px) {
    html{font-size: 70px;}
}
@media only screen and (max-width: 320px) {
    html{font-size: 60px;}
}