@charset "utf-8";


/* 主体 */
.sidebar {padding:15px 0;width:1440px;margin:0 auto;}
.menu {float:left;}
.menu dl dt {float:left;margin-right:10px;}
.menu dl dt a { display:block; width:148px; height:36px; line-height:36px; font-size:16px; text-align:center; border-right:1px solid #f2f2f2; color:#333;}
.menu dl dt a:hover,.menu dl dt .current { background:#0078c8; color:#fff; border-radius:3px;}

.third{padding:28px 0;text-align:center;background:#fafafa;}
.third p{width:1440px;margin:0 auto;}
.third a{display:inline-block;height:36px; line-height:36px; font-size:14px;background:#ddd;border-radius:3px;padding:0 28px;margin-right:20px;color:#333;}
.third a.on{background:#0078c8; color:#fff;}
.third a:hover{background:#0078c8; color:#fff;}



.location-s { width:1440px; margin:40px auto 120px; position:relative; height:36px; line-height:36px; 
	font-size:16px; padding-left:24px; background:url(o_ico_03.png) no-repeat 0 center;box-sizing:border-box;}
.location-s a { display:inline-block; vertical-align:top; }

@media all and (min-width:1200px) and (max-width:1440px){
	.ibanner .txt{margin-left:-600px;}
	.ibanner .txt h2{font-size:36px;}
	.ibanner .txt p{font-size:18px;}
	.sidebar {width:1200px;}

	.location-s { width:1200px; }

	.third p{width:1200px;}
}

.main {background:#fff;padding:40px 0;}

@media all and (max-width:1200px){
	.sidebar {padding:5px 0 15px;width:96%;margin:0 auto;}
	.menu {float:none;}
	.menu dl dt {float:left;margin-right:0;width:49%;}
	.menu dl dt:nth-child(2n){float:right;}
	.menu dl dt a { width:100%; font-size:14px; border-right:0; background:#eee; margin-top:10px;border-radius:3px;}

	.main {padding:20px 0;}

	.third{padding:20px 0 0;}
	.third p{width:96%;}
	.third a{width:32%; font-size:13px; padding:0; margin-right:2%; float:left;}
	.third a:nth-child(3n){margin-right:0;}
}

.hds{text-align:center;width:1440px;margin:-120px auto 0;padding:0 60px;box-sizing:border-box;background:#443c3c;position:relative;z-index:10;}
.hds ul{background:url(line.html) left top 100px repeat-x;padding:40px 0;}
.hds li{display:inline-block;color:#fff;margin:0 70px;cursor:pointer;}
.hds li img{opacity:0.48;}
.hds li p{font-size:17px;opacity:0.48;}
.hds li i{display:block;width:15px;height:15px;background:#443b3c;border-radius:15px;margin:17px auto 20px;}
.hds li em{display:block;width:15px;height:15px;background:url(c.html);opacity:0.48;}
.hds li a{opacity:0.48rem;color:#fff;}
.hds li.on p{opacity:1;}
.hds li.on img{opacity:1}
.hds li.on em{opacity:1;}
.hds li.on a{opacity:1;}

@media all and (min-width:1200px) and (max-width:1440px){
	.hds{width:1200px;}
	.hds li{margin:0 50px;}
}

@media all and (max-width:1200px){
	.hds{width:100%;margin:0 auto;padding:0;}
	.hds ul{background:none;padding:0;border-bottom:1px solid #555;}
	.hds li{margin:0;padding:14px 0;float:left;width:50%;border-right:1px solid #555;border-bottom:1px solid #555;box-sizing:border-box;}
	.hds li:nth-child(2n){float:right;}
	.hds li:nth-child(5){border-bottom:0;}
	.hds li img{opacity:0.48;height:24px;}
	.hds li p{font-size:13px;opacity:0.48;margin-top:6px;}
	.hds li i{display:none;}
	.hds li a{opacity:0.48rem;color:#fff;}
	.hds li.on p{opacity:1;}
	.hds li.on img{opacity:1}
	.hds li.on a{opacity:1;}
	.location-s{display:none;}
}


.box{}
.box .bdt{}
.box .bdt li{position:relative;width:1920px;left:50%;margin-left:-960px;}
.box .bdt li .pic{width:1120px;position:absolute;top:-80px;left:0;z-index:2;overflow:hidden;}
.box .bdt li .pic img{width:100%;}
.box .bdt li .pic a:hover img{transform:scale(1.03);}
.box .bdt li .txt{width:1120px;height:580px;background:#443c3c;float:right;color:#fff;box-sizing:border-box;padding-left:440px;position:relative;}
.box .bdt li .txt .tit{font-size:30px;padding-top:50px;}
.box .bdt li .txt h2{font-size:48px;font-weight:normal;}
.box .bdt li .txt .i{font-size:18px;line-height:34px;padding-top:26px;}
.box .bdt li .txt .more{position:absolute;bottom:80px;left:440px;}
.box .bdt li .txt .more a{display:block;width:158px;height:38px;line-height:38px;border:1px solid #b4b1b1;font-size:16px;text-align:center;color:#b4b1b1;}
.box .bdt li .txt .more a:hover{background:#0078c8;color:#fff;border:1px solid #0078c8;}

.box .hdt{position:relative;width:1440px;margin:50px auto 60px;}
.box .hdt .prev{width:48px;height:48px;cursor:pointer;background:url(prev3.html);float:left;margin-top:50px;}
.box .hdt .prev:hover{background:url(prev33.html);}
.box .hdt .next{width:48px;height:48px;cursor:pointer;background:url(next3.html);float:right;margin-top:50px;}
.box .hdt .next:hover{background:url(next33.html);}
.box .hdt li{float:left;margin-right:20px;overflow:hidden;cursor:pointer;}
.box .hdt li img{width:285px;height:148px;opacity:0.5;}
.box .hdt li:hover img{transform:scale(1.03);}
.box .hdt li.on img{opacity:1;}
.box .hdt .sbt{width:1200px !important;margin:0 auto;}

@media all and (min-width:1200px) and (max-width:1440px){
	.box .bdt li .txt{padding-left:360px;}
	.box .bdt li .txt .more{left:360px;}

	.box .hdt{width:1200px;}
	.box .hdt .prev{margin-top:28px;}
	.box .hdt .next{margin-top:28px;}
	.box .hdt li img{width:200px;height:104px;opacity:0.5;}
	.box .hdt .sbt{width:1080px !important;}
}

.swiper-container-8{width:100%;background:#f2f2f2;padding-bottom:30px !important;}
.swiper-container-8 .swiper-pagination-bullet { background:#ccc; width:8px; height:8px; opacity:1; }
.swiper-container-8 img{width:100% !important;}
.swiper-container-8 .swiper-pagination-bullet-active { width:8px; background:#0078c8; border-radius:30px; }
.swiper-container-8>.swiper-pagination-bullets{ bottom:12px !important; }
.swiper-container-8 .swiper-slide .txt{padding:15px 2%;}
.swiper-container-8 .swiper-slide .tit{font-size:14px;}
.swiper-container-8 .swiper-slide h2{font-size:18px;color:#000;font-weight:normal;margin:5px 0;}
.swiper-container-8 .swiper-slide .i{font-size:12px;color:#777;}

.box-s{margin-top:-80px;background:url(line2.html) bottom center repeat-x;padding-bottom:60px;}
.box-s .bdt{width:1440px;margin:0 auto;}
.box-s .bdt li a{display:block;position:relative;color:#fff;height:730px;}
.box-s .bdt li a .txt{width:1240px;position:absolute;left:50px;bottom:50px;z-index:2;}
.box-s .bdt li a .txt h2{font-size:36px;font-weight:normal;}
.box-s .bdt li a .txt p{font-size:16px;width:832px;text-align:justify;margin-top:8px;line-height:28px;}
.box-s .bdt li a .txt em{width:180px;height:46px;line-height:46px;border-radius:46px;color:#fff;background:#0078c8;text-align:center;
	position:absolute;bottom:9px;right:0;font-size:18px;}
.box-s .bdt li:hover img{transform:scale(1.03);}

.box-s .hdt{position:relative;width:1440px;margin:50px auto 0;}
.box-s .hdt .prev{width:48px;height:48px;cursor:pointer;background:url(prev3.html);float:left;margin-top:51px;}
.box-s .hdt .prev:hover{background:url(prev33.html);}
.box-s .hdt .next{width:48px;height:48px;cursor:pointer;background:url(next3.html);float:right;margin-top:51px;}
.box-s .hdt .next:hover{background:url(next33.html);}
.box-s .hdt li{float:left;margin-right:14px;overflow:hidden;cursor:pointer;position:relative;}
.box-s .hdt li img{width:315px;height:160px;}
.box-s .hdt li p{width:200px;height:40px;line-height:40px;background:#504948;position:absolute;left:57px;bottom:10px;display:none;
	text-align:center;color:#fff;font-size:16px;transition:all 0.5s;}
.box-s .hdt li:hover img{transform:scale(1.03);}
.box-s .hdt li.on p{display:block;}
/*.box-s .hdt ul{width:1302px !important;margin:0 auto;overflow:hidden !important;}*/
.box-s .hdt .sbc{width:1302px !important;margin:0 auto;}


.vr{width:1440px;margin:0 auto 60px;transition:all 0.5s;}
.vr h2{font-size:36px;font-weight:normal;color:#333;padding:50px 0;}

@media all and (min-width:1200px) and (max-width:1440px){
	.box-s .bdt{width:1200px;}
	.box-s .bdt li a{height:608px;}
	.box-s .bdt li a .txt{width:1040px;left:80px;}
	.box-s .hdt{width:1200px;}
	.box-s .hdt .prev{margin-top:37px;}
	.box-s .hdt .next{margin-top:37px;}
	.box-s .hdt li img{width:240px;height:122px;}
	.box-s .hdt li p{left:20px;}
	.box-s .hdt .sbc{width:1002px !important;overflow:hidden;}
	.vr{width:1200px;}
	.vr img{width:100%;}
}

.m-box{width:96%;margin:0 auto;padding-bottom:20px;}
.m-box li{padding-top:20px;}
.m-box li .txt em{display:block;color:#0078c8;font-size:16px;}
.m-box li .txt h2{font-size:20px;font-weight:normal;color:#000;margin:0 0 2px;}
.m-box li .txt p{font-size:14px;color:#999;text-align:justify;}
.m-box li img{width:100%;margin-top:12px;}
.m-box li .mvr{margin-top:12px;}
.m-box li .mvr h2{font-size:16px;font-weight:normal;margin-bottom:12px;}

/* 内容模式 */
.article {line-height:2.1; font-size:16px; word-wrap:break-word; text-align:justify; color:#333;}
.article .hd { padding:0 0 20px; text-align:center; }
.article .hd h1 { color:#333; font-size:20px; }
.article .hd .titBar { color:#797979; font-size:13px; }
.article .bd { padding-bottom:40px; text-align:justify; color:#333;}
.article .ft { padding:20px 0 0; border-top:1px solid #ddd; }
.article-consj{display:none;}

.flz{float:left;}
.map{float:right;width:50%;}

@media all and (max-width:1200px){
	.article {line-height:24px; font-size:14px; }
	.article span{font-size:14px !important;}
	.article .article-con img,.article .article-consj img{max-width:100%;}
	.article-con{display:none;}
	.article-consj{display:block;}

	.flz{float:none;padding-bottom:20px;}
	.map{width:100%;float:none;}
}

/* 头部新闻 */
.hotNews { margin-bottom:26px; overflow:hidden; }
.hotNews .pic { float:left; width:370px; height:195px; margin-right:5px; }
.hotNews dl { display:block; overflow:hidden; zoom:1; padding:0 0 0 10px; line-height:22px; }
.hotNews dl dt { padding-left:10px; color:#fff; font-size:14px; line-height:30px; }
.hotNews dl dt a{color:#000;}
.hotNews dl dt a:hover{color:#0395c8;}
.hotNews dl .d{padding:4px 0 10px 10px;}
.hotNews dl .i { min-height:76px; padding-bottom:10px; padding-left:10px; }
.hotNews dl .m { width:82px; height:25px; margin-left:10px; background:#00afec; line-height:25px; text-align:center; }
.hotNews dl .m a { display:block; color:#fff; }
.hotNews dl .m a:hover { background:#0395c8; color:#fff; }

.hotnews{margin-bottom:20px;}
.hotnews .pic{width:32%;float:left;overflow:hidden;}
.hotnews .pic img{width:100%;}
.hotnews .pic a:hover img{transform:scale(1.04);}
.hotnews .txt{width:65%;float:right;padding-top:2%;}
.hotnews .txt h2{font-size:18px;}
.hotnews .txt h2 a{color:#333;}
.hotnews .txt h2 a:hover{color:#0078c8;}
.hotnews .txt p{font-size:14px;}
.hotnews .txt .date{font-size:14px;margin:10px 0;}
.hotnews .txt .i{font-size:14px;color:#666;line-height:26px;margin-bottom:20px;
overflow:hidden; 
		text-overflow:ellipsis;
		display:-webkit-box; 
		-webkit-box-orient:vertical;
		-webkit-line-clamp:3;

}
.hotnews .txt .m a{display:block;width:140px;height:36px;line-height:36px;background:#eee;font-size:14px;text-align:center;}
.hotnews .txt .m a:hover{background:#0078c8;color:#fff;}

@media all and (min-width:1200px) and (max-width:1440px){
	.hotnews .txt{padding-top:0%;}
}
@media all and (max-width:1200px){
	.hotnews .pic{width:100%;float:none;}
	.hotnews .txt{width:100%;float:none;padding-top:3%;}
	.hotnews .txt h2{font-size:16px;}
	.hotnews .txt .i{line-height:22px;}
	.hotnews .txt .m a{width:100%;background:#0078c8;color:#fff;}
}

/* 新闻列表 */
.list { padding:0 0 40px; }
.list li { padding:14px 0; border-bottom:1px dashed #e0e0e0; background:url(o_ico_04.gif) no-repeat left center; font-size:15px; }
.list li a { float:left; padding-left:12px; color:#333; }
.list li a:hover{color:#0078c8;padding-left:18px;}
.list li span { float:right; color:#999; font-family:Arial;}

@media all and (max-width:1200px){
	.list { padding:0 0 20px; }
	.list li{background:none;font-size:14px;padding:10px 0;}
	.list li:first-child{padding-top:0;}
	.list li a{float:none;display:block;padding-left:0;text-align:justify;}
	.list li span{float:none;display:block;font-size:12px;margin-top:6px;}
}

/* 图文新闻 */
.pothoItem { margin:0 0 40px; }
.pothoItem .item { margin-bottom:28px; padding:0 0 28px; border-bottom:1px dashed #d3d3d3; overflow:hidden; }
.pothoItem .item .pic { float:left; margin-right:20px; padding:4px; border:1px solid #e7e7e7; }
.pothoItem .item .pic a{display:block;width:255px;height:150px;line-height:150px;text-align:center;background:#eee;}
.pothoItem .item .pic img { width:255px; height:150px; }
.pothoItem .item .pic a:hover img{transform:scale(1.03);}
.pothoItem .item dl { display:block; overflow:hidden; zoom:1; padding:0; line-height:20px; }
.pothoItem .item dl dt { font-size:18px; line-height:32px; }
.pothoItem .item dl dt a{color:#333;}
.pothoItem .item dl dt a:hover{color:#0078c8;padding-left:10px;}
.pothoItem .item dl .d {font-size:14px;font-family:Arial;padding-top:5px;}
.pothoItem .item dl .m a{display:block; width:120px; height:30px; line-height:30px; background:#ddd; text-align:center;}
.pothoItem .item dl .m a:hover{background:#0078c8;color:#fff;}
.pothoItem .item dl .i { margin:5px 0 20px; color:#999; font-size:13px; line-height:24px; }

@media all and (max-width:1200px){
.pothoItem { margin:0 0 20px; }
.pothoItem .item { margin-bottom:20px; padding:0 0 20px; border-bottom:1px dashed #d3d3d3; overflow:hidden; }
.pothoItem .item .pic { float:none; margin-right:0; padding:0; border:0; width:100%; }
.pothoItem .item .pic a{width:100%;height:auto;line-height:auto;}
.pothoItem .item .pic img { width:100%; height:auto; }
.pothoItem .item .pic a:hover img{transform:scale(1);}
.pothoItem .item dl { line-height:20px; }
.pothoItem .item dl dt { font-size:14px; line-height:22px; text-align:justify; margin-top:12px;}
.pothoItem .item dl dt a:hover{padding-left:0;}
.pothoItem .item dl .d {font-size:12px;font-family:Arial;padding-top:5px;}
.pothoItem .item dl .m a{width:100%;background:#0078c8;color:#fff;}
.pothoItem .item dl .i { margin:5px 0 10px; font-size:12px; line-height:20px; 
	overflow:hidden; 
	text-overflow:ellipsis;
	display:-webkit-box; 
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
}

/* 图片列表 */
.piList { overflow:hidden; padding-bottom:10px; }
.piList li{float:left;display:inline;width:18.4%;margin-right:2%;overflow:hidden;margin-bottom:2%;}
.piList li:nth-child(5n){float:right;margin-right:0;}
.piList li a{display:block;}
.piList li a .pic{overflow:hidden;}
.piList li a img{width:100%;}
.piList li a p { height:46px; line-height:46px; font-size:13px; padding:0 20px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; text-align:center; border:1px solid #ececec; border-top:0; }
.piList li a:hover img{transform:scale(1.04);}
.piList li a:hover p{background:#eee;color:#333;border:1px solid #eee;border-top:0;}

@media all and (max-width:1200px){
	.piList li{margin-right:0;width:49%;margin-bottom:12px;}
	.piList li:nth-child(5n){float:left;}
	.piList li:nth-child(2n){float:right;margin-right:0;}
	.piList li a p{padding:0 6px;height:40px; line-height:40px;}
}

.piList-honor{padding-bottom:50px;}
.piList-honor li{width:48%;float:left;font-size:14px;padding:12px 0;border-bottom:1px dashed #ddd;}
.piList-honor li a{float:left;color:#333;background:url(o_ico_04.gif) no-repeat left center;padding-left:12px;}
.piList-honor li a:hover{color:#0078c8;padding-left:18px;}
.piList-honor li span{float:right;font-family:Arial;color:#999;}
.piList-honor li:nth-child(2n){float:right;}

@media all and (max-width:1200px){
.piList-honor{padding-bottom:20px;}
.piList-honor li{width:100%;float:none;padding:10px 0;}
.piList-honor li a{float:none;color:#333;background:none;padding-left:0;display:block;}
.piList-honor li a:hover{padding-left:0;}
.piList-honor li span{float:none;display:block;margin-top:4px;}
.piList-honor li:nth-child(2n){float:none;}
}

/* 分页 */
.page { padding:0 0 30px; line-height:24px; text-align:center; }
.page a { display:inline-block; margin:0 2px; padding:3px 12px; border:1px solid #ddd; background:#f2f2f2; vertical-align:top; }
.page a:hover,.page .current { border:1px solid #0078c8; background:#0078c8; color:#fff; }

@media all and (max-width:1200px){
	.page { padding:0 0 10px; }
	.page a { padding:1px 10px; }
}

/* 新闻列表 */
.message { padding:0 0 30px; }
.message-list { margin-bottom:5px; padding:5px 5px 15px; border-bottom:1px dotted #ddd; }
.message-list .m-title { padding:0; color:#32a237; font-size:14px; font-weight:bold; line-height:20px; }
.message-list .m-title span { float:right; color:#01286f; font-size:12px; font-weight:100; }
.message-list .m-info { padding:5px 0; line-height:24px; }
.message-list .r-title { padding:0; line-height:20px; }
.message-list .r-info { padding:5px 0; line-height:24px; }

/* 人才招聘 */
.form-panel { padding:0 0 30px; }
.form-panel h4 { margin-bottom:10px; padding:0 20px; background:#666; color:#fff; line-height:30px; }
.form-panel .tips { padding:10px 0 10px 100px; font-weight:bold; font-size:13px; text-align:left; }
.form-panel .field { clear:both; }
.form-panel li.field label { display:block; float:left; width:100px; line-height:32px; text-align:right; }
.form-panel .input { padding:5px 0; zoom:1; }
.form-panel .field:after { content:'\20'; display:block; height:0; clear:both; }
.form-panel .text { height:26px; padding:2px 3px; border:1px solid #ccc; background:#fff; color:#555; }
.form-panel .textarea { width:450px; height:100px; padding:1px 3px; border:1px solid #ccc; background:#fff; color:#555; }
.form-panel .submit-field { padding:10px 10px 20px 100px; clear:both; }
.form-panel .submit-field input { margin-right:10px; }
.form-panel .submit-field .btn-submit,.form-panel .submit-field .btn-reset { width:100px; height:32px; border:none; background:#666; color:#fff; cursor:pointer; }


.banner{ width:100%}
.banner .swiper01{ width:100%}
.banner .swiper01 img{ width:100%}

.linkx{ width:100%; background:url(g_25.jpg) bottom center no-repeat; padding:170px 0 50px; margin-top:30px}
.linkx .nr{ width:1400px; margin:0 auto}
.linkx .nr .m1{ font-size:20px; color:#333333}
.linkx .nr .m2{ font-size:36px; color:#333333; font-weight:bold; background:url(g_26.png) left center no-repeat; padding-left:48px}
.linkx .nr .m3{ font-size:16px; color:#333333}
.linkx .nr .m4{ margin-top:40px}
.linkx .nr .m4 a{ display:block; width:125px; height:40px; background:#0a3d64; text-align:center}
.linkx .nr .m4 a i{ display:inline-block; vertical-align:top; line-height:40px; color:#fff; background:url(g_27.png) right center no-repeat; padding-right:30px; font-size:14px}
@media all and (max-width:1600px){
	.linkx .nr{ width:1200px;}
}
@media all and (max-width:1200px){
	.linkx{ margin-top:20px; padding:30px 0;background:url(g_25.jpg) left bottom no-repeat;}
	.linkx .nr{ width:92%}
	.linkx .nr .m1{ font-size:16px}
	.linkx .nr .m2{ font-size:24px; background-size:28px; padding-left:36px; margin-top:5px}
	.linkx .nr .m3{ font-size:14px}
	.linkx .nr .m4{ margin-top:20px}
}

.location{ width:100%; margin-top:-180px; position:relative; z-index:9; color:#fff; height:180px}
.location .nr{ width:1400px; margin:0 auto}
.location .nr .lt{ float:left}
.location .nr .rt{ float:right; margin-top:132px}
.location .nr .lt .item01{ font-size:48px; color:#fff; font-weight:bold; line-height:1}
.location .nr .lt .item02{ font-size:18px; color:#fff; line-height:1; margin-top:20px}
.location .nr .lt .item03{ font-size:15px; margin-top:30px}
.location .nr .lt .item03 a{ color:#fff}
.location .nr .rt ul li{ float:left; margin-left:2px; width:140px; height:48px;}
.location .nr .rt ul li a{ display:block; background:#f2f2f2; text-align:center; line-height:48px; font-size:18px; color:#333}
.location .nr .rt ul li.current a,.location .nr .rt ul li:hover a{ color:#fff; background:#0078c8}
@media all and (max-width:1600px){
	.location .nr{ width:1200px;}
	.location{ margin-top:-160px; height:160px}
	.location .nr .lt .item01{ font-size:36px;}
	.location .nr .lt .item03{ margin-top:25px}
	.location .nr .rt{ margin-top:112px}
}
@media all and (max-width:1200px){
	.location{ height:auto }
	.location .nr{ width:92%}
	.location .nr .lt{ display:none}
	.location{ margin-top:0}
	.location .nr .rt{ width:100%; margin-top:0}
	.location .nr .rt ul li{ margin-left:0; width:25%; box-sizing:border-box; border-right:1px solid #fff}
	.location .nr .rt ul li:nth-child(4n){ border-right:0}
}
@media all and (max-width:640px){
	.location .nr .rt ul li{ font-size:16px; height:37px; width:50%; border-bottom:1px solid #fff}
	.location .nr .rt ul li a{ line-height:36px; font-size:16px}
	.location .nr .rt ul li:nth-child(2n){ border-right:0}
}

.product_class{ width:100%}
.product_class .top{ width:100%}
.product_class .top .nr{ width:1400px; margin:0 auto; margin-top:60px}
.product_class .top .nr .lt{ width:264px; height:100px; background:url(g_30.png) 20px center no-repeat #0078c8;  float:left}
.product_class .top .nr .lt a{ display:block; width:100%; height:100%;box-sizing:border-box; color:#fff; padding-left:120px; padding-top:30px; color:#fff}
.product_class .top .nr .lt h3{ font-size:20px; line-height:1; padding-bottom:5px}
.product_class .top .nr .rt{ width:1136px; float:right; background:#f2f2f2; height:100px; box-sizing:border-box; padding:25px 0 0 40px}
.product_class .top .nr .rt a{ display:block; float:left; width:112px; padding-left:24px; background:url(g_28.png) left center no-repeat; color:#333; margin-bottom:15px}
.product_class .top .nr .rt a:hover,.product_class .top .nr .rt a.on{background:url(g_29.png) left center no-repeat; color:#0078c8}
@media all and (max-width:1600px){
	.product_class .top .nr{ width:1200px}
	.product_class .top .nr .rt{ width:936px; padding-left:20px}
	.product_class .top .nr .rt a{ width:90px}
}
@media all and (max-width:1200px){
	.product_class .top .nr{ width:92%; margin:0 auto}
	.product_class .top .nr .lt{ display:none}
	.product_class .top .nr .rt{ width:100%; height:auto; box-sizing:border-box; padding:20px 20px 0 20px}
	.product_class .top .nr .rt a{ width:33.333333%; box-sizing:border-box}
}
@media all and (max-width:640px){
	.product_class .top .nr .rt a{ width:50%}
}

.product_class .con{ width:100%}
.product_class .con .item_list{ width:1400px; margin:0 auto; padding:40px 0; border-bottom:1px solid #dcdcdc}
.product_class .con .item_list .lt{ width:265px; height:350px; box-sizing:border-box; padding:40px 25px; background:#f2f2f2; float:left}
.product_class .con .item_list .lt .m1{ width:100%; background:url(g_31.png) left bottom no-repeat; padding-bottom:15px}
.product_class .con .item_list .lt .m1 h3{ font-size:30px; color:#333333}
.product_class .con .item_list .lt .m1 p{ font-size:14px; color:#333333}
.product_class .con .item_list .lt .m2{ width:100%; margin-top:25px; height:120px}
.product_class .con .item_list .lt .m2 ul li{ font-size:14px; line-height:25px}
.product_class .con .item_list .lt .m2 ul li a{ color:#333}
.product_class .con .item_list .lt .m3 a{ display:block; width:125px; height:40px; background:#0a3d64; text-align:center; font-size:14px}
.product_class .con .item_list .lt .m3 a i{ display:inline-block; vertical-align:top; background:url(g_27.png) right center no-repeat; padding-right:30px; line-height:40px; color:#fff}
.product_class .con .item_list .lt .m3 a:hover{ background:#0078c8}
.product_class .con .item_list .rt{ width:1118px; float:right}
.product_class .con .item_list .rt .item{ width:360px; float:left; margin-right:19px}
.product_class .con .item_list .rt .item:nth-child(3){ margin-right:0}
.product_class .con .item_list .rt .item .pic{ width:100%; overflow:hidden}
.product_class .con .item_list .rt .item .pic img{ width:100%}
.product_class .con .item_list .rt .item .pic img{transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.product_class .con .item_list .rt .item:hover .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scale(1.1);}
.product_class .con .item_list .rt .item .title{ width:100%; text-align:center}
.product_class .con .item_list .rt .item .title .t{ font-size:24px; color:#333333; font-weight:bold;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; margin-top:10px}
.product_class .con .item_list .rt .item .title .t a{ color:#333}
.product_class .con .item_list .rt .item .title .intro{ font-size:14px; color:#333}
@media all and (max-width:1600px){
	.product_class .con .item_list{ width:1200px;}
	.product_class .con .item_list .lt{ width:215px; padding:25px 15px; height:320px}
	.product_class .con .item_list .lt .m1 p{ font-size:12px}
	.product_class .con .item_list .rt{ width:968px;}
	.product_class .con .item_list .rt .item{ width:310px;}
}
@media all and (max-width:1200px){
	.product_class .con .item_list{ width:92%; padding:20px 0}
	.product_class .con .item_list .lt{ width:100%; height:auto}
	.product_class .con .item_list .lt .m2{ display:none}
	.product_class .con .item_list .lt .m1{ float:left; width:auto}
	.product_class .con .item_list .lt .m3{ float:right; margin-top:19px}
	.product_class .con .item_list .rt{ width:100%; margin-top:10px}
	.product_class .con .item_list .rt .item{ width:32%; margin-right:2%}
}
@media all and (max-width:640px){
	.product_class .con .item_list .lt{ padding:15px}
	.product_class .con .item_list .lt .m1 h3{ font-size:20px}
	.product_class .con .item_list .lt .m3{ margin-top:0}
	.product_class .con .item_list .lt .m3 a{ width:auto; height:auto; padding:5px 15px}
	.product_class .con .item_list .lt .m3 a i{ background-size:15px; padding-right:20px; font-size:12px; line-height:20px}
	.product_class .con .item_list .rt .item{ width:49%;}
	.product_class .con .item_list .rt .item:nth-child(2){ margin-right:0}
	.product_class .con .item_list .rt .item:nth-child(3){ margin-right:0; display:none}
	.product_class .con .item_list .rt .item .title .t{ font-size:18px; margin-top:5px}
	.product_class .con .item_list .rt .item .title .intro{ font-size:12px}
}



.product_class .con{ width:100%}
.product_class .con .item_list2{ width:1400px; margin:0 auto; padding:10px 0}
.product_class .con .item_list2 .item{ width:23.5%; float:left; padding:4% 2% 2% 0; border-bottom:1px solid #dcdcdc;}
.product_class .con .item_list2 .item:nth-child(4n){ padding-right:0}
.product_class .con .item_list2 .item .pic{ width:100%; overflow:hidden}
.product_class .con .item_list2 .item .pic img{ width:100%}
.product_class .con .item_list2 .item .pic img{transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.product_class .con .item_list2 .item:hover .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scale(1.1);}

.product_class .con .item_list2 .item .title{ width:100%; text-align:center}
.product_class .con .item_list2 .item .title .t{ font-size:24px; color:#333333; font-weight:bold;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; margin-top:10px}
.product_class .con .item_list2 .item .title .t a{ color:#333}
.product_class .con .item_list2 .item .title .intro{ font-size:14px; color:#333}
@media all and (max-width:1600px){
	.product_class .con .item_list2{ width:1200px}
}
@media all and (max-width:1200px){
	.product_class .con .item_list2{ width:92%}
}
@media all and (max-width:750px){
	.product_class .con .item_list2 .item{ width:49%;}
	.product_class .con .item_list2 .item:nth-child(2n){ padding-right:0}
	.product_class .con .item_list2 .item .title .t{ font-size:18px; margin-top:5px}
	.product_class .con .item_list2 .item .title .intro{ font-size:12px}
}

.xm01{ width:1400px; margin:0 auto; height:48px; background:#f2f2f2; margin-top:40px}
.xm01 i{ display:inline-block; vertical-align:top; background:#0078c8; padding:0 30px; line-height:48px; color:#fff; font-size:20px}
.product_class .con .item_list2 .item{ padding-top:2%}

@media all and (max-width:1600px){
	.xm01{ width:1200px; margin:0 auto; margin-top:3%}
}
@media all and (max-width:1200px){
	.xm01{ width:92%; height:40px}
	.xm01 i{ font-size:14px; padding:0 25px; line-height:40px}
}

.xm02{ width:1400px; margin:0 auto; background:#f2f2f2; margin-top:40px}
.xm02 .pic{ width:600px; float:left}
.xm02 .pic img{ width:100%}
.xm02 .title{ width:640px; float:left; margin-left:80px}
.xm02 .title .a1{ font-size:40px; color:#333; font-weight:bold; margin-top:40px}
.xm02 .title .intro{ font-size:20px; color:#333333}
.xm02 .title .content{ font-size:16px; color:#333; text-align:justify; margin-top:20px; line-height:2; height:190px}
.xm02 .title .more a{ display:block; width:125px; height:40px; background:#0a3d64; text-align:center; font-size:14px}
.xm02 .title .more a:hover{ background:#0078c8}
.xm02 .title .more a i{ display:inline-block; vertical-align:top; background:url(g_27.png) right center no-repeat; padding-right:30px; line-height:40px; color:#fff}
@media all and (max-width:1600px){
	.xm02{ width:1200px;}
	.xm02 .pic{ width:550px;}
	.xm02 .title{ margin-left:0; width:650px; box-sizing:border-box; padding:0 30px}
}
@media all and (max-width:1200px){
	.xm02{ width:92%; margin-top:3%}
	.xm02 .pic{ width:100%}
	.xm02 .title{ width:100%; height:auto; padding:20px 15px}
	.xm02 .title .a1{ font-size:24px; margin-top:0}
	.xm02 .title .intro{ font-size:14px}
	.xm02 .title .content{ font-size:14px; margin-top:8px; height:auto; margin-bottom:8px}
}
.wrap{ width:1400px; margin:0 auto}
@media all and (max-width:1600px){
	.wrap{ width:1200px; margin:0 auto}
}
@media all and (max-width:1200px){
	.wrap{ width:92%; margin:0 auto}
}

.picNews02{ width:100%; margin:0 auto;}
.picNews02 .item{ width:100%; margin-bottom:40px; background:#fff; box-sizing:border-box; padding:30px 20px; position:relative}
.picNews02 .item:after{ content:""; display:block; width:100%; position:absolute; left:0; bottom:-20px; height:1px; background:#ddd}
.picNews02 .item .con{ width:100%;}
.picNews02 .item .con .pic{ width:200px; float:left}
.picNews02 .item .con .pic img{ width:100%}
.picNews02 .item .con .time{ font-size:24px; color:rgba(51,51,51,0.8); float:right}
.picNews02 .item .con .title{ width:calc(100% - 365px); float:left; box-sizing:border-box; padding:0 35px}
.picNews02 .item .con .title h3{ font-size:16px; color:#333333; font-weight:normal;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; margin-top:15px}
.picNews02 .item .con .title h3 a{ color:#333}
.picNews02 .item .con .title .intro{ font-size:12px; color:rgba(51,51,51,0.6); line-height:30px; height:60px; overflow:hidden; margin-top:20px}
.picNews02 .item .con .title .t{ font-size:0}
.picNews02 .item:hover{ box-shadow:0 0 10px rgba(00,00,00,0.1);}
@media (max-width:1600px) {
	.picNews02{ width:100%;}
}
@media (max-width:1200px) {
	.picNews02{ width:100%; }
	.picNews02 .item .con .title{ width:calc(100% - 200px); padding:0; padding-left:20px}
	.picNews02 .item .con .time{ display:none}
	.picNews02 .item .con .title .t{ font-size:12px; color:#333}
	.picNews02 .item .con .title .intro{ line-height:25px; height:25px; margin-top:15px; margin-bottom:15px}
}
@media (max-width:640px) {
	.picNews02 .item{ margin-bottom:25px; padding:15px}
	.picNews02 .item:after{ bottom:-12px}
	.picNews02 .item .con{ }
	.picNews02 .item .con .pic{ width:140px}
	.picNews02 .item .con .title{ width:calc(100% - 140px); padding-left:15px}
	.picNews02 .item .con .title h3{ font-size:14px; margin-top:6px}
	.picNews02 .item .con .title .intro{ font-size:12px; margin:6px 0; line-height:20px; height:20px; overflow:hidden}
}


.msg{width:100%; padding:0 5% 2.5% 0;}
.msg dl.w48{ width:48.5%;}
.msg dl dt{ padding:9px 0px 0px 0; line-height:36px; color:#888888;}
.msg dl .input{ border:1px solid #ececec; width:100%; box-sizing:border-box; height:45px; box-sizing:border-box; padding:0 11px; background:#f9f9f9;}
.msg dl .textarea{ border:1px solid #ececec; padding:10px; background:#f9f9f9;}
.msg dl .textarea textarea{ height:130px; width:100%; border:0; background:none}
.msg dl.btn{ padding-top:41px;}
.msg dl .sendbtn{ margin-right:15px; color:#fff; cursor:pointer; border-radius:3px; width:179px; height:50px; background:#3075c5; font-size:16px; border:0}
.msg dl .sendbtn:hover{ box-shadow:0 0 10px #999;}
.msg dl .resetbtn{ color:#fff; cursor:pointer; border-radius:3px; width:179px; height:50px; background:#444444; font-size:16px; border:0}
.msg dl .resetbtn:hover{ box-shadow:0 0 10px #999;}
@media (max-width:640px) {
	.msg dl.w48{ width:100%;}
}