@charset "utf-8";
@import url('icon.css');

.clearfix{*zoom:1;}
.clearfix:before,.clearfix:after{line-height:0; display:taFble; content:"";display: table;}
.clearfix:after{clear:both;display: table;}
:root {
	--baseColor: #005BAC;
}

/*友情连接*/
.p_l_list li {
	float: left;
	width: 16.66%;
	float: left;
	padding: 10px;
}

.p_l_list li a {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 120px;
}

.p_l_list li img {
	width: 120px;
	display: block;
}

/*下载*/
.n_d_list li {
	height: 38px;
	border-bottom: 1px solid #eee;
}

.n_d_list li a {
	float: left;
	line-height: 38px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 14px;
}

.n_d_list li span {
	float: right;
	line-height: 35px;
}

/*招聘*/
.gbook_formbtn input[type="reset"] {
	display: none;
}

.gbook_formbtn input[type="button"] {
	display: none;
}

.n_j_list li {
	height: 38px;
	border-bottom: 1px solid #eee;
}

.n_j_list li a {
	float: left;
	line-height: 38px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 16px;
}

.n_j_list li span {
	float: right;
	line-height: 35px;
	font-size: 16px;
}

/*新闻*/
.n_n_list {
	margin-top: -35px;
}

.n_n_list dl {
	margin: 35px 0;
	overflow: hidden;
	background-color: #fff;
	border-bottom: 1px solid #eee;
}

.n_n_list dl dt {
	float: left;
	overflow: hidden;
}

.n_n_list dl dd {
	float: right;
	width: 720px;
	text-align: left;
	margin-left: 20px;
}

.n_n_list dl dd a {
	display: block;
	height: 35px;
	line-height: 35px;
	font-size: 16px;
	color: #000;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 658px;
	float: left;
}

.n_n_list dl dd ins {
	display: block;
	margin: 10px 0px;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	color: #888888;
	text-decoration: none;
	color: #243a8e;
	font-size: 22px;
}

.n_n_list dl dd>div {
	display: block;
	margin-top: 25px;
	height: 60px;
	line-height: 20px;
	overflow: hidden;
	color: #666;
	font-size: 14px;
	width: 580px;
}

.n_n_list dl dd span {
	font-size: 14px;
	color: #333;
	float: right;
}

.listnew_left {
	float: left;
}

.listnew_left li {
	width: 310px;
	height: 190px;
	border: 2px solid #EBEBEB
}

.listnew_left li img {
	width: 285px;
	height: 157px;
	padding: 15px 0 0 13.5px;
}

.listnew_right {
	width: 660px;
	float: right;
	margin-top: 35px
}

.title2 {
	font-size: 14px;
	color: #E60012;
	height: 25px;
}

.title2 a {
	color: #E60012;
	float: left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
	width: 500px;
}

.title2 span {
	float: right;
	font-size: 12px;
	background: url(../images/zhi1.png) no-repeat 75px -2px;
	padding-right: 20px
}

.listnews_article {
	font-size: 12px;
	line-height: 35px;
	margin-top: 10px;
	height: 90px;
	overflow: hidden;
}

.listnews_article span {
	color: #E71021
}

.listnews_article span a {
	color: #E71021
}

.listnews_our {
	margin-bottom: 35px;
	width: 1000px;
	float: left;
}

.waterfall {
	-moz-column-count: 3;
	/* Firefox */
	-webkit-column-count: 3;
	/* Safari 和 Chrome */
	column-count: 3;
	-moz-column-gap: 1em;
	-webkit-column-gap: 1em;
	column-gap: 1em;
}

/*一个内容层*/
.item {
	-moz-page-break-inside: avoid;
	-webkit-column-break-inside: avoid;
	break-inside: avoid;
}

.item img {
	width: 280px;
}

/*视频*/
.p_v_list {}

.p_v_list li {
	float: left;
	display: inline-block;
	width: 320px;
	margin: 0 6px 10px 7px;
}

.p_v_list li img {
	width: 320px;
	height: 240px;
}

.p_v_list li span {
	display: block;
	height: 35px;
	line-height: 35px;
	text-indent: 20px;
	width: 320px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	border-bottom: 2px solid #d9d7d7;
	background: url(/templates/images/icon01.jpg) no-repeat 3px center;
}

/* ---------------结束---------------- */

/* ---------------开始首页内容------------------ */
.right {
	float: right;
}

.left {
	float: left;
}

/* 首页推荐新闻*/
.i_n_list {}

.i_n_list .nlist2 li {
	line-height: 24px;
	padding-left: 8px;
	width: 224px;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	background: url(../images/icon4.gif) no-repeat 8px 10px;
	padding-left: 15px;
}

