@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') 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') 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%;}