.w1200_center{max-width:1200px; margin:0 auto}

/*--内页 banner 当前位置--*/
#ny_banner{ padding-top:10px; height:250px; position:relative; overflow:hidden;}
.map_bt_box{position:relative; text-align:center}
.map_bt_box h1.map_bth1{ font-size:32px ;  margin-bottom:5px; color:#303030; margin-top:70px; font-weight:bold}
.map_bt_box p.map_bten{ font-size:14px ; font-weight:normal; letter-spacing:1px; color:#303030;}
.map_bt_box span.x{ width:40px; height:4px; background:#055ea9; display:block; margin:0 auto; margin-top:5px}

.ny_bannerab{ background:url(../images/banner/ny_bannerab.jpg) no-repeat center bottom !important;}
.ny_bannerne{ background:url(../images/banner/ny_bannerne.jpg) no-repeat center bottom #0b419b !important;}
.ny_bannerpr{ background:url(../images/banner/ny_bannerpr.jpg) no-repeat center bottom #0b419b !important;}
.ny_bannerca{ background:url(../images/banner/ny_bannerca.jpg) no-repeat center bottom  #0b419b !important;}
.ny_bannerar{ background:url(../images/banner/ny_bannerar.jpg) no-repeat center bottom #0b419b !important;}
.ny_bannerco{ background:url(../images/banner/ny_bannerco.jpg) no-repeat center bottom #0b419b !important;}

.map_box{ height:60px; background:#fff; border-bottom:1px solid #dcdcdc; line-height:60px;}
.map_box .map_bt{ font-size:18px; color:#333; font-weight:normal; border-bottom:1px solid #055ea9; height:60px; float:left;}
.map_box  .map_path_box{ float:right; text-align:right; font-size:13px;}
.map_box  .map_path_box a{ color:#333; cursor: pointer;}
.map_box  .map_path_box a:hover{ color:#055ea9;}
.map_box  .map_path_box span{ color:#999; margin:0 5px 0 5px;}
.map_box  .map_path_box .fh:hover{ background:#055ea9; color:#fff;}
.map_box .ion{font-family:"iconfont" !important; font-style:normal; font-size:18px; padding-left:5px;}

#map_ny_nav{display:none;}
.ny_news_nav{ width:80%; float:left; display:block}
.ny_news_nav02{ width:70%; float:left; display:block}
.ny_news_nav a{ float:left; padding:0px 30px 0 30px; color:#333; font-size:15px;}
.ny_news_nav a.acvier,.ny_news_nav a.acvier:hover{color:#fff; background:#055ea9}
.ny_news_nav a:hover{color:#055ea9;}
.ny_news_nav01{ width:100%;}
.ny_news_nav01 a{padding:0px 20px 0 20px;}


.ny_main_box{clear: both; padding: 30px 0 30px 0; background: #f5f5f5;}
.nr_box{margin:auto; clear:both; max-width:1200px; border: 1px solid #eee;  background: #fff; padding:2%; color:#333; overflow:hidden}
.nr_box_img img{ max-width:100% !important; height:inherit !important}


/*---内页 热点新闻---*/
.ny_news_list{ margin:0 auto; width:100%; clear:both;  padding-bottom:30px; margin-bottom:30px; overflow:hidden; border-bottom:1px dashed #ddd;}
.ny_news_list dd{ float:left; width:30%; max-height:183px; overflow:hidden; margin-right:2%;}
.ny_news_list dd img{ width:100%}
.ny_news_list dt{ float:right; width:68%}
.ny_news_list dt a.bt{ color:#333; font-size:20px; height:20px; line-height:20px; overflow:hidden; display:block; margin-bottom:10px; font-weight:bold;}
.ny_news_list dt a:hover{ color:#055ea9;}
.ny_news_list dt .ms{ color:#666; font-size:14px; line-height:30px; overflow:hidden; height:90px; margin-bottom:10px; font-weight:normal}
.ny_news_list dt a.more{ color:#055ea9; font-size:14px; border:1px solid #055ea9; padding:10px 20px; font-weight:normal; margin-top:13px; display:block; width:18%; text-align:center; transition: all 0.3s;}
.ny_news_list dt a.more:hover{ color:#fff; border:1px solid #ff7300; background:#ff7300; width:22%;}
.ny_news_list dt a.more span{ padding-left:10px}


/*----内页 新闻列表---- */ 
.date_news_list{margin-top:0px; float:left; overflow:hidden; width:100%}
.date_news_list li { width:100%; margin-bottom:0px; border-bottom:1px dashed #ddd; overflow:hidden; cursor: pointer; margin-bottom:25px; padding-bottom:10px}
.date_news_list .datetime {width:80px;height:80px; margin-top:5px;text-align:center;display:block; float:left;font-family:Arial, Helvetica, sans-serif; background:#dddddd; padding:3px; margin-right:20px;}
.date_news_list .datetime strong{display:block; font-size:36px; line-height:45px; height:40px; color:#055ea9; font-weight:normal; margin-top:5px;}
.date_news_list .datetime b{font-size:12px; line-height:12px; margin-top:5px; display:block; color:#333; font-weight:normal;}
.date_news_list .cnt { position:inherit;height:80px; padding-top:5px;}
.date_news_list .cnt .bt {font-size: 16px;margin-bottom: 2px; margin-top:5px;color:#333; height:20px; overflow:hidden; line-height:20px; display:block; font-weight:bold}
.date_news_list p.summary {margin-top:5px; color:#666; height:50px; overflow:hidden; line-height:25px; font-size:14px}
.date_news_list .cnt .bt:hover{ color:#055ea9;}
.date_news_list li:hover  .datetime{ background:#055ea9;}
.date_news_list li:hover  .datetime strong{ color:#fff;}
.date_news_list li:hover  .datetime b{ color:#fff;}

/*----内页 新闻详细---- */ 
.nr_wz_box{ width:100%; margin:0 auto; overflow:hidden;}
#inside_rnewtil{ text-align:center; font-size:24px; color:#333; width:100%; margin-bottom:10px; padding-bottom:10px; font-family:"Microsoft YaHei";}
.inside_rnewtime{ text-align:center; font-size:14px; color:#666; border:1px solid #ddd; width:99.8%; height:35px; line-height:35px; background:#f3f3f3; margin-top:5px; margin-bottom:15px;}
#nrboxstyle{ font-size:14px; line-height:28px; color:#333}
#nrboxstyle img{ max-width:100%; float:none; height: auto !important}
.inside_newsthree{ font-size:14px; color:#666; width:50%; margin:0 auto; margin-top:25px; }
.inside_newsthree p{display:block; border: 1px solid #ccc; width:40%; height:50px; line-height:50px; text-align:center; float:left; margin-left:20px; cursor:pointer; color:#666}
.inside_newsthree p a{ color:#333}
.inside_newsthree p:hover{color:#fff; border: 1px solid #055ea9; background:#055ea9;}
.inside_newsthree p:hover a{ color:#FFF}
.inside_newsthree p:hover a:hover{ color:#FFF}


/*-- 内页 产品 --*/
#ny_pro{width:74%; overflow:hidden; margin-right:2%; float:left;}
#ny_pro .ny_pro_lb{ overflow:hidden; margin-bottom:15px}
#ny_pro .ny_pro_lb dd{width:48%; float:left; background:#FFF; margin:0 1% 2% 1%; border:1px #dfdfdf solid; padding:2%}
#ny_pro .ny_pro_lb dd .pro_img{ width:48%; float:left; overflow:hidden}
#ny_pro .ny_pro_lb dd .pro_img .proimg_bk{ width:174px; height:148px; position:relative; display:table-cell; text-align:center; vertical-align:middle;}
#ny_pro .ny_pro_lb dd .pro_img .proimg_bk .proimg{width:174px;line-height:148px;height:148px; text-align:center;position:static;+position:absolute;top:50%}
#ny_pro .ny_pro_lb dd .pro_img .proimg_bk img {vertical-align:middle;position:static;+position:relative;top:-50%;left:-50%; max-width:169px; max-height:143px}
#ny_pro .ny_pro_lb dd .wz{ float:right; width:48%}
#ny_pro .ny_pro_lb dd .wz .pro_bt{ font-size:16px; height:30px; line-height:30px; overflow:hidden; color:#666; margin: 0px 0px 10px;}
#ny_pro .ny_pro_lb dd .wz .date{ height:3px; width:50px; background:#055ea9; margin-bottom:10px}
#ny_pro .ny_pro_lb dd .wz .ms{ height:50px; overflow:hidden; color:#666; line-height:24px; margin-bottom:10px}
#ny_pro .ny_pro_lb dd .wz span{border:1px #dfdfdf solid; width:100px; height:35px; line-height:32px; text-align:center; color:#666; display:block; transition: all 0.3s;}
#ny_pro .ny_pro_lb dd:hover span{border:1px #055ea9 solid; background:#055ea9; color:#FFF; width:120px}

#ny_ml{ float:right; width:24%; overflow:hidden;}
#ny_ml h4{ background:#055ea9; height:60px; line-height:60px; color:#FFF; padding-left:20px; margin: 0px 0px 0px;}
#ny_ml dl{border: 1px #dfdfdf solid; border-top:none; border-bottom:none}
#ny_ml dl dt{ font-weight:normal; font-size:16px; color:#333; height:50px; line-height:50px; padding-left:20px; background:#f5f5f5; border-bottom: 1px #dfdfdf solid;}
#ny_ml dl dd{ font-size:14px; color:#666; height:40px; line-height:40px; padding:0 20px; border-bottom: 1px #dfdfdf solid; overflow:hidden}
#ny_ml dl a{ color:#333}
#ny_ml dl dt:hover{padding-left:30px}
#ny_ml dl dt:hover a{color:#055ea9;}
#ny_ml dl dd:hover{padding-left:30px}
#ny_ml dl dd:hover a{color:#055ea9;}

.web_pro_ml{ display:none}


/*-- 内页 产品详细 --*/
.productDetail{ width:72%; float:left}
.productTop { margin-bottom: 20px; overflow:hidden}
.productIntro { width:40%; float:right}
.productIntro h2 { font-size:20px; font-family: 'Microsoft Yahei'; color: #055ea9; padding: 10px 0; margin-bottom: 10px; border-bottom:dashed 1px #CCCCCC}
.descriptionBox {  overflow: hidden; line-height:30px; margin-bottom:20PX}
.descriptionBox .explain .value { height: 116px; overflow: hidden; }
.descriptionBox span { display: inline-block; vertical-align: top; }
.descriptionBox .value { width: 320px; }
.productOrder a { display: block; width:180px; height: 40px; line-height: 40px; text-align: center; font-size: 15px; border-radius: 4px; font-family: 'Microsoft Yahei'; background: #055ea9; color: #fff; }
.productOrder a:hover { background: #F48A00; }

.productShow { margin-bottom: 10px; }
.productShow .hd { height: 38px; line-height: 38px; font-size: 16px; background: #055ea9; font-family: 'Microsoft Yahei'; margin-bottom:20PX; margin-top:40PX}
.productShow .hd li { float: left; padding: 0 20px; cursor: pointer; color: #fff; transition: 0.3s; }
.productShow .hd .on { background: #F48A00; }
.productShow .con { padding: 10px 0; }

.column { margin-bottom: 20px; }
.column h2 { height: 36px; line-height: 36px; font-size: 14px; background: #eee; position: relative; text-indent: 20px; font-family: 'Microsoft Yahei'; }
.column h2 em { position: absolute; width: 4px; height: 14px; left: 10px; top: 50%; margin-top: -7px; background: #333; }

.productForm h2 { margin-bottom: 2px; }
.productFormBox { background: #eee; }
.productFormBox form { padding: 20px 0 20px 16px; }
.productFormBox p { float: left; margin-right: 10px; }
.productFormBox span { display: inline-block; vertical-align: middle; width: 50px; text-align: right; padding-right: 10px; line-height: 26px; }
.productFormBox input, .productFormBox textarea { vertical-align: top; transition: 0.3s; }
.productFormBox .row { margin-bottom: 10px; }
.productFormBox .row input { height: 24px; border: 1px solid #dadada; width: 150px; padding: 0 10px; line-height: 24px; }
.productFormBox textarea { width: 634px; height: 72px; border: 1px solid #dadada; padding: 10px; line-height: 18px; }
.productFormBox .row input:focus, .productFormBox textarea:focus { border-color: #aaa; }
.productFormBox img { border: 1px solid #dadada; margin-left: 10px; cursor: pointer; position: relative; top: 1px; }
.productFormBox .btn { padding-left: 60px; }
.productFormBox .btn input { width: 65px; height: 24px; line-height: 24px; text-align: center; background: #666; cursor: pointer; color: #fff; border-radius: 2px; margin-right: 10px; font-family: 'Microsoft Yahei'; }
.productFormBox .btn input:hover { background: #999; }

/*-- 内页 产品详细图片 --*/
.lanrenzhijia{ width:60%; height:auto; margin:0 auto; overflow:hidden; float:left}
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{ background:url(http://www.lanrenzhijia.com/demo/images/loading.gif) no-repeat center center;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:350px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden; display:none}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
/*图片小图预览列表*/
.spec-preview{width:90%; height:auto; overflow:hidden; border:1px solid #DFDFDF;}
.spec-preview img{ width:100%}
.spec-scroll{clear:both;margin-top:5px;width:352px;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;text-align:center;width:10px;height:54px; line-height:54px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;}
.spec-scroll .items{float:left;position:relative;width:322px;height:56px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:56px;}
.spec-scroll .items ul li{float:left;width:64px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:50px;height:50px;}
.spec-scroll .items ul li img:hover{border:2px solid #FF6600;padding:1px;}



#pages{line-height:30px; color:#999; margin-left:35%; margin-bottom:30px}
#pages a{ float:left; width:60px; height:30px; line-height:30px; border:1px solid #CCC; margin-right:10px; color:#999; text-align:center} 
#pages a:hover{ background:#005eae; border:#015eae 1px solid; color:#FFF}
#pages .go{width:40px; height:30px; line-height:30px; color:#999}
#pagenum{border:1px solid #CCC; width:30px; height:24px; margin-left:10px}
#pages font,#pages b,#pages input{ display:none}


/*--内页 工程案例--*/
.ny_gcal_txt{ font-size:24px; color:#055ea9; width:100%; margin-bottom:15px}
.ny_gcal_lb{ overflow:hidden; margin-bottom:30px; padding-bottom:20px; border-bottom:#eee 1px solid;}
.ny_gcal_lb li{ width:24%; margin-right:1%; margin-bottom:10px; float:left; border-top-left-radius: 10px; border-bottom-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; overflow:hidden}
.ny_gcal_lb li:nth-child(4){margin-right:0; float:right}
.ny_gcal_lb li p{width:100%; background: rgba(5,94,169,0.8); margin-top:-32px; height:32px; line-height:28px; position:relative; z-index:99; color:#FFF; padding-left:6%}
.ny_gcal_lb li img{ max-width:100%} 

/*--内页 联系我们--*/
.nr_con_left{ width:38%; float:left}
.nr_con_left .con_mc_bt {font-size:30px; color:#055ea9; margin-bottom:10px;}
.nr_con_left .con_en_bt{ font-size:12px; color:#999; font-family:Arial, Helvetica, sans-serif; margin-bottom:15px;}
.nr_con_left .x{ display:block; background:#055ea9; height:3px; width:40px; margin-bottom:30px;}
.nr_con_left p{ font-size:14px; line-height:35px;}
.nr_con_left p a{ color:#333}

.nr_con_right{ width:59%; float:right}
.nr_con_right .open-positions{height:30px; font-size:24px; line-height:30px; color:#055ea9; padding-bottom:40px; display:block}
#info {margin-top: 10px;}
#container{min-width:100%; min-height:400px;}


/*--内页 在线留言--*/
.Message{ width:100%; float:left}
.order_li{ width:100%; overflow:hidden}
.order_li li{ float:left; line-height:50px; overflow:hidden}
.order_li .wz{ width:15%; text-align:right}
.order_li .cz{ width:83%; margin-left:2%}
.order_li .cz img{ padding-left:20px}
.order_li .txtbox{border:1px solid #ccc;height:30px;line-height:30px;width:55%; padding-left:5px;font-family: "Microsoft YaHei"; color:#999; font-size:12px; }
.order_li .txtbox:hover{border:1px solid #999;height:30px;line-height:30px;width:55%;color:#333;}
.order_li .txtbox:focus{border:1px solid #666;height:30px;line-height:30px;width:55%;color:#333;}
.order_li .order_nr_box{ width:85%; font-size:12px; height:150px;border:1px solid #ccc;overflow:auto;background:none;padding-left:5px;font-family: "Microsoft YaHei";color:#333;background:#fff; margin-top:10px}
.order_li .txtbox01{border:1px solid #ccc;height:30px;line-height:30px;width:20%; padding-left:5px;font-family: "Microsoft YaHei";color:#999;}
.order_li .txtbox01:hover{border:1px solid #999;height:30px;line-height:30px;width:20%;color:#333;}
.order_li .txtbox01:focus{border:1px solid #666;height:30px;line-height:30px;width:20%;color:#333;}
.order_li p{ float:left}
.order_li b{ float:left; font-weight:normal; margin-right:30px}
.order_li b input{ margin-right:5px}
#btnlogin {width:150px; height:40px; margin:20px 0 10px 95px;}
#btnlogin .tj_input{ width:150px; height:38px; background:#ff7300;text-align:center; color:#fff; font-size:16px; border:none; margin:0px;cursor: pointer;font-family: "Microsoft YaHei"; }
#btnlogin .tj_input:hover{background:#ff5400;}


@media only screen and (max-width:1024px){
.ny_news_nav a{padding: 0px 3% 0 3%;}	
.map_box .map_path_box{ margin-right:1%}
.nr_box{ width:98%}

.nr_con_left .con_mc_bt{font-size:28px;}

.ny_news_list{padding-bottom:20px; margin-bottom:20px;}
.ny_news_list dt a.more{width:25%;}
.ny_news_list dt a.more:hover{width:28%;}
.date_news_list li{ margin-bottom:15px;}
	
}
	
@media only screen and (max-width:780px){
.map_box{ height:inherit; border-bottom:none;}
#map_ny_nav {text-align: center; font-size:18px; color: #333; display: block; cursor: pointer; display: block; border: 2px solid #055ea9; margin:2%}	
.map_path_box{ display:none}
.ny_news_nav{float: none; width:96%; display: none; position: relative; margin:0 auto; margin-top:-16px; border:2px solid #eee; overflow:hidden; margin-bottom:20px; border-bottom:none}
.ny_news_nav a{ width:100%; text-align:center; font-size:16px; border-bottom:2px solid #eee;}
.nr_box{ margin-bottom:70px}

.ny_news_list dt a.more{width:30%;}
.ny_news_list dt a.more:hover{width:33%;}

#inside_rnewtil{font-size:20px; line-height:25px}

.web_pro_ml{ display: block}
#ny_ml{ display:none}
#ny_pro{margin-right:0; width:100%;}

.productDetail{width:100%;}

.ny_gcal_txt{font-size:20px;}
.ny_gcal_lb{margin-bottom:20px; padding-bottom:10px;}
.ny_gcal_lb li{width:49%; margin-right: 1%;}
.ny_gcal_lb li:nth-child(2){margin-right:0; float:right}

.nr_con_left{ width:100%; margin-bottom:20px}
.nr_con_right{ width:100%}

#btnlogin{width:200px; height: 40px; margin: 20px 0 10px 120px;}
}

@media only screen and (max-width:480px){
#ny_banner{height:180px;}	
.map_bt_box h1.map_bth1{margin-top:40px;}
.ny_news_nav{margin-top:-12px;}
.ny_main_box{padding:20px 0 20px 0;}
.nr_box{width: 98%; padding:4%;}

.ny_news_list dd{width:100%;}
.ny_news_list dt{width:100%; margin-top:10px}
.ny_news_list dt a.more{width:40%; margin:0 auto}
.ny_news_list dt a.more:hover{width:45%;}

.inside_newsthree{ width:100%}
.inside_newsthree p{}

#ny_pro .ny_pro_lb dd{width:100%; margin: 0 0 4% 0;}
.lanrenzhijia{ width:100%}
.spec-preview{ width:100%}
.productIntro{ width:100%; margin-top:10px}

.ny_gcal_lb li{width:100%; margin-right:0;}

.order_li .wz{width:20%;}
.order_li .cz{width:78%; margin-left: 2%;}
.order_li .txtbox{width:96%;}
.order_li .order_nr_box{width:96%;}
#btnlogin{width:56%; height: 40px; margin:0 auto;}
#btnlogin .tj_input{ width:100%}

}	

@media only screen and (max-width:375px){
.nr_con_left .con_mc_bt{font-size:26px;}
.order_li .wz{width:22%;}

.order_li .cz{width:76%; margin-left: 2%;}
#btnlogin{width:53%; height: 40px; margin:0 auto;}
	
	}	

@media only screen and (max-width:320px){
.nr_con_left .con_mc_bt{font-size:22px;}

.ny_news_list dt a.more{width:60%;}
.ny_news_list dt a.more:hover{width:65%;}

.order_li .wz{width:26%;}
.order_li .cz{width:72%; margin-left: 2%;}
#btnlogin{width:44%; height: 40px; margin:0 auto;}
	
	}