@charset "utf-8";
body,div,span,h1,h2,h3,h4,h5,h6,p,em,img,strong,b,small,u,i,center,dl,dt,dd,ol,ul,li,sub,sup,tt,var,del,dfn,ins,kbd,q,s,samp,strike,applet,object,iframe,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,blockquote,pre,a,abbr,acronym,address,big,cite,code,mark,audio,video,textarea,select,input {margin:0;padding:0;outline:none}
ol,ul {list-style:none;}
html {overflow-x:hidden;-webkit-text-size-adjust:none;}

body {color:#666666;font-family:'Source Han Sans CN','PingFang SC','Microsoft YaHei',Arial,'Helvetica Neue',Helvetica,'Hiragino Sans GB',STHeitiSC-Light,sans-serif;font-size:14px;  }

img {display:block;max-width:100%;border:none;}

/*a 链接*/

a {text-decoration:none;outline:none;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; color:#333333;}
a:hover{color:#c7000b;}
/*居中*/

.juzhong {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.juzhong2 {display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
.erduan {display:flex;flex-direction:row;justify-content:space-between;align-content:center;align-items:center;}
.shang {display:flex;flex-direction:row;justify-content:space-between;}
.xia {display:flex;align-items:flex-end;flex-direction:row;justify-content:space-between; }
.shangzhong {display:flex;flex-direction:row;justify-content:center;}
.shangzuo{display:flex;flex-direction:row;justify-content:flex-start;}
.shangyou{display:flex;flex-direction:row;justify-content:flex-end;}

.shangerduan{display:flex;flex-direction:row;justify-content:space-between;}

.zuo {display:flex;flex-direction:row;justify-content:flex-start;align-content:center;align-items:center;}
.you {display:flex;flex-direction:row;justify-content:flex-end;align-content:center;align-items:center;}




/*浮动*/
.fl {float:left;display:inline}
.fr {float:right;display:inline}
.clear {clear:both}
.clearfix {*zoom:1;}
.clearfix:after {clear:both;display:block;height:0;visibility:hidden;line-height:0;content:'\20';}

/* HTML5 重置为较旧版本的浏览器 */

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}

/* 按钮样式 */

input[type="text"],input[type="button"],button,textarea,select,input[type="checkbox"] {font-size:100%;outline:none;resize:none;font-family:"exo_2.0light","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;-webkit-appearance:none;}
input[type="button"] {cursor:pointer;}
input[type="submit"] {cursor:pointer;}
input[type="reset"] {cursor:pointer;}

/*删除火狐下按钮默认样式*/

input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"] > input[type="button"]::-moz-focus-inner {border:none;padding:0;-webkit-appearance:none;}
i,em {font-style:normal}


/*省略号*/
.oneline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient: vertical;}
.twoline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient: vertical;}
.threeline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient: vertical;}
.fourline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient: vertical;}




@font-face {
font-family: 'DINCond-Black';
src: url('../fonts/DINCond-Black.eot'); 
src: url('../fonts/DINCond-Black.eot?#iefix') format('embedded-opentype'),
url('../fonts/DINCond-Black.woff') format('woff'), 
url('../fonts/DINCond-Black.ttf') format('truetype'),
url('../fonts/DINCond-Black.svg#DINCond-Black') format('svg'); 
}

@font-face {
font-family: 'DIN-Medium';
src: url('../fonts/DIN-Medium.eot'); 
src: url('../fonts/DIN-Medium.eot?#iefix') format('embedded-opentype'),
url('../fonts/DIN-Medium.woff') format('woff'), 
url('../fonts/DIN-Medium.ttf') format('truetype'),
url('../fonts/DIN-Medium.svg#DINCond-Black') format('svg'); 
}



.nav-btnbox { display:none}
.pd3{ padding-top:3%; padding-bottom:3%}
.pd4{ padding-top:4%; padding-bottom:4%}
.pd5{ padding-top:5%; padding-bottom:5%}
.pd6{ padding-top:6%; padding-bottom:6%}
.pd2{ padding-top:2%; padding-bottom:2%}

.mtb3{ margin-top:3%; margin-bottom:3%}
.mtb4{ margin-top:4%; margin-bottom:4%}
.mtb5{ margin-top:5%; margin-bottom:5%}
.mtb6{ margin-top:6%; margin-bottom:6%}
.mtb2{ margin-top:2%; margin-bottom:2%}



.mt1{ margin-top:1%}
.mt2{ margin-top:2%}
.mt3{ margin-top:3%}
.mt4{ margin-top:4%}
.mt5{ margin-top:5%}
.mt6{ margin-top:6%}


.pt3{ padding-top:3%}
.pt4{ padding-top:4%}
.pt5{ padding-top:5%}

.pb3{ padding-bottom:3%}
.pb4{ padding-bottom:4%}
.pb5{ padding-bottom:5%}
.hide{display: none}



.fangdapic{ overflow:hidden; position:relative}
.fangdapic img{ transition: 1s all; -webkit-transition: 1s all; -moz-transition: 1s all; -o-transition: 1s all; -ms-transition: 1s all; width:100%}
a:hover .fangdapic img{transform: scale(1.1);-webkit-transform: scale(1.1);}
li:hover .fangdapic img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.fangdapic:hover>img{transform: scale(1.1);-webkit-transform: scale(1.1);}

@-webkit-keyframes fadeInUp {
	0% {opacity:0;-webkit-transform:translate3d(0,20%,0);transform:translate3d(0,20%,0);}
    to {opacity:1;-webkit-transform:none;transform:none;}
}
@keyframes fadeInUp {
	0% {opacity:0;-webkit-transform:translate3d(0,20%,0);transform:translate3d(0,20%,0);}
    to {opacity:1;-webkit-transform:none;transform:none;}
}
.fadeInUp {-webkit-animation-name:fadeInUp;animation-name:fadeInUp}

@-webkit-keyframes fadeIn{
	0% {opacity:0;	}
	100% {opacity:1;}
}
@keyframes fadeIn{
	0% {opacity:0;}
	100% {opacity:1;}
}

.fadeIn {-webkit-animation-name:fadeIn;animation-name:fadeIn}



.animated {-webkit-animation-duration:1s;animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}


.mainbox{margin: 0 auto; max-width:1400px; }
.top{position: fixed; left: 0px; top: 0px; z-index: 9999999; width: 100%; }

.top.cur{background: #fff; box-shadow:0px 0px 10px rgba(0,0,0,0.05)}
.top.cur .logo .hide{display: block}
.top.cur .logo .show{display: none}
.top.cur .nav li>a{color: #333}
.top.cur .enyu{color: #333}

.logo{}
.top .mainbox{border-bottom: 1px solid rgba(255,255,255,0.1); height: 90px;}
.nav{width:75%; font-size: 18px;}
.nav li>a{color: #fff; line-height: 90px; display: block}
.nav li{position: relative}
.navdown{background: #fff; position: absolute; left:50%; transform: translate(-50%,0); width:200%; top:90px;box-shadow:0px 10px 10px rgba(0,0,0,0.05); padding: 10px 0px; display: none}

.navdown a{display: block; text-align: center; line-height:40px; font-size: 16px; color: #666}
.navdown a:hover{color:#c7000b;}
.nav li:nth-child(2) .navdown{width:280%}
.top .nav li.cur>a{color: #c7000b}
.top.cur .nav li:hover>a{color: #c7000b}

.topright{width: calc(100% - 153px);}


.banner img{width: 100%}
.bantxt{position: absolute; left:0%; top:25%; z-index: 999; font-size: 80px;color: #fff; font-weight: 300; width: 100%; text-align: center}


.solutiontit li{width:24%;}

.solutiontit li:nth-child(1){ background: url("../images/fa01bjh.png") no-repeat right center #c7000b; background-size: auto 100%;animation-delay:0.3s;-webkit-animation-delay:0.3s;}
.solutiontit li:nth-child(2){ background: url("../images/fa02bjh.png") no-repeat right center #c7000b; background-size: auto 100%;animation-delay:0.6s;-webkit-animation-delay:0.6s;}
.solutiontit li:nth-child(3){ background: url("../images/fa03bjh.png") no-repeat right center #c7000b; background-size: auto 100%;animation-delay:0.9s;-webkit-animation-delay:0.9s;}
.solutiontit li:nth-child(4){ background: url("../images/fa02bjh.png") no-repeat right center #c7000b; background-size: auto 100%;animation-delay:1.2s;-webkit-animation-delay:1.2s;}



.solutiontit li p{font-size: 24px; font-weight: bold; color: #fff; margin-bottom: 10px;}
.solutiontit li p span{color: #fff}
.solutiontit li a{display: block; padding:6% 36% 6% 10%;color:#fff;}

.solutiontit li.on a{color: #fff}
.solutiontit li.on a p{color: #fff}

.solutiontxt{width:90%; position: absolute; left: 0px; bottom: 0px; color: #fff;background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.7)); padding:5%}

.solutiontxt p{font-size: 18px; font-weight: bold; margin-bottom:6px;}

.solutiontxtleft{width: calc(100% - 100px);}

.solutiontxt em{width:88px; height: 28px; border: 1px solid #fff; line-height: 28px; text-align: center; border-radius: 3px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; }

lu.sotionbox li a:hover .solutiontxt em{border: 1px solid #c7000b; background: #c7000b}

.sysolutionbox{margin-top: -80px; position: relative; z-index: 9}

.moredx{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); text-align: center;}
.moredx p{font-size: 18px; font-weight: bold; margin-bottom: 35px; color: #fff}

.moredx em{width:88px; height: 28px; border: 1px solid #fff; line-height: 28px; text-align: center; border-radius: 3px; margin: 0 auto;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}

.moredx em img{width: 25px;}

.synewstit{ margin-bottom: 40px}
.synewstit h1{font-size: 36px; font-weight: normal; color: #333}

.synewstit a{background: url("../images/jiantou.png") no-repeat right center; background-size:24px auto; padding-right: 38px; float:right;}

.synews li{width:30%; float:left; padding-right:3%; padding-bottom:3%;}
.synews li a:hover p{color: #c7000b}
.synews{padding-top:70px; padding-bottom:90px;width:100%;}
.newslefts{width:78px; color: #c7000b;font-family: 'DIN-Medium'; line-height: 1}
.newslefts p{font-size: 42px; margin-bottom: 10px;}
.newslefts span{font-size: 12px;}

.newsrights{width: calc(100% - 78px);}

.newsrights p{font-size: 18px; color: #333; margin-bottom: 10px;}
.newsrights span{color: #999999;}


.nybanner{position: relative; margin-top: 90px;}
.nybanner img{width: 100%}

.nybannertxt{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%}
.nybannertxt h2{color: #fff; font-size: 36px; font-weight: normal; position: relative; padding-bottom: 25px;}

.nybannertxt h2:before{width:70px; height:2px; background: #fff; content: ""; left:0%;position: absolute; bottom: 0px;}


.down { width:48px; height:48px; border:1px solid #fff; border-radius: 100%; position: absolute; left: 50%; transform: translate(-50%,0); bottom:20%}
.down img { max-width: 40%; -webkit-animation: scroll_tip_icon 1.6s linear infinite; animation: scroll_tip_icon 1.6s linear infinite; max-width: 15px; }

@-webkit-keyframes scroll_tip_icon {
    0% { -webkit-transform: translateY(0); transform: translateY(0) }
    50% { -webkit-transform: translateY(6px); transform: translateY(6px) }
    100% { -webkit-transform: translateY(0); transform: translateY(0) }
}

@keyframes scroll_tip_icon {
    0% { -webkit-transform: translateY(0); transform: translateY(0) }
    50% { -webkit-transform: translateY(6px); transform: translateY(6px) }
    100% { -webkit-transform: translateY(0); transform: translateY(0) }
}







.nynav{line-height: 82px; border-bottom: 1px solid #e8e9eb}
.nynav li{margin: 0px 3%}
.nynav li a{font-size: 18px; color: #666; position: relative; display: block;}
.nynav li a:hover{color: #c7000b}
.nynav li a:before{width:0%; height:3px; background: #c7000b; content: ""; left:0%;position: absolute; bottom:-1px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; }

.nynav li a:hover:before{width: 100%}

.nynav li.cur a{color: #c7000b}
.nynav li.cur a:before{width: 100%}



.nynavselect {position:relative;width:calc(100% - 40px);color:#999999;vertical-align:middle;text-align:left;user-select:none;-webkit-touch-callout:none; margin:30px 20px 20px; display: none; z-index: 9999}

.nynavselect .placeholder {position:relative;display:block;background-color:#fff;z-index:1; height: 60px; line-height: 60px;font-size:18px;cursor:pointer; padding-left:20px;border: 1px solid #eee;color: #333; }

.nynavselect .placeholder:after {position:absolute;right:20px;top:50%;transform:translateY(-50%);z-index:10; background: url("../images/selectxia.png") no-repeat center center; content: ""; width: 10px; height: 6px; background-size: 100% auto}
.nynavselect.is-open .placeholder:after {background: url("../images/selectxia2.png") no-repeat center center;background-size: 100% auto}
.nynavselect.is-open ul {display:block; box-shadow:0px 0px 10px rgba(0,0,0,0.05)}

.nynavselect ul {display:none;position:absolute;overflow:hidden;width:100%;background:#fff;border-radius:5px;top:100%;left:0;padding:20px 0;z-index:100;font-size:16px;}
.nynavselect ul li {display:block;text-align:left; padding:10px 20px; color:#999;cursor:pointer;}
.nynavselect ul li:hover {background:#c7000b;color:#fff;}

.nynavselect ul li a{display: block}



.nynavselect.cur{ position: fixed; top: 50px; left:0; margin: 0px; width:100%; background: #fff; z-index: 99999; border-left:none; border-right: none}


.newsboxs{padding-bottom: 80px;}
.newsboxs ul{padding: 30px 0px;}
.newsboxs li{padding: 50px 0px; border-bottom: 1px solid #f0f0f0;}
.nynewslefts{width:80px;font-family: 'DIN-Medium'; line-height: 1; border-right: 1px solid #f0f0f0}
.nynewslefts p{font-size: 42px; margin-bottom:5px;}
.nynewslefts span{font-size: 12px;}

.nynewsrights{width: calc(100% - 120px);}

.nynewsrights p{font-size: 22px;margin-bottom: 10px;}
.nynewsrights span{color: #999999;}
.nynewsrights p em{color: #f00}
.newsshowboxs{ padding-top:80px; padding-bottom: 80px;}

.newsshowtit{text-align: center; border-bottom: 1px solid #e3e3e3; padding-bottom: 30px;}

.newsshowtit h1{font-size: 30px; font-weight: normal; color: #000}

.newsshowtit p{font-size: 16px; color: #999999}

.newsshowtxtboxs{ font-size: 16px; line-height: 2; padding: 20px 0px;}

.newsshowtxtboxs p{padding-top: 20px;}

.newsupdown{border-top: 1px solid #e3e3e3; padding: 20px 0px; margin-top: 4%}
.newsupdown li{width: 45%}

.newsupdown li:nth-child(2){text-align: right}

.newsupdown li a{color: #333}
.newsupdown li a:hover{color: #c7000b}


.newsvideoboxs{padding-top: 80px; padding-bottom: 80px;}




.newsvideoboxs ul{width:calc(100% + 55px); margin-left:-55px; }
.newsvideoboxs li{width:calc(33.33% - 55px); float: left; margin-left: 55px;  cursor: pointer}

.newsvideoboxs li .fangdapic{position: relative}
.newsvideoboxs li .fangdapic:before{content: ""; width: 50px; height: 50px; position: absolute; left: 0px; top: 0px; background: url("../images/videoan.png") no-repeat center center; background-size: 100% auto; left: 50%; top:50%; transform: translate(-50%,-50%); z-index: 9}


.ilm{ text-align:center;padding:50px 0;}
.ilm:after{content:"";clear:both;display:block;}
.ilm dt{padding-bottom:10px;font-size:32px;color:#333;}
.ilm dd{color:#999;}
.ilm.bai dt,
.ilm.bai dd{ color:#fff;}


.about{}
.about:after{content:"";clear:both;display:block;}
.about .c{max-width:1190px;margin:0 auto; line-height:26px; position:relative; margin-bottom:135px; color:#666; font-size:14px;}
.about .c:after{clear:both;display:block;content:"";}
.about .c img{margin-right:30px;float:left;}
.about .c a.mabout{ display:block;width:148px;border:solid 1px #dfdfdf;height:30px;background:url('../images/btnbig.png') no-repeat center;
transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out; position:absolute;right:0px;bottom:0px;}
.about .c a.mabout:hover{ border:solid 1px #b51c1f; background:#b51c1f url('../images/btnbigon.png') no-repeat center;}

.youshi{min-height:600px; background:url('../images/bg.jpg') no-repeat center;}
.youshi:after{content:"";clear:both;display:block;}
.youshi ul{ max-width:1156px; margin:0 auto; color:#fff; padding-top:30px;}
.youshi ul li{width:20%;float:left;margin:0px 2.5%; }
.youshi ul li div{ text-align:center;font-size:22px; line-height:80px;}
.youshi ul li p{text-align:center;}
.youshi ul li img{max-width:100%; display:block;margin:0 auto;}
.youshi ul li:hover{filter:alpha(opacity=60);
-moz-opacity:0.6;
-khtml-opacity: 0.6;
opacity: 0.6;}




@media only screen and (min-width:1000px) and (max-width:1282px){
	.about{padding:0px 3%;}

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

	.about{padding:0px 3%;}
	.about .c{ padding-bottom:40px;}
	.position{padding:0px 3%;}
}
@media only screen and (max-width:780px){
	.ilm{padding:20px 3%;}
	.about{padding:0px 3%;}
	.about .c{ padding-bottom:40px; margin-bottom:30px;}
	.about .c img{width:100%;margin:0px;}
	.youshi ul{ padding-top:0px;}
	.youshi ul li{width:42%;float:left;margin:0px 4%; margin-bottom:20px;}
	.youshi ul li div{ text-align:center;font-size:16px; line-height:50px;}
	.youshi ul li img{ max-width:35%;}
}
@media only screen and (max-width:415px) {
	.youshi ul li{width:40%;margin:10px 5%;}

}


@media only screen and (max-width:320px) {
	.youshi ul li{width:38%;margin:10px 6%;}

}






.page a{height: 38px; border: 1px solid #ececec; text-align: center; line-height:38px; border-radius: 3px; font-size: 16px; padding: 0px 15px; margin: 0px 5px;}
.page a:hover{background: #c7000b; color: #fff; border: 1px solid #c7000b}
.page a.cur{background: #c7000b; color: #fff; border: 1px solid #c7000b}








footer  {
  color: #fff;
  width:100%;
}
footer .ys {
  background-color: #333333;
  float:left;
  width:100%;
}
footer .ys .items {
  padding: 1rem 0 ;
  height:7rem;
  
}
footer .ys a{color:#fff;}

footer .ys .items a {
  padding:0 2%;
  float:left;
  line-height:2rem;
}


footer .aboutf {
  background-color: #4d4d4d;
  width:100%;
}
footer .aboutf { float:left; text-align:center;}
footer .aboutf p{ line-height:2rem;}
footer .aboutf .links {
  border-top: 0.05rem solid #fff;
  justify-content: flex-start;
  text-align:left;
  padding:1rem 0;
}
footer .aboutf .links a,
footer .aboutf .links span {
  color: #fff;
  font-size: 0.6rem;
}
footer .aboutf .links a {
  margin-right: 1rem;
}
footer .copyright {
  background-color: #333333;
  text-align: center;
  padding: 1rem 0;
}
footer .copyright * {
  font-size: 0.6rem;
  line-height: 1.6;
}




.f_menu{width:100%;position: fixed; bottom: 0px; z-index: 99999; overflow:hidden;}
.f_menu ul li{width:50%; float:left; text-align:center; font-size:1rem; line-height:1.2rem; padding:2% 0;}
.f_menu ul li a{color:#fff;}
.f_menu ul li span,.f_menu ul li p{color:#fff;}
.haoma{ font-weight:bold; font-size:24px;}
.f_menu1{background:#5fb329; }
.f_menu2{background:#e64b08;}




.list_main{  width:100%; margin-top:20px; display:inline;}

.list_one{ float:left; width:90%; margin-right:2%; padding:2%; line-height:27px; font-size:14px;}

.list_one .img{ float:left; width:100%; margin-right:15px; margin-bottom:5px;}

.list_two{ width:98%;border-bottom:1px dotted #CBCBCB; text-align:center; font-size:18px; margin-bottom:10px; font-weight:bold; line-height:32px;}
.list_two h2{ color:#0c7bae; font-weight:bold;}

.list_two p{ font-size:12px;}

.list_one p.fLd{ float:left; margin-top:20px; padding-top:2%;}
.list_one p.fRd{ float:left; margin-top:20px; padding-top:2%;}