@charset "utf-8";
/*
CSS Reset
Author : zhanghu
Date : 2013-11-27
Veision : 1.0.0
*/

/* 清除内外边距 */
body, div, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, code, /* text formatting elements 文本格式元素 */
form, fieldset, legend, button, textarea, /* form elements 表单元素 */
table, tbody, tfoot, thead, th, td, /* table elements 表格元素 */ 
article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video/* html5 Elements */ {
	margin:0;
	padding:0;
	outline:0;
	background:transparent;
}
/* html5 Elements display block html5元素块级呈递*/ 
article, aside, dialog, figure, footer, header, hgroup, nav, section {
	display:block;
}

/* 设置默认字体 */
body,
button, input, select, textarea /* for ie */ {font:14px/1.5 "微软雅黑","\5FAE\8F6F\96C5\9ED1", Verdana, Tahoma, "DejaVu Sans", sans-serif;}
h1, h2, h3, h4, h5, h6,button, input, select, textarea{ font-size:100%; }
address, cite, dfn, em, var { font-style:normal; } /* 将斜体扶正 */
code, kbd, pre, samp { font-family:"\5FAE\8F6F\96C5\9ED1", Verdana, Tahoma, "DejaVu Sans", sans-serif } /* 统一等宽字体 */
small { font-size:12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */

/* 重置列表元素 */
ul, ol, li { list-style:none; }
/* 重置图片边框 */
img { border:none; }

/* 重置文本格式元素 */
a { text-decoration:none;outline:thin none; }
a:hover { text-decoration:none; }


/* 重置表格元素 */
table { border-collapse:collapse; border-spacing:0; }

/* 清除浮动 */
.clear{clear:both;  }
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}

/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}

