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

.mainbody{padding:3% 0;background:#eee;}
.main{width:1200px; height:auto; margin:auto;}
.main .subTitle{text-align:left; height:80px; line-height:80px; width:1200px; background:url(../images/home.png) left center no-repeat; background-size:30px 30px; text-indent:40px;}
.main .subTitle .catname{font-size:15px;float:right;color:#666666; line-height:80px;}
.main .subTitle .fr{float:left;color:#666666; line-height:80px;font-size:15px;}
.subTitle{text-align:left; height:80px; line-height:80px; width:1200px; background:url(../images/home.png) left center no-repeat; background-size:30px 30px; text-indent:40px; margin:auto;}
.subTitle .catname{font-size:15px;float:right;color:#666666; line-height:80px;}
.subTitle .fr{float:left;color:#666666; line-height:80px;font-size:15px;}

/***发展历程****/
.colFlash{ width: 100%; height: auto; overflow: hidden; }
.colFlash img{ width: 100%; }
.location{ width:100%; height: auto; background-color: #FFF; min-width: 320px; }
.locaMain{ width:100%;  display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; }
.locaMain > h3{ width: 100%; height:68px; line-height: 68px; font-size: 16px; font-weight: normal; box-sizing: border-box; text-align: left; }
.locaMain > h3 i{ font-size: 18px; }
.locaMenu{display: flex; flex-direction: row; height: 68px; flex-shrink: 0; margin-left:3%; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center;  }
.locaMenu > a{ display: inline-block; height: 68px; line-height: 68px; font-size: 16px; box-sizing: border-box; padding:0 30px;position: relative;text-align: center; }
.locaMenu > a::after{ content: ' '; width:1px; height:18px; background-color: #CCC; position: absolute; left:0; top:50%; margin-top: -8px; }
.locaMenu > a:nth-of-type(1)::after{ display: none; }
.locaMenu > a::before{ content: ' '; width:72%; height: 4px; background-color: #FFF; position: absolute; left:14%; bottom:0; }
.locaMenu > a.active::before{ background-color: #e00024; }
/*****/
.histroyList{ width:100%; height: auto; position: relative; z-index: 200; padding-top: 50px; padding-bottom: 6%; margin-top: 3%;}
.histroyList::after{ content:  ' '; width:0; height:0; border-left: 10px solid transparent;border-right: 10px solid transparent; border-bottom: 16px solid #000; position: absolute; left:251px; top:0; z-index: 600;}
.histroyList::before{ content:  ''; width:1px; height: 100%; background-color: #000; position: absolute; left:260px; top:0; z-index: 240; }

.histroyList > ul > li{ width:100%; height: auto; box-sizing: border-box; padding:3% 60px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; position: relative; z-index: 260; background-color: #ededed}
.histroyList > ul > li::after{ content:  ''; width:1px; height: 100%; background-color: #000; position: absolute; left:260px; top:0; z-index: 240; }
.histroyList > ul > li:nth-of-type(2n){ background-color: #f9f9f9; }
.hlItemDate{ width: 150px; height: 32px; line-height: 32px; font-size: 30px; text-overflow: hidden; flex-shrink: 0; text-align: center; margin-right: 30px;}
.hlItemIcon{ width: 42px; height: 32px; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; box-sizing: border-box; padding:5px 10px; flex-shrink: 0; position: relative; z-index: 280;} 
.hlItemIcon > p{ width: 22px; height: 22px; box-sizing: border-box; border:1px solid #333; border-radius: 50%; background-color: #ededed; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; }
.hlItemIcon > p > span{ width:12px; height: 12px; background-color: #333; border-radius: 50%;  }
.hlItemRight{ width:100%; font-size: 24px; line-height: 1.6; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; box-sizing: border-box; padding-left:6%;}
@media (max-width:1440px){	
	/*******/
	.histroyList::after{  left:220px; }
	.histroyList::before{  left:230px; }
	.hlItemDate{ font-size: 24px; width:120px; }
	.histroyList > ul > li::after{left:230px; }
	.hlItemRight{ font-size: 20px;}
}
@media (max-width:1200px){
/*******/
	.histroyList::after{  left:202px; }
	.histroyList::before{  left:211px; }
	.hlItemDate{ font-size: 20px; width:100px;}
	.histroyList > ul > li::after{left:211px; }
	.hlItemRight{ font-size: 18px;}
}
@media (max-width:992px){

	/*******/
	.hlItemDate{ font-size: 18px; }
	.hlItemRight{ font-size: 14px;}


}
@media (max-width:768px){	
	/*******/
	.colHdCols > h4,.colQuality > h4{ padding-bottom: 5px;}
	.histroyList::after{  left:111px; }
	.histroyList::before{  left:120px; }
	.hlItemDate{ font-size: 20px; width:80px; margin-right: 0;}
	.histroyList > ul > li{ padding:3% 20px; }
	.histroyList > ul > li::after{left:120px;}
	.hlItemRight{ font-size: 16px;}
}

/*font*/
@font-face {
	font-family: "commonfont";
	src: url('../font/common.woff') format('woff'), url('../font/common.ttf') format('truetype');
}
.commonfont {
	font-family: "commonfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}
/* footer */
.footer_float {
	width: 100%;
	height:0px;
	padding:0;
	overflow:hidden;
	position: fixed!important;
	bottom: 0;
	right: 0;
	z-index: 9999;
	background:#ef7b26;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
.foot_float {
	width: 100%;
	position: fixed;
	height: 0.8rem;
	bottom: 0;
	left: 0;
	z-index: 10;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
.foot-relative_float {
	position: relative;
	width: 100%;
	height: 0.8rem;
}
.foot_float a {
	display: block;
	float: left;
	width: 33.33%;
	color: #ffffff
}
.foot_float a span {
	display: block;
	width: 100%;
	text-align: center;
	font-size:30px;
	line-height:40px;
}
.foot_float a h3 {
	width: 100%;
	text-align: center;
	font-size:14px;
	line-height:20px;
}

@media screen and (max-width: 660px) { 
.footer_float {
	height:60px;
	padding:5px 0;
}
} 
/* 设置了浏览器宽度不大于660px时 */



.web_map{ width:auto; height:89px; line-height:120px; float:right; font-size:15px; color:#808080;}
.cenews_con{ width:218px; height:auto; overflow:hidden; border-left:1px solid #ef7b26; border-right:1px solid #ef7b26; padding:20px;}
.cenews_con ul{ width:218px; height:auto; overflow:hidden;}
.cenews_con ul li{ width:218px; height:32px; line-height:32px; background:url(../images/icon1.jpg) no-repeat center left; text-indent:15px;}
.cenews_con ul li a{ width:218px; height:32px;}
.cenews_con ul li a:hover{}
ul li.ce_more{ width:218px; height:39px; line-height:37px; margin-bottom:12px; background:none; text-indent:0;}
ul li.ce_more a{ width:186px; height:37px; padding-left:15px; padding-right:15px; border:1px solid #b8c6cf; display:block; background:#f6f6f6; color:#575656; margin-top:12px;}

.cecontact_con{ width:238px; height:auto; overflow:hidden; border-left:1px solid #ef7b26; border-right:1px solid #ef7b26; padding:10px; line-height:30px;}

.pagelist{ width:100%; height:auto; margin-top:15px;}
.pagination {
	font-family: 微软雅黑, 宋体, arial, helvetica, sans-serif;
	height:35px;
	line-height:35px;
	overflow: hidden;
}
.pagination a {
	border-right: #dededc 1px solid;
	border-top: #dededc 1px solid;
	border-left: #dededc 1px solid;
	border-bottom: #dededc 1px solid;
	padding-right: 6px;
	padding-left: 5px;
	padding-bottom: 4px;
	margin: 0px 1px;
	color: #505050;
	padding-top: 5px;
	text-decoration: none;
}
.pagination a:hover {
	border-right: #dededc 1px solid;
	border-top: #dededc 1px solid;
	border-left: #dededc 1px solid;
	border-bottom: #dededc 1px solid;
	color: #505050;
	background-color: #f0f0f0;
}
div.pagination a:active {
	border-right: #dededc 1px solid;
	border-top: #dededc 1px solid;
	border-left: #dededc 1px solid;
	border-bottom: #dededc 1px solid;
	color: #679298;
	background-color: #f0f0f0;
}
.pagination span.current {
	border-right: #dededc 1px solid;
	border-left: #dededc 1px solid;
	border-top: #dededc 1px solid;
	border-bottom: #dededc 1px solid;
	padding-right: 6px;
	padding-left: 5px;
	padding-bottom: 4px;
	margin: 0px 1px;
	color: #505050;
	padding-top: 5px;
}
.pagination span.disabled {
	background-color: #f0f0f0;
}
.center {text-align: center;}

.about_con{width:900px; height:auto; overflow:hidden; padding-top:25px; line-height:35px;}
ul.news{ width:900px; height:auto; overflow:hidden;}
ul.news li{ width:900px; height:auto; overflow:hidden;padding-bottom:25px; border-bottom:1px dashed #cccccc; margin-bottom:30px;}
.news_lef{ width:132px; height:105px; overflow:hidden; float:left;}
.news_rig{ width:750px; height:auto; float:right; overflow:hidden;}
.news_rig_tit{ width:750px; height:35px; line-height:26px; font-size:16px;}
.news_rig_decr{ width:750px; height:42px; line-height:21px; overflow:hidden; font-size:13px; color:#919191;}
.news_rig_decr a{ color:#999999;}
.news_rig_date{ width:750px; height:32px; line-height:32px; color:#999999;}

ul.newsllist{ width:900px; height:auto; overflow:hidden; margin-bottom:30px;}
ul.newsllist li{ width:900px; height:35px; line-height:35px; overflow:hidden; background:url(../images/icon2.jpg) no-repeat center left; text-indent:10px;}
.newslist_tm{ width:800px; height:auto; float:left; overflow:hidden;}
.newslist_date{ width:100px; height:auto; float:right; overflow:hidden; text-align:right; color:#919191;}

.news_tit{ width:900px; height:60px; overflow:hidden; line-height:80px; font-size:20px; text-align:center;}
.news_date{ width:900px; height:34px; line-height:34px; color:#919191; text-align:center;}
.news_con{ width:900px; height:auto; overflow:hidden; padding-top:20px; padding-bottom:30px;}
.news_pre{ width:900px; height:36px; line-height:36px; border-bottom:1px solid #d2d2d2; color:#8d8d8d; text-indent:45px;}
.news_pre a{ color:#8d8d8d;}
.proimg{ width:550px; height:auto; margin:20px auto 0; text-align:center;}


.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
.clear{ clear:both; display:block}
.main{ width:1200px; height:auto; margin:0px auto;}
.lf{ float:left; display:block} 

/* 内页 */
.ny_zhici_left{width:60%; float:left; height:auto; text-align:left; font-size:18px; line-height:35px;}
.ny_zhici_right{width:35%; float:right; height:auto; text-align:left;}
.ny_zhici_center{width:100%; float:left; height:auto; text-align:left; font-size:18px; line-height:35px;}
.ny_zhici_left .red{color:#FF0000;}
@media screen and (max-width: 1600px) { 
.ny_zhici_left{width:50%;font-size:16px; line-height:30px;}
.ny_zhici_right{width:45%;}
.ny_zhici_center{font-size:16px; line-height:30px;}
}
@media screen and (max-width: 1200px) { 
.ny_zhici_left{width:50%;font-size:14px; line-height:25px;}
.ny_zhici_right{width:45%;}
.ny_zhici_center{font-size:14px; line-height:25px;}
}
@media screen and (max-width: 975px) { 
.ny_zhici_left{width:100%;font-size:14px; line-height:25px;}
.ny_zhici_right{width:100%;}
}


/* 产品列表页-内页 */
.ny_product{width:100%; float:left; height:auto; padding:0.4rem 0; text-align:center;}
.ny_product .tab_boxn{width:100%; height:auto; display:inline-block;}
.ny_product .tab_boxn .lyz_tabn_top{margin:auto; width:50%; height:1.5rem;}
.ny_product .tab_boxn .lyz_tabn_top UL{ padding:0px; width:100%; height:1.5rem; list-style-type: none; float:left;}
.ny_product .tab_boxn .lyz_tabn_top UL LI{display:inline; float:left; width:50%; cursor:pointer; line-height:1.5rem; color:#000; font-size:36px; text-align:center; font-weight:bold;}
.ny_product .tab_boxn .lyz_tabn_top UL LI.hover{color:#fff;background: -webkit-linear-gradient(left,#ef7b26,#f4c322);background: -o-linear-gradient(right,#ef7b26,#f4c322);background: -moz-linear-gradient(right,#ef7b26,#f4c322);background: linear-gradient(to right,#ef7b26,#f4c322);}
.ny_product .tab_boxn .lyz_tabn_bottom{width:80%; height:auto; margin:auto; padding:2% 0;}
.ny_product .tab_boxn .lyz_tabn_bottom .list_con{display:inline-block; width:30%; line-height:1rem; border:1px solid #ef7b26; color:#333; margin:1%; font-size:24px;}
.ny_product .tab_boxn .lyz_tabn_bottom .list_con a{color:#333;}
.ny_product .tab_boxn .lyz_tabn_bottom .list_con:hover{border:1px solid #ef7b26; color:#fff; background:#ef7b26;}
.ny_product .tab_boxn .lyz_tabn_bottom .list_con:hover a{color:#fff;}

@media screen and (max-width: 900px) { 
.ny_product .tab_boxn .lyz_tabn_top{margin:auto; width:80%; height:1.5rem;}
.ny_product .tab_boxn .lyz_tabn_top UL LI{font-size:20px;}
.ny_product .tab_boxn .lyz_tabn_bottom{width:100%;} 
.ny_product .tab_boxn .lyz_tabn_bottom .list_con{font-size:13px;}
}


/* 内页左边 */
.ny_left{width:100%; float:left; height:auto; padding:0.4rem 0;}
.ny_left .TwoOfTwo .aboutus{width:100%; color:#333;}
.ny_left .TwoOfTwo .aboutus p{line-height:50px; font-size:20px; text-align:center; color:#333;}
.ny_left .TwoOfTwo .aboutus p a{color:#333;}
.ny_left .TwoOfTwo .aboutus .div_list{width:100%; color:#5e5e5e; text-align:center;}
.ny_left .TwoOfTwo .aboutus .div_list li{width:auto;font-size:23px; line-height:50px; display:inline-block; border-bottom:2px solid #fff; padding:0 0.2rem;}
.ny_left .TwoOfTwo .aboutus .div_list li a{color:#5e5e5e; text-decoration:none;}
.ny_left .TwoOfTwo .aboutus .div_list li.cur{color:#ef7b26;border-bottom:2px solid #ef7b26;}
.ny_left .TwoOfTwo .aboutus .div_list li.cur a{color:#ef7b26; text-decoration:none;}
.ny_left .TwoOfTwo .aboutus .div_list li:hover{color:#ef7b26;border-bottom:2px solid #ef7b26;}
.ny_left .TwoOfTwo .aboutus .div_list li:hover a{color:#ef7b26; text-decoration:none;}
.ny_left .TwoOfTwo .aboutus .div_list .list_all{width:auto;font-size:18px; line-height:50px; display:inline-block;color:#ef7b26;border-bottom:2px solid #ef7b26; padding:0 0.2rem;}
.ny_left .TwoOfTwo .aboutus .div_list .list_all a{color:#ef7b26; text-decoration:none;}
.ny_left .TwoOfTwo .newsfocus{width:100%; background:#fff; color:#333;}
.ny_left .TwoOfTwo .newsfocus p{line-height:87px; font-size:22px; font-weight:bold; text-align:left; color:#fff; background:#ef7b26; text-align:center;}
.ny_left .TwoOfTwo .newsfocus .div_news{width:100%; border-bottom: 1px dotted #d6d6d6;text-align:center;line-height:50px; float:left;}
.ny_left .TwoOfTwo .newsfocus .div_news a{font-size:14px; color:#333;}
.ny_left .TwoOfTwo .newsfocus .div_news:hover a{color:#ef7b26;}

/* 内页右边 */
.ny_right{width:100%; float:left; height:auto;background:#fff; padding:0 0 0.3rem 0;}
.ny_right_tit{width:100%; line-height:60px; border-bottom:1px solid #ccc; margin-bottom:30px; text-align:right; font-size:16px;}
.ny_right_content{width:100%; height:auto; line-height:30px; color:#333;}
.ny_right_content img{max-width:100%;}



/* 联系内页左边 */
.nycontact_left{width:30%; height:auto; margin:auto;}
.nycontact_left .TwoOfTwo .aboutus p{line-height:87px; font-size:22px; font-weight:bold; text-align:left; color:#fff; background:#ef7b26; text-align:center;border-radius:10px 10px 0 0;}
.nycontact_left .TwoOfTwo .aboutus .div_list{width:100%; font-size:14px; color:#333; text-align:center; padding:10% 0;}
.nycontact_left .TwoOfTwo .aboutus .div_list .txt_message{width:100%;height:auto; font-size:16px; text-align:left;}
.nycontact_left .TwoOfTwo .aboutus .div_list .txt_message .left_txt{width:100%; font-size:14px;line-height:50px; text-indent:20px; color:#333; background:#fff; margin-bottom:18px; border:1px solid #b9b9b9; border-radius:4px;}
.nycontact_left .TwoOfTwo .aboutus .div_list .txt_message .submit{width:100%; font-size:18px;line-height:52px; background:#ef7b26; border:0; text-align:center; color:#fff; text-transform:uppercase; border-radius:4px;}

/* 联系内页右边 */
.nycontact_right_tit{width:100%; line-height:60px; border-bottom:1px solid #ccc; margin-bottom:30px; text-align:right; font-size:16px;}
.nycontact_right_content{width:100%; height:auto; line-height:30px; color:#333;}
.nycontact_right_content img{max-width:100%;}

.nycontact_right_content .dl_list{width:50%; float:left;}
.nycontact_right_content .dl_list .dt_list{width:100%; float:left; font-size:32px; color:#000; line-height:25px; margin:15px 0;}
.nycontact_right_content .dl_list .dt_list:nth-child(2){font-size:15px;text-transform:uppercase; font-family:Arial;}
.nycontact_right_content .dl_list .dt_list:nth-child(3){width:90px; height:5px; background:#ef7b26; margin-top:3%;}
.nycontact_right_content .dl_list .dd_list{width:100%; float:left; padding-left:35px; font-size:16px; line-height:40px; color:#333;}
.nycontact_right_content .dl_list .dd_list:nth-child(1){background:url(../images/i17_1.png) left center no-repeat;background-size:20px;}
.nycontact_right_content .dl_list .dd_list:nth-child(2){background:url(../images/i17_2.png) left center no-repeat;background-size:20px;}
.nycontact_right_content .dl_list .dd_list:nth-child(3){background:url(../images/i17_3.png) left center no-repeat;background-size:20px;}
.nycontact_right_content .dl_list .dd_list:nth-child(4){background:url(../images/i17_3.png) left center no-repeat;background-size:20px;}
.nycontact_right_content .dl_list .dd_list:nth-child(5){background:url(../images/i17_4.png) left center no-repeat;background-size:20px;}
.nycontact_right_content .dl_list .dd_list:nth-child(6){background:url(../images/i17_5.png) left center no-repeat;background-size:20px;}
.nycontact_right_content .dl_list .dd_list:nth-child(7){background:url(../images/i17_6.png) left center no-repeat;background-size:20px;}
 
.nycontact_maps{width:100%; height:500px; border-top:1px solid rgba(0,0,0,0.15); margin-top:3%;}
 
@media screen and (max-width: 1100px) { 
.nycontact_left{width:100%;}
.nycontact_left .TwoOfTwo .aboutus p{line-height:60px; font-size:20px;}
.nycontact_left .TwoOfTwo .aboutus .div_list{padding:5% 10%;}
.nycontact_right{width:100%;padding:3% 0;}
} 
/* 设置了浏览器宽度不大于1100px时 */
@media screen and (max-width: 660px) { 
.ny_left .TwoOfTwo .aboutus .div_list li{font-size:18px; line-height:30px;}
.ny_left .TwoOfTwo .aboutus p{line-height:50px; font-size:20px;}
.ny_left .TwoOfTwo .aboutus .div_list .list_con{font-size:16px; line-height:30px;}

.nycontact_right_content .dl_list{width:100%; padding-bottom:5%;}
.nycontact_right_content .dl_list .dt_list{font-size:25px; margin:10px 0;}
.nycontact_right_content .dl_list .dt_list:nth-child(2){font-size:15px;}
.nycontact_right_content .dl_list .dd_list{padding-left:30px; font-size:15px; line-height:40px;}
.nycontact_right_tit{font-size:14px; margin-bottom:20px;}
.nycontact_left{width:100%;}
} 
/* 设置了浏览器宽度不大于660px时 */


/* 仿淘宝内页左边 */
.ny_taobao{width:100%; float:left; height:auto;background:#fff; padding:0 0 0.3rem 0;}
.ny_taobao_left{width:25%; float:left; height:auto; color:#333;}
.ny_taobao_left p{background-color:#ef7b26; line-height:80px; border-radius:0px 20px 0px 0px;color:#fff;font-size:30px;padding-left: 20px;}
.ny_taobao_left .TwoOfTwo_taobao{width:100%; color:#5e5e5e; text-align:left;}
.ny_taobao_left .TwoOfTwo_taobao li{width:100%;font-size:17px;border-left:1px solid #e8e8e8;border-right:1px solid #e8e8e8;border-bottom: 1px solid #e8e8e8; padding-left: 20px; line-height:60px; display:inline-block;}
.ny_taobao_left .TwoOfTwo_taobao li a{color:#5e5e5e; text-decoration:none;}
.ny_taobao_left .TwoOfTwo_taobao li.cur{color:#ef7b26;border-bottom:1px solid #ef7b26;}
.ny_taobao_left .TwoOfTwo_taobao li.cur a{color:#ef7b26; text-decoration:none;}
.ny_taobao_left .TwoOfTwo_taobao li:hover{color:#ef7b26;border-bottom:1px solid #ef7b26;}
.ny_taobao_left .TwoOfTwo_taobao li:hover a{color:#ef7b26; text-decoration:none;}
.ny_taobao_left .TwoOfTwo_taobao li:nth-child(7){border-bottom:3px solid #ef7b26;}

/* 内页右边 */
.ny_taobao_right_tit{width:100%; line-height:60px; border-bottom:1px solid #ccc; margin-bottom:30px; text-align:right; font-size:16px;}
.ny_taobao_right{width:72%; height:auto; padding:3px 0 0; line-height:30px; color:#333; float:right;}
.ny_taobao_right p{font-size:15px; line-height:1.8em; color:#595959;}
.ny_taobao_right p strong{font-size:16px; line-height:32px; color:#fff; background:#ef7b26; padding:8px 15px; border-radius:0 10px 0 0;font-weight: bold;}
.ny_taobao_right img{max-width:90%;}

@media screen and (max-width: 992px) { 
.ny_taobao_left{width:100%;}
.ny_taobao_left p{line-height:60px; font-size:20px;}
.ny_taobao_left .TwoOfTwo_taobao li{font-size:15px;line-height:50px;}
.ny_taobao_right{width:100%; padding:3% 0 0 0;}
} 

/*内页产品*/
.nypro-list{width:100%; height:auto;}
.nypro-list li{width:23%; height:auto;float:left; padding:0.5%; margin:1%; list-style:none; border:1px solid #dfdfdf; border-radius:8px; height:auto;}
.nypro-list li:hover{border:1px solid #ef7b26; background:#e6e6e6;}
.nypro-list li img{width:100%; height:auto; display:block;}
.nypro-list li p{width:100%; line-height:50px; font-size:15px; text-align:center; color:#333;}
.nypro-list li:hover p{color:#ef7b26;}
.nypro-list li p a{color:#333;}
.nypro-list li:hover p a{color:#ef7b26;}
.nypro-list li b{font-weight:normal;}
.nypro-list li span{width:100%; line-height:22px; display:block; text-align:left;}
.nypro-link-tit{width:100%; height:auto; line-height:1rem; font-size:25px; color:#333; text-align:left;}
.nypro-link{width:100%; height:auto;}
.nypro-link li{width:23%; height:auto;float:left; margin:1%; list-style:none; height:auto;}
.nypro-link li img{width:100%; height:auto; display:block;}
.nypro-link li p{width:100%; line-height:50px; font-size:20px; text-align:center; color:#333;}
.nypro-link li p a{color:#333;}
.nypro-link li:hover p{color:#ef7b26;}
.nypro-link li:hover p a{color:#ef7b26;}

.nypro-img{width:98%; height:auto; background:#dadada; margin:0% 1% 1% 1%;}
.nypro-img img{width:50%; height:auto; float:right;}
.nypro-img p{width:50%; line-height:30px; font-size:16px; text-align:left; color:#333; padding:3%; float:left;}
.nycase-img{width:98%; height:auto; background:#eaeaea; margin:0% 1% 1% 1%;}
.nycase-img img{width:50%; height:auto; float:left;}
.nycase-img p{width:50%; line-height:30px; font-size:16px; text-align:left; color:#333; padding:3%; float:left;}


@media screen and (max-width: 1200px) { 
.nypro-list li{width:31.3%;  padding:0.5%; margin:1%;}
.nypro-link li{width:31.3%;  margin:1%;}
.nycontact_left{width:60%;}
.nypro-img img{width:100%; float:left;}
.nypro-img p{width:100%; line-height:25px; font-size:13px; padding:5%;}
.nycase-img img{width:100%;}
.nycase-img p{width:100%; line-height:25px; font-size:13px; padding:5%;}
} 
/* 设置了浏览器宽度不大于1200px时 */
@media screen and (max-width: 1100px) { 
.nypro-list li{width:48%; padding:1%; margin:1%;}
.nypro-link li{width:48%; margin:1%;}
.nycontact_left{width:70%;}
} 
/* 设置了浏览器宽度不大于1100px时 */

@media screen and (max-width: 660px) { 
.nypro-list li{width:96%; padding:2%; margin:2%;}
.nypro-link li{width:96%; margin:2%;}
.nycontact_left{width:100%;}
} 
/* 设置了浏览器宽度不大于660px时 */


/* 项目内页 */
.ny_img_com{width:100%; padding:4%; height:auto; background:#fff; margin:auto;-webkit-box-shadow:0 0 20px rgba(0, 0, 0, .2);  -moz-box-shadow:0 0 20px rgba(0, 0, 0, .2);  box-shadow:0 0 20px rgba(0, 0, 0, .2);}
.ny_img_com .ny_img_left{width:50%; height:auto; float:left;}
.ny_img_com .ny_img_center{width:45%; height:auto; float:right; text-align:left;}
.ny_img_com .ny_img_center .tit_h1{width:100%; line-height:60px; font-size:21px; color:#333;}
.ny_img_com .ny_img_center .tit_h2{width:100%; height:auto; line-height:30px; padding:5%; margin-bottom:5%; background:#eaeaea; font-size:14px; color:#333;}
.ny_img_com .ny_img_center .tit_h3{width:100%; height:auto; line-height:25px; padding:0 0 5% 0; font-size:14px; color:#575757; float:left;}
.ny_img_com .ny_img_center .tit_h3 span{color:#ef7b26; padding-right:10px;}
.ny_img_com .ny_img_center .tit_message{width:45%; line-height:40px; background:#ef7b26; font-size:15px; color:#fff; float:left; text-align:center; margin-right:5%;}
.ny_img_com .ny_img_center .tit_message a{color:#fff;}
.ny_img_com .ny_img_center .tit_message:hover{background:#eb4f38;}
.ny_img_com .ny_img_center .tit_message:hover a{color:#fff;}
.ny_img_com .ny_img_center .tit_fasong{width:45%; line-height:40px; background:#eb4f38; font-size:15px; color:#fff; float:left; text-align:center; margin-right:5%;}
.ny_img_com .ny_img_center .tit_fasong a{color:#fff;}
.ny_img_com .ny_img_center .tit_fasong:hover{background:#ef7b26;}
.ny_img_com .ny_img_center .tit_fasong:hover a{color:#fff;}

@media screen and (max-width: 1000px) { 
.ny_img_com .ny_img_left{width:100%; height:auto; float:left;}
.ny_img_com .ny_img_center{width:100%; height:auto; float:left; text-align:left;}
} 
/* 设置了浏览器宽度不大于1100px时 */
@media screen and (max-width: 660px) { 
.ny_img_com .ny_img_left{width:100%; height:auto; float:left;}
.ny_img_com .ny_img_center{width:100%; height:auto; float:left; text-align:left;}
.ny_img_com .ny_img_center .tit_h1{font-size:18px;}
.ny_img_com .ny_img_center .tit_h2{font-size:12px;}
.ny_img_com .ny_img_center .tit_h3{height:0px; padding:0; overflow:hidden;}
} 
/* 设置了浏览器宽度不大于660px时 */

/* 项目内页-我们 */
.ny_about{width:100%; height:514px; background:url(../images/details_about.jpg) center no-repeat; margin-top:30px;}
.ny_honor_tit{width:100%; height:60px; line-height:30px; font-size:15px; color:#333; text-align:center; padding:40px 0px;}
.ny_honor_tit span{font-size:25px;}
.ny_honor{width:100%; height:auto; padding-bottom:40px;}
.ny_honor img{width:20%; height:auto; float:left; display:block;}
.ny_cases_tits{width:100%; line-height:100px; background:#717171; text-align:center; margin-top:30px;}
.ny_cases_tits p{width:auto; font-size:50px; font-weight:bold; color:#fff;}
.ny_cases{width:100%; height:auto; text-align:center; margin-top:20px;}
.ny_cases .cases_img{width:30%; height:auto; padding:0 1.5%; float:left;}
.ny_cases .cases_img img{width:100%; height:auto; display:block;}
.ny_cases .cases_img p{width:100%; line-height:50px; font-size:16px; color:#333;}


/* scrollbox */
.scrollbox{position:relative;width:140px;height:350px;overflow:hidden;}
.scrollbox ul{position:absolute;left:0px;top:0px;}
.scrollbox li{float:left;width:140px;height:100px;overflow:hidden; padding-bottom:20px;}
.scrollbox li a{float:left;display:inline-block;width:140px;height:100px;overflow:hidden; text-decoration:none;}
.scrollbox li a img{display:block;width:140px;height:100px;background:#eee; position:absolute;}
.scrollbox li a p{width:140px;height:30px; margin-top:70px; line-height:30px; text-align:center; background:rgba(255,255,255,.7); color:#333; position:relative; font-size:13px;}
.scrollbox li:hover a p{width:140px;height:30px; margin-top:70px; line-height:30px; text-align:center; background:rgba(255,255,255,.9); color:#333; position:relative; font-size:13px;}


/*内页新闻*/
.nynewslist{width:100%; height:auto;}
.nynewslist li{ width:100%; height:auto; padding:20px 2%; color:#333; font-size:18px; border-bottom:1px solid #ededed;}
.nynewslist li a{ font-size:18px; color:#333; line-height:40px;}
.nynewslist li:hover a{ text-decoration:none; color:#ef7b26;}
.nynewslist li span{ font-size:16px; color:#787878; line-height:30px;}
.nynewslist li:hover{background:#ececec;}

/*内页新闻加图片*/
.nynewsimg{width:100%; height:auto;}
.nynewsimg li{ width:96%; height:auto; padding:20px 2%; color:#333; font-size:16px; border-bottom:1px dotted #ccc;}
.nynewsimg li img{width:28%; height:auto; float:left; padding:1%; border:1px solid #ccc;}
.nynewsimg li dl{width:65%; height:auto; float:right;}
.nynewsimg li dl dt{font-size:16px; color:#333; line-height:50px;}
.nynewsimg li dl dd{font-size:14px; color:#787878; line-height:25px;}
.nynewsimg li a{ font-size:16px; color:#333; line-height:27px;}
.nynewsimg li:hover img{border:1px solid #ef7b26;}
.nynewsimg li:hover dl dt{color:#ef7b26; font-weight:bold;}
.nynewsimg li:hover{background:#ececec;}

@media screen and (max-width: 1000px) { 
.nynewsimg li img{width:38%; height:auto; float:left; padding:1%; border:1px solid #ccc;}
.nynewsimg li dl{width:55%; height:auto; float:right;}
.nynewsimg li dl dt{line-height:35px;}
} 
/* 设置了浏览器宽度不大于1100px时 */
@media screen and (max-width: 660px) { 
.nynewsimg li img{width:90%; padding:5%;}
.nynewsimg li dl{width:90%; padding:5%;}
} 
/* 设置了浏览器宽度不大于660px时 */


/*分页*/
.page{ width:100%;height:35px;padding-top:15px; text-align:center;}
.page a{display:inline-block; color:#333; border:1px solid #dedede; padding: 5px 8px; margin:0px 3px; border-radius:2px;}
.page a:hover{background-color:#6e2200;color:#fff; text-decoration:none;}
.page .current{display:inline-block; padding: 5px 8px; color:#6e2200; font-weight:bold;}

/*详情页*/
.article_title{ text-align:center; width:100%; padding:0.2rem 0;}
.article_title h1{font-size:20px; line-height:30px;}
.newsin-c{width:100%; height:auto; margin:0px auto; padding-top:20px;}
.flexbj{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.newsnext{width:100%; padding:30px 0px;justify-content: space-between;}
.newsnext li{height:30px; line-height:30px; width:100%;}
.newsnext li a{color:#333; line-height:30px;}
.newsnext li a:hover{color:#005e51; cursor:pointer; text-decoration:none;}
.artdet{width:100%; line-height:50px; text-align:center; border:1px solid #dfdfdf; margin-bottom:25px; background:#efefef;}

/*在线留言*/
.zxlyinp{ width:300px; height:28px; line-height:28px; margin:5px 0px; padding-left:10px; border:1px solid #dedede; border-radius:4px;}
.zxlyyzm{width:100px; height:30px; line-height:30px; margin:5px 0px; font-size:14px; padding-left:10px; border:1px solid #dedede; border-radius:4px;}
.zxlysub{ width:120px; height:30px; line-height:30px; color:#fff; text-align:center; border-radius:4px; background-color:#188FE1; border:0px; font-size:15px;}
.zxlysub:hover{ cursor:pointer;}

/*联系我们*/
.contact-warp {
	min-width: 920px;
	width: 100%;
}
.project-form {
	min-height:560px;
}
.project-form .entry-content p {
	font-size: 30px;
	color: #666;
	text-align: center;
}
.project-form ul {
	margin: 0 auto;
	overflow: hidden;
	width: 900px;
}
.project-form ul li {
	float: left;
	width: 420px;
	margin: 10px;
}
.project-form ul li:last-child {
	width: 900px;
}
.project-form ul li label {
	font-size: 14px;
	line-height: 26px;
	color: #666;
}
.project-form ul li label em {
	color: #dd4250;
}
.project-form ul li input[type="text"], .ctxt {
	display: block;
	border: 1px solid #ccc;
	padding: 10px;
	width: 400px;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	border-radius: 4px;
	-webkit-transition: box-shadow 0.30s ease-in-out;
	-moz-transition: box-shadow 0.30s ease-in-out;
	transition: box-shadow 0.30s ease-in-out;
}
.project-form ul li input[type="text"]:focus, .ctxt:focus {
	border: #dd4250 1px solid;
	box-shadow: 0 0 8px rgba(221,66,80,0.87);
}
.project-form ul li textarea, .ctxtarea {
	display: block;
	border: 1px solid #ccc;
	padding: 10px;
	width: 840px;
	height: 120px;
	line-height: 30px;
	border-radius: 4px;
	font-size: 16px;
	overflow: auto;
	x-overflow: hidden;
	-webkit-transition: box-shadow 0.30s ease-in-out;
	-moz-transition: box-shadow 0.30s ease-in-out;
	transition: box-shadow 0.30s ease-in-out;
}
.project-form ul li textarea:focus, .ctxtarea:focus {
	border: #dd4250 1px solid;
	box-shadow: 0 0 8px rgba(221,66,80,0.87);
}
.project-form input[type="submit"].submit {
	display: block;
	margin: 10px auto;
	padding: 10px 40px;
	font-size: 18px;
}
.contacnt-address {
	padding: 280px 0 0 0;
	margin: 0 auto 60px;
	font-size: 16px;
	color: #f2f2f2;
	text-align: center;
}
.contacnt-address em {
	font-size: 20px;
	line-height: 50px;
	color: #666;
}
.mapbg {
	height: 520px;
	border-top: 1px solid #ddd;
	background-image: url(../images/map_bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
.cbqq {
	display: block;
	margin: 0 auto;
	text-indent: -9999px;
	width: 152px;
	height: 184px;
	background: url(../images/cbqq.png) no-repeat 0px 0px;
}
.cbqq:hover {
	background: url(../images/cbqq.png) no-repeat 0px -184px;
}
.contact-bg {
	background-image: url(../images/cont-bg.jpg);
	background-position: center center;
	background-size: cover;
	Background-attachment: fixed;
}
.contact-detail {
	width: 100%;
	overflow: hidden;
}
.contact-detail li {
	float: left;
	width: 24%;
	margin: 0.5%;
	padding: 40px 0 168px 0;
}
.contact-detail li a {
	display: block;
	margin-right: 20px;
	text-indent: -9999px;
	float: left;
	width: 90px;
	height: 90px;
	border-radius: 50%;
	box-shadow: 0 0 0 1px rgba(255,255,255,1);
	-webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
	-moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
	transition: background 0.3s, color 0.3s, box-shadow 0.3s;
}
.contact-detail li a:hover {
	background-color: rgba(221,66,80,1);
	color: #fff;
	box-shadow: 0 0 0 3px rgba(221,66,80,0.3);
}
.contact-detail li a.am-byqq {
	background-image: url(../images/c_bg.png);
	background-repeat: no-repeat;
	background-position: -90px 0px;
}
.contact-detail li a:hover.am-byqq {
	background-position: 0px 0px;
}
.contact-detail li a.am-byemail {
	background-image: url(../images/c_bg.png);
	background-repeat: no-repeat;
	background-position: 0px -90px;
}
.contact-detail li a.am-byweibo {
	background-image: url(../images/c_bg.png);
	background-repeat: no-repeat;
	background-position: 0px -180px;
}
.contact-detail li a.am-byphone {
	background-image: url(../images/c_bg.png);
	background-repeat: no-repeat;
	background-position: 0px -270px;
}
.contact-detail li span {
	display: block;
	font-size: 12px;
	padding: 25px 0 0 0;
	line-height: 20px;
	color: #fff;
	overflow: hidden;
	text-overflow: hidden;
	white-space: nowrap;
}
.contact-detail li em {
	display: block;
	font-size: 20px;
	line-height: 30px;
	color: #dd4250;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/*更多新闻，产品*/
.ny_xg_title{ width: 100%; height: 35px; line-height: 35px; border-bottom: 1px solid #e0e0e3;}
.ny_xg_title p{color:#333; background: url(../images/productshow_06.jpg) no-repeat left bottom; font-size: 15px; }
.morearticle{ width:100%; padding:15px 0px;}
.morearticle li{ width:48%; height:35px; line-height:35px; float:left; margin: 0px 1%; border-bottom: 1px dashed #dedede;}
.morearticle li a{ color:#333; background:url(../images/productshow_14.jpg) no-repeat left center; padding-left: 10px;}
.morearticle li a:hover{ color:#000}
.moreproducts{ width:100%; padding:15px 0px;}
.moreproducts li{ width:280px; height:auto;float:left; background: #DEDEDE; margin: 10px 13px; text-align: center;}
.moreproducts li img{ width:100%; height: 220px;}
.moreproducts li a{ color:#333; line-height:30px;}
.moreproducts li a:hover{ color:#000}



.nyproleft{width:480px; height:440px; text-align:left;}
.nyprolefts{width:480px; height:440px; text-align:left;}
#tbody {width:305px;margin:0px auto;}
#mainbody {width:305px;border:1px solid #dedede; margin-bottom: 10px;}
#mainphoto {cursor:pointer;display:block;}
#goleft {float:left;clear:left;}
#goright {float:right;clear:right;}
#photos {width:370px;height:62px;overflow:hidden; float: left; margin: 0px 5px;}
#showArea img {display:block;float:left;margin:0px 6px;cursor:pointer;border:1px solid #dedede}
#showArea img:hover{ border: 1px solid #cc0000;}


.nyproright{ width:400px; height: auto; float: right;}
.pro_title{ text-align:left; width:100%; font-size:22px; line-height:40px; }
.nyproright p{ margin: 10px 0px; line-height:40px; height: 40px; overflow: hidden; color:#616161; font-size:15px;}
.nyproright span{ font-size: 18px; color: #464646; height: 45px;}
.nyproright span b{ color: #ef7b26; font-size: 26px;}
.nyproright a{ display:block; background: #ef7b26 url(../images/productshow_03.jpg) no-repeat 130px center; height: 40px;line-height: 40px; font-size: 16px; color: #fff; text-align: center;  width: 160px; margin-top: 20px;float: left;}
.nyproright a:hover{ text-align: center;}
.pofont1{ float: left; color: #616161; font-size: 16px; padding-top: 25px;}
.probody{ border-top:1px dashed #dedede; padding: 15px 0px; font-size: 13px; line-height: 23px; margin-top: 40px;}
.probody img{ max-width:890px}
.probodytitle{ width:100%; height:60px; line-height:50px; text-align:left; color:#333; font-size:16px; margin-bottom:20px; border-bottom:1px solid #e1e1e1;text-transform:uppercase;}



.page_list{text-align:center;letter-spacing:0;font-size:15px;margin-top:20px; margin-bottom:10px; clear:both;}
.page-status{display: none;}
.page_list a{display:inline-block;color:#666666;text-align:center;padding:0px 15px; margin:0px 2px; line-height:35px; border:1px solid #dfdfdf;}
.page_list span a{color:#666666;}
.page_list span a:hover{color:#005e51;}
.page_list span a.on{color:#005e51;}


.msgtitle{display:block;padding-bottom:5px;font-size:14px;font-weight:bold;}
.message_block{color:#666;}
.message_block p{padding:12px;}
.msg_input{}
.msg_input_on{width:400px;border:1px solid #8cd1ff;background:#f1f9ff;padding:8px 9px;-webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);border-radius:2px;font-size:13px;color:#888;}
.message_labes{font-size:14px;}
.message_title{height:34px;line-height:34px;background:#f6f9fb;padding:0 12px;}
.message_title h2{color:#376b88;font-size:14px;float:left;}
.message_title span{float:right;font-weight:bold;color:#999;}
.message_info{color:#8ea6b6;text-align:right;}
.message_replay{background:#f5f5f5;padding:0 12px;}
.msg_btn_area{margin:16px 0;text-align:left;}
.msg_btn_area a{display:inline-block;padding:5px 15px;background:#09F;color:#fff;text-align:center;font-family:"宋体";font-size:14px;overflow:hidden;cursor:pointer;font-weight:bold;}
.msg_btn_area a:hover{text-decoration:none;}
.msgflag{margin-left:4px;font-size:12px;color:#900;}

.yema { margin:30px auto; }
.yema a { padding: 0 10px; height: 26px; display: block; float: left; margin: 0 4px; font-size: 16px; color: #6d6d6d; line-height: 26px; text-align: center; border: 1px solid #d2d2d2; background: #f0f0f0; }
.yema span { padding: 0 10px; height: 26px; display: block; float: left; margin: 0 4px; font-size: 16px; color: #6d6d6d; line-height: 26px; text-align: center; border: 1px solid #d2d2d2; background: #f0f0f0; }
.yema a:hover { color: #b12923; background: #FFF; }
.yema a.yenn { color: #b12923; background: #FFF; }

/*link*/
.sylink{width:100%; height:64px; background:#ef7b26; text-align:left;}
.sylink .linkcen{width:1200px; height:64px; line-height:64px; font-size:15px; color:#fff; margin:auto;}
.sylink .linkcen span{float:left; padding:0px 15px 0px 0px;}
.sylink .linkcen a{color:#fff; text-decoration:none; line-height:64px; padding:0px 10px;}
.sylink .linkcen a:hover{color:#e0edff; text-decoration:none;}

/*link*/
.hy { width: 1200px; margin:auto; height:132px; margin-top:30px;}
.hy_top {width: 1200px; height: 46px; border-bottom:1px #d3d3d3 solid; float:left;}
.hy_top ul li { float: left; height: 46px; line-height: 46px; width: 102px; font-size:20px; font-weight:bold;}
.hy_top ul li span{ width:12px; color:#ef7b26; float:right;}
.hy_top ul li a { display: block; height: 46px; width: 90px; color: #333; text-align:center; text-decoration:none;}
.hy_top ul li a:hover, .hy_top ul .cur a {  height: 43px; width: 90px; color:#ef7b26; border-bottom:3px #ef7b26 solid; text-decoration:none;}
.hy_con {width: 1200px;  height: 83px; margin-top:20px; float:left; line-height:25px;}