@charset "utf-8";
/* CSS Document */
*{ margin: 0;padding: 0;border:0;}
body {font-size:14px; line-height:24px;color:#333333; font-family:Microsoft YaHei,SimSun; -webkit-text-size-adjust:none; background:url(../Image/bj.jpg) repeat-x top center #f5f5f5;}
a{ color:#333333; text-decoration:none; cursor:pointer; transition: 0.3s all 0s linear;}
a:hover{ text-decoration:none; color:#0074cd;}
.f_left{ float:left;}
.f_right{ float:right;}
.clear{ clear:both;}
.relative{ position:relative;}
.absolute{	position:absolute;}
ul {list-style: none;}
li{ list-style-type:none;}
#main{ width:1200px; height:auto; overflow:hidden; margin:0 auto;}
.eng{font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:30px; color:#dedede; padding-left:16px;}
#inco,.nav{ font-family:Microsoft YaHei,SimSun; font-size:14px;}
.nr{ line-height:26px;}
.w1002{width:1200px; height:auto; overflow:hidden; margin:0 auto;}
/*-------------- top --------------*/
.top_a{ height:40px; line-height: 40px; color: #FFF;}
.top_a .f_right{ width: 500px;}
.top_a a{ color: #FFF;padding-left: 30px;margin-right: 15px; float: left;}
.top_a .shop{background: url(../Image/top_01.png) no-repeat left top;} 
.top_a .qq{background: url(../Image/top_02.png) no-repeat left top;} 
.top_a .erweima{ background: url(../Image/top_03.png) no-repeat left top;} 
.top_a .online{background: url(../Image/top_04.png) no-repeat left top; }

.top_a a:hover{ color: #ffff00; background-position-y: -40px !important;}

.top_tel{ line-height: 30px; margin-top: 15px; height: 30px; color:#035CAC;  margin-right: 10px; font-size: 20px;}
#header{ background-color: #FFF;}
.header{position: fixed;z-index: 9999;width: 100%;top: 0; border-bottom: 1px solid #D8D8D8}


#top{ width:1200px; height:auto;  margin:0 auto;}
#logo{ float:left; height:93px;}
#top_right { float:right; background:url(../Image/top_right.jpg) no-repeat top left; }
#top_right span{padding-top:40px; color:#d30000; font-size:18px;}
#search{float: right; margin-top: 15px; height: 30px; background:url(../Image/search.jpg) no-repeat bottom right; width: 230px;}
#search .txt{ width:190px; float:right; height:30px;border:none; background:none;}
#search .but{ width:35px; height:30px; float:left;  cursor:pointer;border:none; background:none;}
#inco{ height:47px; float: right; margin-top:30px;}
#inco li{ float:left; width:90px;position: relative;}
#inco li a{text-align:center; color:#000; line-height:47px; display: block; font-size: 16px;}
#inco li:hover>a{ color: #035CAC;}

.submenu{ width:0; height: 0; opacity: 0; position: absolute; top:68px;z-index: 999; background: #fff; border:solid 3px #0e4aa4; border-top: none;}
.submenu_01{ width: 308px; height: 297px; position: absolute; left:20px; top:15px;}
.submenu_01 .menu_t{width: 100%; height: 35px; line-height: 35px; font-weight: bold; text-align: left; font-size: 16px; color: #0e4aa4;}
.submenu_01 .menu_img{ width: 306px; height: 150px; margin:0 auto; margin-top: 10px;}
.submenu_01 .menu_info{width: 302px; padding-top: 10px; text-align: left; margin:0 auto; line-height: 24px; color: #040404; font-size: 14px;}
.submenu_02{ width: 270px; height: 297px; position: absolute; left:340px; top:15px; border:solid 1px #e9e9e9; border-top: none; border-bottom: none;}
.submenu_02 .menu_title{width: 100%; height: 35px; line-height: 35px; font-weight: bold; text-align: center; font-size: 16px; color: #0e4aa4;}
.submenu_02 .img{ width: 157px; height: 150px; margin:0 auto; margin-top: 10px;}
.submenu_02 .menu_i{width: 224px; padding-top: 10px; text-align: left; margin:0 auto; line-height: 24px; color: #040404; font-size: 14px;}
.submenu_03{ width: 143px; height: 297px; border-left:solid 1px #e9e9e9; position: absolute; right:20px; top:15px;}
.submenu_03 .menu_title{width: 100%; height: 35px; line-height: 35px; font-weight: bold; text-align: center; font-size: 16px; color: #0e4aa4; margin-bottom: 10px;}
#inco li .submenu_03 a{ width: 143px; text-align: center; height: 30px; font-size: 14px; line-height: 30px; display: block; color: #0e4aa4;}
#inco li .submenu_03 a:hover{ background: #df0000; color: #fff;}

#flash{ height:563px; clear: both; width:100%; overflow:hidden; position: relative; background: #000000;}
.flash { position: absolute; z-index: 0; width: 1920px; height: 563px; margin: 0 auto; top: 0;}
#zyflash1{ background: url(../Image/zyflash1.jpg) no-repeat top center; height: 370px;}
#zyflash2{ background: url(../Image/zyflash2.jpg) no-repeat top center; height: 370px;}
#zyflash3{ background: url(../Image/zyflash3.jpg) no-repeat top center; height: 370px;}
#zyflash4{ background: url(../Image/zyflash4.jpg) no-repeat top center; height: 370px;}
#zyflash5{ background: url(../Image/zyflash5.jpg) no-repeat top center; height: 370px;}
#zyflash6{ background: url(../Image/zyflash6.jpg) no-repeat top center; height: 370px;}
#zyflash7{ background: url(../Image/zyflash7.jpg) no-repeat top center; height: 370px;}

#news{ background: #f5f5f5; padding: 35px 0 70px 0;overflow: hidden;}
	#news .nav{ width: 220px; height: 280px; float: left; }
	#news .nav span{ font-size: 40px; color: #035cac; display: block; height: 60px; line-height: 50px; padding-top: 25px;}
	#news .nav i{ font-style:normal; font-size: 30px; color: #888888; font-family: arial; height: 80px; display: block; text-transform: uppercase; line-height: 30px;}
	#news .nav a{}
	#newslist li{ width: 311px; height: 320px; margin: 12px 7px; float: left; transition: 0.3s all 0s linear;}
	#newslist li .img{width: 311px; height: 206px; margin-bottom: 10px; overflow: hidden;}
	#newslist li .img img{min-width: 311px; min-height: 206px; max-height: 233px;transition:all 1s ease 0s;}
	#newslist li:hover img{transform: scale(1.1, 1.1);	-ms-transform:scale(1.1, 1.1);; 	/* IE 9 */	-moz-transform:scale(1.1, 1.1);; 	/* Firefox */	-webkit-transform:scale(1.1, 1.1);; /* Safari 和 Chrome */	-o-transform:scale(1.1, 1.1);; 	/* Opera */}
	#newslist li .title{ height: 50px; font-size: 16px; padding: 0 8px; transition: 0.3s all 0s linear; line-height: 27px; color: #545454;}
	#newslist li .time{ color: #9c9c9c; padding: 15px 10px;}
	#newslist li .time a{ background: url(../Image/news_li.png) no-repeat top left; width: 22px; height: 22px; float: right; transition: 0.4s all 0s linear}
	#newslist li:hover{ box-shadow: 0px 3px 10px rgba(0,0,0,.3);border-radius: 10px; border: none;background: #fff;}
	#newslist li:hover .time a{ background-position-y: -22px;}

#case{ background: #FFF; margin-top:-42px; padding: 24px 0 28px 0;}
	#case .nav{text-align: center; height: 115px;}
	#case .nav span{ font-size: 40px; color: #035cac; display: block; height: 55px; line-height: 55px; }
	#case .nav i{ font-style:normal; font-size: 30px; color: #dfdfdf; font-family: arial; height: 30px; display: block; text-transform: uppercase; line-height: 30px;}
	#case .nav p{ line-height: 24px; padding: 5px 0; display: block; color: #898c94;}
	#case .nr{ padding: 33px 0 0 0; width:100%; margin:0 auto; overflow:hidden}
	#case .nr li{float:left; width:280px; height:260px; _height:260px; margin: 10px;}
	#case .nr li .img{ width: 280px; height: 210px; overflow: hidden;}
	#case .nr li .img img{transition:all 1s ease 0s; max-width:280px;_width:280px; max-height:210px;_height:210px; display: block;}
	#case .nr li:hover img{transform: scale(1.1, 1.1);	-ms-transform:scale(1.1, 1.1);; 	/* IE 9 */	-moz-transform:scale(1.1, 1.1);; 	/* Firefox */	-webkit-transform:scale(1.1, 1.1);; /* Safari 和 Chrome */	-o-transform:scale(1.1, 1.1);; 	/* Opera */}
	#case .nr li a{ display:block; width:280px; height:260px; border: 1px solid #efefef; color:#444444; background: #f8f8f8; transition: 0.3s all 0s linear; line-height: 50px; text-align: center;
	 -moz-border-radius:5px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
	#case .nr li a:hover{ background:#035cac; color:#FFF;}
	#case .nr li span{ line-height: 50px; height: 50px; display: block;}

#cp{ background: #f8f8f8; padding: 45px 0; overflow: hidden; min-width: 1200px;}
	#cp li{ float: left; width: 306px; height: 305px; margin: 0 12px 12px 0; position: relative; background: #035CAC;}
	#cp li span{ position: absolute; top: 135px; width: 155px; height: 41px; border: 1px solid #efedee; left: 30%; color: #efedee; text-align: center; line-height: 41px;transition: 0.3s all 0s linear; font-family: 16px;}
	#cp li dd{ width: 70%;top: 200px; color: #FFF; left: 15%; opacity: 0; position: absolute;transition: 0.3s all 0s linear; font-size: 16px; text-align: center;}
	#cp li:nth-child(3){ clear: left;}
	#cp li:nth-child(5){ width: 510px;}
	#cp li:nth-child(6){ background: none; width: 440px; padding: 0 35px; position: absolute; top: 0px; left: 636px; color: #898c94;}
	#cp li:hover img{ opacity: 0.3; transition: 0.3s all 0s linear;}
	#cp li:hover span{ top: 105px;}
	#cp li:hover dd{top: 170px; opacity: 1;transition: 0.3s all 0.2s linear; }
	
	#cp li .nav{ width: 100%; text-align: right; height: 280px; }
	#cp li .nav bb{ font-size: 40px; color: #035cac; display: block; height: 60px; line-height: 50px;}
	#cp li .nav i{ font-style:normal; font-size: 30px; color: #dadada; font-family: arial; height: 60px; display: block; text-transform: uppercase; line-height: 30px;}
	#cp li .nav a{ text-align: left; float: right; margin-top: 20px;}
	#cp li .nav p{ line-height: 35px; color: #898c94;}


#box{ width: 384px; float: left; margin: 24px 24px 24px 0;}
	#box:last-child{ margin-right: 0;}
	#box .nav{ font-size: 24px; height: 56px; line-height: 56px;}
	#box .nr .img{ width: 384px; height: 199px; display: block; overflow: hidden; position: relative;}
	#box .nr ul{ border: 1px solid #f8f8f8; padding: 9px; line-height: 28px;}
	#box .nr ul p{border-top: 1px solid #f8f8f8; display: block; margin-top: 46px; transition: 0.3s all 0s linear; width: 120px; }
	#box .nr ul p a{padding: 5px 12px; margin-top: 12px; color: #212121; display: block; transition: 0.3s all 0s linear;}
	#box ul li{padding:0 9px;line-height: 28px;}
	
	#box .nr:hover ul p a{background: #035CAC; color: #FFF; padding-left: 30px;}
	.imgB { width: 100%;  top: 0; left: 0; position: relative;  opacity: 1;}
	.imgT { width: 100%;top: 0;left: 0; position: absolute;background: #000;
    -webkit-transform: scale(5);
    -moz-transform: scale(5);
    -ms-transform: scale(5);
    -o-transform: scale(5);
    transform: scale(5);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
}
#box .nr:hover .imgT {
    opacity: 0.5;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

#licheng{padding: 50px 0;background: url(../Image/lc_bj.jpg) no-repeat top center #035cac; color: #FFF;}
	#licheng .nav{ font-size: 34px; text-align: center; font-family: arial; line-height: 34px; text-transform: uppercase; height: 180px;}
	#licheng .nav span{ display: block; font-size: 42px; display: block; font-family: "微软雅黑"; height: 46px; line-height: 46px; padding-bottom: 20px;}
	#licheng .nav a{ color: #FFF; font-size: 16px; width: 150px; margin: 0 auto; display: block; border-top: 3px solid #FFF; height: 46px; line-height: 46px; text-align: center; font-family: "微软雅黑"; margin-top: 20px;}
	#licheng .nr{position: relative; background: url(../Image/licheng.png) repeat-x left 210px; height: 416px;}
	.slideTxtBox{ width:1200px;}
	.slideTxtBox .hd{ position:relative; }
	.slideTxtBox .hd ul li{font-size: 20px; padding-top: 90px; display: block;  font-weight: bold; color: #FFF; font-family: arial; cursor:pointer; float: left; width: 43px; padding-left: 26px;background: url(../Image/doc.png) no-repeat -34px top;}
	.slideTxtBox .hd ul li:last-child{ width: 88px;}
	.slideTxtBox .hd ul li.on{font-weight: bold; font-size: 50px; padding-left: 0; width: 110px; background: url(../Image/doc.png) no-repeat 44px top;transition: 0.3s all 0s linear;}
	.slideTxtBox .hd ul li.on:last-child{ width: 114px;}
	.slideTxtBox .bd ul{ padding:30px 140px;  zoom:1; height: 140px; overflow: hidden; line-height:28px;}
	.slideTxtBox .bd ul span.title{ font-size:70px; font-weight: bold; height: 100px; line-height: 100px; float: left; margin-right: 30px;}
	/* 下面是前/后按钮代码，如果不需要删除即可 */
	.slideTxtBox .arrow a{ display:block;  width:51px; height:51px; cursor:pointer; background:url(../Image/lc_l.png) no-repeat;position:absolute; left:0; top:-140px; }
	.slideTxtBox .arrow .next{background:url(../Image/lc_r.png) no-repeat; left:1149px}
	

#liucheng{ background: #FFF; width: 100%;min-width: 1200px; overflow: hidden;}
#liucheng .nav{ font-size: 28px; color: #006eb1; text-align: center; height: 120px; line-height: 120px;}
#liucheng .nr{ width: 1015px; margin: 0 auto; margin-bottom: 40px; overflow: hidden;}
#liucheng .nr li{ float: left; height: 161px; width: 169px; margin: 0; background: url(../Image/ding.jpg) no-repeat right center; overflow: hidden; ;}
#liucheng .nr li img{ height: 161px; transition: 0.4s all 0s linear;display: block; margin: 0}
#liucheng .nr li:hover .img1{ height: 0;}

#links .w1002{ border-top: 1px solid #b2b2b2; height:auto; padding: 10px 0; line-height: 36px;}
#links span{font-weight: bold;}
#links a{ color: #035CAC;}

#end_nr{ background: #f8f8f8; padding: 20px 0; color: #313131;min-width: 1200px; line-height: 26px;}
#end_nr .f_left p{ transition: 0.3s all 0s linear;}
#end_nr .f_left p:hover{ color: #121212;}
#end_nr .f_left a{ color:#000000 ; font-weight:bold}
#end_nr .f_left a:hover{ color: #c90000;}
#end_nr .f_right{ height: 110px; width: 350px;}
#end_nr .f_right span{  font-size: 14px; color: #555555;display: block;font-weight: bold; color: #035cac;}
#end_nr .f_right a{ background: url(../Image/end_line.png) no-repeat top left; display: block; width: 80px; height: 39px; line-height: 37px; padding-left: 39px; color: #FFF; float: left; font-size: 16px;}

#end{ background: #0067b4; height: 48px; line-height: 48px; color: #a3bddc; min-width: 1200px;}
#end a{ color: #a3bddc;}
#end a:hover{ color: #FFF;}
	
/*public*/
#indexNews {width:100%; margin:0 auto; overflow:hidden}
#indexNews li{ height: 46px; width: 575px; margin: 0 12px; border-bottom: 1px solid #dadada; float: left;}
#indexNews li .time{ float: left; height: 31px; ;line-height: 31px; width: 110px; padding-right: 9px; margin:7px 0 0 0;transition: 0.3s all 0s linear;position:relative; overflow: hidden;}
#indexNews li .time i{ text-align: center; color: #FFF; font-style: normal; display: block; z-index: 999; position:relative;}
#indexNews li .time img{transition: 0.3s all 0s linear; width: 119px; height: 31px; position: absolute; top: 0;}
#indexNews li .time img.img1{left: 0;}
#indexNews li .time img.img2{left:-119px;z-index: 99;}
#indexNews li:hover .time img.img2{left:0; }
#indexNews li a{ float: left; margin-top: 7px; height: 31px; line-height: 31px; width: 436px; padding-left: 19px; transition: 0.3s all 0s linear;}

#indexPro{height:215px; overflow:hidden; margin:0 auto;}
#indexPro li{ margin:10px; width:215px; height:190px; float:left; display:block; text-align:center; line-height:24px;}
#indexPro li img{ border:2px solid #ffb913; width:215px; height:165px; }
.introImg{ float:left; margin-right:10px;}
/*company*/
/************新闻*****************/
.news_tit_u{text-align: center;font-size: 24px;color: #0c5ba4;line-height: 30px; padding: 20px 0; font-weight:700; width: 80%; margin: 0 auto;}
.tag{ border: 1px dotted #cecdc2; padding: 10px; background: #FBFBFB; color: #999;  margin: 15px 20px;}
.news_tit_d{text-align: center;padding: 5px 0px;font-size: 12px;font-weight: 100;background: #f7f7f7;border: 1px solid #e8e8e8;color: #303030;width: 98%;margin: 10px auto;height: 20px;line-height: 20px;}
.news_tit_img{ margin:9px auto; text-align:center}
.news_tit_img img{ max-height:600px; max-width:600px;}
/************产品*****************/

.food_name{display: block;color: #da020d;text-align: center;}
.info_img_detail{ text-align:center; margin:10px 0;}
.info_img_detail img{ width:400px;}
/************分页*****************/
.page{width:99%; height: 30px; line-height: 30px;text-align: center; margin: 12px auto;font-size: 12px; clear:both;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border: 1px solid #d2d4d6;}
.page a{display: inline-block;height: 20px;line-height: 20px;border: 1px solid #d2d4d6;padding: 0 2px;background: #FFF;}
.page a:hover{background:#404040;color:#fff;border:none;height:20px;line-height:20px;padding:1px 3px;}
.page span.current {padding:3px 6px 3px 6px;height:18px;line-height:18px;background:#404040;color:#fff;}



.page_news{width:99%; height: 30px; line-height: 30px;text-align: center; margin: 12px auto;font-size: 12px; clear:both; padding-top: 20px;}
.page_news a{display: inline-block;height: 20px;line-height: 20px;border: 1px solid #d2d4d6;padding: 0 5px;background: #FFF;}
.page_news a:hover{background:#404040;color:#fff;border:none;height:20px;line-height:20px;padding:1px 5px;}
.page_news span.current {padding:3px 6px 3px 6px;height:18px;line-height:18px;background:#404040;color:#fff;}



/************留言*****************/
.jobs li{overflow:hidden;margin:23px 18px 28px 28px;padding-bottom:27px;border-bottom:1px dotted #cdcdcd;}
.jobs .but a{position:relative;top:-150px;background:#3398fe;float:right;width:71px;height:34px;color:#fff;text-align:center;line-height:34px;}
.jobs strong{color:#da020d;}
.jobs p{/*margin:6px 0 -134px 156px;*/line-height:35px;}
.job_nam{ font-weight:700; color:#F00}
/*------------------menu-list--------------------*/
#graybar,.recruit_info_tit_bg{ height:42px; background:#f3f3f3; margin-bottom: 10px;}
#graybar span,.recruit_info_tit{ width:146px; line-height:42px; font-size: 18px; text-align:center; display:block; color:#FFF; background:#004ca1; border-right:1px solid #FFF;}
#prev_next{margin: 50px 20px;clear: both;overflow: hidden; font-weight: bold;}
#prev_next a{color: #e40000; font-weight: bold;}
#prev_next li{padding: 5px 27px;border: 1px solid #17539C;float: left;font-size: 12px;margin-right: 27px;
min-width: 233px; background: #FFF;}
.rightinfo{ margin:0 20px 40px 20px; font-size: 16px; line-height: 33px;}
/*table  Company*/
#myzone table { border-collapse: collapse; border-spacing: 0; empty-cells:show; margin: 0 auto;}
#myzone table td,table th{ border:#ddd solid 1px; padding: 5px 15px; text-align: center; }
#myzone table th{ background:#39A4DC; color:#fff;  }
#myzone table .new td{ color:#f60; font-weight:bold;  }


/*图片特效*/
.grid {overflow: hidden;margin: 0;width: 424px;list-style: none;text-align: center;}
/* Common style */
.grid figure {position: relative;z-index: 1;display: inline-block;overflow: hidden;width: 424px;height: 359px;background: #035cac;text-align: center;cursor: pointer; margin: 0;}
.grid figure img {position: relative;display: block;	min-height: 100%;width: 424px;height: 359px;}
.grid figure figcaption { padding: 30px;color: #fff; text-transform: uppercase;	-webkit-backface-visibility: hidden;	backface-visibility: hidden;}
.grid figure figcaption::before,.grid figure figcaption::after {pointer-events: none;}
.grid figure figcaption{position: absolute;top: 0;left: 0;width: 364px;height: 300px;}
.grid figure h2 {word-spacing: -0.15em;	font-weight: 300;}
.grid figure h2 span {font-weight: 800;}
.grid figure h2,.grid figure p {margin: 0;}
.grid figure p {letter-spacing: 1px; font-size: 16px; padding-top: 100px; line-height: 28px;}

figure.effect-bubba {background: #035cac;}
figure.effect-bubba img { width: 424px; height: 359px;}
.jjbox:hover figure.effect-bubba img {	opacity: 0.7;}
figure.effect-bubba figcaption::before,
.jjbox figure.effect-bubba figcaption::after {	position: absolute;
	top: 30px;	right: 30px;
	bottom: 30px;
	left: 30px;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

.jjbox figure.effect-bubba figcaption::before {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}

figure.effect-bubba figcaption::after {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
}

figure.effect-bubba p {
	padding: 20px 2.5em;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
	padding-top: 100px;
}

.jjbox:hover figure.effect-bubba figcaption::before,
.jjbox:hover figure.effect-bubbafigcaption::after {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
.jjbox:hover figure.effect-bubba p {opacity: 1;-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);}



/*公司简介  Company*/
#jj_box .w1002{ background: #FFF;}
#jj_01{ margin: 16px 0;}
#jj_02{ background: #FFF; padding: 16px 0;}
#jj_box .img{ width: 424px; height: 359px;}
#jj_box .img img{width: 424px; height: 359px;}
#jj_box .tit{ margin:0 50px; width: 640px;}
#jj_box .tit span{ height: 54px; line-height: 54px; display: block; padding-top: 55px; font-size: 40px; color: #035cac;}
#jj_box .tit i{font-style:normal; font-size: 30px; color: #f5f5f5; font-family: arial; height: 36px; display: block; text-transform: uppercase; line-height: 36px;}
#jj_box .tit p{ line-height: 30px; padding: 26px 0; display: block; color: #585858;}
#jj_box .tit a{ height: 58px; width: 130px; display: block; font-size: 18px;color: #000; background: url(../Image/news_more.png) no-repeat 93px top; padding-left: 15px; line-height: 26px; text-align: left; position: relative; overflow: hidden;}
#jj_box .jjbox:hover .tit a{ line-height: 58px; background-position-y: 15px; color: #035CAC;}
#jj_box .f_right{ text-align: right;}

.biankuang_1{height: 4px; width: 0; left:0; bottom:0; position: absolute; background: #035CAC; transition: 0.3s all 0s linear;}
.biankuang_2{width: 4px; height: 58px; right: 0; bottom:-116px; position: absolute; background: #035CAC; transition: 0.3s all 0.2s linear;}
.biankuang_3{ width: 0; height: 4px; right: 0; top: 0;position: absolute; background: #035CAC; transition: 0.3s all 0s linear;}
.biankuang_4{ width: 4px; height: 58px; top: -116px; left: 0;position: absolute; background: #035CAC; transition: 0.3s all 0.2s linear;}

.bk_num .more{  height: 58px; width: 130px; display: block; font-size: 18px;color: #000; background: url(../Image/news_more.png) no-repeat 93px top; padding-left: 15px; line-height: 26px; text-align: left; position: relative; overflow: hidden;}
.bk_num:hover a.more{line-height: 58px; background-position-y: 15px; color: #035CAC;}

.bk_num:hover .biankuang_1{ width: 145px !important;}
.bk_num:hover .biankuang_2{ bottom: 0 !important;}
.bk_num:hover .biankuang_3{ width: 145px !important;}
.bk_num:hover .biankuang_4{ top:0 !important;}


/*新闻中心*/
.newsinfo_nav{ width: 1150px;height: auto; top: -30px;margin: auto;position: relative;z-index: 999;}
.newsinfo_nav .title{width: 100%;height: 65px;text-indent: 32px;font-size: 34px;color: #3E3A3A;background: #DADCDB;line-height: 65px;}
.newsinfo_nav .nav{width: 1086px;height: 46px;font-size: 14px;color: #FFF;background: #17539C; padding:0  32px;}
.newsinfo_nav .nav li{float: left;cursor: pointer;width: 90px;height: 26px;line-height: 26px;border-radius: 3px;margin-top: 10px;text-align: center;margin-right: 10px;}
.newsinfo_nav .nav li.active {background: #07AAD6;}
.newsinfo_nav .nav li a{ color: #FFF;}
.newsinfo_nav .weizhi{width: 1150px;height: 65px;font-size: 14px;color: #5D5E5E; line-height: 46px;text-align: right;margin: 0 auto;}
.newsinfo_nav .weizhi a{display: inline; margin-right: 20px; color: #5D5E5E;}
/*联系我们*/
#lx_box .nav{ padding: 48px 0;}
#lx_box .nav span{ width: 240px; float: left; display: block; font-size: 40px; color: #035cac;}
#lx_box .nav i{text-transform: uppercase; display: block; padding-top: 15px; font-style: normal; font-size: 30px; color: #888888;}
#lx_box .nav p{ float: right; width:945px; font-size: 18px; color: #9c9c9c; font-weight: bold; padding: 7px 0;}
#lx_box .nr{ padding: 10px 0; background: #FFF; margin-bottom: 20px;}
#lx_box .nr .title{ height: 30px; line-height: 30px; padding:10px 35px 20px 35px; display: block; font-size: 18px; color: #035cac; font-weight: bold;}
#lx_box .nr .title i{ font-weight: 100; color: #121212; font-size: 14px; font-style: normal; padding: 0 5px;}
#lx_box .nr p{ padding-left: 30px; height: 31px; line-height: 31px;}
#lx_box .nr p.tel{ background: url(../Image/tel.png) no-repeat left center;}
#lx_box .nr p.ren{ background: url(../Image/ren.png) no-repeat left center;}
#lx_box .nr p.adr{ background: url(../Image/adr.png) no-repeat left center;}
#lx_box .lxbox1 { overflow: hidden; border-bottom: 1px solid #f5f5f5; padding-bottom: 25px;}
#lx_box .lxbox1 li{ float: left; width: 330px;margin: 5px 15px 0 15px; padding: 0 20px;transition: 0.3s all 0s linear; height: 150px; }
#lx_box .lxbox2{ overflow: hidden; }
#lx_box .lxbox2 li{ float: left; width: 530px; margin: 0 15px; padding: 0 20px; margin-bottom: 25px; transition: 0.3s all 0s linear; }
#lx_box .lxbox2 li:hover,#lx_box .lxbox1 li:hover{ box-shadow: 2px 2px 8px rgba(0,0,0,.3);border-radius: 10px; -moz-border-radius:15px; -khtml-border-radius:15px; -webkit-border-radius:15px; border-radius:15px;}

#map{ height: 695px; position: relative;width: 100%;overflow: hidden;margin:0; display: block;}
#allmap {width: 100%;height: 695px; position: relative; z-index: 99;}
#map_lx{ width: 525px; height: 460px; background: #FFF; opacity: 0; left: 600px; position: absolute; z-index: 999; top: 150px; transition: 0.3s all 0s linear}
#map:hover #map_lx{ opacity: 1; left: 550px; }
#map_lx .add{ height: 62px; color: #FFF; padding-left: 36px; line-height: 62px; padding-left: 38px; background: #035cac; font-size: 18px;}
#map_lx .nav{ padding:20px 34px 0 34px; font-size: 16px; color: #035cac; height: 28px; line-height: 28px;}
#map_lx .nr{ padding: 10px 34px;}
/*销售网络*/
#zhaoshang{ background: #FFF;}
#zhaoshang .nav{ margin:0 50px; line-height: 30px; color: #585858;}
#zhaoshang .nav span{ height: 54px; line-height: 54px; display: block; padding-top: 55px; font-size: 40px; color: #035cac;}
#zhaoshang .nav i{font-style:normal; font-size: 30px; color: #f5f5f5; font-family: arial; height: 36px; display: block; text-transform: uppercase; line-height: 36px;}
#zhaoshang .nr li{ height: 100px; color: #a3a3a3; width: 300px; text-align: center; float: left; padding-top: 170px; transition: 0.3s all 0s linear}
#zhaoshang .nr li:nth-child(1){background: url(../Image/zs_01.png) no-repeat center 20px;}
#zhaoshang .nr li:nth-child(2){background: url(../Image/zs_02.png) no-repeat center 20px;}
#zhaoshang .nr li:nth-child(3){background: url(../Image/zs_03.png) no-repeat center 15px;}
#zhaoshang .nr li:nth-child(4){background: url(../Image/zs_04.png) no-repeat center 20px;}
#zhaoshang .nr li span{ color: #000; font-size: 18px; display: block;}

#zhaoshang .nr li:nth-child(1):hover{background: url(../Image/zs_11.png) no-repeat center 0;}
#zhaoshang .nr li:nth-child(2):hover{background: url(../Image/zs_22.png) no-repeat center 0;}
#zhaoshang .nr li:nth-child(3):hover{background: url(../Image/zs_33.png) no-repeat center 0;}
#zhaoshang .nr li:nth-child(4):hover{background: url(../Image/zs_44.png) no-repeat center 0;}

/*产品展示*/
/* type1
.cptype{ background: #FFF; margin: 20px auto;}
.cptype .nav{ height: 46px; border-bottom: 1px dashed #e1e1e1; line-height: 46px; padding: 0 35px; font-size: 18px; color: #6c6c6c;}
.cptype .nr{ height: 46px; border-bottom: 1px dashed #e1e1e1; line-height: 46px; padding: 0 35px; font-size: 16px; color: #6c6c6c;}
.cptype .nr li{float: left; margin: 0 5px;}
.cptype .nr li a{ display: block; padding:0 20px;}
.cptype .nr li a:hover,.cptype .nr li a.cur{ color:#0074CD; background: #e9e9e9;}*/

.cptype{ float: left; width: 255px; margin: 30px auto; background: #ffffff;}
.cptype .nav{ font-size: 20px; height: 68px; line-height: 68px; text-align: center; font-weight: bold; color:#285dae; background: url(../Image/cptype_nav.png) no-repeat 75% center;}
.cptype .nr>li{ border-top: 1px solid #e5e5e5; line-height: 44px;}
.cptype .nr>li>a{ font-size: 16px; display: block; padding-left: 72px; background: url(../Image/cptype_li.png) no-repeat 30px center;}
.cptype .nr>li>ul{ background: #eaf2ff; padding: 5px 26px; display: none;}
.cptype .nr>li>ul li{ border-top: 1px dashed #d2d9e5; height: 40px; line-height: 40px;}
.cptype .nr>li>ul li a{ font-size: 14px; display: block; padding-left: 38px;background: url(../Image/cptype_ul.png) no-repeat 18px center;}
.cptype .nr>li>a:hover,.cptype .nr li>a.cur{background: url(../Image/cptype_a.jpg) no-repeat 40px center #285dae; color: #FFF; border-top:2px solid #0b90e5 ;}


.allcp{ width:900px; float: right; margin: 20px auto;}

.cplist{ width:100%; margin:0 auto; overflow:hidden}
.cplist li{float:left; width:255px; height:310px; _height:300px; margin: 10px 7px 0 7px; line-height: 18px; padding: 0 14px 25px 14px; background: #FFF; border: 1px solid #ececec; position: relative;}
.cplist li span{ display: block; height: 46px; line-height: 46px; font-size: 16px;}
.cplist li img{ width:255px;_width:255px; height:200px;_height:200px;}
.cplist .taobao,.cplist .more{ width: 80px; height:36px; float: left; padding-left: 44px; margin-top: 26px; line-height: 36px; color: #8a8a8a; background: url(../Image/gwc.png) no-repeat top left #dfdfdf;}
.cplist .more{float: right; background: url(../Image/cp_more.png) no-repeat top left #dfdfdf;}
.cplist .taobao:hover,.cplist .more:hover{ background-color: #0c8fba; color: #FFF; background-position: 0 -36px;}

.cplist .cp_li_a{ position: absolute; transition: 0.3s all 0s linear;z-index: 1;background: #035CAC;}
.cplist .top{height: 5px;width: 0px;top: 0px; left: 0;}
.cplist .left {height: 0; left: 0px; top: 0; width: 5px;}
.cplist .bottom {height: 5px;width: 0;bottom: 0px;right: 0px;}
.cplist .right {height: 0; right: 0px;width: 5px;bottom: 0px;}

.cplist li:hover .top,.cplist li:hover .bottom{width: 100%; }
.cplist li:hover .left,.cplist li:hover .right{height: 100%;}


.wz{ margin-top: 20px; margin-bottom: 1px; background: #FFF; height: 54px; line-height: 54px; color: #585858;}
.wz .f_left{ padding-left: 50px; background: url(../Image/home.png) no-repeat 28px center;}
.wz .f_left a{ color: #585858;}
.wz .f_right a{ background: url(../Image/back.png) no-repeat 92px center #e50012; width: 120px; height: 38px; line-height: 38px; text-align: center; color: #FFF; margin: 8px 8px 0 ; display: block;}

/*产品展示info*/
.cpinfo{ background: #FFF; margin-bottom: 20px;}
.product_left{width:520px; height:480px;float:left; background:#FFF; padding:20px;}
.product_right{float:right; width:610px; height:460px; background:#FFF; padding:30px 0;}
.pro_name{display:block; color:#000; padding:15px 0 15px 0;line-height:30px; font-size:18px; font-weight: bold;}
.pro_namelb{height:50px; line-height:50px;color:#000; font-size: 16px;}
.pro_namexx{ padding-bottom: 30px;}
.pro_namexx p{ line-height: 34px;}
.pro_namexx p span{ color: #0051ac;}
.pro_tel{ height: 55px; border-bottom: 3px solid #d7d7d7; width: 460px; overflow: hidden;}
.pro_tel a{ width: 92px; border: 1px solid #f1f1f1; border-right: none; line-height: 55px; padding-left: 60px; color: #515151; float: left; font-size: 16px;}

.pro_tel a:nth-child(1){ background: url(../Image/pro_tel1.png) no-repeat top left;}
.pro_tel a:nth-child(2){ background: url(../Image/pro_tel2.png) no-repeat top left;}
.pro_tel a:nth-child(3){ background: url(../Image/pro_tel3.png) no-repeat top left;}
.pro_tel a:hover{ background-color: #515151; color: #FFF; background-position-y: -55px;}

.cpinfo .rightinfo{ width: 900px; margin: 30px 0 0 18px;}
.cpinfo .likecp{ width: 180px; border: 1px solid #f5f5f5; margin: 30px 18px 0 0 ; padding: 13px;}
.cpinfo .likecp .nav{font-size: 16px; height: 48px; line-height: 48px;}
.cpinfo .likecp .nr li{ width: 180px; height: 180px;}
.cpinfo .likecp .nr li a{ display: block; height: 165px; text-align: center;transition: 0.3s all 0s linear;}
.cpinfo .likecp .nr li a img{ width: 180px; height: 135px; display: block;}
.cpinfo .likecp .nr li a:hover{ background: #035cac; color: #FFF;}

.fuwu{ background: #FFF; margin: 20px auto; padding-bottom: 40px;}
.fuwu .nav{ font-size: 20px; height: 70px; line-height: 70px; padding:0 0 30px 30px;}
.fuwu li{ width: 280px; float: left;}
.fuwu li .title{ width: 72px; height: 64px; text-align: center; padding:40px 36px; color: #FFF; display: block; font-size: 30px; background: #93c64f; line-height: 34px; margin-bottom: 15px; -moz-border-radius:50%;-khtml-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}
.fuwu li:first-child{margin-left: 75px;}
.fuwu li:first-child .title{background: #008cd7; }
.fuwu li:last-child .title{ background: #d05d00;}
.fuwu .shu{ float: left; margin-right: 106px;}
.lxly{ margin-bottom: 20px; padding: 20px 0; overflow: hidden; background: #FFF;}
.lxly .nav{ font-size: 20px; height: 70px; line-height: 70px; padding-left: 30px;}
.lxly .nr{ padding-left: 30px;}
.lxly .f_left{ width: 715px; border-right: 1px dashed #f0f0f0; height: 460px;}
.lxly .f_left table{margin-left:2px;}
.lxly .f_left table td input{font-size:14px;width:276px;height:28px;border:1px solid #d2d4d6;margin:5px auto 5px 5px;}
.lxly .f_left table td .yanzheng{width:101px;}
.lxly .f_left table td textarea{resize: none;width:500px;height:120px;border:1px solid #d2d4d6;margin:5px auto 5px 5px;}
.lxly .f_left table td img{vertical-align:middle;margin-left:5px;margin-bottom:4px;*+margin-bottom:14px;}
.lxly .f_left table td #submit {width:110px; height:38px; line-height:27px; background:#454545; border-radius:2px; border:none; text-align:center; margin-top:14px; margin-left:5px; color:#FFF;}

.lxly .f_right{ width: 410px;}
.lxly .f_right li{ width: 104px; height: 38px; margin: 10px 10px 0 0; float: left;}
.lxly .f_right li a{ text-align: center; line-height: 38px; display: block; background: #f0f0f0; transition: 0.3s all 0s linear;}
.lxly .f_right li a:hover{ background: #035cac; color: #FFF;}
/*caselist*/
.caselist{ background: #FFF;}
.caselist .cplist li{ height: 228px;}

/*右侧漂浮框*/
.side-pannel {position: fixed;left:0;z-index: 99}
.side-bar {border: 1px solid #E7E7E7;border-bottom: none;bottom: 200px;background: #fff}
.side-bar a {display: block;cursor: pointer;width: 60px;height: 50px;border-bottom: 1px solid #E7E7E7;position: relative;color: #676767;text-align: center}
.side-bar a s {	display: block;	margin-left: auto;	margin-right: auto}
.side-bar a span {line-height: 20px; font-size: 12px;}
.side-bar a.gotop s {position: absolute;top: 50%;left: 17px}
.side-bar a.text {padding-top: 25px}
.side-bar a.qr s {position: absolute;top: 50%;left: 13px}
.side-bar a.qr i {width: 118px;height: 110px;position: absolute;left: 62px;top: 50%;margin-top: -50px;
display: none;background-position: 0 0}
.side-bar a.qr:hover i {display: block}
.side-bar a.qr i {background-image: url(../Image/weixin.png); background-size: 118px;}
.side-bar a.jxs { height: 60px;}
.side-bar a.jxs span{ display: block; line-height: 16px;}

.g-icon-ww {height: 23px;width: 26px;margin-top: -11px;background-position: 0 -53px}

.g-icon-qq1 {height: 32px;width: 70px;margin-top: -10px;background-position: -5px 0}
.g-icon-qr1 {height: 33px;width: 36px;margin-top: -16px; background-position: -17px -33px}
.g-icon-tm1 {height: 28px;width: 28px;margin-top: -16px; background-position: -21px -67px}
.g-icon-jd1 {height: 28px;width: 28px;margin-top: -16px;background-image: url(../Image/jingdong.png)}
.g-icon-jxs1 {height: 35px;width: 45px;margin-top: -16px; background-position: -13px -155px}
.g-icon-ww1 {height: 32px;width: 32px;margin-top: -16px; background-position: -19px -96px}
.g-icon-top {height: 20px;width: 35px;margin-top: -10px;background-position: -17px -128px}

.g-icon-qr2, .side-bar a.qr:hover s {height: 33px;width: 36px;margin-top: -16px;background-position: -17px -33px}
.g-icon-qq1, .g-icon-qr1, .g-icon-tm1,.g-icon-jxs1, .g-icon-ww1, .g-icon-top {background-image: url(../Image/tubiao.png)}