﻿@charset "UTF-8";
/* CSS Document */

body, html{
	height:100%;
	margin:0;
	padding:0;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    background: #fff;
	font-family: "microsoft yahei", "Arial Narrow";
	color: #090909;}
	
img{
	border:none;
	}
/*p{
	text-indent:2em;}
	*/
a {
	font-size: 14px;
	color: #3b3b3b;
	text-decoration:none;
	outline:none;
	}
a:hover{
	color:#ae1b1b;
	}

ul{
	padding:0;
	margin:0;
	list-style:none;
	}
li, p{
	padding:0;
	margin:0;
	}
.clear{
	clear:both;
}
.divheight{
	height:10px;}
.divheight50{
	height:50px;}
.topbg{

	z-index:5;
	width:100%;
	height:40px;
	background-color:#7d0000;
	color:#fff;}
.topcontent{
	min-width:1177px;
	width:91.981132%;
	margin-left:auto;
	margin-right:auto;
	font-size:18px;
	color:#fdad2f;
	font-weight:bold;}
.topconleft{
	margin-top:8px;
	float:left;}
.topconcenter{
	
	float:left;
	margin-top:8px;
	margin-left:400px;}
.topconcenter a{
	color:#fdad2f;}
.topconcenter a:hover{
	color:#e50102;}
.topconright{
	margin-top:5px;
	float:right;}
	
.searchbg{
	z-index:2;
	width:100%;
	position:absolute;
	margin-top:-150px;
	opacity:0;
	height:90px;
	margin-left:auto;
	margin-right:auto;}
	
.searchb{
	text-align:center;
	
	background-color:#fff;
	height:90px;
	display:inline-block;
	font-size:24px;
	float:right;
    padding-left: 0;
    text-decoration: none;
    width: 100%;
	}
.searchinput{
	-webkit-appearance: textfield;
	max-width:288px;
	float:left;
	border-style: solid;
	margin-top:8px;
	border-color:#ECECEC;
	border-width:2px 0px 2px 2px;
	font-size:18px;
	line-height:24px;
	margin-right:0px;
	margin-left:0px;
	padding:5px;}
	
.searchbutton{
	
	cursor:pointer;
	background-color:#e90505;
	color:#FAF7F7;
	font-weight:bold;
	float:left;
	border-style:solid;
	margin-top:8px;
	border-color:#ECECEC;
	border-width:2px;
	margin-left:0px;
	font-size:18px;
	line-height:24px;
	padding:5px;}
	
.menubg{
	height:90px;
	width:100%;
	background-color:#fff;}
	
.menucontent{
height:90px;
	min-width:1177px;
	width:91.981132%;
	margin-left:auto;
	margin-right:auto;
	background-color:#fff;
	max-width:1177px;
	}
.logo{
	float:left;
	}
.menu{
	-webkit-margin-before: 0em;
	-webkit-margin-after: 0em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	float:right;}
	
#navigation{
	background-color:#fff;
	height:90px;
	list-style:none;
    margin: 0px auto 0;
	list-style-type:none;
	}
	
#navigation li{
	margin-top:25px;
	height:35px;
	text-align:center;
	width:100px;
	float:left;
	display:block;
	position:relative;
	cursor:pointer;
	color:#5d6e80;}

#navigation li a{
	display: block;
    text-decoration: none;
    color: #000;
    height: 35px;
    line-height: 35px;}
	
#navigation li a:hover{
	color:#FAF7F7;}
	
#navigation li:hover{
	background-color:#7d0000;
	color:#fff;
	font-weight:bold;
}


.mail{
	height:80px;
	width:100%;
	background-color:#BABABA;
	clear:both
	}
.mailcontent{
	width:91.981132%;
	height:80px;
	margin-left:auto;
	margin-right:auto;
	max-width:1177px;}
	
.marq{
	margin-top:32px;
	margin-right:40px;
	float:left;
	color:#fff;
	width:350px;
	
	}
.marq a{color:#fff; margin-right:10px;}
.mail-line{
	width:310px;
	height:80px;
	background-image:url(../images/mail-line.png) ;
	background-repeat:no-repeat;
	float:left;}
	
.maillogin{
	
	margin-top:20px;
	float:right;
	color:#9fb0c0;
	font-weight:bold;}
.user, .passworld{
	font-size:16px;
	color:#8a8a8a;
	margin-right:0px;
	padding:5px;
	-webkit-appearance: textfield;
	border-style:solid;
	height:25px;
	border-color:#ECECEC;
	border-width:2px 0px 2px 2px;}
	
.mailbutton{
	width:80px;
	border-color:#ECECEC;
	border-width:0px;
	border-style:solid;
	background-color:#c72527;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	padding:11px;
	cursor:pointer;}
.userimg, .passimg{
	
	float:left;
	margin-right:40px;
	height:35px;
	width:35px;
	border-width:2px 2px 2px 0px;
	border-color:#ECECEC;
	border-style:solid;}
	
.userimg{
	background-image:url(../images/user.jpg);}
	
.passimg{
	background-image:url(../images/passworld.jpg);}
	
.content1, .content2{
	max-width:1177px;
	width:91.981132%;
	margin-left:auto;
	margin-right:auto; overflow:hidden;}
	
.aboutus, .viewpoint, .newss {
    width: 330px;
    float: left;
}
	
..newss{
	float:right;}
	
.viewpoint {
    margin-left: 93px;
    margin-right: 93px;
}
.aboutimg, .viewpointimg, .newsimg{
	margin-bottom:1px;
	}
	
.aboutcont, .viewpointcont, .newscont{
	width:100%-30px;;
	font-size:14px;
	background-color:#f4f3f3;
	padding:15px;
	height:255px;
	}
	
.contenttitle{
	font-size:34px;
	color:#4a6a8d;
	width:100%;
	font-weight:bold;
	text-align:center;}
	
.aboutcont p, .viewpointcont ul li, .viewpointcont a, .newscont ul li, .newscont a{
	font-size:14px;
	color:#3e3e3f;
	line-height:30px;}
	
.morebutton{
	height:25px;
	cursor:pointer;
	margin-left:auto;
	margin-right:auto;
	font-size:18px;
	color:#fff;
	background-color:#e90505;
	width:90px;
	text-align:center;
	font-weight:bold;
	padding:10px;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-o-border-radius: 7px;}
.morebutton:hover{
	cursor:pointer;
	background-color:#567aa1;}
.morebutton a{
	color:#fff;
	font-size: 16px;
	text-decoration:none;
	outline:none;
}
	
.viewpointcont a:hover, .newscont a:hover{
	color:#ae1b1b;}
	
.viewpointcont ul li span{
	color:#ae1b1b;}
	
.newscont img{
	
	margin-right:7px;}
.newsone a{
	color:#ae1b1b;
	font-size:16px;
	font-weight:bold;}
	
.content2{
	max-width:1700px;
	width:100%;
	margin-left:auto;
	margin-right:auto;}
	
.content2title{
	margin-left:auto;
	margin-right:auto;
	font-size:25px;
	color:#2c3e50;
	text-align:center;
	font-weight:bold;
	}
.content2title2{
	font-size:16px;
	color:#626262;
	text-align:center;
	margin-top:10px;}
.content2title2 span{
	width:50px;
	margin-left:30px;}
	
.roundimg{
	width:100%;
	max-width:1700px;
	background-image: url(../images/qk.jpg);
	background-position:center;
	height:315px;}
	
.content3{
	width:100%;
	max-width:1700px;
	background-image: url(../images/content3bg.jpg);
	background-position:center;
	height:520px;
	margin-left:auto;
	margin-right:auto;
	}
	
.content3title{
	color:#FAF7F7;}
	
.content3title2{
	color:#9eafc0;
}
.content3con{
	margin-left:auto;
	margin-right:auto;
	width:91.981132%;
	max-width:1177px;}
	
.content3con ul li{
	cursor:pointer;
	display:inline;
	float:left;
	margin-right:43.4px;
	width:160px;
	text-align:center;
	color:#9dafc0;}
.content3con ul li:last-child{
	margin-right:0px;}

.content3con ul li span{
	font-weight:bold;
	margin-top:20px;}
	
.content4{
	width:91.981132%;
	margin-left:auto;
	margin-right:auto;
	max-width:1177px;}
	
.content4conLeft, .content4conCenter, .content4conRight{
	height:400px;
	padding:1px;
	float:left;
	width:27.1877655%;
	margin-right:102px;
	border:#ECECEC 1px solid;}
	
.content4conRight{
	float:right;
	margin-right:0px;}
	
.pjf_index_img{
	text-align:center;}

.pjf_title, .pl_title, .sp_title{
	text-align:center;
	font-size:22px;
	color:#4a6a8d;
	font-weight:bold;
	margin-top:12px;
	margin-bottom:12px;}
	
.pjf_content, .pl_content, .sp_content{
	margin-left:auto;
	margin-right:auto;
	width:90%;}
	
.pjf_content ul li, .pl_content ul li, .sp_content ul li{
	color:#333232;
	font-size:14px;
	line-height:30px;}
	
.pjf_content ul li span, .sp_content ul li span{
	font-size:14px;
	color:#cf0c0c;
	line-height:30px;}
	
.pl_top_line, .sp_top_line{
	height:5px;
	background-color:#D60206;}
	
.pl_content ul li img{
	margin-right:3px;}
	
.sp_content{
	margin-top:10px;}
	
.bottom{
	width:100%;
	height:300px;
	background-color:#f4f4f5;}
	
.bottom_content{
	width:91.981132%;
	margin-left:auto;
	margin-right:auto;
	max-width:1177px;}
	
.bottome_content1, .bottome_content2, .bottome_content3, .bottome_content4{
	width:21.240441%;
	margin-right:3.313508%;
	
	}
	
.bottome_content1, .bottome_content2, .bottome_content3{
	float:left;}
	
	.bottome_content4{
		float:right;}
	
.bottom_big_title{
	font-size:25px;
	color:#000;
	text-align:left;}
	
.bottom_zmt{
	margin-top:10px;}
	
..bottom_zmt img{}
	
.benan{
	
	padding-left:45px;
	height:36px;
	text-align:left;

	background-image:url(../images/beian.jpg);
	background-position:left;
	background-repeat:no-repeat;}
.wangan{
	font-size:12px;
	font-weight:bold;
	padding-left:45px;
	height:36px;
	text-align:left;
	background-image:url(../images/wangan.jpg);
	background-position:left;
	background-repeat:no-repeat;
	}
	
.benan a, .wangan a{
	color:#000;
	font-size:12px;
	font-weight:bold;}
	
.benan a:hover, .wangan a:hover{
	color:#eeab29;}
	
.tel400{
	line-height:31px;
	background-image:url(../images/400.png);
	background-position:left;
	background-repeat:no-repeat;
	font-weight:bold;
	color:#000;
	font-size:16px;
	padding-left:45px;
	height:31px;}
.tel{
	line-height:32px;
	background-image:url(../images/tel.png);
	background-position:left;
	background-repeat:no-repeat;
	font-weight:bold;
	color:#000;
	font-size:16px;
	padding-left:45px;
	height:32px;}
.fax{
	line-height:22px;
	background-image:url(../images/fax.png);
	background-position:left;
	background-repeat:no-repeat;
	font-weight:bold;
	color:#fff;
	font-size:16px;
	padding-left:45px;
	height:22px;}
	
.dress{
	line-height:30px;
	color:#000;
	font-size:14px;}
	
.dress span{
	color:#000;
	font-weight:bold;}
	
.bottom_line{
	height:1px;
	background-color:#520c5f;
	width:100%;}
	
.bottom_menu ul li{
	display:inline;
	float:left;
	color:#fff;
	}
	
.bottom_menu{
	text-align:center;
	font-size:14px;
	margin-left:auto;
	margin-right:auto;
	width:91.981132%;
	max-width:1177px;}
.bottom_menu ul li a{
	color:#FAF7F7;}
.bottom_menu ul li a:hover{
	color:#fc0931;}
	
.copyright{
	margin-top:5px;
	font-size:14px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	width:91.981132%;
	color:#9dafc0;}
	
.gotop{
	position:fixed; bottom:0;right:0;
	margin-bottom:0px;
	
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	width:91.981132%;
	}
	
.gotopimg{
	cursor:pointer;}
	
.dede_pages {
    font-size: 12px;
    margin: 30px auto;
    overflow: hidden;
    text-align: center;
    width: 460px;
    clear: both;
}

.dede_pages ul {
    clear: both;
    width: 180px;
    margin: 0 auto;
    overflow: hidden;
    padding: 12px 0 12px 16px;
    text-align: center;
    font-size: 14px;
    white-space: nowrap;
}

.main {
    width: 91.981132%;
    margin-left: auto;
    margin-right: auto;
	max-width:1177px;
}

.newsbanner{
	text-align:center;
	
	height:400px;
	}
.newsbanner img{

	height:400px;
	}



#playBox{ width:100%; height:566px; margin:0px auto;  position:relative; overflow:hidden;}
#playBox .oUlplay { width:99999px; position:absolute; left:0; top:0;}
#playBox .oUlplay li{ float:left;}
#playBox .oUlplay li img{position:relative;}
#playBox .pre{ cursor:pointer; width:45px; height:45px; background:url(../images/l.png) no-repeat; position:absolute; top:190px; left:10px; z-index:10;}
#playBox .next{ cursor:pointer; width:45px; height:45px; background:url(../images/r.png) no-repeat; position:absolute; top:190px; right:10px; z-index:10;}
#playBox .smalltitle {width:100%; height:10px; position:absolute; bottom:15px; z-index:10}
#playBox .smalltitle ul{ width:120px; margin:0 auto;}
#playBox .smalltitle ul li{ width:10px; height:10px; margin:0 5px; border-radius:10px; background:#ffffff; float:left; overflow:hidden;*display:inline;*zoom:1;}
#playBox .smalltitle .thistitle{ background:#69aaec;}

.title {
    color: #000;
    background: url(../images/tit_bg.jpg) no-repeat;
    height: 68px;
    width: 798px;
    line-height:48px;
    padding-left: 20px;
  
}

.title_right {
    color: #000;
    background: url(../images/tit_bg.jpg) no-repeat;
    height: 68px;
    width: 818px;
    line-height:48px;
    padding-left: 20px;
    float:right;
  
}

.chaxun { float:left; margin-left:40px; margin-top:19px;}
.chaxun a{ display:block;background:#fff; width:160px; margin-right:20px; text-align:center; height:40px; line-height:40px; color:#7b0000; font-size:16px;}
.chaxun a:hover{ display:block;background:#dbdbdb; color:#000;}



/*VS start*/
.zz_vs{width:100%;height:460px;}
.zz_vs .left{width:49.9999%;height:460px;background:#000;float:left}
.zz_vs .left .con{width:550px;height:460px;float:right;position:relative;overflow:hidden;}
.zz_vs .left .con .c{position:absolute;width:550px;height:460px;right:0;top:0;background:#000;}
.zz_vs .left .con .c img{display:block;margin:130px auto 0;}
.zz_vs .left .con .arrow{width:37px;height:28px;background:url(../images/zz_vs_arrow.png) 0 0 no-repeat;position:absolute;right:0;top:185px;z-index:99;}

.zz_vs .left .con .c2{position:absolute;width:550px;height:460px;right:0;top:0;overflow:hidden;background:#000;}
.zz_vs .left .con .c2 ul{padding:100px 0 50px 140px;width:300px;}
.zz_vs .left .con .c2 ul li{font:16px/26px simsun;color:#fff;}
.zz_vs .left .con .c2 a.btn{display:inline-block;width:213px;height:33px;margin-left:140px;border-radius:4px;background:#626262;text-align:center;font:14px/33px simsun;color:#fff;}



.zz_vs .right{width:49.9999%;height:460px;background:#7d0000;float:left}
.zz_vs .right .con{width:550px;height:460px;float:left;position:relative;overflow:hidden;}
.zz_vs .right .con .c{position:absolute;width:550px;height:460px;left:0;top:0;background:#7d0000;}
.zz_vs .right .con .c img{display:block;margin:130px auto 0;}
.zz_vs .right .con .arrow{width:37px;height:28px;background:url(../images/zz_vs_arrow.png) -37px 0 no-repeat;position:absolute;left:0;top:185px;z-index:99;}

.zz_vs .right .con .c2{position:absolute;width:550px;height:460px;left:0;top:0;overflow:hidden;background:#7d0000;}
.zz_vs .right .con .c2 ul{padding:100px 130px 50px 0;width:350px;float:right;}
.zz_vs .right .con .c2 ul li{font:16px/26px simsun;color:#fff;}
.zz_vs .right .con .c2 a.btn{display:inline-block;width:213px;height:33px;margin-right:167px;border-radius:4px;background:#fff;text-align:center;font:14px/33px simsun;color:#444;float:right;}


.kn_img {
    clear: both;
}
.kn_img a {
    display: block;
    height: 430px;
    overflow: hidden;
    background: url(../images/kn_img.jpg) center top no-repeat;
}


/*banner*/
#banner {
	width: 100%;
	float: left;
	height: 566px;
	position: relative;
	clear:both
}
.ulBanner {
	width: 100%;
	height: 566px;
}
.ulBanner li {
	position: absolute;
	width: 100%;
	height: 566px;
}
.ulBannerNav {
	position: absolute;
	bottom: 20px;
	left: 50%;
	margin-left: -33px;
	z-index: 10;
}
.ulBannerNav li {
	float: left;
	background: #fff;
	margin: 0 3px;
	width: 16px;
	height: 16px;
	display: block;
	cursor: pointer;
	border-radius: 16px;
}
.ulBannerNav li.on {
	background: #0078ca;
	cursor: pointer;
}




.container{position:relative;width:1250px;margin-top:32px;display:none;}
.container.a{display:block;}
.grid{width:305px;margin:5px; top:0; left:0; position:absolute;
	-webkit-transition:all 1.5s ease;
	-moz-transition:all 1.5s ease;
	-o-transition:all 1.5s ease;
	-ms-transition:all 1.5s ease;	
	transition:all 1.5s ease;
}
.grid .text0{background:#f6f6f6; padding:10px 0;}
.grid .text0 h3{color:#474747;font-size:16px;line-height:1.2; text-align:center; padding:0; margin:0;}
.grid .text0 h4{color:#707070;font-size:12px;line-height:1.2;margin:10px 0 0 25px; display:none}
.grid .text0 .s2{margin-left:28px;}
.grid .text0 .s3{margin-left:8px;}
.grid .imgholder{ text-align:center}
.grid .imgholder img{ height:180px;}


/* 公司概况 */
.widget-area .main1{height:400px;position:relative;}
.widget-area .bread p,.widget-area .bread a,.widget-area .bread span{color:#fff;}	
.widget-area .bread{position:absolute;left:0;top:80px;width:100%;z-index:2;}
.widget-area .main1 .black{position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/black100.png) center center repeat;}
.widget-area .main1 .text{position:absolute;top:155px;width:1250px;left:50%;margin-left:-625px;text-align:center;}
.widget-area .main1 .text h3{color:#fff;width:100%;font-size:28px;position:absolute;left:40%;top:0;line-height:1.2;filter:alpha(opacity=0);-moz-opacity:0;opacity:0; padding:0; margin:0 0 0 -625px}
/*符*/.widget-area .main1 .text p{color:#fff;width:1014px;position:absolute;left:40%;margin-left:-507px;font-size:14px;line-height:1.5;top:45px;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}


/*浮动客服*/
#floatDivBoxs{width:170px;background:#fff;position:fixed;top:180px;right:0;z-index:999;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#f08326;color:#fff;font-size:18px;text-indent:22px;position:relative;}
#floatDivBoxs .floatDqq{padding:0 14px;}
#floatDivBoxs .floatDqq li{height:45px;line-height:45px;font-size:15px;border-bottom:1px solid #e3e3e3; padding:0 0 0 50px;}
#floatDivBoxs .floatDtxt{font-size:18px;color:#333;padding:12px 14px;}
#floatDivBoxs .floatDtel{padding:0 0 15px 10px;}
#floatDivBoxs .floatDtel img{display:block;}
#floatDivBoxs .floatDbg{width:100%;height:20px;background:url(../images/online_botbg.jpg) no-repeat;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
.floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
#rightArrow{width:50px;height:45px;background:url(../images/online_arrow.jpg) no-repeat;position:fixed;top:180px;right:170px;z-index:999;}
#rightArrow a{display:block;height:45px;}


/* 本例子css */
.txtScroll-top{ width:850px;  overflow:hidden; position:relative; float:left }
.txtScroll-top .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
.txtScroll-top .hd .prev,.txtScroll-top .hd .next{ display:block;  width:9px; height:5px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
	 cursor:pointer; background:url("../images/icoup.gif") no-repeat;}
.txtScroll-top .hd .next{ background:url("../images/icodown.gif") no-repeat;  }
.txtScroll-top .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; }
.txtScroll-top .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; }
.txtScroll-top .hd ul li.on{ background-position:0 0; }
.txtScroll-top .bd{ }
.txtScroll-top .infoList li{ height:24px; line-height:24px;   }

.txtScroll-top .infoList li a:hover{ color:#F00}
.date{ float:right; }


/* 本例子css */
.txtMarquee-left{ width:900px;  overflow:hidden; position:relative; float:left   }
.txtMarquee-left li{ width:600px; margin-right:40px; height:30px; line-height:30px; overflow:hidden;}
.txtMarquee-left li a{ color:#D53E47;font-weight:bold; font-size:24px}