@charset "utf-8";
/* CSS Document */
body{margin:0;padding:0;font-size:14px;line-height:24px;font-family:"微软雅黑";}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
*{box-sizing: border-box; -webkit-box-sizing: border-box;}
input{vertical-align: middle;}
img{border:0;vertical-align:middle;}
ul,li{list-style-type:none;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
.tc{text-align:center;}
.tl{text-align:left;}
.tr{text-align:right;}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;}.fnb{font-weight:200;margin-left:-1px;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none;}
.rel{position: relative;}.abs{position: absolute;}
h3{font-weight: normal;}
em{font-style: normal;}
/*header*/
body {
    max-width: 1920px;
    margin: 0 auto;
    min-width:1400px;
}
/*  */

.head{
	width: 1260px;
	margin: 0 auto;
}
/*  */

.dh{ width: 1200px; margin: 0px auto; padding: 0px; 
}



/*header*/

.top_bg{ max-width: 1200px; min-width: 1200px; height: 30px; line-height: 30px; color: #888787; font-size: 12px; margin: 0 auto; 
}
.content{
	max-width: 1300px;
	margin: 0 auto;
}
.link a{
	color: #888787;
}
.link a img{ width:25px; 
	margin-left: 20px;
}

.logo{ float:left;width: 130px; margin: -20px 0 0 0 ; }
.logo img{ width: 300px; }

