/*-------------------------------关于我们css开始--------------------------*/

/*tit*/
.da_tit{ margin-bottom: 50px;}
.da_tit h1{font-size: 40px; text-transform: uppercase; margin-bottom: 5px; text-align: center; font-weight: bold; color: rgba(0,0,0,0.08);}
.da_tit h1 span{ color: rgba(0,0,0,0.15);}
.da_tit h3{  font-size: 56px; color: #222; text-align: center; line-height: 1; letter-spacing: 6px;}
.da_tit h3 span{ font-weight: bold;}

h1.color_bai{ color:rgba(255,255,255,0.1)!important;}
span.color_bai{ color:rgba(255,255,255,0.18)!important;}

.m_t90{ margin-top: 70px;}


/*公司介绍*/
.about{width:90%; min-width: 1010px; margin: 0 auto; }
.about .a_left{float:left; width:527px;}
.about .a_right{float:right; width:100%;padding-top:80px;}
.about .a_right .a_tit2{width: 250px; height: 50px; line-height: 50px; background-color: #216ec1; text-align: center; font-size: 24px; font-weight: bold; color: #fff;}
.about .a_right .a_con{color:#cacaca; margin-top:22px;line-height: 35px;}
.about .a_right .a_con p{line-height:30px; text-indent:2em;}


.body_bg { background-repeat: no-repeat; background-position: 50%; background-size: cover; height: 100%; position: relative; overflow: hidden; width: 100%; zoom: 1; }

.bg_about { padding-top: 90px; background-image: url(../images/gsjs_sem_seo_31.jpg);height: 900px; overflow: hidden; width: 100%; zoom: 1; z-index: 1; }



/*企业文化*/
.qywh_bg {background: url(../images/qywn_bg_culture.jpg) no-repeat center;  height: 960px; overflow: hidden; width: 100%; zoom: 1; z-index: 1;}

/*人才招聘*/
.rczp_bg { background-image: url(../images/rczp_bg_sw.jpg); background-repeat: no-repeat; background-position: 50%; background-size: cover; height: 900px; overflow: hidden; width: 100%; zoom: 1; z-index: 1;}

.rczp_box_qh{ width:90%; min-width: 1010px; margin: 0 auto; }
.rczp_box_qh .hd{  width: 100%; height: 64px;overflow: hidden; }
.rczp_box_qh .hd ul{position: relative;}
.rczp_box_qh .hd ul li{cursor:pointer;  width: auto; padding: 0 40px; margin-right: 2%; border-radius: 10px;  height: 64px; line-height:64px;background: #fff; text-align:center; font-size: 22px; float: left; transition: all .3s ease; color: #3a3a3a; font-weight: bold; }
.rczp_box_qh .hd ul a.more_zw{ display: block;  width: auto; padding: 0 30px;position: absolute; right: 0; top: 0;border-radius: 10px;  height: 64px; line-height:60px; text-align:center; font-size: 22px;color: #ffd200; border:2px solid #ffd200;transition: all .3s ease;}
.rczp_box_qh .hd ul a:hover.more_zw{ color: rgba(255,255,255,1); border:2px solid rgba(255,255,255,1);}
.rczp_box_qh .hd ul li:last-child{margin-right:0; }
.rczp_box_qh .hd ul li:hover,.rczp_box_qh .hd ul li.on{ background: #216ec1; color: #fff; }
.rczp_box_con{  width: 100%; color: #fff; padding: 30px 0; }
.rczp_box_qh .bd{ width:100%;  font-size: 14px;   margin:15px;  zoom:1; float: left;   }

.con{ width:100%; height:520px; }
.con .c_left{width:calc(100% - 572px); padding-top:50px; float: left;}
.con h2{color:#fff; font-size:88px; line-height:100%; margin-left:-5px; float: left; margin-right: 20px;}
.con h3{color:#fff; font-size:36px;line-height:115%; letter-spacing: 6px; font-weight: bold;}
.con h4{color:#fff; font-size:25px; line-height:46px; font-weight:500;}
.con h4 strong{color:#fff; font-size:30px;margin:0 10px; font-weight: bold;}
.con .tit1{border:1px solid #206dc0;background:#206dc0; color:#000; line-height:24px;font-size:18px;padding:1px 8px; margin:10px 0 25px; width: 312px; }
.con .tit1 span{ padding:1px 8px; background:#000; color:#206dc0; margin-left:12px;}
.con p{line-height: 32px; font-size: 16px; color:#c5c5c5; }

.tright ul{width:auto; height:28px; margin:20px 0px 30px;}
.tright li{width: auto; padding-right: 20px; line-height:26px; float:left; background:url(../images/rxzp_li_ico.png) no-repeat 15px 0 #000; padding-left:36px;cursor: pointer; color:#206dc0; font-size:18px; border:#206dc0 1px solid;}
.tright li.cuts,.tright li.cuts2,.tright li.cuts3{ background:url(../images/rxzp_li_ico.png) no-repeat 15px -28px #206dc0; color:#fff;}

.con .c_right{width:571px;  float: right;}
.con .c_right img{width:100%;}

.h520{ height:520px!important; overflow: hidden;}




/*新闻资讯*/
.xwzx_bg {/* background-image: url(../images/xwzx_bg_news.jpg);*/  background-repeat: no-repeat; background-position: 50%; background-size: cover; height: auto; overflow: hidden; width: 100%; zoom: 1; z-index: 1; padding-bottom: 90px;}

.xwzx_con { width: calc(100% - 14px); margin: auto; overflow: hidden; }
.xwzx_con ul{margin-bottom: 50px;}
.xwzx_con ul li{width: 25%; padding: 0 7px; float: left;}
.xwzx_con ul li .xwzx_pic{width: 100%; font-size: 0; overflow: hidden;}
.xwzx_con ul li .xwzx_pic img{width: 100%;}
.xwzx_con ul li .xwzx_txt_box{width: 100%; background: #fafafa; padding: 20px;transition: all .3s ease; }
.xwzx_con ul li .xwzx_txt_box .xwzx_txt_tit{width: 100%;}
.xwzx_con ul li .xwzx_txt_box .xwzx_txt_tit .xwzx_txt_sj{width: 70px; float: left; padding-right: 20px; border-right: 1px solid #e0e0e0;transition: all .3s ease;}
.xwzx_con ul li .xwzx_txt_box .xwzx_txt_tit .xwzx_txt_sj .date01{display: block; width:100%; text-align: center; font-size: 40px; font-weight: bold; color: #3a3a3a;transition: all .3s ease;}
.xwzx_con ul li .xwzx_txt_box .xwzx_txt_tit .xwzx_txt_sj .date02{width:100%; text-align: center; font-size: 12px;  color: #bbb;margin-top: -6px; display: block;transition: all .3s ease;}
.xwzx_con ul li .xwzx_txt_box .xwzx_txt_tit .xwzx_tit{width:calc(100% - 90px);  float: right; text-align: left; font-size: 20px;line-height: 30px; height: 60px; overflow: hidden;color: #3a3a3a;transition: all .3s ease;}
.xwzx_con ul li .xwzx_txt_box .xwzx_txt_js{width:100%; font-size: 14px; line-height: 24px; color: #666; margin: 16px 0; height: 48px; overflow: hidden;transition: all .3s ease;}
.xwzx_con ul li .xwzx_txt_box .more{width:100%;border-top: 1px solid #e6e6e6; padding: 16px 0 0 0;transition: all .3s ease;}
.xwzx_con ul li .xwzx_txt_box .more .more_fl{ float: left; font-size: 12px; color: #888;transition: all .3s ease;}
.xwzx_con ul li .xwzx_txt_box .more .more_fr{ float: right; font-size: 16px; color: #888;transition: all .3s ease;}

.xwzx_con ul li:hover .xwzx_txt_box{background: #206dc0;}
.xwzx_con ul li:hover .xwzx_txt_box .xwzx_txt_tit .xwzx_txt_sj{border-right: 1px solid rgba(255,255,255,0.2);}
.xwzx_con ul li:hover .xwzx_txt_box .xwzx_txt_tit .xwzx_txt_sj .date01{color: #fff;}
.xwzx_con ul li:hover .xwzx_txt_box .xwzx_txt_tit .xwzx_txt_sj .date02{ color: rgba(255,255,255,0.3);}
.xwzx_con ul li:hover .xwzx_txt_box .xwzx_txt_tit .xwzx_tit{color: #fff;}
.xwzx_con ul li:hover .xwzx_txt_box .xwzx_txt_js{ color: rgba(255,255,255,0.8); }
.xwzx_con ul li:hover .xwzx_txt_box .more{width:100%;border-top: 1px solid rgba(255,255,255,0.2); padding: 16px 0 0 0;}
.xwzx_con ul li:hover .xwzx_txt_box .more .more_fl{ color: #fff;}
.xwzx_con ul li:hover .xwzx_txt_box .more .more_fr{  color: #fff;}

.case-more a{ display: block;width:268px; height: 48px; line-height: 48px; text-align: center; margin: auto; margin-top: 20px; background: #383838; color: #fff; font-size: 22px; border-radius: 46px; transition: all .3s ease;}
.case-more:hover a{background: #222;}


/*联系我们*/
.lxwm_bg { background-image: url(../images/lxwm_bg.jpg); background-repeat: no-repeat; background-position: 50%; background-size: cover; height: auto; overflow: hidden; width: 100%; zoom: 1; z-index: 1; position: relative; padding-bottom:100px;}

.con_left{ width:30%;  height: 374px; background:#fff; padding: 30px; margin-right: 5%;}
.con_left .con_pic{padding:3px 0; border-top:#afafaf 1px solid;border-bottom:#afafaf 1px solid}
.con_left .content{ height:auto;}
.con_left .content li{ padding: 10px 0;}
.con_left .content li p{ line-height: 22px;}
.con_left .content h3{ font-size: 50px; margin-bottom: 20px;}
.con_left .content h3 i.gs_icon{ font-size: 50px;}
.con_left .content h3 strong{ font-size: 30px;}

.con_cen { width:30%; height: 374px; background:#fff; padding: 30px; margin-right: 5%;}
.con_cen .form li{line-height:34px; margin-bottom: 10px;}
.con_cen .form li input{ border: #d1d1d1 1px solid; line-height: 34px; height: 34px; width: calc(100% - 90px); margin-left: 10px; float: right;}
.con_cen .form li input.buoton{background:#3a3a3a; color:#fff; margin-top: 20px; width: calc(100% - 90px); height: 40px; font-size: 18px; font-weight:bold; float:  right; border:0; cursor: pointer; transition: all .3s ease;}
.con_cen .form li input:hover.buoton{background:#206dc0; }
.con_cen .form li textarea{border: #d1d1d1 1px solid; line-height: 20px; width: calc(100% - 90px); margin-left: 10px; max-width: calc(100% - 90px); height: 80px; max-height: 80px; float: right;}

.con_right { width: 30%; height: 374px; background:#fff; padding: 30px;}
.con_right h3 {font-size: 24px; margin-top: 20px;}
.con_right .subway {overflow:hidden;}
.con_right .subway a{ padding:7px 25px; margin-right:7px; float:left; background:#3a3a3a; color:#fff; margin-bottom: 7px;}
.con_right .subway a:hover{color:#206dc0;}

.con_right .gongjiao{ padding:10px 0 0; height: 184px;overflow: auto;}
.con_right .gongjiao a{ padding: 3px 6px; margin-bottom: 5px; display: inline-block; font-size: 14px; line-height: 18px; background: #fafafa;}
.con_right .gongjiao a:hover{color:#fff; background: #206dc0;}




@-webkit-keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
@keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
.animationt{
-webkit-animation:fadeInDown 1s .2s ease both;
animation:fadeInDown 1s .2s ease both;}
@-webkit-keyframes fadeInDown{
0%{opacity:0;
-webkit-transform:translateY(-80px)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@keyframes fadeInDown{
0%{opacity:0;
transform:translateY(-80px)}
100%{opacity:1;
transform:translateY(0)}
}

.animationb{
-webkit-animation:fadeInUp 1s .2s ease both;
animation:fadeInUp 1s .2s ease both;}
@-webkit-keyframes fadeInUp{
0%{opacity:0;
-webkit-transform:translateY(80px)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@keyframes fadeInUp{
0%{opacity:0;
transform:translateY(80px)}
100%{opacity:1;
transform:translateY(0)}
}

.animationl{
-webkit-animation:fadeInLeft 1s .2s ease both;
animation:fadeInLeft 1s .2s ease both;}
@-webkit-keyframes fadeInLeft{
0%{opacity:0;
-webkit-transform:translateX(-80px)}
100%{opacity:1;
-webkit-transform:translateX(0)}
}
@keyframes fadeInLeft{
0%{opacity:0;
transform:translateX(-40px)}
100%{opacity:1;
transform:translateX(0)}
}

.animationr{
-webkit-animation:fadeInRight 1s .2s ease both;
animation:fadeInRight 1s .2s ease both;}
@-webkit-keyframes fadeInRight{
0%{opacity:0;
-webkit-transform:translateX(80px)}
100%{opacity:1;
-webkit-transform:translateX(0)}
}
@keyframes fadeInRight{
0%{opacity:0;
transform:translateX(80px)}
100%{opacity:1;
transform:translateX(0)}
}

/*-------------------------------关于我们css结束--------------------------*/









@media screen and (min-width: 1000px) {
	
}


@media screen and (max-width: 1280px) {
	
	/*公司介绍*/
	.about .a_left{width:427px;}
	.about .a_left img{width:100%;}
	.about .a_right{width:calc(100% - 500px);padding-top:20px;}
	
	.con h2{ float: none; display: none;}
	.con p { line-height: 24px; font-size: 14px; }
	.con .c_left{ margin-top:0; width: calc(100% - 440px);}
	.con .c_right { width: 440px;}
	
	.xwzx_con ul li .xwzx_txt_box {padding: 10px;}
	.xwzx_con ul li .xwzx_txt_box .xwzx_txt_tit .xwzx_txt_sj .date01 {font-size: 30px;}
	.xwzx_con ul li .xwzx_txt_box .xwzx_txt_tit .xwzx_txt_sj{width: 60px; padding-right: 10px;}
	.xwzx_con ul li .xwzx_txt_box .xwzx_txt_tit .xwzx_tit{width:calc(100% - 70px); font-size: 16px;line-height: 26px; height: 52px; overflow: hidden;}

	.con_left,.con_cen,.con_right{ width: 32%; margin-right: 1.3%; padding: 18px; }
	.con_left .content h3 i.gs_icon { font-size: 32px; }
	.con_left .content h3 strong { font-size: 20px; }
	.con_left .content li p{ font-size:14px;}
	.con_cen .form li { font-size: 14px; }
	.con_right .subway a { padding: 7px 10px;}

}


@media screen and (max-width: 1000px) {
	
	.da_tit { margin-bottom: 20px; }
	.m_t90 { margin-top: 50px; }
	.da_tit h3 { font-size: 24px; letter-spacing: 0; }
	.da_tit h1 { font-size: 20px;}
	
	
	.about,.rczp_box_qh { width: 96%; min-width: 96%;}
	
	.bg_about { padding-top: 50px; height: auto; padding-bottom: 50px;}
	.about .a_left { width: 100%; float: none; text-align: center;}
	.about .a_left img { width: 90%; }
	.about .a_right { width: 100%; float: none; }
	.about .a_right .a_tit2 { width: 180px; height: 40px; line-height: 40px; font-size: 18px; margin: auto; }
	.about .a_right .a_con p { line-height: 22px; font-size: 14px; }
	
	
	.animationt img{ width:90%;}
	
	.qywh_bg { height: auto; padding-bottom: 50px; }
	.animationb img{ width:96%;}
	
	.rczp_box_qh .hd { height: auto;}
	
	.rczp_box_qh .hd ul li { width: 32%; padding: 0 5px; margin-right: 2%; height: 40px; line-height: 40px; font-size: 16px;}
	.rczp_box_qh .hd ul li:nth-child(3n) {margin-right: 0; }
	.rczp_box_qh .hd ul a.more_zw { display: none;}
	
	.con .c_left { width: 100%; padding-top: 0; }
	.con h3 { font-size: 24px; letter-spacing: 0; }
	.con h4 { font-size: 18px;}
	.con h4 strong { font-size: 18px; margin: 0 5px;}
	.tright ul { margin: 10px 0px 10px; }
	.tright li { font-size: 15px;}
	.con p { line-height: 22px; margin-bottom: 8px; }
	
	.con .c_right { display: none; }
	.rczp_bg { height: auto; }
	.rczp_box_con{ padding-bottom:50px;}
	.con .tit1 { font-size: 15px; padding: 1px 4px; margin: 10px 0 10px; width: 260px; }
	
	.xwzx_con ul { margin-bottom: 30px; }
	.xwzx_con ul li { width: 100%; margin-bottom: 14px; }
	.xwzx_con ul li:last-child { margin-bottom: 0; }
	.case-more a { width: 140px; height: 32px; line-height: 32px; margin: auto; margin-top: 0; font-size: 16px; }
	
	.con_left, .con_cen, .con_right { width: 96%; margin: 5px 0;padding:20px 10px; height: auto; }
	.con_left .content h3 { font-size: 0; margin-bottom: 10px; }
	.con_left .content h3 i.gs_icon { font-size: 28px; }
	.con_left .content h3 strong { font-size: 18px; font-weight: bold;}
	.con_left .content li { padding: 4px 0; font-size: 14px; }
	
	.con_cen .form li { line-height: 30px; margin-bottom: 5px;}
	.con_cen .form li input { line-height: 30px; height: 30px; width: calc(100% - 72px); margin-left: 0; }
	.con_cen .form li textarea { width: calc(100% - 72px); margin-left: 0; max-width: calc(100% - 72px); height: 60px; max-height: 60px; }
	
	.con_cen .form li input.buoton { margin-top: 10px; width: calc(100% - 72px); height: 34px; font-size: 16px;}
	
	.con_right .subway a { padding: 5px; font-size: 14px; margin-right: 4px; }
	.con_right h3 { font-size: 18px; margin-top: 10px; }
	
	.lxwm_bg,.xwzx_bg{ padding-bottom:50px;}

}