.ju_box{width: 100%;max-width: 1920px; margin: 0 auto; overflow: hidden;}
*,body{margin: 0; padding: 0px; font-family: '微软雅黑';}
li{list-style: none;}
.clearboth{ clear:both}
.ju_head{ width: 100%; height: 264px; margin:0 auto; background: #fff;}
.ju_head_top{ width: 100%; margin: 0 auto;}
.ju_head_top_c{ width: 685px; height: 44px; margin: 0 auto; }
.ju_head_top_cL{ width: 475px; float: left;}
.ju_head_top_cL p{ font-size: 18px; color: #4b4b4b; line-height: 44px; text-align: left;}
.ju_head_top_cR{ width: 210px; float: left;}
.ju_head_top_cR span{ font-size: 25px; font-weight: bold; color: #ff421d; line-height: 44px; text-align: left;}
.ju_head_top_cR img{ width: 28px; height: 28px;display: block; float: left; margin-top: 8px; margin-right: 10px;}
.ju_head_c{ width: 1200px; height: 163px; text-align: center; margin: 0 auto}
.ju_head_c img{ width: 242px; height: 87px; display: block; margin:0 auto; padding-top: 34px;}
.ju_head_nav{ width: 1200px; height: 57px; margin: 0 auto; background: #fff; position: relative;}
/*.ju_pro{ width: 195px; height: 57px; float: left; text-align: center;}
.ju_pro a{ width: 195px; height: 57px; float: left; display: block; line-height: 57px; color: #fff; text-decoration: none; background: url(images/navbg_03.jpg); background-size: 100% 100%; font-size: 26px;letter-spacing: 1px;}*/
.ju_nav{ width: 1200px; height: 57px; float: left;}
.ju_nav li{ width: 171px; height: 57px; float: left; list-style: none; line-height: 57px;}
.ju_nav li a{color: #1e191b;width: 171px; height: 57px; display: block; text-align: center; font-size: 26px; text-decoration: none; letter-spacing: 1px;}
.ju_nav li a:hover{ color: #fff;background: url(images/navbg_03.jpg); background-size: 100% 100%; transition:all 0.2s ease;}
.ju_nav li a.on{color: #fff;background: url(images/navbg_03.jpg); background-size: 100% 100%; transition:all 0.2s ease;}
.ju_head_nav_box{ width: 692px; height: 618px; position: absolute; left: 0px; top: 57px; z-index: 99; display:none }
.ju_head_nav_boxL{width: 171px; height: 618px; background: rgba(0,0,0,0.6); float: left; overflow: hidden; }
.ju_head_nav_boxL ul{ width: 100%; float: left;}
.ju_head_nav_boxL ul li{ cursor: pointer; width: 171px; height: 40px; line-height: 42px; text-align: left; padding-left: 56px; font-size: 19px; color: #fff; float: left; overflow: hidden;}
.ju_head_nav_boxL ul li:nth-child(1){ background: url(images/nav1.png) no-repeat; background-size: 32px 32px; background-position: 20px 4px;}
.ju_head_nav_boxL ul li:nth-child(2){ background: url(images/nav2.png) no-repeat; background-size: 32px 32px; background-position: 20px 4px;}
.ju_head_nav_boxL ul li:nth-child(3){ background: url(images/nav3.png) no-repeat; background-size: 32px 32px; background-position: 20px 4px;}
.ju_head_nav_boxL ul li:nth-child(4){ background: url(images/nav4.png) no-repeat; background-size: 30px 30px; background-position: 20px 8px;}
.ju_head_nav_boxL ul li:nth-child(5){ background: url(images/nav5.png) no-repeat; background-size: 32px 32px; background-position: 20px 4px;}
.ju_head_nav_boxL ul li:nth-child(6){ background: url(images/nav6.png) no-repeat; background-size: 32px 32px; background-position: 20px 4px;}
.ju_head_nav_boxL ul li:nth-child(7){ background: url(images/nav7.png) no-repeat; background-size: 30px 30px; background-position: 20px 4px;}
.ju_head_nav_boxL ul li:nth-child(8){ background: url(images/nav8.png) no-repeat; background-size: 32px 32px; background-position: 20px 4px;}
.ju_head_nav_boxL ul li:nth-child(9){ background: url(images/nav9.png) no-repeat; background-size: 32px 32px; background-position: 20px 4px;}
.ju_head_nav_boxL ul li:nth-child(10){ background: url(images/nav10.png) no-repeat; background-size: 32px 32px; background-position: 20px 4px;}
.ju_head_nav_boxL ul li:nth-child(11){ background: url(images/nav11.png) no-repeat; background-size: 32px 32px; background-position: 20px 4px;}
.ju_head_nav_boxL ul li:nth-child(12){ background: url(images/nav12.png) no-repeat; background-size: 32px 32px; background-position: 20px 4px;}
.ju_head_nav_boxL ul li:nth-child(13){ background: url(images/nav13.png) no-repeat; background-size: 32px 32px; background-position: 20px 4px;}
.ju_head_nav_boxL ul li:nth-child(14){ background: url(images/nav14.png) no-repeat; background-size: 32px 32px; background-position: 20px 4px;}
.ju_head_nav_boxL ul li:nth-child(15){ background: url(images/nav15.png) no-repeat; background-size: 32px 32px; background-position: 20px 4px;}
.ju_head_nav_boxL ul li:nth-child(1).ac{ background-image: url(images/nav1.png),url(images/navb_03.png); background-repeat: no-repeat, no-repeat; background-size: 32px 32px,22px 46px;background-position: 20px 4px, 150px -2px; background-color: #ff411d;}
.ju_head_nav_boxL ul li:nth-child(2).ac{ background-image: url(images/nav2.png),url(images/navb_03.png); background-repeat: no-repeat, no-repeat; background-size: 32px 32px,22px 46px;background-position: 20px 4px, 150px -2px; background-color: #ff411d}
.ju_head_nav_boxL ul li:nth-child(3).ac{ background-image: url(images/nav3.png),url(images/navb_03.png); background-repeat: no-repeat, no-repeat; background-size: 32px 32px,22px 46px;background-position: 20px 4px, 150px -2px; background-color: #ff411d}
.ju_head_nav_boxL ul li:nth-child(4).ac{ background-image: url(images/nav4.png),url(images/navb_03.png); background-repeat: no-repeat, no-repeat; background-size: 30px 30px,22px 46px;background-position: 20px 8px, 150px -2px; background-color: #ff411d}
.ju_head_nav_boxL ul li:nth-child(5).ac{ background-image: url(images/nav5.png),url(images/navb_03.png); background-repeat: no-repeat, no-repeat; background-size: 32px 32px,22px 46px;background-position: 20px 4px, 150px -2px; background-color: #ff411d}
.ju_head_nav_boxL ul li:nth-child(6).ac{ background-image: url(images/nav6.png),url(images/navb_03.png); background-repeat: no-repeat, no-repeat; background-size: 32px 32px,22px 46px;background-position: 20px 4px, 150px -2px; background-color: #ff411d}
.ju_head_nav_boxL ul li:nth-child(7).ac{ background-image: url(images/nav7.png),url(images/navb_03.png); background-repeat: no-repeat, no-repeat; background-size: 30px 30px,22px 46px;background-position: 20px 4px, 150px -2px; background-color: #ff411d}
.ju_head_nav_boxL ul li:nth-child(8).ac{ background-image: url(images/nav8.png),url(images/navb_03.png); background-repeat: no-repeat, no-repeat; background-size: 32px 32px,22px 46px;background-position: 20px 4px, 150px -2px; background-color: #ff411d}
.ju_head_nav_boxL ul li:nth-child(9).ac{ background-image: url(images/nav9.png),url(images/navb_03.png); background-repeat: no-repeat, no-repeat; background-size: 32px 32px,22px 46px;background-position: 20px 4px, 150px -2px; background-color: #ff411d}
.ju_head_nav_boxL ul li:nth-child(10).ac{ background-image: url(images/nav10.png),url(images/navb_03.png); background-repeat: no-repeat, no-repeat; background-size: 32px 32px,22px 46px;background-position: 20px 4px, 150px -2px; background-color: #ff411d}
.ju_head_nav_boxL ul li:nth-child(11).ac{ background-image: url(images/nav11.png),url(images/navb_03.png); background-repeat: no-repeat, no-repeat; background-size: 32px 32px,22px 46px;background-position: 20px 4px, 150px -2px; background-color: #ff411d}
.ju_head_nav_boxL ul li:nth-child(12).ac{ background-image: url(images/nav12.png),url(images/navb_03.png); background-repeat: no-repeat, no-repeat; background-size: 32px 32px,22px 46px;background-position: 20px 4px, 150px -2px; background-color: #ff411d}
.ju_head_nav_boxL ul li:nth-child(13).ac{ background-image: url(images/nav13.png),url(images/navb_03.png); background-repeat: no-repeat, no-repeat; background-size: 32px 32px,22px 46px;background-position: 20px 4px, 150px -2px; background-color: #ff411d}
.ju_head_nav_boxL ul li:nth-child(14).ac{ background-image: url(images/nav14.png),url(images/navb_03.png); background-repeat: no-repeat, no-repeat; background-size: 32px 32px,22px 46px;background-position: 20px 4px, 150px -2px; background-color: #ff411d}
.ju_head_nav_boxL ul li:nth-child(15).ac{ background-image: url(images/nav15.png),url(images/navb_03.png); background-repeat: no-repeat, no-repeat; background-size: 32px 32px,22px 46px;background-position: 20px 4px, 150px -2px; background-color: #ff411d}
.ju_head_nav_boxR{ width: 497px; height: 618px;  float: left; overflow: hidden;}
.ju_head_nav_boxR .ju_head_nav_boxR_item{ width: 497px; height: 618px; display: none;  background: rgba(255,255,255,0.9);}
.ju_head_nav_boxR_item p{ display: block; float: left; margin-left: 23px; width: 142px; padding-bottom: 11px; padding-top: 11px;}
.ju_head_nav_boxR_item p a{  color: #2c2727; font-size: 16.5px;  padding: 5px;}
.ju_head_nav_boxR_item p a:hover{  color: #fff; background: #ff411d; transition:all 0.3s ease;}
.ju_banner{ width: 100%; height: 618px; margin: 0 auto; position: relative;}
.ju_banner img{ width: 1920px; height: 618px; display: block; position: absolute; left: 50%; margin-left: -960px; top: 0px;}
.ju_hot_pro{ width: 100%; height: 463px; background: url(images/bg_1.jpg) no-repeat top;}
.ju_hot_pro ul{ width: 1200px; margin: 0 auto; padding-top: 175px;}
.ju_hot_pro ul li{ width: 153px; height: 60px; float: left; text-align: center; line-height: 60px; list-style: none; background: url(images/a.png); background-size: 100% 100%; margin-bottom: 25px; margin-left: 20px;}
.ju_hot_pro ul li:nth-child(1),.ju_hot_pro ul li:nth-child(8),.ju_hot_pro ul li:nth-child(15){ margin-left: 0px;}
.ju_hot_pro ul li a{ width: 153px; height: 60px; display: block; font-size: 21px;color: #fff; text-decoration: none; letter-spacing: 1px;}
.ju_hot_pro ul li:hover{ background: url(images/b.png);background-size: 100% 100%;transition:all 0.3s ease;}
.ju_hot_pro ul li:hover a{ color: #ff411d; transition:all 0.3s ease;}
.ju_content{ width: 1200px; height: 662px; margin: 0 auto;}
.ju_content_tab{ width: 784px; height: 96px; float: left; margin-left: 208px;margin-top: 50px;}
.ju_content_tab li{ cursor: pointer; width: 196px;  float: left; font-size: 30px; color: #1e191b; text-align: center; letter-spacing: 2px; background: url(images/sx_03.jpg) no-repeat; background-position: 0px 7px;}
.ju_content_tab li:nth-child(1){ background: none}
.ju_content_tab li.ac{ color: #ff411d; font-weight: bold;}
.ju_content_tab_c{ width: 1200px; height: 566px; float: left; border-radius: 6px; overflow: hidden;}
.ju_content_tab_c_item{ width: 1200px; height: 566px; float: left;}
#ju_content_case-container{ width: 100%; float: left;}
#ju_content_case-pagination{ text-align: right; width: 99%; bottom: 18px;}
#ju_content_environment-pagination{text-align: right; width: 99%; bottom: 18px;}
#ju_content_public_welfare-pagination{ text-align: right; width: 99%; bottom: 40px;}
#ju_content_case-pagination .swiper-pagination-bullet,#ju_content_environment-pagination .swiper-pagination-bullet,#ju_content_public_welfare-pagination .swiper-pagination-bullet{ width: 12px; height: 12px; background: #fff; opacity: 0.5; margin: 0 5px; }
#ju_content_case-pagination .swiper-pagination-bullet-active,#ju_content_environment-pagination .swiper-pagination-bullet-active,#ju_content_public_welfare-pagination .swiper-pagination-bullet-active{ background: #fff;opacity: 1;}
.dplayer .dplayer-controller{ display: none;}
.ju_footer{ width: 100%; height: 285px; margin:0 auto; margin-top: 50px; border-top:5px solid #ff421d;}
.ju_footer_x{ width: 100%; height: 1px; background: #ffb0c0 }
.ju_footer_c{ width: 1200px; margin: 0 auto;}
.ju_footer_cL{ width: 514px;height: 219px; float: left; border-right: 2px solid #a2a2a2; margin-top: 32px;}
.ju_footer_cL_logo{ width: 514px; float: left;}
.ju_footer_cL_logo img{ width: 393px; height: 60px; float: left; margin-top: 20px;}
.ju_footer_cL_time{ width: 514px; float: left; margin-top: 35px;}
.ju_footer_cL_time img{ width:35px; height: 31px; display: block;float: left;margin-top: 5px; margin-right: 5px;}
.ju_footer_cL_time span{ font-size: 28px; color: #000; float: left;letter-spacing: 1px;}
.ju_footer_cL_time span em{font-style: normal; color: #272323; font-size: 22px; letter-spacing: 1px;}
.ju_footer_cL_tel{ width: 514px; float: left;margin-top: 10px;}
.ju_footer_cL_tel img{ width:26px; height: 27px; display: block;float: left;margin-top: 7px; margin-right: 5px;margin-left: 5px; }
.ju_footer_cL_tel span{font-size: 28px; color: #000; float: left;letter-spacing: 1px;}
.ju_footer_cL_tel span em{font-weight: normal; font-style: normal; color: #272323; font-size: 22px;letter-spacing: 1px;}
.ju_footer_cR{ width: 573px;height: 219px; float: left; margin-left: 109px; margin-top: 32px;}
.ju_footer_cR_map{ width: 573px; float: left; margin-top: 35px;}
.ju_footer_cR_map img{ width:35px; height: 31px; display: block;float: left;margin-top: 7px; margin-right: 5px;}
.ju_footer_cR_map span{ font-size: 28px; font-weight: bold; color: #272323; float: left;letter-spacing: 1px;}
.ju_footer_cR_map_word{ width: 573px; float: left;}
.ju_footer_cR_map_word p{color: #000; font-size: 26px; letter-spacing: 1px; padding-top: 15px; padding-bottom: 27px;}
.ju_footer_cR_map_word{ width: 573px; float: left;}
.ju_footer_cR_copy p{color: #272323; font-size: 17px; letter-spacing: 1px; line-height: 28px;}
.ju_float_right{position: fixed; right: 0px; top: 30%; z-index: 11;}
.ju_float_right ul{width: 65px; }
.ju_float_right ul li{ width: 65px; height: 58px; float: left; background-color: #ff411d; text-align: center; margin-bottom: 3px; cursor: pointer; position: relative; }
.ju_float_right ul li img{ display: inline-block; width: 30px; margin-top: 5px;}
.ju_float_right ul li span{ color: #fff; display: block; font-size: 14px; line-height: 14px; margin-bottom: 5px;}
/*.ju_float_right ul li:nth-child(5){ background-color: #262222}*/
.ju_right_wechat{width: 120px; height: 120px; position: absolute; left: -125px; top: -35px; display: none}
.ju_right_wechat img{ width: 100% !important; height: auto;}
.ju_float_right ul li:nth-child(3):hover .ju_right_wechat{ display: block; }
.ju_right_tel{width: 260px; height: 58px; text-align: left; position: absolute; /*left: -180px;*/left: 0px; top: 0px; background-color: #ff411d;}
.ju_right_tel span{ margin-left: 19px;}
.ju_right_tel img{ margin-left: 18px;}
.ju_right_tel b{ display: block; width: 150px; float: left; font-size: 18px; color: #fff; line-height: 58px;}
.ju_right_tel .ju_right_tel_lefticon{ display: block; width: 65px; height: 65px; float: left;}
.ju_right_map{width: 450px; height: 58px; text-align: left; position: absolute; left: 0px; top: 0px; background-color: #ff411d;}
.ju_right_map span{ margin-left: 19px;}
.ju_right_map img{ margin-left: 18px;}
.ju_right_map b{ display: block; width: 320px; float: left; font-size: 17px; color: #fff; line-height: 58px;}
.ju_right_map .ju_right_map_lefticon{ display: block; width: 65px; height: 65px; float: left;}