/*公共重置样式*/
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body{background:#fff;}
a,a:hover{color:#333;}
a:focus{outline:none;}
body { font-family: '微软雅黑'; background: #fff;font-weight: normal;margin: 0;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
.container{width: 1200px;margin: 0 auto;}
.container:after { content: " "; clear:both; height: 0;display: block; visibility: hidden;}
a:hover,a:hover img{transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;}
li:hover,li:hover span,li:hover a,li:hover p,li:hover h1{transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;}
/*公共样式END*/
body{
	background: #f1f1f1;
}
/* 头部 */
.headtop{
	height: 18vw;
	width: 100%;
	background: #d20000;
}
.headtop:after{
	content: " "; 
	clear:both; 
	height: 0;
	display: block; 
	visibility: hidden;
}
.headtop img{
	float: left;
	width: 84vw;
	margin-top: 3vw;
	margin-left: 2vw;
}

#navbar {
  width: 100vw;
  margin: 0 auto;
}

.menubtn {
 
  position: relative; 
  z-index: 101;
  color: #274a61;
  text-decoration: none;
  font-size: 0em;
  line-height: 0em;
  top: 4vw;
  right: -3vw;
  padding: 4vw;
  background-image: url('../../images/sjweb_images/hamburger.png');
  background-position: 50% 50%;
  background-size: 7vw;
  background-repeat: no-repeat;
}
.menubtn:hover, .openmenu .menubtn {
  color: #bdd43e;
  background-image: url('../../images/sjweb_images/hamburger-active.png');
}

/** toggle menu **/
#pgcontainer {
  position: relative;
  margin: 0;
  z-index: 99;
  height: 18vw;
}

#hamburgermenu {
  height: 100%;
  width: 0;
  background: #f1f1f1;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 101;
  overflow: hidden;
  -webkit-box-shadow: 3px 0 7px rgba(0,0,0,0.55);
  -moz-box-shadow: 3px 0 7px rgba(0,0,0,0.55);
  box-shadow: 3px 0 7px rgba(0,0,0,0.55);
}
#hamburgermenu ul {
  margin-top: 45px;
  z-index: 101;
  overflow-y: auto;
  overflow-x: hidden;
}
#hamburgermenu ul li {
  display: block;
}
#hamburgermenu ul li a {
  display: block;
  padding: 18px 8px;
  color: #333;
  font-size: 4.2vw;
  text-decoration: none;
  text-align: center;
}
#hamburgermenu li a:hover {
  color: #fff;
  background: #2c2c2c;
}
/*头部END*/

/*banner动画用*/
@charset "utf-8";
*{
	padding:0;
	margin:0;
}
.swiper-container{
	height:80vw;
}

.pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom:5px;
  width: 100%;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #999;
  margin: 0 3px;
  cursor: pointer;
}
.swiper-active-switch {
  background: #d20000;
}
.swiper-slide{
	position:relative;
	opacity:0;
	transition: opacity 0.7s ease-in-out;

}
.swiper-slide-active{
	opacity:1;
}
.swiper-slide .img{
	position:absolute;
}
.inner{
	position:relative;
	display:block;
	width:100vw;
	height:80vw;
	margin:0 auto;
}
.slide1{
	background: url(../../images/sjweb_images/banner1.png);
	background-size: 100vw 80vw;
}
.slide2{
	background: url(../../images/sjweb_images/banner2.png);
	background-size: 100vw 80vw;
}
.slide3{
	background: url(../../images/sjweb_images/banner1.png);
	background-size: 100vw 80vw;
}

.slide1 .zh-a-2 {
	width: 80vw;
	top: 12vw;
	left: 10vw;
}
.slide2 .zh-a-2{left: 103px;top: 74px;}
.slide3 .zh-a-2{left: 272px;top: 138px;}
.slide2 .s1{
	left: 6vw;
	top:3vw;
	width: 85vw;
}
.loop{
	animation-iteration-count: infinite;/*无限*/
	animation-timing-function:linear;/*平滑*/
}
.targetBtn {
    margin-top: 20px;
    position: absolute;
    bottom: 60px;
    left: 352px;
    z-index: 999;
}
.targetBtn a{
	height:50px;
	border-radius:50px;
	background:rgba(0,0,0,.5);
	float:left;
	line-height:50px;
	text-align:center;
	color:#fff;
	text-decoration:none;
	}
.targetBtn .a1{
	width:110px;
	}
.targetBtn .a2{
	width:170px;
	margin-left:15px;
	}	
