@charset "utf-8";
@import url("fonts.css");
/* CSS Document */
*{margin:0;padding:0;word-wrap:break-word;}
body{ font: 12px Arial, "微软雅黑";color:#333;-webkit-font-smoothing: antialiased;min-width:1200px; position:relative;height:100%;}
a{color:#000;text-decoration:none;transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s}
a:hover{text-decoration:none; color:#FF0000;}
a img,img{border:none; display:block; margin:0 auto;} 
div,ul,li,p,form{padding: 0px; margin: 0px;list-style-type: none;}
em{font-style: normal;font-weight: normal;}
h3,h4{padding:0px; font-size:14px; font-weight:normal;}
.clear {clear:both;height:0px;}
.blank10{ height:20px; overflow:hidden;clear:both;}
.blank{ height:10px; overflow:hidden;clear:both;}
textarea,input{ outline:medium;transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s;}
.clearfix{ width:1200px; margin:0 auto;}
.left {float: left;}
.right {float: right;}
/* CSS Document end */
.header{height: 80px;background: #FFF;}
.nav ul{height: 80px;}
.nav ul li{float: left;line-height: 80px;width: 106px;text-align: center;}
.nav ul li.currclass a,.nav ul li a:hover{background: #b01e23;color: #FFF;}
.nav ul li .items{display: block;color: #333;line-height:80px;font-size: 14px;position: relative;}
.nav .navi_content{background:#FFF;position: absolute;min-width: 106px;padding-bottom: 10px;z-index: 99;display: none;}
.nav .navi_content p a {font-size: 14px;line-height: 36px;display: block;padding:0px 8px;}
.nav .navi_content p a:hover{background: #b01e23;color: #FFF;}
.nav li.curr .items:before,.nav ul li .items:hover:before{content:"\f0d7";display: block;font-family:'FontAwesome';position: absolute;width: 10px;height: 10px;line-height: 10px;left: 50%;margin-left: -5px;bottom: 10px;color: #F00;font-size: 18px;}



.slider-pro{ position:relative;min-width:1200px;}
.sp-mask{ overflow:hidden;}
.sp-slides{ position:relative;}
.sp-slide{ position:absolute; overflow:hidden;}
.sp-slide a{ display:block;}
.sp-slide img.sp-image{position: absolute;display: block; border: none;}
.sp-buttons{ position:absolute; height:12px; bottom:20px; width:100%; text-align:center;}
.sp-buttons div{ display:inline-block; background:#FFF;margin:0px 5px; width:50px; height:4px; cursor:pointer;}
.sp-buttons div.sp-selected-button{ background:#b01e23; }

.title{line-height: 60px;text-align: center;font-size: 24px;position: relative;padding: 30px 0px;}
.title:before{content: "";display: block;width: 31px;height: 3px;background: #B01E23;position: absolute;left: 50%;margin-left: -15.5px;top:90px;}

.fr01-box{overflow: hidden;}
.fr01-box .box{width: 370px;float: left;margin-right: 45px;}
.fr01-box .box a{display: block;background: #ededed;}
.fr01-box .box a .img{width: 370px;height: 231px;overflow: hidden;}
.fr01-box .box a .img img{width: 370px;height: 231px;object-fit: cover;-moz-object-fit: cover;-webkit-object-fit: cover;-o-object-fit: cover;}
.fr01-box .box a .intro{height: 166px;padding: 0px 12px;padding-top: 42px;}
.fr01-box .box a .intro p{line-height: 24px;margin-top: 30px;}
.fr01-box .box a .intro h3{font-size: 18px;}
.fr01-box .box a:hover{background: #B01E23;}
.fr01-box .box a:hover h3,.fr01-box .box a:hover p{color: #FFF;}

.fr02{width: 100%;height: 500px;position: relative;margin-top: 60px;}
.fr02 .left{width: 50%;position: absolute;height: 500px;top: 0px;left: 0px;}
.fr02 .left img{width:100%;height: 500px;object-fit: cover;-moz-object-fit: cover;-webkit-object-fit: cover;-o-object-fit: cover;}
.fr02 .right{width: 50%;position: absolute;height: 500px;top: 0px;right: 0px;background: #1b1b1b;}

.fr02-about{width: 600px;float: left;height: 500px;position: relative;color: #FFF;line-height: 24px;}
.title-en{width: 150px;height: 50px;color:#FFF;background: #B01E23;text-align: center;line-height: 50px;font-size: 18px;position: absolute;left: -150px;top:35px;}
.fr02-about .title-cn{height: 50px;padding-left: 54px;font-size: 18px;padding-top: 35px;position: relative;}
.fr02-about .title-cn:before{content: "";display: block;width: 31px;height: 3px;background: #B01E23;position: absolute;left: 54px;bottom: 0px;}
.fr02-about p{padding-left: 54px;letter-spacing: 0.6px;font-size: 14px;padding-top: 80px;}

.fr03{background: #ededed;}
.fr03-nav{text-align: center;padding: 20px 0px;padding-bottom: 50px;}
.fr03-nav li{display: inline-block;}
.fr03-nav li a{display: block;background: #FFF;padding: 0px 28px;line-height: 54px;margin: 0px 5px;font-size: 14px;}
.fr03-nav li.currclass a,.fr03-nav li a:hover{background: #B01E23;color: #FFF;}
.fr03-list{overflow: hidden;}
.fr03-list .box{float: left;margin-right:2%;width:32%;margin-bottom: 2%;overflow: hidden;}
.fr03-list .box:nth-child(3n){margin-right: 0px;}
.fr03-list .box a{display: block;overflow: hidden;}
.fr03-list .box a img{width: 100%;transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s;}
.fr03-list .box a:hover img{transform: scale(1.08, 1.08);}

.fr04-list{overflow: hidden;padding: 40px 00px;}
.fr04-list .box{float: left;text-align: center;margin-right:116.4px;}
.fr04-list .box .img{width: 103px;height: 103px;background: #B01E23;border-radius: 100%;}
.fr04-list .box h3{font-weight: normal;font-size: 16px;line-height: 50px;}

.fr05{background: url(../images/youshi_02.jpg) no-repeat center center;height: 634px;}
.fr05-list{height: 634px;position: relative;}
.fr05-list .box{overflow: hidden;height: 143px;position: absolute;}
.fr05-list .box .left{width: 141px;height: 141px;border: 1px solid #FFF;border-radius: 100%;}
.fr05-list .box .left .s{width: 122px;height: 122px;background: #FFF;border-radius: 100%;margin: 10px;text-align: center;line-height: 122px;font-size: 30px;}
.fr05-list .box .right{color: #FFF;font-size: 14px;height: 143px;display: flex;flex-wrap: wrap;align-content: center;width: calc(100% - 173px);width: -moz-calc(100% - 173px);width: -webkit-calc(100% - 173px);width: -o-calc(100% - 173px);}
.fr05-list .box .right p{width: 100%;line-height: 24px;}

.newsbox .box{ width: 500px; overflow: hidden; margin-bottom: 30px;}
.newsbox .box:nth-child(n){ float: left;}
.newsbox .box:nth-child(2n){ float: right;}
.newsbox .box a{ display: block;}
.newsbox .box a h3{ font-size: 16px; color: #3a3a3a; font-weight: normal;}
.newsbox .box a p{ color: #7a7a7a; line-height: 20px; margin-top: 15px; font-size: 13px;}
.newsbox .box a span{ display: block; font-size: 15px;color: #7a7a7a; font-family:'HelveticaNeueLTPro-ThEx'; margin-top: 10px;}
.newsbox .box a span:before{ content: ""; display: block; width: 50px; height: 2px; background: #666; margin: 10px 0px;transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s}
.newsbox .box a:hover span:before{ width: 100%;}
.newsbox .box a:hover h3{ color: #B01E23;}
.newsbox{overflow: hidden;}


.footer-nav{background: #191919;height: 275px;}
.footer-bottom{height: 86px;background: #0c0c0c;line-height: 86px;color: #FFF;}
.footer-bottom a{color: #FFF;margin: 0px 10px;}
.footer-box{overflow: hidden;padding-top: 30px;}
.footer-box .box{float: left;margin-right: 60px;}
.footer-box .box strong{color: #FFF;font-size: 14px;margin-bottom: 10px;display: block;font-weight: normal;}
.footer-box .box p{line-height:24px;color: #666666;}
.footer-box .box p a{color: #666666;}
.footer-box .box p a:hover{color: #B01E23;}
.footer-box .right .wx{float: left;text-align: center;margin-left: 20px;}
.footer-box .right .wx p{line-height:30px;color: #FFF;}

.bg-banner{ position: relative;}
.bg-banner img{width: 100%;display: block;}
.banner-p{position: absolute;width: 100%;top: 40%;text-align: center;}
.banner-p h3{font-size: 28px;color:#F00;}
.banner-p p{line-height:40px;font-size:20px;color:#F00;}
.banner-p p b{color: #F00;font-size: 30px;}

.content{background: #EDEDED;padding: 60px 0px;}
.content .left{float: left;width: 250px;background: #FFF;}
.contentbox{overflow: hidden;}
.content .left li{height: 60px;text-align: center;line-height: 60px;border-bottom:1px solid #EDEDED;}
.content .left li a{display: block;font-size: 14px;}
.content .left li.curr a{background: #B01E23;color: #FFF;}
.content .right{width: 880px;background: #FFF;padding: 50px;box-sizing: border-box;font-size: 14px;line-height: 30px;}
.content .right img{max-width:680px}
.fuwulist{overflow: hidden;}
.fuwulist .box{overflow: hidden;}
.fuwulist .box .leftt{float: left;width: 600px;height: 400px;overflow: hidden;}
.fuwulist .box .rightt{float: right;width: 600px;height: 400px;overflow: hidden;}
.fuwulist .box .rightbox{height: 245px;background: #FFF;margin: 77.5px 0px;padding: 0px 50px;display: flex;flex-wrap: wrap;align-content: center;}
.fuwulist .box img{width: 600px;height: 400px;object-fit: cover;}
.fuwulist .box .rightbox h3{color:#000;font-size: 20px;line-height: 50px;}
.fuwulist .box .rightbox p{font-size: 14px;color: #000;line-height: 30px;}

.fenye table{margin:0 auto;}
.fenye table a{display: inline-block;height: 40px;line-height: 40px;padding: 0px 20px;border: 1px solid #DDD;font-size: 16px;border-radius: 3px;}
.fenye table a:hover,.fenye table a.curr{background: #B01E23;color: #FFF;}

.picbox{background: #FFF;}
.box-title{font-size: 20px;}
.boxs{color: #999;}
.mycontent{padding: 50px;}
.imgtitle{text-align: center;line-height: 50px;}
.mycontent img{max-width: 1000px;}

.pronav{line-height: 60px;border-bottom: 1px solid #EEE;overflow: hidden;}
.pronav ul li{float: left;padding-right: 45px;font-size: 16px;}
.pronav ul li.currclass a{color: #F00;font-weight: bold;}

.news-content .box{background: #FFF;padding: 20px;overflow: hidden;margin-bottom:30px;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;position: relative;}
.news-content .box .left{width: 365px;height: 223px;}
.news-content .box .left a{display: block;width: 100%;height: 100%;text-align: center;overflow: hidden;}
.news-content .box .left a img{width: 365px;height: 223px;object-fit: cover;-moz-object-fit: cover;-webkit-object-fit: cover;-o-object-fit: cover;}
.news-content .box:hover h3 a{color: #F00;}
.news-content .box .right{width: 770px;}
.news-content .box h3{line-height: 40px;font-size:18px;font-weight: normal;}
.news-content .box h3 a{color: #000;}
.news-content .box h3 span{float: right;color: #999;}
.news-content .box p{line-height: 30px;color: #888;}
.news-content .box li{margin-top: 20px;}
.news-content .box li a{display: inline-block;background: #F00;color:#FFF;border-radius: 5px;padding: 5px 16px;}

.box-content{background: #FFF;padding: 50px;}
.box-title{text-align: center;font-size: 18px;color: #000;line-height: 40px;}
.box-content .boxs{text-align: center;line-height: 30px;color: #999;border-bottom: 1px dashed #DDD;}
.box-content .boxs span{margin: 0px 10px;}

#MyContent{padding: 30px 0px;line-height: 30px;font-size: 14px;}
#MyContent img{max-width: 680px;}
.ncontrol{background: #FFF;border-top: 1px solid #DDD;height: 60px;line-height: 60px;text-align: center;}
.ncontrol .left{width: 46%;}
.ncontrol .center{width: 8%;float: left;}