html{font-size: 625%;font-family: "Microsoft YaHei"}
.full{width: 100%;height: 100%}
.w1200{max-width: 640px;margin: 0 auto}
body{background: #fff}
li{list-style-type:none}
/*头部*/
header{
    height: 60px;
    width: 100%;
    background:#fff;
    background-size: 100% 100%;
    font-size: .14rem;
    position: fixed;top:0;left: 0;
    z-index: 99999;
    text-align: center;
}
header .i-b{
    position: absolute;
    top: 9px;
    left: 50%;
    margin-left:-148px;
}
.i-b > img{ width:74%;}
#nav{width: 60px;height: 60px;}
.nav-icon{
    display: block;
    height: 24px;
    width: 24px;
    margin: 18px;
}
.menu{
    position: absolute;
    top: 0;
    left: 0;
	z-index: 3;
}
.menu > a { display: block; width:60px; height: 60px;  }
.menu .icon{ line-height:60px; color:#13204a; font-size: 30px;}
.download{
    position: absolute;width:60px; height: 60px;
    right: 0;
    top: 0;
}
.download > .icon{line-height:60px; color:#13204a; font-size: 30px;}


#menu{margin-top: 60px;background:#13204a}
.menu img,.download img{width: 70%}



.nav-icon img{width: 100%;height: 100%}
#navlist{
    position: fixed;
    top: 0;
    left: 0;
    font-size: 16px;
    width: 100%;
    height: 100%;
    margin-left: -2500px;
    background:rgba(0,0,0,.3);
}
#navlist>div{
    width: 50%;
    height: 100%;
    background:rgba(40,188,108,.8);
}
#navlist h1{text-align: center}
#navlist ul{
    margin-top: 10px;
    width: 100%;
    background: #eee;
    font-size: 16px;
    height: 100%;
}
#navlist ul li{
    line-height: 40px;
    text-align: center;
}
#navlist ul li a{display: block}
#navlist ul li a:hover,#navlist ul li a.active{background: #fff;color: #28bc6c}
.swiper-pagination-bullet-active{background: #bfa169;}
/*底部*/
footer{
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9999;
    height: 60px;
    width: 100%;
    background:#13204a;
    font-size: .14rem;
}
footer li{width: 20%;height: 100%;float: left}
footer li img{width: 21px;height: 21px;display: block;margin: 0 auto}
footer li.home img{width: auto}
footer li a{display: block;width: 100%;height: 100%;text-align: center;box-sizing: border-box;padding-top: 10px;color: #fff}
footer span{line-height:30px}
.copy{width:100%; padding:8px 0; text-align:center; line-height:20px; clear:both; padding-bottom: 80px;font-size: .14rem}

/*主页*/
.i-content{
    font-size: .14rem;
    margin: 0 auto 15px;
    box-sizing: border-box;
    background: #fff;
}
.i-nav{
    max-width: 640px;
    margin: 0 auto;
    padding:15px;
    box-sizing: border-box;
}
.i-nav li{
    width: 25%;
    height: 1.5rem;
    float: left;
    text-align: center;
    font-size: .2rem;
}
.i-nav li a{color: #555}
.i-nav li img{
    max-width:1.2rem;
    max-height: 1.2rem;
}
.i-nav li p{line-height: .3rem}

.i-missing{
    max-width: 640px;
    background: url("../images/bg1.jpg") no-repeat right;
    height: 3.46rem;
    margin: 0 auto;
    padding: .2rem 15px;
    box-sizing: border-box;
    position: relative;

}
.i-missing h3,.in-title h3{
    margin-top: .3rem;
    font-size: .6rem;
    color: #f4f3f3;
    margin-bottom: .2rem;
	text-align: center;
}
.in-title{ position: relative;}

.in-title p{
	color:#000;
	font-weight: bold;
	font-size: .3rem;
	text-align: center;
    position: relative;
    top: -0.6rem;
}

.in-title > hr{
	    position: relative;
    top: -65px;    width: 30px;
    height: 3px;
    background: #eee;
    border: none;
}
.i-missing h3 span,
.in-title h3 span{
    font-family: "Myriad Pro";
    font-size: .18rem;
    color: #969695;
}
.im-img{
    width: 3.16rem;
    height: 1.09rem;
    margin-top: .2rem;
}
.en{
    font-weight: bold;
    color: #000;
    font-size: .18rem;
    margin-top: .1rem;
}
.cn{
    color: #969695;
    letter-spacing: 5px;
    font-size: .18rem;
    line-height: 24px;
}
.i-news{
    padding: 0 15px;
}
.in-list a{
    display: block;
    width: 100%;
    height: 1.25rem;
    color: #999;
    padding: .3rem 0;
    box-sizing: border-box;
    border: 1px solid #999;
    margin-bottom: 10px;
}
.in-list a:hover{
    background: url("../images/hover.jpg") no-repeat;
    background-size: 100% 100%;
    color: #fff;
}
.in-time{
    width: 20%;
    text-align: center;
}
.in-time p:first-child{font-size: .18rem;line-height: .3rem}
.in-time p:last-child{font-size: .24rem;font-family: "Arial"}
.in-con{width: 80%; border-left:1px solid #999;box-sizing: border-box;padding:0 5%}
.in-con h4{color: #555;font-weight: 400;}
.in-con h4:before{
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url("../images/news-title_h.png") no-repeat;
    margin-right: 10px;
}


.common-content,.map-content{font-size: .14rem;margin: 55px 0 30px;line-height: .28rem;}
.map-content{margin-top: 60px}
.common-content img{max-width: 100%}
.breadcrumb{
    text-align: right;
    padding-right:.25rem;
    line-height: .56rem;
    border-bottom: 1px solid #969695;
    font-size: .18rem;
}
.breadcrumb a{color: #000}
.common-nav{
    height: .88rem;
    line-height: .88rem;
    text-align: center;
    background:#444;
    font-size: .24rem;
    margin-top: -0.1rem;
}
.common-nav a{color: #fff }
.common-nav div.active{
    background: #000;
    background-size: 100% 100%;
}
.common-nav div.active:after{
    content: '';
    display: block;
    width: 100%;
    height: 3px;
    background: #000;
    bottom: 0;
    position: absolute;
}
.n-list{margin-top: 25px;padding: 0 15px}
.n-list a{
    display: block;
    max-width: 600px;
    margin: 0 auto .5rem;
}
.n-list a h3{font-size: .24rem;font-weight: 400}
.n-list a span{font-size: .18rem;line-height: .36rem}
.n-list a p{font-size: .2rem;color: #777;line-height: .34rem}
.n-list a i{
    width: 55px;
    height:.3rem;
    text-align: center;
    background: #000;
    color: #fff;
    font-style:inherit;
    margin-top: 10px;
    line-height: .3rem;
}

.p-list{max-width: 600px;margin: .3rem auto;padding: 0 15px;box-sizing: border-box}
.p-list  a{float: left;width: 48%;margin-bottom: .15rem}
.p-list  a:nth-child(2n){margin-left: 4%}
.p-img{
    height: 1.93rem;
}
.p-list p{line-height: .3rem}

.address{line-height: 28px;padding: 0 15px;}
.news_show{
    line-height: .34rem;
    color: #777;
    font-size: .2rem;
    padding: 0 15px;
}
.news_show h3{text-align: center;font-weight: 400;padding: .3rem 0}
.news_show img{text-align: center}


/*吴琼*/
/*公司简介*/
.in_title{ position:relative; width:160px; margin: 0 auto;}
.in_title > img{ position:relative; float: left;width: 22%; top: 8px;}
.in_about{ margin-top:10px; position: relative;}
.in_title > p{color:#a0a0a0; position: relative; left: 38px; font-size: 12px;}
.inabout_bot{ margin-top:-80px;}
.inabout_bot > p{ text-indent: 30px; line-height: 28px;font-size: .2rem;}
.in_about > img{ width:100%;}
.in_about > a{  display: block; color: #fff; background: #bf9d60;line-height: 30px; padding: 0 10px; text-align: center; position: relative;  font-size: .2rem;  margin: 0 auto;width: 95%; margin-bottom: 20px;}
.in_about > a > span{ margin-left:20px; color:#fff; font-size: 20px;}
.in-video{ width:96%; margin: 0 auto; position: relative;z-index: 1;}
.in-news{ margin-bottom: 30px; }

/*首页：案例*/
.incase-li{ float:left; width:48%;}
.in-case > ul{ margin-top:-80px;    display: table;}
.incase-li > a > img{ width:100%; }
.incase-li:nth-child(even){ float:right;}
.incase-li > a > p{ font-size: .2rem; line-height: 30px;position: relative;top: -13px;  text-align: center;}
.incase-li > a { display:block;}
.in-case > a { display:block; width:100%; height: 35px; background:#bf9d60; color:#fff; font-size: .23rem; text-align: center; margin: 0 auto; line-height: 35px; border-radius: 3px;}

/*首页：新闻资讯*/
.innewsfl-li{ float:left; width:80px;font-size:.2rem; display: block;background: #13204a; border-radius: 4px;height: 30px; text-align: center; color: #fff; line-height: 30px; margin-right: 2%;}
.innews-fl{ display:table; width:256px; margin: 0 auto;position: relative;  top: -85px;}
.innews_top{ margin-top:-73px; background:#f5f5f5; padding: 10px 3%;}
.innews_top > div > h3{ color:#333; font-weight: normal; width: 100%; font-size:.25rem;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.innews_top > div > h3 > .icon{ color:#333; font-size:29px;line-height: 57px;}
.innews_top > div > img{ width:48%; margin-right: 1%; float:left; border:1px solid #fff;}
.innews_top > div > p{ width:50%; float:right ; font-size: .2rem; color:#333; height: 100px; overflow: hidden;}
.innews_top > div { overflow:hidden;}
.innews_top > a{ background:#bf9d60;display:block; margin-top: 10px; padding: 5px 0; color:#fff; text-align: center; font-size: 16px;}
.in_news > ul{ overflow:hidden;}
.innews_li{ background:#eee; height: 40px; padding: 0 2%; margin-top: 10px;}
.innews_li > a > h3{  font-weight: normal;  font-size:.22rem; width:76%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float:left; line-height: 40px;}
.innews_li > a > span{ float:right; line-height: 40px; font-size: .2rem; color:#a0a0a0;}


/*内页：公司简介*/
.about > h3{ color:#004a9f; font-size: .34rem; text-align: center; line-height: 50px; margin-top: 20px;}
.about > p{ color:#333;  font-size: .2rem; text-indent: 30px; line-height: 24px; margin-bottom: 10px;}
.about > img{ width:100%;}
.about-2l{ display:table;}
.about4l{ margin-top:10px;}
.about4l-li > h3{color:#f6ac1b; font-size: .25rem; line-height: 40px;}
.about4l-li > p{ font-size:.2rem; color:#000;}

/**/
.wenhuat{ width:60% !important; margin: 0 auto; display:block; margin-top: 20px;}
.wenhua > h3{ font-size:.25rem; line-height: 24px; color:#333;}
.zhici > div > img{ width:100%; }
.zhici > div > h3{ color:#13204a; font-weight: bold; line-height: 30px; font-size: .26rem;}
.zhici > div > p{  line-height: 24px; margin-bottom: 20px; font-size: .24rem;}
.zhici > div{ margin-top:30px;}

/*实力华辰*/
.team-bot > ul{ margin-top: 10px;}
.team-top > h3{ float:left; font-size: .25rem;}
.team-top > h3 span{color:#a0a0a0; font-size: .16rem; font-weight: normal;} 
.team-top{ margin-top:30px;}
.team-top > a { float:right; display: block; background: #f6ac1b; width:80px; height: 24px; border-radius: 6px; line-height: 24px; text-align: center; color:#fff;}
.teambot-li{ float:left; width:49%; margin-right: 2%; margin-bottom: 10px; }
.teambot-li:nth-child(even){margin-right: 0;}
.teambot-li > a > img{ width:100%; }
.teambot-li > a > p{ color:#333; line-height: 30px; font-size: .2rem; text-align: center;}
.nynav-li{float:left; width:20%; background: #fff; border-bottom:2px solid #333; line-height: 30px; text-align: center;}
.nynav-li > a { display:block; font-size: .2rem;}
.nynav .active > a{ color:#000 }
.honor-li > a > img{height: 190px;;}
.honor-li > a{ display:block;}
.honor-nav a{ text-align:center; color:#fff;}
.honor-nav{text-align:center; background:#f6ac1b; margin-top: 30px;}
.honor-nav .swiper-slide{ padding:10px 0;}
.lichengbei > img{ width:100%;}


/*华辰资讯*/
.news-li > a { display:block;}
.news-li > a > span{display:block; float:left; width:20%; margin-top: 11px;}
.nllli-r{ float:right;width:78%;}
.news > ul{ margin-top:30px;  margin-bottom: 40px;}
.news-li > a > span > h3{ font-size:.34rem; color:#999;font-weight: normal;}
.news-li > a > span > h2{font-size:.24rem; color:#888; font-weight: normal; line-height: 24px;}
.nllli-r > h3{ color:#333; font-size: .24rem; line-height: 28px; font-weight: normal;}
.nllli-r > p{ color:#7d7d7d;}
.news-li{ display:table; border-bottom: 1px solid #d5d5d5; padding: 10px 0;}
.newstop-li img{ width:100%;}
.news-top{ margin-top:30px;}
.newstop-li > a > h3{ font-size: .25rem; line-height: 26px;}
.newstop-li > a > b{ font-weight: normal; color:#a0a0a0; line-height: 24px;}
.newstop-li > a > p{ margin-bottom: 10px;}
.newstop-li{ margin-bottom:20px;}

/*案例-详情页*/
.caseshow-top{ margin-top:30px;}
.caseshow-top > h3{ font-size: .3rem; text-align: center;}
.caseshow-top > p{ text-align:center; line-height: 30px; color:#a0a0a0; font-size: .2rem;}
.caseshow-top > img{ display: block;  width:100%;}
.caseshow-bot > img{ width:100%; margin-top: 20px; display: block; margin-bottom: 20px;}


/*产品分类*/
.nyprolist-li{ background:#eee; display: table; margin-top: 20px;}
.nyprolist-li > a > img{ float:left; display:block; width:50%;}
.nypro-bot{ width:50%; }
.nypro-bot > h3{ font-size:.3rem; line-height: 40px;  margin-top: 20px;}
.nypro-bot >p  { font-size:.2rem; padding-right: 10px;}

/*产品详情页-单独写*/
.proshow{ margin-top:30px;}
.sjpro{ display:block; width:96%; margin: 0 auto;}
.sjpro-hd{ float:left; width:90px; height: auto; margin: 20px 0; border:1px solid #d5d5d5;}
.sjpro-hd + .sjpro-hd{ margin-left:4px;}
.sjpro-hd > img{ width:100%;}
.sjpro{ overflow:hidden;}
.sjpro-title > h3{ text-align: center; font-size: .3rem; font-weight: bold; line-height: 30px;}
.sjpro-title > p{text-align: center;line-height: 30px;font-size: 14px;color: #a0a0a0;}
.sjpro-des > h3 { background:#333; color:#e60214; font-size:20px; height: 40px; line-height: 40px; padding-left: 10px; }
.sjpro-main{ margin-top:20px;}
.sjpro-bd > img{ width:100%; height:auto;}
.proshow-xxk{ background:#eee;overflow: hidden;}
.proshow-xxk > a{ display: block;float:left; width:20%; text-align: center; line-height: 30px; font-size: .2rem; }
.proshow-xxk > .active{ background:#000; color:#fff;}
.sjpro-main > img{ width:100%;}
.proshow-xhhy,.proshow-cptd,.proshow-cpgs,.proshow-cpcs,.proshow-alas{ margin-bottom:30px;}
.pro-twoan > a { display:block; float:left; margin: 10px 0 30px 0; line-height: 40px; width:50%; text-align: center;font-size: .24rem;}
.cpxj{ background:#f6ac1b; color:#fff;  }
.zlxz{ background:#a0a0a0; color:#fff}
.pro-twoan > a > .icon{    display: block; float: left;font-size: 0.35rem;padding-left: 12px;}
.pro-twoan{ width:60%; margin: 0 auto;}

.duocaihc-nav{ width:80% !important; margin-top: 20px; margin-bottom: 20px;}
.duocaihc-nav a{ display:block; background: #f6ac1b; color:#fff; font-size: .24rem; text-align: center; line-height: 30px; margin-left: 1px; }


.service .nynav-li{ width:50%;}
.sermd-li{ border-bottom:1px solid #d5d5d5; padding: 20px 0;}
.sermd-li > h3{ font-size:.24rem; line-height: 30px; margin-bottom: 10px;}
.sermd-li > p{ line-height: 24px; font-size:.2rem;}

.nydownload{ margin-top:30px;}
.down-li{ margin-bottom:10px; overflow: hidden; margin-top: 10px;}
.down-li > a > img{ display:block; float:left; width:40%;}
.downli-r{ float:right; width:58%;}
.downli-r > h3{ font-size:.24rem;}
.downli-r > p{ color:#fff; background: #f6ac1b; width:60%; line-height: 40px; margin-top: .3rem; font-size: .24rem; text-align: center;}

/*满意度调查问卷*/
.manyi { margin-top:20px;}
.manyi > h3{ text-align:center; font-size:.3rem; line-height: 40px;}
.manyi > p{ text-align:center; font-size:.2rem; line-height: 24px;}
.manyi-div{ margin-top:20px;}
.manyi-div > h3{ font-size:.24rem;}
.manyi-div > h3 > em{ width:20px; height: 20px; border-radius: 50%; background: #000; color:#fff; display:block; text-align: center; font-style: normal; float:left; margin-right: 4px;}
.form{ margin-top:20px;}
.formtext p > input { width:96%; float:right; border:1px solid #a0a0a0; height: 36px; text-indent: 10px; color:#a0a0a0; font-family: "微软雅黑" ; }
.formtext p > em{ display: block; float:left ; line-height: 38px; width:3%; color:red;}
.formtext p{ margin-top:20px; overflow: hidden;}
.manyi-div2{ margin-top:60px;}
.pro-xh input{width: 96%; float: right;border: 1px solid #a0a0a0;height: 36px;text-indent: 10px;color: #a0a0a0; font-family: "微软雅黑";}
.pro-xh{ overflow:hidden;}
.pro-xh > em{  display: block;float: left;line-height: 38px;width: 3%;color: red;}
.form_div{ margin-top:20px;}
.form_div > h3 > em{color: red; padding-right: 4px;}
.form_div > h3{ line-height:40px;}
.manyi-div3 textarea{ width:100%; border:1px solid #d5d5d5; height: 120px; padding-top: 10px; color:#a0a0a0; font-family: "微软雅黑"; text-indent: 10px;}
.manyi-div3 { margin-top:60px;}
.manyi button{ width:100%; display:block;  line-height: 40px; text-align: center; color:#fff; background: #000; border:none; border-radius: 4px; margin-top: 20px;font-family: "微软雅黑";  font-size: .26rem;}
.form_div label{ font-size: .2rem;}
.gongying-div3 textarea{    width: 96%; float:right;
    border: 1px solid #a0a0a0; margin-bottom: 20px;
    height: 120px;
    padding-top: 10px;
    color: #a0a0a0;
    font-family: "微软雅黑";
    text-indent: 10px;}
.gongying-div3 em{ display:block; float:left; width:2%; height: 150px; color:red;}
.gongyingw96 > p{ color:red;}
.gy-djxz{ font-size:.24rem !important; width: 60%; margin: 0 auto; margin-top: 10px;}
.gy-djxz > a { display: block;background:#1bbd41; float:right; padding: 0 10px; border-radius: 4px; color:#fff;}

.about img{ width:100%; height:auto; }
.about table td{ border: 1px solid #999;border-top:none; border-left:none;}
.about table { border-top:1px solid #999; border-left:1px solid #999;}





/*分页页码*/
.page-list{ position:relative; margin:20px 0; clear:both; }
	.page-list:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	.page-list a,.page-list span{ margin:0;  padding:0; display:none; float:left; width:24%; line-height:35px; border:1px solid #ddd; border-right-color:#fff; font-size:13px; text-align:center; background:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
	.page-list span{ color:#999; }
	.page-list a{ color:#19a97b; }
	.page-list span:nth-child(1),.page-list span:nth-child(2),.page-list a:nth-child(2){ display:block; float:left;}
	.page-list span:nth-last-child(1),.page-list a:nth-last-child(1){ display:block; float:left; border-right-color:#ddd; }
	.page-list .current{ display:block; float:left; }
.btn{position:relative; margin:0.5em 0; padding:0.7em 1em; display:block; background:#fff; color:#353535; font-size:15px; font-family:"Microsoft Yahei",helvetica,arial; line-height:1.2em; text-align:center; border:1px solid #ddd; border-radius:0.2125em; letter-spacing:0.2em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; cursor:pointer; }

.btn.full{ width:100%; }
.btn.gray{ color:#777; background:#ddd; border-color:#ddd; }
.btn.green{ color:#fff; background:#52A152; border-color:#52A152; }
.btn.red{ color:#fff; background:#f00; border-color:#f00; }
.btn.blue{ color:#fff; background:#1eabf3; border-color:#1eabf3; }
.btn.orange{ color:#fff; background:#f90; border-color:#f90; }

/* 分享导航 */
.fxtitle{line-height:30px; margin-top:20px; padding-left:3px;}
.fxbtn { margin-bottom:8px; padding-bottom:8px; height:100%;}
.fxbtn li{ float:left; width:48%; line-height:25px; margin:5px 0 0 5px; height: 38px; line-height: 38px; padding: 0 10px; vertical-align: top;}
.fxbtn li span{display: inline-block; vertical-align: top;}
.fxbtn li .icon {height: 32px; margin: 3px 10px 0 0; width: 32px;}

/* 分享导航 */
.fxtitle{background:#fff;}
.fxbtn {background:#fff;}
.fxbtn li{border:1px solid #ccc; background:#eee;}
.fxbtn li .icon {background: url("../images/fxico.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);}
.fxbtn #weixin .icon{background-position: 0 -980px;}
.fxbtn #qq .icon{background-position: 0 -1012px;}
.fxbtn #weibo .icon {background-position: 0 0;}
.fxbtn #tengXun .icon {background-position: 0 -64px;}
.fxbtn #qzone .icon {background-position: 0 -32px;}
.fxbtn #wangyi .icon {background-position: 0 -96px;}
.fxbtn #souhu .icon {background-position: 0 -128px;}
.fxbtn #pengyou .icon {background-position: 0 -160px;}
.fxbtn #renren .icon {background-position: 0 -192px;}
.fxbtn #kaixin .icon {background-position: 0 -224px;}
.fxbtn #douban .icon {background-position: 0 -256px;}
.fxbtn #souhubai .icon {background-position: 0 -288px;}
.fxbtn #tianya .icon {background-position: 0 -320px;}
.fxbtn #fanfou .icon {background-position: 0 -352px;}
.fxbtn #renjian .icon {background-position: 0 -384px;}
.fxbtn #taojiang .icon {background-position: 0 -480px;}
.fxbtn #hexun .icon {background-position: 0 -544px;}
.fxbtn #diandian .icon {background-position: 0 -576px;}
.fxbtn li a span{color:#666; font-size:11px;}
.loading {background: rgb(255, 255, 255); width: 100%; height: 100%; position: fixed; z-index: 999999; opacity: 1;}
.loading img{left: 50%; top: 50%; position: absolute;}


.patner-li{float:left; width:30%; border:1px solid #d5d5d5; margin-right: -1px; margin-top: -1px; }
.patner-li > img{ wdith:100%; }
.pat-list{  margin-left: 10px ;margin-top: 20px;  }
.form-box > div input{ width:92%; }







@media screen and (max-width: 480px) {
    html{font-size: 400%;}
    .in-list a{padding: .1rem 0}
    .in-time {margin-top: .2rem;}
    .i-news{padding: 0}
    .i-news h3{padding: 0 15px}
    .p-img{height: auto}
	.honor-li > a > img {height: auto;border-radius: 0;  border: 1px solid #d5d5d5;}
	
	
}


@media screen and (max-width: 375px) {

.common-nav a{ font-size: 12px;}
	
}

@media screen and (max-width: 320px) {
    .i-nav li img{width: 1rem}
.i-missing{    padding: .1rem 15px; }
.innews_li > a > h3{ width: 74%; }
	
	
	
}