@charset "utf-8";

/* CSS Document */



html{min-width:1110px;}

*{margin:0px; padding:0px;}

*:focus{outline:none;}

body{color:#999; font-size:14px; font-family:"微软雅黑",Arial, Helvetica, sans-serif;}

ul li{list-style:none;}

a{text-decoration:none;}

a:hover{transition-property:color; transition-duration:.6s}

img{border:none;}

h1{font-size:24px;}

h2{font-size:18px;}

h3{font-size:16px;}

h4{font-size:14px;}



.clr{clear:both;}
.c{clear:both;}
.w1110{width:1110px; margin:0 auto; clear:both}
.w1200{width:1200px; margin:0 auto; clear:both}
.top_wrap{width:100%; height:30px; line-height:30px; background:#f5f5f5; border-bottom:#e6e6e6 1px solid; clear:both;}

.top_l{padding-left:0px; font-size:12px; float:left;}

.top_r{float:right; font-weight:bold; color:#ca0f16;}

.top_r img{vertical-align:middle; margin-right:5px;}

.top_r span{color:#ffae00}

.header{height:70px; position:relative; z-index:999}

.logo{position:absolute; left:0px; top:-31px; z-index:999}

.logo img{float:left;}

.adv{
	float:left;
	padding-top: 24px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.menu{width:730px; float:left; margin-top:20px; margin-left:60px;}

.mainlevel{height:70px; text-align:center; position:relative; z-index:99999; float:left; margin-left:4px; margin-right:4px;}

.mainlevel a{
	height:35px;
	line-height:35px;
	display:block;
	font-size:18px;;
	color:#000;
	padding-right: 18px;
	padding-left: 18px;
	margin-top:20px;
}

.mainlevel a:hover,.mainlevel a.active{background-color: #0234af; color:#fff;border-radius:20px;transition:all 0.4s;}

.mainlevel ul{
	width:140px;
	display:none;
	position:absolute;
	padding:0px;
	left:0px;
	z-index:9;
	left:-22px;
	background-color: #FFFFFF;
	margin-top:14px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #999999;
    -moz-box-shadow:0px 3px 8px #333333; -webkit-box-shadow:0px 3px 8px #333333; box-shadow:0px 3px 8px #333333;
}

.mainlevel li{
	width:100%;/*IE6 only*/
	height:46px;
	line-height:46px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e8e8e8;
	margin: 0px;
	padding: 0px;
}

.mainlevel li a{
	width:100%;/*IE6 only*/
	display:block;
	padding:0px;
	height:46px;
	line-height:46px;
	background:none;
	color:#333333;
	font-size:14px;
	margin: 0px;
}

.mainlevel li a:hover{
	font-weight:normal;
	color:#333333;
	background-color: #e8e8e8;
	border-radius:0px;
}

.flexslider{position:relative; height:600px;overflow:hidden; width:100%; z-index:9;}

.slides{position:relative;z-index:1;}

.slides li{height:600px;}

.flex-control-nav{display:none;}

.flex-direction-nav{position:absolute; z-index:3; width:100%; top:260px;}

.flex-direction-nav li a{display:block; width:56px; height:78px; overflow:hidden; cursor:pointer; position:absolute;}

.flex-prev{background:url(../images/btnPre_hover.png) no-repeat left center; left:0px;}

.flex-prev:hover{background:url(../images/btnPre.png) no-repeat left center;}

.flex-next{background:url(../images/btnNext_hover.png) no-repeat left center; right:0px;}

.flex-next:hover{background:url(../images/btnNext.png) no-repeat left center; right:0px;}

.pad30{
	margin-bottom: 30px;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
}

.tit{width:100%; border-bottom:#dcdcdc 1px dotted; padding:10px 0px; text-align:center; background:url(../images/tit_bg.png) no-repeat center; clear:both;}

.tit h2{line-height:30px; color:#1a1a1a; font-weight:normal; font-family:Arial, Helvetica, sans-serif; clear:both}
.tit h2 a{color:#1a1a1a;}

.tit p{font-size:16px; clear:both}
.tit p a{
	color: #999999;
}
#scrollbox{width:100%; position:relative; overflow:hidden; float:left;}

#scrollbox li{width:94px; border:#ddd 1px solid; margin:0px 6px; text-align:center; float:left;}

#scrollbox li img{width:94px; height:142px; float:left}

.item{overflow:hidden; position:relative; float:left;}

.item .caption{width:100%; height:144px; line-height:144px; font-weight:bold; font-size:20px; background:url(../images/cap_bg.png) no-repeat top center; position:absolute; left:0px; top:0px; display:none;}

.item .caption a{display:block; color:#fff;}

.intro_wrap{width:100%; height:372px; background:url(../images/intro_bg.jpg) no-repeat top center; clear:both}

.intro_l{width:500px; padding-top:50px; color:#fff; float:left;}

.intro_l h2{font-weight:normal; height:50px; clear:both}

.intro_l h2 span{font-size:24px;}

.intro_l div{height:150px; line-height:30px; margin-bottom:20px; overflow:hidden; clear:both}

.intro_l a{width:92px; height:32px; line-height:32px; border:#fff 1px solid; color:#fff; text-align:center; display:block;}

.intro_r{width:570px; float:right;}

.intro_r a{display:block;}

.intro_r span{font-size:18px; padding-bottom:5px; color:#fff; border-bottom:#fff 2px solid;}

.intro_r p{line-height:28px; color:#fff; margin-top:20px; clear:both}

.intro_r1{width:150px; height:126px; padding:30px 20px; background:#9c1a09; float:right;}

.intro_r1:hover{background:#efb96c;}

.intro_r2{width:190px; height:186px; overflow:hidden; cursor:pointer; float:right;}

.intro_r2 img{transition:all 0.8s ease-in-out;}

.intro_r2:hover img{transform:scale(1.1);}

.intro_r3{
	width:150px;
	height:126px;
	padding:30px 20px;
	float:right;
	background-color: #24ac39;
}

.intro_r3:hover{background:#d3cb86;}

.intro_r4{width:150px; height:126px; padding:30px 20px; background:url(../images/intro_v3.jpg) no-repeat center; float:right;}

.overlay{width:100%; height:100%; background:url(../images/bg_00.png) repeat; position:fixed; z-index:999;left:0; top:0; overflow:hidden; display:none;_position:absolute;}

.video{position:fixed; width:600px; height:400px; z-index:99999; left:50%; top:200px; margin-left:-320px; display:none;}

.close{position:absolute; width:25px; height:25px; right:-30px; top:0px; background:url(../images/gb.png) no-repeat; overflow:hidden; cursor:pointer;}

.news_l{width:330px; height:270px; margin-top:40px; border:#dcdcdc 1px solid; float:left}

.comListbox{width:100%; height:270px; overflow: hidden; position: relative;}

.comList li{width:100%; height:270px;}

.comList li h3{height:34px; line-height:34px; overflow:hidden; padding:5px; font-weight:normal; color:#1a1a1a; clear:both}

.comList li div{color:#999; font-size:12px; padding:0px 5px; line-height:22px; clear:both}

.comList li p{font-size:12px; text-align:right; padding:0px 5px; color:#72780b; margin-top:-10px;}

.num{top:115px; position:absolute; right:10px; z-index:99;}

.num a{background:url(../images/num.png) no-repeat; display: block; float: left; height:14px; margin:0px 4px; width:14px;}

.num a:hover{background:url(../images/num_hover.png) no-repeat;}

.num a.cur{background:url(../images/num_hover.png) no-repeat; z-index: 99;}

.news_r{width:775px; margin-top:40px; float:right;}

.news_r dl{width:335px; height:72px; padding-left:45px; margin-bottom:25px; float:left}

.news_r dl dt{width:50px; height:72px; text-align:center; color:#72780b; border-right:#e1e1e1 2px solid; float:left}

.news_r dl dt p{line-height:16px; font-size:12px; clear:both}

.news_r dl dt h2{line-height:25px; clear:both}

.news_r dl dt h4{line-height:30px; border-top:#e1e1e1 1px solid; font-weight:normal; clear:both}

.news_r dl dd{padding-left:65px;}

.news_r dl dd a{height:30px; line-height:30px; font-weight:bold; overflow:hidden; color:#666; font-size:16px; display:block;}

.news_r dl dd p{height:40px; line-height:18px; font-size:12px; color:#999; overflow:hidden;}

.news_r dl:hover dd a{color:#72780b;}

.bot_wrap{width:100%; height:245px; padding:20px 0px; background:url(../images/bot_wrap.jpg) no-repeat top center; color:#fff; clear:both}

.bot_wrap h2{font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:normal; color:#aaa; padding-top:10px; line-height:35px; clear:both}

.bot_wrap h4{margin-bottom:40px; clear:both}

.bot_l{width:500px; float:left;}

.bot_l p{
	line-height:24px;
	clear:both;
	font-size: 12px;
}

.bot_r{width:410px; float:right;}

.bot_r li{width:116px; margin-right:20px; float:left;}

.bot_r li img{width:116px; height:116px; float:left;}

.bot_r li p{line-height:30px; text-align:center; font-size:12px; clear:both;}

.footer{width:100%; height:48px; line-height:26px; color:#000; font-size:12px; background:#fff; clear:both; margin-top:30px; margin-bottom:30px;}
.f_l{
	text-align: center;
}
.f_l a{
	color: #000;
}
.f_r{float:right;}
.f_r a{
	color: #FFFFFF;
}
.yqlj{
	width:100%;
	height:45px;
	line-height:45px;
	color:#333333;
	clear:both;
	background-color: #E4E4E4;
}

.yqlj a{color:#333333; padding:0px 8px;}



/*about*/

.ny_banner{width:100%; height:165px; clear:both}

#about{background:url(../images/about_banner.jpg) no-repeat top center; }

.ny_wrap{padding:20px 0px 50px; background:#f7f7f7; clear:both}

.ny_l{width:240px; float:left;}

.sub{width:238px; padding:20px 0px; border:#e6e6e6 1px solid; background:#fff; margin-bottom:15px; float:left}

.sub h2{font-size:20px; color:#333; margin:0px 30px; line-height:45px; border-bottom:#e6e6e6 1px solid; clear:both}

.sub ul{width:100%; margin-top:10px; clear:both;}

.sub ul li{width:100%; height:36px; line-height:36px; text-indent:2em; margin-bottom:5px; clear:both;}

.sub ul li a{color:#666; display:block;}

.sub ul li a:hover,.sub ul li a.active{background:url(../images/sub_hover.jpg) no-repeat left center; color:#0066FF}

.phone{float:left;}

.ny_r{width:780px; padding:30px; background:#fff; border:#e6e6e6 1px solid; float:right}

.ny_rt{width:100%; height:46px; line-height:46px; background:url(../images/dian.jpg) repeat-x bottom; clear:both}

.ny_rt h2{float:left; font-weight:normal; color:#808080; height:45px; padding:0px 30px; border:#e6e6e6 1px solid; border-bottom:none; background:#fff; margin-left:5px;}

.ny_rt span{float:right; color:#999; font-size:12px;}

.ny_rt span a{color:#999;}

.ny_rt span img{vertical-align:middle; padding-right:10px;}

.ny_rd{width:100%; padding-top:20px; line-height:30px; clear:both;}



.honor li{width:244px; text-align:center; margin:0px 5px 10px; background:#ddd; border:#ddd 2px solid; float:left;}

.honor li img{width:244px; height:164px; float:left}

.honor li p{line-height:35px; color:#666; height:35px; overflow:hidden; clear:both}

.honor li:hover{background:#0b69c3; border:#0b69c3 2px solid;}

.honor li:hover p{color:#fff;}





/*news*/

.news_bds{width:100%; padding-bottom:10px; border-bottom:#e5e5e5 1px dashed; float:left;}

.news_bds img{width:340px; height:140px; border:#e6e6e6 1px solid; margin-right:25px; float:left;}

.news_bds h3{height:32px; line-height:32px; overflow:hidden;}

.news_bds h3 a{color:#333;}

.news_bds h3 a:hover{color:#0b69c3;}

.news_bds div{line-height:22px; height:45px; color:#666; overflow:hidden;}

.news_bds p{font-size:12px; color:#999;}

.news_bds p a{width:162px; line-height:34px; display:inline-block; font-size:14px; text-indent:3em; background:#0b69c3; color:#fff;}

.news_bdx{width:100%; padding-bottom:20px; float:left;}

.news_bdx dl{width:100%; margin:10px 0px; height:108px; float:left;}

.news_bdx dl dt{width:88px; padding:18px 0px; height:70px; color:#999; border:#eee 1px solid; text-align:center; font-family:Arial, Helvetica, sans-serif; float:left;}

.news_bdx dl dt h1{font-size:42px; line-height:44px; font-weight:normal;}

.news_bdx dl dt p{font-size:16px; line-height:24px;}

.news_bdx dl dd{width:640px; padding:20px; height:66px; border:#eee 1px solid; float:right;}

.news_bdx dl dd a{color:#666;}

.news_bdx dl dd a h3{height:32px; line-height:32px; overflow:hidden;}

.news_bdx dl dd a p{height:36px; line-height:18px; overflow:hidden;}

.news_bdx dl:hover dt{background:#0b69c3; color:#fff;}

.news_bdx dl:hover dd{background:#0b69c3;}

.news_bdx dl:hover dd a{color:#fff;}



/*product*/

.pro_list li{width:244px; text-align:center; margin:0px 5px 10px; background:#ddd; border:#ddd 2px solid; float:left;}

.pro_list li img{width:244px; height:244px; float:left}

.pro_list li p{line-height:35px; color:#666; height:35px; overflow:hidden; clear:both}

.pro_list li:hover{background:#0b69c3; border:#0b69c3 2px solid;}

.pro_list li:hover p{color:#fff;}



/*contact*/

.con_l{width:400px; line-height:26px; padding-left:20px; float:left;}

.con_l h3{line-height:35px; clear:both}

.con_r{float:left;}

.con_r li{width:110px; padding-left:10px; text-align:center; float:left;}

.con_r li img{width:110px; height:110px; float:left;}

.con_r li p{line-height:30px; font-size:12px; clear:both}



#lanren #audio-btn{width: 44px;height: 44px; position:fixed; z-index:999999; top:0; left:0;}

#lanren .on{background: url(../images/music_on.png) no-repeat 0 0;-webkit-animation: rotating 1.2s linear infinite;animation: rotating 1.2s linear infinite;}

#lanren .off{background: url(../images/music_off.png) no-repeat 0 0;}

@-webkit-keyframes rotating {

	from{

		-webkit-transform: rotate(0deg);

		-moz-transform: rotate(0deg);

		-ms-transform: rotate(0deg);

		-o-transform: rotate(0deg);

    	transform: rotate(0deg);

	}

	to{

		-webkit-transform: rotate(360deg);

		-moz-transform: rotate(360deg);

		-ms-transform: rotate(360deg);

		-o-transform: rotate(360deg);

		transform: rotate(360deg);

	}

}

@keyframes rotating {

    from{

        -webkit-transform: rotate(0deg);

		-moz-transform: rotate(0deg);

		-ms-transform: rotate(0deg);

		-o-transform: rotate(0deg);

        transform: rotate(0deg);

    }

    to{

        -webkit-transform: rotate(360deg);

		-moz-transform: rotate(360deg);

		-ms-transform: rotate(360deg);

		-o-transform: rotate(360deg);

        transform: rotate(360deg);

    }

}

/*list*/
.list_page{text-align:center;margin:10px;display:block;}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.list_page ul li{display:inline-block;border:solid 1px #ddd;border-radius:4px;}
.list_page ul a{color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff;}
.page_group ul{border-right:solid 1px #ddd;border-radius:4px;}
.page_group ul li{border-right:none;border-radius:0;float:left;}
.page_group ul li:not(:first-child):not(:last-child){border-radius:0;}
.page_group ul li:first-child{border-radius:4px 0 0 4px;}
.page_group ul li:last-child{border-radius:0 4px 4px 0;}
.page_group ul .active a{background:#f3f3f3;border-radius:0;}

.demo{width:800px;margin:0 auto;}
.demo li{float:left;margin:10px;width:240px;overflow:hidden;border:solid 1px #ddd;display:inline;position:relative;}
.demo li:hover{
	background-color: #d4e9fc;
}
.demo li .subsummary{
	height:30px;
	line-height:30px;
	overflow:hidden;
	padding:0 5px;
	border-top:solid 1px #ddd;
	text-align: center;
	background-color: #d4e9fc;
}
.demo li .subsummary a{
	font-size:14px;
	text-decoration:none;
	color:#333333;
}
.demo li .subsummary a:hover{
	color: #FF0000;
}
/* ver_pic */
.ver_pic{
	width:240px;
	height:240px;
	text-align:center;
	position:relative;
	display:table-cell;
	vertical-align:middle;
	margin: 2px;
}
.ver_pic .subpic{*position:absolute;top:50%;left:50%;}
.ver_pic .subpic img{*position:relative;top:-50%;left:-50%; }

.demo_1{width:1100px;margin:0 auto;}
.demo_1 li{float:left;margin:10px;width:240px;overflow:hidden;border:solid 1px #ddd;display:inline;position:relative;}
.demo_1 li:hover{
	background-color: #dfffdf;
}
.demo_1 li .subsummary{
	height:30px;
	line-height:30px;
	overflow:hidden;
	padding:0 5px;
	border-top:solid 1px #ddd;
	text-align: center;
	background-color: #DFFFDF;
}
.demo_1 li .subsummary a{
	font-size:14px;
	text-decoration:none;
	color:#333333;
}
.demo_1 li .subsummary a:hover{
	color: #FF0000;
}
/* ver_pic */
.ver_pic_1{
	width:240px;
	height:170px;
	text-align:center;
	position:relative;
	display:table-cell;
	vertical-align:middle;

}
.ver_pic_1 .subpic{*position:absolute;top:50%;left:50%;}
.ver_pic_1 .subpic img{*position:relative;top:-50%;left:-50%; }


.menu-container {
    width: 100%;
    margin: 0 auto;
	background-color:#ffffff;
	height:120px;
}
.index_about {
	float: left;
	width: 360px;
	margin-right: 30px;
	margin-bottom:30px;
}
.index_about_t {
	width: 100%;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #0b69c3;
	font-family: "微软雅黑";
	font-size: 18px;
	line-height: 22px;
	color: #333333;
	text-indent: 10px;
}
.index_about_t span{
	font-family: "微软雅黑";
	font-size: 12px;
	line-height: 22px;
	color: #333333;
	float: right;
	border-radius:20px;
	background-color: #d7e7f6;
}
.index_about_t span a{
	color: #333333;
	font-family: "宋体";
	margin-right: 10px;
}
.index_about_t span a:hover{
	color: #0066FF;
}
.index_about_nr {
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float:left;
}
.index_about_nr img {
	float: right;
	margin-right:14px;
}
.index_about_nr p {
	float: right;
	font-family: "微软雅黑";
	line-height: 24px;
	color: #3f3f3f;
	text-indent: 30px;
	margin: 0px;
	padding: 0px;
	width:216px;
}


.index_pro {
	float: left;
	width: 400px;
	margin-right: 30px;
}
.index_lx {
	float: left;
	width: 270px;
	margin-right: 20px;
}

.index_about_nr {
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.index_about_lx .lxfs {
    padding-top:20px;
	padding-left:10px;
	line-height: 24px;
	color: #3f3f3f;
    width:270px;
	height:151px;
	background-image: url(../images/1_07.jpg);
	background-repeat: no-repeat;
	background-position: 0px 12px;
}
.mt30 {height:30px;}

.top_head_bg {
	background-color: #0234af;
	line-height:46px;
	color:#FFFFFF;
	font-size: 14px;
	height:46px;
}
.head_so{width:220px;height:46px;padding:0;display:block;background:url(../images/bg_search_ip.gif) no-repeat left top;margin:0px;overflow:hidden; float:right;}
.head_so input{margin:0;padding:0;border:0;vertical-align:middle;}
.head_so .keyword{
	border:0;
	width:206px;
	height:30px;
	border-radius: 25px;
	padding: 0px;
	text-indent: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-top:-2px;
	line-height:30px;
	overflow: hidden;
}
.head_so_img { margin-left:-100px;}
.head_tel {
	height:120px;
	float:right;
}
.head_tel p {
	font-size: 26px;
	color: #cc0000;
	float: right;
	margin-top:36px;
	margin-left:10px;
}
.head_tel img {
	margin-top:30px;
}
.index_pic{
	overflow: hidden;
	margin-top:26px;
}
.index_pic ul{
	width: 1236px;
	height:200px;
}
.index_pic ul li{
	width: 285px;
	height:126px;
	float:left;
	margin-left:20px;
}
.index_pic ul li p{
	font-size: 18px;
	text-align: center;
	color: #333333;
	margin-top:12px;
}
.index_pic ul li dd{
	font-size: 14px;
	text-align: center;
	color: #999999;
}
.index_about_1 {
	float: left;
	width: 680px;
}
.index_about_1 p {
	font-size: 16px;
	line-height: 26px;
	color: #333333;
}
.index_about_tit {
	font-size: 18px;
	line-height: 26px;
	color: #333333;
	width: 85px;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #e00707;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
}
.index_about_tit p {
	font-size: 14px;
	line-height: 26px;
	color: #333333;
	text-align: center;
	text-transform: uppercase;
}
.index_about_bg {
	background-color: #f0f6fd;
	padding-top: 30px;
	padding-bottom: 30px;
}
.index_about_pic { float:right;}
.index_news {
    padding-top:20px;
	padding-bottom:20px;
}
.index_news ul{
    width:1230px;
}
.index_news ul li{
    width:386px;
	float:left;
	margin-right:20px;
}
.index_news_tit {
	font-size: 14px;
	line-height: 38px;
	height: 38px;
	width: 386px;
	background-image: url(../images/titbg.jpg);
	background-repeat: no-repeat;
	background-position: 0px bottom;
	color: #666;
	margin-bottom:10px;
}
.index_news_tit p{
	font-size: 18px;
	line-height: 38px;
	height: 38px;
	color: #333;
	float:left;
	margin-right:10px;
}
.index_news_tit span{
	font-size: 14px;
	line-height: 38px;
	height: 38px;
	color: #666666;
	float:right;
}
.index_news_tit span a{
	color: #666666;
}
.index_news_fr {
	margin: 0px;
	padding-bottom:40px;
}
.index_news_fr p {
	line-height: 26px;
	color: #333333;
}
.index_news_fr p span {
	color: #999999;
	margin-right:10px;
}
.index_news_fr p a {
	color: #333333;
}
.index_news_fr p a:hover {
	color: #0066CC;
}
/* scrollleft */
.scrollleft{
	width:1200px;
	padding:0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.scrollleft li{float:left;margin-right:7px;display:inline;width:260px;text-align:center;line-height:19px}
.scrollleft img{width:240px;height:170px;padding:6px;border:solid 1px #ddd;}
.scrollleft span{ color:#666666; line-height:30px;}