*{margin: 0;padding: 0;}
html {font-family:"Microsoft YaHei";font-size:625%;color: #333;}
body {max-width:640px;margin:auto;font-size:0;background:#fff;}
p,input {font-size:inherit;}
a{color:inherit;text-decoration: none;outline-style: none; border:none;}
ul,ol,li{list-style:none;}
img{max-width:100%;border:none;}
a,button,input,textarea{-webkit-tap-highlight-color: rgba(0,0,0,0); tap-highlight-color: rgba(0,0,0,0);}
em{font-style:normal;}
h1,h2,h3,h4,h5{font-weight:normal;}
.img_box div{display:table-cell;vertical-align:middle;text-align:center;}
.img_box img{vertical-align:middle;border:none;display:inline-block;max-width:100%;max-height:100%;}
.clearfix{*zoom:1;}
.clearfix:before,.clearfix:after{content:'';display:block;height:0;clear:both;visibility:hidden;}
.clear{clear: both;}
.bl{float:left;display:inline-block;}
.br{float:right;display:inline-block;}
#lightbox-secNav-btnClose{padding-top: 0.1rem;padding-bottom: 0;}

.fl { float:left;}
.fr { float:right;}
.k{width:100%; margin:0 auto; height:30px;}
.k1{width:100%; margin:0 auto; height:15px;}
.k2{width:100%; margin:0 auto; height:20px;}
.k3{width:100%; margin:0 auto; height:40px;}

/*头部*/
.header{height:1.1rem; width: 100%;}
.header h1{height:1.83rem; position: absolute; top: 0; left: 0; z-index: 999;}
.header h1 img{width:1.47rem;height:1.83rem;display:inline-block;}
.header .by{float: left; margin-left: 1.6rem;}
.header .by img{width: 3.04rem; height: 0.56rem; margin-top:.3rem;}

.header2{height:.9rem; width: 100%; margin-top: .3rem;}
.header2 h1{height:.47rem; float: left; margin-left: .2rem;}
.header2 h1 img{width:2.83rem; height:.71rem;display:inline-block;}

.menu{width:.6rem; float: right; margin-right: .2rem; margin-top: .1rem;}
#personal{margin:.2rem;}
.ba{width:.6rem; height: .6rem; text-align: center;}

/*nav*/
.sidebar-wrapper{position:relative;height:100%; overflow-y:auto;font-size: .3rem}
#dowebok {background-color:#dc0917;}
#dowebok .nav {margin-top:0.5rem; line-height:0.8rem;list-style-type:none;padding:0 0.2rem; text-align: center;}
#dowebok .nav a {display:block;color: #fff;text-decoration:none;}
[data-simplersidebar='active']{box-shadow: 3px 0px 3px 0px rgba(0, 0, 0, 0.5);}

/*banner*/
.banner img{width: 100%;}
.banner .swiper-pagination{text-align:center;bottom:.15rem;position:absolute;z-index:4;}
.banner .swiper-pagination-bullet{width:.09rem;height:.09rem;background:#fff;opacity:1;border-radius: 0;}
.banner .swiper-pagination-bullet-active{background: #dc0917}

/*nav-ico*/
.nav-ico{width: 6rem; margin:0 auto; padding:.4rem 0 .2rem;}
.nav-ico ul li{float: left; width: 25%; text-align: center; margin-bottom: .12rem;}
.nav-ico ul li a img{width: 1rem; display: block; margin:0 auto;}
.nav-ico ul li a p{line-height: .8rem; font-size: .24rem; color: #000; font-weight: bold;}

/*xx*/
.xx{height: .1rem; background: #ededed;}

/*PRODUCT*/
.title2{text-align:center; width: 100%; margin: 0 auto;}
.title2 img{height: .7rem;}

.product{background: #f6f6f6; width: 100%; padding:.7rem 0 .7rem;}

.product-list{width:6rem; height:1.5rem; text-align: center; margin: .2rem auto; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8;}
.product-list a{display: inline-block;  margin: .1rem .1rem; font-size: .22rem; text-align: center; color: #595959;}

.product-content{width: 6rem; margin: 0 auto; padding-top: .3rem;}
.product-content .product_detail{margin-bottom: 0.4rem; float: left; width: 2.6rem; text-align: center; background-color:#fff; margin-left: .15rem; margin-right: .25rem; border-radius:.1rem; -webkit-box-shadow:0 0 .1rem #d9d9d9; -moz-box-shadow:0 0 .1rem #d9d9d9; box-shadow:0 0 .1rem #d9d9d9;}
.product-content .product_detail img { width: 2.6rem; height:1.89rem; text-align: center;}
.product-content .product_detail p{line-height: .5rem;height: .5rem;  width: 100%; text-align: center; text-indent: .1rem; font-size: .20rem; color: #595959; overflow-y: hidden;}

.more a{width:2rem;text-align: center; height: .6rem; line-height: .6rem; margin:0 auto; font-size: .22rem; color: #fff; display: block; background: #e9262e; border-radius: 20px;}

/*about*/
.about{width: 100%; margin:0 auto; padding:.7rem 0 .8rem;}
.about-content{width: 5.8rem; margin:0 auto; text-align: left; margin-top: .5rem; font-size: .24rem; line-height: 0.45rem; color: #434343;}

/*定制流程*/
.dzlc{width: 100%; padding:.7rem 0 1rem;background:url(dzlc-bg.jpg) no-repeat;background-size: 100% auto;}
.dzlcint{height:2.25rem;background-position: center; width: 5rem; margin:  0.2rem auto;}
.dzlc_detail{float: left; font-size: 0.22rem;color: #c2c2c2;font-weight: bold; width: 2.5rem;margin-top: 0.5rem;}
.dzlc_detail_center{width: 3rem;margin: 0.5rem auto 0 auto;font-size: 0.22rem;color: #c2c2c2;font-weight: bold; }
.dzlc_detail span{font-size: 0.4rem; font-family: Arial;font-weight: bold;color:#dc0917;}
.dzlc_detail_center span{font-size: 0.4rem; font-family: Arial;font-weight: bold;color:#dc0917;}

/*adv*/
.advantage{width: 6rem; margin: 0 auto; padding:.7rem 0 .7rem;}
.advantage .slideBox{margin-top: 1rem;}
.advantage #xiahua{height: 0.7px;border-bottom:0.1px solid #bbbbbb;width:2.8rem;position: relative;top:4rem;}
.advantage_amount{width:4.5rem;height:1.3rem; margin: 0.39rem 0 0.32rem 0; border-bottom: 2px solid #bbbbbb;}
.advantage_amount span {font-size: 0.4rem; font-family: Impact; margin-right:0.28rem;color:#818181;height:0.33rem;}
.advantage_amount #span1{font-size: 0.68rem;color:#0e509c;}
.slideBox li img{-webkit-box-shadow:0px 10px 20px #d3d3d3;-moz-box-shadow:0px 10px 20px #d3d3d3;box-shadow:0px 10px 20px #d3d3d3;}
.advantage .slideBox .hd{font-size: 0.2rem;position: relative; top:3.4rem;z-index: 30;}
.advantage .slideBox .hd ul li{float: left;margin-right: 0.3rem;font-size: 0.4rem;font-family: Impact;color: #818181;}
.advantage .slideBox .hd ul li.on{font-size: 0.68rem;font-family: Impact;color: #dc0917;margin-top: -0.25rem;}
.advantage .slideBox .bd{position: relative;top:-1rem;}
.advantage_content{position: relative;top:1rem;}
.advantage_title{ margin: 0.5rem 0 0rem 0;}
.advantage_title h2{ font-size: 0.28rem;font-weight:bold;color:#33312e; }
.advantage_title h3{font-size: 0.26rem;font-family: Arial; font-weight:bold;color:#33312e; margin-top: 0.15rem;}
.advantage_detail{font-size: 0.24rem; color:#818181; margin-top: 0.3rem; line-height: .5rem;}

/*news*/
.news{width: 100%; padding:.7rem 0 .7rem; background: #f6f6f6;}
.news-content{width: 6rem; margin:0 auto; padding: .1rem 0}

.news-list{width:6rem; height:.25rem; text-align: center; margin: .5rem auto;}
.news-list a{display: inline-block; padding: 0 .3rem; margin: 1% 1%; font-size: .24rem; line-height: .5rem; text-align: center; background: #c7c7c7; color: #404040; border-radius: .1rem;}
.news-list a:first-child{background: #e9262e; color: #fff;}

.news_list{font-size: 0.2rem; margin: 0.35rem 0 0.2rem 0;border-bottom: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding-bottom: 0.3rem;}
.news_detail{width: 6rem;}
.news_detail h3 a{font-size: 0.26rem;font-weight: bold;color: #545454;margin: 0rem 0 0.15rem 0;}
.news_detail h4{font-size: 0.16rem;font-family: Arial;color: #c0c0c0;margin: 0.15rem 0 0.15rem 0;}
.news_detail a{font-size: 0.22rem;color: #686868; line-height: 0.34rem;}

/*video*/
.video{width: 100%; background: #edf3fa; height: 3.4rem; padding:.5rem 0 .5rem;}
.video video{display: block; width: 6rem; background:#000; object-fit: fill; margin: 0 auto;}

/*foot*/
.foot{width: 100%; padding:.4rem 0 1.2rem 0; background: #262626; text-align: center; font-size: .24rem; line-height: .4rem; color: #c2c2c2;}
.foot img{width: 4.5rem;}
.foot p{padding: 0 .5rem;}
.foot span{font-size: .26rem; font-weight: bold;}

/*底部menubox菜单*/
.menubox{background-color: #dc0917;position: relative;position: fixed;left: 0;bottom: 0;z-index: 999; width: 100%;padding:6px 0;}
.menubox ul li{float: left; width: 25%;text-align: center;}
.menubox ul li i{display: block;margin:1% auto;width:0.38rem;height: 0.38rem;}
.menubox ul li i img{display: none;margin:0 auto;width: 0.38rem;}
.menubox ul li i img:first-child{display: block;}
.menubox ul li span{display: block;font-size: .22rem;color: #fff;line-height: 150%;}
.menubox ul li.cur i img:first-child{display: none;}
.menubox ul li.cur i img:last-child{display: block;}
.menubox ul li.cur span{color: #afe4ff;}
.menubox dl{position: absolute;right: 0;width: 36%;background-color: #0083c3;text-align: center;padding: 1% 0;border:rgba(255,255,255,.3) solid 1px;border-bottom: 0;display: none;border-radius: 4px 4px 0 0;overflow: hidden;}
.menubox dl dd{line-height: .68rem;border-top: rgba(255,255,255,.3) solid 1px;}
.menubox dl dd:first-child{border:0;}
.menubox dl a{display: block;color: #fff;font-size: .26rem;}
.menubox dl a:active{color: #afe4ff;}

/*内页子栏目下拉*/
.zy_two_nav{border-bottom:1px solid #e4e4e4; /*background-color: #e6e6e6;*/}
.zy_two_nav .swiper-button-next{ background: none; height: .8rem; right: 0;bottom:0; width: auto;}
.zy_two_nav .swiper-button-next img{ display: block; height: .8rem; margin-top: 3px; }
.zy_two_nav .swiper-button-next.swiper-button-disabled{ opacity: 0; }
.zy_two_nav .swiper-slide{/*width: 25% !important;*/}
.zy_two_nav .swiper-slide a{ color:#666; display: block; text-align: center; height: calc(.8rem - 2px); line-height: .8rem; font-size: .26rem;}
.zy_two_nav .cur_nav a{background-color: #262626; color:#fff;}


/*内页子栏目下拉*/
 .head_menu{background-color:#0e509c;height: 0.65rem;font-size: 0.16rem;}
 .head_menu_left{font-size: 0.16rem;color:#ffffff;float: left;padding: 0.2rem;} 
 .head_menu_right{float: right;margin: 0.2rem;}
 .head_menuc_box{width: 6.4rem;display: none;padding-top:0.1rem;}
 .head_menu_child span{float: right;}
 .head_menu_child{background-color: #0e509c;color: #ffffff;font-size: 0.24rem;padding: 0.25rem;}
 .head_menu_childs{background-color: #eee;color:#333;font-size: 0.24rem;}
 .head_menu_childs a{padding-left: 0.2rem;height: 0.4rem;line-height: 0.4rem;}
 .head_menu_childs.on a{padding-left: 0.2rem;height: 0.4rem;line-height: 0.4rem;}
 .head_menu_childs.on{background-color: #eee;}
 .head_menu_childs_title{background:url(slidetoggle.png) no-repeat;background-position:95% center;padding:0.1rem;}
 .head_menu_childs.on ul li{width:6rem;background-color:#d2d2d2;color:#333;font-size: 0.24rem;padding:0.1rem 0rem 0.1rem 0.4rem;height: 0.4rem;line-height: 0.4rem;}

/*关于我们内容*/
.container{ width: 6.0rem;margin:0 auto; }
.about_detail{padding: .5rem 0 .5rem 0; width: 6.0rem; margin:0 auto; font-size: 0.24rem;  line-height: 0.44rem; color:#484848;}
.about_detail p{padding-bottom: .1rem;}
.about_detail img{ padding-bottom: .1rem;}

/*内页产品*/
.img-content{width:6rem; text-align: center;}
.img-content .img_box{width:2.8rem; margin-right:.3rem; float: left; border: 1px solid #c2e0f3; display:inline-block; margin-top: 0.45rem;}
.img-content .img_box:nth-child(2), .img-content .img_box:nth-child(4), .img-content .img_box:nth-child(6), .img-content .img_box:nth-child(8), .img-content .img_box:nth-child(10){margin-right:0;}
.img-content .img_box img{margin-top:0.15rem; width: 80%;}
.img-content .img_box div{width:2.8rem; display:inline-block;}
.img-content h3{font-size: 0.2rem;color: #787878; margin: .25rem 0 0.2rem 0;}

/*内页新闻*/
.newsc_list{font-size: 0.2rem; margin: 0.35rem 0 0.2rem 0; border-bottom: 1px solid #e5e5e5; padding-bottom: 0.3rem;}
.newsc_list_pic{width: 2.5rem;height:1.56rem;float: left;display: table-cell;vertical-align: middle;}
.newsc_list_pic img{height: 1.56rem;}
.newsc_detail{float: right;width: 3.39rem;}
.newsc_detail h3 a{font-size: 0.2rem;font-weight: bold;color: #545454;margin: 0rem 0 0.15rem 0;}
.newsc_detail h4{font-size: 0.16rem;font-family: Arial;color: #c0c0c0;margin: 0.15rem 0 0.15rem 0;}
.newsc_detail a{font-size: 0.18rem;color: #686868;line-height: 0.34rem;}

/*文章-图片描述*/
.right_content_info{height:.6rem;line-height:.6rem; text-align:center; margin:.3rem 0; border:1px solid #e5e5e5; border-left:none; border-right:none; color:#666; font-size: .22rem;}
.right_content_desc{margin:.3rem 0 0; padding:.1rem .1rem; border:1px solid #f4e4b4; background:#fffff0; font-size:.22rem; text-align: left;}

/*人才招聘*/
.jobConts{line-height:30px;color:#666; font-size:12px;}
.jobConts .line{background:#ccc;height:1px;overflow:hidden;font-size:0;margin:10px 0;}
.jobConts .jobdesc{background:#f5f5f5;padding:10px;color:#333;}
.jobConts strong{color:#000;}

/*人才招聘*/
.join-listt{width: 6rem; margin: 0 auto;}
.join-listt ul li{width: 6rem; height: .5rem; line-height: .5rem; border-bottom: 1px solid #e5e5e5; font-size: .24rem; color:#666;}
.join-listt ul li span{float: right; display: block; font-size: .22rem;color:#666;}
.join-listt ul li a{font-size: .22rem;color:#666;}

/*联系我们*/
.contact-map{width: 6rem; height: 3rem; border: 1px solid #d4d4d4; margin: 0 auto;}
.contact-map iframe{width: 6rem; height: 3rem;}
.contact-content{width: 6rem; text-align: left; font-size: .22rem; margin: .2rem auto;}
.contact-content p{padding-bottom: .1rem; color: #616161;}
.contact-content p:first-child{font-size: .26rem; font-weight: bold; color: #dc0917; margin-top: .1rem;}
.contact-content p img{margin-right: .05rem; width:.2rem;}
.contact-content p span{font-weight: bold; color: #000;}


/*文章-图片上一个下一个*/
.text{color:#999; font-size:.22rem; line-height: .4rem; border-top:1px solid #e5e5e5; padding-top: .2rem}


/*内页留言反馈*/
.message_content_content{width: 90%; margin: 0 auto;}
.message_content_content li{margin-bottom: 15px;}
.message_content_content li textarea{font-family:"Microsoft YaHei";}
.msg_inputt{width: 100%; height: .7rem; background: #fff; border:1px #EFEFEF solid; line-height: .7rem; text-indent: .2rem; font-size: .24rem;}
.msg_submitt{width:2rem; height: .7rem; background: #dc0917; color: #fff; line-height: .7rem; text-transform: uppercase; border: none; font-size: .24rem;}

/*分页样式*/
.page_info{text-align:center; margin-top:20px; margin-bottom:30px; color:#333;}
.page_info span{padding:0 2px;font-weight:bold; color: #ed0000;}
.page_list{line-height:.2rem; text-align:center; letter-spacing:0; font-size:.24rem; margin-top:.4rem; margin-bottom:.4rem;}
.page_list a{display:inline-block; background:#e9e9e9;color:#525252; text-align:center; padding:.15rem .2rem; margin:.05rem .05rem; font-family: Arial; border-radius: .1rem;}
.page_list a:hover{color:#fff; background:#dc0917;}
.page_list a.on{color:#fff;background:#dc0917; font-weight: bold;}












