@charset "utf-8";
/* CSS Document */

.flexslider{width:100%; height:600px; position: relative;  overflow:hidden; z-index: 1;}
/*ͼƬ*/
.flex-viewport,.flexslider .slides,.flexslider .slides li/*,.flexslider .slides li a img*/{ display: block; width:100%; /*height:100%;*/}
.flexslider .slides li { overflow: hidden; position: relative;}
.flexslider .slides li a { display: block;width: 1920px;  width:2560px; height:100%; position: relative; left:50%;margin-left:-960px; margin-left:-1280px; }
.flexslider .slides li a { text-align: center;}
.flexslider .slides li a img { display: inline-block; width:100%; height:600px; }

/*°´Å¥µã*/
.flex-control-nav{width:100%;position:absolute;bottom:90px;text-align:center; z-index:88;}
.flex-control-nav li{display:inline-block;zoom:1;*display:inline; }
.flex-control-paging li a{ width: 19px; height:3px; background-color: #fff ; overflow: hidden; font-size: 0; cursor: pointer; margin: 0 9px; display: inline-block ;}
.flex-control-paging li a.flex-active{ width: 30px; opacity: 1; background-color: #235da8 ; }
.flex-prev{font-size: 0}
.flex-next{font-size: 0}
/* .flex-direction-nav{ width:100%;  position: absolute;left:0; top: 304px ;}
.flex-prev{ width: 58px; height: 58px; background: url(/Template/Pc/jyw/images/lt.png) no-repeat ;display: block ;position: absolute; left: 0;top: 0 ;z-index: 99;font-size: 0}
.flex-next{ width: 58px; height: 58px; background: url(/Template/Pc/jyw/images/rt.png) no-repeat ;display: block ;position: absolute; right: 0;top: 0 ;z-index: 99;font-size: 0}
.flex-prev:hover{ background: url(/Template/Pc/jyw/images/lt1.png) no-repeat ;}
.flex-next:hover{ background: url(/Template/Pc/jyw/images/rt1.png) no-repeat ;} */

.Notice-bj{ width: 100%; background-color: #fff;position: absolute; left: 0; top: -32px;z-index: 2;
     box-shadow: rgba(229, 122, 7, 0.2) 0 0 8px 3px}
.Notice-box{ width: 1200px; height: 65px; margin: 0 auto; overflow: hidden;}
.Notice-box .tiel{ width: 62px; height: 50px;float: left; overflow: hidden;}

.txtScroll-top{ width:1040px; height: 65px;float: left; margin-left: 21px;  overflow:hidden; position:relative; }
.txtScroll-top .bd{ overflow:hidden;  }
.txtScroll-top .bd ul{ overflow:hidden; }
.txtScroll-top .bd ul li{ width: 100%; height: 65px;}
.txtScroll-top .bd ul li h3{ width: 100%; height: 65px; line-height: 65px; text-align: left; overflow: hidden;}
.txtScroll-top .bd ul li h3 a{max-width: 900px; height: 65px; line-height: 65px; font-size: 16px; color: #383838 ;float: left; white-space: nowrap;text-overflow: ellipsis;  overflow: hidden;}
.txtScroll-top .bd ul li h3 span{font-size: 14px; color: #808080 ; margin-left: 50px}
.txtScroll-top .bd ul li h3 a:hover{text-decoration: underline}


.bka-bj{ width: 100% ; background-color: #fff ; position: relative;}
.bka-c{ width: 1200px; margin: 0 auto ;position: relative;}
.titel{ width: 100%;text-align: center; padding: 77px 0 0 0}
.titel h3{ line-height: 22px;font-size: 22px; color: #333 ;margin-bottom: 10px;}
.titel h4{ line-height: 16px;font-size: 16px; color: #a8a8a8}

.dynamics-box{ width: 100% ; padding: 59px 0 45px 0 ;}
.picScroll-left2{ width: 790px; height: 440px;float: left;}
.picScroll-left2 .bd{ width: 790px}
.picScroll-left2 .bd ul{ width: 820px}
.picScroll-left2 .bd ul li{ width: 380px; height: 438px;margin-right: 30px;float: left;}
.picScroll-left2 .bd ul li .tu-box{ width: 100%; height: 285px ; overflow: hidden;}
.picScroll-left2 .bd ul li .tu-box img{ width: 100% ; height: 100%;transition: all 1s;}
.picScroll-left2 .bd ul li .cent-b{width:334px;;padding: 0 22px; height: 153px;border: solid 1px #eee;border-top: none; overflow: hidden; }
.picScroll-left2 .bd ul li .cent-b h4{ width: 100%; font-size: 16px; color: #333 ; line-height: 24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;text-align: justify ;margin: 30px 0 26px 0; overflow: hidden;}
.picScroll-left2 .bd ul li .cent-b h5{ width: 100%; height: 16px; line-height: 16px;background: url(/Template/Pc/jyw/images/jt1.png) no-repeat right center;}
.picScroll-left2 .bd ul li .cent-b h5 span{display: inline-block; height: 16px; line-height: 16px;font-size: 16px; color: #3f4754 ; padding-left: 30px; background: url(/Template/Pc/jyw/images/time.png) no-repeat left center ;}
.picScroll-left2 .bd ul li:hover .cent-b{ background: -webkit-linear-gradient(left,#f79238,#e57a07);border-left: solid 1px #f79238;border-right: solid 1px #f79238;border-bottom: solid 1px #f79238;border-top: none; }
.picScroll-left2 .bd ul li:hover .cent-b h4{color: #fff}
.picScroll-left2 .bd ul li:hover .cent-b h5{background: url(/Template/Pc/jyw/images/jt2.png) no-repeat right center;}
.picScroll-left2 .bd ul li:hover .cent-b h5 span{color: #fff ; background: url(/Template/Pc/jyw/images/time2.png) no-repeat left center ;}
.picScroll-left2 .bd ul li:hover .tu-box img{transform: scale(1.1);}
.picScroll-left2 .bd ul li:hover{box-shadow: rgba(0, 0, 0, 0.15) 0 3px 8px 3px}

.new-box{ width: 358px; float: right ;margin-left: 30px}
.new-box ul{ width: 100% ; padding: 38px 0 0 0;}
.new-box ul li{ width: 100% ; margin-bottom: 61px; }
.new-box ul li a{width: 324px; display: block ; height: 80px ; padding-left: 33px; border-left: 1px solid #eee ; position: relative;}
.new-box ul li a h3{ width: 100% ; height: 20px; line-height: 20px; background: url(/Template/Pc/jyw/images/jt1.png) no-repeat right center; overflow: hidden;margin: 3px 0 11px 0}
.new-box ul li a h3 span{font-size: 16px; font-weight: bold ;color: #333 ;display: inline-block ;margin-right: 12px;}
.new-box ul li a h3 .new{display: inline-block}
.new-box ul li a p{ width: 100% ; height: 48px; font-size: 16px ;color: #333 ; line-height: 24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.new-box ul li a:hover p{color: #b16411}
.new-box ul li a:hover h3{background: url(/Template/Pc/jyw/images/jt3.png) no-repeat right center;}


.gd-box{ width: 100% ;text-align: center ;}
.gd-box a{ width: 122px; height: 33px;line-height: 33px;text-align: center; font-size: 14px; color: #7a7a7a ;text-transform: uppercase ; border: solid 1px #e5e5e5 ;display: inline-block ;}
.gd-box a:hover{border: solid 1px #e57a07 ;color: #e57a07}
.pad200{ padding-bottom: 200px;}

.lam-box{ width: 100% ; position: absolute; left: 0;bottom: -92px}
.lam-box ul{ width: 1230px;}
.lam-box ul li{ width: 218px; height: 198px;border: solid 1px #eee ;position: relative;margin-right: 25px;float: left; box-shadow: rgba(0, 0, 0, 0.05) 0 7px 6px 2px}
.lam-box ul li a{ width: 100%; height: 198px;display: block ;background-color: #fff ; overflow: hidden;}
.lam-box ul li a i{ width: 60px; height: 2px; background-color: #e57a07 ;display: block; position: absolute; left: 80px;top: 0}
.lam-box ul li a .ico{ position: absolute; left: 50%; margin-left: -20px;top: 45px;}
.lam-box ul li a .ico2{display: none}
.lam-box ul li a h3{ width: 100% ; height: 20px ;line-height: 20px;text-align: center; font-size: 18px; color: #333 ;margin: 106px 0 10px 0; overflow: hidden;}
.lam-box ul li a h4{ width: 100% ; height: 16px ;line-height:16px;text-align: center; font-size: 14px; color: #c6c6c6 ;overflow: hidden;}
.lam-box ul li span{ width: 16px; height: 11px;display: block ;background: url(/Template/Pc/jyw/images/dbz.png) no-repeat; position: absolute; left: 103px;;bottom: -33px ;display: none}
.lam-box ul li:hover{border: solid 1px #face9e ; box-shadow: rgba(0, 0, 0, 0) 0 7px 6px 2px}
.lam-box ul li:hover a i{display: none}
.lam-box ul li:hover a .ico2{display: block}
.lam-box ul li:hover a .ico1{display: none}
.lam-box ul li:hover a{border-bottom: 5px solid #e57a07}
.lam-box ul li:hover span{display: block}





.bkb-bj{ width: 100% ; height: 1246px; background: url(/Template/Pc/jyw/images/bka-bj.jpg) no-repeat center center; overflow: hidden;}
.bkb-c{ width: 1200px;  margin: 0 auto;}
.ment-style{ width: 100% ;position: relative; margin: 193px 0 74px 0; overflow: hidden;}
.mt-l{ width: 666px ;height: 500px;float: left; position: relative; overflow: hidden;}
.mt-r{ width: 560px; height: 500px; position: absolute;right: 0;top: 0; overflow: hidden;}
.mt-l .mv-box{ width: 666px ;height: 500px; overflow: hidden;}
.mt-l img{ width: 100% ;height: 100% ;object-fit: cover ;transition: all 1s;}
.mt-l .zhe{ width: 100% ;height: 90px; line-height: 90px;text-align: center;position: absolute; left: 0;bottom: 0; overflow: hidden;}
.mt-l .zhe h3{font-size: 18px; color: #fff}
.mt-l:hover img{transform: scale(1.1);}

.tit{ width: 493px; height: 60px;position: relative;padding-left: 68px;}
.tit a{font-size: 14px; color: #7a7a7a ;line-height: 14px; text-transform: uppercase; position: absolute; right: 0 ;top: 25px}
.tit h3{ height: 60px;line-height: 60px; font-size: 22px;color: #333 ; }
.tit h3 span{font-size: 14px; color: #a8a8a8 ;font-weight: normal ;padding-left: 5px;}
.tit a:hover{color: #e57a07}

.fc-bj{ width: 100% ; overflow: hidden;}
.fcbox{ width: 280px; height: 210px;float: left; position: relative; overflow: hidden;}
.fcbox .mv-box{ width: 280px; height: 210px;overflow: hidden;}
.fcbox .mv-box img{ width: 100% ;height: 100% ;object-fit: cover ;transition: all 1s;}
.fcbox .zhe{ width: 100% ;height: 210px;display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.3) ; text-align: center;position: absolute; left: 0;bottom: 0; overflow: hidden;}
.fcbox .zhe h3{ width: 86%;margin: 0 auto; font-size: 16px; color: #fff}
.dhamt:hover img{transform: scale(1.1);}
.stly2 .zhe{opacity: 0;}
.stly2:hover .zhe{background-color: #fff ;opacity: 1;}
.stly2:hover .zhe h3{color: #333}


.Innovation-box{ width: 100% ; overflow: hidden;}
.int-l{ width: 420px; height: 413px; background: url(/Template/Pc/jyw/images/ka.jpg) no-repeat top center;float: left; overflow: hidden;}
.int-l h3{ height: 26px;line-height: 26px; background: url(/Template/Pc/jyw/images/ico8.png) no-repeat left center;font-size: 24px;color: #fff;padding-left: 42px;margin: 34px 0 8px 21px}
.int-l h4{line-height: 16px; font-size: 16px; color: #fff ;opacity: 0.5; text-transform: uppercase ;margin: 0 0 0 21px}

.picScroll-left5{ width: 100%;margin-top: 22px; }
.picScroll-left5 .bd{ width: 100%; }
.picScroll-left5 .bd ul li{ width: 100%; height: 308px; background: url(/Template/Pc/jyw/images/bb.jpg) no-repeat bottom right;  overflow: hidden;}
.picScroll-left5 .bd ul li a{width:380px; margin: 0 auto;display: block ;overflow: hidden;}
.picScroll-left5 .bd ul li img{width: 100%; height: 285px;transition: all 1s;box-shadow: rgba(0, 0, 0, 0.15) 0 3px 8px 3px}
.picScroll-left5 .bd ul li:hover img{transform: scale(1.1);} 

.int-r{ width: 746px;float: right; overflow: hidden;}
.tit-box2{ width: 100% ; height: 35px; border-bottom: 1px solid #dcdcdc ;position: relative;}
.tit-box2 h4{font-size: 18px; color: #333 ;float: left;margin-right: 36px;cursor: pointer;}
.tit-box2 h4.on{color: #e57a07}
.tit-box2 a{font-size: 14px; color: #7a7a7a ;text-transform: uppercase ;position: absolute; right: 0;top: 4px}


.xwk{width: 100%; }
.xwk ul{ width: 100% ;}
.xwk ul li{ width: 100%; border-bottom: 1px dashed #d2d2d2; position: relative;padding: 10px 0; overflow: hidden;  }
.xwk ul li a{ width: 100%; height: 105px; display: block ;}
.xwk ul li a .tub{width: 140px; height: 105px;float: left;}
.xwk ul li a img{width: 100%; height: 100%;object-fit: cover }
.xwk ul li a .new-r{ width: 559px; height: 105px; float: right; padding: 0 18px;}
.xwk ul li a h4{ width: 500px; height: 20px; line-height: 20px ;background: url(/Template/Pc/jyw/images/time.png) no-repeat left center; padding-left: 31px;font-size: 16px; color: #797979 ; overflow: hidden;margin-top: 13px;}
.xwk ul li a h3{ width: 100%; height: 20px; line-height: 20px; font-size: 16px;color: #333 ;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1; margin: 9px 0 8px 0; overflow: hidden;}
.xwk ul li a p{ width: 100%; height:20px; line-height: 20px; font-size: 14px; color: #999 ;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden;}
.xwk ul li:hover a h3{color: #b16411}
.xwk ul li:hover a .new-r{ border-left: solid 1px #eaeaea;background-color: #f9f9f9 }
.xwk ul li.noa .new-r{ width:710px}
.xwk ul li.noa .tub{display: none}


.bkc-bj{width: 100% ; height: 240px;background-color: #f8f8f8 ; overflow: hidden;}
.bkc-c{ width: 1200px; margin: 0 auto;}
.links-box{ width: 159px; float: left;}
.links-box h4{font-size: 20px; line-height: 20px;color: #333 ;margin: 98px 0 9px 0}
.links-box h5{font-size: 14px; line-height: 14px;color: #7a7a7a ;}
.picScroll-left6{ width: 1041px; float: right ;margin-top: 53px; overflow: hidden;}
.picScroll-left6 .bd{ width: 1041px}
.picScroll-left6 .bd ul{ width: 1072px}
.picScroll-left6 .bd ul li{ width: 248px; height: 130px;float: left;margin: 0 16px 0 0 ; overflow: hidden;}
.picScroll-left6 .bd ul li img{width: 248px; height: 130px;}
.picScroll-left6 .hd{display: none}