@charset "gb2312";
/* CSS Document */
*{padding:0; margin:0;}
body{font-size:14px; font-family:"微软雅黑";}
ul,ol,li{ list-style:none;}
img{border:none; vertical-align:middle;}
h1, h2, h3, h4, h5, h6, hr, blockquote, form, ul, ol, li, p, pre, dl, dt, dd, fieldset, legend, button, input, textarea{margin:0; padding:0; font-weight:normal;}
a:link{color:#333; text-decoration:none;}
a:visited{color:#333; text-decoration:none;}
a:hover{color:#333; text-decoration:none;}
.clear{clear:both; font-size:0; font-family:"sans-serif"; height:0; line-height:0;}
.fl{float:left}
.fr{float:right;}

  input::-webkit-input-placeholder {
        /* placeholder颜色  */
       color: #fff;
        /* placeholder字体大小  */
        font-size: 12px; font-family:微软雅黑;
        /* placeholder位置  */
        
    }

.headerbox{width:100%; height: 110px; background: rgba(0,0,0,0.2); overflow: hidden; position:absolute; top: 0; left: 0; z-index: 999;}
.header{width:1200px; margin: 20px auto; overflow: hidden;}

.nav{margin-top: 27px; float: right;}
.nav ul li{float: left; font-size: 16px; margin-right: 30px;}
.nav ul li a{color: #fff;}
.nav ul li.on{ border-bottom: 2px solid #ffe000; padding-bottom: 40px;}
.nav ul li.on a{color: #ffe000;}

.nav-text{width:130px; padding-left: 10px; color: #fff; border-radius: 10px; height: 35px; border: 1px solid #92918f; background: none; outline: none; margin-top: -10px;}
.nav-button{width:45px; height: 35px; background: url(../images/icon2.png) no-repeat center; border: none; outline: none; cursor: pointer; margin-top: -5px;}

/*banner*/
/*中间区域*/
.center{
	width:100%;
	height:100vh;
	background:#ccc;
}
/*中间轮播图区域*/
 
.content_middle{
	height:100vh;
    margin:0px auto;
    position:relative;
}
.content_middle:hover .common{
	display: block;
}
/*左右切换图标*/
.content_middle .common{
	display: block;
	width:50px;
	height: 100px;
	position: absolute;
	z-index: 25;
    top:40%;
    display: none;
}
.content_middle .btnLeft{
	opacity: 0.5;
	left:0px;
	background: url(../images/l.png) no-repeat;
}
.content_middle .btnRight{
	opacity: 0.5;
	right:0px; 
	background: url(../images/r.png) no-repeat;
	margin-right:20px;
}
/*左右切换图标*/
.content_middle ul li{
	width:100%;
	height:100vh; 
	opacity: 0;
	filter: alpha(opacity=0);
	position: absolute;
	margin:0px auto;
}

/*切换小图标*/

.content_middle .table{
	width:120px; 
	height:10px;
	position: absolute;
	bottom:10px;
	left:50%;
	z-index:9; 
	line-height: 24px; 
}
.content_middle .table a{
    width:10px; height:10px; margin:0 5px; border-radius:10px; background:#ffffff; float:left; overflow:hidden;*display:inline;*zoom:1;
}

.content_middle .table a.small_active{
	background:#3a4286;
	color: #fff;
	 
} 

/*@media screen and (max-width: 1600px) {
    .center,.content_middle,.content_middle ul li{ height:600px;}
}*/

.index-zhanhui{ margin: 55px 0; overflow: hidden;}
.index-zhanhui-tit{font-size: 36px; color: #3a4286; text-align: center;}
.index-zhanhui-yellow{width:38px; height: 4px; background: #ffd301; margin: 20px auto;}

.index-zhanhui-l{width:36%; height: 718px; overflow: hidden; float: left; position: relative;}
.index-zhanhui-l img{max-width:100%; height:100%;}
.index-zhanhui-l:hover img{ transform: scale(1.1); transition: 1s;}

.index-zhanhui-l-info{position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,0.5); width:100%; box-sizing: border-box; padding: 15px;}
.index-zhanhui-l-info h2{font-size: 18px; color: #fff; margin-bottom: 8px;}
.index-zhanhui-l-info h3{font-size: 14px; color: #fff;}

.index-zhanhui-m{width:31%; float: left; margin: 0 1%;}
.index-zhanhui-m1{width:100%; height: 400px; overflow: hidden; position: relative; margin-bottom: 10px;}
.index-zhanhui-m1:hover img,.index-zhanhui-m2:hover img,
.index-zhanhui-r1:hover img,.index-zhanhui-r2:hover img{ transform: scale(1.1); transition: 1s;}
.index-zhanhui-m2{width:100%; height: 306px; overflow: hidden; position: relative;}

.index-zhanhui-r{width: 31%; float: right;}
.index-zhanhui-r1{position: relative; height: 306px; overflow: hidden; margin-bottom: 10px;}
.index-zhanhui-r2{width:100%; height: 400px; overflow: hidden; position: relative;}


@media only screen and (max-width: 1600px) {
.index-zhanhui-l{width:36%; height: 598px; overflow: hidden; float: left; position: relative;}
.index-zhanhui-m1{width:100%; height: 338px; overflow: hidden; position: relative; margin-bottom: 10px;}
.index-zhanhui-m2{width:100%; height: 249px; overflow: hidden; position: relative;}

.index-zhanhui-r1{position: relative; height: 253px; overflow: hidden; margin-bottom: 10px;}
.index-zhanhui-r2{width:100%; height: 333px; overflow: hidden; position: relative;}

}


.index-titbox{margin: 80px 0; overflow: hidden;}
.index-blue-tit{font-size: 36px; color: #3a4286; text-align: center;}
/*.index-blue-tit span{background: #ffd301; padding: 5px 10px; margin: 10px 0; display: inline-block;}*/

.index-information{ margin-bottom: 10px; overflow: hidden;}
.index-information-l{width:59%;}
.index-information-l-o{width:56%; height: 637px; overflow: hidden; position: relative;}
.index-information-l-o img{max-width:100%; height:100%;}
.index-information-l-o:hover img{ transform: scale(1.1); transition: 1s;}
.index-information-info{position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,0.5); width:100%; box-sizing: border-box; padding: 15px;}
.index-information-info h2{font-size: 18px; color: #fff; margin-bottom: 8px;}
.index-information-l-t{width:43%;}
.index-information-l-t1{ position: relative; height: 320px; overflow: hidden; margin-bottom: 10px;}
.index-information-l-t2{ position: relative; height: 307px; overflow: hidden;}
.index-information-l-t1:hover img,.index-information-l-t2:hover img{ transform: scale(1.1); transition: 1s;}
.index-information-l-t1 img{max-width:100%; height:100%;}
.index-information-l-t2 img{max-width:100%; height:100%;}

.index-information-r{width:40.5%; box-sizing: border-box; height: 637px; padding: 2%; background: #f2f2f2; font-size: 18px; color: #000; line-height: 32px;}
@media only screen and (max-width: 1600px) {
.index-information-l-o{width:56%; height: 532px; overflow: hidden; position: relative;}
.index-information-l-t1{ position: relative; height: 261px; overflow: hidden; margin-bottom: 10px;}
.index-information-l-t2{ position: relative; height: 261px; overflow: hidden;}
.index-information-r{width:40.5%; box-sizing: border-box; height: 532px; padding: 5%; background: #f2f2f2; font-size: 18px; color: #000; line-height: 32px;}

}



.footerbox{width:100%; height: 380px; background: url(../images/footer-bg.jpg) no-repeat center; overflow: hidden;}
.footer{width:1200px; margin: 33px auto; position: relative;}
.footer-list{ float: left; margin-left: 66px;}
.footer-list:last-child{width: 330px;}
.footer-list-tit{font-size: 18px; color: #ffd301; font-weight: bold; margin-bottom: 20px; margin-top: 10px;}
.footer-list ul li{color: #f2f2f2; line-height: 28px;}
.footer-list ul li a{color: #f2f2f2; line-height: 28px;}
.copyright{color: #999; text-align: center; margin-top: 20px;}
.footer-ewm{position: absolute; top: 100px; left: 0; width:260px;}
.footer-ewm ul li{float: left; margin-right: 20px;}
.footer-ewm p{color: #cfcfcf; text-align: center; line-height: 32px;}

/*新闻资讯*/
.newsbox{width:100%; background: url(../images/pagebg.jpg); overflow: hidden; background-attachment:fixed}
.news{width:1200px; box-sizing: border-box; padding:20px; margin: 0 auto; overflow: hidden; border: 0px solid #211F20; margin-bottom: 30px;}
.mulu{color: #222; margin: 10px auto; width: 1200px;}
.news-fenlei{ text-align: center; margin: 40px 0; overflow: hidden;}
.news-fenlei ul li{width:130px; height: 45px; display: inline-block; margin: 0 15px; line-height: 45px; text-align: center; border: 1px solid #b1b1b1; font-size: 18px; color: #999;}
.news-fenlei ul li.on{background: #3a4286; border: 1px solid #3a4286;}
.news-fenlei ul li.on a{color: #ffe000;}
.news-pic{}
.news-pic-l,.news-pic-r{width:49.5%;}
.news-pic-l1{ position: relative; margin-bottom: 10px;}
.news-list{}
.news-list ul li{font-size: 16px; color: #333; border-bottom: 1px dashed #dedede; margin-bottom: 10px; padding-bottom: 10px;}
.news-list ul li strong{width:5px; height: 5px; background: #3a4286; border-radius: 100%; display: inline-block; margin: 4px 10px;}
.news-list ul li span{float: right;}

/*新闻资讯-详细*/
.news-tit{font-size: 30px; color: #333; text-align: center;}
.news-time{font-size: 14px; color: #999; text-align: center; margin: 15px 0; border-bottom: 1px solid #dedede; padding-bottom: 15px;}
.news-time span{margin: 0 20px;}
.news-info{font-size: 16px; color: #000; line-height: 28px; margin-bottom: 40px;}


/*联系我们*/
.contact{width:1200px; box-sizing: border-box; padding:30px 20px; margin: 0 auto; overflow: hidden; border: 0px solid #211F20; margin-bottom: 30px;}
.contact-l{width:400px; height: 480px; background: #222; box-sizing: border-box; padding: 30px;}
.contact-l-tit{font-size: 24px; color: #e1c81c; border-bottom: 1px solid #4e4e4e; margin-bottom: 20px; padding-bottom: 20px;}
.contact-l-info{color: #cfcfcf; line-height: 30px;}
.contact-l-info span{color: #ffe000;}
.contact-r{width:740px; height: 480px;}
.contact-inp{margin: 55px 0; position: relative;}
.contact-text{font-size: 16px; margin-bottom: 15px;}
.contact-text strong{font-weight: normal; color: #333;}
.contact-text span{color: #333;}
.contact-text input[type="text"]{width: 415px; height: 40px; background: #fafafa; border: 1px solid #d7d7d7; margin: 0 10px;}
.contact-textarea{position: absolute; top: 0; right: 0; color: #333;}
.contact-textarea textarea{width: 415px; height: 115px; background: #fafafa; border: 1px solid #d7d7d7; margin: 0 10px;}
.contact-textarea input[type="button"]{width:105px; height: 35px; background: #222; border-radius: 10px; display: block; color: #ffe000; float: left; margin: 10px 0; border:0; margin-left:225px}


/*关于我们*/
.about{width:1200px; box-sizing: border-box; padding:30px 20px; margin: 0 auto; overflow: hidden; border: 0px solid #211F20; margin-bottom: 30px;}
.about-info{font-size: 16px; color: #222; line-height: 32px;}
.honor{margin: 50px 0;}

.list{width:230px; height:240px; margin:0 auto; text-align:center;}
.list img{ padding: 4px;}
.list  p{padding:20px; padding-top:10px; line-height:24px; font-size:16px}
.list a{width:230px; height:240px; display:block; text-align:center;}

.run {
	POSITION: relative; HEIGHT: 240px; width:1100px; margin:25px auto 0;
}
.runlf {
	Z-INDEX: 100; LEFT: 0px; WIDTH: 26px; POSITION: absolute; TOP: 150px; HEIGHT: 43px
}
.runrg {
	Z-INDEX: 100; RIGHT: 0px; WIDTH: 26px; POSITION: absolute; TOP: 150px; HEIGHT: 43px
}
.runlf IMG {
	CURSOR: pointer
}
.runrg IMG {
	CURSOR: pointer
}#gdq {
	 OVERFLOW: hidden; WIDTH: 1000px; PADDING-TOP: 15px; POSITION: absolute; margin:0 auto; left:50px
}
#gdq DIV {
	WIDTH: 50000px
}


#gdq UL LI {
	FLOAT: left; WIDTH: 250px;
}
#focus_img {margin-left:50px; margin-top:25px}
#focus_img UL LI {
	FLOAT: left; WIDTH: 250px;
}

.mod-banner{width:1100px;  position:relative}
#focus_img img{ cursor:pointer;}
#focus_btn{position:absolute;top:1000px;left:400px;z-index:9;}
#btn_focus_prev,#btn_focus_next{width:26px;height:44px;cursor:pointer; display:block; position:absolute; top:70px}
#btn_focus_prev{
	right:0px;
	background-image:url(../images/icon_r.png);
	background-position: right top;
}
#btn_focus_next{
	left:0px;
	background-image:url(../images/icon_l.png);
	background-position: left top;
}



#outer {}
#tab {overflow:hidden;zoom:1; text-align: center; margin: 30px 0;}
#tab li{width:120px; height: 120px; background: #dedede; border-radius: 100%; text-align: center; line-height: 120px; display: inline-block; margin: 0 10px; cursor:pointer}
#tab li.current{background: #D55038;}
#content {}
#content ul{display: none;}
#content ul .content-list{width:32%; margin-right: 2%; margin-bottom: 30px; overflow: hidden; float: left; background: #f2f2f2;}
#content ul .content-list:nth-child(3n){margin-right: 0;}
#content ul .content-list h2{font-size: 18px; color: #333; margin: 15px 20px;}
#content ul .content-list h3{font-size: 14px; color: #666; margin: 15px 20px; line-height: 26px;}
#content ul .content-list img{width:100%}


/*展会项目*/
.Events{width:1200px; box-sizing: border-box; padding:30px 20px; margin: 0 auto; overflow: hidden; border: 0px solid #211F20; margin-bottom: 30px;}
.Events-listtop{overflow: hidden; text-align: center; margin-bottom: 50px;}
.Events-listtop ul li{width:120px; min-height: 180px; display: inline-block; text-align: center; margin: 0 15px; position: relative;}
.Events-listtop ul li .Events-listtop-yuan{width:120px; height: 120px; background: #dedede; border-radius: 100%;  line-height: 120px;}
/*.Events-listtop ul li.on .Events-listtop-yuan{background: #ffd301;}*/
.Events-listtop-tit{font-size: 16px; color: #222; position: absolute; top: 140px; left: 0; text-align: center; width: 120px;}

.Events-listtop ul li .xmclass1{width:120px; height: 120px; background: #dedede url(../images/xmclass1.png) center no-repeat; border-radius: 100%;  line-height: 120px;}
.Events-listtop ul li.on .xmclass1{width:120px; height: 120px; background: #D55038 url(../images/xmclass1.png) center no-repeat; border-radius: 100%;  line-height: 120px;}

.Events-listtop ul li .xmclass2{width:120px; height: 120px; background: #dedede url(../images/xmclass2.png) center no-repeat; border-radius: 100%;  line-height: 120px;}
.Events-listtop ul li.on .xmclass2{width:120px; height: 120px; background: #D55038 url(../images/xmclass2.png) center no-repeat; border-radius: 100%;  line-height: 120px;}

.Events-listtop ul li .xmclass3{width:120px; height: 120px; background: #dedede url(../images/xmclass3.png) center no-repeat; border-radius: 100%;  line-height: 120px;}
.Events-listtop ul li.on .xmclass3{width:120px; height: 120px; background: #D55038 url(../images/xmclass3.png) center no-repeat; border-radius: 100%;  line-height: 120px;}

.Events-listtop ul li .xmclass4{width:120px; height: 120px; background: #dedede url(../images/xmclass4.png) center no-repeat; border-radius: 100%;  line-height: 120px;}
.Events-listtop ul li.on .xmclass4{width:120px; height: 120px; background: #D55038 url(../images/xmclass4.png) center no-repeat; border-radius: 100%;  line-height: 120px;}

.Events-listtop ul li .xmclass5{width:120px; height: 120px; background: #dedede url(../images/xmclass5.png) center no-repeat; border-radius: 100%;  line-height: 120px;}
.Events-listtop ul li.on .xmclass5{width:120px; height: 120px; background: #D55038 url(../images/xmclass5.png) center no-repeat; border-radius: 100%;  line-height: 120px;}

.Events-listtop ul li .xmclass6{width:120px; height: 120px; background: #dedede url(../images/xmclass6.png) center no-repeat; border-radius: 100%;  line-height: 120px;}
.Events-listtop ul li.on .xmclass6{width:120px; height: 120px; background: #D55038 url(../images/xmclass6.png) center no-repeat; border-radius: 100%;  line-height: 120px;}


.Events-list{}
.Events-list ul li{position: relative; background: #f2f2f2; border-bottom: 2px solid #ccc; height: 280px; margin-bottom: 30px;}
.Events-list ul li img{float: right;}
.Events-list-info{width:370px; position: absolute; top: 40px; left: 30px;}
.Events-list-info h2{font-size: 16px; color: #999;}
.Events-list-info h3{font-size: 24px; color: #333; line-height: 38px; margin: 20px 0;}
.Events-list-info h4{font-size: 16px; color: #3a4286;}

.Events-list2{ margin-bottom:15px; overflow:hidden}
.Events-list2 ul li{position: relative;  border-bottom: 1px solid #211F20; height: 35px; line-height:35px; width:48.5%; float:left; margin-right:2%; padding-left:0.5%; }
.Events-list2 ul li:nth-child(2n){margin-right:0}
/*人才招聘*/
.recruit{width:1200px; box-sizing: border-box; padding:30px 20px; margin: 0 auto; overflow: hidden; border: 0px solid #211F20; margin-bottom: 30px;}
.recruit h3{background:#acacac; height:38px; line-height:38px; font-weight:normal; font-size:16px; color:#fff; padding-left:20px; position:relative;}
.recruit h3 span{position:absolute; right:50%;}
.recruit h3 i{position:absolute; right:25%; font-style:normal;}
.recruit h3 b{position:absolute; right:70%; font-weight: normal;}
.recruit h3 strong{position:absolute; right:5%; font-weight: normal;}
.recruit ul{overflow:hidden; margin-bottom:20px;}
.recruit ul li{height:55px; line-height:55px; padding-left:20px; position:relative;}
.recruit ul li:nth-child(even){background: #f2f2f2;}
.recruit ul li:nth-child(odd){background: #fff;}
.recruit ul li span{position:absolute; right:49.5%;}
.recruit ul li b{position:absolute; right:72%; font-weight: normal;}
.recruit ul li strong{position:absolute; right:3%; top: 20%; font-weight: normal; border:1px solid #dedede; padding: 0 10px; height: 30px; line-height: 30px;}
.recruit ul li strong:hover{background: #222; color: #ffd301;}
.recruit ul li i{position:absolute; right:27.5%; font-style:normal;}




/*分页*/
.pages{width:100%; margin:0 auto; text-align:center;margin-top:0px; margin-bottom:30px; margin-top:30px}

/*淘宝风格*/
.paginator { font: 12px "微软雅黑"; margin:0 auto; }
.paginator a {border:solid 1px #cbc6c2;color:#000000;cursor:pointer;text-decoration:none;}
.paginator a:visited {/*padding: 1px 6px;*/ border: solid 1px #E2E0E0; background: #fff; text-decoration: none; color:#000000}
.paginator .cpb {border:1px solid #d9362b;color:#FFF;background-color:#d9362b; font-family:"微软雅黑"}
.paginator a:hover {border:solid 1px #d9362b;color:#fff;text-decoration:none; background:#d9362b; display:block}
.paginator a,.paginator a:visited,.paginator .cpb,.paginator a:hover  
{/*height:20px;line-height:20px;min-width:20px;_width:10px;*/margin-right:5px;text-align:center;
 white-space:nowrap;font-size:14px;font-family:微软雅黑;padding:5px 10px; display:inline-block}




#bg{ display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color:#000000; z-index:1001; -moz-opacity: 0.7; opacity:.70; filter: alpha(opacity=70);position:fixed; 
_position:absolute; 
_left: expression(documentElement.scrollLeft + documentElement.clientWidth - this.offsetWidth); 
_top: expression(documentElement.scrollTop + documentElement.clientHeight - this.offsetHeight);}

.mydiv { line-height:20px; 
		border: 1px solid #CCCCCC; 
		font-size: 12px; 
		width: 835px;  
		left:0; top:5%; right: 0; margin: 0 auto; background: #FFFFFF; border-radius: 10px;  z-index:99999;
	
		  position:absolute; padding:35px 50px; margin:0 auto; left:0; right:0; /*IE6*/ }
		  
.mydiv_tit{width:100%; height:80px; border-bottom:#e0e0e0 solid 1px; font-size:24px; color:#333}
.mydiv_tit h1{display:block; margin-right:70px; float:left; font-size:14px; color:#999999; margin-top:10px}
.mydiv_tit h1:last-child{ margin-right:0}
.mydiv_tit a{width:20px; float:right; height:19px; display:block; background:url(../images/close.png); font-size:16px}		  
.mydiv-nr{width:100%; line-height:30px; height:390px; font-size:14px; margin-top:20px; line-height:28px;  overflow-y:auto}
.mydiv-close{position:absolute; right:50px; font-size:18px; }
.mydiv-nr a.shengqing{margin:0 auto; width:184px; height:43px; display:block; color:#FFD301; background:#222222; border-radius:3px; margin-top:15px; text-align:center; line-height:43px; font-size:16px} 

.donghua{width: 100%; height: 540px; background:url(../images/index-pic1.jpg) no-repeat center; overflow:hidden;}
.donghua h2{font-size:72px; text-align:center; color:#fff; margin-top:180px;}
.donghua h3{font-size:60px; text-align:center; color:#fff;}










































































































































































































































































































