@charset "utf-8";
/* CSS Document */

body{padding-top:0;}
.wrap {background:#fff;}
/*头部*/

/*轮播广告*/
.focus {width:100%;margin:0 auto;display:block;overflow:hidden;position:relative;text-align:center;}
.focus .hd{ width:100%; height:11px;  position:absolute; z-index:1; bottom:5px;}
.focus .hd ul{ height:14px;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;}
.focus .hd ul li{ display: inline-block;width: 0.4rem;height: 0.4rem;-webkit-border-radius: 0.25rem;-moz-border-radius: 0.25rem;border-radius: 0.25rem;background: #8C8C8C;margin: 0 0.25rem;vertical-align: top;overflow: hidden; font-size:0;}
.focus .hd ul .on{background:#fff;filter:alpha(opacity=100);opacity:1}
.focus .bd{ position:relative; z-index:0;}
.focus .bd li img{ width:100%;margin:0 auto;border:0;}
.focus .bd li a{-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}


/*导航*/
.g_nav {padding:1em 0em; overflow:hidden; margin:0 auto 1em auto;  border-bottom:6px solid #f6f6f6; position:relative;}
.g_nav a li {position:relative;float:left; width:25%; text-align:center;  font-size:1.1em; z-index:10;}
.g_nav a li img {width:100%; height:auto; display:block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.g_nav a li span {line-height:2em; height:2.2em;display:block;text-align:center;color: #333; font-size:0.8em; overflow:hidden;}

/*首页标题*/
.index-title{text-align: center;padding: 0.2em 0;}
.index-title h3{font-size:1.8em;font-weight: bold;line-height: 2.2em;}
.index-title p{font-size:1.2em;color: #333;line-height: 1.5em;}
.index-title i{width: 60px;height: 1px;background: #ccc;display: block;margin: 1em auto;}

.more_bg{ background-color:#0061ce; overflow:hidden; margin:1em auto; width:100%;}
.more_bg p{text-align:center; height:3em; line-height:3em; color:#FFF; font-weight:bold; font-size:1rem;}
.more_bg a{ display: block;}
.more_bg a:hover{background-color:#e99a00; }

.anli_tell {line-height:2rem; font-size:1.2rem; text-align: center; color:#333;}
.anli_tell span{height:1.8em; line-height:1.8em; text-align:center; font-size:1.4em; font-weight:bold; color:#ba0106;}
.anli_tell span a{ font-weight:bold; color:#e99a00;}
.anli_tell span a:hover{font-size:1.4em;}


/*服务项目*/
.g-pint{overflow:hidden; position:relative;}
.g-pint .m-cnt{ overflow: hidden;border-top: 1px solid #ccc;border-left: 1px solid #ccc;margin-bottom: 1em;}
.g-pint .m-cnt li{text-align: center; font-size:1.2em; float: left; height: 2.8em; line-height: 2.8em; width: 50%; border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;}
.g-pint .m-cnt li.z-on{ position: relative; background:#0061ce; color: #fff;}
.g-pint .m-box .con{ display:inline; float:left;}
.g-pint .con li{float: left;width: 49%;text-align: center;margin-right: 2%;}
.g-pint .con li:nth-child(2n){margin-right: 0;}
.g-pint .con li p{border: 1px solid #bebebe;}
.g-pint .con li img{ display: block; width:100%; padding:1%;}
.g-pint .con li h3{font-size:1.2em;line-height: 2em;}


/*证书*/
.syzs{display:block;overflow:hidden;position:relative;text-align:center;}
.syzs .hd{ width:100%; height:13px; z-index:1;margin-top: 1em;}
.syzs .hd ul{ height:14px;font-size:0; vertical-align:top;}
.syzs .hd ul li{display:inline-block; width:1.4rem; height: 0.3rem;-webkit-border-radius: 0.25rem;-moz-border-radius: 0.25rem;border-radius: 0.25rem;background: #8C8C8C; margin: 0 0.25rem;vertical-align: top;overflow: hidden; font-size:0;}
.syzs .hd ul .on{background:#0061ce;filter:alpha(opacity=100);opacity:1}
.syzs .bd{ position:relative; z-index:0; width:95%; margin:0 auto;}
.syzs .bd li img{ width:70%;margin:0 auto;border:0; border: 1px solid #bebebe; padding:0.2em;}
.syzs .bd li a{-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}

.syzs .prev{ width:2rem; position:absolute; top:35%; left:1rem; z-index: 5;}
.syzs .next{ width:2rem; position:absolute; top:35%; right:1rem; z-index: 5;}


/*优势*/
.advant-title{width: 100%;border-bottom: 6px solid #f6f6f6;padding:0.5em 3em 1em 3em;}
.advant{padding:0.7em 0; overflow:hidden; margin:1em 0 1em 0; border-bottom:6px solid #f6f6f6; position:relative; padding:0.2em 1em;}
.advant dl{display: inline-block;margin-bottom: 0.2em;width: 100%;}
.advant dl dt{width:16%; height:4.6rem; float:left; background: #0061ce;border-radius: 10px;font-size:3em; text-align:center; color:#FFF; line-height: 4.6rem;font-weight:bold;}
.advant dl dd{width: 82%;float: right; position:relative;padding: 0.3rem 0;}
.advant dl dd h3{font-size:1.8em; font-weight:bold; line-height: 2.4rem; position:relative; color:#0061ce;}
.advant dl dd h4 {font-size:1.5em; color:#333;line-height: 1.6rem;}
.advant .txt p{font-size:1.2em; line-height:1.8em;padding-left: 0.5em;}
.advant img{width:100%; height:auto;display:block; padding:0.6em 0em;}


/*案例*/
.anli_box{overflow:hidden; position:relative;max-height:30em;}
.anli_box .m-cnt{ overflow: hidden; margin-bottom:0.8em;border-top: 1px solid #ccc;border-left: 1px solid #ccc;}
.anli_box .m-cnt li{text-align: center; font-size:1.3rem; float: left; height: 2.8rem; line-height: 2.8rem; width: 33.33%;border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;}
.anli_box .m-cnt li.z-on{ position: relative; background:#0061ce; color: #fff;}
.anli_box .m-cnt li.z-on h3{color: #fff;}
.anli_box .m-box .ch-case{width:100%;margin:0 auto; position: relative;}
.anli_box .m-box .ch-case dl{display: inline-block;border-bottom: 1px dashed #ccc;margin-top: 0.2em;padding-bottom: 0.5em;}
.anli_box .m-box .ch-case dl dt{float: left;width: 40%;}
.anli_box .m-box .ch-case dl dd{float: right;width: 58%;}
.anli_box .m-box .ch-case dl dd h3{font-size:1.2em;font-weight: bold;margin: 0.1em 0;line-height: 1.8em;}
.anli_box .m-box .ch-case dl dd p{font-size:1em;line-height: 1.6em;}
.anli_box .m-box .ch-case dl dd p a{font-size:1em;font-weight: bold;color: #0061ce;}


/*声明*/
.state_box{overflow:hidden; position:relative; z-index:10; border-bottom:6px solid #f6f6f6;padding: 2%;width: 100%;}
.state_box img{width:100%; height:auto;display:block;padding: 0.2em;border: 1px solid #ccc;}
.state_list{position:relative; padding-left:0.2em; padding:0.5em 0em;line-height: 1.8em;}
.state_list li{border-bottom: 1px dashed #ccc;padding: 0.5em 0;}
.state_list li h3{font-size:1.4em;color: #0061ce;font-weight: bold;padding:0 0 0.2em 0;}
.state_list li h3 span{color: #b5d2f3;font-size:0.8em;text-transform: uppercase;margin-left: 0.5em;}
.state_list li p{font-size:1em; }
.state_list li p span{color:#e99a00;font-weight: bold;}


/*华品动态*/
.dt_centre {overflow:hidden; position:relative; z-index:10;margin-top: 0.6em;}
.dtmore { position:absolute; top:0.6em; right:8%; color:#333; font-size:1.33em; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}
.sub_tab{width:100%; font-size:1em;border-left: 1px solid #ccc;border-top: 1px solid #ccc;margin-bottom: 0.2em;}
.sub_tab li {float:left;color:#333;width:33.33%;height:3.2em; line-height:3.2em; text-align:center; cursor:pointer;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;font-size:1.2em;}
.sub_tab li.z-on {color:#fff; position:relative; background:#0061ce; font-weight:bold;}
.dt_centre .sclwrap_box ,.dt_centre .m-box{ width:100%; overflow:hidden;}

.n_list ul li { height:2.8em; line-height:2.8em; color:#666;font-size:1.2em; border-bottom:1px dashed #d8d8d8; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;padding-left: 0.8em;}
.tell{padding-left:2%;width:98%;height:3em; position:relative; text-align:center; color:#e81d21; font-weight:bold; line-height:3.2em;font-size:1em;overflow:hidden;}
.tell:before {content:""; position:absolute; top:0; left:0; width:100%; height:3em;z-index:-1; background:url(../images/tell.jpg) no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover;}