.nav li{
	float: left;
	padding: 12px 32px;
}
.nav li a{
	color: #2a2a2a;
	font-size: 18px; line-height:35px;
	display: block;
}
.nav li a:hover{ color: #2c6ab4; }
.nav li.cur a{
	color: #2c6ab4;
}



#menus .cur{color: #2c6ab4;	}
#menus .cur a{color: #2c6ab4;}
.curs{color: #2c6ab4;}
.curs a{color: #2c6ab4;}

/*index*/
.topadcs{ background: #06C url(../images/index_09.png) no-repeat 60% bottom; }
.tit_bg1{ background: #06C url(../images/index_09.png) no-repeat 60% bottom; padding-bottom: 37px; }
.tit1{	padding-top: 35px;}
.tit h3{ color: #FFF; font-size: 36px; line-height: 60px; }
.tit h4{ font-weight: normal; color: #F0F0F1; font-size: 13px; text-transform: uppercase; line-height: 23px; }
.tit h4 a{color: #F0F0F1; }


.case_bg{
	min-width: 1400px;
	height: 827px;
	background: #f8f8f8;
}
.tit2{
	padding-top:50px;
	padding-bottom: 38px;
}
.case_type a{ width: 185px; background: url(../images/nmenu-of.png) no-repeat center center; height: 45px; text-align: center; line-height: 45px; color: #000; margin: 0  auto; display: inline-block; font-size: 16px; }
.case_type a:hover{ color: #2c6ab4; background: url(../images/nmenu-on.png) no-repeat center; 
}




.case_pic{
	width: 452px;
	height: 308px;
	overflow: hidden;
	
}
.case_pic img{
	transition: all 0.6s;
}
.case_pic h3{
	width: 410px;
	height: 93px;
	border-top: solid 1px #fff;
	position: absolute;
	left:0;
	right:0;
	margin: 0 auto;
	bottom:-106px;
	padding: 0 20px;
	color: #f8f8f8;
	font-size: 16px;
	line-height: 93px;
	background:rgba(0,0,0,0.4) url(../images/index_16.png) no-repeat 360px center;
	transition: all 0.6s;
}
.case_con{
	background: #fff;
	padding: 32px 0 34px;
}
.case_tit{
	height: 116px;
}
.case_tit h3{
	color: #5f5f5f;
	margin-bottom: 9px;
}
.case_tit span{
	line-height: 18px;
	color: #b6b6b6;
}
.case_text{
	height: 170px;
	display: none;
	
}
.case_text p{
	padding: 0 30px 23px;
	color: #7c7b7b;
	font-size: 13px;
}
.case_list li:hover .case_text{
	display: block;
}
.case_list li:hover .case_tit{
	display: none;
}
.case_list li:hover .case_pic h3{
	bottom:15px
}
.case_list li:hover .case_pic img{
	transform: scale(1.2);
}
.case_code{
	width: 49px;
	position: absolute;
	bottom:-48px;
	left:0;
	right:0;
	margin: 0 auto;
}


.about_bg{
	min-width: 1400px;
	background: url(../images/index_25.jpg) no-repeat;
	
}
.about{
	width: 957px;
	padding: 126px 0 0;
}
.m_order{ color: #292929; padding-bottom: 50px; max-width: 1000px; min-width: 1000px; margin: 0 auto; width: 100%; overflow: hidden; 
}

.m_about{ color: #292929; padding-bottom: 50px; max-width: 1300px; min-width: 1300px; margin: 0 auto; width: 100%; overflow: hidden; 
}
.m_about img{ display:block; margin:0 auto;text-align:center
}

.header-container{ background: url('../images/white-grunge.jpg'); border-bottom: 3px solid #2c6ab4; position: relative; z-index: 100; padding-top: 0; 
}
.footer-container{ border-top: 2px solid #555555; background: url(../images/bluew.jpg); padding: 25px 0 0; margin-top: 45px; 
}

 .footer { width:1200px; margin:0 auto;  }
/*底部开始*/
.ft{ background: url(../images/bluew.jpg) repeat; padding-top: 20px; font-family: "Microsoft Yahei"; line-height: 24px; }
.ft h1 i img{ width: auto; height: auto; display: block; margin-bottom: 30px; }
.ft h1 em img,.ft h1 .ico{display: block;float:left;margin-right: 6px;width: 34px;height: 34px;}
.ft h1 .pr .pa
{
    top: 22px;
    left: -78px;
    padding-top: 16px;
    width: 110px;
    display:none;
}
.ft h1 .pr:hover img.pa{display:block;}
.ft p{ display: block; width: auto; margin-right: 100px; padding-left: 15px;}
.ft p a{ display: block; color: #FFFFFF; font-size: 14px; line-height: 24px; }

.ft a{color: #fff;}
.ft ul.item-3{ float: right; display: block; padding-left: 0px; width: auto; }
.ft ul.item-3 li{ float: left; color: #FFFFFF; font-size: 14px; text-align: center; width: 100px; margin: 0px; padding: 0px; }
.ft ul.item-3 li a{ color: #FFFFFF; }
.ft ul.item-3 li i{padding-left: 10px}
.ft ul.item-3 li img{width: 95px;}


.ft ul ul{display: block; padding-left: 0px; width: auto; }
.ft ul ul li{ font-size: 14px; color: #fff; line-height: 24px; }
.ft ul ul li a{color: #fff; line-height: 24px;}
.ft ul ul li i{}


.ft p em a,.ft ul em a{ display: block; padding-bottom: 15px; font-size: 18px; color: #fff }
.ft .item-3 span{display: block;width:124px;text-align: center;color: #fff;font-size: 14px;text-align: center; line-height: 24px;}
.ft .item-3 span img{width: 124px;height: 124px;display: block;margin: 36px 0 10px 0}
.ft-t{ overflow: hidden;  line-height: 24px;}
.ft h5{ color: #FFFFFF; background: url(../images/bluew.jpg) repeat; font-size: 14px; font-weight: normal; margin: 30px auto auto; padding: 20px 0px; border-top: 1px dotted #CCC; line-height: 24px; }
.ft h5 span{display: block; width:auto; line-height: 24px;}
.ft h5 p{line-height: 22px;}
.ft h5 b{font-size: 16px;}

/*底部结束*/


/*rollup.css*/
#roll_top,#fall,#ct{position:relative;cursor:pointer;height:40px;width:40px}
#roll_top{background:url(../images/top.png) no-repeat}
#fall{background:url(../images/top.png) no-repeat}
#ct{background:url(../images/top.png) no-repeat}
#roll{display:block;width:40px;margin-right:-600px;position:fixed;right:50%;top:80%;_margin-right:-520px;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight*0.8)); z-index:100;}


/*banner*/
.banner { height:530px; overflow:hidden; }
.banner a { height:530px; ; }
/*  */
.bd li img{width:100%;}
/* 产品  */
.fullSlide2
{
	clear: both;
	width: 100%;
	position: relative;
	
}
.fullSlide2 .bd {
	margin:0 auto;
	position:relative;
	z-index:0;
	overflow:hidden;
}
.fullSlide2 .bd ul {
	width:100% !important;
}
.fullSlide2 .bd li {
	width: 100% !important;
	overflow: hidden;
	text-align: center;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% 100%
}
.fullSlide2 .bd li a {
	display: block;
	
}

.fullSlide2 .hd {
	width:100%;
	position:absolute;
	z-index:1;
	bottom:0px;
	left:0;
	height:30px;
	line-height:30px;
}
.fullSlide2 .hd ul {
	text-align:center;
}
.fullSlide2 .hd ul li { cursor: pointer; display: inline-block; 	*display:inline;
zoom: 1; width: 20px; height: 8px; margin: 1px; overflow: hidden; background: #fff; line-height: 999px; }
.fullSlide2 .hd ul .on { background: #0099FF; }
.fullSlide2 .prev,.fullSlide2 .next {
	display:block;
	position:absolute;
	z-index:1;
	top:50%;
	margin-top:-30px;
	left:5%;
	z-index:1;
	width:40px;
	height:60px;
	cursor:pointer;
	filter:alpha(opacity=50);
	opacity:0.5;
	display:none;
	width:73px; 
	height:73px;
}
.fullSlide2 .prev
{
      background:url(../images/left1s.png) no-repeat;
  }
.fullSlide2 .next {
	left:auto;
	right:5%;
	background:url(../images/right1s.png) no-repeat;
}
/*  */

/* */
.s_picbox{
	display: block;
	overflow: hidden;
	width: 100%;
	margin: 0px auto;
	background: #f2f2f2;
	padding-top: 50px;
	padding-bottom: 60px;
}
.s_picbox span{display:block;}
.s_pic_list{
	display: block;
	margin: 0px auto;
	width: 95%;
}
.s_pic_list li{
	background: #fff;
	width: 29%;
	overflow: hidden;
	position: relative;
	float: left;
	border: 1px solid #E0E0F1;
	margin-bottom: 30px;
	margin-right: 2%;
	margin-left: 2%;
}
.s_pic_list li a{display:block;}
.s_pic_list li a img{ max-width:100%; min-height:100%; margin:0 auto;display:block }
.s_pic_list .s_pic_list_name{ position: absolute; left: 0; bottom: 0; width: 100%; height: 0px; background: url(../images/pro_bg.png) repeat; overflow: hidden; transition: all 1s; }
.s_pic_list li:hover .s_pic_list_name{height:100%;padding-top:0px;}
.s_pic_list_name b{ display: block; line-height: 220px; font-size: 28px; color: #fff; }
.s_pic_list_name span p{ margin: 20px 25px 0px;  overflow: hidden; font-size: 12px; color: #fff; }
.s_pic_list_name a{ display: block; width: auto; height: auto; ; color: #FFFFFF; border-radius: 5px; margin: 0 auto; line-height: 220px; font-size: 28px; font-weight: normal; }


.min_w{min-width:1200px;}
.sabout_bg{ min-height: 350px; background: #f2f2f2; padding-bottom: 20px; }
.sabout_con{ line-height: 36px; overflow: hidden; margin: 10px 0; font-size: 16px; text-align: justify; text-indent: 30px; }
.sabout_more{display:block;width:150px;height:40px;line-height:40px;background:#606266;color:#fff;margin:30px auto 0;border-radius:3px;}
.container{width:960px;margin:0 auto;}

.sabout_bg .index_tit{padding:30px 0 20px;}
.sabout_bg .index_tit dt{font-size:34px;font-weight:bold;color:#000;line-height:80px;}
.sabout_bg .index_tit dd{font-size:20px;color:#0069c2;}

/* */
.m_picbox{ display:block;overflow: hidden; width: 100%; margin: 0px auto; background: #f2f2f2; padding-top: 50px; padding-bottom: 60px;}
.m_picbox span{display:block;}
.class_pic_list{ display: block; margin: 0px auto; width: 1300px; }
.class_pic_list li{background: #fff; width: 386px; height: 280px; margin-left: 30px; overflow: hidden; position: relative; float: left; border: 1px solid #E0E0F1; margin-bottom: 30px; }
.class_pic_list li a{display:block;}
.class_pic_list li a img{ max-width:100%; min-height:100%; margin:0 auto;display:block }
.class_pic_list .class_pic_list_name{ position: absolute; left: 0; bottom: 0; width: 386px; height: 50px; background: url(../images/pro_bg.png) repeat-y; overflow: hidden; transition: all 1s; }
.class_pic_list li:hover .class_pic_list_name{height:280px;padding-top:0px;}
.class_pic_list_name b{display:block;line-height:60px;font-size:18px;color:#fff;}
.class_pic_list_name span{margin:20px;height:90px;line-height:30px;overflow:hidden;color:#bababa;font-size:16px;}
.class_pic_list_name a{display:block;width:100px;height:30px;line-height:30px;color:#fff;border-radius:5px;margin:0 auto;background:#a0107b;}

/* */
.m_newsbg{ width: 100%; /*margin: 0 auto 230px;*/
margin: 0px auto; display: block; overflow: hidden; background: #f8f8f8; }

.m_news { padding: 30px 0px 50px; max-width: 1200px; margin: 0 auto; }
.m_news .title { display:none; text-align: center; padding-bottom: 50px;border-bottom: 1px solid #f5f5f5; }
.m_news .title h1 { font-size: 28px; letter-spacing: 4px; font-weight: normal; color: #000; margin-bottom: 15px; }
.m_news .title p { letter-spacing: 4px; font-size: 12px; color: #cbcbcb; }
.m_news .detial { padding-top: 10px; }
.m_news .detial p { line-height: 24px; margin-bottom: 24px; font-size: 14px;  }
.m_news .detial img{ max-width:95%;}
.bt { text-align: left; padding-bottom: 50px}
.bt img{ float:left}
.bt p{  margin-top: 20px; float: right; background: #0069c2; padding:10px 25px}
.bt p a{ font-size: 16px; color:#fff; }

.m_news .detial .growbtn2 { font-size: 16px; color: #fff; padding: 0 60px; line-height: 45px; border-radius: 45px; margin-top: 50px; }

.m_news .morep { width: 100%; overflow: hidden; padding: 10px; }
.m_news .morep { border: 1px solid #E0E0F1; background: #F0F0F1; }
.m_news .morep a {color: #222;  transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out; }
.m_news .morep a:hover { color: #003399; }
.m_news .morep a.prev { text-align: left; }
.m_news .morep a.next { text-align: right; }
.m_news .morep .iconfont { font-size: 14px; line-height: 20px; }



/*cul*/
.c_fc{ background: url(../images/bj.gif)  repeat center top; overflow: hidden; margin: 0px auto 100px } 

.cul{ margin-top: 20px; height: 600px; width: 1200px; overflow: hidden; margin:0px auto }
.scroll1,.scroll2{ margin: 300px 0 0 0; display: blcok; width: 16px; height: 40px; overflow: hidden; }
.scroll1 a,.scroll2 a{width:16px; height:40px;overflow:hidden; display:inline-block;}
.scroll1 a{ background:url(../images/cul_roll1.gif) no-repeat left top;}
.scroll2 a{ background:url(../images/cul_roll2.gif) no-repeat left top;}
.scroll1 a:hover{  background:url(../images/cul_roll11.gif) no-repeat left top;}
.scroll2 a:hover{  background:url(../images/cul_roll22.gif) no-repeat left top;}

.cul_c{ height: 600px; overflow: hidden; width: 1140px; margin-left: 15px; display: inline; }
.p_pic_list{ display: block; margin: 0px auto; width: 100%; overflow: hidden; }
.p_pic_list li{ background: #fff; width: 1140px; height: 600px; overflow: hidden; position: relative; display:inline-block; margin: 0px; padding: 0px;}
.p_pic_list li a{display:block;  border: 1px solid #E0E0F1;}
.p_pic_list li a img{ max-width:99%; height:600px; margin:0 auto;display:block ;}
.p_pic_list .p_pic_list_name{ position: absolute; left: 0; bottom: 0; width: 100%; height: 50px; background: url(../images/pro_bg.png) repeat; overflow: hidden;  }
.p_pic_list .p_pic_list_more{}
.p_pic_list li:hover .p_pic_list_more{ position: absolute; right: 0px; top: 0px; width: 286px; height: 300px; overflow: hidden; transition: all 1s; text-align: right; margin: 0px; padding: 0px; border-style: none; }
.p_pic_list li:hover .p_pic_list_more a{ border: none; }
.p_pic_list li:hover .p_pic_list_more a img{ height:100%; margin:0 auto;display:block ;}
.p_pic_list_name b{display:block;line-height:60px;font-size:18px;color:#fff;}
.p_pic_list_name span{margin:20px;height:90px;line-height:30px;overflow:hidden;color:#bababa;font-size:16px;}
.p_pic_list_name a{display:block;width:100px;height:30px;line-height:30px;color:#fff;border-radius:5px;margin:0 auto;background:#a0107b;}




.xdh{ width: 100%; margin: 0px auto 18px auto; padding: 0px; overflow: hidden;  background: #06C url(../images/xdh.jpg) no-repeat 60% bottom; }
.dh{ width: 1250px; min-width:1230px; margin: 0px auto; padding: 0px; overflow: hidden; }

.dhtit{
	float: left;
	width: 450px;
	text-align: center
}
.dh_type{ float: left; display:block; margin-top:40px}
.dhtit h3{
	color: #FFF;
	font-size: 22px;
	line-height: 120px;
	width: 85%;
}
.dh_type a{ width: auto; background: #F0F0F1; height: 45px; text-align: center; line-height: 45px; color: #000; margin: 5px; display: inline-block; font-size: 16px; word-spacing: -1px; padding-right: 15px; padding-left: 15px; }
.dh_type a:hover{ color: #2c6ab4; background: #E0E0F1;}