/* CSS Document */

.newsList{ max-width:85%; 
    display: flex;
    flex-wrap: wrap;
    margin: 70px auto; 
}
.newsList .Viewlist{ width:23%;
   
    margin-bottom: 20px; border-radius:50px; overflow:hidden; box-sizing:border-box; background:#fff; margin-left:1%; margin-right:1%; margin-bottom:70px;

}

.two .Viewlist{width:48%; margin-left:1%; margin-right:1%; background:none;}
.two .viewPart{background:none;}
.two .viewPart{ padding: 0 0px 0 0px;}
.two .viewtime p{ color:#afafaf; font-size:24px; padding-bottom:20px;}
.two  .ViewTitle h2{ color:#070606; font-size:32px; font-weight:bold;}
.two  .viewDetail p{ color:#9c9b9b; font-size:24px;}


.viewPart{
    margin: 0 20px 0 0;
    padding: 0  10px 0 20px;
    overflow: hidden;
    background-color: #fff;
}
.ViewImg img{
    width: 100%;
}
.ViewPadding {
    padding: 0 20px 40px 20px;
}
.viewtime {
    padding: 20px 0 10px 0;
}
.viewtime p{
    font-size: 18px;
    font-weight: bold;
    color: #999; padding-bottom:10px;
   
}
.ViewTitle h2{
       color:#070606; font-size:24px; font-weight:bold;
        font-weight: 300;
      
    
        word-break: break-all;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
  
}
.viewDetail p {
      color:#9c9b9b; font-size:18px;
	  line-height:30px;
	
        font-weight: 300;
        padding: 10px 0 30px 0;
        text-indent: initial;
}
.viewMore a {
    font-size: 24px;
    font-weight: 300;
    color: #D11E26;
    line-height: 20px;
    text-decoration:underline
}
.viewMore {
    margin-bottom: 60px;
    
}
.gywmban{background:url(xwban.jpg) center top no-repeat; height:706px; position:relative;}
.wrapes {
    width: 85%;
    margin: 0 auto;
}
.wrapes h3 {
    width: 300px;
    text-align: center;
    margin: 0 auto;
    font-size: 40px;
    font-weight: bold;
    height: 55px;
    position: relative;
    margin-bottom: 50px;
    min-height: 70px;
    position: absolute;
    left: 15%;
    top: 40%; font-family:Impact;
	
    color: #fff;
}
.wrapes h3:before {
    width: 40px;
    height: 3px;
    background: #fff;
    position: absolute;
    left: 40%;
    margin-left: -20px;
    bottom: 0px;
    content: "";
    color: #fff;
}
.xwmban{max-width:100%;}
img{max-width:100%;}
.sqis{ height:75px; width:100%; border-bottom:1px #e5e5e5 solid;  overflow:hidden;}
.inner-btn-div{ max-width:1440px; margin:0 auto; height:75px; line-height:75px; text-align:center; }
.inner-btn-div a{  text-align:center;  font-size:18px; color:#000000; padding:0 30px;}

.inner-btn-div a span{ padding-bottom:20px;}
.inner-btn-div a.current span{ border-bottom: 5px #e62129 solid;}

.js{width:85%; margin:100px auto; overflow:hidden; position:relative;}

.js_l{width:40%; float:left;}
.js_r { width:55%; overflow:hidden; left:45%;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);


}
.js_r h3 {
    font-size: 48px;
    font-weight: bold;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 25px; color:#000; text-transform:uppercase;	
}
.js_r h3:after {
    content: "";
    height: 4px;
    background: #e62129;
    width: 183px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.js_r p {
    font-size: 20px;
    line-height: 1.5;
}
.received {
    position: relative;
    background: #EDEDED;
    text-align: center;
    height: 500px;
    background: linear-gradient(180deg, #F2F6FF 0%, #F0F4FA 100%);
    box-sizing: border-box;
}
.received .production {
    display: flex;
    justify-content: center;
    align-items: center;     height: 100%; max-width:85%;
    margin: 0 auto;
    text-overflow: ellipsis;     position: relative;
}
.received .production ul {
    display: flex;
    flex-wrap: wrap;
}
.received .production li {
    flex: 0 0 50%; margin-bottom:50px; padding-left:80px;
    text-align: left;
}
.received .production li h3 {
    font-size:48px;
    font-weight: bold;
    color: #1A1A1C;
    margin-bottom: 10px;
    line-height: 38px; font-family:Impact;
}
.received .production li h3 sub {
    font-size: 14px;
    font-weight: bold;
    color: #1A1A1C;
    line-height: 18px;
    position: relative;
    bottom: 2px;
    left: 4px;     font-family: myFirstFont;
}
.received .production li p {
    font-size: 24px;
    font-weight: 300;
    color: #1A1A1C;
    line-height: 17px;
}
.ulow1{background:url(gy01.png) left center no-repeat;}
.ulow2{background:url(gy02.png) left center no-repeat;}
.ulow3{background:url(gy03.png) left center no-repeat;}
.ulow4{background:url(gy04.png) left center no-repeat;}
.ulow5{background:url(gy05.png) left center no-repeat;}
.ulow6{background:url(gy06.png) left center no-repeat;}
.supersoco{
	padding:140px 0;
	position: relative;
	text-align: center;
	background-color: #FFFFFF;
	
}
.supersoco .section-common{
	display: flex;
	justify-content: center;     position: relative; max-width:85%;
    margin: 0 auto;
    text-overflow: ellipsis;
}
.supersoco h3
{
	font-size: 48px; font-family:impact; text-transform:uppercase;
	font-weight: 300;
	color: #323237;
	
	flex:1;
	text-align: left;
	position: relative;      transition-delay: 0.2s;     transform: translate3d(0PX, 0px, 0);
    opacity: 1;
}
.supersoco i {
    display: inline-block;
    width: 66px;
    height: 3px;
    background: #e62129;
    margin: 0px auto 40px auto;
    position: absolute;
    left: 0;     transform: translate3d(0PX, 0px, 0);
    opacity: 1;
    top: -15px;
}
.supersoco p { width:60%;
    color: #323237;
    text-align: left;
    font-size: 24px;
    font-weight: 300; line-height:1.5;
}





.pinzhiw{
	padding: 25px 0 120px;
	text-align: center; width:100%; overflow:hidden;
}
.pinzhiw .slick-list{
	padding: 0px !important;
}
.pinzhiw h1{
	font-size: 30px;
	color: #333333;
	margin-bottom: 20px;
}
.pinzhiw .cpjsw{
	width: 85%;
	margin: 55px auto 0;
}

.pinzhiw a button{
	padding:0 80px;
	color: #fff;
	background-color: #86b34a;
	line-height: 55px;
	font-size: 20px;
	margin: 30px auto 0;
	border-radius: 4px;
	transition: .5s;
}
.pinzhiw a button:hover{
	background-color: #9b9f13;
}
.cpjsw .slick-slide{background:#f0f0f0; margin:0 10px; border-radius:20px;   box-sizing: border-box;}
.cpjsw .slick-slide img{max-width:100%; border-top-left-radius:20px;
border-top-right-radius:20px;}
.cpjsw a h3{ color:#323237; font-size:30px; line-height:1.5; padding:10px 0; }

.cpjsw .slick-prev{
	background:url(../images/prev.png) no-repeat;
	background-size: 100% 100%;
	width: 58px;
	height: 58px;
	z-index: 9;
	left: -90px;
}
.cpjsw  .slick-next{
	background:url(../images/right.png) no-repeat;
	background-size: 100% 100%;
	width: 58px;
	height: 58px;
	z-index: 9;
	right: -90px;
}

* {
    box-sizing: border-box;
}

.intro-areaq h3{ font-size:48px; font-weight:bold; position:relative; padding-bottom:15px; margin-bottom:25px; font-family:impact; text-transform:uppercase;}
.intro-areaq h3:after{ content:""; height:4px; background:#e62129; width:183px; position:absolute; bottom:0; left:0;}
.intro-areaq p{font-size:20px; line-height:1.5;}
.box01q{position:relative; width:100%; overflow:hidden;}
.box01q .img-areaq {
    float: left;
    width: 50%;
}
.lxban {
    background: url(lxban.jpg) center/cover no-repeat;

    height: 706px;
    position: relative;
}
.box01q .twow{float:right;}

.twt{width:42%; overflow:hidden; left:55%;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.tww{width:42%; overflow:hidden; right:55%;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}

.messsage{    
    padding: 5%; margin-top:5px; margin-right:20px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 16px;
}
.messsage div{
    margin-bottom: 15px;
}
.messsage label {    
    margin-bottom: 5px;
    margin-top: 0px;   
}
.messsage .message-btn button{
    width:30%;
    margin-top: 15px;
    height:45px;
    border:none;
    text-transform: uppercase; background:#ed6b1a; border:1px #ed6b1a solid;
} 
.messsage h3{margin-bottom:20px; font-weight:bold;}
* {
    box-sizing: border-box;
}
.lxwom{width:85%; margin:50px auto; overflow:hidden; padding-bottom:50px;}
.lxwm_l{width:35%; float:left;}
.lxwm_m{width:30%; float:left;}
.lxwm_r{width:35%; float:left;}
.xbt{
    font-size: 30px;
    font-weight: bold;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 25px;
    color: #707070;
    text-transform: uppercase; font-family:Impact;
}
.xbt:after {
    content: "";
    height: 4px;
    background: #e62129;
    width: 83px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.lxwm_l p{ font-size:18px; color:#707070; line-height:1.8;} 
.lxwm_m p{ font-size:18px; color:#707070; line-height:1.8;}

.red {color: #faddde;border: solid 1px #980c10;background: #d81b21;background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#A51715));background: -moz-linear-gradient(top,  #ed1c24,  #A51715);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}
.red:hover { background: #b61318; background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115)); background: -moz-linear-gradient(top,  #c9151b,  #a11115); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115'); color:#fff;}
.red:active {color: #de898c;background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');}
.cor_bs,.cor_bs:hover{color:#ffffff;}
.keBody{background:url(../images/bodyBg.jpg) repeat #333;}
.keTitle{height:100px; line-height:100px; font-size:30px; font-family:'微软雅黑'; color:#FFF; text-align:center; background:url(../images/bodyBg3.jpg) repeat-x bottom left; font-weight:normal}
.kePublic{background:#FFF; padding:50px;}
.keBottom{color:#FFF; padding-top:25px; line-height:28px; text-align:center; font-family:'微软雅黑'; background:url(../images/bodyBg2.jpg) repeat-x top left; padding-bottom:25px}
.keTxtP{font-size:16px; color:#ffffff;}
.keUrl{color:#FFF; font-size:30px;}
.keUrl:hover{ text-decoration: underline; color: #FFF; }
/*科e互联特效基本框架CSS结束，应用特效时，上诉样式可删除*/
/* 效果CSS开始 */
.cpjsxq{max-width:85%; margin:50px auto; overflow:hidden;}
.cpjsxq_l{width:50%; float:left;}
.swiper-slide-thumb-active{border:2px #000 solid;}

.cpjsxq_r{width:48%; float:right;}
.wzbt{ color:#000; font-size:30px;   position: relative; padding-bottom:15px;}
.wzbt:after {
    content: "";
    height: 4px;
    background: #e62129;
    width: 83px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.arcbody{width:100%; padding:20px; line-height:1.5; padding-left:0;}

.an h3{width:150px; height:40px; line-height:40px; text-align:center; border:1px #e62129 solid; border-radius:20px; float:left;}
.an h3 a{text-transform:uppercase; font-size:20px; color:#000;}
.an h3:last-child{margin-left:20px;}
.an h3:hover{background:#e62129; color:#fff;}
.an h3:hover a{color:#fff;}
.cpzxarc{max-width:85%; margin:0 auto; padding-bottom:30px;}

.news_d1 { max-width:1430px; margin:0 auto;
    padding-top: 66px;
    padding-bottom: 75px;
}
 .news_d1 h1 {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.3;
    text-align: center;
    color: #9e8060;
}
.news_d1 .zhongk
{
    font-family: '';
    font-size: 16px;
    line-height: 49px;

    height: 49px;
    margin-top:28px;

    color: #999; text-align:center;

}
.news_d1 .zhongk .fr
{

    color: #999;
}
.news_d1 .zhongk .fr img
{
    width: 21px;
    margin-top: -1px;
    margin-right: 15px;
}

.news_d1 .zhongk .fr:hover
{
    color: #c49a4d;
}
.news_d1 .conp
{
    padding-top: 38px; padding-left:2%; padding-right:2%; font-size:16px; line-height:30px; text-align:justify; color:#666666;
}
.news_d1 .conp p
{
    font-family: 'HC';
    font-size: 16px;
    line-height: 28px;

    margin-bottom: 28px;
    padding-bottom: 27px;

    color: #464646; 
}
.news_d1 .conp h4{
    font-family: 'HC';
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 28px;
    padding-bottom: 27px;
    color: #464646;
     border-bottom: 1px solid #eaeaea;
}
.news_d1 .return7
{
    font-size: 18px;
    font-weight: bold;
    line-height: 54px;

    display: block;

    width: 177px;
    height: 54px;
    margin: 54px auto 0;

    text-align: center;

    color: #fff;
    background: #9e8060;
}
.cplb ul{max-width:85%; margin:0 auto;}
.cplb ul li{ width:23%; margin:20px 1%; float:left; border-radius:20px; box-shadow: rgb(0 0 0 / 15%) 0px 0px 16px;}
.cplb ul li img {
    max-width: 100%;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.cplb ul li p{ line-height:4; border-top:5px  #e62129 solid; background:#f3f3f3; text-align:center; border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;}
.cplb ul li a p{color:#000; font-size:15px;}
.fwban {
    background: url(fw.jpg) center/cover no-repeat;
    height: 706px;
    position: relative;
}
.fwul{background:#f8f8f8; width:100%; overflow:hidden; padding:40px 0; padding-bottom:60px;}
.fwul ul{max-width:85%; margin:0 auto;}
.fwul ul li{ width:18%; margin:20px 1%; float:left; border-radius:20px; box-shadow: rgb(0 0 0 / 15%) 0px 0px 16px; background:#fff;}
.fwul ul li h3{text-align:center; padding:20px 0;}
.fwul ul li h4{text-align:center; font-size:24px; text-transform:uppercase; height:60px;}
.fwul ul li p{ width:90%; margin:0 auto; font-size:16px; color:#818181; line-height:1.5; min-height:210px;}
.ti{font-size:48px; text-align:center; text-transform:uppercase; padding:50px;}
.ny_mtbt ul { max-width:85%; margin:0 auto; margin-bottom: 60px; }
.ny_mtbt ul li:hover .ny_mtbt_a img { transform: scale(1.01); }
.ny_mtbt ul li { padding: 40px 0; border-bottom: 1px solid #e6e6e6;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -ms-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s; width:100%; overflow:hidden;
}
.ny_mtbt_a img { width: 320px; height: 200px; display: block; border-radius: 25px;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -ms-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s; 
}
.ny_mtbt_a { width:20%; margin-right: 40px; }
.ny_mtbt_b { width:65%; }
.ny_mtbt_r { width:15%; }
.ny_mtbt_b h3 { color: #666; font-size: 18px; margin: 13px 0 25px 0; line-height: 30px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden; font-weight:bold;
}
.ny_mtbt_b p { color: #969696; font-size: 16px; line-height:30px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.ny_mtbt_c p { color: #969696; font-size: 16px; font-weight: normal !important; margin: 14px 25px 0 0; }
.epages{text-align:center; padding-bottom:50px;}
.epages { height:30px; line-height:30px; padding:0 5px; margin:40px 0; text-align:center; }
.epages a { border:1px solid #c5c5c5; padding:5px 10px; margin-right:5px; }
.epages b { border:1px solid #c5c5c5; padding:5px 10px; margin-right:5px; background:#705c53; color:#fff;}
.epages a b { border:none; width:100%; height:100%; background:none; color:#000; }
.cplb{padding:50px 0;}
@media screen and (max-width: 1644px){

.fwul ul li p{min-height:300px;}



}
@media screen and (max-width: 1484px){
.js_r h3{font-size:25px;}
.js_r p{font-size:18px;}
.intro-areaq h3{font-size:25px;}
.intro-areaq p{font-size:18px;}
.supersoco h3{font-size:25px;}
.supersoco p{font-size:18px;}
.xbt{font-size:24px;}
.lxwm_l p{font-size:16px; line-height:1.5;}
.lxwm_m p{font-size:16px; line-height:1.5;}
.lxwom{width:95%;}

}

@media screen and (max-width: 1362px){
.js_r p{line-height:1.1;}
.intro-areaq p{line-height:1.1;}
.supersoco p{line-height:1.1;}
.fwul ul li h4{font-size:20px;}
}

@media screen and (max-width: 1000px){
.gywmban{background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover; height:306px;

}
.lxban{background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover; height:306px;

}

.wrapes h3{text-align:left;}
.wrapes h3:before{left:10%;}
.news_d1 .conp{line-height:1.8;}
.cpjsxq{max-width:96%;}
.cpjsxq_l{width:100%; float:none;}
.cpjsxq_r{width:100%; float:none; margin-top:30px;}
.wzbt{font-size:24px;}
.cpzxarc{max-width:96%;}
.js{margin:20px auto; width:96%;}
.js_l{width:100%; float:none; text-align:center;}
.js_r{width:100%; float:none; position:relative; left:0; top:0;  -webkit-transform: translateY(0); margin-top:20px;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);}
.received{height:auto; width:100%; overflow:hidden;}
.received .production{max-width:96%;  display:block; padding:30px 0;}
.received .production ul{ display:block; width:100%;}
.received .production li{width:50%; float:left;}
.worldMap{display:block; width:100%;}
.received .production li h3{font-size:24px;}
.received .production li p{font-size:14px;}
.supersoco{padding:30px 0;}
.box01q{margin-bottom:30px;}
.box01q .img-areaq{width:100%; float:none; text-align:center;}
.twt{width:100%; float:none;  position:relative; left:0; top:0;  -webkit-transform: translateY(0); margin-top:20px;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);}
.tww{width:100%; float:none;  position:relative; left:0; top:0;  -webkit-transform: translateY(0); margin-top:20px;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);}
	.supersoco .section-common{max-width:100%; float:none;}
.cpjsw .slick-prev{width:30px; height:30px;     left: -30px;}
.cpjsw .slick-next{width:30px; height:30px;     right: -30px;}
.pinzhiw .cpjsw{margin:10px auto;}
.pinzhiw{padding:20px 0 20px 0;}
.lxwom{width:96%;}
.lxwm_l{ max-width:80%; margin:0 auto; float:none; width:auto; margin-bottom:20px; }
.lxwm_m{ max-width:80%; margin:0 auto; float:none; width:auto;  margin-bottom:20px; }
.lxwm_r{ max-width:80%; margin:0 auto; float:none; width:auto; }

.fwban{background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover; height:306px;

}
.cplb ul li{ width:48%; margin:20px 1%; float:left; border-radius:20px;}




}

@media screen and (max-width: 480px){
.wapnone{display:none;}
.supersoco .section-common{ display:inherit;}
.supersoco p{width:100%;}
.ulow1 {
   background-size:20%;

}
.ulow2 {
   background-size:20%;

}
.ulow3 {
   background-size:20%;

}
.ulow4 {
   background-size:20%;

}
.ulow5 {
   background-size:20%;

}
.ulow6 {
   background-size:20%;

}
.received .production li{padding-left:40px; margin-bottom:14px;}
.received .production li h3{font-size:14px; line-height:20px; margin-bottom:0px;}
.lxwm_l{ max-width:100%; margin:0 auto; float:none; width:auto; margin-bottom:20px; }
.lxwm_m{ max-width:100%; margin:0 auto; float:none; width:auto;  margin-bottom:20px; }
.lxwm_r{ max-width:96%; margin:0 auto; float:none; width:auto; }

.newsList{max-width:96%;}
.two .Viewlist{
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
    background: none;
}
.two .viewtime p{font-size:20px;}
.two .ViewTitle h2{font-size:18px;}
.two .viewDetail p{font-size:14px;}
.newsList .Viewlist{
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
    background: none;
}
.viewPart{margin:0px 0 0 0px;}
.ViewTitle h2{font-size:18px;}
.viewDetail p{font-size:14px;}



.cplb ul{max-width:96%; margin:0 auto;}
.cplb ul li{ width:98%; margin:20px 1%; float:left; border-radius:20px;}
.fwul ul{max-width:96%; margin:0 auto;}
.fwul ul li {
    width: 98%;
    margin: 20px 1%;
    float: none;
    border-radius: 20px;
    box-shadow: rgb(0 0 0 / 15%) 0px 0px 16px; margin-bottom:20px;
    background: #fff;
}
.fwul ul li p{ min-height:inherit; padding-bottom:30px}
.ti{font-size:24px;     padding: 20px;}
.ny_mtbt ul{max-width:96%;}
.ny_mtbt_a{width:100%; margin-right:0; text-align:center;}
.ny_mtbt_a img{ width:100%; max-width:100%; text-align:center; margin:0 auto;}
.ny_mtbt_b{ width:100%; max-width:100%;}
.ny_mtbt_c p{display:none;}
.ny_mtbt_b h3{font-size:16px; line-height:1.5;     margin: 13px 0 13px 0;}
.cplb{padding:20px 0;}

}