*{margin:0;padding:0}
body{
    padding: 0;
    margin: 0 auto;
    color: #333;
    font-size:14px;
    font-family:微软雅黑;
}
h1,h2,h3,h4,h5,h6,dl,dt,dd{
    padding: 0; margin: 0;font-weight:100;font-size:14px;font-weight:400
}
a{
    color: #333; text-decoration:none;
}
a:hover{
    color:#3c83dd;
    text-decoration:underline;
    transition:all 0.2s linear;
}
ul {
    padding: 0;
    margin: 0;
}
li{
    list-style: none;
}
i {
    font-style: normal;
    font-weight: normal;
}
img{
    border:none;
}
img:hover{}
.fl{
    float: left;
}
.fr{
    float: right;
}
.clearfix:after {
	content: '.';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.w1180{
    width:1200px;
    margin:0 auto;
}
.mainWidth{
    width:1200px;
    margin:0 auto
}
.borderNone {
    border:none !important;
}

.header-box{position:relative;width:100%;height:96px;z-index:9999;background-color:#fff}
.header{width:1440px;margin:0 auto;height:96px;position:relative;}
.header-logo{position:absolute;left:0;top:18px;}
.nav{height:96px;position:absolute;right:0;top:0;white-space:nowrap}
.nav ul{}
.nav li{float:left;position:relative;cursor:pointer;margin:0;text-align:center;height:96px;}
.nav li a{text-decoration:none;display:block;}
.nav li h1{width:142px;font-size:18px;color:#111111;font-weight:400;margin:26px 0 2px 0}
.nav li h6{font-size:12px !important;color:#8a8a8a;margin-top:6px;}
.nav li a:hover h1{color:#3c83dd}
.nav li.on{background:url(../images/navBg.jpg) no-repeat center bottom}
.nav li.on h1{color:#3c83dd}
.subNav{width:142px;position:absolute; z-index:9999;display:none;padding-top:0;display:none;top:96px}
.subNav a{display:block;height:40px;line-height:40px;font-size:14px;color:#000;/*background:rgba(255,255,255,0.7)*/
          background:#3c83dd;color:#fff;}
.subNav a:hover{background:#fff;opacity:1;color:#000}


.flexslider{position:relative;height:300px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;margin-top:0;}
.slides{position:relative;z-index:1; height: 300px; margin: 0;padding: 0;}
.slides li{height:300px;}
.flex-control-nav{position:absolute;bottom:20px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{
    left:40px;
    background:url(../images/prev.png) center center no-repeat;
}
.flex-direction-nav li a.flex-next{
    right:40px;
    background:url(../images/next.png) center center no-repeat;
}

.slide-item1{color:#fff;font-size:60px;margin-top:260px;text-align:center}
.slide-a{display:block;text-align:center;color:#fff;font-size:24px;background:#1283a5;width:226px;line-height:56px;
         margin:36px auto 0 auto;border-radius:30px;text-decoration:none
}
.slide-a:hover{color:#fff;text-decoration:none;background:#ff6600}

.home1-container{height:502px;background:#eceff6;overflow:hidden;position:relative}

.home1 {
    height: 502px;
    width: 1440px;
    position: absolute;
    left:50%;margin-left:-720px;z-index:999;background:#eceff6
}
.home1-right{position:absolute;right:0;background:#fff;background:#fff;width:50%;height: 502px;}
.home1-factory{display:block;position:absolute;top:44px;left:0}
.home1-factory:hover{opacity:.8;}
.home1-line{position:absolute;width:6px;height:100px;background:#277be5;left:640px;top:51px;}
.home1-title-en{position:absolute;font-size:54px;color:rgba(60,131,221,0.15);left:700px;top:68px;line-height:1rem;font-weight:bold}
a.home1-title{position:absolute;font-size:38px;color:black;left:700px;top:103px;line-height:1rem;font-weight:bold;}
a.home1-title:hover{color:#000;text-decoration:none}
.home1-title span{color:#3c83dd;letter-spacing:3px;}
.home1-company{position:absolute;left:700px;top:178px;font-size:20px;color:#414141}
.home1-info{color:#808080;font-size:16px;position:absolute;left:700px;top:213px;line-height:2;width:467px;}
.home1-bottom{position:absolute;left:700px;top:327px;}
.home1-item{float:left;text-align:center;margin-right:50px;}
.home1-item img{display:inline-block}
.home1-item div{font-size:20px;color:#194e91;margin:8px 0 3px 0}
.home1-item div span{font-size:14px;color:#808080;margin-left:6px}
.home1-item i{font-size:14px;color:#373737}
.home1-nav{position:absolute;width:107px;height:502px;right:0;background:white}
a.home1-nav-item{display:block;width:194px;height:99px;background:url(../images/w0.jpg);color:#fff;margin-left:-87px;
                 margin-bottom:10px;position:relative
}
a.home1-nav-item:hover{opacity:0.8}
a.home1-nav-item h3{font-size:20px;position:absolute;left:18px;top:19px;}
a.home1-nav-item h4{font-size:14px;position:absolute;left:18px;top:64px;}
a.home1-nav-item:first-child{margin-top:102px;}
a.home1-nav-item:nth-child(2){background:url(../images/w1.jpg)}
a.home1-nav-item:nth-child(3){background:url(../images/w2.jpg)}

.home2-title{height:auto;text-align:center;position:relative}
.home2-title h3{font-size:81px;color:#3c83dd;opacity:.15;overflow:hidden;font-weight:bold}
.home2-title h4{font-size:38px;color:#000;margin-top:-70px;font-weight:bold;letter-spacing:2px}
.home2-title h4 span{color:#3c83dd}
a.home2-title-link{font-size:38px;color:#000;font-weight:bold;letter-spacing:2px;display:block;z-index:999;
                   position:absolute;left:50%;margin-left:-80px;top:50px;
}
a.home2-title-link:hover{text-decoration:none}
a.home2-title-link span{color:#3c83dd}
.home2-title h5{font-size:16px;color:#727272;margin-top:-3px;}

.home2{min-width:1440px;max-width:1920px;margin:16px auto 0 auto;height:580px}
.home2 a{display:block;width:20%;overflow:hidden;float:left;height:580px;position:relative;color:#fff}
.home2-bg{display:block;position:absolute;left:0;top:0;width:100%;height:580px}
.home2 a h1{position:absolute;font-size:24px;font-weight:bold;left:38px;top:56px;}
.home2 a h6{position:absolute;width:47px;height:4px;background:#fff;left:38px;top:115px;}
.home2 a h5{position:absolute;font-size:18px;left:38px;top:154px;line-height:2.8}
.home2 a:hover{opacity:.8}
.home2-more{display:block;position:absolute;left:38px;bottom:53px;}

.home3{
    height: 459px;
    width: 1440px;margin:30px auto 0 auto
}
.home3 a{display:block;width:456px;height:459px;background:#f7f7f7;overflow:hidden;float:left;position:relative;
         margin-right:36px
}
.home3 a:last-child{margin-right:0}
.home3-imgbox{overflow:hidden;width:419px;height:220px;margin:23px auto 0 auto}
.home3-imgbox img{display:block;width:419px;height:220px;}
.home3 a h1{position:absolute;left:18px;top:270px;width:420px;font-size:18px;color:#2c2c2c;font-weight:bold;
            white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.home3 a span{position:absolute;left:18px;top:300px;font-size:14px;color:#afafaf}
.home3 a p{position:absolute;left:18px;top:330px;width:420px;font-size:16px;color:#808080;line-height:1.8;
            overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
}
.home3 a i{position:absolute;left:18px;bottom:22px;font-size:15px;color:#353535;font-weight:bold}
.home3 a:hover .home3-imgbox img{transform:scale(1.2,1.2);transition:all 0.5s linear;}
.home3 a:hover h1{color:#3c83dd}

.home4{background:url(../images/cpbg.jpg) no-repeat top;height:460px;overflow:hidden}
.home4-container{margin:50px auto 0 auto;width:1440px;}
#dwfc{overflow:hidden;}
#dwfc ul{overflow:hidden;height:226px;overflow:hidden}
#dwfc ul li{float:left;margin:0 22px 0 0;overflow:hidden;background:#353535;width:465px;height:226px;color:#fff;}
#dwfc ul a{display:block;width:465px;height:226px;position:relative}
.dwfc-img{width:246px;height:194px;position:absolute;overflow:hidden;border:16px solid #353535;left:0;top:0;}
.dwfc-img img{width:246px;height:194px;display:block;overflow:hidden;object-fit: cover}
#dwfc ul li h1{position:absolute;left:275px;top:60px;color:#fff;font-size:16px;line-height:1.8;}
.dwfc-circle{display:block;position:absolute;left:275px;top:150px;}
#dwfc ul a:hover .dwfc-img img{transform:scale(1.2,1.2);transition:all 0.5s linear;}
#dwfc ul a:hover h1{color:#3c83dd}

.h5{width:1440px;margin:0 auto 0 auto;height:270px;position:relative;}
.h5-c0{position:absolute;width:350px}
.h5-c1{position:absolute;left:442px;top:0}
.h5-c1 h1{font-size:18px;color:#2c2c2c;font-weight:bold}
.h5-c1 p{line-height:2.2;margin-top:30px;font-size:18px;color:#808080}
.h5-c2{position:absolute;right:0;top:0;width:422px;}
.h5-c2 h1{font-size:18px;color:#2c2c2c;font-weight:bold}
.h5-c2 form{margin:16px 0 0 0}
.h5-c2 input[type=text]{width:412px;height:45px;border:1px solid #eaeaea;margin-bottom:11px;padding:0 16px;box-sizing:border-box}
.h5-c2 button{width:148px;height:45px;background:#0078ff;line-height:45px;color:#fff;font-size:16px;color:#fff;border:none;
              cursor:pointer;margin-top:8px;
}

.footer-box{background:url(../images/footerBg.png)}
.footer{width:1202px;margin:0 auto;height:243px;position:relative;color:#999;}

.footer-nav{position:absolute;left:0;top:33px;}
.footer-nav a{color:#cccccc;display:inline-block;float:left;margin-right:43px}

.footer-info{position:absolute;left:426px;top:98px;line-height:1.8}
.footer-info span{font-weight:400;font-size:18px;letter-spacing:1px}
.footer-ba{position:absolute;bottom:22px;}

.channelImg{height:420px;width:100%;margin-top:0;background:url(../images/default.png) center no-repeat;background-size:auto 100%}
.myPage{
    width:1200px;
    margin:25px auto 26px auto;
    clear:both;
    height:auto;overflow:hidden;
}
.myPageLeft{
    float:left;
    width:257px;
}
.myPageLeft h1 a{
    display:block;
    height:42px;
    line-height:42px;
    color:#fff;
    text-indent:37px;
    font-size:16px;
    font-weight:bold;
    background:#dc321d url(../images/dot2.png) no-repeat 14px 18px
}
.myPageLeftNav{
    margin:15px 0 0 0;
    border-bottom:1px solid #ccc;
}
.myPageLeftNav li{height:41px;background:url(../images/t17.jpg) right no-repeat}
.myPageLeftNav li a{
    display:block;
    height:40px;
    line-height:40px;
    text-indent:30px;font-size:14px;
    border:1px solid #ccc;
    border-bottom:none;
    text-decoration:none;
}
.myPageLeftNav li a:hover{
    background:url(../images/t16.jpg) no-repeat left;
}
.myPageLeftNav li a.current{
    color:#dc321d;
    background:url(../images/t16.jpg) no-repeat left;
}
.myPageLeftList{border:1px solid #cdcdcd;padding:10px 16px}
.myPageLeftList a{font-size:14px;height:35px;line-height:35px;overflow:hidden}
.myPageLeftNav1 {margin-top:15px;overflow:hidden}
.myPageLeftNav1 a{display:block;width:125px;height:30px;padding-top:59px;text-align:center;color:#fff;font-size:14px;margin-bottom:12px;float:left}
.myPageContact{
    line-height:2.2em;
    padding:0 0 0 0;
    font-size:14px
}
.myPageRight{
    float:right;
    width:920px;
}
.myPageRightNave{font-size:15px;color:#dc321d;height:42px;line-height:42px;font-weight:bold}
.myPageRightNave a{color:#dc321d}
.aboutContent{
    line-height:1.8;
    margin:15px 0 0 0;
    overflow:hidden;border:1px solid #cccccc;min-height:400px;padding:15px
}
.aboutContent p{
    margin:0;
    padding:0 0 12px 0;
}
.newsList{margin:15px 0 0 0;overflow:hidden;border:1px solid #cccccc;padding:0 10px}
.newsList li{height:164px;border-bottom:1px solid #e3e3e3;position:relative;}
.newsList li .imgBox{width:195px;height:130px;overflow:hidden;position:absolute;left:0;top:19px;}
.newsList li img{width:195px;height:130px;display:block}
.newsList li img:hover{transform: scale(1.2,1.2);transition: all 0.2s linear;}
.newsList li h1{position:absolute;top:25px;left:213px}
.newsList li h1 a{font-size:14px;color:#000;font-weight:bold}
.newsList li h1 a:hover{color:#dc321d}
.newsList li .info{position:absolute;left:213px;top:90px;color:#555;font-size:14px;width:680px;line-height:1.8}
.newsList li h6{color:#999;font-size:14px;position:absolute;top:58px;left:213px}
.newsList li:last-child{border-bottom:none}

.newsList1{margin:15px 0 0 0;overflow:hidden;border:1px solid #cccccc;padding:0 10px}
.newsList1 li{height:41px;line-height:41px;background:url(../images/arrow.jpg) no-repeat left center;text-indent:10px;border-bottom:1px solid #e3e3e3}
.newsList1 li span{float:right}
.newsList1 li:last-child{border-bottom:none}


.newsListPic {width:765px;margin:0 auto}
.newsListPic li{border-bottom:1px solid #eeeeee;padding:15px 0 0 0;height:115px;}
.newsListPic li img{width:120px;height:100px;margin:0 15px 0 0}
.newsListPic li img:hover{opacity:.7}
.newsListPicContent{line-height:2.2em;font-size:12px;color:#666}
.newsListPicContent a{font-size:16px;font-weight:bold}
.newsListPicContent span{color:#aaa;}

.showNewsBox{margin:15px 0 0 0;overflow:hidden;border:1px solid #cccccc;min-height:400px;padding:15px 25px}
.showNewsTitle {
    font-size:16px;text-align:center;padding:0 0 10px 0;font-weight:bold;
    border-bottom:1px dashed #e2e2e2;line-height:2.0
}
.showNewsTitleP{
    text-align:center;font-size:12px;margin:10px 0 10px 0;color:#999
}
.showContent{    line-height:2.2;
    overflow:hidden;margin:0 0 15px 0;
}
.showContent p{
    margin:0;
    padding:0 0 12px 0;
}


.showNewsTitlePage{
    line-height:1.8em;
}
.message{
    line-height:27px;
    padding:15px 15px 15px 15px;margin:15px 0 0 0;
    overflow:hidden;font-size:14px;min-height:500px;

}
.message table{
    width:580px;
    margin:16px auto 0 auto
}
.message table td{
    padding:8px 0;
}
.message table td input[type=text]{
    border:1px solid #c2c2c2;
    text-indent:6px;
}
#txtBody{
    width:390px
}
#btnOK{
    cursor:pointer;
}

.newsPicList{margin:15px 0 0 0;overflow:hidden;border:1px solid #cccccc;min-height:400px;padding:25px 18px 0 18px}
.newsPicList li{
    float:left;
    width:33.33%;
    text-align:center;
    margin:0 0 25px 0
}
.newsPicList li a{display:block;}
.imgBox1{
    width:260px;height:173px;
    position:relative;
    cursor:pointer;
    overflow:hidden;
    margin:0 auto;
}
.imgBox1 img{
    width:260px;height:173px;
    /*transform:scale(1,1);
    transition:all 0.3s linear;*/
}
.newsPicList li a:hover .imgBox1 img{
    transform:scale(1.2,1.2);
    transition:all 0.2s linear;
    
}
.imgBox1 h1{
    position:absolute;
    z-index:9999;
    height:31px;
    width:262px;
    line-height:31px;
    text-align:center;
    font-size:14px;
    font-weight:100;
    bottom:0;
    background:#000;
    opacity:0.7;
    color:#fff;
}
.newsPicList li a{text-decoration:none}
.newsPicList li h2{
    height:31px;
    width:260px;
    line-height:31px;
    text-align:center;
    font-size:14px;
    font-weight:100;
    background:#000;
    opacity:0.7;
    color:#fff;margin:-1px auto 0 auto;overflow:hidden
}
.newsPicList li a:hover h2{background:#dc321d;opacity:1}

.newsPicListA{
    width:790px;
    overflow:hidden;
    margin:0 auto
}
.newsPicListA li{
    float:left;
    width:33.33%;
    text-align:center;
    margin:30px 0 0 0
}
.imgBox1A{
    width:242px;height:350px;
    position:relative;
    cursor:pointer;
    overflow:hidden;
    margin:0 auto;
}
.imgBox1A img{
    width:242px;height:350px;
    transform:scale(1,1);
    transition:all 0.3s linear;
}
.imgBox1A img:hover{
    transform:scale(1.1,1.1);
    transition:all 0.5s linear;
    
}
.imgBox1A h1{
    position:absolute;
    z-index:9999;
    height:31px;
    width:242px;
    line-height:31px;
    text-align:center;
    font-size:14px;
    font-weight:100;
    bottom:0;
    background:#000;
    opacity:0.7;
    color:#fff;
}



/*分页样式*/
.page{
    padding: 5px 0 30px 0;
    overflow: hidden;
    text-align: center;
    background:#fff;
}
.page a,.page span{
    padding: 5px 10px;
    border: 1px solid #cccccc;
    font-size: 14px;
    display:inline-block;
    margin:0 4px;
    
}
.page a:hover{
    background:#3c83dd;
    color: #ffffff;
    text-decoration:none;

}
.page a.current{
    background: #3c83dd;
    color: #ffffff;
}

@media (min-width: 1920px) {

    .slides li{background-size:100% 100% !important;}
}

.hnxg-container{width:1202px;margin:0 auto;min-height:200px}
.company-title{margin:40px 0 0 0;text-align:center}
.company-title h1{font-size:29px;color:#313131;font-weight:500}
.company-title h2{font-size:15px;color:#919191;margin-top:6px;}
.company-content{min-height:518px;position:relative;margin:30px 0 30px 0;background:url(../images/company.jpg) no-repeat right}
.company-body{position:absolute;width:835px;height:391px;overflow:hidden;top:67px;background:#fff;}
.company-body h1{font-size:22px;color:#313131;font-weight:500;padding:0 0 0 31px;border-left:3px solid #095be8;margin-top:48px;}
.company-body p{width:697px;line-height:2.2;font-size:14px;color:#313131;margin:18px 0 0 38px}
.company-jszz{margin:40px 0 20px 0;text-align:center;}
.company-jszz h1{font-size:29px;color:#313131}
.company-jszz h2{margin:3px 0 0 0}

.about-info{height:72px;display:block;position:relative}
.about-info li{float:left;width:170px;height:72px;position:relative;display:block;margin-right:87px;}
.about-info li:last-child{margin-right:0;float:right}
.about-info li img{position:absolute;left:2px;top:10px;}
.about-info li span{position:absolute;right:0;top:0;font-size:20px;color:#787878}
.about-info li div{position:absolute;right:0;bottom:0;}
.about-info li i{font-size:36px;color:#095be8;font-weight:500}
.about-info li p{display:inline}

.about-us-banner{height:260px;position:relative;text-align:center;color:#fff;overflow:hidden
}
.about-us-banner h1{font-size:50px;font-weight:500;letter-spacing:4px;margin-top:60px;}
.about-us-banner h2{font-size:56px;font-weight:500;letter-spacing:2px;margin-top:10px;line-height:1;color:rgba(255,255,255,.5)}

.channel-nav{position:absolute;bottom:0;width:100%;text-align:center;}
.channel-nav a{color:#fff;font-size:18px;display:inline-block;line-height:70px;height:70px;padding:0 12px;margin:0 10px;text-decoration:none}
.channel-nav a:hover{background:url(../images/bg2.jpg) repeat-x bottom;transition:none}
.channel-nav a.on{background:url(../images/bg2.jpg) repeat-x bottom}

.project{width:1202px;min-height:350px;margin:34px auto 0 auto;overflow:hidden}
.project-left{float:left;width:273px;}
.project-left-nav{}
.project-left-nav a{display:block;width:271px;line-height:62px;border:1px solid #cbcbcb;
                    margin-bottom:9px;font-size:18px;text-indent:22px;text-decoration:none
}
.project-left-nav a.on{background:#095be8;color:#fff}
.project-right{float:right;width:898px;}
.project-list{overflow:hidden;clear:both;}
a.project-item{display:block;width:281px;border:1px solid #dedede;
               float:left;margin:0 24px 24px 0;text-decoration:none;overflow:hidden;
}
a.project-item:nth-child(3n+3){
    margin-right:0
}
.project-img{width:281px;height:195px;overflow:hidden}
.project-img img{display:block;width:281px;height:195px;object-fit: cover}
a.project-item h1{font-weight:500;font-size:18px;color:#313131;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
                  width:90%;text-align:center;margin:13px auto 10px auto
}
a.project-item h2{text-align:center;font-size:14px;color:#6b6a6a;border-top:1px solid #efefef;line-height:41px;}
a.project-item p{height:70px; width:90%;margin:10px auto;font-size:14px;color:#929292;line-height:2;border-bottom:1px solid #efefef;padding:0 0 0 0}

a.project-item:hover img{transform: scale(1.2,1.2);transition: all .2s linear;}
a.project-item:hover h1,a.project-item:hover h2{color:#3c83dd}

.marTop0{clear:both;margin:31px 0 16px 0;overflow:hidden}

.case-item-box:nth-child(2n+2){background:#f8f8f8}
.case-item{width:1200px;margin:0 auto;height:328px;position:relative;}
.case-item-list{width:1200px;position:absolute;right:0;left:0;}
.case-item-list li{width:376px;float:left;margin-right:36px;height:328px;position:relative}
.case-item-list li a{display:block;width:350px;height:328px;}
.case-item-list li:last-child{margin-right:0}
.case-item-list-img-box{width:376px;height:233px;overflow:hidden;position:absolute;top:33px;}
.case-item-list-img-box img{width:376px;height:233px;}
.case-item-list li h3{position:absolute;bottom:21px;font-size:16px;  width:328px;
                      white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;}

.case-item-list li a:hover img{transform:scale(1.2,1.2);transition:all .2s linear}

.about{line-height:2;padding:32px 0 16px 0;width:1200px;margin:0 auto;min-height:500px;}

.hyf-news{width:1202px;margin:32px auto 16px auto;min-height:250px;clear:both;overflow:hidden}
.hyf-list{clear:both;overflow:hidden}
.hyf-list li{height:247px;border-bottom:1px solid #ececec;position:relative;margin:0 0 31px 0}
.hyf-list li a{display:block;width:100%;height:184px;}
.hyf-list-thumbnail-box{position:absolute;top:0;left:116px; width:420px;height:220px;border-radius:0;overflow:hidden}
.hyf-list-thumbnail{width:420px;height:220px;object-fit: cover}
.hyf-list li h1{position:absolute;font-size:20px;color:#2c2c2c;left:560px;top:60px;font-weight:500}
.hyf-list-dot{position:absolute;left:560px;bottom:35px;}
.hyf-list li p{position:absolute;left:560px;top:115px;line-height:1.8;color:#808080;width:636px;font-size:16px;}
.hyf-list li span{position:absolute;left:0;top:3px;font-size:29px;line-height:0.8;color:#7f7f7f}
.hyf-list li span i{font-size:14px;color:#7f7f7f}
.hyf-list-channel{position:absolute;background:#e2e5e6;width:120px;line-height:31px;text-align:center;
                  left:560px;top:0;color:#323232
}

.hyf-list li a:hover h1{color:#3c83dd;transition:all .2s linear}
.hyf-list li a:hover .hyf-list-thumbnail{transform:scale(1.2,1.2);transition:all .2s linear}

.news{width:1200px;margin:60px auto 30px auto}
.news-title{height:82px;position:relative;border-bottom:1px solid #ededed}
.news-title h1{position:absolute;font-size:26px;color:#0f0f0f; word-break:keep-all;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis; width:760px

}
.news-title p{position:absolute;top:42px;font-size:12px;color:#898989}
.news-title-date{position:absolute;right:0;width:104px;height:65px;background:#f3f3f3;font-size:12px;
                 box-sizing:border-box;padding:11px 0 0 21px;
}
.news-title-date i{font-size:21px;color:#e5413f}

.news-content{padding:15px 0 0 0;line-height:2}
.news-content p{margin-bottom:15px;}





.home-fwly-box{height:910px;background:#f8f8f8 url(../images/bg8.jpg) no-repeat}
.home-fwly{width:1200px;margin:0 auto;position:relative;height:910px;}
.home-fwly-title{position:absolute;font-size:50px;color:#e6e6e6;left:0;top:93px;line-height:1}
.home-fwly-area{position:absolute;top:260px;font-size:30px;color:#393939}
.home-fwly-list{position:absolute;top:330px;}
.home-fwly-list a{display:block;width:238px;line-height:54px;overflow:hidden;font-size:16px;color:#787777;
                  background:url(../images/line5.png) repeat-x 0 bottom
}
.home-fwly-list a i{margin-right:8px;}
.home-fwly-list a span{display:block;width:100%;height:54px;}
.home-fwly-list a:hover{color:#ff0033;text-decoration:none}
.home-fwly-list a:hover span{background:url(../images/line6.png) no-repeat 0 bottom}
a.home-fwly-more{position:absolute;bottom:95px;left:0;width:60px;height:60px;background:#00acac;border-radius:50%}
a.home-fwly-more:hover{background:#ff0033}

.home-fwly-ul{width:832px;position:absolute;right:0;top:106px;}
.home-fwly-ul li{width:408px;height:355px;position:relative;margin-bottom:16px;}
.home-fwly-ul li:nth-child(2n+1){float:left;}
.home-fwly-ul li:nth-child(2n+2){float:right;}

.home-fwly-ul li a{display:block;width:408px;height:355px;}
.home-fwly-ul li:last-child{margin-right:0}
.home-fwly-ul-img-box{width:408px;height:295px;overflow:hidden;position:absolute;top:0;}
.home-fwly-ul-img-box img{width:408px;height:295px;}
.home-fwly-ul li h3{position:absolute;bottom:0;font-size:16px;  width:408px;height:60px;line-height:60px;background:#e2e2e2;
                    text-indent:12px;
                      white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;}

.home-fwly-ul li a:hover img{transform:scale(1.2,1.2);transition:all .2s linear}
.home-fwly-ul li a:hover h3{background:#ff0033;color:#fff}

.fw-range-box{height:777px;background:#00acac;width:100%;}
.fw-range{width:1200px;height:777px;margin:0 auto;position:relative;overflow:hidden}
.fw-range-ul{position:absolute;right:0;top:0;width:980px;height:777px;}
.fw-range-ul li{float:right;width:244px;border-left:1px solid #000;height:100%;height:777px;overflow:hidden}
.fw-range-ul li:last-child{border:none;}
.fw-range-ul li:nth-child(1){}
.fw-range-ul li:nth-child(2){}
.fw-range-ul li:nth-child(3){}
.fw-range-ul li:nth-child(4){}
.fw-range-ul li a{display:block;width:100%;height:777px;position:relative;color:#fff}
.fw-range-ul li a:hover img{filter:brightness(150%);}
.fw-range-ul li:hover{}

.range-title{position:absolute;font-size:22px;width:166px;left:48px;top:130px;line-height:1.8;padding-bottom:25px;
             background:url(../images/bg9.jpg) no-repeat 0 bottom
}
.range-content{position:absolute;font-size:16px;width:175px;left:49px;top:342px;line-height:2.2}

.fw-range-left{width:334px;position:absolute;left:0;top:0;height:777px;}

.home-range-list{position:absolute;top:330px;}
.home-range-list a{display:block;width:180px;line-height:54px;overflow:hidden;font-size:16px;color:#fff;
                  background:url(../images/line8.png) repeat-x 0 bottom
}
.home-range-list a i{margin-right:8px;}
.home-range-list a span{display:block;width:100%;height:54px;}
.home-range-list a:hover{color:#ff0033;text-decoration:none}
.home-range-list a:hover span{background:url(../images/line9.png) no-repeat 0 bottom}
a.home-range-more{position:absolute;bottom:95px;left:0;width:60px;height:60px;background:#fff;border-radius:50%}
a.home-range-more:hover{background:#ff6600}

.home-news{height:635px;width:1200px;margin:0 auto;position:relative;}
.home-news-left{position:absolute;left:0;top:0;width:260px;height:635px}

.home-news-middle{position:absolute;left:290px;width:450px;height:635px;}

a.news0-img{display:block;position:absolute;left:0;top:93px;width:450px;height:234px;overflow:hidden}
a.news0-img img{display:block;width:450px;height:234px;}
a.news0-img:hover img{transform:scale(1.2,1.2);transition:all .2s linear}

.news-middle-list{position:absolute;top:340px;left:0;}
.news-middle-list a{display:block;position:relative;width:450px;height:110px;border-bottom:1px solid #eaeaea}
.news-middle-list a .day{position:absolute;font-size:30px;color:#313131;left:29px;top:28px}
.news-middle-list a .year{position:absolute;font-size:12px;color:#bcbcbc;left:29px;top:67px}
.news-middle-list a div{position:absolute;font-size:16px;color:#000000;left:160px;top:21px;width:290px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.news-middle-list a p{position:absolute;font-size:12px;color:#767676;left:160px;top:42px;width:290px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
                      line-height:1.8
}
.news-middle-list a:hover div{color:#ff0033}

.home-news-right{position:absolute;right:0;width:421px;height:635px;}
.home-news-right .list{position:absolute;width:421px;top:93px;}
.home-news-right .list a{display:block;width:421px;height:64px;border-bottom:16px solid #f9f9f9}
.home-news-right .list a span{float:left;width:300px;height:64px;line-height:64px;margin-left:12px;overflow:hidden;font-size:16px;
                              color:#000000;white-space:nowrap;text-overflow:ellipsis;
}
.home-news-right .list a i{float:right;line-height:64px;font-size:12px;color:#bcbcbc;margin-right:12px;}
.home-news-right .list a:hover span{color:#ff0033}

.xcp{width:100%;min-width:1200px;height:699px;clear:both;overflow:hidden;
     background:url(../images/xcp.jpg) no-repeat center;
}
.xcp-container{width:1200px;height:699px;margin:0 auto;position:relative;clear:both;overflow:hidden}

.xcp-btn{width:145px;height:145px;border:1px solid #fff;margin:160px auto 0 auto;border-radius:50%;cursor:pointer}
.xcp-btn div{width:92px;height:92px;border-radius:50%;margin:26.5px;background:#1283a5;text-align:center;line-height:92px;position:relative}
.xcp-btn i{color:#fff;font-size:36px;position:absolute;left:35px;top:33px;}
.xcp-btn:hover div{background:#ff6600}

.xcp-about{font-size:50px;color:rgba(255,255,255,.3);position:absolute;top:83px;line-height:1}
.xcp-about1{font-size:30px;color:rgba(255,255,255,1);position:absolute;top:245px}

.xcp-info{background-color:rgba(0,172,172,.8);position:absolute;bottom:52px;left:0;right:0;
          color:#fff;line-height:2.5;padding:32px;border-radius:28px 28px 0 0
}


@media (max-width: 1540px) {
    /*.fw-range{width:1500px !important}*/
}
/*@media (min-width: 1724px) {
    .about-us-banner{background-size:100% 100% !important;}
}*/