/* 公共样式 ===============================*/

ul, li { padding: 0; margin: 0; list-style: none; }

body { background: #fff; min-width:320px; max-width:720px; }

.c-0092ff { color: #313131; }

.c-b2b2b2 { color: #b2b2b2; }

.maincolor { color: #0092ff; }

.pd-5 { padding: 5px; }

.pd-10 { padding: 10px; }

.pd-15 { padding: 15px; }

.pd-20 { padding: 20px; }

.clearfix { *zoom:1; }

.clearfix:after { content: '\20'; display: block; clear: both; }

/*首页*/

.pro-clss {

    zoom: 1;

    /*overflow: hidden;*/

    /*margin: 0.29rem;*/

}

.pro-clss .title {

    /*border-bottom: 1px solid #EAEAEA;*/

}

.pro-clss .title span {

    display: block;

    background-color: #fff;

}

.pro-clss li {

    margin: 0px auto;

    overflow: hidden;

    padding-bottom: 0.59rem;

    margin-bottom: 0.59rem;

}

.u-img {

    float: right;

    width: 50%;

    height: auto;/*151px*/

    border: 1px solid #f2f2f2;

	-webkit-transition:border 0.3s linear;

	-moz-transition:border 0.3s linear;

	-o-transition:border 0.3s linear;

	transition:border 0.3s linear;

	cursor:pointer;

}

.u-img2 {

    float: left;

    width: 50%;

    height: auto;/*151px*/

    border: 1px solid #f2f2f2;

	-webkit-transition:border 0.3s linear;

	-moz-transition:border 0.3s linear;

	-o-transition:border 0.3s linear;

	transition:border 0.3s linear;

	cursor:pointer;

}

.u-img:hover{

    border: 1px solid #eb5f23;

}

.u-img2:hover{

    border: 1px solid #eb5f23;

}

.pro-clss .txt {

	margin-top: 5px;

    overflow: hidden;

    padding-left: 20px;

   

}

.pro-clss h3 {

    margin-bottom: 0.14rem;

    margin-top: 0.19rem;

	font-size:1.125em;

}

.pro-clss h3 a{ color:#2c2d2f; font-weight:bold;}

.pro-clss p {

	

	font-size: 12px;

	color: #666;

  

}

.moree {

    

    overflow: hidden;

    margin-bottom: 5px;

}

.moree a{

font-size: 14px;

    display: inline-block;

    width: 100px;

    height: 30px;

    line-height:30px;

    text-align: center;

    color: #fff;/*#f08300*/

	background-color:#d50d24;

    /*border: 1px solid #eb5f23;*//*#f08300*/

}



.menuu {

    font-size: 0px;

    text-align: center;

	/*border-width:0px 1px 1px 0px; border-style: solid; border-color: #fff/*rgba(24, 55, 86, 1);*/

	/*box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.25);*/

    position: relative;

    z-index: 999;

	padding: 15px 10px 5px 10px;

	/*margin-top: -1px;*/

}

.menuu ul {

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

}

.menuu li {

	float:left;

	width:23%;

	height:110px;

	border-radius:8px;

	-moz-border-radius:8px;

	margin:1%

    /*

	background: url("../images/top_035.jpg");

	border-width:1px 0px 0px 1px; border-style: solid; border-color:#fff;

    display: -webkit-box;

    -webkit-box-align: center;

    -webkit-box-pack: center;

    -webkit-box-flex: 1;

    -moz-box-flex: 1;

    -webkit-flex: 1;

    -ms-flex: 1;

    flex: 1;

	background-color:#e87717;

    background-size: auto 100%;

	*/

}

.menuu li:hover,.menuu li.on{ background-color:#eee;}

.menuu li a {

    font-size: 13px;

    display: inline-block;

	font-weight:bold;

    /*

	height: 50px;

    line-height: 50px;

	margin-top: 53px;

	*/

    color: #fff;

    width: 70px;

}







/* 分页 ===============================*/

div.green-black { padding: 3px; margin: 3px; text-align: center; font-size: 14px; }

div.green-black a { border: #000 1px solid; padding: 3px 8px; background: #000; color: #fff; margin: 0 3px 0 0; text-decoration: none; }

div.green-black a:hover { border: #742E08 1px solid; background: #742E08; color: #fff; }

div.green-black a:active { border: #742E08 1px solid; background: #742E08; color: #fff; }

div.green-black span.current { border: #742E08 1px solid; padding: 3px 8px; font-weight: bold; background: #742E08; color: #fff; margin: 0 3px 0 0; }

div.green-black span.disabled { border: #f3f3f3 1px solid; padding: 3px 8px; color: #ccc; margin: 0 3px 0 0; }

/* 头部 ===============================*/

.header_wrap {overflow: hidden; background: #fff; background-size: auto 100%;  }

.logo { float: left;}

.logo img { width: auto;width: 100%; }

.menu { background: url(../images/menu-button-bg.png) no-repeat center center; position: absolute; right: 1%; top: 50%; display: block; width: 50px; height: 50px; margin-top: -25px; background-size: 80%; }

/* 底部 ===============================*/

.footer_wrap { z-index: 9; background: #000; /*background-size: auto 100%;*/ }

.foot_nav { overflow: hidden; }

.foot_nav li { float: left; width: 33%; text-align: center; font-size: 1.2rem;  /*background-size: 2px 100%;*/ }

.foot_nav li:first-child { background: none;/*#271f1c;*/}

.foot_nav li .f-icon { display: block; height: 30px; text-align: center; }

.foot_nav li a { color: #fff; display: block; padding: 0.5rem 0; }

.icon-1 { background: url(../images/icon-1.png) no-repeat center center; background-size: auto 100%; }

.icon-2 { background: url(../images/icon-2.png) no-repeat center center; background-size: auto 100%; }

.icon-3 { background: url(../images/icon-3.png) no-repeat center center; background-size: auto 100%; }

.icon-4 { background: url(../images/icon-4.png) no-repeat center center; background-size: auto 100%; }



.copyright{ width:100%; height:auto; overflow:hidden; background-color:#605d5c; background-size: auto 100%; text-align: center; color: #fff; padding:15px 0; margin-top:0px; font-size:14px;}

.copyright ul{ width:100%; height:auto; overflow:hidden;}

.copyright li{ width:100%; height:auto;}

.copyright li:first-child{ display: block; /*border-bottom: 1px solid #120d0b;*/ padding-bottom:15px; border-bottom: 1px solid #53514f;}

.copyright li:first-child p{ line-height:30px; padding:0; margin:0;}

.copyright li:first-child p:nth-child(1){ font-size:16px; font-weight:bold; letter-spacing:0.1em;}

.copyright li:first-child p:nth-child(2){ font-size:28px; color:#ff6600; font-weight:bold;}

.copyright li:nth-child(2){ /*border-top:1px solid #3e3835;*/ padding-top:15px; border-top: 1px solid #696665;}

.copyright li:nth-child(2) a,.copyright li:nth-child(2) a:hover{ color:#FFF;}

.copyright li:nth-child(3){ /*border-top:1px solid #3e3835;*/letter-spacing:0.1em;}

.copyright p{ padding:1rem 0.5rem; margin:0; font-size: 1.2rem; }

.copyright img{ max-width:120px; height:auto;}

/* 面包屑导航 ===============================*/

.breadcrumb { border-bottom: 1px solid #E5E5E5; box-shadow: 0px 0px 1px #fff; line-height: 39px; height: 39px }

.breadcrumb span { padding: 0 5px }

/* 主体 ===============================*/

.main_wrap { padding-top: 5px; }

/*=首页=*/

.index_wrap{ width:100%; }

.navList{ overflow: hidden; width: 90%; margin:20px auto; }

.navList .navItem{ float: left; width: 33.33%; text-align: center; padding:0.2rem 0; }

.navList .navItem .navItem-image{ padding:0.2rem 1rem; }

.navList .navItem .navItem-tit{ color: #0073ff; font-size: 1.4rem; }

/*=导航=*/

.side_nav { padding-bottom: 1.5rem; width: 100%; overflow: hidden; }

.side_nav ul { width: 102%; }

.side_nav li { margin-top: 1.5rem; margin-right: 1rem; display: inline-block; border-radius: 3rem; padding: 0.4rem 1.8rem; background: #ffffff; box-shadow: 1px 1px 2px #e5e5e5; }

.side_nav li a { color: #265c64; }

.side_nav li.cur { background: #00408e; box-shadow: 1px 1px 2px #00408e inset; /*#f08300*/}

.side_nav li.cur a { color: #fff; }

/*=上下项=*/

.prev-next{ overflow:hidden; color: #b2b2b2; margin:1rem 0; font-size:1.4rem;  }

.prev-next .prev{ float:left; width:45%; }

.prev-next .next{ float:right; width:45%; }

.prev-next a{ color: #b2b2b2; }

/*=内容页=*/

.info_wrap { background: #fff; padding: 1.2rem; border-radius: 4px; box-shadow: 1px 1px 2px #e5e5e5; }

.info_wrap .info_tit{ border-bottom:solid 1px #e6e6e6; padding-bottom:1.6rem; }

.info_wrap .info_con{ }

.info_wrap .info_con p{ margin:0; }

.info_wrap .info_con img{ max-width: 100%; }

/*=新闻=*/

.news_wrap { }

.news_wrap ul { }

.news_wrap ul li { background: #FFF; margin: 0.6rem 0; padding: 1rem 0; border-radius: 5px; border-right: solid 1px #e5e5e5; border-bottom: solid 1px #e5e5e5; }

.news_wrap ul li a { display: block; }

.news_wrap ul li .news-box { float: left; width: 60%; margin-left: 4%; }

.news_wrap ul li .news-box_tit { color: #4c4c4c; font-size: 1.8rem; }

.news_wrap ul li .news-box_con { color: #b2b2b2; font-size: 1.2rem; }

.news_wrap ul li .news-date { float: left; width: 30%; text-align: center; font-family: Arial; color: #CCC; border-left: solid 1px #e6e6e6; margin-left: 6%; }

.news_wrap ul li .news-date_d { font-size: 5.8rem; line-height:1; }

.news_wrap ul li .news-date_m { font-size: 1.8rem; font-weight: bold; padding-top: 0.2rem; }

/*=产品=*/

.pro_wrap{}

.pro_wrap ul { overflow:hidden; margin:0 -0.5rem; }

.pro_wrap ul li { float:left; width:50%; padding: 0.5rem; }

.pro_wrap ul li a { display: block; background: #fff; overflow:hidden; border-radius: 8px; border-right: solid 1px #e5e5e5; border-bottom: solid 1px #e5e5e5; }

.pro_wrap ul li .p-img{ display: block;height: 0;width: 95%;padding-bottom: 100%;position: relative;overflow: hidden; margin: auto;}

.pro_wrap ul li .p-img img{ width: 100%; }

.pro_wrap ul li .p-tit{ position:relative; overflow:hidden; background:#00408e; color:#fff; font-size:1.4rem; padding:0.8rem 1rem; text-align: center;}

.pro_wrap ul li .p-tit div{ width:100%; float:left; }

.more{ float:right; margin-top:3px; margin-right: -1px; background:#271f1c; padding:0.4rem 0.8rem 0.2rem; font-size:1rem; line-height:1; color:#fff; border-radius:10px; box-shadow: 1px 1px 2px #271f1c; }

/*=产品内页=*/

.pro-i_wrap { background: #fff; box-shadow: 1px 1px 2px #e5e5e5; }

.pro-i_wrap .pro-info_tit{ text-align:left; line-height:35px; font-size: 1.4rem; width:100%; margin-bottom:0; position:absolute; top:-16px; z-index:1; }

.pro-i_wrap .pro-info_tit span{ /*background: url(../images/pro-info_titM.png) repeat-x center center; background-size: auto 100%;*/ background-color:#000; color:#fff; display:inline-block; height:35px; padding:0 20px; }

.pro-i_wrap .pro-info_tit .tit-L,.pro-i_wrap .pro-info_tit .tit-R{ width:10px; height:35px; display:inline-block; /*background: url(../images/pro-info_titL.png) no-repeat right center; background-size: auto 100%;*/  }

.pro-i_wrap .pro-info_tit .tit-R{ /*background: url(../images/pro-info_titR.png)*/ no-repeat left center; background-size: auto 100%; }

.pro-i_wrap .info_con{ padding-top: 20px; }

.pro-i_wrap .info_con p{ margin:0; }

.pro-i_wrap .info_con img{ max-width: 100%; }

.pro-img{ position:relative; }

.pro-img .pro-img_tit{ text-align:center; line-height:35px; font-size: 1.6rem; width:100%; margin-bottom:0; position:absolute; top:0px/*-12px*/; z-index:1; }

.pro-img .pro-img_tit span{ /*background: url(../images/pro_tit-M.png) repeat-x center center; background-size: auto 100%;*/ background-color:#c16637; color:#fff; font-size:20px; text-shadow: #666 1px 1px 1px;display:inline-block; height:40px; line-height:40px; padding:0 30px; border-radius:0rem 0rem 3rem 3rem;}

.pro-img .pro-img_tit .tit-L,.pro-img .pro-img_tit .tit-R{ width:10px; height:35px; display:inline-block; /*background: url(../images/pro_tit-L.png) no-repeat right center; background-size: auto 100%;*/ }

.pro-img .pro-img_tit .tit-R{ /*background: url(../images/pro_tit-R.png) no-repeat left center; background-size: auto 100%;*/ }

.pro-img .pro-img_con{ display: block;height:auto/*0*/;width: 100%; /*padding-bottom:100%;*/ position: relative; overflow: hidden; padding-top:35px; }

.pro-img .pro-img_con img{ width:100%; margin:20px 0;}

/*产品推荐*/

.pro-recommend{ width:100%; height:auto; margin:0 auto; overflow:hidden;}

.pro-recommend ul{ width:100%; height:auto; overflow:hidden; background-color:#fff;}

.pro-recommend ul li{ float:left; width:48%; height:auto; overflow:hidden; margin:1%; border:1px solid #ddd; /*padding:10px 0 20px 0;*/ background-color:#fff;}

.pro-recommend ul li dt{ width:95%; height:auto; overflow:hidden; border-bottom:1px solid #f3f3f3; margin:auto;}

.pro-recommend ul li dt img{ width:100%; /*margin-bottom:20px;*/}

.pro-recommend ul li dd:nth-child(2){ width:100%; line-height:40px; text-align:center; font-size:16px; font-weight:bold; color:#271f1c;}

.pro-recommend ul li dd:nth-child(1){ width:70%; line-height:35px; text-align:center; font-size:14px; color:#FFF; background-color:#2c76bd; border-radius:20px; -moz-border-radius:20px; margin:0 15%;}

.pro-recommend ul li a{ color:#271f1c;}

.pro-recommend ul li a:hover{ color:#d50d24;}

.pro-clss-more{ width:100%; height:auto; margin:0 auto; overflow:hidden; padding:25px 0; background-color:#fff;}

.pro-clss-more ul{ width:100%; height:50px; margin:0 auto; overflow:hidden;}

.pro-clss-more li{ width:135px; height:50px; line-height:50px; margin:0 auto; overflow:hidden; text-align:center; background-color:#271f1c; color:#FFF; border-radius:10px; -moz-border-radius:10px;}

.pro-clss-more li:hover{ background-color:#d50d24;}



/*------huastyle------*/

.menuu ul li dt{ width:95%; height:78px; border-radius:10px; -moz-border-radius:50px; margin:auto;}

.menuu ul li dd{ width:100%; height:30px; line-height:30px; color:#333;}

.menuu ul li dd a{color: #333; line-height:30px;}

.menuu ul li dt{background-position: center center; background-repeat: no-repeat; background-size: auto 50%;}

.menuu ul:nth-child(1) li:nth-child(1) dt{background-color:#ebebeb; background-image: url(../images/hua_index.png?id=20181112);}

.menuu ul:nth-child(1) li:nth-child(2) dt{background-color:#ebebeb; background-image: url(../images/hua_company.png?id=20181112);/*61b51d*/}

.menuu ul:nth-child(1) li:nth-child(3) dt{ background-color:#ebebeb; background-image: url(../images/hua_products.png?id=20181112);/*1d9ab5*/}

.menuu ul:nth-child(1) li:nth-child(4) dt{background-color:#ebebeb; background-image: url(../images/hua_news.png?id=20181112);/*531db5*/}

.menuu ul:nth-child(2) li:nth-child(1) dt{background-color:#ebebeb; background-image: url(../images/hua_join.png?id=20181112);/*2aa5e3*/}

.menuu ul:nth-child(2) li:nth-child(2) dt{background-color:#ebebeb; background-image: url(../images/hua_service.png?id=20181112);/*ebc83e*/}

.menuu ul:nth-child(2) li:nth-child(3) dt{background-color:#ebebeb; background-image: url(../images/hua_message.png?id=20181112);/*a83dc7*/}

.menuu ul:nth-child(2) li:nth-child(4) dt{background-color:#ebebeb; background-image: url(../images/hua_contact.png?id=20181112);/*c03e0b*/}

.hua_line{ height:45px; border-top: 1px solid rgba(0,0,0,0.2); margin-top:50px;}

.hua_line li{ width:120px; height:35px; line-height:35px; text-align:center; background-color:#fff; position:relative; margin-top:-20px; font-weight: bold; font-size: 18px;}

.hua_style_gg{ width:100%; height:auto; overflow:hidden; background-color:#FFF; /*padding-top:30px;*/ padding-bottom:15px;}

.hua_style_gg ul{ width:100%; height:auto; overflow:hidden; margin-top: -60px; /*background-color:#FFF; padding-top:30px; padding-bottom:30px;*/}

.hua_style_gg li{ text-align:left;}

.hua_style_gg li:nth-child(1){ font-size:25px; width:100%; /*min-height:100px;*/ overflow:hidden; font-weight:bolder; text-align:center; /*background-position: -10px 25px; background-image: url(../images/yj_p01.jpg?id=201800728); background-repeat: no-repeat; background-size: auto 85%;*/}

.hua_style_gg li:nth-child(1) font{ background-color:#fff; padding:0 20px;}

.hua_style_gg li:nth-child(2){ font-size:14px; line-height:20px; color:#999; margin-top:0px; padding:0 20px; text-indent:2rem;}

.hua_style_gg02{ width:100%; height:auto; overflow:hidden; background-color:#f4f4f4; border-width: 1px 0px 1px 0px; border-style: solid; border-color: rgba(0,0,0,0.03);}

.hua_style_gg02 ul{ width:auto; height:auto; overflow:hidden; margin-top: 12px;}

.hua_style_gg02 li{ float:left; margin-left:15px; line-height:35px;}

.hua_style_gg02 li:nth-child(1){ width:5px; min-height:35px; background-color:#fc7c0f;}

.hua_style_gg02 li:nth-child(2){ width:auto; height:auto; font-size:18px; font-weight:bold;}

/*pro*/

.hua_prolist{ width:100%; height:auto; overflow:hidden; padding:15px; border-width: 0px 0px 5px 0px; border-style: solid; border-color: rgba(0,0,0,0.03);}

.hua_prolist a{ color:rgba(0,0,0,0.8); display: flex; flex-direction: row; align-items: center;}

.hua_prolist span{ display:block;}

.hua_prolist li:nth-child(1){ float:left; width:34%; height:auto;}

.hua_prolist li:nth-child(2){ float:left; width:60%; height:auto; padding-left:35px;}

.hua_prolist li:nth-child(2) span:nth-child(1){ font-size:16px; font-weight:bold;}

.hua_prolist li:nth-child(2) span:nth-child(2){ font-size:10px;}

.hua_prolist li:nth-child(3){ float:left; width:6%; height:15px; overflow:hidden; background-image: url(../images/hua_r.png?id=20181112); background-repeat: no-repeat; background-size: auto 100%; opacity:0.5;}





/*新闻*/

.tabBox .hd{ height:48px; line-height:45px; padding:0 10px; font-size:18px; background:#fff; border-bottom:1px solid #ddd; position:relative;}

.tabBox .hd ul{ position:absolute; height:50px; top:0px; overflow:hidden;}

.tabBox .hd ul li{ float:left; padding:0 18px; color:#666; border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0;}

.tabBox .hd ul .on{ border:1px solid #00408e; /*border-bottom-color:#fff;*/ background-color:rgba(0,64,142,0.9); color:#fff;}

.tabBox .hd ul .on a{ display:block; /* 修复Android 4.0.x 默认浏览器当前样色无效果bug */}

.tabBox .bd ul{ padding: 10px 0px 10px 0px; background-color:#fff;}

.tabBox .bd li{ height:40px; line-height:40px; border-width:0px 0px 1px 0px; border-style: dashed; border-color:rgba(240, 240, 240, 1); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding: 0px 20px 0px 20px; width: 100vw;}

.tabBox .bd li a{ color:#666;}

.tabBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);}  /* 去掉链接触摸高亮

/*banner*/

.focus{ width:100%; height:auto;  margin:0 auto; position:relative; overflow:hidden;}

.focus .hd{ width:100%; height:5px;  position:absolute; z-index:1; bottom:0; text-align:center;}

.focus .hd ul{ overflow:hidden; display:-moz-box; display:-webkit-box; display:box; height:5px; background-color:rgba(117,77,62,0.9);}

.focus .hd ul li{ -moz-box-flex:1; -webkit-box-flex:1; box-flex:1;}

.focus .hd ul .on{ background-color:#c16637; }

.focus .bd{ position:relative; z-index:0;}

.focus .bd li img{ width:100%;  height:auto;}

.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */}

/*hua_style*/

/*.hua_logo{ width:100%; min-height:100px; overflow:hidden; line-height:100px; background-position: top center; background-image: url(../images/logo_bg.png?id=20180623); background-repeat: no-repeat; background-size:105% auto;}*/

.hua_logo{ width:100%; min-height:135px; overflow:hidden; line-height:100px; background-position: left center; /*background-image: url(../images/hua_top_bg.jpg?id=201801009); background-repeat: no-repeat; background-size:110% auto; background-color: #030124;*/}

.hua_logo ul{ width:100%; min-height:135px; overflow:hidden; margin:0; background-position: left center; background-image: url(../images/hua_top_logo.png?id=201801009); background-repeat: no-repeat; background-size:110% auto;}

/*.hua_logo li{ width:100%; min-height:100px; background-position: bottom center; background-image: url(../images/logo.png?id=180623); background-repeat: no-repeat; background-size:auto;}*/

.hua_logo li{ float:right; width:auto; min-height:90px; /*margin-right:20px;*/ background-position: center 104%;}

.hua_logo li:nth-child(2){ width:62px; background-image: url(../images/hua_indextel.png?id=20180731); background-repeat: no-repeat; /*background-size:70% auto;*/margin-right: -3%; margin-top: 5px;}

.hua_logo li:nth-child(1){ width:62px; background-image: url(../images/hua_indexadd.png?id=20180731); background-repeat: no-repeat; /*background-size:70% auto;*/ margin-top: 5px;}

@media screen and (max-width: 768px) {

.hua_logo{ min-height:80px; background-size:90% auto;}

.hua_logo ul{ min-height:90px; background-size:90% auto;}

.hua_logo li{ background-size:80%; min-height:80px;}

.hua_style_gg li:nth-child(1){ min-height:60px; line-height:50px; margin-right: 3%; margin-top: 20px;}

.hua_logo li:nth-child(1){margin-right: 2%;}

.hua_logo li:nth-child(2){ margin-right: 1%;}

.hua_style_gg hr{ margin-top:40px;}

}

@media screen and (max-width: 414px) {

.hua_logo{ min-height:80px; background-size:120% auto;}

.hua_logo ul{ min-height:90px; background-size:120% auto;}

.hua_logo li{ background-size:70%; min-height:80px;}

.hua_style_gg li:nth-child(1){ min-height:50px; line-height:50px; margin-right: 3%; margin-top: 20px;}

.hua_logo li:nth-child(1){margin-right: 2%; background-image: url(../images/hua_indexadd2.png?id=20180731); opacity:1;}

.hua_logo li:nth-child(2){ margin-right: -2%; background-image: url(../images/hua_indextel2.png?id=20180731); opacity:1;}

.hua_style_gg hr{ margin-top:40px;}

}



.am-text-truncate {

  word-wrap: normal; /* for IE */

  text-overflow: ellipsis;

  white-space: nowrap;

  overflow: hidden;

}