/* CSS Document */
body {font-family:微软雅黑;font-size:14px;color: #333;margin:0;}
img{border:0;}
A:link {COLOR: #333; TEXT-DECORATION: none;}
A:visited{COLOR:#333; TEXT-DECORATION:none;}
A:hover{COLOR:#333; TEXT-DECORATION:none;}
ol, ul, li{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;border-collapse:collapse;list-style-type:none;list-style:none;}
*{margin: 0;padding: 0;hide-focus: expression(this.hideFocus=true); /* for ie 5+ */outline: none; /* for firefox 1.5 + */}
.cl{clear:both;}

.synav{width:100%; height:47px; background:#333;}
.synav .synab{width:1200px; height:47px; margin:auto;}
.synav .synab .syright{width:600px; height:47px; float:right;}
.synav .synab .syright img{width:30px; height:30px; float:left; margin:8px 0px 9px 23px;}
.synav .synab .syright p{float:left; line-height:47px; padding:0px 10px; color:#d0d0d0; font-size:13px; }

.tops{line-height:40px;position:relative;z-index:999; background:#0086e8;}
.top_m_l{width:auto;float:left; text-align:left; line-height:40px; font-size:15px; color:#fff;}
.top_m_l img{float:left; height:17px; padding:19px 0;}
.top_m_l p{width:auto; float:left; line-height:40px; font-size:15px; color:#fff; padding:0 20px 0 0;}
.top_m_l p b{font-size:16px; font-family:Arial, Helvetica, sans-serif;}
.top_m_r{width:auto; float:right;}
.top_m_r p{width:auto; float:right; line-height:55px; font-size:15px; color:#fff; padding:0 20px; border-left:1px solid #ffac52;}
.top_m_r p a{color:#fff; text-decoration:none;}
.top_m_r p a:hover{color:#e97b0f;}
.top_m_r .p{width:auto; float:right; line-height:55px; font-size:16px; color:#fff; padding:0 30px; background:#0086e8; font-weight:bold;}


.shouji{width:70px; height:40px; position:relative; font-size:14px; line-height:40px; text-align:right; z-index:999;float:right; padding-right:20px;}
.shouji a{width:70px; height:40px; display:block; position:absolute; color:#333; left:0; top:0;background:url(http://bmgk.jsranran.site/template/default/images/t_2.png) no-repeat left center; text-decoration:none;}
.shouji .shouji_nr{width:390px; height:210px; padding:0px; background:#d0cfcf; text-align:center; position:absolute; z-index:9999;left:-170px; top:40px; display:none; line-height:20px;}
.shouji .shouji_nr img{ margin-bottom:0px; margin:0px; width:390px; height:210px;}
.shouji .shouji_nr .arrow{ width:0; height:0; border-bottom:10px solid #f5f5f5;border-left:10px solid transparent;border-right:10px solid transparent; position:absolute; left:195px; top:-10px;}
.shouji.on .shouji_nr{ display:block;}
.shouji.on a{ background:url(http://bmgk.jsranran.site/template/default/images/t_2-.png) no-repeat left center; color:#e97b0f;}

.weixin{width:130px; height:52px; position:relative; font-size:15px; line-height:52px; text-align:right; z-index:999; float:right;border-right:1px solid #df646d;}
.weixin a{width:90px; height:52px; display:block; position:absolute; color:#fff; left:0; top:0;background:url(http://bmgk.jsranran.site/template/default/images/t_1.png) no-repeat left 20px center; text-decoration:none;padding:0 20px; }
.weixin .weixin_nr{width:126px; height:146px; padding:10px; background:#d0cfcf; text-align:center; position:absolute; left:-10px; top:52px; display:none; line-height:20px;}
.weixin .weixin_nr img{ margin-bottom:5px; margin:0px; width:126px; height:126px;}
.weixin .weixin_nr .arrow{ width:0; height:0; border-bottom:10px solid #d0cfcf;border-left:10px solid transparent;border-right:10px solid transparent; position:absolute; left:63px; top:-10px;}
.weixin.on .weixin_nr{ display:block;}
.weixin.on a{ background:url(http://bmgk.jsranran.site/template/default/images/t_1-.png) no-repeat left 20px center; color:#e97b0f;}
@media screen and (max-width: 1050.98px) { 
.tops{ display:none;}
} 

.search{width:185px;height:38px; float:right; border:1px solid #333; border-radius:20px;}
.search .key{width:125px;height:38px;line-height:38px;border:0;float:left; color:#333; font-size:14px;  text-indent:20px; background:none;}
.search .key[type="text"]:focus{outline:none;}
.search .sub{float:right;width:60px;height:38px;background:url(http://bmgk.jsranran.site/template/default/images/search_bg.png) no-repeat right 0;border:none;cursor:pointer;}
.search .sub span{display:none;}

.headbanner{width:100%; height:auto;}
.headbanner img{width:100%;}
.banner_key{width:100%;height:600px;}


.home_tit{width:auto; height:auto; line-height:30px; font-size:16px; color:#9c9b99; padding:40px 0px;text-align:center; margin:auto;}
.home_tit dl{width:100%;}
.home_tit dl dt{font-size:30px; color:#0086e8; line-height:50px; font-weight:bold;}
.home_tit dl dt span{font-size:15px;font-style:normal;}
.home_tit dl dd{font-size:16px;letter-spacing:2px;}
@media screen and (max-width: 850px) { 
.home_tit{padding:20px 0px;}
.home_tit dl{width:90%; margin:auto;}
.home_tit dl dt{font-size:23px; line-height:40px;}
.home_tit dl dd{font-size:14px; line-height:22px;}
}

.homeadvantage{width:100%; height:auto; padding:2.2% 0; line-height:50px; background:url(../image/advantage-back.jpg) center no-repeat; color:#fff; text-align:center;}
.homeadvantage p{font-size:35px; font-weight:bold;}
.homeadvantage span{font-size:20px;}

.homeys{width:100%; height:auto;background:url(../image/ys_back.jpg) center no-repeat;background-attachment:fixed;}
.homeys img{width:54%; height:auto; float:left;}
.homeys dl{width:36%; height:auto; color:#333; float:left; text-align:left; padding:5% 5%; margin-top:3%; background:url(../image/ys_tit.png) left top no-repeat;}
.homeys:nth-child(2n){background:none;}
.homeys:nth-child(2n) dl{float:right; background:url(../image/ys_tit.png) right top no-repeat;}
.homeys dl dt{width:100%;font-size:33px; font-weight:bold; line-height:60px;}
.homeys dl p{width:100%; line-height:20px; font-size:16px; color:#999999; text-transform:uppercase; font-family:Arial;}
.homeys dl dd{width:100%; line-height:35px; font-size:16px; padding-top:5%;}
@media screen and (max-width: 1200.98px) { 
.homeadvantage{line-height:40px;}
.homeadvantage p{font-size:28px;}
.homeadvantage span{font-size:16px;}
.homeys dl dt{font-size:28px;line-height:50px;}
.homeys dl dd{line-height:25px;font-size:14px;}
}
@media screen and (max-width: 980.98px) { 
.homeadvantage{width:90%; padding:5%;}
.homeadvantage p{font-size:22px;}
.homeadvantage span{ line-height:25px;}
.homeys img{width:100%;}
.homeys dl{width:80%; padding:5% 10%;}
.homeys dl dt{font-size:25px;line-height:40px;}
.homeys dl dd{padding-top:2%;}
}
@media screen and (max-width: 660.98px) { 
.homeys dl{padding:5% 10%;}
.homeys dl dt{font-size:20px;line-height:40px;}
.homeys dl dd{padding-top:2%;}
}
/*首页产品*/
.product{width:100%; height:auto; padding-bottom:3%; background:url(../image/product_back.jpg) top center no-repeat;}
.productlist{width:100%; line-height:30px; font-size:16px; color:#9c9b99; padding:3.8% 0;}
.productlist .dt_tit{width:100%; text-align:center;}
.productlist .dt_tit p{font-size:35px; color:#0086e8; line-height:60px;font-style:oblique;}
.productlist .dt_tit p span{font-size:15px;font-style:normal;}
.productlist .dt_tit span{font-size:15px;letter-spacing:2px;}
.productlist .dd_tit{width:100%; text-align:center; padding:3% 0 0 0;}
.productlist .dd_tit .list_con{width:auto; display:inline-block; margin:0 10px; padding:0 30px; background-image:linear-gradient(to right,#0086e8,#64bbff); color:#fff; line-height:45px; font-size:18px; border-radius:25px;}
.productlist .dd_tit .list_con:hover{background-image:linear-gradient(to right,#24a2ff,#98d3fe);}


.pro_con{width:100%; height:auto;}
.procon{width:24%; height:auto; float:left; margin:0% 0.5%; background:#fff; text-align:center; position:relative;}
.procon .pimg{width:100%; height:auto;overflow:hidden;border-radius:3px; border:1px solid #dfdfdf; z-index:2;}
.procon .pimg img{width:100%; height:auto; transform:scale(1); transition:all ease-in-out .5s;}
.procon .ptit{width:100%; line-height:80px; color:#383a4e; font-size:16px; font-weight:bold; overflow:hidden; z-index:2;}
.procon .img_mask{width:100%; height:0px; overflow:hidden; background:rgba(0,134,232,0.95); border-left:1px solid #0086e8; border-right:1px solid #0086e8; position:absolute; transition:all ease-in-out .5s; z-index:1;border-radius:3px;}
.procon .img_mask p{line-height:150px; width:150px; display:inline-block; border:1px solid #fff;  border-radius:50%;color:#fff; text-align:center; font-size:16px; margin-top:24%;}
.procon a{color:#535353;}
.procon:hover a{color:#fff;}
.procon:hover .pimg img{transform:scale(1.1);}
.procon:hover .img_mask{width:100%; height:100%;}

@media screen and (max-width: 1200px) { 
.productlist{width:100%; height:auto;}
.productlist .dt_tit p{font-size:25px;line-height:40px;}
.productlist .dd_tit .list_con{margin:0 5px; padding:0 20px; line-height:40px; font-size:16px;}
.procon .ptit{line-height:50px;}
} 
/* 设置了浏览器宽度不大于1200px时 */
@media screen and (max-width: 860px) { 
.productlist .dd_tit .list_con{width:30.3%; float:left; margin:1%; padding:0 0.5%; border-radius:5px;}
.procon{width:48%;margin:3% 1% 0 1%;}
.procon .img_mask p{line-height:150px; width:150px; font-size:14px; margin-top:15%;}
} 
/* 设置了浏览器宽度不大于860px时 */
@media screen and (max-width: 660px) { 
.productlist .dt_tit p{font-size:20px;line-height:40px;}
.procon .ptit{line-height:40px; font-size:13px;}
.procon .ptit_more{line-height:40px; font-size:13px;width:70%;}
.procon .img_mask p{line-height:90px; width:90px; margin-top:18%;}
} 
/* 设置了浏览器宽度不大于660px时 */


/*首页工程案例*/
.homecase{width:100%; height:auto; padding:1% 0 5% 0; background:url(../image/case_back.jpg) top center no-repeat;}
.case_con{width:100%; height:auto;}
.casecon{width:25%; height:auto; float:left;text-align:center; position:relative;}
.casecon .pimg{width:100%; height:auto;overflow:hidden; z-index:2;}
.casecon .pimg img{width:100%; height:auto; transform:scale(1); transition:all ease-in-out .5s;}
.casecon .img_mask{width:100%; height:0px; overflow:hidden; background:rgba(255,84,0,0.95); border-left:1px solid #0086e8; border-right:1px solid #0086e8; position:absolute; transition:all ease-in-out .5s; z-index:1;border-radius:3px;}
.casecon .img_mask p{line-height:60px; width:auto; padding:0 30px; display:inline-block; border:1px solid #fff; color:#fff; text-align:center; font-size:16px; margin-top:30%;}
.casecon a{color:#535353;}
.casecon:hover a{color:#fff;}
.casecon:hover .pimg img{transform:scale(1.1);}
.casecon:hover .img_mask{width:100%; height:100%;}

@media screen and (max-width: 860px) { 
.casecon{width:50%;}
.casecon .img_mask p{font-size:14px;line-height:50px; margin-top:35%;padding:0 15px;}
} 
/* 设置了浏览器宽度不大于860px时 */

/*首页关于我们*/
.syaboutlist{width:100%; height:auto; text-align:center; padding-top:1%;}
.syaboutlist .list_botton{width:18%; height:auto; display:inline-block;}
.syaboutlist .list_botton .img{width:20%; height:auto; margin:auto; padding:15%; border:1px solid #dcdcdc; border-radius:45%; overflow:hidden; transition:all ease-in-out .5s;}
.syaboutlist .list_botton .img img{width:100%;filter:drop-shadow(#555555 100px 0); position:relative;left:-100px;}
.syaboutlist .list_botton dl{width:100%; height:auto; color:#555555; line-height:28px; padding-top:6%;}
.syaboutlist .list_botton dl dt{font-size:16px;}
.syaboutlist .list_botton dl dd{font-size:12px; color:#c4c4c4;}
.syaboutlist .list_botton:hover .img{border:1px solid #0086e8;transform:rotate(360deg);}
.syaboutlist .list_botton:hover .img img{filter:drop-shadow(#0086e8 100px 0);}
.syaboutlist .list_botton:hover dl{color:#0086e8;}
.syaboutlist .list_botton:hover dl dd{color:#0086e8;}
.syabout{width:100%; height:auto; margin:4% 0; background:#0086e8;}
.syabout img{width:50%; height:auto; float:left;}
.syabout .aboutright{width:42%; height:auto; float:left; text-align:left; padding:4%; color:#fff; font-size:15px; line-height:35px;}
.syabout .aboutright .about_tit{width:100%; height:auto; line-height:60px; font-size:25px; font-weight:bold;}
.syabout .aboutright .about_txt{width:100%; height:auto;}
@media screen and (max-width: 1300.98px) { 
.syaboutlist .list_botton{width:19.5%;}
} 
@media screen and (max-width: 1200.98px) { 
.syaboutlist .list_botton dl dd{display:none;}
.syabout .aboutright{padding:2% 4%; font-size:14px; line-height:25px;}
.syabout .aboutright .about_tit{line-height:50px; font-size:20px;}
} 
@media screen and (max-width: 960.98px) { 
.syabout img{width:100%;}
.syabout .aboutright{width:92%; padding:4%;}
} 
@media screen and (max-width: 760.98px) { 
.syaboutlist .list_botton{width:18%;}
.syaboutlist .list_botton .img{width:40%; padding:20%;}
.syaboutlist .list_botton dl dt{font-size:14px;}
.syabout .aboutright{width:84%; padding:5% 8%;}
} 

/*首页新闻中心*/
.synews{width:100%; height:auto; padding:4% 0; background:#0086e8;}
.synews .news_tit{width:100%; color:#fff; line-height:46px; font-size:16px; text-align:center; padding-bottom:2%;}
.synews .news_tit p{width:auto; display:inline-block; padding:0 30px; color:#fff; border-radius:4px; transition:all ease-in-out .5s;}
.synews .news_tit .hover{width:auto; display:inline-block; padding:0 30px; background:#fff; color:#0086e8; border-radius:4px;}
.synews .news_tit p:hover{background:#fff; color:#0086e8;}
.synews .newscenter{width:100%; height:auto;}
.synews .news_in{width:28%; height:auto; float:left; text-align:left; background:#fff; padding:2%; margin-right:2%; margin-bottom:2%; font-size:13px; color:#6c6868; line-height:25px; transition:all ease-in-out .5s;}
.synews .news_in:nth-child(3n){margin-right:0;}
.synews .news_in .txt_left{width:auto; float:left; color:#000; font-family:Arial; text-align:right;}
.synews .news_in .txt_left p{font-size:25px; font-weight:bold; line-height:30px;}
.synews .news_in .txt_left span{font-size:18px;}
.synews .news_in .txt_right{width:75%; float:right;}
.synews .news_in .txt_right p{font-size:16px; font-weight:bold;color:#000; line-height:20px; padding-bottom:0.8rem; overflow:hidden;}
.synews .news_in:hover{background:rgba(255,255,255,0.95);border-top-left-radius:50px;border-bottom-right-radius:50px;}
.synews .news_in:hover .txt_left{color:#0086e8;}
.synews .news_in:hover .txt_right p{color:#0086e8;}
.synews .news_in:hover .txt_right span{color:#0086e8;}
.synews .news_more{width:140px; font-size:13px; height:40px; line-height:40px; text-align:center; border:1px solid #fff; transition:all ease-in-out .5s; margin:auto; margin-top:2%; position:relative;}
.synews .news_more .more_cen{width:100%; height:42px;position:absolute; z-index:2; color:#fff;}
.synews .news_more .more_cen .more_left{width:40px; float:left; border-right:1px solid #fff;}
.synews .news_more .more_cen .more_right{width:99px; float:left;}
.synews .news_more .more_back{width:0px; height:42px; background:#fff; position:absolute;transition:all ease-in-out .5s; z-index:2;}
.synews .news_more:hover .more_cen{color:#0086e8;}
.synews .news_more:hover .more_cen .more_left{border-right:1px solid #0086e8;}
.synews .news_more:hover .more_back{width:142px;}


@media screen and (max-width: 1250.98px) {
.synews .news_in{width:44%; padding:2%; margin-right:2%;}
.synews .news_in:nth-child(3n){margin-right:2%;}
} 
@media screen and (max-width: 860px) {
.synews{padding:5% 0;}
.synews .news_tit{line-height:46px; font-size:14px;}
.synews .news_tit p{padding:0 10px;}
.synews .news_tit .hover{padding:0 10px;}
.synews .news_in{width:90%;padding:3% 5%;}
.synews .news_in .txt_right{width:80%;}
.synews .news_in .txt_right p{padding-bottom:0.5rem;}
} 
@media screen and (max-width: 660px) {
.synews .news_in .txt_left p{font-size:20px;line-height:25px;}
.synews .news_in .txt_left span{font-size:16px;}
.synews .news_in .txt_right{width:78%;}
.synews .news_in .txt_right p{padding-bottom:0.2rem;font-size:15px;}
} 

/*页脚*/
.footnav{width:100%; height:auto; background:url(http://bmgk.jsranran.site/template/default/images/foot_back.jpg) center no-repeat; background-attachment:fixed; text-decoration:none; padding:2% 0; color:#7b7b7b;font-size:14px;border-top:1px solid #e7e7e7;}
.footnav .logo_m{width:33%; height:auto; float:right;}
.footnav .logo_m .dt_logo{width:auto; text-align:center;}
.footnav .logo_m .dt_logo img{width:auto;}
.footnav .logo_m .dt_logo .logo_txt{width:auto; height:51px; color:#333; display:inline-block; padding:0 15px;vertical-align: middle;}
.footnav .logo_m .dt_logo .logo_txt .biaoti{width:auto; line-height:31px; font-size:25px; font-weight:bold;}
.footnav .logo_m .dt_logo .logo_txt .yingwen{width:auto; line-height:20px; font-size:14px; color:#003058; font-family:Arial, Helvetica, sans-serif;}
.footnav .logo_m .navbar_txt{width:100%; height:51px; color:#003058; padding:15px 0px; border:0; text-align:center;}
.footnav .logo_m .navbar_txt .biaoti{width:auto; line-height:31px; font-size:25px; color:#333; font-family:"Times New Roman", Times, serif;}
.footnav .logo_m .navbar_txt .yingwen{width:auto; line-height:20px; font-size:13px; color:#f4780f;}
.footnav .tit{width:33%; height:auto; float:left; text-align:left; padding:2% 0;}
.footnav .tit .dd{width:26%; float:left; line-height:35px;color:#7b7b7b;}
.footnav .tit .dd:hover{color:#0086e8;}
.footnav .contact{width:33%; height:auto; float:left; line-height:35px; text-align:center;border-left:1px solid #e7e7e7; border-right:1px solid #e7e7e7;}
.footnav .contact .dl{width:35%; line-height:40px; display:inline-block;}
.footnav .contact .dl img{width:100px; height:100px;}
.ding{width:64px; height:64px; position:absolute; right:0px;}
.footer{width:100%; line-height:30px; padding:25px 0; text-align:left; border-top:1px solid #e7e7e7;color:#7b7b7b;font-size:13px;}
.footer .left{width:auto; float:left;}
.footer .right{width:auto; float:right;}
.footer a{color:#7b7b7b;}
.footer a:hover{color:#0086e8 !important;}

@media screen and (max-width: 1100px) { 
.footnav{padding:5% 0 3% 0;}
.footnav .logo_m{width:100%;}
.footnav .logo_m .navbar_txt{display:block;}
.footnav .tit{width:100%;}
.footnav .tit .dd{width:25%; line-height:30px;}
.footnav .contact{width:100%;border:none;}
.footer{text-align:left;}
.footer .right{float:left;}
} 

@media screen and (max-width: 860px) {
.footer{line-height:30px; padding:10px 0 90px 0;}
} 

/*font*/
@font-face {
	font-family: "commonfont";
	src: url('http://bmgk.jsranran.site/template/default/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:#0086e8;
	-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:70px;
	padding:5px 0;
}
} 
/* 设置了浏览器宽度不大于660px时 */


.pagelist{ width:100%; height:auto; margin-top:15px;}
.center {text-align: center;}

.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_left{width:100%; height:auto; line-height:70px;}
.ny_left .div_tit{color:#adadad; padding-left: 26px; font-size:12px; background: url(../image/home_icon.png) left center no-repeat; float:right;}
.ny_left .div_list{width:auto; font-size:15px; font-weight:bold; color:#333; text-align:center;}
.ny_left .div_list .list_con{width:14%; color:#333; line-height:70px; border-right:1px dotted #d6d6d6; float:left; transition:all ease-in-out .3s;}
.ny_left .div_list a:nth-child(1) .list_con{background:#0086e8; color:#fff;border-right:none;}
.ny_left .div_list .list_con:hover{background:#0086e8; color:#fff;}
.ny_left .div_list .list_cog{width:14%; background:#0086e8; color:#fff; line-height:70px; border-right:1px dotted #d6d6d6; float:left; transition:all ease-in-out .3s;}



/* 内页右边 */
.ny_right{width:100%; float:left; height:auto; padding:4% 0;}
.ny_right img{max-width:100%;}
.ny_right_content{width:100%; height:auto; line-height:30px; color:#333; padding-bottom:3%;}
.ny_right_content img{max-width:100%;}

.ny_right_content .ny_img_left{width:40%; height:auto; float:left;}
.ny_right_content .ny_img_right{width:56%; height:auto; float:right; text-align:left;}
.ny_right_content .ny_img_right h3{padding-bottom:2%; font-weight:bold;}


@media screen and (max-width: 1200px) { 
.ny_left .div_list{font-size:14px;}
} 
@media screen and (max-width: 960px) { 
.ny_left .div_tit{display:none;}
.ny_left .div_list .list_con{width:24.5%; line-height:45px; margin-top:10px;}
.ny_right_content .ny_img_left{width:100%;}
.ny_right_content .ny_img_right{width:100%;}
} 
/* 联系内页左边 */
.nycontact_left{width:30%; float:right; height:auto; margin-bottom:20px;}
.nycontact_left .TwoOfTwo .aboutus{width:100%; margin-bottom:20px; background:#fff;border-radius:10px 10px 0 0; color:#333;-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);}
.nycontact_left .TwoOfTwo .aboutus p{line-height:87px; font-size:22px; font-weight:bold; text-align:left; color:#fff; background:#0086e8; text-align:center;border-radius:10px 10px 0 0;}
.nycontact_left .TwoOfTwo .aboutus .div_list{width:80%; font-size:14px; color:#333; text-align:center; padding:10%;}
.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:#0086e8; border:0; text-align:center; color:#fff; text-transform:uppercase; border-radius:4px;}

/* 联系内页右边 */
.nycontact_right{width:64%; float:left; height:auto;background:#fff;}
.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%;}
 
@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:80%;padding:2% 10%;}
} 
/* 设置了浏览器宽度不大于1100px时 */
@media screen and (max-width: 660px) { 
.nycontact_right_tit{font-size:14px; margin-bottom:20px;}
.nycontact_left{width:100%;}
} 
/* 设置了浏览器宽度不大于660px时 */

.nypro-list{width:24%; height:auto; float:left; margin:0% 0.5%; background:#fff; text-align:center; position:relative;}
.nypro-list .pimg{width:100%; height:auto;overflow:hidden;border-radius:3px; border:1px solid #dfdfdf; z-index:2;}
.nypro-list .pimg img{width:100%; height:auto; transform:scale(1); transition:all ease-in-out .5s;}
.nypro-list .ptit{width:100%; line-height:80px; color:#383a4e; font-size:16px; font-weight:bold; overflow:hidden; z-index:2;}
.nypro-list .img_mask{width:100%; height:0px; overflow:hidden; background:rgba(255,84,0,0.95); border-left:1px solid #0086e8; border-right:1px solid #0086e8; position:absolute; transition:all ease-in-out .5s; z-index:1;border-radius:3px;}
.nypro-list .img_mask p{line-height:80px; width:auto; padding:0 20px; display:inline-block; border:1px solid #fff;  border-radius:8px;color:#fff; text-align:center; font-size:16px; margin-top:28%;}
.nypro-list a{color:#535353;}
.nypro-list:hover a{color:#fff;}
.nypro-list:hover .pimg img{transform:scale(1.1);}
.nypro-list:hover .img_mask{width:100%; height:100%;}

@media screen and (max-width: 1200px) { 
.nypro-list .ptit{line-height:50px;}
} 
/* 设置了浏览器宽度不大于1200px时 */
@media screen and (max-width: 860px) { 
.nypro-list{width:48%;margin:3% 1% 0 1%;}
.nypro-list .img_mask p{font-size:14px;line-height:60px;}
} 
/* 设置了浏览器宽度不大于860px时 */
@media screen and (max-width: 660px) { 
.nypro-list .ptit{line-height:40px; font-size:13px;}
.nypro-list .ptit_more{line-height:40px; font-size:13px;width:70%;}
} 
/* 设置了浏览器宽度不大于660px时 */

/* 项目内页 */
.ny_img_com{width:100%; padding:4% 0; height:auto; background:#fff; margin:auto;}
.ny_img_com .ny_img_left{width:40%; height:auto; float:left;}
.ny_img_com .ny_img_center{width:56%; height:auto; float:right; text-align:left;}
.ny_img_com .ny_img_center .tit_h1{width:100%; line-height:25px; padding-bottom:4%; font-size:21px; color:#333;}
.ny_img_com .ny_img_center .tit_h2{width:92%; height:auto; line-height:30px; padding:4%; 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:#e30013; padding-right:10px;}
.ny_img_com .ny_img_center .tit_message{width:45%; line-height:40px; background:#e30013; 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:#e30013;}
.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时 */

/*内页新闻*/
.nynewslist{width:100%; height:auto;}
.nynewslist li{ width:96%; height:auto; padding:20px 2%; color:#333; font-size:16px; border-bottom:1px solid #ededed;}
.nynewslist li a{ font-size:16px; color:#333; line-height:30px;transition:all ease-in-out .3s;}
.nynewslist li:hover a{text-decoration:none; color:#0086e8; font-weight:bold; padding-left:20px;}
.nynewslist li span{ font-size:14px; color:#787878; line-height:25px;}
.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 #0086e8;}
.nynewsimg li:hover dl dt{color:#0086e8; 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:10px 0;}
.article_title h1{font-size:20px; line-height:30px;}
.newsin-c{width:100%; height:auto; margin:0px auto; padding-top:20px;}
.newsnext{width:100%; padding:30px 0px;}
.newsnext li{width:100%; height:30px; line-height:30px;}
.newsnext li a{color:#333; line-height:30px;}
.newsnext li a:hover{color:#0086e8; cursor:pointer; text-decoration:none;}
.artdet{width:100%; line-height:50px; text-align:center; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; margin-bottom:25px; background:#efefef;}

.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: #0086e8; font-size: 26px;}
.nyproright a{ display:block; background: #0086e8 url(http://bmgk.jsranran.site/template/default/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_list .page-status{display:inline-block;color:#979797;text-align:center;padding:0px 10px; margin:0px 2px; line-height:35px; border:1px solid #dfdfdf; border-radius:4px;}
.page_list .page-index{display:inline-block;color:#979797;text-align:center;padding:0px 10px; margin:0px 2px; line-height:35px; border:1px solid #dfdfdf; border-radius:4px;}
.page_list .page-index a{color:#979797;}
.page_list .page-index:hover{color:#fff;border:1px solid #0086e8; background:#0086e8;}
.page_list .page-index:hover a{color:#fff;}

.page_list .page-pre{display:inline-block;color:#979797;text-align:center;padding:0px 10px; margin:0px 2px; line-height:35px; border:1px solid #dfdfdf; border-radius:4px;}
.page_list .page-pre a{color:#979797;}
.page_list .page-pre:hover{color:#fff;border:1px solid #0086e8; background:#0086e8;}
.page_list .page-pre:hover a{color:#fff;}

.page_list .page-numbar .page-num{display:inline-block;color:#979797;text-align:center;padding:0px 10px; margin:0px 2px; line-height:35px; border:1px solid #dfdfdf; border-radius:4px;}
.page_list .page-numbar .page-num a{color:#979797;}
.page_list .page-numbar .page-num:hover{color:#fff;border:1px solid #0086e8; background:#0086e8;}
.page_list .page-numbar .page-num:hover a{color:#fff;}

.page_list .page-next{display:inline-block;color:#979797;text-align:center;padding:0px 10px; margin:0px 2px; line-height:35px; border:1px solid #dfdfdf; border-radius:4px;}
.page_list .page-next a{color:#979797;}
.page_list .page-next:hover{color:#fff;border:1px solid #0086e8; background:#0086e8;}
.page_list .page-next:hover a{color:#fff;}

.page_list .page-last{display:inline-block;color:#979797;text-align:center;padding:0px 10px; margin:0px 2px; line-height:35px; border:1px solid #dfdfdf; border-radius:4px;}
.page_list .page-last a{color:#979797;}
.page_list .page-last:hover{color:#fff;border:1px solid #0086e8; background:#0086e8;}
.page_list .page-last:hover a{color:#fff;}


/*link*/
.sylink{width:100%; height:64px; background:#0086e8; 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:#0086e8; 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:#0086e8; border-bottom:3px #0086e8 solid; text-decoration:none;}
.hy_con {width: 1200px;  height: 83px; margin-top:20px; float:left; line-height:25px;}