/*自定义CSS动画*/
.moveRight{-webkit-animation-name:moveRight;animation-name:moveRight}
@-webkit-keyframes moveRight{0%{opacity: 0;left:0px;}
10%{opacity: 1;}
100%{opacity: 1;left:550px;}}
@keyframes moveRight{0%{opacity: 0;left:0px;}
10%{opacity: 1;}
100%{opacity: 1;left:550px;}}

.moveLeft{-webkit-animation-name:moveLeft;animation-name:moveLeft}
@-webkit-keyframes moveLeft{0%{opacity:0;left:390px;}
10%{opacity:1;}
100%{opacity:1;left:-370px;}}
@keyframes moveLeft{0%{opacity:0;left:390px;}
10%{opacity:1;}
100%{opacity:1;left:-370px;}}
/*banner动画用 END*/

/*导航栏*/
.indexcenter .nav{
	position: relative;
}
.nav{
	height: 28vw;
	overflow: hidden;
	z-index: 9;
}
.nav ul{
	float: right;
	overflow: hidden;
	margin-top: 4vw;
}
.nav ul li{
	float: left;
	width: 16vw;
	height: 24vw;
	margin:0 2vw;
}
.nav ul li a{
	display: block;
	height: 16vw;
}
.nav ul li p{
	text-align: center;
	display: block;
	font-size: 3.6vw;
	line-height: 8vw;
}
.nav ul li.nav1{
	background: url(../../images/sjweb_images/ico1.png) no-repeat;
	background-size: 16vw 16vw;
}
.nav ul li.nav2{
	background: url(../../images/sjweb_images/ico2.png) no-repeat;
	background-size: 16vw 16vw;
}
.nav ul li.nav3{
	background: url(../../images/sjweb_images/ico3.png) no-repeat;
	background-size: 16vw 16vw;
}
.nav ul li.nav4{
	background: url(../../images/sjweb_images/ico4.png) no-repeat;
	background-size: 16vw 16vw;
}
.nav ul li.nav5{
	background: url(../../images/sjweb_images/ico5.png) no-repeat;
	background-size: 16vw 16vw;
}

.nav ul li:hover span{
	line-height: 130px;
	font-size: 36px;
	padding-left: 76px;
}
.nav ul li.nav5:hover span{
	padding-left: 42px;
}
.nav ul li.nav1:hover{
	background: #3748ba;
}

.nav ul li.nav2:hover{
	background: #0085e2;
}

.nav ul li.nav3:hover{
	background: #5c31ca;
}
.nav ul li.nav4:hover{
	background: #c17600;
}
.nav ul li.nav5:hover{
	background: #ae0505;
}

/*导航栏 END*/

/*中部*/
/*产业图片*/
.contentbox{
	background: #fff;
	margin-top: 2vw;
}
.contentbox h1{
	font-size: 4.2vw;
	font-weight: bold;
	text-align: center;
	line-height: 8vw;
	color: #d20000;
}
.contentbox h1 img{
	width: 36vw;
	margin-left: 2vw;
}
.picScroll{ 
	margin:10px auto;
	text-align:center;
}
.picScroll .bd ul{ 
	width:100%;
	float:left;
}
.picScroll .bd li{ 
	width:100vw;
	float:left;
	font-size:14px;
	text-align:center;
}
.picScroll .bd li a{
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
	overflow: hidden;
	display: block;
	width: 100%;
}
.picScroll .bd li img{
	width:94vw;
	height:66vw;
	display: block;
	margin: 0 auto;
}


.picScroll .hd{ 
	height:14vw;
	line-height:14vw;
	overflow:hidden;
	text-align:left;
	padding:0 10px;
	text-align: center;
}
.picScroll .hd ul{ 
	display: inline-block;
	padding-top:16px;
}	
.picScroll .hd li{ 
	float:left;
	width:2vw;
	height:2vw;
	background:#D0D0D0;
	margin:0 1vw;
	overflow:hidden;
	-webkit-border-radius:1vw;
	-moz-border-radius:1vw;
	border-radius:1vw;

}
.picScroll .hd .on{ 
	background:#d20000;
}
.picScroll .prev,.picScroll .next{ 
	display:none;
	float:right;
	width:18px;
	height:18px;
	background:url(images/pisScrollIcons.gif) -6px -7px no-repeat;
	overflow:hidden;
	margin:11px 5px 0 5px;
}
.picScroll .next{
	background-position:-34px -7px;
}
.picScroll .prevStop{
	background-position:-6px -40px;
}
.picScroll .nextStop{
	 background-position:-34px -40px;
}
/*产业图片 end*/

