/*banner start*/
.xj_banner{width: 100%;height: auto;}
.xj_banner img{width: 100%;height: auto;display: block;}
/*banner end*/
/*content start*/
.content{width: 100%;height: auto;padding-bottom:80px;display: table;}
.xj_featured_box{width: 100%;height: auto;padding-top: 80px;}
.xj_index_title{width: 100%;height: auto;}
.xj_index_title h2{font-size: 36px;color: #333333;text-align: center;}
.xj_index_title span{display: block;width: 301px;height: auto;margin: 0px auto;margin-top: 5px;}
.xj_index_title span img{width: 100%;height: auto;}
.xj_featured_ul{width: 100%;height: auto;margin-top: 30px;}
.xj_featured_ul li{width: 297px;height: auto;position: relative;float: left;margin-top: 6px;margin-left: 4px;cursor: pointer;}
.xj_featured_ul li:nth-of-type(4n+1){margin-left: 0px;}
.xj_featured_ul_top{width: 100%;height: auto;position: relative;}
.xj_featured_ul_top img{width: 100%;height: auto;display: block;}
.xj_featured_ul_top h2{font-size: 18px;color: #FFFFFF;text-align: center;line-height: 314px;position: absolute;display: block;width: 100%;height: 100%;left: 0px;top: 0px;}
.xj_featured_bottom{width: 100%;height: auto;position: absolute;top: 0px;left: 0px;opacity: 0;transition: all 0.6s;}
.xj_featured_bottom img{width: 100%;height: auto;display: block;}
.xj_featured_bottom_txt{width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;}
.xj_featured_bottom_txt h2{font-size: 18px;color: #333333;text-align: center;margin-top: 60px;margin-bottom: 25px;}
.xj_featured_bottom_txt p{font-size: 16px;color: #333333;line-height: 30px;text-align: center;}
.xj_featured_bottom_txt span{display: block;width: 118px;text-align: center;color: #e25222;border-bottom: 1px solid #e25222;margin: 0px auto;margin-top: 15px;padding-bottom: 5px;}
.xj_featured_ul li:hover .xj_featured_bottom{opacity: 1;}
.xj_featured_bottom_txt span a{display: block;width: 100%;text-align: center;color: #e25222;}
.xj_index_services_box{width: 100%;height: auto;padding-top: 80px;clear: both;}
.xj_index_services_btn_box{width: 100%;height: auto;padding-bottom: 12px;border-bottom: 2px solid #f15a28;margin-top: 30px;display: table;}
.xj_index_services_btn_ul{width: 100%;height: auto;}
.xj_index_services_btn_ul li{width: 150px;height: 42px;text-align: center;line-height: 42px;color: #828282;float: left;margin-left: 25px;position: relative;cursor: pointer;}
.xj_index_services_btn_ul li:nth-of-type(1){margin-left: 0px;}
.xj_index_services_btn_ul li.on{background: #f15a28;color: #FFFFFF;}
.xj_index_services_btn_ul li a{color: #828282;display: block;width: 100%;height: 100%;}
.xj_index_services_btn_ul li.on:after{content: "";width: 12px;height: 12px;background: #f15a28;border-radius: 50%;position: absolute;left: 50%;margin-left: -6px;bottom: -19px;}
.xj_index_services_btn_ul li.on a{color: #FFFFFF;}
.xj_index_services_content{width: 100%;height: auto;margin-top: 5px;display: table;}
.xj_index_services_content_list{width: 100%;height: auto;display: none;}
.xj_index_services_content_list_ul li{position: relative;width: 296px;height: auto;float: left;margin-left: 5px;margin-top: 8px;cursor: pointer;}
.xj_index_services_content_list_ul li:nth-of-type(1){width: 598px;height: auto;margin-left: 0px;}
.xj_index_services_content_list_ul li:nth-of-type(4){clear: both;margin-left: 0px;}
.xj_index_services_content_list_ul li img{width: 100%;height: auto;display: block;}
.xj_index_services_content_list_ul_div1{width: 512px;height: auto;margin: 0px auto;position: absolute;left: 50%;margin-left: -256px;top: 44px;}
.xj_index_services_content_list_ul_div1 h2{font-size: 20px;color: #FFFFFF;}
.xj_index_services_content_list_ul_div1 p{color: #FFFFFF;font-size: 16px;line-height: 24px;margin-top: 20px;}
.xj_index_services_content_list_ul_div1 a{display: block;width: 110px;height: 36px;background: #f15a28;text-align: center;line-height: 36px;color: #FFFFFF;float: right;margin-top: 20px;clear: both;}
.xj_index_services_content_list_ul_div_img{width: 100%;height: auto;position: relative;overflow: hidden;}
.xj_index_services_content_list_ul_div2{width: 100%;height: 100%;position: absolute;left: 0px;background: rgba(0,0,0,0.5);top: 100%;transition: all 0.6s;}
.xj_index_services_content_list_ul li:hover .xj_index_services_content_list_ul_div2{top: 0px;}
.xj_index_services_content_list_ul_div2 a{display: block;width: 80px;height: auto;padding-bottom: 8px;border-bottom: 1px solid #ff6330;color: #ff6330; text-align: center;margin: 0px auto;margin-top: 52px;}
.xj_index_services_content_list_ul_div_txt{width: 100%;height: auto;}
.xj_index_services_content_list_ul_div_txt h2{font-size: 20px;color: #333333;text-align: center;margin-top: 20px;}
.xj_index_services_content_list_ul_div_txt p{font-size: 16px;color: #333333;text-align: justify;line-height: 24px;display: block;width: 92%;margin:0px auto; margin-top: 10px;}
.xj_contact_us_box{width: 100%;height: auto;padding-top: 80px;display: table;}
.xj_contact_us_ul{width: 100%;height: auto;margin-top: 30px;}
.xj_contact_us_ul li{width: 296px;height: auto;margin-left: 5px;padding-bottom: 25px;float: left;}
.xj_contact_us_ul li:hover{box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.35);}
.xj_contact_us_ul li img{width: 100%;height: auto;display: block;}
.xj_contact_us_ul_div_top{width: 100%;height: auto;position: relative;}
.xj_contact_us_ul_div_top h2{font-size: 20px;color: #FFFFFF;text-align: center;line-height: 169px;display: block;width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;}
.xj_contact_us_ul_div_bottom{width: 100%;height: auto;}
.xj_contact_us_ul_div_bottom h2{font-size: 16px;color: #333333;text-align: center;margin-top: 20px;display: block;height: 40px;}
.xj_contact_us_ul_div_bottom a{display: block;width: 110px;height: 36px;text-align: center;line-height: 36px;color: #FFFFFF;margin: 0px auto;margin-top: 23px;background: #f15a28;}
.xj_contact_us_ul li:nth-of-type(1){margin-left: 0px;}
.index_about_box{width: 100%;height: 398px;background-image: url(../images/index_about_bg.png);background-repeat: no-repeat;background-size: 100% 398px;background-position-x: center;background-position-y: center;margin-top: 80px;position: relative;}
.xj_index_titles{width: 100%;height: auto;padding-top: 80px;}
.xj_index_titles h2{font-size: 36px;color: #FFFFFF;text-align: center;}
.xj_index_titles span{display: block;width: 101px;height: 4px;background: #f15a28;margin: 0px auto;margin-top: 5px;}
.xj_index_titles p{font-size: 18px;color: #FFFFFF;text-align: center;margin-top: 20px;}
.index_about_ul{width: 100%;height: auto;margin-top: 42px;}
.index_about_ul li{float: left;margin-left: 69px;}
.index_about_ul li:nth-of-type(1){margin-left: 0px;}
.index_about_ul li img{width: 41px;height: auto;display: block;float: left;margin-top: 6px;}
.index_about_ul li h2{font-size: 24px;color: #FFFFFF;font-weight: bold;text-align: center;margin-left: 15px;float: left;display: block;}
.index_about_ul li h2 span{display: block;font-size: 18px;color: #FFFFFF;font-weight: normal;}
.index_about_uls{width: 1200px;height: auto;position: absolute;left: 50%;margin-left: -600px;bottom: -50px;}
.index_about_uls li{width: 290px;height: 113px;background: #FFFFFF;box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.35);float: left;margin-left: 13px;}
.index_about_uls li:nth-of-type(1){margin-left: 0px;}
.index_about_uls li h2{font-size: 20px;color: #f0793f;text-align: center;margin-top: 21px;}
.index_about_uls li p{font-size: 16px;color: #333333;text-align: center;margin-top: 10px;}
.index_about_uls li:hover{background: #0068b7;}
.index_about_uls li:hover p{color: #FFFFFF;}
.xj_index_server_box{width: 100%;height: auto;margin-top: 130px;}
.xj_index_server_content{width: 100%;height: auto;margin-top: 30px;}
.xj_index_server_content_left{width: 559px;height: auto;float: left;}
.xj_index_server_content_left img{width: 100%;height: auto;display: block;}
.xj_index_server_content_right{width: 600px;height: auto;float: right;}
.xj_index_server_content_right_ul{width: 100%;height: auto;}
.xj_index_server_content_right_ul li{width: 100%;height: auto;margin-top: 40px;}
.xj_index_server_content_right_ul li:nth-of-type(1){margin-top: 0px;}
.xj_index_server_content_right_ul li h2{display: block;width: 95%;padding-left: 5%;height: 55px;background: #1c76b5;font-size: 22px;color: #FFFFFF;line-height: 55px;}
.xj_index_server_content_right_ul li p{font-size: 16px;color: #036eb2;display: block;width: 95%;padding-left: 5%;margin-top: 15px;}
.xj_index_server_content_right_ul li p span{color: #f6150a;}
.xj_index_server_content_right_ul li a{display: block;width: 110px;height: 36px;background: #f15a28;margin-top: 54px;text-align: center;line-height: 36px;color: #FFFFFF;}
.index_laboratory_box{width: 100%;height: auto;padding-top: 0px;clear: both;}
.index_laboratory_content{width: 100%;height: auto;padding-top: 30px;position: relative;}
.index_laboratory_content_sw{width: 100%;height: auto;}
.index_laboratory_content_sw img{width: 100%;height: auto;display: block;}
.index_laboratory_content_sw_right{width: 33px;height: 37px;background: url(../images/index_laboratory_right.png) no-repeat center center;background-size: 33px 37px;right: -43px;}
.index_laboratory_content_sw_left{width: 33px;height: 37px;background: url(../images/index_laboratory_left.png) no-repeat center center;background-size: 33px 37px;left: -43px;}
.index_process_box{width: 100%;height: auto;margin-top: 80px;}
.index_process_ul{width: 100%;height: auto;margin-top: 30px;}
.index_process_ul li{width: 167px;height: auto;float: left;margin-left: 177px;position: relative;}
.index_process_ul li:after{content: "";width: 20px;height: 34px;background: url(../images/index_process_icon.png) no-repeat center center;background-size: 20px 34px;position: absolute;right: -96px;top: 50%;margin-top: -17px;}
.index_process_ul li:nth-of-type(1){margin-left: 0px;}
.index_process_ul li img{width: 100%;height: auto;display: block;}
.index_process_ul li:nth-last-of-type(1):after{display: none;}
/*content end*/