.fourys *,.scimg *,.yc_head,.yc_head *,.fourys li .txt:after,.fourys li .item:before,.erjibox ,.llbox_left_pjlist *,.erjibox_right_btn *,.menubg,.menubg *,.inewsitem_title a,.tiexinfuwulist ul li .txp:before,.jigoubox_left_pjlist *{webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .yc_eee{ padding:80px 0;} .yc_hzhb{} .yc_hzhb ul{ margin:0 -15px;} .yc_hzhb ul li{ float:left; width:16.6666666666%;} .yc_hzhb ul li span{ display:block; margin:15px; background:#fff; padding:2px; border-radius:5px; text-align:center;} .yc_hzhb ul li span img{ display:block; margin:0 auto; max-width:100%;} /*楂樺厜鐗规晥*/ .white{display:block;} .white,.whites{position: relative;overflow: hidden;} .white:after,.whites:after{content: '';position: absolute;left: -100%;top: 0;width:100%;height:100%;background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));transform: skewx(-25deg);} .white:hover:after{left:100%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;} .whites:hover:after{left:100%; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;} .scimg{ overflow:hidden; display:block;} .scimg:hover img{ transform:scale(1.2,1.2);} .top{ background:#f6f6f6; line-height:26px;} .yc_head{ padding:20px 0;position: fixed; z-index:222; top: 0px; left: 0px; bottom: auto; right: auto; transform: none; width: 100%; z-index:22222222222;} .yc_head.fix{ } .yc_head.fix:after{ position:absolute; left:0; top:0; width:100%; background-color:rgb(255,255,255); opacity:1; filter:alpha(opacity=100); -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(opacity=50)'; height:94px ; z-index:221; content:" ";;} .yc_head .wrap1{ position:relative; width:92%; margin:0 auto; z-index:222;} .yc_head_right{ float:right; margin-top:10px;} .yc_head_right img{ height:26px;} .yc_head .yc_lan{ float:left; position:relative;padding-bottom:10px;} .yc_lan_xl{position:absolute; display:none; width:100%;left:0;top:36px; background-color:#fff; padding:10px; text-align:center} .yc_lan_xl a{display:block;} .yc_head .yc_lan:hover .yc_lan_xl{display:block;} .yc_head .yc_lan img{ border-radius:50%;vertical-align:middle;float:Left} .yc_lan a span{font-size:16px;color:#fff;line-height:26px;float:Left ; margin-left:5px;} .yc_head .yc_tel{ float:left; margin-right:20px;} .yc_head .yc_tel small{ font-size:14px; padding-bottom:5px; display:inline-block} .yc_head .yc_tel big{ font-size:28px; color:#ff8a00; font-weight:bold;} .yc_head .sousuo{ float:right; margin-top:10px; margin-left:20px; } .yc_head .sousuo .ss{ float:left;border:#c9c9c9 1px solid; background:none; border-right:none; line-height:27px; height:27px; width:185px; padding-left:10px;} .yc_head .sousuo .sss{ background:url(../images/sss.png) center no-repeat #0483ca; width:31px; height:31px; border:none;} .yc_logo{ float:left; width: 14.531200000000002%; position:relative; z-index:222} .yc_head.fix .yc_logo img{ height:50px;} .yc_logo img.logo1{ display:inline-block} .yc_logo img.logo2{ display:none} .yc_head.fix .yc_logo img.logo1{ display:none} .yc_head.fix .yc_logo img.logo2{ display:inline-block} .yc_logo font{ font-size:26px; font-weight:900; color:#3fc5c8; line-height:50px;} .yc_head .yc_tag{ float:left; margin-left:15px; padding-left:15px; border-left:#ddd 1px solid; line-height:1.6;} .yc_head .yc_tag big{ display:block; font-size:18px; font-weight:900;} .yc_head .yc_tag small{ display:block; font-size:14px;} .nav{ float:right; } .nav li{ float:left;; font-size:16px; text-align:center; height:49px; position:relative; z-index:111111111111111111} .nav li a.big{line-height:49px; display:block; color:#fff;padding:0 33px;} .yc_head.fix .nav li a.big{ color:#000;} .yc_head.fix.on .nav li a.big{ color:#fff;} .yc_head.fix .nav li.on a.big{ color:#3fc5c8;} .nav li a.bigindex{line-height:49px; display:block; color:#fff;;} .nav li.on a{ position:relative;} .nav li.on a.big,.nav li:hover a.big,.nav li:hover a.bigindex{ color:#fff} .nav li.on a.big:before{content: " "; position: absolute; left: 0; bottom: 0px; width: 50%; left:25%; height: 2px; background: #fff;} .nav li div{ display:none; opacity:0 ; box-shadow: 0px 0px 23px rgba(0, 0, 0, .1);} .nav li div a{ display:block; line-height:44px; background:#fff; font-size:14px; position:relative; } .nav li div a:hover{ background:#fff;color:#3fc5c8} .nav li div a:hover:after{ position:absolute; content:" "; bottom:5px; left:0; background:#3fc5c8; height:1px; width:60%; left:20%;} .nav li:hover div{ display:block; opacity:1;} .sonnav { background:url(../../pc/img/menubg.png) no-repeat left bottom #f5fcfe;margin-top:20px; position:relative; z-index:222222222222; display:none;} .sonnav .erjibox .erjibox_left{ float:left; width:50%; } .sonnav .erjibox .erjibox_left ul{ font-size:16px; float:right; margin-right:23px; margin-top:33px;} .sonnav .erjibox .erjibox_left ul li{ margin-top:43px;} .sonnav .erjibox .erjibox_left ul li a{ display:block; position:relative;} .sonnav .erjibox .erjibox_left ul li a:after{ height:3px; background:#000; width:100%; position:absolute; left:0; bottom:-5px; content:" "; background-image: linear-gradient(to right, #a9e1ee, #a8dec0); display:none} .sonnav .erjibox .erjibox_left ul li:hover a:after{ display:block;} .sonnav .erjibox .erjibox_right{ float:right; width:50%; background:#e2f6fc; } .erjibox_right_in{ width:690px; max-width:80%; margin:70px auto} .erjibox_right_in .erjibox_right_img1 img{ width:100%;} .erjibox_right_in .erjibox_right_img2{ height:80px; margin:25px 0 20px 0; font-size:16px; color:#666; line-height:2; } .erjibox_right_btn{ text-align:center; height:0.5rem; line-height:0.5rem; font-size:0.225rem;} .erjibox_right_btn a{ display:inline-block; background:url(../../pc/img/more.png) no-repeat left center; padding-left:0.3rem; background-size:auto 100%;} .erjibox_right_btn:hover a{ padding-left:00px; padding-right:0.3rem; background:url(../../pc/img/more_h.png) no-repeat right center; background-size:auto 100%;} .erjibox_right_btn.erjibox_center_btn{ text-align:center; } .erjibox_right_btn.erjibox_bai_btn a{ color:#fff;} .nav li.openform11 a{line-height:49px; display:block; color:#fff;;} .nav li.openform11 a{ background:#fff; color:#02529b ; border-radius:10px;} .nav li.openform11:hover a{background:#02529b; color:#fff ; } .nbanner img { display:block} .cate{ background:#f0f1f3; padding:40px 0;} .cate .catetitle{ float:left; width:80px; font-size:16px; font-weight:900;} .cate .catelist{ float:right; width:1260px;} .cate .catelist li{ float:left; width:20%; font-size:14px; line-height:14px; margin-bottom:10px;} .cate .catelist li a font{ display:inline-block ; width:14px; height:14px; border:#d9d9d9 2px solid; position:relative; top:3px; margin-right:5px;} .cate .catelist li:hover a font,.cate .catelist li.on a font{ border:#02529b 2px solid; background: #02529b;} li.menu img{vertical-align: middle; margin-top:18px;} .infobox table,.protab_con table{ width:100%; border-left:#e6e6e6 1px solid !important; border-top:#e6e6e6 1px solid !important; border-collapse:collapse;} .infobox td, .infobox th ,.protab_con td,.protab_con th { position: relative; padding: 9px 15px; min-height: 20px; line-height: 20px; font-size: 14px; border-right:#e6e6e6 1px solid; border-bottom:#e6e6e6 1px solid !important;} .infobox table tr:nth-child(even),.protab_con table tr:nth-child(even) { background-color: #f5f5f5 !important} .infobox table tr:hover,.protab_con table tr:hover { background-color: #f5f5f5 !important} @media only screen and (max-width: 1600px){ .nav{ } .yc_logo { } } @media only screen and (max-width: 1440px){ .nav{ } .nav li{font-size:14px;} .yc_logo { } } @media only screen and (max-width: 1200px){ .yc_logo img{ max-width:100%} } @media only screen and (max-width: 767px){ }