/*分割线*/
.line{
	height: 280px;
	width: 1px;
	background: #ebebeb;
	margin: 10px 10px;
	float: left;
}
/*分割线 END*/

/*集团简介*/
.aboutus{
	background: #fff;
	padding: 4vw 2vw;
}
.aboutus h1{
	font-size: 4.2vw;
	font-weight: bold;
	text-align: center;
	line-height: 8vw;
	color: #d20000;
}
.aboutus h1 img{
	width: 36vw;
	margin-left: 2vw;
}
.aboutus>a>img{
	width: 90vw;
	display: block;
	margin: 0 auto;
}
.aboutus .text{
	width: 90vw;
	margin: 2vw auto 0;
	font-size: 3.8vw;
	line-height: 6vw;
	text-indent: 2em;
	color: #666;
}
.aboutus .text a{
	color: #d20000;
}
/*集团简介END*/

/*首页新闻*/

.indexnew{
	width: 96vw;
	overflow: hidden;
	background: #fff;
	padding: 2vw;
	margin-bottom: 2vw;
}
.indexnew .hd ul{
	overflow: hidden;
	margin-bottom:8px;
}
.indexnew .hd ul li{
	float: left;
	width: 90px;
	line-height: 26px;
	height: 26px;
	color: #ccc;
	color: #666;
	font-size: 14px;
	text-align: center;
	margin-right: 10px;
}
.indexnew .hd ul li a{
	color: #141414
}
.indexnew .hd ul li.on a{
	color: #fff;
}
.indexnew .hd ul li.on,.indexnew .hd ul li:hover{
	background: #d20000;
	color: #fff;
	cursor: default;
}
.indexnew .bd ul li{
	height: 24px;
	font-size: 14px;
	padding-left: 10px;
	background: url(../../images/pcweb_images/newsarrow.png) left center no-repeat;
	overflow: hidden;
}

.indexnew .bd ul li a{
	display: block;
	line-height: 24px;
	color: #666;
	float: left;
}
.indexnew .bd ul li span{
	float: right;
	font-size: 12px;
	color: #aaa;
	display: block;
	line-height: 24px;
}
.indexnew .bd ul li:hover{
	background: url(../../images/pcweb_images/newsarrow1.png) left center no-repeat;
}
.indexnew .bd ul li:hover a{
	color: #d20000;
}
#leftTabBox .hd{
	margin-top: 2vw;
}
/*首页新闻 END*/

/*其他版块*/
.other{
	overflow: hidden;
	padding: 2vw;
	background: #fff;
	margin-bottom: 2vw;
}
.other a{
	display: block;
	float: left;
	width: 44vw;
	height: 30vw;
	margin: 0 2vw;
}

.other .pepo{
	background: url(../../images/sjweb_images/apicon1.png);
	background-size: 44vw 30vw;
}
.other .contact{
	background: url(../../images/sjweb_images/apicon2.png);
	background-size: 44vw 30vw;
}
/*其他版块 END*/
/*中部 END*/

/*底部*/
.footer{
	padding: 2vw;
	border-top: solid 1px #ddd;
}
.footer .logofooter{
	overflow: hidden;
}
.footer .logofooter .ico1{
	width: 76vw;
	display: block;
	margin: 1vw 2vw 0 0;
	float: left;
}
.footer .logofooter .ico2{
	width: 16vw;
	display: block;
	float: left;
	margin: 0 0 0 1vw;
}
.footer p{
	font-size: 3.6vw;
	text-align: center;
	color: #666;
}
/*底部 END*/


/*内页导航*/
.bannerin .img{
	width: 100vw;
	height: 60vw;
}


.mobile{
	width: 16vw;
	float: right;
	height: 16vw;
	position: absolute;
	z-index: 999;
	right: 0;
	top:81vw;
}
.mobile-inner{
	width: 16vw;
	margin-right: auto;
	margin-left: auto;
	background-color: #fafafa;
	position: relative;
}
.mobile-inner img{
	width: 100%;
	margin-bottom: 30px;
}
.mobile-inner p{
	color: #676767;
	line-height: 25px;
	font-size: 16px;
	padding-bottom: 30px;
	padding-right: 30px;
	padding-left: 30px;
	margin:0px;
}
.mobile-inner-header{
	width: 16vw;
	position: absolute;
	top: 0px;
	right: 0px;
}
.mobile-inner-header-icon{
	color: #141414;
	height: 50px;
	font-size:25px;
	text-align: center;
	float:right;
	width: 50px;
	position: relative;
	-webkit-transition: background 0.5s;
	-moz-transition: background 0.5s;
	-o-transition: background 0.5s;
	transition: background 0.5s;
}
.mobile-inner-header-icon:hover{
	
	cursor: pointer;
}
.mobile-inner-header-icon span{
	position: absolute;
	left: calc((100% - 25px) / 2);
	top: calc((100% - 1px) / 2);
	width: 25px;
	height: 1px;
	background-color: rgba(0,0,0,1);
}
.mobile-inner-header-icon span:nth-child(1){
transform: translateY(4px) rotate(0deg);
	}
