.w1440{max-width:1440px;margin:auto;} .head{height:100px;box-shadow:0 0 20px rgba(0,0,0,.2);background:#fff;position:relative;z-index:9;padding:0 16px;} .head .logo{float:left;line-height:100px;} .head_other .search_div{ width:50px;height:100px;margin:0 20px 0 10px;float:left;position:relative; background:url("../images/search_01.png") center no-repeat;cursor:pointer; } .search_div .search_box{ position:absolute;right:0;top:120%;padding:8px;background:rgba(255,255,255,.5); opacity:0;transition:top.5s,opacity .5s;visibility:hidden;z-index:2;width:230px; } .search_div:hover .search_box{opacity: 1;top:100%;visibility: visible;} .search_box input[type='text']{ width:200px;height:30px;padding-left: 15px;font-size: 14px;float:left;border: 1px solid #ddd;box-sizing: border-box; } .search_box input.ser_btn{ float:left;width:30px;height:30px;cursor:pointer; background:#e60918 url("../images/search_02.png") no-repeat center;background-size:60%; } .head_other .lang_div{ width:50px;height:100px;position:relative;float:left;cursor:pointer; background:url("../images/earth_01.png") left center no-repeat; } .lang_div:before{ content:"";display:block;width:8px;height:6px;position:absolute; top:calc(50% - 3px);right:0;background:url("../images/drop_01.png") center no-repeat; } .lang_div .lang_list{ position:absolute;background:#fff;width:130px;text-align:center;line-height:36px;z-index:2; transition:top .5s,opacity .5s;right:0;top:120%;opacity:0;visibility:hidden; } .lang_div:hover .lang_list{top:100%;opacity:1;visibility:visible;} .lang_list a{display:block;color:#333;font-size:14px;} .lang_list a:hover{background:#e60918;color:#fff;} .nav li{padding:0 13px;float:left;position:relative;} .nav li.moNav{display:none;} .nav li>a{display:block;padding:0 5px;line-height:100px;font-size:16px;color:#000;position:relative;} .nav li>a:after{ content:"";display:block;width:100%;height:3px;background:#ff0101;border:2px; position:absolute;left:0;bottom:18px;transition:all .6s;transform:scale(0,1); } .nav li:hover>a,.nav li>a.act{color:#ff0101;font-weight:bold;} .nav li:hover>a:after,.nav li>a.act:after{transform:scale(1,1);} .nav li .nav_er{ position:absolute;background:#fff;width:130px;text-align:center;line-height:36px;z-index:2; transition:top .5s,opacity .5s;left:calc(50% - 65px);top:120%;opacity:0;visibility:hidden; } .nav li:hover .nav_er{top:100%;opacity:1;visibility:visible;} .nav_er a{display:block;color:#333;font-size:14px;} .nav_er a:hover{background:#e60918;color:#fff;} .nav_btn{display:none;width:0.8rem;padding:calc(0.4rem - 6px) 0;height:1rem;box-sizing:border-box;float:right;} .nav_btn span{display:block;margin:0.1rem auto;} .nav_btn:after,.nav_btn:before{content:" ";margin:auto;} .nav_btn span,.nav_btn:after,.nav_btn:before{ display:block;width:0.4rem;height:4px;transition:all .3s;background-color:#e60918;border-radius:0.05rem;position:relative; } .nav_btn.openNav span{opacity:0;} .nav_btn.openNav:before{transform:rotate(45deg);top:calc(0.1rem + 4px);} .nav_btn.openNav:after{transform:rotate(-45deg);bottom:calc(0.1rem + 4px);} /****/ .link{height:54px;background:#e60918;line-height:54px;} .link .link1{} .link1 a{display:inline-block;margin-right:30px;font-size:16px;color:#fff;} .link1 a.link11{padding-left:30px;background:url("../images/icon_01.png") left center no-repeat;} .link1 a.link12{padding-left:34px;background:url("../images/icon_02.png") left center no-repeat;} .link1 a.link13{padding-left:30px;background:url("../images/icon_03.png") left center no-repeat;} .link .link_T1{ width:300px;box-sizing:border-box;padding-left:70px;position:relative;color:#fff;z-index:2; background:#b80713 url("../images/link_01.png") 26px center no-repeat;font-size:16px;cursor:pointer; } .link_T1:after{content:"";display:block;border:5px solid transparent;right:24px;border-left-color:#fff;position:absolute;top:calc(50% - 5px);border-right:none;transition:all .6s;} .link_T1.openLink:after{transform:rotate(-90deg);} .link .link_list{ position:absolute;left:0;bottom:100%;border-radius:5px 5px 0 0;display:none; width:100%;overflow:hidden;background:#fff;box-shadow:0 0 20px rgba(0,0,0,.2); } .link_list a{display:block;line-height:40px;padding-left:45px;font-size:16px;color:#333;} .link_list a:hover{color:#fff;background:#b80713;} .foot{background:#555c60;padding:24px 16px;} .foot .foot_nav{width:750px;float:left;max-width:calc(100% - 320px);} .foot_nav dl{width:20%;float:left;} .foot_nav dl dt a{display:block;line-height:26px;color:#fff;font-size:16px;margin-bottom:8px;} .foot_nav dl dd a{display:block;line-height:24px;color:#fff;} .foot .foot_con{line-height:22px;color:#fff;float:right;padding-left:24px;border-left:1px solid #666d70; max-width:303px;} .bottom{color:#fff;background:#4d5357;line-height:24px;padding:12px 16px;} /****/ .banner_list li a{display:block;height:575px;} .banner .bx-wrapper .bx-controls-direction a{width:24px;} .banner .bx-wrapper .bx-prev{left: calc(50% - 720px);} .banner .bx-wrapper .bx-next{right:calc(50% - 720px);} .banner .bx-wrapper .bx-prev:hover{background: url("../images/to_left_02.png") center no-repeat;} .banner .bx-wrapper .bx-next:hover{background:url("../images/to_right_02.png") center no-repeat;} .banner .bx-wrapper .bx-pager{bottom:32px;} .banner .bx-wrapper .bx-pager.bx-default-pager a{width:15px;height:3px;border-radius:3px;background:#b5b7b8;} .banner .bx-wrapper .bx-pager.bx-default-pager a.active,.banner .bx-wrapper .bx-pager.bx-default-pager a:hover{width:45px;height:5px;background:#ff0101;} /**index main**/ .ind_title .indT_T1{font-size:35px;line-height:48px;color:#555c60;} .ind_title .indT_T2{font-size:16px;line-height:28px;color:#8d8e8f;} .ind_title:after{content:"";display:block;height:3px;margin:12px auto 0;background:url("../images/title_01.png") center no-repeat;} .ind_pro{padding-top:60px;} .ind_pro .indP_nav{padding-top:42px;display:flex;} .indP_nav .indPN_one{display:block;flex-grow:1;flex-basis:100%;position:relative;z-index:3;} .indPN_one:after{ content:"";display:block;border:10px solid transparent;transition:all .6s; border-top-color:#e60918;position:absolute;left:calc(50% - 10px);top:95%;opacity:0; } .indPN_pic .indPNP2{position:absolute;left:calc(50% - 100px);width:200px;height:220px;top:calc(100% - 125px);z-index:2;} .indPN_one .indPN_txt{ background:#f6f6f6;padding:72px 24px 52px;box-sizing:border-box; border:1px solid #eee;border-top:none;position:relative;transition:all .6s; } .indPN_txt:after{ content:"";display:block;width:16px;height:8px;left:calc(50% - 8px);bottom:24px; background:url("../images/drop_02.png") center no-repeat;position:absolute; } .indPN_txt .indPNT_T1{text-align:center;line-height:30px;font-size:18px;font-weight:bold;color:#e60918;transition:all .6s;} .indPN_txt .indPNT_T2{padding-top:8px;line-height:22px;font-size:14px;color:#8d8e8f;max-width:270px;margin:auto;transition:all .6s;height:44px;} .indPN_one.act:after{opacity:1;top:calc(100% - 1px);} .indPN_one.act .indPN_txt{background:#e60918;} .act .indPN_txt .indPNT_T1, .act .indPN_txt .indPNT_T2{color:#fff;} .indP_main .indP_box{border-left:1px solid #eee;display:none;} .indP_box .indP_one{ display:block;width:16.66%;float:left;border-right:1px solid #eee;background:#f9f9f9; text-align:center;box-sizing:border-box;padding:18px;border-bottom:1px solid #eee; } .indP_box .indP_one:hover{position:relative;z-index:2;background:#fff;box-shadow:0 0 25px rgba(0,0,0,0.2);} .indP_one .indP_pic{line-height:130px;height:130px;} .indP_pic img{max-height:90%;max-width:90%;} .indP_one .indP_txt{font-size:14px;line-height:30px;color:#555c60;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} /****/ .ind_abt{padding:64px 0 40px;} .ind_abt .indA_main{padding-top:46px;} .indA_main .indA_txt{width:calc(97% - 600px);float:left;} .indA_txt .indA_T1{font-size:24px;line-height:24px;color:#ff0101;} .indA_T1 .fmarial{font-size:14px;color:#555c60;padding-left:10px;} .indA_txt .indA_T2{font-size:14px;line-height:22px;color:#8d8e8f;-webkit-line-clamp:12;height:264px;margin-top:24px;} .indA_txt .ind_more{ line-height:30px;margin-top:18px;padding-left:32px;font-size:15px;color:#ff0101; background:url("../images/more_01.png") left center no-repeat;display:block; } .indA_main .indA_pic{width:600px;float:right;} /****/ .ind_title2{ line-height:42px;font-size:26px;font-weight:bold;color:#555c60; padding-left:14px;background:url("../images/title_02.png") left center no-repeat; } .ind_download{width:47.5%;float:left;} .ind_download .indD_main{padding:32px 36px;border:1px solid #eee;margin-top:15px;} .indD_list a{display:block;} .indD_list a img{width:100%;} .indD_main .bx-wrapper .bx-controls-direction a{width:12px;} .indD_main .bx-wrapper .bx-prev{left: -32px;background: url("../images/to_left_03.png") center no-repeat;} .indD_main .bx-wrapper .bx-next{right:-32px;background:url("../images/to_right_03.png") center no-repeat;} .indD_main .bx-wrapper .bx-prev:hover{background-image: url("../images/to_left_04.png");} .indD_main .bx-wrapper .bx-next:hover{background-image:url("../images/to_right_04.png");} .ind_news{width:49.2%;float:right;} .ind_news .indN_list{padding-top:15px;} .indN_list a{ line-height:30px;display:block;width:47%;float:left;font-size:14px;overflow:hidden;white-space:nowrap; color:#555c60;padding-left:14px;position:relative;box-sizing:border-box;text-overflow:ellipsis; } .indN_list a:nth-child(2n){margin-left:6%;} .indN_list a:before{content:"";display:block;border:4px solid transparent;border-left-color:#ff0101;position:absolute;left:0;top:calc(50% - 4px);} .omalc{margin-top:4%;} .lboala li{width:33.33%; float:left; margin-top:2%;} .lboala li a{display:block;} .lboala li a .pic{ position:relative; overflow:hidden;} .lboala li a .pic:after{ content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5) url(../images/plca.png) no-repeat center center;} .lboala li a .pic img{ transition:all 0.5s ease;} .lboala li a .con{ color:#666; transition:all 0.5s ease; padding:20px; background:#f6f6f6; border:1px solid #eee;} .lboala li a .con .p1{ line-height:30px; height:30px; overflow:hidden; text-align:center; font-size:18px; font-weight:bold; color:#e60918; transition:all 0.5s ease;} .lboala li a .con .p2{ font-size:14px; line-height:25px; height:50px; overflow:hidden;} @media (min-width: 1201px){ .lboala li a:hover .pic img{ transition:all 0.5s ease; transform:scale(1.05);} .lboala li a:hover .con{ transition:all 0.5s ease; border:1px solid #e60918; background:#e60918; color:#fff;} .lboala li a:hover .con .p1{ color:#fff; transition:all 0.5s ease;} } @media (max-width: 640px){ .lboala li{width:100%; margin-top:4%;} .lboala li a .con{padding:15px;} .lboala li a .con .p1{font-size:15px;} }