@charset "utf-8";
/* 主体 */
.container { position:relative; padding:0 0 30px;  z-index:8; }
.wrap { position:relative; width:90%; max-width:1200px; min-height:460px; _height:460px; margin:0 auto; }
.wrap .sidebar {width:100%; height:58px; box-sizing:border-box; position:relative; z-index:999; background:#fff;}
.wrap .sidebar .home{ display:block; width:65px; height:58px; position:absolute; right:0px; top:0px; background:url(x23.jpg) center center no-repeat; display:none}
.wrap .main { display:block; overflow:hidden; *zoom:1; padding:50px 0 0; }
.wrapBt { height:0; background:none; overflow:hidden; clear:both; }

/* 左侧栏目标题 */
.leftTitle { position:relative; margin-bottom:18px; padding:18px 0; color:#333; }
.leftTitle i,.leftTitle s { display:block; text-align:center; }
.leftTitle i { font-size:38px; line-height:58px; font-weight:normal; }
.leftTitle s { color:#888; font:12px/18px arial; text-decoration:none; text-transform:uppercase; }

/* 二级、三级菜单 */
.menu ul {}
.menu ul:after{content:'\20';display:block;height:0;clear:both}
.menu ul li { float:left; font-size:18px; color:#000000; margin-top:17px}
.menu ul li a { display:block; height:24px; line-height:24px; padding:0 40px; position:relative }
.menu ul li:last-child a{ border:0}
.menu ul li a:hover,.menu ul li .current { color:#316db5}
.menu ul li a:hover:after,.menu ul li a.current:after{ content:""; display:block; width:100%; height:3px; background:#316db5; position:absolute; left:0; bottom:-17px;}
.m-rdm { padding:25px 0 10px; text-align:center; }
.m-rdm a { display:inline-block; margin:0 8px 10px; padding:3px 20px; border:1px solid #ddd; line-height:24px; }
.m-rdm a:hover,.m-rdm .current { border:1px solid #999; background:#999; color:#fff; }


/* 面包屑 */
.location { position:relative; height:24px; width:1002px; margin:0 auto 30px; padding:11px 0; border-bottom:1px solid #eaeaea; line-height:24px; display:none; }
.location h3 { float:left; padding-left:10px; border-left:5px solid #069; color:#000; font-size:21px; font-weight:normal; }
.breadcrumbs { float:right; text-align:right; }
.breadcrumbs a { display:inline-block; margin-left:12px; padding-left:12px; background:url(../images/o_ico_04.gif) no-repeat 0 center; vertical-align:top; }
.breadcrumbs .u-home { padding-left:20px; background:url(../images/o_ico_03.gif) no-repeat 0 center; }

/* 内容模式 */
.article { padding:0 0 40px; line-height:2; font-size:14px; word-wrap:break-word; }
.article .hd { padding:0 0 20px; text-align:center; }
.article .hd h1 { color:#000; font-size:20px; }
.article .hd .titBar { color:#797979; font-size:12px; } 
.article .bd { padding-bottom:40px; }
.article .bd img{ max-width:100%}
.article .ft { padding:20px 0 0; border-top:1px solid #ddd; }


/* 图文新闻 */
.pothoItem { margin:0 0 40px; }
.pothoItem .item { margin-top:45px;border:1px solid #d2d2d2; overflow:hidden; }
.pothoItem .item:hover{ background:#f5f5f5;border:1px solid #f5f5f5;}
.pothoItem .item .pic { float:left; width:315px; margin-right:20px;}
.pothoItem .item .pic img { width:100%; }
.pothoItem .item dl { display:block; overflow:hidden; zoom:1; padding:0; line-height:20px; margin-top:15px }
.pothoItem .item dl dt { font-size:18px; line-height:32px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; }
.pothoItem .item dl dt a{ color:#000}
.pothoItem .item:hover dl dt a{ color:#1d5099}
.pothoItem .item dl .d{ padding:5px 0}
.pothoItem .item dl .i { padding:5px 0 0; color:#797979; font-size:14px; line-height:25px; height:75px; overflow:hidden }

/* 图片列表 */
.pic-item-list { margin:0 0 20px; }
.pic-item-list .pic-item { display:block; float:left; width:130px; margin-bottom:10px; padding:0; }
.pic-item-list .list-pic { display:block; margin:0 auto; padding:4px; border:1px solid #919090;  text-align:center; }
.pic-item-list dl { padding:0 5px; line-height:26px; text-align:center; }
.piList { padding:0 0 20px; overflow:hidden; }
.piList .pic-item-list { width:100%; margin:0; padding:0; }
.piList .pic-item { position:relative; width:31%; margin:0 3.5% 3% 0; padding:0; display:inline; box-sizing:border-box; overflow:hidden }
.piList .pic-item img{transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.piList .pic-item:hover 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);}


.piList .pic-item:nth-child(3n){ margin-right:0}
.piList .list-pic { display:block; width:calc(100% - 2px);  margin-bottom:0; padding:0; border:0;border:1px solid #f6f6f6; overflow:hidden}
.piList .list-pic img { width:100%;   }
.piList dl { padding:4px 5px; line-height:20px; }
.piList dl dt { height:40px; font-size:14px; line-height:40px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.piList dl dt a{ color:#000}



@media (max-width:1200px) {
	.wrap{ width:96%}
	.wrap .sidebar{ height:auto;background:#f6f6f6; border:0; margin-top:20px}
	.wrap .sidebar .home{ display:none}	
	.menu ul li{ width:25%; float:left; margin:0; text-align:center; border-right:1px solid #fff; border-bottom:1px solid #fff; box-sizing:border-box }
	.menu ul li:nth-child(4n){ border-right:0}
	.menu ul li a{ padding:20px 0; border:0}
	.piList dl dt { height:30px; font-size:14px; line-height:30px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }	
	.article .hd h1{ font-size:18px}
	.menu ul li a:hover:after,.menu ul li a.current:after{ content:""; display:block; width:0; height:0; background:#004ea2; position:absolute; left:0; bottom:-17px;}
	.article img{ max-width:100%}
}
@media (max-width:750px) {
	.menu ul li{ font-size:16px }
	.menu ul li a{ padding:10px 0;}
	.piList .pic-item{ width:48.5%; margin:0 3% 3% 0}
	.piList .pic-item:nth-child(3n){ margin-right:3%}
	.piList .pic-item:nth-child(2n){ margin-right:0}	
	
}
@media (max-width:640px) {
	.menu ul li{ width:33.33%;}
	.menu ul li{ font-size:14px}
	.menu ul li:nth-child(3n){ border-right:0}
	.menu ul li:nth-child(4n){ border-right:1px solid #fff}
	.article .hd h1{ font-size:16px}
	.wrap .main{ padding:15px 0}
	.pothoItem .item{ margin-top:20px}
	.pothoItem .item .pic { float:left; width:45%; margin-right:10px;}
	.pothoItem .item dl{ margin-top:10px}
	.pothoItem .item dl dt{ font-size:15px; line-height:25px; margin-right:}
	.pothoItem .item dl .i{ padding: 0; line-height:22px; height:43px; overflow:hidden}
	.contact01{ width:100%; border:1px solid #b5b5b5; box-sizing:border-box; padding:15px}
	.contact01 .lt  h3{ font-size:18px; line-height:1.3; margin-bottom:10px}	
	.contact01 .lt  .intro{ font-size:14px}
	.contact01 .rt{ width:100px}
	.contact01 .rt img{ width:100%}
}
@media (max-width:480px) {
	.pothoItem .item dl .i{ padding: 0; line-height:22px; height:22px; overflow:hidden}	
	.pothoItem .item dl{ margin-top:5px}
	.pothoItem .item dl .d{ padding:3px 0}
	.pothoItem .item .pic { float:left; width:40%;}
}
@media (max-width:475px) {
	.pothoItem .item .pic {width:170px;}
	.pothoItem .item .pic img { width:170px;}
	.page { padding:0 0 30px; line-height:20px;}
	.page a {margin:0 1px; padding:0 5px;}

}
@media (max-width:400px) {
	.contact01 .lt{ width:100%}
	.contact01 .rt{ width:120px; float:left; margin-top:10px}
}
@media (max-width:375px) {
	.menu ul li{ width:50%;}
	.menu ul li:nth-child(3n){ border-right:1px solid #fff}
	.menu ul li:nth-child(2n){ border-right:0}
	.pothoItem .item .pic {width:150px; margin-right:10px}
	.pothoItem .item .pic img { width:150px;}
	
}



.pc-nr{ display:block}
.sj-nr{ display:none}

@media all and (max-width:1200px){
	
	.pc-nr{ display:none}
	.sj-nr{ display:block}
	.article{ padding:0}
}
/* webmap */
.webmap { padding: 20px; margin: 0 auto; }
.webmap dl dt { margin: 5px 0; padding-left: 18px; background: url(../images/ico_05.gif) 3px center no-repeat; font-size: 16px; line-height: 2; }
.webmap dl dt a { color: #000; font-weight: bold; }
.webmap dl dd { padding-left: 18px; }
.webmap dl dd a { float: left; display: block; margin-right: 10px; margin-bottom: 5px; padding: 0 10px; background: #ccc; color: #333; font-size: 14px; line-height: 2; white-space: nowrap; }
.webmap dl dd a:hover { background: #555; color: #fff; text-decoration: none; }
.webmap dl dd p.thd a { background: #eee; }
.webmap dl dd p.thd a:hover { background: #999; }



.banner{ width:100%;}
.banner img{ width:100%}
.banner img.img1{ display:block}
.banner img.img2{ display:none}
@media screen and (max-width: 1200px){
	.banner img.img2{ display:block}
	.banner img.img1{ display:none}
	.banner{ width:100%; left:0; margin-left:0}
}
/*about*/
.about{ width:100%}
.about #a,.about #b,.about #c,.about #d,.about #e,.about #f{position: absolute;left: 0;top: -82px; z-index:-1}
.about .about01{ width:96%; margin:0 auto; max-width:1200px; margin-bottom:120px; position:relative}
.about .about01>h3{ line-height:1; font-weight:normal; padding:55px 0 20px; background:url(../images/../images/g_23.jpg) left bottom no-repeat; font-size:28px; color:#404040}
.about .about01 .intro{ font-size:14px; color:#777777; line-height:2; margin-top:40px}
.about .about01 .pic_list{ width:100%; margin-top:40px; position:relative; padding-bottom:30px; background:url(../images/../images/g_37.jpg) right bottom no-repeat}
.about .about01 .pic_list .swiper_ab01{ width:907px; overflow:hidden}
.about .about01 .pic_list .swiper_ab01 .swiper-slide{ width:100%}
.about .about01 .pic_list .swiper_ab01 .swiper-slide img{ max-width:100%}
.about .about01 .pic_list .swiper_ab01 .swiper-slide .pic{ width:100%}
.about .about01 .pic_list .swiper_ab01 .swiper-slide .title{ margin-top:25px; text-align:right; padding:0 30px; line-height:30px}
.about .about01 .pic_list .swiper_ab01 .swiper-slide .title a{ color:#fff; font-size:24px}
.about .about01 .pic_list .swiper_ab01 .swiper-slide .title a i{ font-size:16px; display:inline-block; vertical-align:top; line-height:30px; margin-left:10px}
.about .about01 .pic_list .next_ab01{ background:url(../images/../images/g_26.png) center center no-repeat; width:35px; height:35px; position:absolute; right:75px; bottom:30px; cursor:pointer}
.about .about01 .pic_list .prev_ab01{ background:url(../images/../images/g_25.png) center center no-repeat; width:35px; height:35px; position:absolute; right:160px; bottom:30px; cursor:pointer}
@media screen and (max-width: 1200px){
	.about #a,.about #b,.about #c,.about #d,.about #e,.about #f{position: absolute;left: 0;top: -60px; z-index:-1}

	.about .about01{ margin-bottom:40px}
	.about .about01>h3{ font-size:18px; padding:30px 0 15px; background-size:30px 1px}
	.about .about01 .intro{ margin-top:15px; line-height:1.8; font-size:13px}
	.about .about01 .pic_list{ margin-top:15px; padding-bottom:20px}
	.about .about01 .pic_list .swiper_ab01{ width:100%}
	.about .about01 .pic_list .swiper_ab01 .swiper-slide .title{ margin-top:10px; padding:0 10px; text-align:left}
	.about .about01 .pic_list .swiper_ab01 .swiper-slide .title a{ font-size:18px}
	.about .about01 .pic_list .swiper_ab01 .swiper-slide .title a i{ font-size:14px}
	.about .about01 .pic_list .next_ab01{ background:url(../images/../images/g_26.png) center center no-repeat; background-size:30px; width:30px; height:30px; position:absolute; right:10px; bottom:20px; cursor:pointer}
	.about .about01 .pic_list .prev_ab01{ background:url(../images/../images/g_25.png) center center no-repeat; background-size:30px; width:30px; height:30px; position:absolute; right:50px; bottom:20px; cursor:pointer}
}

.about02{ width:1920px; position:relative; left:50%; margin-left:-960px; background:url(../images/../images/g_28.jpg) center center no-repeat; background-size:cover}
.about02>h3{ font-size:38px; color:#fff; font-weight:normal; line-height:1; padding:60px 0 20px; background:url(../images/../images/g_27.png) bottom center no-repeat; text-align:center}
.about02 .picx{ width:100%; position:relative; height:430px; background:url(../images/../images/g_32.png) center 150px no-repeat}
.about02 .picx .swiper_ab02{ width:1200px; margin:0 auto; overflow:hidden}
.about02 .picx .swiper_ab02 .swiper-slide{ width:25%; text-align:center; color:#fff; padding-top:210px}
.about02 .picx .swiper_ab02 .swiper-slide h3{ font-size:20px}
.about02 .picx .swiper_ab02 .swiper-slide .intro{ font-size:14px; margin-top:10px}
.about02 .picx .swiper_ab02 .swiper-slide:nth-child(2n){ padding-top:52px}
.about02 .picx .next_ab02{ background:url(../images/../images/g_31.png) center center no-repeat; background-size:60px; width:60px; height:60px; position:absolute; right:50%; margin-right:-650px; top:140px; cursor:pointer; z-index:9}
.about02 .picx .prev_ab02{ background:url(../images/../images/g_30.png) center center no-repeat; background-size:60px; width:60px; height:60px; position:absolute; left:50%; margin-left:-650px; top:140px; cursor:pointer; z-index:9}
.about02 .history02{ width:94%; margin:0 auto; display:none; margin-top:15px}
.about02 .history02 .item{ padding-left:25px; margin-left:8px; box-sizing:border-box;padding-bottom:25px; position:relative; border-left:1px solid #fff; color:#fff}
.about02 .history02 .item:after{ content:""; display:block; width:15px; height:15px; background:url(../images/g_38.png) center center no-repeat; background-size:15px; position:absolute; left:-8px; top:5px}
.about02 .history02 .item h3{ font-size:16px;}
.about02 .history02 .item .intro{ font-size:13px; margin-top:10px}
@media screen and (max-width: 1200px){
	.about02{ width:100%; left:0; margin:0;}
	.about02 .picx{ display:none}
	.about02>h3{ font-size:18px; padding:30px 0 15px; background-size:30px 1px}
	.about02 .history02{ display:block}
}
.about03{ width:96%; margin:0 auto; max-width:1200px; margin-bottom:80px; position:relative}
.about03>h3{ line-height:1; font-weight:normal; padding:85px 0 20px; background:url(../images/../images/g_23.jpg) center bottom no-repeat; font-size:28px; color:#404040; text-align:center}
.about03 .item{ margin-top:80px}
.about03 .lt{ float:left; width:440px}
.about03 .rt{ float:right}
.about03 .lt h3{ font-size:28px; color:#333333; font-weight:normal; margin-top:20px}
.about03 .lt p{ font-size:16px; color:#333333; background:url(../images/../images/g_35.png) left center no-repeat; padding-left:78px; margin-top:20px}
.about03 .lt ul{ margin-top:45px; width:100%}
.about03 .lt ul li{ width:100%; height:40px; background:#e5e5e5; color:#333; font-size:16px}
.about03 .lt ul li:nth-child(2n){ background:#fff}
.about03 .lt ul li .sp1{ display:block; float:left; margin-left:30px; width:155px; line-height:40px}
.about03 .lt ul li .sp2{ display:block; float:left; width:155px; line-height:40px}
.about03 .lt ul li .sp3{ display:block; float:left; line-height:40px}
@media screen and (max-width: 1200px){
	.about03>h3{ line-height:1; font-weight:normal; padding:35px 0 15px; background:url(../images/../images/g_23.jpg) center bottom no-repeat; font-size:18px; background-size:30px 1px; color:#404040; text-align:center}
	.about03 .item{ margin-top:20px}
	.about03 .lt{ width:100%; max-width:440px; }
	.about03 .lt h3{ font-size:18px; margin-top:0}
	.about03 .lt p{ font-size:14px; margin-top:10px}
	.about03 .lt ul{ margin-top:15px}
	.about03 .lt ul li{ height:35px; font-size:13px}
	.about03 .lt ul li .sp1{ margin-left:5%; width:35%; line-height:35px}
	.about03 .lt ul li .sp2{ width:35%; line-height:35px}
	.about03 .lt ul li .sp3{ line-height:35px}
	.about03 .rt{ width:100%}
	.about03 .rt img{ max-width:100%}
}
.about01 .introx{ padding:50px 0 0}
.about01 .introx .item{ width:48%; float:left; }
.about01 .introx .item .pic{ width:100%; overflow:hidden; position:relative}
.about01 .introx .item .pic img{ width:100%}
.about01 .introx .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;}
.about01 .introx .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);}

.about01 .introx .item .pic .s{ position:absolute; width:100%; height:100%; left:0; top:0; background:rgb(82,180,211,0.5); z-index:9; opacity:0; transition:all 0.5s linear}
.about01 .introx .item .pic .s .m{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%)}
.about01 .introx .item .pic .s .m .sp1{ display:block; width:100%; height:70px; background:url(../images/a3.png) center center no-repeat}
.about01 .introx .item .pic .s .m .sp2{ display:block; width:120px; margin:0 auto; border-top:1px solid #fff; border-bottom:1px solid #fff; line-height:36px; color:#fff; text-align:center; font-size:16px; text-transform:uppercase; margin-top:20px}
.about01 .introx .item .title{ text-align:center; font-size:24px; color:#000; margin:10px 0 50px}
.about01 .introx .item .title a{ display:block; color:#333}
.about01 .introx .item:nth-child(2n){ float:right}
.about01 .introx .item:hover .pic .s{ opacity:1}
@media screen and (max-width: 1200px){
	.about01 .introx .item{ width:49%;}
	.about01 .introx{ padding:20px 0 0}
	.about01 .introx .item .title{ font-size:14px; margin:10px 0 20px}
	.about01 .introx .item .pic .s .m{ width:100%}
	.about01 .introx .item .pic .s .m .sp1{ height:30px; background-size:auto 30px; width:100%}
	.about01 .introx .item .pic .s .m .sp2{ width:70px; line-height:20px; font-size:12px; margin-top:5px; display:none}
}
/*product*/
.product{ width:100%}
.product01{ width:100%}
.product01 .nr{ width:94%;max-width:1200px; margin:0 auto; position:relative; padding:90px 0}
.product01 .nr .pic{ position:absolute; right:0; bottom:70px}
.product01 .nr .lt{ width:570px; float:left}
.product01 .nr .lt .top{ width:100%}
.product01 .nr .lt .top h3{ font-size:24px; color:#316db5; font-weight:normal; background:url(../images/../images/g_46.png) left bottom no-repeat; padding-bottom:15px}
.product01 .nr .lt .top .intro{ font-size:14px; color:#404040; line-height:2; margin-top:20px}
.product01 .nr .lt .bd{ width:100%; box-sizing:border-box; background:url(../images/../images/g_44.png) left center no-repeat; padding-left:280px; margin-top:50px}
.product01 .nr .lt .bd ul li{ font-size:14px; color:#404040; line-height:40px}
.product01 .nr .lt .bd ul li a{ color:#404040}
.product01 .nr .lt .bd ul li:hover a{ color:#316db5}
.product02{ width:100%; background:#f7f7f7;}
.product02 .nr{ width:94%;max-width:1200px; margin:0 auto; position:relative; padding:70px 0;}
.product02 .nr .lt{ float:left}
.product02 .nr .lt{ width:570px; float:right}
.product02 .nr .lt .top{ width:100%}
.product02 .nr .lt .top h3{ font-size:24px; color:#316db5; font-weight:normal; background:url(../images/../images/g_46.png) left bottom no-repeat; padding-bottom:15px}
.product02 .nr .lt .top .intro{ font-size:14px; color:#404040; line-height:2; margin-top:20px}
.product02 .nr .lt .bd{ width:100%; box-sizing:border-box; background:url(../images/../images/g_45.png) left center no-repeat; padding-left:280px; margin-top:50px; min-height:201px}
.product02 .nr .lt .bd ul li{ font-size:14px; color:#404040; line-height:40px}
.product02 .nr .lt .bd ul li a{ color:#404040}
.product02 .nr .lt .bd ul li:hover a{ color:#316db5}
.product02 .nr .pic{ position:absolute; left:0; top:50px}
@media screen and (max-width: 1200px){
	.product01 .nr{ padding:30px 0}
	.product01 .nr .pic{ position:relative; right:auto; bottom:auto}
	.product01 .nr .pic img{ max-width:100%}
	.product01 .nr .lt{ width:100%}
	.product01 .nr .lt .top h3{ font-size:18px; padding-bottom:10px; margin-top:20px}
	.product01 .nr .lt .top .intro{ font-size:13px;}
	.product01 .nr .lt .bd{ padding:0; background:url(../images/../images/g_44.png) right center no-repeat; background-size:160px; margin-top:20px }
	.product02 .nr{ padding:30px 0}
	.product02 .nr .pic{ position:relative; left:auto; top:auto;}
	.product02 .nr .pic img{ max-width:80%}
	.product02 .nr .lt{ width:100%}
	.product02 .nr .lt .top h3{ font-size:18px; padding-bottom:10px; margin-top:20px}
	.product02 .nr .lt .top .intro{ font-size:13px;}
	.product02 .nr .lt .bd{ background-size:150px; padding-left:180px; margin-top:20px}
}


/*product_display*/
.product_display{ width:100%}
.p_nav{ width:100%; box-shadow:0 0 15px rgba(00,00,00,0.1)}
.p_nav .nr{ width:94%; max-width:1200px; margin:0 auto}
.p_nav .nr .lt{ float:left; font-size:16px; color:#000000; line-height:84px}
.p_nav .nr .lt a{ color:#000}
.p_nav .nr .cen{ float:left; font-size:0}
.p_nav .nr .cen a{ display:inline-block; vertical-align:top; font-size:12px; color:#404040; line-height:84px; margin:0 5px}
.p_nav .nr .cen a.current{ color:#316db5; padding-left:32px; background:url(../images/../images/g_52.png) left center no-repeat}
.p_nav .nr .cen a:hover{ color:#316db5}
.p_nav .nr .rt{ float:right}
.p_nav .nr .rt a{ display:block; width:80px; height:36px; text-align:center; line-height:35px; color:#fff; border-radius:18px; background:#316db5; margin-top:24px}
@media screen and (max-width: 1200px){
	.p_nav .nr{ width:100%}
	.p_nav .nr .lt{ display:none}
	.p_nav .nr .rt{ display:none}
	.p_nav .nr .cen{ width:100%; box-sizing:border-box; border:1px solid #316db5; border-bottom:0; border-right:0}
	.p_nav .nr .cen a{ padding:0; margin:0; background:none; width:50%; text-align:center; font-size:16px; line-height:45px; border-bottom:1px solid #316db5; border-right:1px solid #316db5; box-sizing:border-box; background:#316db5; color:#fff}
	.p_nav .nr .cen a.current{ padding:0; background:none;}
	.p_nav .nr .cen a:hover{ color:#316db5; background:#fff}
}
.p_hd{ width:94%; max-width:1200px; margin:0 auto; padding-top:90px; padding-bottom:25px; border-bottom:1px solid #ededed}
.p_hd .pic{ width:600px; float:left}
.p_hd .pic img{ width:100%}
.p_hd .title{ width:540px; float:right}
.p_hd .title h3{ font-size:20px; color:#316db5; font-weight:normal; margin-top:20px}
.p_hd .title .intro{ font-size:16px; color:#404040; line-height:2; text-align:justify; margin-top:45px; min-height:200px}
.p_hd .title .s1{ width:100%; display:none}
.p_hd .title .s1 .xz{ float:left}
.p_hd .title .s1 .xz a{ display:block; width:140px; height:40px; background:#316db5; text-align:center}
.p_hd .title .s1 .xz a i{ display:inline-block; vertical-align:top; font-size:14px; color:#ffffff; padding-left:36px; line-height:40px; background:url(../images/../images/g_48.png) left center no-repeat}
.p_hd .title .s1 .zx{  float:left; margin-left:40px}
.p_hd .title .s1 .zx a{ display:block; width:140px; height:40px; background:#e6e6e6; text-align:center}
.p_hd .title .s1 .zx a i{ display:inline-block; vertical-align:top; font-size:14px; color:#404040; padding-left:36px; line-height:40px; background:url(../images/../images/g_49.png) left center no-repeat}
@media screen and (max-width: 1200px){
	.p_hd{ padding-top:30px; padding-bottom:20px}
	.p_hd .pic{ width:100%}
	.p_hd .title{ width:100%}
	.p_hd .title h3{ font-size:16px}
	.p_hd .title .intro{ font-size:13px; margin-top:15px; min-height:auto}
	.p_hd .title .s1{ margin-top:10px}
	.p_hd .title .s1 .zx{ margin-left:20px}
}

.p_bd{ width:94%; max-width:1200px; margin:0 auto; padding-bottom:50px;}
.p_bd .s1{ width:100%; margin-top:45px}
.p_bd .s1 h3{ font-size:20px; color:#316db5;padding-left:26px; background:url(../images/../images/g_50.png) left center no-repeat}
.p_bd .s1 .intro{ font-size:14px; color:#777; line-height:2; margin-top:20px}
.p_bd .s1 .lt{ width:600px; float:left}
.p_bd .s1 .rt{ width:600px; float:right; margin-top:50px}
.p_bd .s1 .rt img{ width:100%}
@media screen and (max-width: 1200px){
	.p_bd .s1{ margin-top:25px}
	.p_bd .s1 h3{ font-size:16px;}
	.p_bd .s1 .intro{ margin-top:10px}
	.p_bd .s1 .lt{ width:100%}
	.p_bd .s1 .rt{ width:100%; margin-top:20px}
}

/*yanjiu*/
.yanjiu{ width:100%}
.yj01{ width:94%; max-width:1200px; margin:0 auto; padding-bottom:124px; position:relative}
.yj01 .hd{ text-align:center}
.yj01 .hd h3{ font-size:36px; color:#000000; font-weight:normal; line-height:1; padding:85px 0 25px; background:url(../images/../images/g_53.png) bottom center no-repeat;position: relative;}
.yj01 .hd h3 span{position: relative;}
.yj01 .hd h3 span:before{
	content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    width: 104px;
    height: 2px;
    background-color: #333;
    left: -125px;
}
.yj01 .hd h3 span:after{
	content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    width: 104px;
    height: 2px;
    background-color: #333;
    right: -125px;
}
.yj01 .bd{ width:100%; margin-top:75px}
.yj01 .bd .item{ width:23.5%; margin-right:2%; box-sizing:border-box; border:1px solid #8e999f; text-align:center; float:left; height:300px}
.yj01 .bd .item:nth-child(4){ margin-right:0}
.yj01 .bd .item span{ display:block; width:100%; height:115px; background:url(../images/../images/g_54.png) bottom center no-repeat}
.yj01 .bd .item .num{ font-size:30px; color:#316db5; padding:20px 0 }
.yj01 .bd .item .intro{ font-size:18px; color:#777777}
.yj01 .bd .item:nth-child(1) span{background:url(../images/../images/g_54.png) bottom center no-repeat}
.yj01 .bd .item:nth-child(2) span{background:url(../images/../images/g_55.png) bottom center no-repeat}
.yj01 .bd .item:nth-child(3) span{background:url(../images/../images/g_56.png) bottom center no-repeat}
.yj01 .bd .item:nth-child(4) span{background:url(../images/../images/g_57.png) bottom center no-repeat}
.yanjiu #a,.yanjiu #b,.yanjiu #c,.yanjiu #d,.yanjiu #e,.yanjiu #f{position: absolute;left: 0;top: -82px; z-index:-1}

@media screen and (max-width: 1200px){
	.yanjiu #a,.yanjiu #b,.yanjiu #c,.yanjiu #d,.yanjiu #e,.yanjiu #f{position: absolute;left: 0;top: -60px; z-index:-1}
	.yj01{ padding-bottom:30px}
	.yj01 .hd h3{ font-size:20px; padding:30px 0 15px; background-size:50px 1px}
	.yj01 .bd{ margin-top:20px}
	.yj01 .bd .item{ width:49%; height:200px; margin-bottom:2% }
	.yj01 .bd .item:nth-child(2n){ margin-right:0}
	.yj01 .bd .item span{ height:80px; background-size:45px!important}
	.yj01 .bd .item .num{ font-size:18px; padding:10px 0}
	.yj01 .bd .item .intro{ font-size:14px}
}
.yj02{ width:100%; background: #949494; /*background:url(../images/../images/g_58.jpg) center center no-repeat; background-size:cover;*/ padding-bottom:35px; position:relative}
.yj02 .hd{ width:100%; text-align:center}
.yj02 .hd h3{ font-size:38px; color:#fff; font-weight:normal; line-height:1; padding:40px 0 20px; background:url(../images/../images/g_64.png) bottom center no-repeat}
.yj02 .bd{ width:1200px; margin:0 auto; margin-top:45px}
.yj02 .bd .lt{ width:267px; height:440px; background:#fff; float:left; text-align:center; box-sizing:border-box}
.yj02 .bd .lt .intro{ display:inline-block; vertical-align:top; padding-top:270px; background:url(../images/../images/g_59.png) center 115px no-repeat; font-size:16px; color:#333333; line-height:2}
.yj02 .bd .cen{ float:left; text-align:center; margin-left:56px; width:250px}
.yj02 .bd .cen:nth-child(1){width:250px; margin-left:0;}
.yj02 .bd .cen img{ width:100%}
.yj02 .bd .cen p{ font-size:16px; line-height:56px; color:#fff}
.yj02 .bd .rt{float:right; width:100%;}
.yj02 .bd .rt .item {
    float: left;
    margin: 0 0.6%;
    width: 18.8%;
}
.yj02 .bd .rt .item img {
    width: 100%;
    height: 297px;
}
.yj02 .bd .rt .item p {
    font-size: 16px;
    line-height: 26px;
    color: #fff;
    text-align: center;
    padding: 15px 0;
}
.yj02 .hd h3 span{position: relative;}
.yj02 .hd h3 span:before{
	content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    width: 104px;
    height: 2px;
    background-color: #fff;
    left: -125px;
}
.yj02 .hd h3 span:after{
	content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    width: 104px;
    height: 2px;
    background-color: #fff;
    right: -125px;
}
@media screen and (max-width: 1200px){
	.yj02 .hd h3{ font-size:20px; padding:30px 0 15px; background-size:50px 1px}
	.yj02 .bd{ width:94%; margin-top:20px}
	.yj02 .bd .lt{ width:100%; height:auto; padding:20px 0}
	.yj02 .bd .lt .intro{ background:url(../images/../images/g_59.png) left center no-repeat; background-size:60px; padding:30px 0 30px 100px; font-size:14px}
	.yj02 .bd .cen{ width:100%; margin-left:0; margin-top:2%}
	.yj02 .bd .cen .item{ width:49%; float:left}
	.yj02 .bd .cen .item img{ width:100%}
	.yj02 .bd .cen .item:nth-child(2){ float:right}
	.yj02 .bd .cen p{ font-size:14px; line-height:40px}
	.yj02 .bd .rt{ width:100%} 
	.yj02 .bd .rt .item{ width:49%; margin-left:0; float:left; text-align:center}
	.yj02 .bd .rt .item img{ width:100%}
	.yj02 .bd .rt .item:nth-child(2n){ float:right}
	.yj02 .bd .rt .item p{ font-size:14px; line-height:40px}
	.yj02 .bd .cen:nth-child(1){width:100%;}
}
.yj03{ width:100%; position:relative}
.yj03 .hd{ width:100%; text-align:center}
.yj03 .hd h3{ font-size:38px; color:#000000; font-weight:normal; line-height:1; padding:70px 0 25px; background:url(../images/../images/g_53.png) bottom center no-repeat}
.yj03 .hd .intro{ font-size:14px; color:#adadad; max-width:646px; margin:0 auto; line-height:2; margin-top:10px}
.yj03 .bd{ width:94%; max-width:1200px; margin:0 auto; margin-top:40px}
.yj03 .bd .item{ width:49%; float:left; height:206px; box-sizing:border-box; box-shadow:0 0 15px rgba(00,00,00,0.1); margin-bottom:34px; padding:30px}
.yj03 .bd .item:nth-child(2n){ float:right}
.yj03 .bd .item h3{ font-weight:normal; font-size:20px; color:#47bdec}
.yj03 .bd .item .intro{ font-size:16px; color:#333333; line-height:2; margin-top:15px}
.yj03 .hd h3 span{position: relative;}
.yj03 .hd h3 span:before{
	content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    width: 104px;
    height: 2px;
    background-color: #333;
    left: -125px;
}
.yj03 .hd h3 span:after{
	content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    width: 104px;
    height: 2px;
    background-color: #333;
    right: -125px;
}
@media screen and (max-width: 1200px){
	.yj03 .hd h3{ font-size:20px; color:#000000; font-weight:normal; line-height:1; padding:30px 0 15px; background:url(../images/../images/g_53.png) bottom center no-repeat; background-size:30px 1px}
	.yj03 .hd .intro{ width:100%; font-size:12px;}
	.yj03 .bd{ margin-top:20px}
	.yj03 .bd .item{ width:100%; height:auto; padding:20px; margin-bottom:20px}
	.yj03 .bd .item h3{ font-size:16px}
	.yj03 .bd .item .intro{ font-size:14px; margin-top:5px}
}
.yj04{ width:100%; padding-bottom:130px; position:relative}
.yj04 .hd{ width:100%; text-align:center}
.yj04 .hd h3{ font-size:38px; color:#000000; font-weight:normal; line-height:1; padding:50px 0 25px; background:url(../images/../images/g_53.png) bottom center no-repeat}
.yj04 .bd{ width:94%; max-width:1200px; margin:0 auto; margin-top:65px; overflow:hidden}
.swiper_yj{ width:100%}
.swiper_yj .swiper-slide{ width:23.5%; float:left; position:relative; margin-right:2%; overflow:hidden}
.swiper_yj .swiper-slide a{ display:block; width:100%; height:100%; overflow:hidden}
.swiper_yj .swiper-slide a::before{ /*content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(00,00,00,0); transition:all 0.3s linear*/}
.swiper_yj .swiper-slide:hover a::before{/*background:rgba(00,00,00,0.5);*/}
.swiper_yj .swiper-slide a::after{/*-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;*/}
.swiper_yj .swiper-slide a::after {/*position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-top: 1px solid #fff;border-bottom: 1px solid #fff;content: '';opacity: 0;-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;*/}

.swiper_yj .swiper-slide:hover a::after {/*opacity: 1;-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);*/}


.swiper_yj .swiper-slide:last-child{ margin-right:0}
.swiper_yj .swiper-slide img{ width:100%}
.swiper_yj .swiper-slide img{transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.swiper_yj .swiper-slide:hover 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);}

.swiper_yj .swiper-slide p{ width:100%; height:100%; line-height:246px; text-align:center; position:absolute; left:0; bottom:0; color:#fff; font-size:16px; opacity:0; transition:all 0.5s linear}
.swiper_yj .swiper-slide:hover p{ opacity:1}

.yj04 .hd h3 span{position: relative;}
.yj04 .hd h3 span:before{
	content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    width: 104px;
    height: 2px;
    background-color: #333;
    left: -125px;
}
.yj04 .hd h3 span:after{
	content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    width: 104px;
    height: 2px;
    background-color: #333;
    right: -125px;
}
@media screen and (max-width: 1200px){
	.yj04{ padding-bottom:50px}
	.yj04 .hd h3{ font-size:20px; color:#000000; font-weight:normal; line-height:1; padding:20px 0 15px; background:url(../images/g_53.png) bottom center no-repeat; background-size:30px 1px}
	.yj04 .bd{ margin-top:20px}
	.swiper_yj .swiper-slide{ width:170px; margin-right:15px}
	.swiper_yj .swiper-slide p{ width:100%; height:32px; text-align:center; background:#316db5; box-sizing:border-box; padding:0 15px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; line-height:32px; color:#fff; font-size:14px; position:absolute; left:0; bottom:0}

}

/*news_list*/
.news_list{ width:100%; margin-bottom:80px}
.news_list .item{ width:32%; margin-right:2%; margin-top:2%; float:left}
.news_list .item:nth-child(3n){ margin-right:0}
.news_list .item .pic{ width:100%; overflow:hidden}
.news_list .item .pic img{ width:100%}
.news_list .item .tit{ background:#f7f7f7; padding:12px}
.news_list .item .tit h3{ font-size:16px; color:#000; font-weight:normal;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; padding:8px 0 15px; background:url(../images/../images/g_66.jpg) left bottom no-repeat}
.news_list .item .tit h3 a{ color:#000}
.news_list .item .tit .time{ font-size:14px; color:#777777; background:url(../images/../images/g_67.png) left center no-repeat; padding:15px 0 15px 20px;}
@media screen and (max-width: 1200px){
	.news_list{ margin-bottom:40px}
	.news_list .item{ width:49%;}
	.news_list .item:nth-child(3n){ margin-right:2%}
	.news_list .item:nth-child(2n){ margin-right:0%}
	.news_list .item .tit{ padding:8px}
	.news_list .item .tit h3{ font-size:14px; padding:5px 0 8px}
	.news_list .item .tit .time{ font-size:12px; padding:10px 0 10px 17px; background-size:12px}
}

/*contact*/
.contact{ width:100%; background:#fafafa; padding:70px 0 110px; }
.contact .nr{ width:94%; max-width:1200px; margin:0 auto;position:relative}
.contact .nr .c_nav{ width:290px; float:left; background:#fff; box-shadow:0 0 15px rgba(00,00,00,0.1)}
.contact .nr .c_nav dt{ border-bottom:1px solid #e6e6e6; height:54px; line-height:54px}
.contact .nr .c_nav dd{ border-bottom:1px solid #e6e6e6; height:54px; line-height:54px}
.contact .nr .c_nav dt a{ display:block; font-size:16px; color:#000000; background:url(../images/../images/g_68.png) 20px center no-repeat; padding-left:52px; transition:all 0s linear}
.contact .nr .c_nav dt.current a,.contact .nr .c_nav dt:hover a{ color:#316db5; background:url(../images/../images/g_68.png) 20px center no-repeat,url(../images/g_69.png) 235px center no-repeat;}
.contact .nr .c_nav dl:nth-child(1) dt a{background:url(../images/g_68.png) 20px center no-repeat; padding-left:52px;}
.contact .nr .c_nav dl:nth-child(1) dt.current a,.contact .nr .c_nav dl:nth-child(1) dt:hover a{ color:#316db5; background:url(../images/../images/g_68.png) 20px center no-repeat,url(../images/../images/g_69.png) 90% center no-repeat;}
.contact .nr .c_nav dl:nth-child(2) dt a{background:url(../images/g_70.png) 20px center no-repeat; padding-left:52px;}
.contact .nr .c_nav dl:nth-child(2) dt.current a,.contact .nr .c_nav dl:nth-child(2) dt:hover a{ color:#316db5; background:url(../images/../images/g_70.png) 20px center no-repeat,url(../images/../images/g_69.png) 90% center no-repeat;}
.contact .nr .c_nav dl:nth-child(3) dt a{background:url(../images/g_71.png) 20px center no-repeat; padding-left:52px;}
.contact .nr .c_nav dl:nth-child(3) dt.current a,.contact .nr .c_nav dl:nth-child(3) dt:hover a{ color:#316db5; background:url(../images/../images/g_71.png) 20px center no-repeat,url(../images/../images/g_69.png) 90% center no-repeat;}
.contact .nr .c_nav dd a{ display:block; font-size:14px; color:#000000; padding-left:52px; transition:all 0s linear}
.contact .nr .c_nav dd.current a,.contact .nr .c_nav dd:hover a{ color:#316db5;}
.contact .nr .c_content{ width:calc(100% - 330px); float:right; background:#fff; box-shadow:0 0 15px rgba(00,00,00,0.1)}
.contact .nr .c_content .top{ height:54px; line-height:54px; padding:0 25px; font-size:16px; color:#000000;border-bottom:1px solid #e6e6e6;}
.contact .nr .c_content .bd{ padding:0 25px}
.contact .nr .c_content .bd .s1{ font-size:14px; color:#316db5; padding:15px 0}
.contact .nr .c_content .bd .s2{ margin-top:30px; font-size:14px; color:#777777;}
.contact .nr .c_content .bd .s2 p{ line-height:38px; padding-left:30px}
.contact .nr .c_content .bd .s2 p:nth-child(1){ background:url(../images/../images/g_72.png) left center no-repeat}
.contact .nr .c_content .bd .s2 p:nth-child(2){ background:url(../images/../images/g_73.png) left center no-repeat}
.contact .nr .c_content .bd .s2 p:nth-child(3){ background:url(../images/../images/g_74.png) left center no-repeat}
.contact .nr .c_content .bd .s2 p:nth-child(4){ background:url(../images/../images/g_75.png) left center no-repeat}
.contact .nr .c_content .bd .s3{ margin-top:40px; font-size:14px; color:#777}
.contact .nr .c_content .bd .s3 .sp1{ float:left;background:url(../images/../images/g_76.png) left center no-repeat; padding-left:30px; width:270px}
.contact .nr .c_content .bd .s3 .sp2{ float:left; padding-left:30px;}
.contact .nr .c_content .bd .s4{ margin-top:40px; font-size:14px; color:#777; padding-bottom:50px}
.contact .nr .c_content .bd .s4 .n1{background:url(../images/../images/g_77.png) left center no-repeat; padding-left:30px}
.contact .nr .c_content .bd .s4 .n1 i{ color:#316db5}
.contact .nr .c_content .bd .s4 .n2{ margin-top:20px}
.contact .nr .c_content .bd .s4 .sp1{ float:left; padding-left:30px; width:270px}
.contact .nr .c_content .bd .s4 .sp2{ float:left; padding-left:30px;}
.contact .nr .x_nav{ padding:5px 20px; border:1px solid #333; color:#333; font-size:14px; margin-bottom:20px; width:40px; text-align:center; border-radius:5px; display:none}
@media screen and (max-width: 1200px){
	.contact{ padding:20px 0 50px}
	.contact .nr .x_nav{ display:block}
	.contact .nr .c_nav{ position:absolute; left:-500px; top:53px; transition:all 0.5s linear; width:100%; max-width:450px}
	.contact .nr .c_content{ width:100%}
	.contact .nr .c_nav.on{ left:0}
	.contact .nr .c_content .top{ padding:0 10px}
	.contact .nr .c_content .bd{ padding:0 10px}
	.contact .nr .c_content .bd .s2{ margin-top:10px}
	.contact .nr .c_content .bd .s2 p{ line-height:30px}
	.contact .nr .c_content .bd .s3{ line-height:30px; margin-top:20px}
	.contact .nr .c_content .bd .s4{ margin-top:15px}
	.contact .nr .c_content .bd .s4 .n1{ line-height:30px}
	.contact .nr .c_content .bd .s4 .n2{ line-height:30px; margin-top:0}
	.contact .nr .c_content .bd .s2 p:nth-child(1){ background:url(../images/../images/g_72.png) left 8px no-repeat}
}
.contact .nr .con01{ width:100%}
.contact .nr .con01 .hd{ background:url(../images/../images/g_78.png) left center no-repeat; padding-left:40px; font-size:28px; color:#000000; margin-bottom:40px}
.contact .nr .con01 .bd{ width:100%}
.contact .nr .con01 .bd .content{ font-size:14px; line-height:2; padding:20px 0; min-height:300px}
.contact .nr .con01 .bd .map{ width:630px; float:left; padding:15px; background:#fff; box-shadow:0 0 15px rgba(00,00,00,0.1)}
.contact .nr .con01 .bd .article{ width:505px; height:406px; box-sizing:border-box; padding:15px; background:#fff; float:right; box-shadow:0 0 15px rgba(00,00,00,0.1)}
.contact .nr .con01 .bd .article h3{ font-size:20px; color:#316db5; font-weight:normal; padding:15px; position:relative; border:1px solid #ccc; box-sizing:border-box}
.contact .nr .con01 .bd .article h3 span{ display:block; width:70px; height:70px; background:url(button_contactMap.png) center center no-repeat; position:absolute; right:0; top:0}
.contact .nr .con01 .bd .article h3 ul{ width:100%; border:1px solid #ccc; position:absolute; left:-1px; top:70px; background:#fff; display:none}
.contact .nr .con01 .bd .article h3 ul li{ border-bottom:1px dashed #ccc; box-sizing:border-box;  font-size:16px;}
.contact .nr .con01 .bd .article h3 ul li:last-child{ border:0}
.contact .nr .con01 .bd .article h3 ul li a{ display:block;padding:10px 15px;}
.contact .nr .con01 .bd .article h3 ul li a:hover{ color:#316db5}
.contact .nr .con01 .bd .article h3:hover ul{ display:block}
.contact .nr .con01 .bd .article .s1{ font-size:14px; color:#777777; line-height:2; margin-top:10px; padding:0 25px}
.contact .nr .con02{ width:100%}
.contact .nr .con02 .hd{ background:url(../images/../images/g_78.png) left center no-repeat; padding-left:40px; font-size:28px; color:#000000; margin-bottom:40px; margin-top:80px}
.contact .nr .con02 ul li{ font-size:16px; color:#777777}
.contact .nr .con02 ul li a{ display:block; float:left; width:calc(100% - 100px);text-overflow: ellipsis;overflow: hidden;white-space: nowrap; line-height:40px; color:#777}
.contact .nr .con02 ul li span{ display:block; float:right; line-height:40px;}
.contact .nr .con02 ul li:hover,.contact .nr .con02 ul li:hover a{ color:#316db5}
@media screen and (max-width: 1200px){
	.contact .nr .con01 .hd{ font-size:20px; background-size:20px; padding-left:30px; margin-bottom:10px}
	.contact .nr .con01 .bd .map{ width:100%; box-sizing:border-box; padding:5px}
	.contact .nr .con01 .bd .map img{ width:100%}
	.contact .nr .con01 .bd .article{ width:100%; height:auto; margin-top:15px; padding:5px}
	.contact .nr .con01 .bd .article h3{ font-size:16px}
	.contact .nr .con01 .bd .article .s1{ padding:0 10px; margin-top:0; padding-bottom:10px}
	.contact .nr .con02 .hd{ font-size:20px; background-size:20px; padding-left:30px; margin-bottom:10px; margin-top:30px}
	.contact .nr .con02 ul li{ font-size:14px}
	.contact .nr .con02 ul li a{ line-height:30px}
	.contact .nr .con02 ul li span{ line-height:30px}
	.contact .nr .con01 .bd .article h3 ul{ top:62px}
}

.msg{ width:100%; padding-bottom:100px}
.msg .m{ width:100%; font-size:0; margin-top:18px}
.msg .m label{ display:inline-block; vertical-align:top; width:155px; line-height:38px; font-size:14px; color:#000000}
.msg .m label i{ color:#ce1212}
.msg .m .inp1{ width:320px; height:38px; box-sizing:border-box; border:1px solid #d6d6d6; border-radius:5px; font-size:14px; padding:0 15px; color:#333}
.msg .m .inp1:placeholder{ color:#d6d6d6; opacity:1}
.msg .m .inp2{ width:320px; height:90px; box-sizing:border-box; border:1px solid #d6d6d6; border-radius:5px; font-size:14px; padding:0 15px; color:#333; line-height:38px}
.msg .m .inp2:placeholder{ color:#d6d6d6; opacity:1}
.msg .m .inp3{ width:132px; height:44px; border:1px solid #316db5; background:#316db5; border-radius:23px; color:#fff; text-align:center; line-height:44px; font-size:14px; margin-left:490px}
.msg .m .inp4{ width:132px; height:44px; border:1px solid #777777; background:#fff; border-radius:23px; color:#777777; text-align:center; line-height:44px; font-size:14px; margin-left:20px}
@media screen and (max-width: 1200px){
	.msg .m .inp3{ margin-left:155px}	
}
@media screen and (max-width: 525px){
	.msg .m .inp3{ margin-left:0}
	.msg .m .inp1,.msg .m .inp2{ width:100%}	
	.msg .m .inp3,.msg .m .inp4{ width:120px; margin-top:10px}	
	.msg .m{ margin-top:5px}
}

/*job*/
.job{ width:100%; background:#fafafa; padding:70px 0 110px; }
.job .nr{ margin:0 auto;position:relative}
.job .nr .con01{ width:100%}
.job .nr .con01 .hd{ background:url(../images/g_78.png) left center no-repeat; padding-left:40px; font-size:28px; color:#000000; margin-bottom:40px}
.job .nr .con01 .bd{ width:100%}
.job .nr .con01 .bd .item{ width:45%; float:left; height:560px; height:130px; box-sizing:border-box;  background:#fff; box-shadow:0 0 15px rgba(00,00,00,0.1); margin-bottom:30px}
.job .nr .con01 .bd .item a{ display:block;padding:20px 40px;}
.job .nr .con01 .bd .item:nth-child(2n){ float:right}
.job .nr .con01 .bd .item h3{ line-height:36px; font-size:20px; color:#000000; font-weight:normal; background:url(../images/g_80.png) right center no-repeat}
.job .nr .con01 .bd .item span{ display:inline-block; vertical-align:top; background:url(../images/g_82.png) right center no-repeat; padding-right:65px; color:#777777; margin-top:25px}
.job .nr .con01 .bd .item:hover h3{ background:url(../images/g_81.png) right center no-repeat; color:#316db5}
.job .nr .con01 .bd .item:hover span{background:url(../images/g_83.png) right center no-repeat; color:#316db5}
.job .nr .con02{ width:100%; margin-top:50px}
.job .nr .con02 .hd{ background:url(../images/g_78.png) left center no-repeat; padding-left:40px; font-size:28px; color:#000000; margin-bottom:40px}
.job .nr .con02 .bd{ width:100%}
.job .nr .con02 .bd{ width:100%; background:#fff}
.job .nr .con02 .bd .hds{ background:url(../images/g_84.png) center center no-repeat; background-size:cover; text-align:center; color:#fff; font-size:0}
.job .nr .con02 .bd .hds li{ display:inline-block; vertical-align:top; font-size:20px; line-height:30px; margin:0 140px; padding:40px 0; position:relative}
.job .nr .con02 .bd .hds li:after{ content:""; display:block; width:218px; height:1px; position:absolute; left:140px; top:50%; background:#fff}
.job .nr .con02 .bd .hds li.on:before{ content:""; display:block; width:24px; height:8px; position:absolute; background:url(../images/g_85.png); left:50%; margin-left:-12px; top:102px}
.job .nr .con02 .bd .hds li i{ display:inline-block; vertical-align:top; width:24px; height:24px; border-radius:50%; color:#333; text-align:center; line-height:24px; background:#fff; font-size:14px; margin-top:3px}
.job .nr .con02 .bd .hds li:last-child:after{ width:0}
.job .nr .con02 .bd .bds{ width:100%; text-align:center; padding-bottom:50px}
.job .nr .con02 .bd .bds .item{ display:inline-block; vertical-align:top; background:url(../images/g_86.png) bottom center no-repeat; font-size:0}
.job .nr .con02 .bd .bds .item span{ display:inline-block; vertical-align:top; font-size:20px; color:#000000; margin:0 135px; padding:60px 0 50px}
.job .nr .con02 .tab02{ display:none}
.job .nr .con02 .bdx{ font-size:16px; color:#777777; line-height:1.8}
.job .nr .con02 .bdx p{ text-indent:2em;}
.job .nr .con02 .pic{ width:100%; margin-top:45px}
.job .nr .con02 .pic img{ width:100%}

.job .nr .con03{ width:100%; margin-top:60px}
.job .nr .con03 .hd{ background:url(../images/g_78.png) left center no-repeat; padding-left:40px; font-size:28px; color:#000000; margin-bottom:50px}
.job .nr .con03 .bd{ width:100%}
.job .nr .con03 .bd li{ width:285px; height:320px; box-sizing:border-box; background:#fff; border:1px solid #ececec; float:left; margin-right:20px; margin-bottom:26px}
.job .nr .con03 .bd li:nth-child(4n){ margin-right:0}
.job .nr .con03 .bd li span{ display:block; width:100%; height:100px; background:url(c3.png) bottom center no-repeat; transition:all 0.3s linear}
.job .nr .con03 .bd li:hover span{ transform:rotateY(360deg)}
.job .nr .con03 .bd li h3{ text-align:center; font-size:16px; color:#040404; line-height:1; font-weight:normal; padding:25px 0 15px; position:relative}
.job .nr .con03 .bd li h3:after{ content:""; display:block; width:46px; height:1px; background:#efefef; position:absolute; left:50%; margin-left:-23px; bottom:0}
.job .nr .con03 .bd li .intro{ font-size:14px; color:#777777; padding:0 15px; line-height:2; margin-top:15px; text-align:center}
.job .nr .con03 .bd li:hover h3{ color:#51b4d3}
.job .nr .con03 .bd li:nth-child(1) span{ background:url(c3.png) bottom center no-repeat;}
.job .nr .con03 .bd li:nth-child(2) span{ background:url(c4.png) bottom center no-repeat;}
.job .nr .con03 .bd li:nth-child(3) span{ background:url(c5.png) bottom center no-repeat;}
.job .nr .con03 .bd li:nth-child(4) span{ background:url(c6.png) bottom center no-repeat;}
.job .nr .con03 .bd li:nth-child(5) span{ background:url(c7.png) bottom center no-repeat;}
.job .nr .con03 .bd li:nth-child(6) span{ background:url(c8.png) bottom center no-repeat;}
.job .nr .con03 .bd li:nth-child(7) span{ background:url(c9.png) bottom center no-repeat;}
.job .nr .con03 .bd li:nth-child(8) span{ background:url(c10.png) bottom center no-repeat;}
@media screen and (max-width: 1340px){
	.job .nr .con03 .bd li{ width:22.75%; margin-right:2%}
}

@media screen and (max-width: 1200px){
	.job{ padding:20px 0 50px}
	.job .nr .con01 .hd{ font-size:20px; background-size:20px; padding-left:30px; margin-bottom:10px}
	.job .nr .con01 .bd .item{ width:100%; margin-bottom:15px; height:auto}
	.job .nr .con01 .bd .item a{ padding:10px 15px}
	.job .nr .con01 .bd .item h3{ font-size:16px}
	.job .nr .con01 .bd .item span{ font-size:12px; margin-top:15px; padding-right:40px}
	.job .nr .con02{ margin-top:15px}
	.job .nr .con02 .hd{ font-size:20px; background-size:20px; padding-left:30px; margin-bottom:10px}
	.job .nr .con02 .tab01{ display:none}
	.job .nr .con02 .tab02{ display:block}
	.job .nr .con02 .bd .hds li{ margin:0; width:100%; font-size:16px; padding:10px 0}
	.job .nr .con02 .bd .hds li i{ font-size:12px;}
	.job .nr .con02 .bd .item2{ padding:25px 15px; font-size:14px; color:#333; display:flex;justify-content: space-around;}
	.job .nr .con02 .bd .item2 span{ display:block}
	.job .nr .con02 .bdx{ font-size:12px}
	.job .nr .con03{ margin-top:30px;}
	.job .nr .con03 .hd{ font-size: 20px;background-size: 20px;padding-left: 30px;margin-bottom: 10px;}
}
@media screen and (max-width: 750px){
	.job .nr .con03 .bd li{ width:49%; margin-right:2%; margin-bottom:2%; height:280px}
	.job .nr .con03 .bd li:nth-child(2n){ margin-right:0}
	.job .nr .con03 .bd li .intro{ font-size:12px}
}



/*job_list*/
.job_list{ width:100%; background:#fafafa; padding:100px 0}
.job_list .nr{ margin:0 auto}
.job_list .nr .item{ width:100%; box-sizing:border-box; background:#fff; box-shadow:0 0 10px rgba(00,00,00,0.1); margin-bottom:30px; padding:25px 50px;}
.job_list .nr .item .s1{ width:100%; font-size:16px; color:#777777 ; transition:all 0.3s linear}
.job_list .nr .item .s1 h3{ width:265px; color:#316db5; float:left; font-weight:normal; transition:all 0.3s linear}
.job_list .nr .item .s1 .t{ float:left}
.job_list .nr .item .intro{ font-size:12px; color:#777777; line-height:2; margin-top:20px; height:auto; overflow:hidden; transition:all 0.3s linear}
.job_list .nr .item .content{ font-size:14px; color:#777777; margin-top:20px; line-height:2;height:0; overflow:hidden; transition:all 0.3s linear}
.job_list .nr .item .link{ text-align:right; height:0; overflow:hidden; transition:all 0.3s linear}
.job_list .nr .item .link a{ display:inline-block; vertical-align:top; width:165px; height:55px; border-radius:28px; background:#316db5; line-height:55px; color:#fff; font-size:14px; text-align:center; margin-top:20px}
.job_list .nr .item.on{ background:none; box-shadow:0 0 0 0}
.job_list .nr .item.on .s1{ margin-left:-50px}
.job_list .nr .item.on .intro{ height:0}
.job_list .nr .item.on .s1 h3{ color:#000}
.job_list .nr .item.on .content{ height:auto}
.job_list .nr .item.on .link{ height:auto}
@media screen and (max-width: 1200px){
	.job_list{ padding:20px 0 40px}
	.job_list .nr .item{ margin-bottom:15px; padding:15px 20px}
	.job_list .nr .item .s1 .t{ font-size:14px}
	.job_list .nr .item .intro{ margin-top:10px}
	.job_list .nr .item .content{ margin-top:10px; font-size:13px; line-height:1.8}
	.job_list .nr .item.on .s1{ margin-left:-20px}
}

.L101_nav{ width:210px; background:#fff; box-shadow:0 0 15px rgba(00,00,00,0.1); position:fixed; z-index:99; left:2%; top:50%; margin-top:-135px}
.L101_nav dt{ border-bottom:1px solid #e6e6e6; height:54px; line-height:54px}
.L101_nav dd{ border-bottom:1px solid #e6e6e6; height:54px; line-height:54px}
.L101_nav dt a{ display:block; font-size:16px; color:#000000; background:url(../images/g_68.png) 20px center no-repeat; padding-left:52px; transition:all 0s linear}
.L101_nav dt.current a,.contact .nr .c_nav dt:hover a{ color:#316db5; background:url(../images/g_68.png) 20px center no-repeat,url(../images/g_69.png) 235px center no-repeat;}
.L101_nav dl:nth-child(1) dt a{background:url(../images/L101_1.png) 20px center no-repeat; padding-left:52px;}
.L101_nav dl:nth-child(2) dt a{background:url(../images/L101_2.png) 18px center no-repeat; padding-left:52px;}
.L101_nav dl:nth-child(3) dt a{background:url(../images/L101_3.png) 19px center no-repeat; padding-left:52px;}
.L101_nav dl:nth-child(4) dt a{background:url(../images/L101_4.png) 18px center no-repeat; padding-left:52px;}
.L101_nav dl:nth-child(5) dt a{background:url(../images/L101_5.png) 20px center no-repeat; padding-left:52px;}

.L103_nav{ width:210px; background:#fff; box-shadow:0 0 15px rgba(00,00,00,0.1); position:fixed; z-index:99; left:2%; top:50%; margin-top:-135px}
.L103_nav dt{ border-bottom:1px solid #e6e6e6; height:54px; line-height:54px}
.L103_nav dd{ border-bottom:1px solid #e6e6e6; height:54px; line-height:54px}
.L103_nav dt a{ display:block; font-size:16px; color:#000000; background:url(../images/g_68.png) 20px center no-repeat; padding-left:52px; transition:all 0s linear}
.L103_nav dt.current a,.contact .nr .c_nav dt:hover a{ color:#316db5; background:url(../images/g_68.png) 20px center no-repeat,url(../images/g_69.png) 235px center no-repeat;}
.L103_nav dl:nth-child(1) dt a{background:url(../images/L103_1.png) 20px center no-repeat; padding-left:52px;}
.L103_nav dl:nth-child(2) dt a{background:url(../images/L103_2.png) 21px center no-repeat; padding-left:52px;}
.L103_nav dl:nth-child(3) dt a{background:url(../images/L103_3.png) 21px center no-repeat; padding-left:52px;}
.L103_nav dl:nth-child(4) dt a{background:url(../images/L103_4.png) 20px center no-repeat; padding-left:52px;}
@media screen and (max-width: 1600px){
	.L101_nav,.L103_nav{ display:none!important}
	.L101_nav dt{ line-height:35px; height:35px}
	.L101_nav dt a{ font-size:12px;}
	.L101_nav{ width:76px; left:2px}
	.L101_nav dl:nth-child(1) dt a{background:url(../images/L101_1.png) 5px center no-repeat; background-size: 15px; padding-left:22px;}
	.L101_nav dl:nth-child(2) dt a{background:url(../images/L101_2.png) 5px center no-repeat; background-size: 15px; padding-left:22px;}
	.L101_nav dl:nth-child(3) dt a{background:url(../images/L101_3.png) 5px center no-repeat; background-size: 13px; padding-left:22px;}
	.L101_nav dl:nth-child(4) dt a{background:url(../images/L101_4.png) 5px center no-repeat; background-size: 15px; padding-left:22px;}
	.L101_nav dl:nth-child(5) dt a{background:url(../images/L101_5.png) 5px center no-repeat; background-size: 13px; padding-left:22px;}
	
	.L103_nav dt{ line-height:35px; height:35px}
	.L103_nav dt a{ font-size:12px;}
	.L103_nav{ width:100px; left:2px}
	.L103_nav dl:nth-child(1) dt a{background:url(../images/L103_1.png) 5px center no-repeat; background-size: 14px; padding-left:22px;}
	.L103_nav dl:nth-child(2) dt a{background:url(../images/L103_2.png) 5px center no-repeat; background-size: 14px; padding-left:22px;}
	.L103_nav dl:nth-child(3) dt a{background:url(../images/L103_3.png) 5px center no-repeat; background-size: 12px; padding-left:22px;}
	.L103_nav dl:nth-child(4) dt a{background:url(../images/L103_4.png) 5px center no-repeat; background-size: 13px; padding-left:22px;}
}
@media screen and (max-width: 1200px){
	
}