.mobile-inner-header-icon span:nth-child(2){
transform: translateY(-4px) rotate(0deg);
	}
	



	
.mobile-inner-header-icon-click span:nth-child(1){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: clickfirst;
	}		
.mobile-inner-header-icon-click span:nth-child(2){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: clicksecond;
	}
	


@keyframes clickfirst {
  0% {
	  transform: translateY(4px) rotate(0deg);
	  
  }

  100% {
    transform: translateY(0) rotate(45deg);
  }
}	



@keyframes clicksecond {
  0% {
	  transform: translateY(-4px) rotate(0deg);
  }

  100% {
    transform: translateY(0) rotate(-45deg);
  }
}	

.mobile-inner-header-icon-out span:nth-child(1){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: outfirst;
	}		
.mobile-inner-header-icon-out span:nth-child(2){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: outsecond;
	}

@keyframes outfirst {
  0% {
    transform: translateY(0) rotate(-45deg);
  }

  100% {
    transform: translateY(-4px) rotate(0deg);
  }
}	



@keyframes outsecond {
  0% {
    transform: translateY(0) rotate(45deg);
  }

  100% {
    transform: translateY(4px) rotate(0deg);
  }
}

.mobile-inner-nav{
	background-color: rgba(0,0,0,0.9);
	width: 100vw;
	position: absolute;
	top: 12vw;
	left: -84vw;
	padding-top: 30px;
	padding-bottom: 80px;
	display: none;
}
.mobile-inner-nav a{
	display: inline-block;
	line-height: 16vw;
	text-decoration: none;
	width: 80%;
	margin-left: 10%;
	color: #FFFFFF;
	border-bottom: solid 1px rgba(255,255,255,0.3);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	font-weight:300;
}
.mobile-inner-nav a:hover{
	color: rgba(255,255,255,0.4);
	border-bottom: solid 1px rgba(255,255,255,0.2);
}


.mobile-inner-nav a{
		-webkit-animation-duration: 0.5s;
		animation-duration: 0.5s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: returnToNormal;
		animation-name: returnToNormal;
	}
		
			
	@-webkit-keyframes returnToNormal {
	  from {
	    opacity: 0;
	    -webkit-transform: translate3d(0, 100%, 0);
	    transform: translate3d(0, 100%, 0);
	  }

	  to {
	    opacity: 1;
	    -webkit-transform: none;
	    transform: none;
	  }
	}

	@keyframes returnToNormal {
	  from {
	    opacity: 0;
	    -webkit-transform: translate3d(0, 100%, 0);
	    transform: translate3d(0, 100%, 0);
	  }

	  to {
	    opacity: 1;
	    -webkit-transform: none;
	    transform: none;
	  }
	}

	

/*内页导航END*/

/*内页关于我们*/
.about_in{
	background: #fff;
	position: relative;
	padding: 2vw;
	margin-top: 2vw;
}

.aboutxt h1{
	text-align: center;
	line-height:12vw;
	font-size: 5vw;
	color: #141414;
	font-weight: bold;
	margin-bottom: 2vw;
}
.aboutxt img{
	max-width: 96vw;
	max-height: 70vw;
}
.aboutxt{
	color: #333;
}

/*内页关于我们END*/

/*内页新闻*/
.new_in{
	margin-top: 0;
	overflow: hidden;
}
.new_in h1,.titlenew{
	height: 18vw;
	line-height: 18vw;
	text-align: center;
	font-size: 5vw;
	font-weight: bold;
}
.new_in .new_list ul{
	overflow: hidden;
}
.new_list ul li{
	background: #fff;
	padding: 2vw 1vw;
	margin: 2vw 2vw;
	float: left;
	width: 44vw;
}
.new_list ul li a{
	display: block;
}
.new_list ul li a img{
	width: 100%;
	height: 30vw;
}
.new_list ul li a.text span{
	font-size: 4vw;
	color: #333;
	font-weight: bold;
	text-align: center;
	width: 100%;
	display: block;
}
.new_list ul li a.text p{
	font-size: 3.6vw;
	line-height: 5vw;
	text-indent: 2em;
	width: 96%;
	display: block;
	margin: 2vw  auto 0;
	min-height: 15vw;
}
/*内页新闻 END*/