.i_n_list .nlist2 a {
	display: block;
	width: 220px;
	overflow: hidden;
	float: left;
	font-size: 12px;
	text-align: left;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.i_n_list .nlist2 a:hover {
	text-decoration: none;
}

.i_n_list .i_title li {
	width: 90px;
}

.i_n_list .i_title a {
	float: left;
	padding-left: 13px;
	font-size: 12px;
	text-align: left;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	background: none;
	color: #616161;
}

.i_n_list .i_title a:hover {
	color: #fff;
}

/* 首页推荐产品 */
/* 首页友情链接图片列表式 */
.i_l_list {
	display: inline-block;
}

.i_l_list a {
	display: block;
	display: inline;
	overflow: hidden;
	float: left;
	width: 30.5%;
	margin: 5px;
	line-height: 22px;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.i_l_list img {
	display: block;
	width: 96%;
	height: 80px;
	padding: 1px;
	border: 1px solid #C4C4C4;
}

.i_l_list a:hover img {
	border: 1px solid #900;
}

/* 翻页按钮 */
.navPage {
	clear: left;
	padding: 45px 0px 35px 0px;
	font-size: 14px;
	font-family: arial, simsun, sans-serif;
	text-align: center;
	width: 100%;
	margin: 0 auto;
}

.navPage ul {
	text-align: center;
}

.navPage li {
	display: inline-block;
	margin-right: 2px;
}

.navPage a {
	display: block;
	color: #cccccc;
	width: 26px;
	height: 26px;
	display: block;
	border: 1px solid #cccccc;
	line-height: 26px;
}

.navPage a:hover,
a.pagebarCurrent {
	color: #fff;
	text-decoration: none;
	border: 1px solid #005BAC;
	background-color: #005BAC;
}

/* ---------------结束栏目列表---------------- */
/*产品分类*/
.sortnavt {
	display: none;
}

.sortnavt h3 {
	height: 35px;
	line-height: 35px;
	color: #666;
}

.sortnavt span {
	float: left;
	display: block;
	font-size: 14px;
	line-height: 40px;
	text-indent: 10px;
	text-transform: capitalize;
	display: none;
}

.sortnavli {
	position: relative;
}

ul.sortnavul {
	text-align: center !important;
}

ul.sortnavul li {
	display: inline-block;
}

.sortnavul li a {
	display: block;
	font-size: 16px;
	line-height: 50px;
	height: 50px;
	color: #666;
	padding: 5px 10px;
	position: relative;
	font-weight: 400;
	text-decoration: none;
	transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0ms;
	text-align: center;
}

.sortnavul li a:hover {
	color: #fe6d03;
}

.sortnavli a:hover {
	color: #fe6d03;
}

.tzzgx h3 {
	font-size: 22px;
	font-weight: 600;
}

/*单页图文分类*/
.sortnavbtn {
	background: url(../images/lb.gif) no-repeat scroll 40px 0 transparent;
	color: #D4D4D4;
	font-weight: bold;
	line-height: 32px;
}

.sortnavbtn a {
	background: url(../images/lb.gif) no-repeat 40px 0;
	color: #D4D4D4;
	display: block;
	font-weight: bold;
	line-height: 32px;
	overflow: hidden;
	padding-bottom: 8px;
	padding-left: 50px;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 177px;
}

.sortnavbtn a:hover {
	line-height: 32px;
	background: url(../images/lhover.gif) no-repeat 40px 0px;
	padding-left: 50px;
	color: #c30708;
	font-weight: bold;
	text-decoration: none;
}

/*首页产品分类*/
.i_ullist_sortnav {
	float: left;
}

.i_ullist_sortnav li {
	border-bottom: 1px solid #ffefe1;
	width: 150px;
}

/* ---------------开始栏目详细---------------- */

/*产品展示详细*/
.productview {
	position: relative;
}

.producttitle {
	font-size: 2rem;
	line-height: 35px;
	overflow: hidden;
	display: block;
	text-transform: capitalize;
	color: #333;
	margin-bottom: 15px;
	font-weight: bold;
}

/*默认*/
.productimg {
	margin: 0 auto;
	text-align: center;
	padding-bottom: 15px;
	display: block;
	width: 600px;
}

.productinfos {
	overflow: hidden;
	display: none;
	text-align: center;
}

.productimg a {}

.productimg a img {
	margin: 0;
	padding: 0;
	width: 600px;
}

.productimg a:hover img {}

/*IE6固定大小*/
*html .productimg a img {
	width: 400px;
}

/*展示1*/
.productbigimg {
	display: inline;
	text-align: center;
}

.productinfoslist {
	overflow: hidden;
	padding-left: 335px;
	height: 335px;
}

.shopping {
	padding-left: 80px;
}

.productinfoslistfos {
	margin: 20px 0px;
	float: left;
	width: 340px;
}

.productinfoslist ul {
	width: 335px;
	padding-bottom: 20px;
}

.productremark {
	clear: both;
	color: #666;
	line-height: 28px;
}

.productremark .title {
	overflow: hidden;
	font-weight: bold;
	line-height: 29px;
	display: none;
}

/*内容详细页*/
.p_n_title {
	font-size: 1.5rem;
color: #333;
border-bottom: 1px solid #eee;
padding-bottom: 10px;
text-transform: capitalize;
text-align: left;
font-weight: bold;
margin-bottom: 10px;
}

.remark {
	line-height: 22px;
	line-height: 25px;
	margin-top: 20px;
}

.remark1 {
	line-height: 25px;
	margin: 0 30px;
	margin-bottom: 30px;
}

/*下载链接*/
.download_btn {
	text-align: center;
	line-height: 35px;
}

/*新闻详细*/
.p_n_info {
	line-height: 35px;
	text-align: left;
}

.p_n_video {
	text-align: center;
}

/* 产品/视频详细 */
.product_others {
	padding-top: 8px;
	clear: both;
	padding-left: 8px;
}

.product_others li {
	display: block;
	clear: both;
	line-height: 20px;
}

.onlinebuy_list .pc01 {
	width: 500px;
	margin: 0 auto;
	text-align: center;
}

/*.onlinebuy_list .pc01 img{width:500px;}*/
.onlinebuy_list .pc01 img {
	border: 1px solid #bcbcbc;
	margin: 0;
	padding: 0;
	max-width: 500px;
	width: expression(this.width>500?"500px":this.width);
	max-height: 500px;
	height: expression(this.height>500?"500px":this.height);
}

.onlinebuy_list .pc01 a:hover img {
	border: 1px solid #900;
}

/*IE6固定大小*/
*html .onlinebuy_list .pc01 img {
	width: 400px;
}

.viewproduct_infos {
	clear: both;
	padding-left: 8px;
	overflow: hidden;
}

/*导航上下记录*/
.prevnext {
	width: 100%;
	padding: 30px 0;
	line-height: 20px;
	font-size: 18px;
	color: #333;
}

.prevrecord,
.nextrecord {
	display: block;
	overflow: hidden;
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	/*margin-left: 92px;*/
	margin-top: 20px;
}

.prevrecord a,
.nextrecord a {
	font-weight: bold;
}

/* 留言 */
.gbook_formbtn goback_btn {
	clear: both;
	margin-left: 150px;
	background: #888888;
	color: #FFFFFF;
	border: solid 1px #666666;
	font-weight: bold;
	padding: 4px 6px;
}

.gbook_indexpost {
	/* width: 100%;
	background-color: #FD9F3E;
	padding: 20px 5%; */
}

.gbook_indexpost form {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.gbook_tblist {
	width: 100%
}

.gbook_tblist tbody tr {
	width: 60%;
margin-bottom: 10px;
display: block;
}

.remark p {
	font-size: 16px;
	line-height: 35px;
}

.remark strong {
	font-weight: 600;
}

.gbook_tblist tbody tr td {
	width: 100%;
	display: inline-block;
}

.gbook_tblist input,
.gbook_tblist textarea {
	background: #FFF;
	border: 1px solid #eae9e9;
	width: 100%;
	height: 45px;
	padding-left: 15px;
	font-size: 14px;
	line-height: 45px;
}

.gbook_tblist tbody tr td:first-child {
	display: none;
}

.gbook_tblist tbody {
	justify-content: space-between;
display: flex;
flex-direction: column;
align-items: center;
}

.p_g_gbook {
	padding: 0px;
}

.p_g_title {
	font-weight: bold;
	line-height: 35px;
	text-align: left;
	padding-left: 10px;
	clear: both;
}

.p_g_content {
	text-align: left;
	line-height: 24px;
	padding: 0 5px;
	clear: both;
}

.gbook_formbtn {
	width: 15%;
	margin-left: 3%;
}

.gbook_formbtn input {
	color: #eee;
	cursor: pointer;
	height: 45px;
	line-height: 45px;
	width: 100%;
	text-align: center;
	background-color: #353535;
	margin: 0;
}


.msg-wp {
	width: 100%;
	background-color: #FD9F3E;
	padding: 30px 5%;
	margin-top: 60px;
}

.msg-wp .msg-text {
	text-align: center;
}

.msg-wp .msg-text h3 {
	font-size: 32px;
	color: #333;
	font-weight: 700;
	letter-spacing: 4px;
	line-height: 60px;
}

.msg-wp .msg-text h3 span {
	display: inline-block;
	border-bottom: 2px solid #333;
}

.msg-wp .msg-text p {
	font-size: 16px;
	color: #666;
	margin-top: 15px;
	margin-bottom: 40px;
}

/* 招聘 */
.p_jv_jobs {
	line-height: 30px;
	margin: 0px 0px;
	padding: 0 30px;
}

.p_jv_jobs .jobs {
	height: 33px;
}

.i_p_list .p_jv_item {
	clear: both;
	width: 660px;
}

.p_jv_title {
	float: left;
	clear: left;
	text-align: left;
	font-weight: bold;
	font-size: 18px;
	color: #333;
}

.p_jv_cont {
	float: left;
	text-align: left;
	font-size: 16px;
	color: #333;
}

.p_jv_contb {
	text-align: left;
	clear: both;
	padding: 0 0 10px 0;
	font-size: 14px;
}

/* 网站地图 */
.p_m_div {
	margin: auto;
	clear: both;
	text-align: left;
	overflow: hidden;
	width: 100%;
	padding: 0 30px;
}

.p_m_div a {
	line-height: 20px;
	height: 20px;
	font-size: 12px;
}

.p_m_div a:hover {
	line-height: 20px;
	font-size: 12px;
}

.p_m_ul {
	margin: 0 0 6px 0;
	display: table;
	border-bottom: dashed 1px #d7d7d7;
	width: 100%;
	padding: 0px;
}

.p_m_div2 .p_m_ul {
	margin: 0px;
	float: left;
	width: auto;
	border: none;
	padding-left: 10px;
}

.p_m_menu {
	font-weight: bold;
	clear: both;
}

.i_p_list .p_m_ul li,
.menusort_list li {
	white-space: nowrap;
	width: 653px;
}

.p_m_class,
.menusort_lists {
	margin-left: 24px;
}

.p_m_div2 {
	margin: 0 10px 0 0;
}

/* ----开始网站Rss订阅中心---- */
.onlinerss {
	width: 220px;
	margin: 0 0 10px;
	padding-bottom: 5px;
	border: solid #dbdbdb 1px;
	background: #f0f0f0;
}

.onlinerss dl {
	width: 214px;
	height: 28px;
	margin: 0 auto;
	padding-top: 6px;
	background: url(../images/t1.jpg) no-repeat bottom;
}

.onlinerss dt {
	float: left;
	padding-left: 25px;
	color: #fff;
	line-height: 20px;
	font-size: 14px;
}

.onlinerss dt a,
.onlinerss dt a:hover {
	color: #fff;
	text-decoration: none;
}

.onlinerss li {
	padding-bottom: 10px;
	text-align: center;
}

.onlinerss li a.a1 {
	display: block;
	overflow: hidden;
	width: 200px;
	height: 170px;
	margin: 0 auto;
	border: 1px solid #cbc5bf;
}

.onlinerss li a.a1 img {
	width: 200px;
}

.onlinerss li a.a2 {
	display: block;
	overflow: hidden;
	width: 200px;
	margin: 0 auto;
	;
	line-height: 22px;
	white-space: nowrap;
	text-overflow: ellipsis
}

.onlinerss .singletxt_main {
	width: 192px;
	margin: 0 auto;
	padding: 10px;
	border: solid #c8c8c8 1px;
	border-top: none;
	background: #fff;
	line-height: 20px;
}

.main_rssxmllist {
	clear: both;
	display: block;
}

.main_rssxmllist ul {
	display: block;
	padding-bottom: 2px;
	padding: 0px;
	margin: 0px;
}

.rssmain_topbar {
	clear: both;
	display: block;
	height: 24px;
	line-height: 24px;
	padding: 0px 4px;
	border: solid 1px #d7d7d7;
}

.rssmain_toptit {
	float: left;
	font-weight: bold;
}

.rssmain_topbtn {
	display: block;
	float: right;
	padding-top: 2px;
}

.rssmain_topbtn .rssxml_url {
	display: block;
	margin: 4px 15px 0 0;
	float: left;
	line-height: 20px;
}

.rssmain_topbtn .rssxml_btn {
	display: block;
	float: left;
	line-height: 20px;
}

.rssxml_btn .subscribe_btn {
	clear: both;
	display: block;
	cursor: pointer;
	background: url(../../images/rss_icon.jpg) no-repeat left center;
	padding: 2px 4px 0px 20px
}

.rssxml_btn .subscribe_list {
	top: 22px;
	right: -5px;
	z-index: 1000;
	position: absolute;
	padding: 4px;
	border: solid 1px #DDD;
	background-color: #FFF;
}

.subscribe_list a {
	clear: both;
	display: block;
	padding: 4px;
}

.viewitem_list {
	margin: 0px;
	padding: 4px 4px 8px;
}

.viewitem_list ul {
	margin: 0px;
	padding: 0px;
	display: table;
	width: 100%;
	line-height: 20px;
}

.viewitem_list ul li {
	line-height: 20px;
}

.viewitem_list ul li a {
	display: block;
	float: left;
	width: 600px;
	white-space: nowrap;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.viewitem_list ul span {
	float: right;
	padding-right: 0px;
}

#com_pmodule_rssonline {
	text-align: center;
	margin: 0 auto;
}

#com_pmodule_rssonline li {
	padding: 3px 0;
}

#com_rssonline li {
	text-align: center;
	margin: 0 auto;
	padding: 5px 0;
}

.sidebar .rss1 {
	background: url(../images/t1.jpg) no-repeat scroll 0 0 transparent;
	height: 29px;
	width: 194px;
}

.sidebar .rss1 span {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	line-height: 32px;
	padding-left: 34px;
}

.sidebar .rss1 span a {
	color: #fff;
}

/* ------在线调查---- */
.survey_indexshow {
	margin: 0px 0 15px 5px;
}

.survey_indexpost {
	padding-left: 20px;
	margin-bottom: 8px;
}

.survey_post input {
	border: 0px;
}

.survey_postbtn {
	line-height: 35px;
}

.survey_postbtn input {
	line-height: 20px;
	margin-right: 8px;
	cursor: pointer;
	width: 100px;
	background: #ddd;
	color: #25262b;
	border: solid 1px;
}

/* ---------------结束栏目详细---------------- */


/* ---------------开始扩展区----------------- */

#com_definedkeys_1,
#com_definedkeys_2,
#com_definedkeys_3,
#com_definedkeys_4 {
	/*margin-bottom:-6px;*/
}