html,body{font-size: 13px; line-height: 18px;}
a{color: #333;}

/*----------CSS初始化END-----------------*/
#main{width: 100%;}
.container{width: 1200px; margin: 0 auto;}

header{width: 100%; margin: 0 auto; background: url(../images/head_bg.png) center top no-repeat;}
header .logo{float: left; width: 236px; height: 77px; margin-top: 15px;}
header nav{float: right; /*width: 853px;*/ width: 930px; margin-top: 24px; height: 45px;}
header nav ul li{float: left; width: 125px; text-align: center; height: 45px; line-height: 45px; font-size: 14px;}
header nav ul li.active{background-color: #ff1b00;}
header nav ul li.active a{color: #fff;}
header nav ul li:hover{background-color: #ff1b00;}
header nav ul li:hover a{color: #fff;}
header nav .head_right{position: relative; float: right; height: 45px; color: #fff; text-align: center; width: 103px; margin: 0 auto; background-color: #ff1b00;}
header nav .head_right a{color: #fff;}
header nav .head_right .head_right_a{color: #fff; display: inline-block; width: 80px; border-right: 1px solid #fff; margin: 15px 0;}
header nav .head_right .head_right_b{color: #fff; display: inline-block; width: 22px; margin: 15px 0;}
header nav .head_right .lg{position: absolute; left: -10px; top: 45px; width: 90px; background-color: #ff1b00; display: none; z-index: 9;padding-bottom: 10px;}
header nav .head_right .lg ul li{height: 35px;width: 90px;}
header nav .head_right .sear{position: absolute; left: -90px; top: 0px; width: 170px; background-color: #ff1b00; display: none; line-height: 45px; height: 45px;}
header nav .head_right .sear input{ width: 130px; margin-left: 20px; border: none; padding-left: 3px; margin-top: 12px; }
header nav .head_right .lg a,header nav .head_right .sear a{line-height: 45px; height: 45px;}

.sidenav li { _overflow: hidden; width: 100%;  text-indent: 40px; }
.sidenav a { text-decoration: none; color: #eee;  display: block; line-height: 60px;  }
.sidenav li a{color: #333;}
.sidenav li:hover a{color: #ff1b00; font-weight:normal; }

.toplineinner .p1{float:right;font-size:12px;position:relative;margin-right:114px; }
.toplineinner .p1 a{color:#666666;text-decoration: none;padding:0 10px;float: right;line-height: 18px;margin-top: 7px;}
.toplineinner .p1 a.active{color:#71bf44;transition: all 0.2s ease 0s;}
.toplineinner .p1 a:hover{color:#71bf44;}
.toplineinner form{float:left;}
.toplineinner .sidesearchbtn{display: inline-block;float:left;width:15px;height:15px;background:url(../images/ico_search.png) no-repeat center;display: none;}
.toplineinner .erwei{float:right;width:18px;height:18px;position:relative;margin: 7px 0 0 10px;cursor:pointer;}
.toplineinner .erwei img{width:20px;position:absolute;top:0px;right:0px;}

/*首页滚动*/
 .slideBox{ width:100%; height:729px; overflow:hidden; position:relative;}
.slideBox .bd{position:absolute;width:1920px;top:0%;left:50%;margin-left:-960px; height:100%; z-index:0;}
.slideBox .bd li{ float:left;width:1920px;height:729px; zoom:1; vertical-align:middle;  overflow:hidden; position: relative;}
.slideBox .bd img{ width: 100%; height:729px; display:block;  }
.slideBox .bd li div.container{position: absolute; top: 470px; left: 50%; color: #fff; margin-left: -600px;}
.slideBox .bd li div.container h3{font-size: 44px; font-weight: bold; height: 50px; line-height: 50px;letter-spacing:6px; text-align: center;}
.slideBox .bd li div.container h5{font-size: 23px; height: 30px; line-height: 30px; margin-top: 30px; margin-bottom: 50px;}
.slideBox .bd li div.line{width: 135px; height: 2px; background-color: #fff;}
.slideBox .bd li div.container .more{background-color: #ff1b00; height: 43px; width: 165px; line-height: 43px; font-size: 13px; text-align: center; margin: 50px auto 0px}
.slideBox .bd li div.container .more a{color: #fff; display: block;}
.slideBox .bd li div.container .more:hover{background-color: #fff; }
.slideBox .bd li div.container .more:hover a{color: #ff1b00;}
.slideBox .hd{position: absolute; width: 100%; top: 88%; left: 0;}
.slideBox .hd .zhong{width: 158px; margin: 0 auto;} 


/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{float: left; margin: 0 20px; border: 2px solid #fff; border-radius: 17.5px; display:block; width:35px; height:35px; background:url(../images/slider-arrow2.png) 10px -26px no-repeat;}
.slideBox .next{ left:auto; right:47%; background-position:-35px -26px; }
.slideBox .prev:hover{ filter:alpha(opacity=100);opacity:1; background-color: #fff; background-position: 10px 8px;}
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1; background-color: #fff; background-position: -35px 8px;}


/*滚动END*/


.index_about{text-align: center; padding: 6% 0;}
.index_about h1{font-size: 30px; color: #000; margin: 20px 0px 50px; height: 50px;  line-height: 50px;}
.index_about h4{font-size: 13px; line-height: 24px; color: #666; margin-bottom: 50px; margin-top: 20px;}
.index_about p{font-size: 13px; line-height: 30px; margin: 20px auto; width: 90%; text-align: left; text-indent: 2rem; padding: 0 5%;}
.index_about p:first-child{margin-top: 50px;}
.index_about ul{width: 100%; margin-bottom: 30px;}
.index_about ul li{float: left; text-align: center; width: 33%;}
.index_about ul li div{text-align: center; border-right: 1px solid #d6d6d6; }
.index_about ul li:last-child div{text-align: center; border-right: none;}
.index_about ul li span{ font-size: 41px; color: #e83a0f; line-height: 40px; }
.index_about .more{background-color: #ff1b00; height: 43px; width: 165px; line-height: 43px; margin: 10px 20px; font-size: 13px; margin: 0 auto;}
.index_about .more a{color: #fff; display: block;}
.index_about .more:hover{background-color: #fff; }
.index_about .more:hover a{color: #ff1b00; border: 1px solid #ff1b00;}

.index_jszx{background: url(../images/index_jszx.jpg) 100% no-repeat; height: 644px; color: #fff; background-size: cover;}
.index_jszx .container{padding: 90px 0;}
.index_jszx .index_jszx_ceng{background: rgba(0,0,0,0.5); width: 36%; padding:30px 20px; border: 1px solid #fff; min-width: 400px;}
.index_jszx h2{font-size: 30px; margin: 30px 0; height: 40px; line-height: 40px;}
.index_jszx p{font-size: 14px; line-height: 24px; margin-top: 20px;}
.index_jszx .more{text-align: center; background-color: #ff1b00; height: 43px; width: 165px; line-height: 43px; margin-top: 50px; font-size: 13px;}
.index_jszx .more a{color: #fff; display: block;}
.index_jszx .more:hover{background-color: #fff; }
.index_jszx .more:hover a{color: #ff1b00;}

/* 首页产品分类 */
.index_cpfl{text-align: center; padding: 40px 0;}
.index_cpfl h1{font-size: 30px; color: #000; margin: 20px; height: 50px; line-height: 50px; }
.index_cpfl h4{font-size: 13px; line-height: 24px; color: #666; margin-bottom: 30px; margin-top: 20px;}
.picScroll-left{width:100%; position:relative; margin-bottom: 50px;}
.picScroll-left .cd{z-index: 5000;}
.picScroll-left .cd .prev,.picScroll-left .cd .next{ position: absolute; top: 42%; display:block;  width:35px; height:40px; overflow:hidden;
	 cursor:pointer; background:url(../images/slider-arrow.png) -176px 5px no-repeat; z-index: 5555;}
.picScroll-left .cd .next{ background-position:-60px 5px; right:-8.3%;}
.picScroll-left .cd .prev{left: -8.3%;}
.picScroll-left .bd{}
.picScroll-left .bd ul{ overflow:hidden; zoom:1;}
.picScroll-left .bd ul li{/* width: 33.33%; */ float:left; _display:inline; overflow:hidden; text-align:center; border-radius: 22px 22px 0px 0px;}
.picScroll-left .bd ul li .a-index-pro{ margin:0 4px; border: 1px solid #cbcbcb;}
.picScroll-left .bd ul li .pic{ text-align:center;}
.picScroll-left .bd ul li .pic a{display: block;}
.picScroll-left .bd ul li .pic img{}
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;}
.picScroll-left .bd ul li .title{ line-height:24px; margin-top: 15px;}
.picScroll-left .bd ul li .title:last-child{line-height: 50px; margin-top: 0px;}
.picScroll-left .bd ul li .title #title1{font-size: 15px; font-weight: bold;}
.picScroll-left .bd ul li .title #title2{}

.index_ggg .hd ul.tab{width: 60%; margin:0 auto;}
.index_ggg .hd ul.tab li{width: 25%; float: left; text-align: center; line-height: 40px; margin-bottom: 20px;}
.index_ggg .hd ul.tab li.on a{color: #fff;}
.index_ggg .hd ul.tab li.on{background-color: #ff1b00;}
.index_ggg .hd ul.tab li:hover{background-color: #ff1b00;}
.index_ggg .hd ul.tab li:hover a{color: #fff;}

.index_cpfl .more{margin-top: 70px; background-color: #ff1b00; height: 43px; width: 165px; line-height: 43px; margin: 10px 20px; font-size: 13px; margin: 0 auto;}
.index_cpfl .more a{color: #fff; display: block;}
.index_cpfl .more:hover{background-color: #fff; }
.index_cpfl .more:hover a{color: #ff1b00; border: 1px solid #ff1b00;}

.piccontainer{width:100%;overflow:hidden;}
.n_about_hzhb .container{position: relative;}
.n_about_hzhb .img_back span{width: 32px; height: 60px; display: block; position: absolute; top: 42%;display: block !important;z-index: 555;}
.n_about_hzhb .img_back span.index_pro_left{background: url(../images/index_pro_left.png) no-repeat; left: -30px}
.n_about_hzhb .img_back span.index_pro_right{background: url(../images/index_pro_right.png) no-repeat; right: -30px;}
.index_link{background: url(../images/rg-8-1.jpg) 100% no-repeat; padding: 80px 0;}
.index_link .picList_link{position: relative;}
.index_link .picList_link .piclists{float:left;width:223px;height:344px;}
.index_link .picList_link .li{float: left; width: 223px;margin:0 10px; text-align: center;}
.index_link .picList_link .li a{display: block; float: left; margin: 0 7.5px; margin-bottom: 20px; overflow: hidden; cursor: default;}
.index_link .picList_link .li a img{width: 100%; transition:all 500ms linear;}
.index_link .picList_link .li a img:hover{
	-webkit-transition:scale(1.1,1.1);
	-moz-transition:scale(1.1,1.1);
	-ms-transition:scale(1.1,1.1);
	-o-transition:scale(1.1,1.1);
	transform:scale(1.1,1.1);
}
.index_link .container{position: relative;}
.index_link .img_back{}
.index_link .img_back span{width: 32px; height: 60px; display: block; position: absolute; top: 38%;display: block !important;z-index: 555;}
.index_link .img_back span.index_pro_left{background: url(../images/index_pro_left.png) no-repeat; left: -30px}
.index_link .img_back span.index_pro_right{background: url(../images/index_pro_right.png) no-repeat; right: -30px;}


.index_news{text-align: center; padding: 90px 0;}
.index_news h1{font-size: 30px; color: #000; margin: 20px;}
.index_news h4{font-size: 13px; line-height: 24px; color: #666; margin-bottom: 50px; margin-top: 20px;}
.index_news .index_news_content{ text-align: left;}
.index_news .index_news_content .line{width: 21px; height: 3px; background-color: #ff1b00;}
.index_news .index_news_content .index_news_content_l{float: left; width: 48%; margin: 0 1%;}
.index_news .index_news_content h3{border-bottom: 1px solid #ff1b00; font-size: 14px; color: #ff1b00; line-height: 40px; height: 40px; font-weight: bold;}
.index_news .index_news_content h3 span{font-size: 20px; color: #b2b2b2;}
.index_news .index_news_content h2{ line-height: 25px; height: 50px; margin-top: 10px; color: #333; font-size: 15px;margin-bottom: 10px;}
.index_news .index_news_content p{line-height: 30px; margin-top: 10px; color: #666;}
.index_news .index_news_content h5{text-align: right; height: 50px; line-height: 50px; margin-top: 20px;}
.index_news .index_news_content h5 a{color: #ff1b00;}
.index_news .more{margin-top: 70px; background-color: #ff1b00; height: 43px; width: 165px; line-height: 43px; margin: 10px 20px; font-size: 13px; margin: 50px auto 0 auto;}
.index_news .more a{color: #fff; display: block;}
.index_news .more:hover{background-color: #fff; }
.index_news .more:hover a{color: #ff1b00; border: 1px solid #ff1b00;}

footer{background-color: #2f3757; color: #999!important; font-size: 14px; padding-top: 50px;}
footer .footer_top .footer_l{float: left; width: 50%;}
footer .footer_top .footer_r{float: right; width: 50%; position: relative;}
footer .footer_top .footer_r img{width: 100%;}


footer .footer_top{border-bottom: 1px solid #22273e;}
footer .footer_di{border-top: 1px solid #394269; height: 70px; line-height: 70px;}
footer .footer_top ul.footer_l{width: 50%;}
footer .footer_top ul.footer_l li{float: left; width: 50%; line-height: 30px;min-height: 260px;}
footer .footer_top ul.footer_l li.list{min-height: initial;margin-top: 20px;}
footer .footer_top ul.footer_l li.list .img{font-size: 16px;}
footer .footer_top ul.footer_l li a{display: block;}
footer .footer_top ul.footer_l li img{margin-bottom: 20px;}
footer .footer_top ul.footer_l li:nth-child(2n){float: left; margin-bottom: 12px;}
footer .footer_di ul{width: 150px; float: left;}
footer .footer_di ul li{float: left; margin-left: 10px;}
footer .footer_di p{float: right;}

/*内页banner*/
.banner{width: 100%; position: relative;}
/* .banner .container{position: absolute; top: 0px; left: 50%; margin-left: -600px; color: #fff;}
.banner .container h4{font-size: 25px; font-weight: bold; height: 50px; line-height: 50px; margin-top: 85px;}
.banner .container .line{width: 135px; height: 2px; background-color: #ccc; margin-top: 15px; }
.banner .container p{font-size: 23px; height: 40px; line-height: 40px; margin-top: 20px;}
.banner_img{
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -960px;
} */
.banner_img img{width: 100%;}



/*---------------技术中心----------------------*/
.n_nav{height: auto; line-height: 45px; margin-top: 20px;}
.n_nav .n_nav_l{float: left;}
.n_nav .n_nav_l ul .a1{line-height: 45px;}
.n_nav .n_nav_l ul .a2{line-height: 45px;}
.n_nav .n_nav_l ul .a1:hover{line-height: 45px !important;}
.n_nav .n_nav_l ul .a1.active{line-height: 45px !important;}
.n_nav .n_nav_l ul .a2:hover{line-height: 45px !important;}
.n_nav .n_nav_l ul .a2.active{line-height: 45px !important;}
.n_nav .n_nav_l ul li{float: left; width: 125px; height: 45px; line-height: 25px; color: #333; text-align: center; cursor: pointer;}
.n_nav .n_nav_l ul li.active{float: left; width: 125px; height: 45px; line-height: 25px; background-color: #ff1b00; color: #fff; text-align: center; background: url("../images/tabs.png") left bottom no-repeat; padding-bottom: 7px;}
.n_nav .n_nav_l ul li a{display: block;}
.n_nav .n_nav_l ul li.active a{display: block; color: #fff;width: 100%;height: 100%;}
.n_nav .n_nav_l ul li:hover{float: left; width: 125px; height: 45px; line-height: 25px; background-color: #ff1b00; color: #fff; text-align: center; background: url("../images/tabs.png") left bottom no-repeat; padding-bottom: 7px;}
.n_nav .n_nav_l ul li:hover a{display: block; color: #fff;}
.n_nav .n_nav_r{float: right;}
.n_nav .n_nav_r a{color: #ff1b00;}

.n_jscx{ padding: 50px 0;}
.n_jscx h1{text-align: center; font-size: 30px; height: 50px; line-height: 50px; font-weight: normal;}
.n_jscx p{line-height: 24px; margin: 20px 0; text-indent: 2rem;}
.n_jscx img{border: 1px solid #ccc; }
.n_jscx div.img{width: 46%; margin: 0 2%; float: left;}
.n_jscx div.img img{width: 100%;}

.n_ry{background: url(../images/jszx_ry.jpg) 100% no-repeat; padding: 50px 0;}
.n_ry h1{text-align: center; font-size: 30px; height: 50px; line-height: 50px; color: #fff; font-weight: normal; margin-bottom: 20px;}
.picScroll-left2{ width:100%; position:relative;}
.picScroll-left2 .hd .prev,.picScroll-left2 .hd .next{ position: absolute; top: 42%; left: -8.3%; display:block;  width:35px; height:40px; overflow:hidden;
	 cursor:pointer; background:url(../images/slider-arrow.png) -176px 5px no-repeat; z-index: 5555;}
.picScroll-left2 .hd .next{ background-position:-60px 5px; left:auto; right:-8.3%;}
.picScroll-left2 .bd{}
.picScroll-left2 .bd ul{ overflow:hidden; zoom:1;}
.picScroll-left2 .bd ul li{float:left; _display:inline; overflow:hidden; text-align:center;}
.picScroll-left2 .bd ul li .pic{ text-align:center; padding: 35px 20px; }
.picScroll-left2 .bd ul li .pic a{cursor: default;}
.picScroll-left2 .bd ul li .pic img{width:350px; height:470px;}
.picScroll-left2 .bd ul li .pic a:hover img{ border-color:#999;}
.picScroll-left2 .bd ul li .title{ line-height:24px; margin-top: 15px;}
.picScroll-left2 .bd ul li .title a{color: #fff; cursor: default;}
.picScroll-left2 .bd ul li .title:last-child{margin-bottom: 15px; margin-top: 0px;}
.picScroll-left2 .bd ul li .title #title1{font-size: 15px; font-weight: bold;}
.picScroll-left2 .bd ul li .title #title2{}

.picScroll-left .bd ul li{/* width: 33.33%; */ float:left; _display:inline; overflow:hidden; text-align:center; }
.picScroll-left .bd ul li .a-index-pro{margin:0 4px; position: relative;}
.picScroll-left .bd ul li .a-index-pro .zhezhao{position: absolute; top: 0px; left: 0px; z-index: 555; height: 50px; width: 100%; background: url(../images/index_pro_bg.png) top left no-repeat;}
.picScroll-left .bd ul li .pic{position:relative;width:384px;height:224px; overflow: hidden;}
.picScroll-left .bd ul li .pic a{display: block;width:100%;height:100%; overflow: hidden;}
.picScroll-left .bd ul li .pic img{width: 100%; transition:all 500ms linear;}
.picScroll-left .bd ul li .pic img:hover{
	-webkit-transition:scale(1.1,1.1);
	-moz-transition:scale(1.1,1.1);
	-ms-transition:scale(1.1,1.1);
	-o-transition:scale(1.1,1.1);
	transform:scale(1.1,1.1);
}
.picScroll-left .bd ul li .title{line-height:24px; margin-top: 15px;}

.n_jcsb{padding: 50px 0;}
.n_jcsb h1{text-align: center; font-size: 30px; height: 50px; line-height: 50px; font-weight: normal;}
.n_jcsb p{line-height: 24px; margin: 20px 0;}
.n_jcsb ul li{/*float: left;*/ width: 23%; text-align: center; margin: 0 1%;}
.n_jcsb ul{
	display: flex;
	flex-wrap: wrap;
}
.n_jcsb ul li img{width: 100%;}
.n_jcsb ul li p{font-weight: bold; line-height: 30px; padding-bottom: 10px;}
.n_jcsb.new ul li { /*float: left;*/ width: calc((100% - 1% * 5) / 5); text-align: center; margin: 0 0.5%;}

/*联系我们*/
.n_lxwm{width: 100%;}
.n_lxwm h1{text-align: center; font-size: 30px; height: 50px; line-height: 50px; font-weight: normal;}
.n_lxwm .n_lxwm_map{border: 1px solid #ccc; margin-top: 30px; }
.n_lxwm .n_lxwm_map:last-child{margin-bottom: 50px;}
.n_lxwm .n_lxwm_l{float: left; width: 21.67%; padding: 3% 2.5%; }
.n_lxwm .n_lxwm_l h4{font-size: 16px; line-height: 50px; font-weight: bold;}
.n_lxwm .n_lxwm_l .line{width: 21px; height: 3px; background-color: #ff1b00; margin-bottom: 30px;}
.n_lxwm .n_lxwm_l ul li{float: left; line-height: 40px;}
.n_lxwm .n_lxwm_r{float: right; width: 73.33%; height: 345px;}

/*新闻资讯*/
.n_xwzx{width: 100%;}
.n_xwzx h1{text-align: center; font-size: 30px; height: 50px; line-height: 50px; font-weight: normal; margin: 30px 0 10px 0;}
.n_xwzx .n_xwzx_gsxw{}
.n_xwzx ul li{width: 100%; border-bottom: 1px solid #ccc; padding: 20px 0; }
.n_xwzx ul li h4{font-size: 15px; line-height: 40px; font-weight: normal;}
.n_xwzx ul li h4 a:hover{color: #ff1b00;}
.n_xwzx ul li .line{width: 21px; height: 3px; background-color: #ff1b00;}
.n_xwzx ul li p{color: #666; margin: 10px 0; line-height: 24px; }
.n_xwzx ul li p.md a{color: #ff1b00;}
.n_xwzx .n_xwzx_hydt{}

.pagebox{margin:60px auto;width:100%;text-align:center;}
.pagebox .first,.pagebox .last{display:none;}
.pagebox ul{display:inline-block;+display:inline;zoom:1;}
.pagebox ul li{float:left;padding:0 0px; width: 42px; height: 42px; line-height: 42px; border: 1px #ccc solid;}
.pagebox ul li a{padding:0 5px;color:#666;}
.pagebox ul li.selected li{background-color: #ff1b00;}
.pagebox ul li.selected a{color:#fff; display: block; background-color: #ff1b00;}


/*产品分类*/
.n_pro_list{}
.n_pro_list ul{width: 100%; margin-bottom: 50px;}
.n_pro_list ul li{width: 33.33%; float: left;}
.n_pro_list ul li p{text-align: center; font-size: 13px;}
.n_pro_list ul li .pic{margin: 7px; border: 1px solid #ccc; border-radius: 15px 15px 0 0;}
.n_pro_list ul li .pic a{display: block; border-radius: 15px 15px 0 0; overflow: hidden;}
/* .n_pro_list ul li a img{width: 100%; border-radius: 15px 15px 0 0;} */
.n_pro_list ul li a img{width: 100%; transition:all 500ms linear;}
.n_pro_list ul li a img:hover{
	-webkit-transition:scale(1.1,1.1);
	-moz-transition:scale(1.1,1.1);
	-ms-transition:scale(1.1,1.1);
	-o-transition:scale(1.1,1.1);
	transform:scale(1.1,1.1);
}
.n_pro_list ul li p{line-height: 50px; font-size: 15px; font-weight: bold;}
/* .n_pro_list ul li p:first-child{font-weight: bold;}
.n_pro_list ul li p:last-child{font-weight: normal; margin-bottom: 15px; margin-top: 0px;} */
.n_pro_list h1{text-align: center; font-size: 30px; height: 50px; line-height: 50px; font-weight: normal; margin: 30px 0 10px 0;}


/*产品详情页*/
.n_pro_content{}
.n_pro_content h1{text-align: center; font-size: 30px; height: 50px; line-height: 50px; font-weight: normal; margin: 40px 0 20px 0px;}
.n_pro_content .pro_about{border: 1px solid #ccc; margin-bottom: 20px;}
.n_pro_content .n_pro_content_l{width: 50%; float: left; overflow: hidden; height: 350px;}
.n_pro_content .n_pro_content_l img{width: 100%; height: 350px;}
.n_pro_content .n_pro_content_r h4{font-size: 15px; color: #000; line-height: 40px;}
.n_pro_content .n_pro_content_r p{font-size: 13px; color: #333; line-height: 30px; margin-top: 20px;}
.n_pro_content .n_pro_content_r p span{font-size: 18px; color: #ff1b00;}
.n_pro_content .n_pro_content_r div.line{width: 42px; height: 2px; background-color: #ff1b00;}
.n_pro_content .n_pro_content_r{width: 48%; float: right; padding-left: 20px; padding-top: 25px;}
.n_pro_content .pro_app{border: 1px solid #ccc; margin-bottom: 65px;}
.n_pro_content .pro_app {width: 100%;}
.n_pro_content .pro_app .n_pro_app_l{width: 48%; float: left; padding: 1%;}
.n_pro_content .pro_app .n_pro_app_l h4{font-size: 18px; font-weight:bold;color: #000; line-height: 40px;}
.n_pro_content .pro_app .n_pro_app_l div.line{width: 42px; height: 2px; background-color: #ff1b00;}
.n_pro_content .pro_app .n_pro_app_l p{font-size: 13px; color: #333; line-height: 25px; margin-top: 20px;}
.n_pro_content .pro_app .n_pro_app_r{width: 50%; float: right;}

.txtScroll-left{ width: 100%; position:relative;}
.txtScroll-left .hd{ overflow:hidden; height:30px; padding:0 10px; position: absolute; bottom: 15px; left: 0px; z-index: 10000;}
.txtScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px;  }
.txtScroll-left .hd ul li{float:left; width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.gif") 0 -9px no-repeat; border-radius: 4.5px;}
.txtScroll-left .hd ul li.on{background-position:0 0;}
.txtScroll-left .bd{width: 100%; overflow:hidden;}

/*关于瑞格--企业管理*/
.n_about_qygl{margin-bottom: 50px;}
.n_about_qygl .n_about_qygl_dszzc{width: 100%; margin-top: 60px;}
.n_about_qygl .n_about_qygl_dszzc h4{font-size: 30px; color: #000; line-height: 50px; font-weight: normal; text-align: center;}
.n_about_qygl .n_about_qygl_dszzc div.line{width: 21px; height: 3px; background-color: #ff1b00; margin: 0 auto;}
.n_about_qygl .n_about_qygl_dszzc p{margin-top: 20px; line-height: 30px; text-indent: 2rem;}
.n_about_qygl .n_about_qygl_dszzc img{margin-top: 25px; float: right; margin-bottom: 20px; margin-right: 50px; display: none;}

.n_about_team{width: 100%; background: url(../images/about_qygl3.jpg) 100% 100% no-repeat; background-size: 100%; color: #fff;}
.n_about_team .n_about_team_float{background: rgba(0,0,0,0.2); width: 60%; padding: 15% 20%;}
.n_about_team h4{font-size: 30px; line-height: 30px; text-align: center; margin-bottom: 30px; margin-top: 50px;}
.n_about_team p{ line-height: 24px; font-size: 13px; text-align: center;}

.n_about_join{margin-bottom: 50px;}
.n_about_join h1{text-align: center; font-size: 30px; height: 50px; line-height: 50px; font-weight: normal; margin-top: 50px; margin-bottom: 30px;}
.n_about_join div.content{padding: 20px 50px;}
.n_about_join div.content p{color: #333;}
.n_about_join div.content p strong{font-weight: bold;}
.n_about_join h3{ background: url(../images/about_c.jpg) 20px center no-repeat;}

.sideMenu{}
.sideMenu h3{ height:60px; line-height:60px; padding-left:40px; background:#f4f4f4; cursor:pointer; background: url(../images/about_c.jpg) 20px center no-repeat;border-bottom:1px solid #ddd;  }
.sideMenu h3 em{float:right; display:block; width:40px; height:60px;   background:url(../images/icoAdd.png) 16px 28px no-repeat; cursor:pointer; }
.sideMenu h3 span{float: right; color: #ff1b00;}
.sideMenu h3.on em{ background-position:16px -40px; }


/*关于瑞格--合作伙伴*/
.n_about_gys{ padding: 50px 0;}
.n_about_gys h1{text-align: center; font-size: 30px; height: 50px; line-height: 50px; font-weight: normal;}
.n_about_gys p{line-height: 24px; margin: 20px 0; text-indent: 2rem;}
.n_about_gys p img{border: 1px solid #ccc; margin: 10px auto;}
.n_about_gys div.img{width: 46%; float: left; margin: 0 2%;}
.n_about_gys div.img img{width: 100%;}



.n_about_hzhb{ padding-bottom: 50px;}
.n_about_hzhb h1{text-align: center; font-size: 30px; height: 50px; line-height: 50px; font-weight: normal; margin-bottom: 30px;}
.n_about_hzhb .picList_link .piclists{float:left;width:223px;height:435px;}
.n_about_hzhb .picList_link .li{float: left; width: 223px;margin:0 10px; text-align: center;}
.n_about_hzhb .picList_link .li a{display: block; float: left; margin: 0 7.5px; margin-bottom: 20px; overflow: hidden; cursor: default; border: 1px solid #ccc;}
.n_about_hzhb .picList_link .li a img{width: 100%; transition:all 500ms linear;}
.n_about_hzhb .picList_link .li a img:hover{
	-webkit-transition:scale(1.1,1.1);
	-moz-transition:scale(1.1,1.1);
	-ms-transition:scale(1.1,1.1);
	-o-transition:scale(1.1,1.1);
	transform:scale(1.1,1.1);
}


/*关于瑞格--战略发展*/
.n_about_zlfz h1{text-align: center; font-size: 30px; height: 50px; line-height: 50px; font-weight: normal; margin-top: 30px;}
.n_about_zlfz p{line-height: 24px; margin: 20px 0; text-indent:2rem;}
.n_about_zlfz{}


/*战略发展页面的时间轴*/
#timeline {width: 100%;height: 300px; overflow: hidden; margin: 100px auto 10px auto; position: relative; background: url('../images/dot.jpg') left 10px repeat-x; padding-top: 10px; }
#dates {width: 100%; height: 60px; overflow: hidden;}
#dates li{list-style: none; float: left; width: 150px; height: 50px; font-size: 14px; text-align: center;background: url('../images/biggerdot.png') center top no-repeat; padding-top: 15px;}
#dates li
#dates a{line-height: 38px; padding-bottom: 10px; font-size: 14px; }
#dates .selected{font-size: 18px; color: #ed4d4d; font-weight: bold;}
#issues {width: 1200px; height: 300px; overflow: hidden; margin-top: 50px;}	
#issues li {width: 1200px; height: 200px; list-style: none; float: left;}
#issues li .issues_content{ height: 200px;}
#issues li .issues_content .issues_content_l{float: left; border-right: 1px solid #ccc; font-weight: bold; font-size: 40px; line-height: 70px; color: #ed4d4d; width: 39%; padding-right: 10%; text-align: right;}
#issues li .issues_content .issues_content_r{width: 40%; float: right; display: table; height: 70px; padding-left: 10%;}
#issues li .issues_content .issues_content_r ul{display: table-cell; vertical-align: middle;}
#issues li .issues_content .issues_content_r ul li{width: 100%; height: 24px; line-height: 24px; color: #333; font-size: 16px; font-weight: bold;}
#issues li .issues_content .issues_content_r p{display: table-cell; vertical-align: middle; font-size: 16px; font-weight: bold;}
#timeline .next,#timeline .prev{display: block !important; width: 27px; height: 57px; position: absolute;}
#timeline .next{background: url(../images/about_left.jpg) no-repeat; top: 2px; left: 0px;  background-color: #fff;}
#timeline .prev{background: url(../images/about_right.jpg) no-repeat; top: 2px; right: 0px; background-color: #fff;}


/*战略发展世界地图*/
.about_wordmap{}
.about_wordmap .container{position: relative;}
.about_wordmap .container span{position: absolute; width: 0.75%; z-index: 555; height: 1.565%;  border-radius: 9px; background-color: #05103E; cursor: pointer;}
.about_wordmap .container span .dingwei{position: relative; opacity: 0;}
.about_wordmap .container .dian{background: url(../images/dian.png) center center no-repeat; width: 23px; height: 23px; position: absolute; top: -7px; left: -7px;}
.about_wordmap .container span.span1{top: 36.57%; left: 23.6%;}
.about_wordmap .container span.span2{top: 32.235%; left: 50%;}
.about_wordmap .container span.span3{top: 45%; left: 78.95%;}
.about_wordmap .container span.span4{top: 41.50%; left: 76.35%;}
.about_wordmap .container span.span5{top: 54.60%; left: 75.65%;}
.about_wordmap .container span.span6{top: 27%; left: 53.65%;}
.about_wordmap .container span.span7{top: 47.6%; left: 77.65%;}
.about_wordmap .container .shuoming{position: absolute; opacity: 0;}
.about_wordmap .container .span1_shuoming{top: 21.25%; left: 8.25%; width: 14.75%; height: 16.12%; background-image:url('../images/American.png');
background-repeat:no-repeat; background-size:cover;}
.about_wordmap .container .span2_shuoming{top: 32%; left: 33.25%; width: 16.17%; height: 14.609%; background-image:url('../images/Switzerland.png');
background-repeat:no-repeat; background-size:cover;}
.about_wordmap .container .span3_shuoming{top: 29.35%; left: 79.30%; width: 20.17%; height: 16.522%; background-image:url('../images/Chinash.png');
background-repeat:no-repeat; background-size:cover;}
.about_wordmap .container .span4_shuoming{top: 21.2%; left: 66.6%; width: 11.917%; height: 21.043%; background-image:url('../images/Chinasx.png');
background-repeat:no-repeat; background-size:cover;}
.about_wordmap .container .span5_shuoming{top: 39.8%; left: 57.65%; width: 17.33%; height: 15.652%; background-image:url('../images/Vietnam.png');
background-repeat:no-repeat; background-size:cover;}
.about_wordmap .container .span6_shuoming{top: 11.3%; left: 38.05%; width: 14.83%; height: 16.522%; background-image:url('../images/Holland.png');
background-repeat:no-repeat; background-size:cover;}
.about_wordmap .container .span7_shuoming{top: 48.4%; left: 78%; width: 16.417%; height: 14.957%; background-image:url('../images/Chinadg.png');
background-repeat:no-repeat; background-size:cover;}

/*战略发展页滚动*/
.slideBox2{ width:100%; overflow:hidden; position:relative;}
.slideBox2 .hd{height:15px; overflow:hidden; position:absolute; left: 0; bottom:5%; z-index:1; width: 100%;}
.slideBox2 .hd ul{ overflow:hidden; zoom:1; width: 111px; margin: 0 auto;}
.slideBox2 .hd ul li{border: 1px solid #fff; float:left; margin:0 10px; width:0.78%; height:0.78%; line-height:14px; text-align:center; cursor:pointer; border-radius: 7.5px;min-width: 5px; min-height: 5px;}
.slideBox2 .hd ul li.on{ background:#fff; color:#fff; }

.slideBox2 .bd ul{position:relative; height:100%; z-index:0;}
.slideBox2 .bd li{ zoom:1; vertical-align:middle;  overflow:hidden;}
.slideBox2 .bd img{ width: 100%;}
.slideBox2 div.float{position: absolute; top: 0px ; left: 0px; color: #fff; width: 100%; height: 644px; display: block;}
.slideBox2 div.float .float_content{border: 1px solid #fff; width: 36%; min-height: 403px; padding: 30px 20px; margin: 105px 0; background-color: rgba(0,0,0,0.5);}

.slideBox2 div.float h3{font-size: 25px; text-align: center; font-weight: bold; height: 30px; line-height: 30px; margin-bottom: 10px;}
.slideBox2 div.float h5{font-size: 23px; height: 30px; line-height: 30px; margin-top: 20px; margin-bottom: 20px;}
.slideBox2 div.line{width: 21px; height: 3px; background-color: #ff1b00; margin-bottom: 20px;}
.slideBox2 div.float p{margin-bottom: 20px; line-height: 24px; }

.slideBox2 .more{text-align: center; background-color: #ff1b00; height: 43px; width: 165px; line-height: 43px; margin-top: 50px; font-size: 13px;}
.slideBox2 .more a{color: #fff; display: block;}
.slideBox2 .more:hover{background-color: #fff; }
.slideBox2 .more:hover a{color: #ff1b00;}
/*滚动END*/


/*我们的团队滚动*/
.slideBox3{ width:100%; overflow:hidden; position:relative;}
.slideBox3 .hd{height:15px; overflow:hidden; position:absolute; left: 0; bottom:5%; z-index:1; width: 100%;}
.slideBox3 .hd ul{ overflow:hidden; zoom:1; width: 111px; margin: 0 auto;}
.slideBox3 .hd ul li{border: 1px solid #fff; float:left; margin:0 10px; width:0.78%; height:0.78%; line-height:14px; text-align:center; cursor:pointer; border-radius: 7.5px;min-width: 5px; min-height: 5px;}
.slideBox3 .hd ul li.on{ background:#fff; color:#fff; }

.slideBox3 .bd ul{position:relative; height:100%; z-index:0;}
.slideBox3 .bd li{ zoom:1; vertical-align:middle;  overflow:hidden;}
.slideBox3 .bd img{ width: 100%;}
.slideBox3 div.float{position: absolute; top: 78px ; left: 0px; color: #fff; width: 100%; display: block;}
.slideBox3 div.float .float_content{border: 1px solid #fff; width: 36%; min-height: 403px; padding: 30px 20px; margin: 105px 0; background-color: rgba(0,0,0,0.5);}

.slideBox3 div.float .container{width: 60%; margin: 18% 20%;}
.slideBox3 div.float h4{font-size: 30px; line-height: 30px; text-align: center; margin-bottom: 30px; margin-top: 50px;}
.slideBox3 div.float p{line-height: 24px; font-size: 13px; text-align: center;}

/*新闻内页*/
.center_wraper h2.content_title {font-size: 24px;color: #333;font-weight: bold;line-height: 75px;padding-top: 15px;}
.center_wraper .date {color: #ab8d62;font-size: 14px;margin-bottom: 50px;}
.center_wraper p img {display: block;margin: 20px auto;}
.center_wraper p {color: #666;line-height: 24px;margin-bottom: 24px; text-indent: 2em;}



/*返回顶部*/
.backtop{position:fixed;background:url(../images/backtop.png) no-repeat top;width:45px;height:45px;cursor:pointer;bottom:145px;right:75px;z-index:9999;}
.backtop:hover{background-position: bottom;}

header nav ul li{position: relative;}
header nav ul li ul{
	background-color: #ff1b20;
	position: absolute;
	top: 45px;
	left: -25%;
	z-index: 10;
	display: none;
	padding-top: 23px;
	width: 150%;
	padding-bottom: 10px;
}
header nav ul li:hover ul{display: block;}
/* header nav ul li ul li a span{color: #333;} */
header nav ul li ul li:hover a span{color: #fff;}
header nav ul li ul li.active a span{color: #fff;}
header nav ul li ul li{width: 100%;line-height: 20px;display: flex;align-items: center;}
header nav ul li ul li a{display: block;text-align: center;width: 100%;}

.menu-id-6 a,.n_nav .n_nav_l ul li a,.n_pro_content h1{
	text-transform: uppercase;
}

@media screen and (max-width: 960px) {
    .banner-video .banner-video-desc .title {
        font-size: 2em;
    }
}
