.all_container{width: 100%; height: auto; background-color: #ffffff} .common_head{width: 100%; height: 145px; background: no-repeat ; background-size: 100% 100%;z-index: 99; position: absolute;top: 0} .main_head{width: 1200px; margin: 0 auto; height: 145px;position: relative} .logo{float: left; margin-top: 43px;} .h{float: right;padding-top: 17px;} .head_pp{ color: #0075c2; font-size: 12px; position:absolute;top: 75px;left: 265px;} .head_pp img{ float: left; margin-top: 4px;margin-right: 3px; } .head_new_logo{ float: left;position:absolute;top: 90px;left: 265px;} .head_phone{color: #fff; font-size: 20px;position: absolute; right: 0; top: 40px; text-align: right} .head_phone p:nth-child(2){font-size:16px;display:none;} .nav_common{width: 100%; position: absolute; top: 145px; ;z-index: 99;background-color: #fff;box-shadow:0 2px 2px #e5e5e5} .nav_common_main{width: 1200px; height: 55px; line-height: 55px; margin: 0 auto;} .nav_common_main ul li{float: left; color: #333;width: 125px;text-align: center; font-size: 16px; transition: all ease 0.3s} .nav_common_main ul li a{display: block; width: 100%; height: 100%;color: #333; transition: all ease 0.3s} .nav_common_main ul li:hover{color: #fff !important; background-color: #6eafe5; transition: all ease 0.3s} .nav_common_main ul li:hover a{ color: #fff !important; transition: all ease 0.3s} .nav_common_main_act{color: #fff !important; background-color: #6eafe5; transition: all ease 0.3s} .nav_common_main_act a{ color: #fff !important; transition: all ease 0.3s} .common_banner{ width: 100%; margin-top: 200px;} .common_banner img{width:100%} .common_content{width: 100%;background-color: #ffffff; height: auto;float: left} .main_content{width:1200px;background-color: #fff; height: auto;margin: 0 auto} .foot{width: 100%; height: 260px; float: left; background: no-repeat; background-size: 100% 100%} .main_foot{width:1200px;height: 100%;margin: 0 auto} .main_foot .fl {max-width: 457px;} .main_foot .fl p{ font-size: 26px; color: #fff; float: left;width: 100%;} .main_foot .fl p:first-child{margin-top:50px;} .main_foot .fl span{ font-size: 14px;margin-top: 30px;float: left; color: #fff; line-height: 22px} .erweima{ float: left; font-size: 10px;color: #fff; width: 120px;margin-left: 20px} .erweima img{margin-top: 50px;float: left;width: 100%} .erweima span{float: left; text-align: center;margin-top: 3px;} .main_foot .fr{width: 550px ;margin-top: 45px;} .main_foot .fr ul li{width: 25%; float: left} .main_foot .fr ul li a{ float: left; display: block; width: 100%;color: #fff; font-size: 14px;margin-top: 5px;} .contend_head{width: 100%; height: auto;margin-top: 30px;float: left} .contend_head img{width: 100%;} .contend_head_four{width: 90%;margin-left: 5%;margin-top: 30px; height: auto; float: left} .contend_head_four img{width: 100%;} .contend_head_four_li{width: 90%;margin-left: 5%;margin-top:1px; height: auto} .contend_head_four_li li{width: 145px; height: 40px;color: #000;margin-left:80px; line-height: 36px; text-align: center; float: left} .contend_head_four_li li:first-child{margin-left: 10px} .contend_head_four_li li:nth-child(2){margin-left: 165px} .contend_head_four_li li:nth-child(3){margin-left: 150px} .contend_head_four_li li:nth-child(4){margin-left: 160px} .contend_head_five_li{width: 90%;margin-left: 5%;margin-top:30px; height: auto; float: left} .contend_head_five_li li{width: 145px; height: 40px; border: 2px solid #000; color: #000;margin-left:58px; line-height: 36px; text-align: center; float: left} .contend_head_five_li li a{color: #000; display: block; width: 100%; height:100%;} .class_five_li{width: 100%;margin-left: 0%;margin-top:0px;border-top: 1px solid #ffd9bb; height: auto; float: left} .class_five_li li{width: 20%; height:80px; border-left: 1px solid #fff; color: #fff;line-height: 80px; background-color:#323232; font-size: 16px; text-align: center; float: left} .class_five_li li a{color: #fff; display: block; width: 100%; height:100%;} .class_five_li_act{background-color: #6eafe5 !important; font-size: 18px !important;} .teb_img{width: 100%; height: 427px;margin-top: 0px; display: none;background: 100% 100% no-repeat; float: left} .teb_img_center{width: 820px; height: 375px; margin: 26px auto;} .teb_img_center .fl{width: 566px; height: 100%;} .teb_img_center .fl img{ width: 100%; height: 100%} .teb_img_center .fr{width: 240px; height: 100%; } .teb_img_center .fr img{ width: 100%; height: 118px; margin-top: 10.5px;cursor: pointer} .teb_img_center .fr img:first-child{margin-top: 0} .teb_img img{ width: 100%;} .call_banner{width: 100%; height: auto; position: relative; margin-top: 20px; display: block; float: left} .call_banner img{ width: 100%;} .call_banner_p{font-size: 30px; color: #fff;position: absolute; left: 70px; top: 30px;} .call_banner_span{font-size: 20px; color: #fff;position: absolute; left: 70px; top: 70px;} .call_banner_font{font-size: 20px; color: #fff;position: absolute; right: 50px; top: 20px;} .call_banner_a1{border-radius:4px;font-size: 14px; color: #fff;position: absolute; right: 200px;color: #000; background-color: #fff; top: 60px;width: 133px; height: 35px; line-height: 35px ; text-align: center} .call_banner_a2{border-radius:4px;font-size: 14px; color: #fff;position: absolute; right: 50px; background-color: #fff;color:#000;top: 60px;width: 133px; height: 35px; line-height: 35px ; text-align: center} .common_content_two{width: 100%;background-color: #f7f7f7; height: auto;float: left; padding-top: 20px; margin-top: 32px; padding-bottom: 50px} .main_content_two{width:1200px;background-color: #f7f7f7; height: auto;margin: 0 auto} .main_content_two_head{width: 100%; float: left; line-height: 45px; text-align: left; text-indent: 15px;color: #efefef; font-size: 14px;background-color: #192d91} .main_content_two_fl{width: 270px;float: left} .type_head{background-color: #e6e6e6;float: left; line-height: 55px;width: 100%;} .type_head img{ float: left; margin-left: 10px;margin-top: 18px; color: #000; margin-right: 10px;} .type_tuliao{background-color: #fff;float: left; line-height: 55px;width: 100%;padding-bottom: 30px;} .type_tuliao li{width: 100%; height: 40px; color: #000; line-height: 40px; text-align: left; float: left} .type_tuliao li a{color: #757272; display: block; width: 100%; height:100%;} .type_tuliao li a i{margin-right: 5px;margin-left: 10px;} .type_tuliao li a:hover{color: #000 !important;} .fenlei_all{width: 100%; float: left; margin-top: 20px;} .main_content_two_fr{width: 900px;float: right; margin-top: 20px;} .main_content_two_fr ul li{ float: left;width: 270px;} .main_content_two_fr ul a{ display: block; float: left;width: 270px;margin-right: 45px;padding-bottom: 47px;} .main_content_two_fr ul a:nth-child(3n){margin-right: 0} .main_content_two_fr ul li img{ width: 99.%;} .demo_img_font{ font-size: 12px; color: #000000; border-bottom: 1px dashed #aaaaaa;margin-top: 10px;text-indent: 10px;} .common_content_three{width: 100%;background-color: #fff; height: auto;float: left; padding-top: 20px; margin-top: 32px; padding-bottom: 50px} .main_content_three{width:1200px;background-color: #fff; height: auto;margin: 0 auto} .curennt_call{width: 90%; margin-left: 5%; float: left} .three_head{width: 100%; float: left; border-bottom: 2px dashed #f0774c; position: relative;margin-top: 80px; } .three_head_center{ position: absolute; left: 50%;width: 180px;margin-left: -90px;z-index: 2; top: -43px;background-color: #fff} .three_head_center span{width: 100%; display: block; text-align: center} .three_head_center span:first-child{font-size: 22px;} .three_head_center span:nth-child(2){font-size: 12px;} .three_left{width: 310px; height: auto; padding-bottom: 50px; float: left; border: 2px solid #ed530c;margin-top: 30px;} .three_left p{ line-height: 30px; font-size: 14px; color: #000; text-indent: 15px;margin-top: 15px;width: 90%; margin-left: 5%; } .three_left p:first-child{margin-top: 40px;} .three_left a{float: left; width: 50%;border-radius: 8px; border: 2px solid #192d91;color: #000; text-align: center; line-height: 28px; margin-left: 25%;margin-top: 35px;} .three_right{width: 840px; height: auto; float: right;margin-top: 30px;} .three_right video{width: 100%;height: 465px;} .three_right p{width: 100%;max-height: 103px;color: #fff;background-color: #192d91; box-sizing: border-box; padding: 10px 3%;} .fourleft{width: 175px; height:285px;float: left;margin-top: 30px;background-color: #303030;} .fourleft ul li{width: 70%; float: left;cursor: pointer; margin-left: 15%; line-height:65px; text-align: center; color: #fff;border-bottom: 2px solid #939393} .fourleft_act{background-color: #6eafe5 !important;width: 100% !important; margin-left: 0 !important;border-bottom:none !important;} .fourright{width: 1000px; height: 285px;background-color: #f2f2f2; float: right;margin-top: 30px;display: none} /*图片滚动*/ .roll-wrap:hover .control{ display: block; } .roll-wrap{ position: relative; width: 100%; height: 177px; overflow: hidden; margin-top: 55px; } .roll-wrap .roll__list{ } .roll_row .roll__list::before, .roll_row .roll__list::after { content: ""; display: table; line-height: 0; } .roll_row .roll__list::after { clear: both; } .roll_row .roll__list{ width: 9999px; height: 177px; background-color: #fff; } .roll_row .roll__list li{ float: left; display: block; margin-right: 20px; line-height: 100px; font-weight: bold; font-size: 30px; text-align: center; color: #fff; background-color: #ff9900; } .roll_row .roll__list li img{width: 236px; height: 177px; border: 2px solid #ccc;} .control{ position: absolute; top: 30px; display: none; padding: 10px 5px; font-weight: bold; text-decoration: none; color: #fff; background-color: rgba(0, 0, 0, .3); } .control:hover{ background-color: rgba(0, 0, 0, .5); } .control.pre{ left: 5px; } .control.next{ right: 5px; } .roll_col{ width: 100%; height: 200px; overflow: hidden; } .roll_col .roll__list{ width: 100%; } .h600{ height: 600px; } .roll_col li{ display: block; height: 200px; line-height: 200px; font-size: 30px; font-weight: bold; text-align: center; color: #fff; background-color: #ff9900; } .roll_col .li-2{ background-color: #0099ff; } .roll_col .li-3{ background-color: #ff0099; } .roll_col .li-4{ background-color: #00ff99; } .roll_col .control{ top: 80px; } .common_four_head{width: 100%; float: left; border-bottom: 2px solid #b3b3b3; position: relative;margin-top: 80px; text-align: center} .common_four_head_center span{ position: absolute;font-size: 25px;font-weight: bold;text-align: center;padding-bottom: 10px;z-index: 2; top: -48px;border-bottom:4px solid #94ca20;} .common_four_head_img{width: 100%; float: left;} .common_four_head_img img{ width: 1200px;margin: 0 auto;display: block;margin-top: 40px;margin-bottom: 45px;} /*新闻*/ .content{ width: 1200px; margin: 0 auto; font-size: 14px; } .news_head{ padding-top: 24px; padding-bottom:12px; overflow: hidden; } .news_head span{ padding: 12px 10px; float: left; margin-left: 25px; color: #616161; font-size:16px; } .news_head span.active{ border-bottom: 2px solid #192d90; } .news_content{ padding: 5px; overflow: hidden; background: #fff; } .news_content_left{ overflow: hidden; width: 860px; float: left; margin:16px 15px 60px 10px; } .news_content_left ul li{ border-bottom: 1px solid #f2f2f2; width: 100%; overflow: hidden; background: #fff; padding: 13px; } .news_car_left{ margin-right: 20px; width: 260px; height: 144px; float: left; } .news_car_left img{ width: 100%; height: 100%; } .news_car_right{ float: left; padding: 5px; width: 512px; } .news_car_right h4{ /*color:#eb0028;*/ margin-bottom: 5px; } .news_car_right p{ line-height: 29px; } .car_time span{ float: left; padding-right: 10px; color: #afb2b2; } .car_time{ display: block; overflow: hidden; } .car_time b{ font-weight: 100; } .car_content{ width: 512px; display: block; height: 58px; overflow: hidden; color:#808080; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .news_car_right a{ color: #eb0028; } .news_content_right{ width: 305px; margin-top: 16px; overflow: hidden; float: left; text-align: right; padding-left:5px; padding-right:10px; color: #808080; margin-right: 10px; } .news_rg_list1,.news_rg_list2{ padding: 10px 20px; overflow: hidden; background: #fff; } .news_rg_list2 p,.news_rg_list1 p{ border-bottom: 2px solid #dedede; width: 100%; text-align: left; height: 40px; } .news_rg_list2 p span,.news_rg_list1 p span{ padding: 8px 0; border-bottom: 2px solid #192d90; color:#999999; float: left; } .news_rg_list1 div{ padding: 10px 0; width: 100%; } .news_rg_list1 div span{ padding: 5px; border-radius: 3px; background: #f2f2f2; margin-right: 16px; float: left; margin-bottom: 10px; } .news_rg_list2{ /*margin-top: 15px;*/ } .news_rg_car{ overflow: hidden; padding: 10px 0; width: 100%; } .rg_car_img{ width: 66px; height: 66px; float: left; margin-right: 14px; } .rg_car_img?€€img{ width: 100%; height: 100%; } .rg_car_content{ float: left; width: 165px; } .rg_car_content h4{ width: 100%; font-size: 14px; text-align: left; padding: 5px 0; font-weight: bold; } .rg_car_content p{ width: 100%; height: 44px; line-height: 22px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; border-bottom:0; font-size: 12px; } .news_code h4,.news_code b{ font-size: 18px; font-weight: bold; } .news_code{ background: #fff; text-align: center; margin-top: 15px; padding: 32px 0; border-top: 2px solid #df1833; } .news_code span{ display:block; width: 110px; height: 110px; margin:0 auto; } .news_code span img{ width: 100%; height: 100%; margin:0 auto; } .news_code p{ font-size: 12px; padding: 10px 0; } .news_code b{ display: block; margin-top: 25px; } .news_code strong{ display: block; margin-top: 10px; color: #ec001c; font-size: 20px; } .news_content_left ul{ display: none; } .news_content_left ul.active{ display: block; } /*友情*/ .rowb1 { padding: 50px 0; background: #f5f6f8;} .k1180 { max-width: 1180px; margin: 0 auto; padding: 0 10px;} .linkbox .swiper-pagination { position: relative; text-align: left; padding-bottom: 10px;} .linkboxlink a{ margin-left:3px; padding-right: 3px; color: #999ba0;; font-size: 14px; } .linkboxlink a:hover{ color: #ff4520; }