.i_u_def1,
.i_u_def2,
.i_u_def3,
.i_u_def4,
.p_u_def1,
.p_u_def2,
.p_u_def3,
.p_u_def4 {
	overflow: hidden;
}

.move_divouter .content {
	overflow: hidden;
	line-height: 20px;
}

.move_divouter .list {
	overflow: hidden;
}

.move_divouter .title a {
	text-decoration: none;
}

#index #com_definedkeys_1 {
	display: inline;
}


.i_u_def1 {
	margin-bottom: 20px;
	width: 1100px;
}

.i_u_def1 .title {
	text-align: center;
}

.i_u_def1 .title .tt {
	color: #000;
	display: block;
	font-size: 35px;
	height: 57px;
	letter-spacing: 15px;
	line-height: 57px;
}

.i_u_def1 .title .tm {
	float: right;
	color: #454545;
	background: #fff;
	line-height: 80px;
	height: 80px;
	padding-left: 8px;
	font-size: 24px;
	font-weight: 500;
	display: none;
}

.i_u_def1 .content {
	line-height: 25px;
	padding: 20px 10px;
	width: 1080px;
}

.i_u_def1 .list {
	padding: 20px 10px;
	width: 1080px;
	overflow: hidden;
}

.i_u_def1 .list ul {}

.i_u_def1 .list li {
	float: left;
	width: 222px;
	float: left;
	margin: 10px 24px;
}

.i_u_def1 .list li a {
	width: 210px;
}

.i_u_def1 .list li img {
	width: 210px;
	height: 160px;
	border: 6px solid #e5eef5;
	margin-bottom: 10px;
}

.i_u_def1 .list li span {
	display: block;
	width: 210px;
	padding: 0px 6px;
	height: 36px;
	background-color: #e5eef5;
	line-height: 36px;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}


#index #com_definedkeys_2 {
	display: inline;
	float: left;
}

.i_u_def2 {
	width: 590px;
	margin-top: 15px;
}

.i_u_def2 .content {
	line-height: 22px;
	margin-top: 5px;
}

.i_u_def2 .list {
	float: left;
	margin-top: 5px;
}

.i_u_def2 .list li {
	height: 31px;
	background: url(../Images/icon06.jpg) repeat-x left bottom;
}

.i_u_def2 .list li a {
	display: block;
	height: 29px;
	line-height: 35px;
	font-size: 12px;
}

