﻿/*首页样式*/
*{
				margin: 0;
				border: 0;
				padding: 0;
				font-size: 14px;
				font-family: "微软雅黑";
			}
			a{
				text-decoration: none;
				color: black;
			}
			body{
				background-color: white;
				margin: 0 auto;
			}
			header{
				width: 1200px;
				margin: 0 auto;
			}
			.logo{
				margin: 0 auto;
				height: 134px;
				line-height: 134px;
				position: relative;
			}
			.logo {
				margin-top:20px;
				overflow: hidden;
				vertical-align: middle;
			}
			.clear{
				clear: both;
			}
			.clearfix{
			  clear: both;
			}
			.clearfix::after,.clearfix::before{
			  content: " ";
			  display: table;
			  clear: both;
			}

			.left{
				float: left;
			}
			.right{
				float: right;
			}
			.right img,.right .languger{
				display: inline;
			}
			.languger{
				line-height: 50px;
			    position: absolute;
			    top: 17px;
			    right: 0px;
			}
			.languger a{
				font-size: 10px;
			}
			.languger hr{
				display: inline;
				border-left: 1px solid black;
				font-size: 1px;
				margin: 0 3px;
			}
			.left img{
				margin-right: 56px;
			}
			.left img:first-child{
				height:104px
			}
			.right img{
				margin-right: 118px;
			}
			nav{
				height: 48px;
				background-color: #00469D;
				line-height: 48px;
			}
			ul{
				list-style: none;
			}
			nav ul{
				width: 1200px;
				margin: 0 auto;
				overflow: hidden;
				z-index:10000;
			}
			nav ul li{
				position: relative;
				float: left;
				width: 150px;
				text-align: center;
			}
			nav ul li:hover{
				background:#0080ff;
			}
			.newAddMenu:hover ul{
				animation:myAnimation 1s 1;
				-webkit-animation:myAnimation 1s 1; /*Safari and Chrome*/
				animation-fill-mode : forwards;
				display:block;
			}
			.newAddMenu ul{
				display:none;
				width: 100%;
				z-index:1000;
			    position: relative;
			}
			.newAddMenu ul li{
				background:#0657aa;
				border-bottom:1px solid white;
				height: 40px;
    			line-height: 40px;
			}
			@keyframes myAnimation {
				from {height:0px;}
				to {height:165px;}
			}
			
			@-webkit-keyframes myAnimation {/*Safari and Chrome*/
				from {height:0px;}
				to {height:165px;}
			}
			nav ul a{
				font-size: 19px;
				color: white;
				display:block;
			}
			nav ul hr{
				border-left: 1px solid white;
				display: inline;
				position: absolute;
				height: 24px;
				right: 0;
				top: 12px;
			}
			.fullSlide .hd{position:relative; z-index:1; margin-top:-34px; height:30px; line-height:30px;  text-align:center;}
			.fullSlide .hd ul li{display:inline-block; *display:inline;width:8px; height:8px; margin:5px; background:url(../img/tg_flash_p.png) -18px 0; overflow:hidden; 
				font-size:0;
			}
			.fullSlide .hd ul .on{ background-position:0 0; }
			.fullSlide .prev, .fullSlide .next {
			    z-index: 1;
			    display: block;
			    width: 55px;
			    height:173px;
			    position: relative;
			    margin: -27% 0 0 3%;
			    float: left;
			}
			.fullSlide .next {
			    background-position: right 0;
			    float: right;
			    margin-right: 3%;
			    background: url(../img/scsb_r.png) 0 0 no-repeat;
			    filter: alpha(opacity=40);
			    opacity: 0.4;
		        margin-right: -28px;
			}
			.fullSlide .prev {
			    background: url(../img/scsb_l.png) 0 0 no-repeat;
			    filter: alpha(opacity=40);
			    opacity: 0.4;
		        margin-left: 0px;
			}
			.product {
			    background-color: #F7F7F7;
			    height: 543px;
			}
			.product-content,.about-content,.news-content,.plant-content{
				width: 1200px;
				margin: 0 auto;
			}
			.product .title2 hr,.about .title2 hr{
				width: 255px;
				height: 2px;
			    background-color: #E40C11;
			}
			.slide li{
				width:300px;
				position: relative;
				padding:0 5px;
				height: 327px;
			}
			.slide,.about-content-child{
				width: 1200px;
				overflow: hidden;
				margin:33px 0;
			}
			.slide li div{
				height: 42px;
				background-color: #EDEDED;
				width: 273px;
			}
			.slide li span{
				height: 42px;
				font-size: 17px;
				color: #000000;
				font-weight: 400;
				/*width: 523px;*/
				text-align: center;
				line-height: 42px;
				z-index: 999;
			}
			.about .title, .about .title, .product .title{
			    text-align: center;
			    padding-top: 30px;
			}
			.product p ,.about p{
				text-align: center;
			}
			.about .title2, .about .title2, .product .title2 {
			    height: 34px;
			    line-height: 34px;
			    text-align: center;
			}
			.product h3,.about h3{
				font-size: 21px;
				font-weight: 500;
			}
			.product h2,.about h2{
				font-size: 25px;
				font-weight: 300;
				color: #E40C11;
			}
			.product .title2,.about .title2{
				position: relative;
			}
			.product hr:first-child,.about hr:first-child{
				position: absolute;
				left: 486px;
				width: 48px;
				top: 18px;
			}	
			.product hr:last-child,.about hr:last-child{
				position: absolute;
				right: 486px;
				width: 48px;
				top: 18px;
			}	
			.product .title3 p,.about .title3 p{
				font-size: 15px;
				color: #666;
			}	
			.product .bd .tempWrap,.plant .bd .tempWrap{
				width: 1086px!important;
				margin: 0 auto;
			}	
			.product .bd a{
				background-image: url(../img/ckgd.png);
				background-repeat: no-repeat;
				background-size: 76px 24px;
    			padding: 2px 10px;
    			color:white;
			}
			.product .bd .alC{
				height: 90px;
				text-align: center;
				position: absolute;
				bottom: -3px;
			}
			.about-content-child .right{
				width: 600px;
				text-align: right;
			}
			.about-content-child .left{
				width: 552px;
				margin: 0 24px;
			}
			.about-content-child .right img {
				display:block;
				width:100%;
			    margin-right:10px!important;
			    margin-top: 27px!important;
			}
			.about-content-child .title h2{
				font-size: 38px;
				display: inline;
			}
			.about .about-content-child .title{
				text-align: left;
				line-height: 50px;
				padding: 0!important;
			}
			.about .about-content-child p{
				text-indent: 20px;
				text-align: left;
				color:#979797;
				font-weight: 600;
				line-height:2;
				overflow:hidden;
			}
			.about .about-content-child span>b{
				padding-left:10px;
				font-size: 17px;
				font-weight: 600;
				color: #6E6A6A;
			}
			.about{
				background: url(../img/gywm_bg.png);
				background-repeat: no-repeat;
    			background-position: 0 175px;
				height: 524px;
			}
			.more a{
				background-image: url(../img/ckgd.png);
			    background-repeat: no-repeat;
			    background-size: 95px 30px;
			    padding: 5px 14px;
			    color: white;
			}
			.about-content-child .content{
				margin-bottom: 24px;
			    display: -webkit-box;
			    -webkit-box-orient: vertical;
			    -webkit-line-clamp: 4;
			    text-overflow: ellipsis;
			    overflow: hidden;
			    height:165px;
			}
			.about-content-child{
				overflow: inherit;
			}
			.news .content{
				display: flex;
				flex-flow: row;
				margin-top: 11px;
			}
			.box{
				width: 724px;
				display: flex;
				flex-flow: column;
				flex: 1.7;
			}
			.news .content-right{
				flex: 1;
			}
			.news-content-child{
				display: flex;
			}
			.news-content-child .item{
				flex:1;
			}
			.news-content .content-right{
				width: 486px;
				padding-left:54px ;
				float: right;
			}
			.content-left .title,.content-right .title{
				background: url(../img/xw_tb.png);
				background-repeat:no-repeat;
				background-position: 0 40px;
				padding: 11px 0;
				position: relative;
			}
			.content-left .title>h2,.content-right .title>h2{
				font-size: 18px;
				color: #E40C11;
			}
			.content-left .title>hr,.content-right .title>hr{
				border-top:2px solid #979797;
				position: absolute;
				width: 643px;
				top: 44px;
				right: 0;
			}
			.content-right .title>hr{
				width: 341px;
			}
			.content-left .title>a,.content-right .title>a{
				position: absolute;
				right: 3px;
				top: 21px;
			}
			.child-top{
				display: flex;
			    flex-flow: row;
			    height: 193px;
			    margin-top: 18px;
			}
			.child-img{
				width: 324px;
			}
			.child-img img {
				display:block;
				width:100%
			}
			.child-content{
				width: 400px;
				margin-left: 15px;
			}
			.child-content .top h3{
				font-size: 17px;
				color: #444444;
			}
			.child-content .content p{
				line-height: 2;
				color: #757575;
			}
			.child-content .content{
				margin-top: 5px;
				height:87px;
				display: -webkit-box;
			    -webkit-box-orient: vertical;
			    -webkit-line-clamp: 3;
			    text-overflow: ellipsis;
			    overflow: hidden;
			}
			.child-content a{
				padding: 6px 12px;
				background-color: #E40C11;
				color: white;
				font-size: 12px;
			}
			.child-content .seemore{
				margin-top: 9px;
			}
			.child-left ul li span,.child-left ul li p,.child-right ul li span,.child-right ul li p{
				display: inline;
			}
			.news-content-child{
				display: flex;
				flex-flow: row;
				justify-content: space-between;
			}
			.child-left ul li,.child-right ul li{
				margin-bottom: 12px;
			}
			.child-left ul li:last-child,.child-right ul li:last-child{
				margin-bottom: 0px;
			}
			.news-content-child .child-left,.news-content-child .child-right{
				flex: 1;
			}
			.news-content-child .child-left{
				border-right:1px solid #ccc;
			    width: 147px;
			}
			.news-content-child .child-left li{
				clear:both;
			}
			.news-content-child .child-left li span{
				float:right;
			}
			.news-content-child .child-right ul{
				text-align: right;
			}
			.child-left ul li img,.child-right ul li img{
				margin-right: 6px;
			}
			.child-right ul li p,.child-left ul li p{
				text-align:left;
				width: 240px;
			    overflow: hidden;
			    text-overflow: ellipsis;
			    white-space: nowrap;
			    display: inline-block;
			}
			.child-right ul li span,.child-left ul li span{
				width: 85px;
			}
			.content-right ul li span,.content-right ul li p{
				display: inline-block;
				float:left;
			}
			.content-right ul li span{
				background-color:#E40C11;
				padding: 0px 4px;
				color: white;
				margin-right: 15px;
			}
			.content-right ul li{
				margin-top:19px;
				/* margin-bottom:13px; */
				border-bottom: 1px dotted #B4B4B4;
			}
			.content-right ul li div{
				overflow: hidden;
				margin-bottom: 4px;
			}
			.content-right ul li div:nth-child(even){
				margin-bottom: 14px;
			}
			.content-right ul li p{
			    text-align: left;
			    width:80%;
			    line-height:1.5;
		        display: -webkit-box;
			    -webkit-box-orient: vertical;
			    -webkit-line-clamp: 2;
			    text-overflow: ellipsis;
			    overflow: hidden;
			    height:40px;
			}
			.content-right ul li .answer{
				background-color: #B4B4B4;
			}
			.plant-content .slide li div{
				background-color: white;
				height: 90px;
				text-align: center;
				width: 253px;
			}
			.plant-content .slide{
				height: 220px;
			}
			.plant-content .slide ul li{
				width: 280px!important;
			}
			.footer{
				height: 246px;
				background-color: #3A3A3A;
			}
			.footer-content{
				width: 1200px;
				margin: 0 auto;
			}
			.link{
			    padding-top: 68px;
			    padding-left: 38px;
			    background: url(../img/yqlj.png)no-repeat;
			    background-position-y: 50px;
			    width: 180px;
			    height: 80px;
			    color: white;
			    display: inline-block;
			    float: left;
			}
			.link-right{
				float: left;
				display: inline-block;
				padding-top: 50px;
				width:80%;
			}
			.link-right ul{
				overflow: hidden;
			}
			.link-right ul li{
				float: left;
				width: 204px;
				margin-right: 48px;
				border-bottom: 1px solid white;
				padding: 9px 0;
			}
			.link-right ul li:NTH-CHILD(4),.link-right ul li:NTH-CHILD(8){
				margin-right:0;
			}
			.link h1{
			    font-size: 23px;
    			font-weight: 500;
			}
			.link h3{
				font-size: 17px;
				font-weight: 500;
			}
			.footer-content hr{
				border-bottom: 1px solid white;
				height: 1px;
				width: 1200px;
			}
			.footer-content{
				overflow: hidden;
			}
			.footer-content ul li a {
				font-size: 15px;
				color: white;
			}
			.footer-content .last{
				text-align: center;
			    padding-top: 30px;
    			color: white;
			}
			.footer-content .last p,.footer-content .last span{
				display: inline-block;
				margin-right: 20px;
				font-size: 15px;
			}
			.footer-content .last p:last-child{
				display: block;
			}
			.footer-content .last div{
				padding-bottom: 6px;
			}
			/*葛利兹钢厂样式*/
			.content{
				background-color: #FFFFFF;
			}
			.content .tab-data{
				margin: 0 auto;
				width: 1200px;
			}
			.content .tab-data li p{
				text-overflow: ellipsis;
                                overflow: hidden;
                                max-width: 368px;
                                white-space: nowrap;
			}
			.content .tab-data p.left{
				text-align:left;
				text-indent:15px;
			}
			.content .tab-data li img{
				text-align:center;
				max-width: 100%;
				height: calc(361px - 78px);
			}
			.content .title .top,.content .title .middle,.content .title .tab{
				margin:0 auto;
				text-align: center;
			}
			.content .top h1,.content .middle p,.content .tab ul{
				text-align: center;
			}
			.content .top h1{
				font-size: 24px;
				font-weight: 400;
				color: #323232;
				padding-top: 14px;
			}
			.content .middle{
				height: 30px;
				line-height: 30px;
			}
			.content .middle p{
				color: #8F8F94;
			}
			.content .middle img{
				vertical-align: middle;
			}
			.content .title .tab{
			    margin-top: 8px;
			}
			.content .tab ul li{
				font-size: 12px;
				float: left;
				padding: 3px 8px;
				border-radius:3px;
				border: 1px solid #DDDDDD;
			}
			.content .tab ul{
				display: inline-block;
			}
			.content .tab ul li a{
				font-size: 12px;
			}
			.active{
				background-color:#00469D;
				color: white;
			}
			.active a{
				color: white;
			}
			.slideTxtBox .title hr{
				border-bottom:1px solid #C9C9C9 ;
				margin-top: 16px;
				margin-bottom: 40px;
			}
			.tab-data-active{
				display: block!important;
			}
			.tab-data,.news-tab-data{
				display: none;
				width: 1200px;
				margin: 0 auto;
			}
			.tab-data p{
				font-size: 13px;
				line-height: 24px;
			}
			.tab-data div{
				height: 44px;
			}
			.tab-data ul li{
				float: left;
				padding:0 6px;
				padding-top: 6px;
				background-color:#E5E5E5;
				text-align: center;
				margin-bottom: 45px;
				height:355px;
				width:364px
			}
			.tab-data ul li:nth-child(2),.tab-data ul li:nth-child(5){
				margin: 0 30px;
			}
			.tab-data ul li p{
			    height: 78px;
			    font-size: 32px;
			    font-weight: 500;
			    line-height: 78px;
			    color: #666666;
			}
			.news-center{
				margin: 0 auto;
				width: 1200px;
			}
			.news-center li .news-left,.news-center li .news-right{
				float: left;
			}
			.news-center .news-left{
				width: 132px;
				height: 127px;
				text-align: center;
				background-color:#EEEEEE;
			}
			.news-center .news-left h1{
				font-size: 40px;
				color: #666666;
			}
			.news-center .news-left span{
				font-size: 20px;
				color: #666666;
			}
			.news-center .news-left div{
			    margin-top: 24px;
			}
			.news-center ul li {
				border: 1px solid #DDDDDD;
				margin-bottom: 43px;
			}
			.news-center .active a{
				color:#ccc;
			}
			.news-center ul .check{
				border: 1px solid #00469D;
			}
			.question-center ul .check{
				border-radius: 10px;
			}
			.news-center .check .news-left{
				background-color: #00469D;
			}
			.news-center .check .news-left h1,.news-center .check .news-left span{
				color:white;
			}
			.news-center .news-right{
				width: 1042px;
				margin-left: 24px;
			}
			.news-center .check .news-right h3{
				color: #00469D;
			}
			.news-center .check .news-right a{
				color: #E40C11;
			}
			.news-center .news-right h3{
			    padding-top: 15px;
    			padding-bottom: 10px;
				color: #5D5D5D;
			}
			.news-center .news-right p{
				color: #666666;
				line-height: 24px;
				margin-bottom: 5px;
				display: -webkit-box;
			    -webkit-box-orient: vertical;
			    -webkit-line-clamp: 2;
			    text-overflow: ellipsis;
			    overflow: hidden;
			}
			.news-center .news-right a{
				color: #B0B0B0;
			}
			.banner img{
				width: 100%;
			}
			.news-details-content{
				width: 1200px;
				margin: 0 auto;
			}
			.news-details-content .text{
				text-align: center;
				text-indent: 20px;
			}
			.news-details-content .text p{
				text-align: left;
			}
			.news-details-content .title h1{
				    font-size: 16px;
				    color: #595757;
			}
			.slideTxtBox .title hr{
				margin-bottom: 30px;
			}
			.news-details-content .text img{
				margin-top:30px;
			}
			.slideTxtBox{
				margin-bottom: 250px;
			}
			.news-details-content .text p{
				line-height: 24px;
				color:#595757;
			}
			.contactus-content{
				width: 1200px;
				margin: 0 auto;
			}
			.contactus-content .contactus-text h1{
			    text-align: center;
			    font-size: 20px;
			    margin-bottom: 30px;
			}
			.contactus-content .contactus-text .text-left label,.contactus-content .contactus-text .text-left p{
				display: inline;
				font-size: 15px;
			}
			.contactus-content .contactus-text .text-left label{
				font-weight: 600;
				color: #000000;
			}
			.contactus-content .contactus-text .text-left{
				float: left;
				margin: 0 128px;
			}.contactus-content .contactus-text .text-right{
				float: right;
				margin-right:121px;
			}
			.contactus-content .contactus-text .text-left .top{
				margin-bottom: 30px;
			}.contactus-content .contactus-text .text-left .center{
				margin-bottom: 20px;
			}
			.contactus-content .contactus-text .text-left ul li{
				margin-bottom: 4px;
			}
			.contactus-content .contactus-text .text-left ul li:first-child>p{
				font-weight: 600;
			}
			.contactus-content .contactus-text .text-left ul li:last-child>p{
				color: #666666;
			}
			.contactus-content .contactus-text .bottom h1,.contactus-content .contactus-text .bottom img{
				font-size: 20px;
				display: inline;
				color: #666666;
			}
			.contactus-content .contactus-text .bottom img{
				vertical-align: middle;
			}
			.contactus-content .contactus-text .text-right input{
				border: 2px solid #999;
				width: 260px;
				height: 30px;
				padding-left: 10px;
				display: block;
				margin-top:17px;
				margin-bottom: 9px;
			}
			.contactus-content .contactus-text .text-right textarea{
				border: 2px solid #999999;
				width: 260px;
				padding-left: 10px;
				height: auto;
				min-height: 90px;
			}
			.contactus-content .map1 .maptitle,.contactus-content .map2 .maptitle,.contactus-content .map3 .maptitle{
				    text-align: center;
				    font-size: 24px;
				    margin: 20px 0;
			}
			.question-center .question-right p{
				display: inline-block;
				width: 100%;    min-width: 956px;
			    float: left;
			    line-height: 2;
			}
			.question-center .question-right .question{
				    background-color: #00469D;
				    padding: 0px 4px;
				    color: white;
				    margin-right: 15px;
				     float: left;
			}
			.question-center .question-right .answer{
				    background-color: #999999;
				    padding: 0px 4px;
				    color: white;
				    margin-right: 15px;
				    float: left;
			}
			/* .question-center .question-right div{
				margin: 30px 0;
			} */
			.question-center .question-right .clearfix{
				padding: 10px;
			    border-bottom: 1px solid #00469D;
			    background: #ccc;
			}
			.question-center .big{
				/* background-color:#00469D; */
				position: relative;
				overflow: hidden;
			}
			/* .question-center .question-right{
				float: left;
			    padding-left: 24px;
			    background-color: white;
			    margin-left: 132px;
			} */
			.question-center .question-left{
				position: absolute;
				top: 0;
			}
			.flex{
				display: flex;
			    justify-content: space-between;
			    align-items: baseline;
			}
			.question-center li{
				border:none!important;
			}
			/* @keyframes myAnimation2 {
				0% {opacity:0;}
				20% {opacity:0.2;}
				40% {opacity:0.4;}
				60% {opacity:0.6;}
				80% {opacity:0.8;}
				100% {opacity:1;}
			}
			
			@-webkit-keyframes myAnimation {Safari and Chrome
				0% {opacity:0;}
				20% {opacity:0.2;}
				40% {opacity:0.4;}
				60% {opacity:0.6;}
				80% {opacity:0.8;}
				100% {opacity:1;}
			}
			body{
				animation: myAnimation2 1s 1;
				animation-timing-function: linear;
				animation-delay: -1;
			} */