/*列表页码*/
.site_page{
	margin: 10px 0 40px;
	overflow: hidden;
	float: right;
}
.site_page a{
	padding: 0 10px;
	height: 32px;
	background: #fff;
	display: block;
	float: left;
	line-height: 32px;
	margin: 0 5px;
	color: #999;
}
.site_page a:first-child{
	color: #999;
	background: none;
}
.site_page span{
	float: left;
	padding: 0 10px;
	height: 32px;
	line-height: 32px;
	margin: 0 5px;
	color: #999;
}
.site_page a:hover{
	background: #d20000;
	color: #fff;
}
/*列表页码END*/

/*内页展示*/
.show_in{
	background: #fff;
	padding: 4vw;
}
.show_in .title{
	font-size: 4.2vw;
	line-height: 10vw;
	text-align: center;
	font-weight: bold;
}
.show_in .data{
	font-size: 3.2vw;
	text-align: center;
	line-height: 8vw;
	color: #999;
}
.show_in .text img{
	width: 100%!important;
}
.msg_other{
	overflow: hidden;
	margin: 20px 0;
}
.msg_other li:first-child{
	float: left;
}
.msg_other li{
	float: right;
	line-height: 32px;
	height: 32px;
	text-align: center;
	font-size: 14px;
	color: #666;
	width: 500px;
	background: #fff;
}
.msg_other li:hover{
	background: #d20000;
}
.msg_other li:hover a{
	color: #fff;
}
/*内页展示END*/

/*联系我们*/
.msgtxt .box{
	overflow: hidden;
	margin: 0 auto;
	width: 100%;
}
.message_bt{
	margin-top: 2vw;
}
.message_bt input{
	display: inline-block;
	width: 62vw;
	height: 32px;
	line-height: 32px;
	border: none;
	background: #790000;
	color: #fff;
	cursor: pointer;
	margin: 1vw 1vw;
}
.message_bt input:hover{
	background: #d20000;
}
/*联系我们END*/


/*内页图片轮播*/
.focus{
	width:96vw; 
	height:60vw;  
	margin:0 auto; 
	position:relative; 
	overflow:hidden;   
}
.focus .hd{
	width:100%; 
	height:4vw; 
	position:absolute; 
	z-index:1; 
	bottom:2vw; 
	text-align:center;  
}
.focus .hd ul{
	display:inline-block; 
	height:2vw; 
	padding:1vw; 
	background-color:rgba(255,255,255,0.7); 
	-webkit-border-radius:2vw; 
	-moz-border-radius:2vw; 
	border-radius:2vw; 
	font-size:0; 
	vertical-align:top;
}
.focus .hd ul li{
	display:inline-block; 
	width:2vw; 
	height:2vw; 
	-webkit-border-radius:100%; 
	-moz-border-radius:100%;
	border-radius:100%; 
	background:#8C8C8C; 
	margin:0 5px;  
	vertical-align:top; 
	overflow:hidden;   
}
.focus .hd ul .on{
	background:#FE6C9C;  
}

.focus .bd{
	position:relative; 
	z-index:0; 
}
.focus .bd li img{
	width:96vw;  
	height:60vw; 
	background:url(images/loading.gif) center center no-repeat;  
}
/*内页图片轮播END*/

/*联系我们*/
.msg_in h1{
	height: 18vw;
	line-height: 18vw;
	text-align: center;
	font-size: 5vw;
	font-weight: bold;
}

.msg_in .msgtxt{
	background: #fff;
	padding-bottom: 4vw;
}
.msgtxt .box{
	padding: 4vw 0 0;
}
.msgtxt .box div{
	width: 100%;
	height: 16vw;
}
.msgtxt .box div span{
	width: 28vw;
	line-height: 14vw;
	display: block;
	text-align: center;	
	float: left;
}
.msgtxt .box div input{
	display: block;
	width: 60vw;
	float: left;
	height: 8vw;
	margin-top: 3vw;
	padding-left: 2vw;
	line-height: 8vw;
	font-size: 4vw;
}
.msgtxt .box div #Message_leave{
	display: block;
	width: 59vw;
	float: left;
	height: 40vw;
	margin-top: 3vw;
	padding: 2vw;
}
.msgtxt .message_bt{
	padding-left: 28vw;
}
/*联系我们 END*/