.i_u_def2 .list li a ins {
	display: block;
	float: left;
	width: 490px;
	text-decoration: none;
	text-indent: 5px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.i_u_def2 .list li a span {
	display: block;
	float: right;
	width: 100px;
	padding-right: 5px;
	text-align: right;
}

.i_u_def2 .list li a:hover {
	background: #b50e00;
	color: #FFF;
}

.i_u_def3 {
	width: 590px;
	margin-top: 20px;
}

.i_u_def3 .content {
	line-height: 22px;
	margin-top: 5px;
}

.i_u_def3 .list {
	float: left;
	margin-top: 5px;
}

.i_u_def3 .list ul {}

.i_u_def3 .list li {
	float: left;
	display: inline-block;
	width: 285px;
	margin: 0 5px 10px 5px;
}

.i_u_def3 .list li span {
	display: block;
	height: 35px;
	line-height: 35px;
	text-align: center;
	width: 285px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.i_u_def3 .list li i {
	display: block;
	width: 285px;
	height: 213px;
	overflow: hidden;
}

.i_u_def3 .list li i img {
	width: 285px;
	height: 232px;
}

.i_u_def3 .list li a:hover i img {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	transform: scale(1.2);
}

#com_definedkeys_4 {}

.i_u_def4 {
	margin-top: 20px;
	width: 1100px;
}

.i_u_def4 .title {
	text-align: center;
}

.i_u_def4 .title .tt {
	color: #000;
	display: block;
	font-size: 35px;
	height: 57px;
	letter-spacing: 15px;
	line-height: 57px;
}

.i_u_def4 .title .tm {
	float: right;
	color: #454545;
	background: #fff;
	line-height: 80px;
	height: 80px;
	padding-left: 8px;
	font-size: 24px;
	font-weight: 500;
	display: none;
}

.i_u_def4 .content {
	line-height: 25px;
	padding: 20px 10px;
	width: 1080px;
}

.i_u_def4 .list {
	padding: 20px 10px;
	width: 1080px;
	overflow: hidden;
}

.i_u_def4 .list ul {}

.i_u_def4 .list li {
	float: left;
	width: 222px;
	float: left;
	margin: 10px 24px;
}

.i_u_def4 .list li a {
	width: 210px;
}

.i_u_def4 .list li img {
	width: 210px;
	height: 160px;
	border: 6px solid #e5eef5;
	margin-bottom: 10px;
}

.i_u_def4 .list li span {
	display: block;
	width: 210px;
	padding: 0px 6px;
	height: 36px;
	background-color: #e5eef5;
	line-height: 36px;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.p_u_def1 {
	width: 1120px;
	margin-bottom: 20px;
	background-color: #fff;
}

.p_u_def1 .content {
	line-height: 22px;
	padding: 15px;
}

.p_u_def1 .list {
	padding: 15px;
}

.p_u_def1 .list ul {}

.p_u_def1 .list li {
	float: left;
	display: inline-block;
	width: 265px;
	margin: 0 3px 10px 4px;
}

.p_u_def1 .list li img {
	width: 265px;
	height: 170px;
}

.p_u_def1 .list li span {
	display: block;
	height: 35px;
	line-height: 35px;
	width: 265px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.p_u_def2 {
	width: 370px;
	margin-top: 20px;
	background-color: #fff;
}

.p_u_def2 .content {
	line-height: 22px;
	padding: 15px;
}

.p_u_def2 .list {
	float: left;
	padding: 15px;
}

.p_u_def2 .list li {
	height: 35px;
	line-height: 35px;
	font-size: 14px;
	overflow: hidden;
}

.p_u_def2 .list li a {
	display: block;
	float: left;
	width: 340px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.p_u_def3 {
	width: 727px;
	margin-top: 20px;
	background-color: #fff;
}

.p_u_def3 .content {
	line-height: 22px;
	padding: 15px;
}

.p_u_def3 .list {
	float: left;
	padding: 15px;
}

.p_u_def3 .list ul {}

.p_u_def3 .list li {
	float: left;
	display: inline-block;
	width: 225px;
	margin: 0 3px 10px 4px;
}

.p_u_def3 .list li img {
	width: 225px;
	height: 145px;
}

.p_u_def3 .list li span {
	display: block;
	height: 35px;
	line-height: 35px;
	width: 225px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.p_u_def4 {
	width: 1120px;
	margin-top: 20px;
	background-color: #fff;
}

.p_u_def4 .content {
	line-height: 22px;
	padding: 15px;
}

.p_u_def4 .list {
	padding: 15px;
}

.p_u_def4 .list ul {}

.p_u_def4 .list li {
	float: left;
	display: inline-block;
	width: 265px;
	margin: 0 3px 10px 4px;
}

.p_u_def4 .list li img {
	width: 265px;
	height: 170px;
}

.p_u_def4 .list li span {
	display: block;
	height: 35px;
	line-height: 35px;
	width: 265px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}


/*module.css*/

.title01 {
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #e28b0f;
	border-radius: 4px 4px 0 0;
}

.title01 h3 {
	float: left;
	font-size: 16px;
	color: #FFF;
	text-indent: 15px;
}

.title02 {
	padding: 0 35px 0 20px;
	height: 100px;
	border-bottom: 1px solid #ededed;
}

.title02 h3 {
	display: block;
	float: left;
	height: 100px;
	line-height: 60px;
	text-indent: 15px;
	font-size: 18px;
	color: #333333;
	background: url(../images/icon04.png) no-repeat left center;
}

.title02 span {
	display: block;
	float: right;
	line-height: 60px;
	font-size: 14px;
}

.title02 span a {
	color: #666666;
	padding: 0 10px;
}

.title03 {
	height: 34px;
	color: #333;
	font-size: 24px;
	line-height: 34px;
	text-align: center;
}

.roll02 {
	float: right;
	width: 64px;
}

.roll02 a {
	float: left;
	display: block;
	width: 32px;
	height: 40px;
}

.roll02 a.rol02 {
	background: url(../images/rol02.png) no-repeat center center;
}

.roll02 a.ror02 {
	border-radius: 0 4px 0 0;
	background: url(../images/ror02.png) no-repeat center center;
}

.roll02 a:hover {
	background-color: #cb7d0d;
}

.roll03 {
	float: right;
	margin-right: 25px;
	border-right: 1px solid #f2f2f2;
}

.roll03 a {
	float: left;
	display: block;
	width: 55px;
	height: 100px;
	border-left: 1px solid #f2f2f2;
}

.roll03 a.rol03 {
	background: url(../images/rol03.png) no-repeat center center;
}

.roll03 a.ror03 {
	background: url(../images/ror03.png) no-repeat center center;
}

.roll03 a.rol03:hover {
	background: url(../images/rol03_on.png) no-repeat center center #969696;
}

.roll03 a.ror03:hover {
	background: url(../images/ror03_on.png) no-repeat center center #969696;
}

.more01 {
	margin-top: 35px;
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
}

.more01 a {
	display: inline-block;
	width: 126px;
	height: 40px;
	color: #FFF;
	border-radius: 20px;
	font-size: 14px;
	background: #e28b0f;
}

.more01 a:hover {
	color: #FFF;
	background: #2c90cc;
}

.more02 {
	float: left;
	margin-top: 10px;
	width: 100%;
	height: 40px;
}

.more02 a {
	display: inline-block;
	width: 140px;
	height: 40px;
	text-align: center;
	line-height: 38px;
	color: #999;
	border: 1px solid #bfbfbf;
	border-radius: 20px;
	font-size: 14px;
	text-transform: uppercase;
}

.more02 a:hover {
	color: #FFF;
	background-color: #e62129;
	border: 1px solid #e62129;
}


/* gotop */
.actGotop {
	width: 40px;
	height: 40px;
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 9999;
	display: none;
	cursor: pointer;
	background: url(../Images/backTop.png) no-repeat center center #005BAC;
}

.actGotop:hover {
	background: url(../Images/backTop.png) no-repeat center center rgba(191, 27, 57, 0.35);
}

/*global.css*/

/* CSS Document 2016.12.1 */
body {
	font-family: microsoft yahei;
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #888888;
	background: #FFF;
}

* {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
	transition: color 0.2s, background 0.4s;
	-webkit-transition: color 0.2s, background 0.4s;
	-moz-transition: color 0.2s, background 0.4s;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

img,
a img {
	vertical-align: bottom;
	max-width: 100%;
	width: 100%;
}

input,
select,
textarea {
	vertical-align: middle;
	font-family: microsoft yahei;
}

input:focus,
textarea:focus {
	outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
}

/* Link */
a {
	color: #333333;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

/* Other */
.clear {
	clear: both;
	font-size: 1px;
	width: 1px;
	height: 0;
	visibility: hidden;
	overflow: hidden;
}

.clear::after {
	content: "";
	clear: both;
	font-size: 1px;
	width: 1px;
	height: 0;
	visibility: hidden;
	overflow: hidden;
}



.fl {
	float: left;
}

.fr {
	float: right;
}


/*ddsmoothmenu.css*/

.ddsmoothmenu {
	font-size: 14px;
}

.ddsmoothmenu a {
	text-align: center;
}

.ddsmoothmenu ul {
	z-index: 100;
	padding: 0;
	list-style-type: none;
	margin-left: 20px;
}

.ddsmoothmenu ul li {
	display: inline;
	float: left;
	position: relative;
	color: #333;
	padding-right: 55px;
	text-align: center;
	text-transform: uppercase;
}

.ddsmoothmenu ul li:hover a::before {
	width: 100%;
}

.ddsmoothmenu ul li:hover ul li a::before {
	width: 0%;
}

.nava {
	display: block;
	height: 32px;
	
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 5px
}

* html .nava {
	/*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
}

.navactive:hover {
	display: block;
	height: 32px;

}

.navactive {
	display: block;
	height: 32px;
	
	font-size: 18px;
	padding-bottom: 5px
}

.selected {
	display: block;
	height: 32px;
	
	font-size: 18px;
	padding-bottom: 5px
}


.i_nav ul li ul li {
	display: block;
	position: relative;
	padding: 0;
	float: none;
	background-color: #fff;
	border-bottom: 1px solid #ECECEC;
}


.i_nav ul li ul li:last-child {
	border-radius: 0px 0px 6px 6px;
}

.i_nav ul li ul li ul {
	top: 0;
}

.i_nav ul li ul li a {
	border-top: none;
	display: block;
	font-size: 14px;
	color: #333;
	text-align: left;
	z-index: 2001;
	margin: 0;
	white-space: nowrap;
	text-overflow: ellipsis;
	cursor: pointer;
	padding: 14px 15px;
}


#menu_lists .sub-menubox {
	position: absolute;
	background: #fff;
	margin: 0;
}



#menu_lists .sub-menubox__list {
	display: flex;
	flex-direction: column;
}

#menu_lists .sub-menubox__list .nav-name {
	font-size: 18px;
	color: #333;
	font-weight: 700;
	line-height: 50px;
	margin: 0 auto;
	margin-top: 30px;
	display: list-item;
	position: relative;
	width: 164px;
	text-align: left;
	display: none;
	padding-left: 40px;
}

.sub-menubox__pic {
	width: 50%;
	position: relative;
}

.sub-menubox__pic .text_box {
	position: absolute;
	top: 50px;
	left: 50px;
	text-align: left;
	color: #fff;
}

.sub-menubox__pic .text_box h2 {
	font-size: 24px;
	margin-bottom: 10px;
	font-weight: 700;
}

.sub-menubox__pic .text_box p {
	font-size: 20px;
}

.sub-menubox__pic .menu_details {
	padding: 8px 30px;
	font-size: 14px;
	color: #333;
	position: absolute;
	bottom: 50px;
	left: 50px;
	background-color: #fff;
	display: flex;
	align-items: center;
}

.sub-menubox__pic .menu_details::after {
	content: '';
	width: 12px;
	height: 15px;
	display: inline-block;
	margin-left: 15px;
	background: url(../Images/jiantou12-copy.png) no-repeat center / 100%;
}

.navliv {
	height: 35px;
}

.navactive,
.navactive:hover,
.nava:hover {
	border-bottom: 3px solid #005BAC;
	color: #005BAC;
	font-weight: 700;
}

.i_nav ul li ul li a.on,
.i_nav ul li ul li a:hover {
	color: #005BAC;
	text-decoration: none;
}


/* 首页部分开始 */
.mfbox {
	width: 1403px;
	margin: auto;
	display: flex;
	max-width: 100%;
	justify-content: space-between;
	align-items: center;
}

.mfbox .ss {
	width: 20%;
	height: 50px;
	display: flex;
	align-items: center;
	position: relative;
	display: none;
}

.mfbox .ss::before {
	content: "\e648";
	position: absolute;
	left: 20px;
	z-index: 99;
}

.mfbox .ss form {
	width: 100%;
}

.ss form .inp01 {
	width: 100%;
	height: 40px;
	background-color: rgba(255, 255, 255, .7);
	color: #333;
	font-size: 14px;
	padding-left: 45px;
	border-radius: 50px;
}

.mfbox .ss .search-pic {
	display: none;
}

.wp {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

.logo {
	height: 102px;
	float: left;
	display: flex;
	align-items: center;
}

.nav {
	float: right;

	z-index: 100000;
}

.i_banner_box {
	position: relative;
	width: 100%;
	z-index: 11;
}

.i_banner {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

.clear {
	clear: both;
}

.i_nav ul li ul li:first-child::after {
	content: "";
	width: 0px;
	height: 0px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #fff;
	position: absolute;
	top: -10px;
	left: 70px;
}

/*头部开始*/
.h_top {
	height: 38px;
	line-height: 38px;
	background-color: #000;
}

.h_top .topbar {
	width: 1403px;
	max-width: 100%;
	margin: auto;
}

.language a {
	color: #333;
	display: block;
	line-height: 25px;
}

.language a:hover {
	background-color: #21457B;
}

.h_top .topbar .lan a {
	color: #fff;
}

.h_top .topbar .lan a:first-child {
	margin-right: 10px;
}

.language {
	display: none;
}

.h_top .topbar .left {
	margin-left: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
}

.h_top .topbar .left span {
	font-size: 12px;
	color: #fff;
}

.h_top .topbar .topbar_icon {
	width: 15px;
	height: 15px;
	display: flex;
	margin-right: 15px;
}

.topbar_l {
	float: left;
	height: 40px;
}

.topbar_r {
	float: right;
}

.topbar_l span {
	font-size: 13px;
	color: rgb(254, 109, 3);
}

.topbar_r span {
	font-size: 14px;
	color: rgb(85, 85, 85);
	font-weight: 700;
	vertical-align: middle;
	display: inline-block;
	padding-left: 6px;
}

.topbar_r img {
	width: 20px;
	height: 20px;
	vertical-align: middle;
}



.header {
	z-index: 1000;
}

.addflex {
	/*position: fixed;*/
	top: 0;
	width: 100%;
}

/*头部结束*/

/* 首页推荐 */
.pro_content {
	width: 100%;
	margin: 0 auto;
	padding: 65px 0 40px;
	text-align: center;
	position: relative;
}
.container {
	width: 90%;
	margin: 0 auto;
	max-width: 1403px;
	padding: 0;
}
/*首页模块的公共部分*/ 
.maintitle{ display:inline-block; width:auto;  margin: 0 auto;color: #333333; font-size:2.5rem; line-height:2.5rem; text-transform:uppercase; font-weight: bold;; margin-bottom: 10px; position:relative; text-align:center}
.maintitle span{ display:inline-block; width:auto; position:relative; z-index:2} 
.maintitle img{ position:absolute; right:0; left:0; margin:0 auto; bottom:7px;}   
.index_text{ width:100%; max-width:90%; max-height:3rem; margin:5px auto 25px; text-align:center; color: #787878; font-size:0.9375rem; line-height: 1.5rem; overflow: hidden;} 
.title_bg{ width:100px; height:5px; background: #f39c01; margin: 0 auto 25px;}

.more_btn{width:100%; display: flex; align-items: center; justify-content:center; margin-top: 35px; position:relative;}
.more_btn a{display:inline-flex; align-items: center; width:auto; color: #fff; font-size:0.875rem; line-height:2.5rem; text-decoration: none; position: relative; text-transform:uppercase;  padding: 0 1.875rem;  z-index:3; overflow: hidden; border-radius: 25px;  position:relative;  font-family: 'Poppins'; background:#0c5ec6; transition: all .5s; border:1px #0c5ec6 solid;} 
.more_btn a img{ display:inline-block; margin-left:0.5rem;}
.more_btn a:hover{ background:#f39c01; color: #fff; border:1px #f39c01 solid;}
 



/*我们的产品*/
.pro_content{width:100%; margin: 0 auto; padding:65px 0 40px; text-align: center; position: relative;}
.tab_list{width:100%; margin: 0 auto; padding:15px 0 0 0;} 
.tab_list ul{width:auto; display: inline-block; margin:0  auto; flex-wrap: nowrap; align-items: center; justify-content: center; position: relative; z-index: 2; border:1px #e6e6e6 solid; border-radius: 30px;}
.tab_list ul li{display:inline-block; width: auto; list-style: none; position: relative} 
.tab_list ul li span{display:block; color: #333333; line-height:3.125rem; background: none; font-size:1rem; padding: 0 35px; position: relative; transition: all .5s; cursor: pointer; border-radius: 30px; z-index: 2; font-family: 'Poppins SemiBold'}  
.tab_list ul li:hover span,.tab_list ul li.current span{color: #fff; background: #0c5ec6}  

.tab_con{ width:100%; margin: 0 auto; overflow: hidden; padding:50px 0 0;}
.tab_con .item{ width:100%;} 
.tab_con ul{ width:100%; display: flex; flex-wrap: wrap;}
.tab_con ul li{ width:23.2%; margin: 0 2.4% 30px 0; position: relative; list-style: none; border:1px #e6e6e6 solid; padding-bottom:144px; transition: all .5s}
.tab_con ul li:nth-child(4n){ margin-right:0} 
/* .tab_con ul li:after{ position:absolute; content:''; width: 100%; height:20px; left: 0; right: 0; margin: 0 auto; bottom: -20px; background: url("../images/shadow.png") center no-repeat}   */
.tab_con ul li a.images{ display:block; width:100%; overflow: hidden;}
.tab_con ul li a.images img{ display:block; width:100%; transition: all .5s}
.tab_con ul li:hover a.images img{ transform:scale(1.08); -webkit-transform:scale(1.08); -moz-transform:scale(1.08); -ms-transform:scale(1.08)}
.tab_con ul li .wrap{ width:100%; padding: 18px 18px 10px 18px; box-sizing: border-box; text-align: left; position: absolute; left: 0; bottom: -15px; z-index: 3; transition: all .5s}
/* .tab_con ul li .wrap:before{ position:absolute; content:''; width:100%; height: 20px; left: 0; top: -20px; background: url("../images/hot_bg.png") top center no-repeat; transition: all .1s; opacity: 0}  */
.tab_con ul li .wrap a.title{ display:block; color: #333333; font-size:14px; font-weight: bold;line-height:1.5rem; overflow: hidden;  padding-right: 8%}
.tab_con ul li .wrap .text{ display:block; color: #888888; font-size:14px; line-height:1.5rem; overflow: hidden; max-height:3rem; margin: 10px 0}
.tab_con ul li .wrap a.more{ display:block; color: #0c5ec6; font-size:14px; line-height:1.25rem; text-transform: uppercase; text-decoration: underline; opacity: 0; transition: all .5s}
.tab_con ul li:hover .wrap a.more{opacity: 1;}
.tab_con ul li .wrap a.more:hover,.tab_con ul li .wrap a.title:hover{ color:#f39c01; text-decoration: none}
.tab_con ul li:hover .wrap{ background:#f7f7f7; bottom:0}
.tab_con ul li:hover .wrap:before{opacity: 1}
 

.hot_pro_mob{ width:100%; margin: 0 auto; text-align: center; padding: 40px 0; overflow: hidden;}
.hot_pro_mob ul{ width:100%; display: flex; flex-wrap: wrap; margin-top: 25px;}
.hot_pro_mob ul li{ width:48.5%; margin: 0 3% 10px 0; list-style: none; background: #fff; padding-bottom: 20px;}
.hot_pro_mob ul li:nth-child(2n){margin: 0 0 10px 0;}
.hot_pro_mob ul li a.images{ display:block; width:100%; overflow: hidden; border:1px #eee solid}
.hot_pro_mob ul li a.images img{ display:block; width:100%; transition: all .5s}
.hot_pro_mob ul li:hover a.images img{ transform:scale(1.08); -webkit-transform:scale(1.08); -moz-transform:scale(1.08); -ms-transform:scale(1.08)} 
.hot_pro_mob ul li a.title{ display:block; color: #333; font-size:14px; font-family: 'Poppins'; line-height: 22px; text-align: center; margin-top:10px}
.hot_pro_mob ul li .wrap .text{ display:block; width:100%; color: #787878; font-size:0.75rem; line-height:1.125rem; max-height:40px; overflow: hidden; margin-top: 6px;}


/*关于我们*/
.about_content .container{ max-width:1543px; padding-left:70px; box-sizing:border-box}
.about_content{ width:100%; margin: 0 auto}
.adv{ width:100%; margin: 0 auto; background: url("../Images/adv_bg.jpg") top center no-repeat; padding: 225px 0 55px; text-align: left; background-size: cover; position: relative}
.adv .title_bg{ background:#fff; margin:15px 0 30px}
.adv .words{ position:absolute;  right: 180px; bottom:105px; color: rgba(255,255,255,.2); font-size: 150px; font-family: 'Poppins SemiBold'} 
.adv .words span{ display:inline-block; font-size: 24px;}
.adv .maintitle{ display:block; color: #fff; font-size: 40px; text-align: left;}
.adv .text{ width:45%; text-align: left; color: #fff; font-size:0.875rem; line-height: 1.625rem; max-height: 3.25rem;} 

.company_content{ width:100%; margin:0 auto; background:url(../Images/about_bg.jpg) top center no-repeat; background-size:cover; padding:45px 0 33px; position:relative;}  
.company_content .text_position{ position:absolute;  left:0; bottom:-35px; color:#f1f1f1; font-size:180px; line-height:180px;  text-transform: uppercase}
.company_content .company_text{position: relative; z-index: 99; width: 41%; float:left}
.company_content .company_text .placard{ color:#333; display:block; font-size:1rem; font-family:'Poppins SemiBold'; line-height:28px}
.company_content .company_text .text{ display:block; color:#666666; font-size:0.875rem; line-height:1.875rem; max-height:13.125rem; margin:0 0 30px 0; overflow:hidden}
.btn_list{ width:100%; display:flex; flex-wrap:nowrap;}
.btn_list li{ display:inline-block; width:auto; margin-right:17px;}
.btn_list li a{ display:block; padding:0 33px; color:#fff; font-size:14px;  line-height:43px; border-radius:25px; position:relative; overflow:hidden; text-decoration:none;text-transform: uppercase; background:#174e93; transition: all .5s;}  
.btn_list li:first-child a:hover{background-position: 100% 0;} 
.btn_list li:nth-child(2) a{ background:#fff; color: #174e93; border:1px #174e93 solid; line-height: 41px;  transition:all .8s; } 
.btn_list li:nth-child(2) a:hover{ background:#174e93; color: #fff} 

.adv_list{ width:100%; display:block; margin-top:60px; display:flex; flex-wrap:nowrap}
.adv_list li{display:inline-block; width:38%; display: inline-flex; flex-wrap:nowrap; align-items:center; padding: 0 30px; border-right:1px #dedede solid}
.adv_list li:first-child{padding:0 10px 0 0; width: 42%;}
.adv_list li:last-child{border-right:none; width: 20%; padding-right: 0}
.adv_list li figure{flex:75px 0 0; margin-right:20px;}
.adv_list li figure img{width:100%; display:block; transition:all .5s}
.adv_list li:hover figure img{-moz-transform: scaleX(-1); -webkit-transform: scaleX(-1);-o-transform: scaleX(-1);transform: scaleX(-1);filter: FlipH;transform: rotateY(180deg);}
.adv_list li em{display:block; color:#333333; font-size:14px; font-family:'Poppins SemiBold'}  

.company_pic{width: 54.5%; float:right; margin-top:0px; position:relative; border-radius:50px 0 50px} 
.company_pic:after{ position:absolute; content:''; width:100%; height:100%; right:-15px; bottom:-15px; background:rgba(12,94,198,.25); border-radius:50px 0 50px;display:none}
.company_pic img{ width:100%; max-width:100%; height:auto; position:relative; z-index:99; border-radius:50px 0 50px}  
 

/*数字版块*/
.number_content{ width:100%; padding:40px 0 0; overflow: hidden}
.number{ display:flex; flex-wrap: wrap; width:100%;}
.number li{ width:50%; text-align: left; list-style: none; position: relative; display:inline-flex; flex-wrap:nowrap; margin-bottom:32px}
.number li figure{ display:inline-block; width:55px; text-align: left;}
.number li figure img{ display:inline-block; width: auto; transition: all .5s}
.number li:hover figure img{ transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg)}
.number li .wrap{ width:calc(100% - 55px); padding-left:20px; text-align:left}
.number li .num{ display:flex; flex-wrap: nowrap; align-items:center; justify-content:flex-start; color: #0c5ec6; font-size:1rem; padding: 5px 0 0; line-height: 1.875rem; font-weight: bold;}
.number li .num span{font-size:1.875rem;}
.number li p{ display:block; color: #666666; font-size:0.875rem }



/*为什么选择我们*/
.why_content{ width:100%; margin:0 auto; background:url(../templates/Images/why_bg.jpg) top right no-repeat; overflow:hidden; padding:95px 0 90px} 
.why_content .title_bg{ margin:5px 0 35px}
.why_content .adv_content{ width:43%; float: left}
.why_content .adv_content .text{ display:block; color: #666666; font-size: 0.875rem; line-height:1.5rem; max-height:4.5rem; overflow: hidden}
.why_content .adv_content ul{ width:100%; float: left}
.why_content .adv_content ul li{ width:100%; display: flex; flex-wrap: nowrap; list-style: none; align-items: center; margin-top: 55px}
.why_content .adv_content ul li figure{ display:inline-block; width:100px; text-align: left;}
.why_content .adv_content ul li figure img{ display:inline-block; width: auto}
.why_content .adv_content ul li .wrap{ width:calc(100% - 100px); padding-left: 30px}
.why_content .adv_content ul li .wrap em{ display:block; color: #333; font-size:1.125rem; line-height:1.5rem; font-family:'Poppins SemiBold'}
.why_content .adv_content ul li .wrap p{ display:block; padding-right: 12%;  color: #888; font-size: 0.875rem; line-height: 1.5rem; max-height: 3rem; overflow: hidden; margin-top: 10px}

.why_content .partner{ width:48%; float: right; margin-top: 50px}
.why_content .partner ul{ width:100%; display: flex; flex-wrap: wrap}
.why_content .partner ul li{ width:32%; margin: 0 2% 30px 0; background: #fff; border-radius: 5px; list-style: none; box-shadow: 0 0 20px rgba(0,0,0,.1); text-align: center; transition: all .5s}
.why_content .partner ul li:nth-child(3n){ margin-right:0}
.why_content .partner ul li img{ display:block; width:100%; border-radius: 5px}
.why_content .partner ul li a{ font-size: 14px;font-weight: bold;display:inline-flex; height: 100%; align-items: center; justify-content: center; color: #0c5ec6; justify-content: center; text-transform: uppercase; transition: all .5s}
.why_content .partner ul li a img{ width:18px; margin-left:10px}
.why_content .partner ul li:hover{ background:#0c5ec6}
.why_content .partner ul li:hover a{ color:#fff}


/*新闻中心*/
.news_content{ position:relative; width:100%; margin: 0 auto; background: url("../Images/newbg.jpg") bottom left no-repeat; padding: 105px 0 20px 0; border-top:1px #eeeeee solid; overflow: hidden} 
.news_content .text_position{position:absolute; right: 75px; top:4%; color: #f9f9f9; font-size:14rem;  text-transform: uppercase; writing-mode:vertical-lr}
.news_content .title_bg{margin: 5px 0 25px}
.news_content .maintitle{font-size: 2.5rem; margin-top: 25px;  justify-content:flex-start; text-align:left}
.news_content .index_text{ text-align:left; max-width: 100%; margin-top: 35px; font-size: 0.9375rem; line-height: 1.5rem}
.news_content .maintitle span{ font-style:normal; color:#333333; font-size:40px; line-height:44px; display:block;}
.news_content .maintitle p{ color:#666666; font-size:0.875rem; line-height:1.5rem; overflow:hidden; max-height:3rem; margin-top:25px; text-transform:none; font-family: 'Poppins';} 
.news_content .in_newsL{ margin:0 -50px;}
.news_content .in_newsL li { list-style:none; padding: 0 50px; margin-bottom:50px;width: 50%;float: left;}
.news_content .in_newsL li:nth-child(3){ margin-top:-16.5%}
.news_content .in_newsL li .in_newsL_m>a{ display:block; overflow:hidden; width:100%}
.news_content .in_newsL li .in_newsL_m>a img{transition:all .9s;max-width:100%;width:100%;}
.news_content .in_newsL li .in_newsL_m:hover>a img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.news_content .in_newsL li .in_newsL_m .in_newsL_w{ padding:0 20px; margin-top:-91px; z-index:99}
.news_content .in_newsL li:nth-child(2n) .in_newsL_m .in_newsL_w{ margin-top: -78px;}
.news_content .in_newsL li .in_newsL_m .in_newsL_w .box{  z-index:99; position:relative;  padding: 10px; background: url(../Images/news_bg.png) repeat;}
.news_content .in_newsL li .in_newsL_m .in_newsL_w .box .box_main{ background:#fff; padding:27px 115px 28px 28px; position:relative;}
.news_content .in_newsL li .in_newsL_m .in_newsL_w .in_newsL_t{ display:block; font-size:1rem; color:#333333; line-height:1.5rem; overflow:hidden;  max-height: 3rem; text-transform: capitalize}
.news_content .in_newsL li .in_newsL_m .in_newsL_w  div.text{ color:#787878; font-size:0.8325rem; line-height:1.5rem; height:3rem; overflow:hidden; margin-top:15px;}
.news_content .in_newsL li .in_newsL_m .in_newsL_w .in_newsL_more{ display: inline-block;color: #333333;font-size: 0.875rem; line-height: 1.125rem; text-transform: capitalize; margin-top: 14px; text-decoration: none; position: relative}
.news_content .in_newsL li .in_newsL_m .in_newsL_w .in_newsL_more span{ display:inline-block; position: relative; z-index: 2}
.news_content .in_newsL li .in_newsL_m .in_newsL_w .in_newsL_more:before{ position:absolute; content:''; width:100%; height: 5px; background: #e5e5e5; left: 0; bottom: 2px; z-index: 1} 
.news_content .in_newsL li .in_newsL_m:hover .in_newsL_w .in_newsL_more:before{background: #0c5ec6;} 
.news_content .in_newsL li .in_newsL_m:hover .in_newsL_w .in_newsL_t{ color:#0c5ec6}
.news_content .in_newsL li .date{position:absolute;right:20px;bottom:25px;text-align: center;display: inline-block;}
.news_content .in_newsL li .date em{display: block;color:#e8e8e8;font-size:3.125rem;line-height:2.75rem;margin-bottom:5px;}
.news_content .in_newsL li .date p{color:#e8e8e8;font-size:1rem;line-height:1rem;text-transform:capitalize;margin:0;}
.in_news_t{padding-right:0; position:relative}
.in_news_t .bgs{ position:absolute; right:-18%; top:0}
.in_news_t .more_btn{ margin-top:25px; justify-content: flex-start;
	position: absolute;
	right: 0;
	top: 0;
	width: auto;
}


/*底部*/
.footer img{width: auto;vertical-align: middle;}
.footer{color:rgba(255,255,255,.7); padding: 75px 0 0 0; font-size:0.875rem; line-height: 1.5rem; position: relative; overflow: hidden; background:url("../Images/footer.jpg") top center no-repeat; background-size: cover}  
.footer ul li{ list-style:none;} 
.footer a:hover{ color:#fff}
.footer .i_title{margin-bottom:20px;}
.footer .title_h4{color:#ffffff;font-weight: bold;; padding: 0 0 28px 0; text-transform: uppercase; font-size: 1.375rem;position: relative; display: block} 
.footer .title_h4 img{ display:inline-block; margin-right: 18px;} 
.bottom_logo{ width:100%; text-align: left; margin-bottom: 30px;}
.fd_txt{width:35%; float:left; padding-right: 11%}
.contact_b{width:100%; display:block; padding:25px 12% 0 0}
.contact_b li{width:100%; margin-bottom:22px; position:relative; padding-left:38px} 
.contact_b li img{width: auto;position:absolute; left:0; top:5px} 
.contact_b li:nth-child(3) img{ position:absolute; left:0; top:4px}
.contact_b li a,.contact_b li span{ display:block; font-size:0.8125rem; line-height:1.5rem; color:rgba(255,255,255,.7)}

.share{ width:100%; display: flex; flex-wrap: nowrap; padding-top: 15px}
.share li{ display:inline-flex; width:32px; height: 32px; border-radius: 50%; align-items: center; justify-content: center; margin-right: 10px; transition: all .5s; background: #3a559f;}
.share li:nth-child(2){ background:#0b69c7}
.share li:nth-child(3){ background:#ff0000}
.share li:hover{ transform:scale(1.08); -webkit-transform:scale(1.08); -moz-transform:scale(1.08); -ms-transform:scale(1.08)}



.fd_gbook{ width:23%; float: right;}
.letter .text{ width:100%; margin-bottom: 25px; color: #b2b2b2; font-size:0.875rem; line-height: 1.5rem;}
.letter input{ display:inline-block; width:100%; line-height: 2.625rem; border-radius: 30px; background: rgba(255,255,255,.1); border:none; padding: 0 20px; color: rgba(255,255,255,.4); font-size:0.875rem; float: left}
.letter input:-ms-input-placeholder{color:rgba(255,255,255,.4);}/* Internet Explorer 10+ */ 
.letter input::-webkit-input-placeholder{color:rgba(255,255,255,.4);}/* WebKit browsers */
.letter input::-moz-placeholder{color:rgba(255,255,255,.4);}/* Mozilla Firefox 4 to 18 */ 
.letter input:-moz-placeholder{color:rgba(255,255,255,.4);}/* Mozilla Firefox 19+ */ 
.fd_gbook > a{ width:auto; display:inline-flex; align-items: center; justify-content: center; background: #0c5ec6; line-height: 2.5rem; border-radius: 30px; border:none; outline: none; font-size: 1rem; padding: 0 25px; font-family: 'Oswald Bold'; color: #fff; float: left; text-transform: uppercase; cursor: pointer; margin-top: 25px; border:1px #0c5ec6 solid}
.fd_gbook > a img{ display:inline-block; margin-left: 8px;}
.fd_gbook > a:hover{ background:none; color:#fff; border:1px #fff solid }
.fd_menu {
	overflow: hidden;
	width: 37%;
	float: left;
	box-sizing: border-box;
  }
.footer_link{width: 50%;
	float: left;
	padding-right: 3%;} 
.footer_tags{ width:22%; float:left; padding-right:3%} 
.footer_link ul,.footer_tags ul{ width:100%; float:left}
.footer_link ul li,.footer_tags ul li{ width:100%; display: block; float: left}
.footer_link ul li a,.footer_tags ul li a,.footer_pro ul li a{ display:block; color:#b2b2b2; font-size:0.875rem; line-height: 1.5rem; padding:0 0 10px 0; text-transform: capitalize}
.footer_link ul li a:hover,.footer_tags ul li a:hover,.footer_con ul li a:hover,.footer_pro ul li a:hover{ color:#fff; text-decoration: underline} 

 
.copyright{color: rgba(255,255,255,.5); font-size:0.875rem; position: relative; text-align: center; padding:25px 0;  margin-top: 40px; border-top:1px rgba(255,255,255,.1) solid} 

.copyright .container{ display:flex; flex-wrap:nowrap; align-items:center; justify-content:space-between}
.copyright .footer_nav{ width:100%;text-align:cenetr; } 
.copyright .footer_nav a{ color: rgba(255,255,255,.5); display:inline-block; margin:0 5px; font-size:0.875rem;}
.copyright span{margin: 0px 4px;}
.copyright  a{ margin:0px 8px; line-height:22px;}
.copyright  a{ color:rgba(255,255,255,.5); font-size:0.875rem;}
.copyright  a:hover{color:#fff !important; text-decoration:underline;} 
.copyright img{ margin:0 5px;}
.links{ width:100%; display:block; text-align: center; text-transform: uppercase; color: #cacaca; margin-top: 10px}
.links a{ display:inline-block; color: #cacaca}
.links a:hover{ color:#fff}
 

.index .footer {
	margin-top: 0;
}

/*列表*/


.mbx_section .maintitle{ margin-bottom:5px; font-size:2rem;}
.mbx_section{text-align: center; padding:15px 0 0 0; background: #fff; overflow: hidden;}
.mbx_section .i_title{ margin-bottom: 0px;}
.mbx_section .mbx{color: #777; font-size: 0.75rem; position: relative;margin-top: 0; border-bottom: 1px solid #eee; padding-bottom: 10px; max-width: 1403px; text-align: center; margin: 0 auto; width: 94%}
.mbx_section .mbx a{color:#777; font-size: 0.75rem; border-bottom:1px solid rgba(255,255,255,0);}
.mbx_section .mbx a:hover{ color:#666; text-decoration: underline;}
.mbx_section .mbx a i{ margin-right:4px; color:#777;}
.mbx_section .mbx span{ font-size: 0.75rem; color:#aaa;  margin:0px 5px;}
.mbx_section .mbx h2{ color:#666; font-size: 0.75rem; display:inline-block; text-transform: capitalize}


/*分类*/
.p_container {
	width: 90%;
	margin: 0 auto;
	max-width: 1403px;
	padding: 50px 0 60px;
}
.col-l{float: left; width: 21%;}

.nav_h4{line-height: 30px; color: #fff;font-weight: bold;  font-size:1.25rem; position:inherit; text-transform:uppercase;position: relative; padding:12px 14px 12px 20px; border-radius: 0; background:#174e93; }
.nav_h4::after{ content:none;}

.toggle_content{width: 100%;}
.left_h4{line-height: 30px; color: #333;font-weight: bold;  font-size:22px; position:inherit; text-transform:uppercase; padding:6px 0; position: relative;}

.left_nav{background: #fff;}

ul.mtree{margin-left: 0;}
ul.mtree li {list-style: none;}
ul.mtree>li>a{transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; font-family:"Poppins"; text-transform: capitalize}
ul.mtree>li{ position: relative; background: #f8f8f8; margin-bottom: 3px;}
ul.mtree>li:last-child>a,ul.mtree>li:last-child{ border-bottom:none;}
ul.mtree a {display: block;font-size:0.875rem; color:#555;-moz-transition: all 0s;-o-transition: all 0s;-webkit-transition: all 0s;transition: all 0s;  padding:15px 10px 15px 20px !important;line-height:22px; padding-right:36px; padding-left:10px; }
ul.mtree li ul a{ padding:8px 12px 8px 20px; padding-right:1.5rem; font-weight: normal;}
ul.mtree ul li:last-child a{ border:none;}
ul.mtree.transit li.mtree-open>span:before  {content:"\f106";font-family:FontAwesome;padding-left:5px; float:right; font-size:1.125rem; color:#808080; font-style:normal; padding:8px 12px; position:absolute;  right:0; top:0px;}
ul.mtree.transit li.mtree-closed>span:before {content:"\f107";font-family:FontAwesome;padding-left:5px; float:right; font-size:1.125rem; color:#808080; font-style:normal; padding:8px 12px; position:absolute;  right:0; top:0px;}
ul.mtree .mtree-level-1 li.mtree-open>span:before {content:"\f106";font-family:FontAwesome;padding-left:5px; float:right; font-size: 1rem; color:#808080; font-style:normal; background:none; padding:8px; position:absolute;  right:5px; top:0; border-left:none;}
ul.mtree .mtree-level-1 li.mtree-closed>span:before{content:"\f107";font-family:FontAwesome;padding-left:5px; float:right; font-size: 1rem; color:#808080; font-style:normal; background:none;  padding:8px ; position:absolute;  right:5px; top:0; border-left:none;}
ul.mtree li ul a li a{ padding-left:20px;}
ul.mtree>li:hover>a{ color:#174e93;}
ul.mtree>li.mtree-node a ul a{ font-size:0.875rem;}
ul.mtree>li.mtree-open{color:#174e93 ;padding-bottom:0;}
ul.mtree>li.mtree-open>a{color:#174e93;font-family: "Poppins";}
ul.mtree>li.mtree-node:hover>a{color:#174e93 ;text-decoration:none;}
ul.mtree .mtree-level-1 li.mtree-closed>span{color:#fff ;text-decoration:none;}
ul.mtree.transit li.mtree-closed:hover > span::before,ul.mtree.transit li.mtree-open:hover>span:before{ color:#174e93;}
ul.mtree .mtree-level-1 li.mtree-open:hover>span:before,ul.mtree .mtree-level-1 li.mtree-closed:hover>span:before{ color:#174e93 !important;}
ul.mtree ul {  background:#f9f9f9;}
ul.mtree ul li{list-style:none; position:relative; border-bottom: 1px solid #eee;}
ul.mtree ul li:last-child{ border-bottom: none;}
ul.mtree ul li a{display:block;color:#555;font-size: 1rem;}
ul.mtree>li>ul>li>a{ font-size:0.8125rem !important;  padding-left:15px; text-transform: capitalize}
ul.mtree>li>ul>li>a:before{content:"";}
ul.mtree ul li:hover a{color:#174e93;}
ul.mtree li ul li.mtree-open a{color:#ff000;text-decoration:none;}
ul.mtree .mtree-level-2{ margin-top:0px; border:none; padding:0px; margin-bottom:0; background:#eee;}
ul.mtree li ul.mtree-level-2 li a{color:#808080;font-weight:normal;font-size:12px; padding:8px 0 8px 28px!important; border-bottom:1px #fff solid}
ul.mtree .mtree-level-2 li a:hover{text-decoration:underline;color:#174e93;font-weight:normal;}
ul.mtree.jet ul {margin-left: 0;}
ul.mtree.jet li {margin-bottom: 1px;}
ul.mtree.jet li:last-child {margin-bottom: 0px;}
ul.mtree.jet li:first-child {margin-top: 1px;}
ul.mtree.jet li.mtree-active a {background: #e5e5e5;}
ul.mtree.jet li.mtree-active li:last-child > a {border-radius: 0px 0px 3px 3px;}
ul.mtree.jet li.mtree-active > a {background: #008cba;color: #FFF; border-radius: 3px 3px 0px 0px;}
ul.mtree.jet li > a:hover { background: #FFC000;color: #FFF;}
ul.mtree.jet a { padding: 5px 0px 5px 1em;}
ul.mtree.jet li li > a { padding-left: 2em;}
ul.mtree.jet li li li > a {padding-left: 3em;}
ul.mtree.jet li li li li > a {padding-left: 4em;}
ul.mtree.jet li li li li li > a {padding-left: 5em;}
ul.mtree a:hover{text-decoration:none;}
ul.mtree>li.mtree-node ul i{margin-right:4px; font-size:10px; color:#999;}
.mtree-skin-selector{ display:none !important}




.hot_left{ margin-top:30px;}
.hot_left ul{border-bottom:none; margin-top: 10px; }
.hot_left ul li{ list-style:none;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; margin-bottom: 6px; position: relative;}
.hot_left ul li .li{ position: relative; z-index: 999; transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;  border: 1px solid #eee;padding:8px; background: #fff;}
.hot_left ul li .li:before{ position: absolute; left: 0; bottom:0; height:2px; width:0; background: #174e93; content: '';transition: 0.5s all;}
.hot_left ul li .li:hover:before{width: 100%;}
.hot_left ul li .li:hover{box-shadow:0 5px 9px rgba(0,0,0,0.08);-webkit-box-shadow:0 5px 9px rgba(0,0,0,0.08);-moz-box-shadow:0 5px 9px rgba(0,0,0,0.08); transform:translate3d(0,-3px,0);-webkit-transform:translate3d(0,-3px,0); background: #fff;}


.hot_left ul li .img{float:left;width:28%;display:inline-block; margin-right:15px; transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;overflow:hidden; position:relative;}
.hot_left ul li .h4 {width:calc(72% - 15px); float:left; padding-right:10px}
.hot_left ul li .h4 a{ font-size:0.875rem; color:#444; overflow:hidden; line-height:1.25rem; max-height:2.5rem; display:block; margin-top: 5px;}
.hot_left ul li a.more{font-size:0.75rem; text-transform:uppercase; color: #174e93; display: block; margin-top: 5px;}
.hot_left ul li .more i{ margin-left: 4px;}
.hot_left ul li:hover .more{ color: #174e93;}
.hot_left ul li:hover .img img{transform: scale(1.1);}
@media screen and (max-width:992px) {
.hot_left { display:none;}
}


.col-r{float: right; width: 79%; padding:10px 0 0 40px;} 
/*产品列表*/
/*9gonghe*/
.products ul li .li .a{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 555;}
.cbp-vm-icon:before {font-family: 'fontawesome';speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;}
.cbp-vm-view-grid ul li {width:23.5%; margin: 0 2% 20px 0;text-align: left;vertical-align: top;float:left;}
.cbp-vm-view-grid ul li:nth-child(4n){margin-right:0}
/*9gonghe*/
.cbp-vm-view-grid ul {list-style: none;padding: 0; margin:0px; display: flex; flex-wrap: wrap}
.cbp-vm-view-grid ul li .li{position: relative;padding:8px; border: 1px solid #e6e6e6; background: #fff;}
.cbp-vm-view-grid ul li .i_more{ display: none;} 
.cbp-vm-view-grid ul li .h4 a{margin:5px 0 5px;line-height:1.375rem;  font-size:0.875rem; height:2.7rem; overflow:hidden;display:block; text-align:center; color: #333; z-index: 999; position: relative;font-family: "Poppins SemiBold"; }
.cbp-vm-view-grid ul li .li{text-align:center; position:relative; }
.cbp-vm-view-grid ul li .li .cbp-vm-image{ overflow:hidden; margin-bottom:10px;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; position: relative;z-index: 66; border-radius: 0; position: relative;}
.cbp-vm-view-grid ul .li{transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;}
.cbp-vm-view-grid ul li .li:hover{box-shadow:0 0px 15px rgba(0,0,0,0.08);-webkit-box-shadow:0 0px 15px rgba(0,0,0,0.08);-moz-box-shadow:0 0px 15px rgba(0,0,0,0.08); transform:translate3d(0,-3px,0);-webkit-transform:translate3d(0,-3px,0); }
.cbp-vm-image {display: block;margin: 0 auto;position:relative;}
.cbp-vm-image img {width:100%;cursor:pointer;position:relative;max-width:100%;max-height:100%;transition: 0.6s all;}

/*效果*/
.products ul li .li .img a{ display:block;height: 197px;transition: 0.6s all;}
.cbp-vm-view-grid ul li .li{ overflow:hidden; position: relative;}
.cbp-vm-view-grid ul li:hover .li{transform:translate3d(0,-3px,0);-webkit-transform:translate3d(0,-3px,0);}
.cbp-vm-view-grid ul li .img a{ display:block; overflow:inherit;}
.cbp-vm-view-grid ul li:hover .img img{transform: scale(1.1);}

/*产品详细*/
.ProductDetails {
  margin-bottom: 20px;
  background: none;
  border-bottom: 1px #e6e6e6 solid;
  font-weight: bold;
  font-size: 26px;
  padding: 0 20px 15px 0;
  line-height: 20px;
  background: none;
  margin-right: 2px;
  border-right: none;
  text-transform: uppercase;
  color: #174e93;
}
.productbigimg_box {
  width: 38%;
  float: left;
  position: relative;
}
.pro_main_title {
  width: 62%;
  float: right;
  padding: 10px 20px 20px 40px;
}
.pro_main_text.clearfix {
  line-height: 26px;
  padding-bottom: 10px;
  font-size: 0.875rem;
}

.pro_prdinfos ul li{font-size:0.875rem; color:#666;list-style:none;  float: left; width: 100%; padding:8px 0; background: #f4f2f3}
.pro_prdinfos ul li:nth-child(2n){ background:#fff}
.pro_prdinfos ul li p{display:inline-block;margin-right:10px;vertical-align:middle;margin-bottom:0;color:#666; font-size:0.875rem; font-family: "Poppins SemiBold"; min-width: 180px; padding: 0 15px}
.main-more{ text-align:left !important; margin-top:20px;   font-family: "Poppins Semibold";  }
.pro_more a{ text-transform: capitalize;line-height:50px; padding: 0px 30px; border-radius:0; display: inline-block; font-size:0.875rem; color: #fff;  font-family: "Poppins Semibold";  margin-right: 10px; border-radius:0;  position: relative;border-radius: 25px;background: #174e93;}
.pro_more a:before {position: absolute;content: '';opacity: 0;top: 0;left: 0;z-index: 1;background: linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.03) 1%,rgba(255,255,255,.6) 30%,rgba(255,255,255,.85) 50%,rgba(255,255,255,.85) 70%,rgba(255,255,255,.85) 71%,rgba(255,255,255,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#00ffffff',GradientType=1);width: 30%;height: 100%;transform: skew(-10deg,0deg);animation: move 2s;animation-iteration-count: infinite;animation-delay: 1s;}

.pro_more a i{
  margin-right: 8px;
}
.pro_more a:hover {
  color: #fff;
}


.news ul{ width:100%; display: flex; flex-wrap: wrap}
.news ul li{ list-style: none; width:100%; margin: 0 0 20px 0; } 
.news .li{background: #fff; padding: 8px; text-align: left;  position: relative; margin-bottom: 10px; border:1px #ededed solid; border-radius:3px; box-shadow: 0 0 10px rgba(0,0,0,.1); display: flex; flex-wrap: nowrap; align-items:center}
.news .li .img{position: relative; width:30%}
.news .li .img a{ display: block; overflow: hidden;height: 220px;}
.news .li .img img{ width:100%; display: block;height: 100%;}
.news .li:hover .img a{background: #000;}
.news .li:hover .img img{transform: scale(1.1); opacity: 0.6;}
.news .li .img a{display: block;}
.news .li .text{ display:block; padding:0 10px 5px 25px; width:70%; text-align:left}
.news .li .day{ font-size:0.75rem; color:#174e93;}  
.news .li .day i{ display:inline-block; margin-right: 8px;}
.news .li .day img{ display:inline-block; margin-right: 10px;}
.news .li .h4{ font-size:0.875rem; line-height: 1.375rem; max-height: 2.75rem; color:#555; display:block; overflow:hidden; font-family: "Poppins SemiBold";  margin:8px 0 10px; text-transform: capitalize}
.news .li .text > div{color:#999; font-size:0.8125rem; line-height:1.5rem; height:3rem; overflow:hidden; margin: 0 0 15px 0; text-transform: capitalize}
.news .li .more{ color:#fff; font-size:0.875rem;font-family: "Poppins Semibold"; background: #002fa7; width: 36px; height: 36px; line-height: 36px; border-radius: 50%; line-height: 2rem; text-align: center; display:inline-block; text-transform:uppercase; margin-top:10px; font-size: 20px; margin-top: 20px;}
.news .line{ position:relative; text-align:center; font-family: "Poppins Semibold"; color:#333; font-size:1.625rem; margin-top:36px; background: url(../images/footer_line.png) no-repeat center center;}
.news .line span{ background: #f8f7f7; display: inline-block; padding: 0px 30px;}
.news .line a{ color:#002fa7;}
.news .line a:hover{ text-decoration:underline;}
.newsview {
  box-shadow: 0 0 20px 0 rgba(0,0,0,0.05);
  background: #fff;
  padding: 30px;
  border-radius: 0;
}

@media only screen and (max-width:992px) {
.news ul li{ width:48.5%; margin:0 3% 25px 0; }
.news ul li:nth-child(2n){ margin-right:0}
.news .li{display:block}
.news .li .img,.news .li .text{ width:100%; margin-bottom:10px;}
}

@media only screen and (max-width:480px) {
	.news ul li{ width:100%; margin-right:0 !important}
.news .li{padding: 10px;} 
.news .li  .text > div{display: none;}
.news .li .day{border: none;}
}
.my_more1{display: inline-block; padding:0 1.25rem; line-height: 2.5rem;background:none; color: #fff; font-size:0.875rem; position: relative;overflow: hidden; text-transform: uppercase;  border-radius:25px;  background:#174e93; transition: background-position .5s; background-size: 200%;} 
.my_more1:hover{background-position: 100% 0;} 
.my_more1:before {content: ' '; position: absolute; background:rgba(255,255,255,0.3); width:0; height: 100%; top: 0; left:0; opacity: 0.3; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.my_more1:hover:before{ width: 100%;}
/*.my_more1:after{ position: absolute; right: 20px; top: 50%; height: 100%; display: inline-block;  font: normal normal normal 14px/1 FontAwesome;content: "\f0da"; line-height: 20px; margin-top: -11px; }*/
.my_more1:hover:after{animation: more_i 1.5s infinite;}
.n_main .my_more1{line-height: 34px;}
@media only screen and (max-width:992px) {
.my_more1{line-height: 2.5rem; padding-left: 1.5rem; font-size: 1rem;} 
} 

/*响应式*/
.navbar-toggle {
	background: rgba(0, 0, 0, 0) url("/templates/Images/icon0x.png") no-repeat scroll right top / 100%;
	border: 0 none;
	border-radius: 0;
	height: 50px;
	float: right;
	width: 50px;
	position: relative;
	top: 10px;
	right: 0;
	display: none;
}

@media screen and (max-width: 1024px) {
	.navbar-toggle{display:block;float:right;margin-left:30px;margin-top:0}
	.i_nav{display:none}
	.nav{float:initial;position:absolute;background:#fff;top:140px;left:0;right:0}
	.ddsmoothmenu ul li{display:block;padding:10px 0;float:initial}
	.ddsmoothmenu ul{margin:0}
	.cbp-vm-view-grid ul li{width:31.1% !important;margin:10px 0 !important;float:initial}
	.cbp-vm-view-grid ul{justify-content:space-between;width:100%}
	.ul-imgtxt-01 .clear{display:none}
	.prob_infos {
    display: flex;
	}
	.prob_infos {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.productbigimg_box {
		min-width: 536px;
	}

	.pro_main_title {
		width: 100%;
		padding: 10px;
	}

	.pro_more {
		text-align: center;
	}

	.main-more {
		display: inline-block;
	}
	.productbigimg_box {
			min-width: 536px;
	}
	#menu_lists .sub-menubox {
    position: relative;
    top: 0 !important;
    width: 100% !important;
}

.i_nav ul li ul li a {
    text-align: center;
}
}
@media screen and (max-width:768px){
	.nav_h4 {
    text-align: center;
	}
	.tab_con ul li{width:47.5%}
	.adv .text{width:100%}
	.about_content .container{padding:0}
	.company_content .company_text{width:100%}
	.btn_list{justify-content:center}
	.company_pic{display:none}
	.why_content .adv_content{width:100%}
	.why_content .partner{width:100%}
	.news_content .in_newsL li{width:100%}
	.tab_con ul li{width:47.5%}
	.adv .text{width:100%}
	.about_content .container{padding:0}
	.company_content .company_text{width:100%}
	.btn_list{justify-content:center}
	.company_pic{display:none}
	.why_content .adv_content{width:100%}
	.why_content .partner{width:100%}
	.news_content .in_newsL li{width:100%}
	.fd_txt{width:100%;padding-right:0}
	.fd_menu{display:none}
	.fd_gbook{width:100%;padding-top:30px}
	.footer{padding-left:20px;padding-right:20px}
	.footer ul li{display:flex}
	.contact_b{padding-top:25px;padding-right:0}
	.news_content .in_newsL li:nth-child(3){margin-top:0}
	.col-l{width:100%}
	.col-r{width:100%;padding-left:0}
	ul.mtree.transit{display:flex;flex-wrap:wrap}
	ul.mtree>li{width:25%;text-align:center}
	ul.mtree a {
    padding: 10px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.news .li .h4 {
	height: 40px;
}
.gbook_tblist tbody tr{
	width:100%
}
}

@media screen and (max-width:568px){
	
	.tab_con ul li .wrap a.title{height:29px;line-height:1}
	.lan.right{display:none}
	ul.mtree>li{width:33.33333%;text-align:center}
	ul.mtree a{padding:10px 0 !important}
	.newsview {
    padding: 10px;
}
.cbp-vm-view-grid ul li {
	width: 48% !important;
}
.remark1 {
    margin: 0;
}
}