body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0 } body, button, input, select, textarea { font:12px Arial, Helvetica, sans-serif } body{font-family: "Microsoft YaHei",Arial,"Hiragino Sans GB",sans-serif;line-height: 1.6;font-size: 12px;color:#666666;} h1, h2, h3, h4, h5, h6 { font-size:100%; color:#666666; font-family:'微软雅黑', 'YaHei', '黑体', 'Hei', Tahoma, Helvetica, arial, sans-serif;font-weight:100; } address, cite, dfn, em, var { font-style:normal } code, kbd, pre, samp { font-family:courier new, courier, monospace } small { font-size:12px } ul, ol, li { list-style:none } a { color:#333; text-decoration:none } s{text-decoration: none;} sup { vertical-align:text-top } sub { vertical-align:text-bottom } legend { color:#000 } fieldset, img { border:0 } button, input, select, textarea { font-size:100%; vertical-align:middle; } select{padding:2px;border:1px solid #ddd; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px } table { border-collapse:collapse; border-spacing:0 } img {max-width:100%;max-height:100%;height:auto;vertical-align: middle;} .hide{display:none;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { display:block; margin:0; padding:0 } mark { background:#ff0 } object, embed { outline:0 } .clearfix:after{clear:both;display:block;visibility:hidden; font-size:0;content:" ";height:0} .clearfix{zoom:1;} .colorhover1 a:hover,.colorhover1 a.selected{color:#cc0000}/*白底的颜色*/ .colorhover2 a:hover,.colorhover2 a.selected{color:#fff}/*灰底的颜色*/ .layout{min-height:800px;} .container{max-width:1410px;margin:0 auto;padding:0 15px;} /*body{min-width:980px;}*/ #cnzz_stat_icon_1260344574{display:none;} /*头部*/ .header{position: fixed;padding: 0px;left: 0px;top: 0px;width: 100%;background: #FFF none repeat scroll 0% 0%; -webkit-transition:all 300ms ease;z-index:210; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease;box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.18);} .fixed-header .header,.fixed_nav .nav_con{ position:fixed;padding:0; z-index:99; opacity:1; visibility:visible; -ms-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -op-animation-name: fadeInDown; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -ms-animation-duration: 500ms; -moz-animation-duration: 500ms; -op-animation-duration: 500ms; -webkit-animation-duration: 500ms; animation-duration: 500ms; -ms-animation-timing-function: linear; -moz-animation-timing-function: linear; -op-animation-timing-function: linear; -webkit-animation-timing-function: linear; animation-timing-function: linear; -ms-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -op-animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; background: #000; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .header_con{font-size:14px;} .header_con .logo{height:98px;float:left;text-align: center;line-height:98px;margin-right: 4%;font-size:27px;color:#000;float:left;max-width:250px;} .header_con .logo img{display: block;} .header_con .logo span{margin-left:10px;display:none;} .header_con .logo img.zzkh{display: none;} .fixed-header .header_con .logo img.nckh{display: none;} .fixed-header .header_con .logo img.zzkh{display:inline-block;} .header_nav{display: block;width: 750px;margin: auto;} .header_nav>li{padding:0 15px;} .header_nav>li>a{display:block;line-height: 98px;padding: 0px 2px;height: 98px;font-size: 16px;color:#333;position: relative;/*font-weight: bold;*/} .fixed-header .header_nav>li>a{color:#fff;} .header_nav>li{float:left;} .header_nav>li>a:hover,.header_nav>li>a.selected{color:#005cce;cursor:pointer;/*transition: all .2s ease 0.15s;*/} .header_nav>li>a:hover:after,.header_nav>li>a.selected:after{content:"";position:absolute;left: 0;bottom: 0;border-bottom: 3px solid #005cce;width: 100%;} .header_right{margin-top: 38px;float:right;} .header_right a{margin:0 0px 0 10px;float:left;font-size: 15px;line-height: 22px;} .header_right span{margin:0 0px 0 10px;float:left;} .fixed-header .header_right a{color: #fff;} .header_right .search_tb{width:25px;height:21px;background:url(../img/all_tb.png) no-repeat -1px 0px;float:left;position:relative;cursor: pointer;} .fixed-header .header_right .search_tb{background:url(../img/all_tb.png) no-repeat -1px -100px;} .search_tb:hover{background-position:-1px -67px;} .header_right .english{position:relative;padding-left:30px;} .header_right .english:hover{color:#cc0000;} .header_right .english:before{content:"";width: 28px;height: 26px;position: absolute;top: -1px;left: 0;background: url(../img/all_tb.png) no-repeat -325px -205px;} .header_serch{display:none;width: 352px;height: 78px;position: absolute;top: 16px;right: -5px;padding-top: 45px;} .header_serch:before{content:"";position:absolute;width:32px;height: 17px;background: url("../img/all_tb.png") no-repeat scroll 0px -135px;right: 0px;top: 30px;} .header_seaform{border: 1px solid #E0E0E0;padding: 15px 18px;background-color: #fff;} .header_seaform .sertext{border:1px solid #cccccc;float:left;height:40px;line-height:40px;border-radius:5px;padding-left:10px;width: 250px;} .header_seaform .submit{float:right;width:42px;height:42px;background:#cc0000 url(../img/all_tb.png) no-repeat 10px -90px;border-radius:5px;border:none;cursor: pointer;} #header_menu_drop{box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.18);position:absolute;transform:translate3d(0,-105%,0);transition:all .4s cubic-bezier(.2,1,.2,1);width:100%;z-index:98;overflow:hidden;opacity:0;background-color: #F1F1F1;} #header_menu_drop>div {position: relative;max-width: 1300px;} .showing #header_menu_drop{transform:translateZ(0);position:absolute;top:98px;opacity:1;overflow:visible\9} .fixed-header+#header_menu_drop{top: 67px;position:fixed;} .header-menu-list{padding:0;transform:translate3d(0,-105%,0);transition:all .3s ease;margin-top:-105%\9;position:absolute;width:100%;z-index:90} .header-menu-list.open{transform:translateZ(-100px);margin-top:0\9;background-color:#f1f1f1;z-index:91} .showing .open{display:block} .h-menu-list2 dl:hover{background-color:#e5e5e5;} /*.header-menu-list{display:none;opacity:0;transition: opacity .2s ease 0.15s;position:absolute;left:0;right:0;top: 68px;background-color:#f1f1f1;z-index:999;border-top: 1px solid #e0e0e0;box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.09);padding:0 15px} .h-menu-list1,.h-menu-list2{max-width: 1300px;margin:0 auto;text-align: center;padding:20px 0;}*/ .h-menu-list1{text-align: center;padding:30px 0;} .h-menu-list1 a{display:inline-block;padding:0 20px;line-height:40px;font-size:16px;color:#000;margin:5px 0;} .h-menu-list1 a:hover{background-color:#cc0000;color:#fff;} .h-menu-list2{padding:0;} .h-menu-list2 dl{width:25%;float:left;text-align:left;line-height: 30px;} .h-menu-list2 dl dt{font-size:18px;color:#cc0000;padding:20px 0 20px 10px;} .h-menu-list2 dl dt a{color:#333; display:block; padding:20px 0;} .h-menu-list2 dl dt a:hover{color:#005cce;} .h-menu-list2 dl dt a:after{content:"."; display:block; height:0; visibility:hidden; clear:both; overflow:hidden;} .h-menu-list2 dl dt a img{ float:left; width:130px; height:130px;} .h-menu-list2 dl dt a p{ float:left; line-height:130px; padding-left:10px;} .h-menu-list2 dl dd{font-size:16px;} .h-menu-list2 dl dd:last-child{padding-bottom:15px;} .h-menu-list2 dl dd a:hover{background-color:#cc0000;color:#fff;} .h-menu-list2 dl dd a{color:#333;display:block;padding-left: 10px;} .h-menu-list2 dl ul a{color:#666;} /*.header-menu-list .h-menu-list2,.header-menu-list .h-menu-list1{-webkit-transition: opacity .2s ease 0.15s,-webkit-transform 1s cubic-bezier(0,1,.45,1);transition: opacity .2s ease 0.15s,transform 1s cubic-bezier(0,1.3,.45,1);opacity: 0;-webkit-transform: translate(0px,-75px);-ms-transform: translate(0px,-75px);transform: translate(0px,-75px);} .menu_animate .h-menu-list2,.menu_animate .h-menu-list1{-webkit-transform: translate(0px,0);-ms-transform: translate(0px,0);transform: translate(0px,0);opacity: 1;filter: alpha(opacity=100)} .menu_animate .h-menu-list2 dl:hover{background-color:#e5e5e5;}*/ .h-menu-list3 li{float:left;width:33%;padding:25px 0 0;height:147px;} .h-menu-list3 li .img{float:left;width:48%;} .h-menu-list3 li .con{float:right;width:48%;} .h-menu-list3 li .tit{font-size:18px;color:#333;} .h-menu-list3 li .xh{display: inline-block;width: 48%;} .h-menu-list3 li .xh a{display:inline-block;padding:1px 2px;font-size:16px;} .h-menu-list3 li .xh a:hover{background-color:#cc0000;color:#fff} .h-menu-list3 ul{border-bottom:1px solid #bdbdbd;} .h-menu-list3 ul:last-child{border:none} .slideBox {position: relative;overflow:hidden;} .slideBox .hd {overflow: hidden;z-index: 1;text-align: center;position: absolute;width: 100%;bottom:5%;} .slideBox .hd ul{float:none;} .slideBox .hd ul li {width: 9px;height: 9px;line-height: 9px;text-align: center;cursor: pointer;text-indent: -9999px;display: inline-block;border-radius: 10px;margin: 0px 5px;border:1px solid #fff;} .slideBox .hd ul li.on {background: #FFF none repeat scroll 0% 0%;border:1px solid #fff;} .slideBox .bd {position: relative;/*height: 540px;*/z-index: 0;} .slideBox .bd li {text-align:center;vertical-align: middle;} .slideBox .bd li a {display: block;height: 100%;} .slideBox .next,.slideBox .prev{display:none;background: url("../img/all_tb.png") no-repeat scroll -45px 0px;position: absolute;top: 40%;width: 43px;height: 83px;z-index: 2;cursor:pointer;} .slideBox .next{right: 5%;background-position: -115px 0px;} .slideBox .prev{left:5%;} .slideBox:hover .prev,.slideBox:hover .next{display:block;} /*尾部*/ .footer_con{clear:both;background: url(../img/foot_bg.jpg) center no-repeat;background-size: cover;} .footer_con1{max-width:1300px;margin: auto;} .footer_font{padding:30px 0 50px;float: right;} .footer_font dl{float:left;margin-left: 60px;} .footer_font dt{font-size:16px;color:#fff;line-height: 30px;} .footer_font dd a{color:#cccccc;font-size:14px;line-height: 30px;} .footer_con2{max-width:1300px;margin: auto;} .footer_con2 .title{font-size:16px;padding-bottom:15px;line-height: 30px;color: #ccc;border-bottom: 1px solid #868f9b;} .footer_con2 .title a{font-size:16px;line-height: 30px;color: #ccc;margin-right: 20px;} .footer_con2 .des{font-size: 16px;line-height: 30px;color: #ccc;padding:15px 0;} .footer_con2 .des a{margin:0 5px;font-size: 16px;line-height: 30px;color: #ccc;} .footer_con2 .des a:hover{color:#fff} .footlx{float: left;padding:30px 0 50px;} .footlx dt{font-size:16px;color:#fff;line-height: 30px;} .footlx dd{font-size:14px;color:#cccccc;line-height: 30px;} .footlx dd .footlx_tb{padding-top: 20px;} .footlx dd .footlx_tb a{float:left;width: 25px;height: 25px;margin: 0 30px 0 0;} .footlx dd .footlx_tb a img{display:block;width:100%;height:100%;-o-object-fit: cover;object-fit: cover;} /*首页产品展示*/ @media screen and (min-width:1200px) { .home_act_con{background-color: #F1F2F3;overflow: hidden;padding: 1.7% 0px 0px;} .home_act_con:last-child{padding: 0;} .home_act_con:last-child .container{padding: 1.7% 15px;} .newindex_pro1{width:49%;position: relative;overflow: hidden;float:left;} .newindex_common .pro_img {width:100%;height:100%;-moz-transition:all 1s cubic-bezier(.19,1,.22,1);-o-transition:all 1s cubic-bezier(.19,1,.22,1);-webkit-transition:all 1s cubic-bezier(.19,1,.22,1);transition:all 1s cubic-bezier(.19,1,.22,1);} .newindex_common .pro_img img {width: 105%;max-width: 105%;} .newindex_common .pro_font {position: absolute;display: block;width: 100%;height: 100%;top: 0px;margin: 0px;padding: 0px;} .newindex_common .pro_font a {display: block;position: relative;width: 100%;height: 100%;margin: 0px;left: 0px;top: 0px;padding: 10px 0px;text-decoration: none;} .newindex_common .title_des {position: absolute;top: 0px;left: 0px;width: 88%;min-height: 114px;margin: 15px 6%;} .newindex_pro3 .title_des{top:1%;} .newindex_common .title_des .h3title {font-size:26px;margin-bottom:10px;line-height:1.2;position:relative;opacity:1;color:#fff;-moz-transform:translateY(100%);-ms-transform:translateY(100%);-webkit-transform:translateY(100%);transform:translateY(100%);} .newindex_common .title_des p {font-size:16px;position:relative;-moz-transform:translateY(80%); -ms-transform:translateY(80%);-webkit-transform:translateY(80%);transform:translateY(80%);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;color:#fff;line-height:1.5;width:100%;max-height: 70px;overflow: hidden;} .newindex_common .pro_font a,.newindex_common .title_des .h3title,.newindex_common .title_des p {-moz-transition:all 1s cubic-bezier(.19,1,.22,1);-o-transition:all 1s cubic-bezier(.19,1,.22,1); -webkit-transition:all 1s cubic-bezier(.19,1,.22,1);transition:all 1s cubic-bezier(.19,1,.22,1)} .newindex_common:hover a .h3title,.newindex_common:hover a p{filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1;-moz-transform:translateY(0);-ms-transform:translateY(0); -webkit-transform:translateY(0);transform:translateY(0)} .newindex_common:hover .pro_img{ margin-left:-30px} .newindex_common:hover a{background-color:rgba(0,0,0,.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#7f000000",endColorstr="#7f000000",GradientType=0); text-decoration:none} .newindex_common:hover a:not([dummy]) {filter: progid:DXImageTransform.Microsoft.Gradient(enabled='false');} .newindex_pro3,.subpro2_con,.newindex_pro2 .subpro1_con,.indexsubpro_adv{width: 49%;position: relative;overflow: hidden;float: left;} .newindex_subpro2 .subpro2_con:first-child{margin-right: 4%;} .newindex_pro2 .subpro1_con{ float: right; } .subpro2_con{width:48%;} .subpro2_con:hover .pro_img{ margin-left:-10px} .newindex_subpro1{overflow:hidden;position: relative;} .newindex_con>div:first-child{margin-right:2%;} .newindex_pro3>div:first-child{margin-bottom: 4%;} .newindex_pro2{clear:both;padding: 1.3% 0px 0;} .newindex_pro2>div:first-child{margin-right:0;} .newindex_con .newindex_one{max-width: 99.2%;clear:both;overflow:hidden;} .newindex_con >.newindex_one:first-child{margin-right:0} .newindex_one .title_des{width:50%;margin: 15px 3%;} .home_pro2_con .newindex_con>div:first-child{margin: 0;padding-top: 0;} .home_pro3_con .newindex_pro3>div:first-child,.home_pro3_con .newindex_pro3 >div:first-child{margin-bottom:0;} .home_pro4_con .newindex_pro3>div:first-child{margin-bottom:0;} .animate-item{-webkit-transition: opacity .2s,-webkit-transform 1s cubic-bezier(0,.9,.45,1);transition: opacity .2s,transform 1s cubic-bezier(0,.9,.45,1);opacity: 0;-webkit-transform: translate(0px,300px);-ms-transform: translate(0px,300px);transform: translate(0px,300px);} .animate-item.animated{-webkit-transform: translate(0px,0);-ms-transform: translate(0px,0);transform: translate(0px,0);opacity: 1;filter: alpha(opacity=100)} } .indexsubpro_adv .act_bd{float:left;width:48.5%;position:relative;height:380px;} .indexsubpro_adv .act_bd li{opacity: 0;position: absolute;left: 0;top: 0;width:100%;height:100%;} .indexsubpro_adv .act_bd p{height: 115px;line-height: 23px;overflow: hidden;margin-top: 10px;} .indexsubpro_adv .act_bd p a{font-size:14px;color:#999999;} .indexsubpro_adv .act_bd .active{opacity:1;z-index:9;} .indexsubpro_adv>div:first-child{margin-right:3%;} .indexsubpro_adv .act_hd{float:left;width:48.5%;} .indexsubpro_adv .act_hd li{margin-bottom:10px;max-height: 55px;overflow: hidden; position:relative; padding-right:90px;} .indexsubpro_adv .act_hd li.active a{color:#cc0000} .indexsubpro_adv .act_hd a{ display:block;font-size: 16px;color: #333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .indexsubpro_adv .act_hd font{ position:absolute; right:0; top:0;color:#999999;font-size:14px;} .indexsubpro_adv .morenews{float:right;font-size:16px;line-height:35px;margin-top: 10px;} .indexsubpro_adv .morenews em{float: right;width: 35px;height: 35px;background:url("../img/all_tb.png") no-repeat scroll -333px -137px;transition: background-position 0.3s ease 0s;} .indexsubpro_adv .morenews a:hover em{background-position:-319px -137px;} /*固定右边菜单*/ .tool_right{position:fixed;bottom:20%;right:0;z-index:1000;} .tool_right li{width:47px;height:47px;position:relative;margin-bottom:5px;} .tool_right li .tb{width:100%;height:100%;position:absolute;background-image: url("../img/all_tb.png");background-repeat:no-repeat;background-position:8px -157px;background-color:rgba(0, 0, 0, 0.2);cursor:pointer;} .tool_right li .tb{background-color:#c1c2c2\9; } .tool_right li.tool2 .tb{background-position:8px -202px} .tool_right li.tool3 .tb{background-position:4px -255px} .tool_right li.tool4 .tb{background-position:6px -303px} .tool_right li.tool5 .tb{background-position: 6px -348px;} .tool_right li .zi{position: absolute;cursor:pointer;display:none;width: 94%;height: 90%;background-color: #cc0000;color: #FFF;font-size: 15px;text-align: center;padding: 5% 3%;line-height: 18px;} .tool_right li.tool1 .zi{background-image: url("../img/all_tb.png");background-repeat:no-repeat;background-position:8px -157px;} .tool_right li:hover .zi{display:block;background-color:#961989\9;} .tool_right li:hover .tool_con{display:block;} .tool_right li:hover .tb{opacity:0;filter:alpha(opacity=0);} .tool_con{position:absolute;right:45px;font-size:16px;padding-right: 10px;bottom: 0;display:none;} .tool_phone{width: 240px;background-color: #EDEBEB;border-radius: 5px;border: 1px solid #CCC;padding: 8px 12px;} .tool_phone dl{border-bottom:1px solid #cccccc;padding:5px 0;} .tool_phone dl:last-child{border:none;} .tool_phone dt{float:left;} .tool_phone dd{float:left;} .tool_phone .qqline{float:right;margin-right:10px;} .tool_phone .saom{text-align:center;width:150px;height:140px;margin:10px auto;} /*产品中心-产品列表*/ .nav_con{height: 48px;line-height: 48px;font-size: 16px;color: #FFF;position: relative;padding: 0px;left: 0px;top: 0px;width: 100%;background: #333 none repeat scroll 0% 0%;z-index: 200;transition: all 300ms ease 0s;box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.18);} .nav_msg a{color:#fff} .nav_msg s{padding:0 10px;float:left;} .nav_left>a{float:left;} .nav_right{float:right;} .nav_right>a{padding:0 10px;} @media screen and (max-width: 1400px) {.nav_right a{padding:0 5px;}} .nav_xl{float: left;height: 32px;line-height: 32px;border: 1px solid rgb(101, 101, 101);background-color: rgb(63, 63, 63);padding-left: 5px;margin-top: 8px;} .nav_xl .close{float: right;text-align: center;width: 27px;height: 32px;font-size: 12px;line-height: 32px;} .nav_xl .close:hover{background-color: rgb(146, 7, 131);margin-left: 7px;} .prolist_cate dl{background-color:#f6f5f5;border-bottom:1px solid #bdbdbd;line-height:30px;padding:10px 0;font-size:16px;} .prolist_cate dt{float:left;text-align:right;width:8%;} .prolist_cate dd{float:right;width:92%;} .prolist_cate dd a{margin-left:15px;} .prolist_ul{padding-bottom:50px;} .prolist_ul li{float:left;width:25%;margin-top:20px;} .prolist_ul li .img{width: 77%;height:170px;text-align:center;line-height:170px;margin:0 auto;display: block} .prolist_ul li .tit{float: left;max-width: 66%;font-size: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .prolist_ul li p{width: 77%;margin:10px auto;} .prolist_ul li .db{float:right;font-size:13px;color:#666;position:relative;margin-top: 5px;cursor:pointer;} .prolist_ul li .db:before{content:"";background:url("../img/all_tb.png") no-repeat scroll -39px -93px;width:20px;height:20px;left:-20px;position:absolute;} @media screen and (min-width: 1400px) {.prolist_ul li .img{margin: 25px auto;}} /*产品对比*/ .pro_relative{background-color:#dcdcdc;border-top:1px solid #dcdcdc;padding:15px 0;height:186px;} .pro_relative.selected{bottom:0;-webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out;-ms-transition: all .2s ease-out; -o-transition: all .2s ease-out;transition: all .2s ease-out;} .pro_relative dt{font-size:18px;color:#000;padding-bottom:20px;margin:0 1%;} .pro_relative dd{width:8%;color:#858585;font-size:18px;text-align:center;float:left;margin: 0 1%;word-break: break-all;} .pro_relative dd .img{display: block;position: relative;border: 1px solid #CCC;background-color: #FFF;width: 100%;height: 76px;line-height: 71px;} .pro_relative dd .img img{max-width:90%;max-height:90%;} .pro_relative dd .close{position:absolute;right:0;top:0;width:31px;height:31px;background:url("../img/all_tb.png") no-repeat scroll -315px 0;right: -14px;top: -16px;} .pro_relative dd p{line-height:20px;padding:10px 7px;} .pro_relative .submitbtn{margin-left: 60px;margin-top: 25px;} .pro_relative dd .submit{background-color:#838282;color:#fff;font-size:16px;width:85%;display:inline-block;line-height:32px;} .pro_relative dd .submit:hover{background-color:#ab50a1;} /*产品中心-业务联系*/ .yewuy_con{margin-bottom:50px;} .yewuy_contact{width:100%;font-size:16px;text-align:left;line-height:33px;margin-top:25px;} .yw_title{border-bottom:1px solid #eeeeee;font-size:18px;color:#333;margin-bottom: 10px;text-align: left;line-height: 45px;} .yw_title span{border-bottom: 2px solid #cc0000;display: inline-block;} .yewuy_contact td{width:16.7%;} .yewuy_contact thead{background-color:#e5e5e5;font-size:18px;color:#333;} .yewuy_contact thead td{padding-left:10px;} .yewuy_contact tbody tr{border-bottom:1px solid #cccccc;} .yewuy_contact tbody td{padding:7px 0 7px 10px;} /*产品中心-产品一览表*/ .schedule_title{/*border-bottom:1px solid #CCC;*/padding:0;height: 0px;margin:0px auto;} .schedule_title .sch_left{float:left;} .schedule_title .sch_left a{float:left;font-size:18px;margin-right:30px;cursor:pointer;} .schedule_title .sch_left .selected{border-bottom: 2px solid #cc0000;display: inline-block;} .schedule_title .sch_right{float:right;font-size:16px;} .schedule_title .sch_right a{margin-right:20px;} .schedule_title .sch_right a:hover,.schedule_title .sch_right a.selected{color:#cc0000} .schedule_list{border-bottom:1px solid #9b9b9b;font-size:16px;line-height:30px;padding:20px 0;} .schedule_list dl{float:left;width:100%;margin-bottom:10px;} .schedule_list dt{color:#333;font-size:16px;font-weight:bold;} .schedule_list dd{padding:5px 0;width: 10%;float: left;font-size:16px;} .schedule_list dd a:hover,.schedule_list dd a.selected{color:#cc0000} .schedule_list .sc_title{font-size:18px;clear:both;line-height:40px;color:#333;font-weight:bold;} /*产品中心-产品最终页面*/ .navcenter_drop{float:left;} .navcenter_drop span{position:relative;padding-right:30px;cursor:pointer;} .navcenter_drop span:after{content: "";position: absolute;right: 0;width: 20px;height: 15px;background: url("../img/all_tb.png") no-repeat scroll -43px -130px;top: 4px;} .navcenter_drop:hover span:after{background-position:-43px -158px;} .navcenter_drop:hover{background-color: #414141;padding: 0 10px;} .navcenter_drop:hover ul{display:block;} .navcenter_drop ul{display:none;position: absolute;left: 0px;right: 0px;top: 48px;background-color: #414141;z-index: 999;text-align:center;} .navcenter_drop ul li{border-bottom:1px solid #6d6c6c;} .navcenter_drop ul li:last-child{border:none;} .navcenter_drop ul li a{cursor:pointer;} .procent_con1{max-width:1200px;margin:0 auto;padding: 40px 15px;overflow:hidden;} .pro_left{float:left;width:47%;text-align:left;z-index: 2;position: relative;} .procent_con1 .title{font-size:30px;padding-bottom:15px;color:#333;} .procent_con1 .des{font-size:16px;line-height:30px;} .pro_right{float:right;width:47%;} .param_title{color:#fff;background-color:#b2b1b1;line-height:48px;font-size:16px;} .param_con{padding: 25px 15px;} .param_con .param_t{font-size:19px;color:#58595b;border-bottom:2px solid #dadada;line-height:45px;} .param_con .param_t span{float:right;font-size:13px;position:relative;cursor:pointer;} .param_con .param_t span:before{content: "";background: url("../img/all_tb.png") no-repeat scroll -79px -182px;width: 18px;height: 18px;position: absolute;left: -20px;top: 15px} .param_con .param_t span.selected:before{background-position:-48px -182px} .param_con ul{border-bottom:1px solid #dadada;font-size:13px;color:#58595b;padding:15px 0;line-height:30px;} .param_con ul span{float:left;width:16%;margin-left: 2%;word-break: break-all;} .param_con ul span .remove{display:block;} .param_con ul span .remove:hover{color:#92268f} .param_con2 ul span{width:50%;} .param_con ul span img{max-width:50%;} .param_con ul .p1{width: 10%;margin:0;} .param_con2 ul .p1{width:10%} .param_con ul .pl_img{height: 120px;line-height: 120px;} .param_con ul .pl_img img{vertical-align: bottom;} .param_con ul li{clear:both;} .param_con ul .selected{color:#cc0000;} .param_notice{font-size:13px;color:#58595b;line-height: 27px;padding:10px 15px;} .zhans_con3{position:relative;text-align:center;} .zhans_con3 .tb{position:absolute;} .zhans_con3 .pro_left{z-index: 3;position: relative;} .proimg_position{position: absolute;z-index: 1;right:0; /*width: 52%;*/height:100%;top: 0;} .zoombox{margin:25px auto;width: 652px;position:relative;padding: 0;} .zoombox .arrow-btn{width: 25px;height: 38px;margin-top: 20px;background: url("../img/all_tb.png") no-repeat scroll -52px -215px;cursor: pointer;position: absolute;bottom: 28px;} .zoombox #btn-left{left:-27px;} .zoombox #btn-right{right:-27px;background-position: -52px -263px;} .sp-loading {text-align: center; max-width: 270px;padding: 15px;border: 5px solid #eee;border-radius: 3px;font-size: 12px;color: #888;} .sp-wrap {display: none;margin: 25px auto;width: 698px;position: relative;} .sp-thumbs {width:9000px;} .sp-thumbs a {border: 1px solid #CCC;width: 96px;height: 73px;line-height: 73px;overflow: hidden;margin: 20px 5px 0;display: inline-block;-webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out;-ms-transition: all .2s ease-out; -o-transition: all .2s ease-out;transition: all .2s ease-out;background-size: 80% auto;background-position: center center; background-repeat: no-repeat;} .sp-thumbs a.sp-current {border:solid 1px #cc0000;position: relative;} .sp-large {margin-bottom: 30px;position: relative;overflow: hidden;width: 100%;height: 360px!important;line-height: 360px!important;text-align: center;} .sp-large a {width:100%;height:100%;display: block;} .sp-zoom {position: absolute;left: -50%; top: -50%;cursor: -webkit-zoom-in;cursor: -moz-zoom-in;cursor: zoom-in;display: none;} .sp-lightbox {position: fixed;top: 0;left: 0;height: 100%;width: 100%;background: rgb(0, 0, 0);background: rgba(0, 0, 0, .9);z-index: 1000;display: none;cursor: pointer;} .sp-lightbox img {position: absolute; margin: auto;top: 0;bottom: 0;left: 0;right: 0; max-width: 90%;max-height: 90%;border: 15px solid #fff;} #sp-prev, #sp-next { position: absolute;top: 50%;margin-top: -25px;z-index: 501;color: #fff;padding: 14px;text-decoration: none;background: #000;border-radius: 25px;border: 2px solid #fff;width: 50px;height: 50px;box-sizing: border-box;transition: .2s;} #sp-prev {left: 10px;} #sp-prev:before {content: '';border: 7px solid transparent;border-right: 15px solid #fff;position: absolute; top: 16px;left: 7px;} #sp-next {right: 10px;} #sp-next:before {content: '';border: 7px solid transparent;border-left: 15px solid white;position: absolute;top: 16px;left: 18px;} #sp-prev:hover, #sp-next:hover { background: #444;} .sp-thum-ul{width: 650px;overflow: hidden;margin: 0 auto;} .sp-wrap .sp-thumbs:first-child{position: absolute;bottom: 0px;z-index: 999;} .sp-wrap .sp-thumbs:last-child{opacity: 0;} .zoombox .title{font-size: 16px;text-align: center;position: absolute;bottom: 100px;left: 0px;right: 0px;z-index: 200;} .ban{width: 677px;position:relative; overflow:hidden;margin:10px auto;} .ban2{width:677px; height:400px; position:relative; overflow:hidden;margin:20px 0;} .ban2 ul{ position:absolute; left:0; top:0;} .ban2 ul li{ width:677px; height:400px;text-align:center;} .ban2 ul li a{display:block;width:677px;height:370px;line-height:370px} .ban2 ul li .title {line-height: 25px;font-size: 16px;text-align: center;z-index: 200;padding-top: 10px;} .prev{ float:left; cursor:pointer;} .num{ height:82px;overflow:hidden;width: 625px;position:relative;float:left;} .min_pic{ padding-top:10px; width:675px;margin: 0 auto;} .num ul{ position:absolute; left:0; top:0;} .num ul li{margin-right: 5px;padding: 1px;border: 1px solid #CCC;width: 96px;height: 73px;line-height: 73px;margin-right:5px;text-align: center;} .num ul li img{max-height:90%;max-width:90%;} .num ul li.on{ border:1px solid #cc0000; padding:0;} .prev_btn1,.next_btn1{width: 25px;height: 38px;float: left;margin-top: 20px;background: url("../img/all_tb.png") no-repeat scroll -52px -215px;cursor: pointer;} .next_btn1{float:right;background-position: -52px -263px;} /*法律声明*/ .legal_statement{padding-bottom:50px;} .legal_statement dl{max-width: 1410px;margin: 0px auto;padding: 0px 15px;margin:25px auto;} .legal_statement .title,.title_line{font-size:24px;border-bottom:1px solid #cccccc;color:#333;line-height:50px;max-width: 1410px;margin: 0px auto;padding-top: 15px;} .article_bj{padding:10px 0;position:relative;} .art_saomiao{font-size:16px;margin: 0px auto;text-align: right;position: absolute;max-width: 1410px;width: 100%;left: 0px;right: 0px;} .art_saomiao p{margin-right: 15%;margin-top:30px;} .legal_statement dt{font-size:20px;color:#333;} .legal_statement dd{font-size:16px;line-height:30px;} .legal_statement p{color: #666;font-size:16px;} .list-paddingleft-2{margin: 25px auto;max-width: 1410px;} /*服务网点*/ .mapselect_con .map_title{font-size:24px;color:#333;padding:20px 0;} .provin_select .select{position:relative;float:left;margin-right:38px;font-size: 16px;} .provin_select .select dt{display: inline-block;border: 1px solid #ccc;background-color: #eeeeee;padding-left: 10px;color: #333;cursor: pointer;padding-right: 12px;white-space: nowrap;text-overflow: ellipsis;position: relative;width: 275px;height: 38px;line-height: 38px;overflow: hidden;} .provin_select .select dt:after{content:"";width:20px;height:15px;position:absolute;right:10px;top: 12px;background: url("../img/all_tb.png") no-repeat scroll -53px -314px;} .provin_select .select dd{position: absolute;left: 0px;top: 39px;border: 1px solid #CCC;background: #FFF none repeat scroll 0% 0%;display: none;right: 0px;} .provin_select .select dd ul{width: 100%;max-height:250px;overflow:auto;} .provin_select .select dd ul li{border-bottom: 1px solid #CCC;} .provin_select .select dd ul li:last-child{border:none;} .provin_select .select dd ul li a{line-height:38px;display:block;padding:0 8px;} .provin_select .select dd ul li a:hover{background:#d20abc;} .provin_select .submit{font-size:16px;color: #333;border: 1px solid #ccc;background-color: #eeeeee;line-height:40px;height:40px;width:80px;text-align:center;cursor:pointer;} .addr_map{margin:10px 0 30px;} .addr_map .addr_left{padding-bottom: 30px;margin-right: 38px;} .addr_map .addr_left li.selected{background-color:#d20abc;} .addr_map .addr_left{float:left;width:297px;font-size:16px;background-color:#dcdddd;border: 1px solid #ccc;} .addr_map .addr_left li{border-bottom: 1px solid #ccc;background-color: #eeeeee;height: 50px;line-height: 50px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .addr_map .addr_left li i{background-color:#cc0000;color:#fff;border-radius:3px;padding:3px;font-style: normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0 5px;margin: 0 9px;} .addr_map .page{text-align:right;padding-top: 15px;} .addr_map .page a{display:inline-block;margin-right:15px;} .addr_map .page .selected{color:#cc0000} .addr_map .addr_right{float:left;width:60%;} @media screen and (max-width: 1400px) {.provin_select .select,.addr_map .addr_left{margin-right: 25px;}} /*联系我们-在线地图*/ .contact_left{float:left;width:78%;} .contact_right{float:right;width: 20%;} .contact_right .title_line{font-size:18px;} .contact_map{padding:20px 0 30px;font-size:16px;} .contact_map dt{font-size:18px;color:#333;padding-bottom:7px;} .contact_map dd{font-size:16px;} .contact_map p{width:70%;margin-top:10px;} .contact_menu{font-size:16px;padding:20px 0;line-height:35px;} /*二维码弹框*/ .wddz_boom{width: 657px;height: 550px;border-radius:5px;position: fixed;left:0;right:0;top:0;bottom:0;margin:auto;background: #FFF none repeat scroll 0% 0%;z-index: 9999;display: none;} .boom_bg{z-index: 9998;position: fixed;top: 0px;left: 0px;width: 100%;height: 100%;background: #000 none repeat scroll 0% 0%;opacity: 0.4;display: none;} .saom_close,.zhaop_close{width: 37px;height: 37px;background: url("../img/all_tb.png") no-repeat scroll -47px -339px;float: right;margin-top: -21px;margin-right: -34px;} .saomiao_con img{position: absolute;top: 0;right: 0;left: 0;bottom: 0;margin: auto;} @media screen and (max-width: 1400px) {.wddz_boom{width: 457px;height: 350px;}} /*社会招聘信息*/ .zhaop_process{background-color:#f0f0f0;padding:30px 0 40px;} .zhaop_process li{float: left;width: 19%;margin: 0px 7%;} .zhaop_process li .img{width:70px;height:70px;display:block;margin:10px auto;} .zhaop_process li .title{color:#333;font-size:18px;text-align:center;padding-bottom:15px;} .zhaop_process li .des,.zhaop_process li .more a{color:#7e7d7d;font-size:16px;} .zhaop_process li .more{text-align:right;padding:15px 0;} .zhaop_search{margin:45px auto 10px;} .search_position{float:left;position:relative;margin-right: 15px;} .search_position .text{height:40px;line-height:40px;border:1px solid #cccccc;border-radius:3px;font-size:16px;padding-left:5px;width: 300px;margin-right:5px;} .search_position:after{content: "";position: absolute;width: 27px;height: 27px;background: url("../img/all_tb.png") no-repeat scroll 3px -97px;right: 77px;top: 7px;} .search_position .submit{color:#ffffff;font-size:16px;background-color:#cc0000;border-radius:3px;line-height:40px;border:none;padding: 0px 10px 0px 30px;} .searchpos_key{float:left;font-size:16px;color:#666;line-height:40px;} .searchpos_key a{color:#666;padding:0 5px;} .search_sort{float:right;margin-top: 5px;} .search_sort a{padding-left:20px;position:relative;font-size:18px;} .search_sort a:before {content: "";background: url("../img/all_tb.png") no-repeat scroll -48px -182px;width: 18px;height: 18px;position: absolute;left: -1px;top: 5px;} .search_sort a.selected:before{background-position:-79px -182px;} .search_sort .time{margin-right:15px;} .zhaop_table .yewuy_contact{margin-bottom:15px;} .zhaop_table .yewuy_contact td{width:14%;text-align:center;} .zhaop_table .jiant{width:23px;height:20px;background: url("../img/all_tb.png") no-repeat scroll -83px -206px;display:inline-block;cursor:pointer;} .zhaop_table .jiant:hover{background-position:-120px -206px;} .zhaop_table .jiant.selected{background-position:-83px -230px;} .zhaop_table .jiant.selected:hover{background-position: -121px -230px;} .zhaop_table .yewuy_contact td:first-child{text-align:left;width:36%;} .zhaop_table .yewuy_contact .apply{background-color:#cc0000;color:#fff;padding: 3px 8px;} .zp_result_num{font-size:16px;} .zp_result_num font{color:#cc0000;} .page_con{text-align:center;font-size:16px;padding: 20px 0 30px;} .page_con a{padding:2px 6px;} .page_con a:not(.current):hover{color:#cc0000} .page_con .current{background-color:#cc0000;color:#fff;} .zhaop_notice{font-size:16px;color:#cc0000;padding:50px 0;} .shezhao_process .schedule_title .sch_left a{font-size:24px;line-height: 62px;margin-right:70px;} .shezhao_process .zhop_tit{font-size: 16px;line-height: 30px;} .shezhao_process .provin_select{margin-top:50px;} .provin_select .tit{float:left;font-size:18px;line-height: 40px;} /*招聘信息弹框*/ .zhaop_tank{font-size:18px;color:#333;line-height:32px;padding: 10px 0 25px;} .zhaop_tank font{color:#666;font-size:16px;} .zp_det .lb span{margin-right:10px;} .zhaop_tank dl{margin-top:10px;} .zhaop_tank dd{color:#666;font-size:16px;} .zp_btn_tk{padding-top:20px;} .zp_btn_tk>a{background-color: #cc0000;color: #FFF;padding: 4px 10px;margin-right:10px;font-size:16px;} .zp_btn_tk .shouc{padding-left: 30px;position:relative;} .zp_btn_tk .shouc:before{content: "";position: absolute;width: 22px;height: 21px;left: 5px;background: url("../img/all_tb.png") no-repeat scroll -87px -264px;top: 5px;} /*分享*/ .zp_btn_tk .bdshare_img {float: right;} .bdshare_img .bdsharebuttonbox span{float:left;color:#666;} .bdshare_img .bdsharebuttonbox a {width: 33px;height: 33px;padding: 0px;margin: 0px 5px;float: left;background-image: url("../img/all_tb.png") !important;} .bdshare_img .bdsharebuttonbox .bds_weixin {background-position: -180px 0px!important;} .bdshare_img .bdsharebuttonbox .bds_weixin:hover{background-position: -180px -49px !important;} .bdshare_img .bdsharebuttonbox .bds_qzone {background-position: -223px 0px !important;} .bdshare_img .bdsharebuttonbox .bds_qzone:hover {background-position: -223px -49px !important;} .bdshare_img .bdsharebuttonbox .bds_tsina {background-position: -268px 0px !important;} .bdshare_img .bdsharebuttonbox .bds_tsina:hover {background-position: -268px -49px !important;} /*申请职位*/ .apply_position{font-size:18px;color:#333;} .ap_title{padding:15px 0;} .ap_title font{color:#cc0000;} .apply_position dl{clear: both;line-height: 43px;border-bottom: 1px solid #ccc;padding: 7px 0;} .apply_position dl:after{clear: both;display: block;content: " ";} .apply_position dt{float:left;width: 15%;} .apply_position dd{float:left;width:84%;} .apply_position dd input{width:250px;height:43px;line-height:43px;border: none;margin-right:10px;padding-left:5px;color:#666;} .apply_position dd .input2{width:100px} .apply_position dd .input3{width:596px;} .apply_position dd textarea{width:600px;height:120px;padding:5px;color:#666;border: none;} .radio_con .rb {width: 18px;height: 18px;cursor: pointer;background: url("../img/all_tb.png") no-repeat scroll -79px -182px;margin: 0 auto;float:left;margin-top: 13px;} .radio_con .rb_active{background-position: -48px -182px;} .radio_con span{float:left;margin:0 15px 0 5px;} .apply_position dd select{width:108px;height:43px;line-height:43px;border:1px solid #cccccc;margin-right:10px;} .file_resumtbtn{background-color: #cc0000;color: #FFF;padding: 4px 30px 4px 10px;margin-right: 10px;position:relative;} .file_resumtbtn:after{content:"";position:absolute;width:24px;height:20px;right:4px;top: 6px;background: url("../img/all_tb.png") no-repeat scroll -80px -94px} .apply_position dd .yanz_img{width: 120px;height: 43px;cursor: pointer;margin-left: 5px;text-align:center;display: inline-block;} .apply_position .applybtn{margin:20px 0 50px;} .apply_position .applybtn input{background-color: #cc0000;color: #FFF;width:167px;line-height:37px;height:37px;margin-right: 10px;border:none;border-radius:5px;cursor:pointer;} .apply_position .applybtn input:hover{background-color:#be6ab5;} .apply_position dd font{color:#cc0000;display:inline-block;} .apply_position .notice{margin:10px 0 50px;} .apply_position .notice .title2{color:#cc0000;} .apply_position .notice .des{font-size:16px;margin-top:10px;} /*校园招聘信息*/ .school_zhaop .sc_banner{margin-top:10px;} .school_zhaop .sc_zhaop_msgtable td{width:20%;} .school_zhaop .sc_zhaop_msgtable td:nth-child(2){width:65%;} .school_zhaop .sc_zhaop_msgtable td:nth-child(3){text-align:center;width:15%;} .sc_saom li{float:left;width: 183px;margin-right:20px;text-align:center;font-size:16px;} .sc_saom li p{padding:5px 0 20px;} /*联系我们-联系信息*/ .contact_message{padding:30px 0 50px;} .contact_message dl{width: 48%;float: left;margin-left: 2%;padding-bottom: 25px;padding-top: 5px;line-height: 30px;} .contact_message dt{color:#000;font-size:18px;padding-bottom:5px;} .contact_message dd{color:#616060;font-size:16px;} .contact_message .con_row{clear:both;} .contact_message .msg_title{font-size:26px;color:#cc0000;margin:0 2%;padding: 10px 0;} /*联系我们-银行资料*/ .bank_ziliao{line-height: 30px;padding-bottom:50px;} .bank_ziliao .notice{font-size:16px;color:#7e7d7d;padding:15px 0;} .bank_ziliao dl{padding-top:15px;} .bank_ziliao dt{color:#000;font-size:18px;padding-bottom:5px;} .bank_ziliao dd{color:#616060;font-size:16px;} .bank_ziliao .bj_dl{padding-bottom:15px;} .bank_ziliao .bj_dl dt{background-color:#e5e5e5;padding:0 10px;margin-bottom: 8px;} .bank_ziliao .bj_dl dd{padding:0 10px;} .bank_ziliao .bj_dl .line{margin: 5px 0;height: 1px;} /*搜索结果-列表*/ .list_search{margin:20px 0;} .list_seaform{float:left;} .list_seaform .sertext{border: 1px solid #CCC;font-size:16px;float: left;height: 40px;line-height: 40px;border-radius: 5px;padding-left: 10px;width: 600px;margin-right:10px;} @media screen and (max-width: 1400px) {.list_seaform .sertext{width: 500px;}} .list_seaform .submit {float: left;width: 42px;height: 42px;background: #cc0000 url("../img/all_tb.png") no-repeat scroll 10px -90px;border-radius: 5px;border: medium none;cursor:pointer;} .list_search .sear_result{font-size:16px;color:#666666;float:left;line-height: 40px;margin-left: 10px;} .searprolist_con{margin-bottom:20px;} .searprolist_con li{padding:20px 0;border-bottom: 1px solid #CCC;} .searprolist_con li .img{width: 25.7%;height:180px; overflow:hidden;float: left;text-align:center;} .searprolist_con li .img img{display:block; width:100%; height:100%;-o-object-fit: cover;object-fit: cover;} .searprolist_con li .con{float:right;width:71%;} .searprolist_con li .tit{font-size:18px;color:#333;} .searprolist_con li font{color:#cc0000;} .searprolist_con li .date{text-align:right;color:#999999;font-size:16px;padding-bottom:5px;} .searprolist_con li .des{color:#666;font-size:16px;} /*新闻列表*/ .news_list .schedule_title .sch_left a{font-size:24px;} .news_list .provin_select{float:right;height: 40px;position: relative; top:-130px;} .news_list .provin_select .select{margin-right: 0px;} .news_list .provin_select .select dt{width:180px;} .layui-flow-more{text-align:center;margin:10px 0 50px;clear:both;} .layui-flow-more a{display:inline-block;font-size:13px;color:#666666;background-color:#efefef;line-height:32px;width:220px;} /*新闻内容页*/ .about_article{font-size:16px;padding-bottom:50px;} .about_article .title_news{font-size:28px;color:#333333;text-align:center;} .about_article .art_soure{font-size:16px;color:#999999;text-align:center;padding:15px 0;margin-bottom:30px;} .article_font p{color:#333333;padding-bottom:15px;} .article_font img{padding:15px 0;margin:0 auto;display:block;} .art_det_bot{padding:15px 0;} .art_det_bot .time{float:left;line-height:33px;} .art_prenext{border-top:1px solid #eee;padding:10px 0;} .art_prenext a,.art_det_bot .time{color:#999;} .art_prenext a:hover{color:#cc0000;} .art_prenext .pre{float:left;} .art_prenext .next{float:right;} .about_article .bdshare_img{float:right;} .about_article .bdshare_img span{color: #999;float: left;line-height: 33px;} .about_article .bdshare_img .bdsharebuttonbox{float: right;} /*研发中心排列*/ .jieshao_con{max-width: 1410px;} .jieshao_4list li{float:left;width:23%;text-align:center;margin:50px 1%} /*合作模式*/ //.hezuomoshi_con{padding: 0px 15px;} /*采购政策*/ .caigou_zc p{font-size: 16px;line-height: 30px;margin: 25px auto;} @media screen and (max-width: 1400px) {.contact_us .title_line{margin:0;}} /*供应商登录*/ .login_con .login_msg{height: 370px;width: 100%;} .login_msg dl{clear: both;line-height: 43px;font-size: 16px;border-bottom: 1px solid #CCC;padding: 10px 0px;} .login_msg dl:after{clear: both;display: block;content: " ";} .login_msg dt{float: left;width: 15%;margin-right: 0px;} .login_msg dd font{color:#cc0000;display:inline-block} .login_msg dd{width: 85%;float: left;} .login_msg dd input{height: 43px;line-height: 43px;border: 1px solid #FFF;margin-right: 10px;padding-left: 5px;width: 26%;} .login_msg .apply_position{border:none;} /*供应商注册*/ .reg_title,.add_area .del_title{font-size:18px;color:#cc0000;border-bottom: 1px solid #cc0000;line-height: 40px;margin: 20px 0 10px;position:relative;padding-left:25px;} .reg_title:before{content:"";width:15px;height:15px;background-color:#cc0000;position:absolute;left:0;top:14px;} .register_con dl{border-bottom: 1px solid #ccc;padding-bottom:0;} .register_con dt{width: 230px;text-align: left;margin:0;} .register_con dd{width: 75%;} .register_con dd input{border:1px solid #fff;} .register_con dd input.w500{width:500px;} .register_con dd input[type=radio]{width: 21px;margin-right:2px;} .register_con dd input[type=radio]:not(:first-child){margin-left:50px;} .register_con dd textarea{margin-bottom: 10px;} .yanzm_line{border-top: 1px solid #cc0000;padding-top:25px;margin-top:20px;} .register_con .yanzm{width: 108px;height: 43px;line-height: 43px;border: 1px solid #CCC;margin-right: 10px;padding-left: 5px;color: #666;margin-left: 10px;} .register_con .sarttime,.register_con .endtime{position:relative;padding-left:20px;top: 3px;padding-right: 45px;} .register_con .sarttime:before,.register_con .endtime:before{content:"";width:12px;height:12px;border-radius:50%;background-color:#9c9c9c;position:absolute;left:0;top:7px;} .register_con .review_area textarea{width: 100%;height: 170px;border: none;border-bottom: 1px solid #ccc;line-height: 25px;} .add_area .del_title .del{float:right;color:#cc0000} .add_area .add_btn{text-align:center;padding: 15px 0;} .add_area .add_btn a{display:inline-block;border:1px solid #333;padding:3px 10px 3px 45px;position:relative;} .add_area .add_btn a:before{content:"";position:absolute;width:35px;height:35px;background: url("../img/all_tb.png") no-repeat scroll -85px -302px;left: 5px;} /*供应商注册-注册后*/ .register_after ul{border-bottom:1px solid #cccccc;padding:20px 0;} .register_after li{padding:7px 0} .register_after .font{color:#cc0000;} .register_after .logout{background-color:#cc0000;padding:5px 10px;border-radius:5px;color:#fff;margin-left:25px;} .register_after .tishi{color:#b6b6b6;} /*新资源平台*/ .ziy_pingtai{padding-bottom:50px;} .ziy_pingtai .pt_ul{padding:20px 0 40px;} .ziy_pingtai .pt_ul li{float: left;width: 15%;font-size: 16px;margin-right: 1.5%;padding:2px 0px;} @media screen and (max-width: 1400px) {.ziy_pingtai .pt_ul li{width: 18.5%;}} .ziy_pingtai .bj_dl dt .gys{float: right;font-size: 16px;color: #333;} .ziy_pingtai .bj_dl dt .gys a:hover{color:#cc0000;} /*工厂展示*/ .display_con .schedule_title .sch_left a{font-size:24px;margin-right:30px;} .displaylist_ul{padding-bottom:50px;} .displaylist_ul li{float:left;width:25%;margin-top:20px;} .displaylist_ul li .img{width: 88%;height:233px;text-align:center;line-height:233px;margin:0 auto;display: block} .displaylist_ul li p{font-size: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align:center;color:#333;} /*公司简介*/ .intro_con dl{max-width:810px;margin:0 auto;color:#333;padding-top:35px;} .intro_con dt{font-size:40px;padding-bottom:20px;} .intro_con dd{font-size:16px;} .intro_con dd p{text-indent:2em;padding:10px 0;} /*公司视频*/ #videoswrap ul{width:102.5%;padding-bottom: 50px;} #videoswrap li{float:left;width:31%;margin-right: 2%;font-size:18px;color:#333333;text-align:center;margin-top:20px;} #videoswrap li p a{color: #cc0000;} #videoswrap .video_link{display:block;width:80%;margin:0 auto;height:225px;line-height:225px;cursor:pointer;} #videoswrap li p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:10px 0;} /*品牌故事*/ .brand_gs{font-size:16px;position:relative;} #loutinav {top: 100px;right: 15%;position: absolute;} #loutinav .pos{position:fixed;} #loutinav em{position: absolute;height: 104%;width: 2px;background-color: #CCC;right: 4px;top: -3px;} #loutinav ul li {position: relative;clear:both;} #loutinav ul li span {line-height: 20px;display: none;position: absolute;right: 15px;} #loutinav ul li i{float:left;height:10px;width:10px;background-color:#cccccc;border-radius:50%;margin-top: 5px;margin-left: 7px;cursor:pointer;} #loutinav ul li.active span {color: #cc0000;display: block;} #loutinav ul li.active i,#loutinav ul li:hover i {background-color: #cc0000;} #loutinav ul li:hover span{display:block;} .louti{padding-top:35px;} .louti .year{float:left;font-size:21px;margin-right: 3%;color: #333;} .louti ul{float:left;border-bottom: 1px solid #CCC;padding-bottom:50px;width: 73%;} .louti ul li{position:relative;padding-left:20px;} .louti ul li:before{content:"";position:absolute;left:0;top: 10px;height:7px;width:7px;background-color:#cccccc;border-radius:50%;} .louti.active .year{color:#cc0000} .louti.active ul li:before{background-color: #cc0000;} /*企业文化*/ .culture_con{padding:28px 15px 70px;overflow:hidden;} .culture_con ul{width: 111%;} .culture_con li{position: relative;float: left;margin-top: 55px;margin-right: 9%;width: 24%;} .culture_con .cul_des{color: #FFF;position: absolute;right: 6%;top: 26%;text-align: right;} .culture_con .tit{font-size:30px;} .culture_con .des{font-size:16px;} /*员工活动-荣誉证书*/ .honor_con{} .honor_con .displaylist_ul li p{height: 58px;white-space: normal;line-height: 26px;margin: 10px 2% 0;} /*404错误页面*/ .error404{text-align:center;font-size:20px;color:#999;padding-top: 80px;} .error404_cn2{padding:15px 0;} /*企业报刊-列表*/ .dianz_bk{padding:20px 15px 50px;} .dianz_bk ul{padding-bottom:20px;} .dianz_bk li{float:left;width: 15%;margin-right: 1.5%;margin-top:13px;} .dianz_bk li a{display:block;height: 250px;line-height:250px;text-align:center;} .dianz_bk li a img:hover{border:1px solid red;} .dianz_bk li .qikai{color: #000;font-size:14px;margin: 0 8%;} .dianz_bk li p{text-align: center;float:right;} /*电子报刊-文章列表*/ .news_art_list{padding:30px 15px;} .news_art_list .n_left{float:left;width:378px;} .n_left .news{width:378px;height:550px;overflow: hidden;border:1px solid #dddddd} #cvi_tooltip{ display:none; position:absolute; padding:4px 8px; color: #333333; text-shadow: white 0px 1px 0px; background: #ffdd00; background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(255,255,255)), to(rgb(255,224,0))); background-image: -moz-linear-gradient(top, rgb(255,255,255), rgb(255,224,0)); font: 16px Arial, Helvetica, sans-serif; text-align:left; font-weight: bold; border: 1px solid orange; max-width: 240px; min-width: 30px; border-radius: 8px; -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: rgba(40,20,0,.66) 0px 0px 8px; -moz-box-shadow: rgba(40,20,0,.66) 0px 0px 8px; -webkit-box-shadow: rgba(40,20,0,.66) 0px 0px 8px; user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; } .newleft_page{background-color:#f1f1f1;padding:20px 0;margin-top:17px;} .newleft_page a,.newright_page a{font-size:16px;color:#ffffff;padding: 2px 7px;border-radius: 3px;} .newleft_page .l{float:left;background-color:#616161;margin-left:15px;} .newleft_page .r{background-color:#4c4c4c;float:right;margin-right:15px;} .news_art_list .n_right{float:left;width: 66%;margin-left: 2.5%;} .newright_page{padding:10px 0;border-bottom:1px solid #dddddd} .newright_page a{background-color:#4c4c4c;} .newright_page .back{float:left;} .newright_page .r{float:right;margin-left:15px;} .n_right .n_title{font-size:16px;height:35px;line-height:35px;padding:0 8px;color:#fff;background-color:#3b3b3b;} .newright_l,.newright_r{background-color:#f5f5f5;height: 574px;overflow:auto;margin-top:15px;} .newright_l{float:left;width: 68%;} .newright_r{width: 29%; float: right;} .n_list li{font-size:16px;height:45px;line-height:45px;border-bottom:1px solid #ddd;padding: 0 10px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .n_list li a:hover,.n_list li a.selected,.news_prenext a:hover{color:#cc0000;} .news_article{margin-top:20px;height: 490px;overflow: auto;} .news_article .title_news{font-size:20px;} .news_prenext{text-align:center;} .news_prenext a{color:#999;font-size: 16px;padding:5px 10px;display: inline-block;} @media screen and (max-width: 1350px) {.news_art_list .n_right{width:60%;}} /*合理化建议*/ .jy_left{float:left;width:15.5%;padding-top: 10px;} .title_line{font-size:24px;color:#333;border-bottom:1px solid #cccccc;line-height: 55px;} .jy_left ul{padding:20px 0;} .jy_left li a{display:block;font-size:16px;line-height: 35px;position:relative;} .jy_left li a:after{content: "";width: 17px;height: 21px;position: absolute;right: 0px;background: url("../img/all_tb_1.png") no-repeat scroll 0px -81px;top: 9px;} .jy_left li a:hover,.jy_left li a.selected{color:#cc0000} .jy_right{float:right;width:82%;padding-top: 10px;} .jy_right .jy_title a{float:right;font-size:16px;color:#cc0000;border:1px solid #cc0000;border-radius: 5px;padding: 2px 7px;margin-top: 15px;} .jianyi_ul li{font-size:16px;color:#333333;line-height:30px;padding-bottom:50px;} .jy_right .jianyi_ul li .tit{font-size:18px;border-bottom:1px solid #cccccc;line-height: 50px;} .jy_right .jianyi_ul li .date{color:#999;padding: 10px 0;} .jy_right .jianyi_ul li .des{padding: 10px 0;} .jy_right .jianyi_ul li .ask{font-size:18px;color:#999;padding:5px 0} .jy_right .jianyi_ul li .ask_con{color:#cc0000;} .onload_more{font-size:13px;clear:both;text-align:center;padding:20px 0 50px;} .onload_more a{display:inline-block;line-height:35px;padding:0 100px;color:#666666;background-color:#efefef;} /*组织架构*/ .zuzhi_ul li{border-bottom:1px solid #cccccc;height:65px;color:#999999;font-size:16px;line-height:65px;} .zuzhi_ul li a{font-size:18px;color:#333333;} .zuzhi_ul li span{float:right;} .newmsg_con{padding:10px 15px;} .newmsg_con .title_line,.jianyi_con .title_line{margin:0;} /*组织机构-内容页*/ .article_con{font-size:16px;line-height:30px;padding-bottom:30px;} .article_con .date,.article_msg .date{color:#999999;padding-top:10px;} .article_con dt{color:#333;text-indent:2em;padding:5px 0;font-weight: bold;} .article_con dd{color:#666;text-indent:2em;padding:5px 0} /*康冠耕耘者*/ .article_msg{padding:10px 15px 30px;font-size:16px;line-height:30px;} .article_msg .des{text-indent:2em;padding:8px 0;} .article_msg .img{text-align:center;} /*合理化建议*/ .proposal_con {font-size: 18px;color: #333;} .proposal_con dl {border-bottom: 1px solid #CCC;padding-bottom: 0px;clear: both;line-height: 43px;padding: 10px 0px;} .proposal_con dt {float: left;width: 140px;text-align: left;margin: 0px;} .proposal_con dd {float: left;width: 75%;} .proposal_con dd input {width: 250px;height: 43px;line-height: 43px;border: 1px solid #FFF;margin-right: 10px;padding-left: 5px;color: #666;} .proposal_con dd font {color: #cc0000;display: inline-block;} .proposal_con .yanzm_line {padding-top: 0;margin-top: 0;border-top:0;} .proposal_con .yanzm {width: 108px;height: 43px;line-height: 43px;border: 1px solid #CCC;margin-right: 10px;padding-left: 5px;color: #666;margin-left: 10px;} .proposal_con .yanz_img{display: inline-block;height: 45px;} .proposal_con .applybtn {margin: 20px 0px 50px;} .proposal_con .applybtn input {background-color: #cc0000;color: #FFF;width: 167px;line-height: 37px;height: 37px;margin-right: 10px;border: medium none;border-radius: 5px;} .proposal_con .applybtn input:hover{background-color:#be6ab5;} .proposal_con dl:after{clear: both;display: block;content: " ";} .proposal_con .area textarea{width: 100%;height: 170px;border: none;border-bottom: 1px solid #ccc;line-height: 25px;} /*内部管理-组织结构-部门相册*/ .phone_ul{padding:10px 0;} .phone_ul li{width: 12%;font-size:16px;text-align:center;margin:10px 4% 0px 0;float:left;line-height:30px;} .phone_ul li .img{display:block;height: 145px;line-height: 145px;text-align:center;width:100%} .phone_ul li .img img{vertical-align: bottom;} .phone_ul li p{height: 42px; line-height: 21px;margin-top: 3px;} .phone_ul_first{border-bottom:1px solid #cccccc} /*登录页面*/ .login_background{background:url("../img/login_bj.jpg") no-repeat center center;background-size:100% 100%;} .login_background,.interior{position:absolute;width:100%;height:100%;top:0;bottom:0;left:0;right:0;margin:auto;} .interior{width:863px;height:317px;background:url("../img/login_bj2.png") no-repeat 0 0;} .interior .slideBox{position: relative;overflow:hidden;width:438px;height:172px;margin-top: 9.6%;margin-left: 8%;float: left;} .interior .slideBox .hd {overflow: hidden;z-index: 1;text-align: right;position: absolute;width: 100%;bottom:5%;} .interior .slideBox .hd ul{float:none;} .interior .slideBox .hd ul li {width: 9px;height: 9px;line-height: 9px;text-align: center;cursor: pointer;text-indent: -9999px;display: inline-block;border-radius: 10px;margin-right:10px;border:1px solid #fff;} .interior .slideBox .hd ul li.on {background: #FFF none repeat scroll 0% 0%;border:1px solid #fff;} .interior .slideBox .bd {position: relative;height: 540px;z-index: 0;} .interior .slideBox .bd li {text-align:center;vertical-align: middle;} .interior .slideBox .bd li{height: 540px} .interior .slideBox .bd li a {display: block;height: 100%;} .login_right{float:left;width:280px;height:172px;margin-top: 9.6%;margin-left: 2%;} .login_right .login_logo{font-size:16px;color:#000000;} .login_right .login_logo img{max-width: 60px;margin-right:10px;} .login_l{position:relative;margin-top: 35px;} .login_l dl{height:23px;line-height:23px;clear: both;margin-top: 8px;} .login_l dt{float:left;width:50px;} .login_l dd{float:left;width:228px;} .login_l dd input{border:1px solid #caced1;height:21px;padding-left:5px;width:150px;float:left;} .login_l dd .yzm_input{width:60px;} .login_l .yzm_img{float: left;max-height: 23px;max-width: 78px;margin-left:5px;} .login_submit{position:absolute;width:57px;height:57px;background:url("../img/login_btn.png") no-repeat 0 0;right: 8px;top: -2px;} .login_submit .submit{width: 100%;height: 100%;cursor: pointer;opacity: 0;} /** 表单验证使用样式 */ .Validform_checktip{margin-left:8px;line-height:20px;height:20px;overflow:hidden;color:#999;font-size:14px} .Validform_right{color:#71b83d;padding-left:20px;background:url(../img/right.png) no-repeat left center} .Validform_wrong{color:#cc0000;padding-left:20px;white-space:nowrap;background:url(../img/error.png) no-repeat left center} .Validform_loading{padding-left:20px;background:url(../img/onLoad.gif) no-repeat left center} .Validform_error{background-color:#ffe7e7} #Validform_msg{color:#7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width:280px; -webkit-box-shadow:2px 2px 3px #aaa; -moz-box-shadow:2px 2px 3px #aaa; background:#fff; position:absolute; top:0px; right:50px; z-index:99999; display:none;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');} #Validform_msg .iframe{position:absolute; left:0px; top:-1px; z-index:-1;} #Validform_msg .Validform_title{line-height:25px; height:25px; text-align:left; font-weight:bold; padding:0 8px; color:#fff; position:relative; background-color:#000;} #Validform_msg a.Validform_close:link,#Validform_msg a.Validform_close:visited{line-height:22px; position:absolute; right:8px; top:0px; color:#fff; text-decoration:none;} #Validform_msg a.Validform_close:hover{color:#cc0;} #Validform_msg .Validform_info{padding:8px;border:1px solid #000; border-top:none; text-align:left;} /*视频播放关闭按钮替换插件layer.css里面的按钮*/ .layui-layer .layui-layer-setwin .layui-layer-close2{width: 35px;height: 35px;right: -53px;top: -35px;background:url(../img/close_icon.png) no-repeat 0 0} .layui-layer .layui-layer-setwin .layui-layer-close2:hover{display:block;background-position:0 0;} .ueditor{font-size:16px;color:#666;} /*合作模式页面动画自适应效果重新排版*/ .cooper_moshi{position:relative;overflow:hidden;} .cooper_moshi .ms_img{position: absolute;bottom: 0px;left: 0px;top: auto;} .cooper_moshi .ms_font{position:absolute;top:0;left:50%;width:50%;} .cooper_moshi .ms_font .title{font-size: 30px;padding-bottom: 15px;} .cooper_moshi .ms_font .des{font-size: 17px;line-height: 35px;word-break: break-all;} /*动画出来文字效果*/ /*.procent_con1 .pro_left{animation: 1s cubic-bezier(0.4, 0, 0.2, 1) 0s norml none 1 running anmitbanner;} @-webkit-keyframes anmitbanner{ 0%{a opacity:0; -webkit-transform:translate3d(0,40px,0) } to{ opacity:1; -webkit-transform:translateZ(0) } } @keyframes anmitbanner{ 0%{ opacity:0; -webkit-transform:translate3d(0,40px,0); transform:translate3d(0,40px,0) } to{ opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0) } }*/ @media screen and (max-width: 1400px){ .container,.jieshao_con,.legal_statement dl,.legal_statement .title,.title_line,.art_saomiao,.jieshao_con{max-width:1210px;} .header_con .logo{font-size: 22px;} .list-paddingleft-2{margin: 25px auto;max-width: 1210px;} .indexsubpro_adv .act_bd{height: 347px;} .header_nav>li{padding:0 12px;} .header_con .logo{margin-right: 3%;} .footer_font{max-width:90%} .cooper_moshi .ms_font .title{font-size:25px;} .cooper_moshi .ms_font .des{font-size:12px;line-height: 26px;} .shezhao_process .schedule_title .sch_left a{font-size:21px;} .dianz_bk li .qikai{font-size:12px;} } @media screen and (max-width: 1280px){ .container,.jieshao_con,.legal_statement dl,.legal_statement .title,.title_line,.art_saomiao,.jieshao_con{max-width:1180px;} .list-paddingleft-2{margin: 25px auto;max-width: 1180px;padding: 0 15px;} .legal_statement .title{margin: 0px auto;} .header_nav>li{padding:0 10px;} .header_con .logo{margin-right: 2%;} .footer_font{max-width:930px} .cooper_moshi .ms_font .title{font-size:23px;} .shezhao_process .schedule_title .sch_left a{font-size:18px;} } @media screen and (max-width: 1024px) { .container,.jieshao_con,.legal_statement dl,.legal_statement .title,.title_line,.art_saomiao,.jieshao_con{max-width:980px;} .list-paddingleft-2{margin: 25px auto;max-width: 980px;padding: 0 15px;} .legal_statement .title{margin: 0px auto;} .header_nav>li{padding:0 8px;} .header_con .logo{margin-right: 1%;} .footer_font{max-width:930px} .cooper_moshi .ms_font .title{font-size:21px;} } /*合理化建议添加上传图片和图片展示*/ .zoom_larger{margin: 10px 0;} .smallBox{height:48px;} .smallBox li{float:left;width:66px;height:48px;line-height:46px;text-align:center;margin-right:10px;padding-bottom:0;} .smallBox li a{display:block;width: 100%;height: 100%;border: 1px solid #cccccc;} .smallBox li img{cursor: url("../img/big.cur"), auto !important;max-height: 90%;} .smallBox li a.selected{border: 1px solid #cc0000;position:relative;height: 50px;} .smallBox li a.selected:after{content:'';border-style:dashed solid;border-color:#cc0000 transparent transparent;border-width:5px;position:absolute;bottom: -11px;left: 45%;} .viewbigImg{width:574px;height:435px;border:1px solid #adadad;margin: 15px 0;display:none;} .viewbigImg .viewbtn{margin: 10px 0;} .viewbigImg .viewbtn div{float:left;color:#999999;margin-right:10px;padding-left:20px;position:relative;cursor:pointer;font-size:14px;} .viewbigImg .viewbtn div:before{content:"";width:18px;height:18px;background: url("../img/all_tb.png") no-repeat scroll -331px -45px;position: absolute;left: 0;top: 6px;} .viewbigImg .viewbtn .input1:before{background-position: -332px -82px;} .viewbigImg .viewbtn .input2:before{background-position:-332px -117px;} .viewbigImg .jqzoom{width: 97%; height: 384px; line-height: 380px; margin: 0px auto;text-align:center;position: relative;} .viewbigImg .jqzoom img{cursor: url("../img/small.png"), auto !important;} .viewbigImg .jqzoom .verimg{max-width: 394px;max-height: 556px;} .viewbigImg .leftBtn,.viewbigImg .rightBtn{position:absolute;width:50px;height:80px;top:0;bottom:0;margin:auto;background: url("../img/all_tb.png") no-repeat scroll -42px 0px;} .viewbigImg .rightBtn{background-position:-110px 0px;right:0;} /*合理化建议图片上传*/ .upload_geshi{color:#999999;font-size:14px;line-height:30px;margin: 10px 0;} .upload_con{margin-bottom: 20px;} .file_upload{width: 96px;height: 30px;background: url("../img/all_tb.png") no-repeat scroll -138px -98px;cursor: pointer;float: left;margin-right: 5px;} .upload_img span {font-size: 14px;color: #999999;float: left;line-height: 48px;padding: 0 5px;} .upload_img li {float: left;width: 66px;height: 48px;line-height: 48px;text-align: center;margin: 0 5px;position: relative;} .upload_img li .review_del{position:absolute;width:100%;height:100%;top:0;left:0;display:none;padding:0;background-color:rgba(255,255,255,0.7);background-image: url("../img/all_tb.png");backgrond-repeat: no-repeat;background-position: -245px -900px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#b2ffffff",endColorstr="#b2ffffff",GradientType=0);} .upload_img li .review_del:not([dummy]) {filter: progid:DXImageTransform.Microsoft.Gradient(enabled='false');} .upload_img li:hover .review_del{display:block;} /*校企合作*/ .collabor_con{font-size:23px;} .collabor_con .title{font-size:33px;color:#fff;border-radius:5px;padding:2px 25px;display:inline-block;margin-bottom:20px;margin-right: 15px;} .collabor_con .titbj1{background-color:#0ca241;} .collabor_con .color1{color:#056828;} .collabor_con .titbj2{background-color:#e9214b;} .collabor_con .color2{color:#e9214b;} .collabor_con .titbj3{background-color:#ff9000;} .collabor_con .color3{color:#ff9000;} .collabor_con .titbj4{background-color:#2093c0;} .collabor_con .color4{color:#2093c0;} .collabor_con dl{margin-bottom:60px;} .collabor_con .img{margin:50px 0 60px} .collabor_con dd{line-height:55px;} .collabor_con dd .t_z{text-indent:2em;} .collabor_con .t2{color:#650217;} .collabor_con .p_l{padding-left: 39px;} .collabor_con .mb{margin-bottom:20px;} .collabor_con .div_bt{padding-bottom:20px;} /*产品中心-产品列表页-产品系列展示页*/ .pro_listshow{padding:50px 0 100px;} .prolist_top{position:relative;text-align:right;background-color:#ffffff;margin-bottom: 40px;} .prolist_top .act{width:50%; float:right;} .prolist_top.on .act{float:left;} .prolist_top .prol{position:absolute;height:350px;width:50%;top: 0;bottom: 0;margin: auto; left:0;} .prolist_top.on .prol{left:auto; right:0;} .prolist_top .prol .img{float: left;width: 54%;margin:0;line-height: 350px;height: 350px;text-align: center;} .prolist_top.on .prol .img{float: right;} .prolist_top .prol .pro{float:left;width:40%;text-align:left;position: relative;top:50%; -webkit-transform:translate(0,-50%);transform:translate(0,-50%);} .prolist_top.on .prol .pro{float:right;} .prolist_top .prol .tit{font-size:22px;margin: 5px 0 7px;display: block;} .prolist_top .prol .des{font-size:14px;} .listshow_ul{width:100%;} .listshow_ul li{float:left;text-align:center;width:32%;margin-right: 2%;background-color:#fff;margin-bottom:2%;} .listshow_ul li:nth-child(3n){margin-right:0;} .listshow_ul li:hover,.pro_listshow2 li:hover{transition: all 0.2s linear 0s;box-shadow:0 10px 13px #babbbc;-webkit-box-shadow:0 10px 13px #babbbc; -webkit-transform:translate(0,-5px);transform:translate(0,-5px);} .listshow_ul li .img{display: block;} .listshow_ul li .img img{vertical-align: bottom;} .w1480{ width:1480px; max-width:100%; margin:auto;} .w1200{ width:1200px; max-width:100%; margin:auto;} @media screen and (max-width: 1400px) {.listshow_ul li .img{height:180px;line-height:180px;}} @media screen and (max-width: 1200px) {.listshow_ul li .img{height:150px;line-height:150px;}} .listshow_ul li .tit{font-size:22px;display:block;} .listshow_ul li .des{margin: 8px 43px 30px;height: 50px;line-height: 25px;overflow: hidden;font-size:14px;} /*产品中心-产品列表页-商用显示产品*/ .pro_listshow2{} .pro_listshow2{width:101%;padding:20px 0;} .pro_listshow2 li{float:left;text-align:center;width: 32.3%;margin-right: 1%;background-color:#fff;margin-bottom: 30px;} .pro_listshow2 li .img{height:248px;display: block;} @media screen and (max-width: 1400px) {.pro_listshow2 li .img{height:218px;}} @media screen and (max-width: 1200px) {.pro_listshow2 li .img{height:180px;}} .pro_listshow2 li .tit{font-size:26px;display:block;margin:10px 0} .pro_listshow2 li .des{margin: 8px 15% 30px;height: 75px;line-height: 25px;overflow: hidden;font-size:14px;} .pro_listshow2 li. two{width:49%;margin-right: 1%;} .gy_txt{ font-size:16px; line-height:35px; color:#000; padding:50px 0 100px;} .gy_l{ float:left; width:45%; padding-top:80px;} .gy_r{ float:right; width:50%;position:relative; padding:0 50px; box-sizing:border-box;} .zsqh_l,.zsqh_r{ position:absolute; top:50%; margin-top:-20px; width:40px; height:40px; cursor:pointer; background-size:40px 40px !important;} .zsqh_l{ left:0px; background:url(../img/sy_zs_l.png) center no-repeat;} .zsqh_r{ right:0px; background:url(../img/sy_zs_r.png) center no-repeat;} .zsqh_l:hover{background:url(../img/sy_zs_l_hover.png) center no-repeat;} .zsqh_r:hover{background:url(../img/sy_zs_r_hover.png) center no-repeat;} .zsqh{ overflow:hidden;} .zsqh ul{ width:10000%; position:relative;} .zsqh ul li{ float:left; width:0.49%; margin-right:0.02%;} .zsqh ul li img{ display:block; width:100%;} .fanzhan_dsanp{} .fanzhan_dsanp li{float: left;width: 32%;margin-right:2%;} .fanzhan_dsanp li:nth-child(3n){margin-right:0;} .fanzhan_dsanp li .pic{margin-bottom:6%;overflow: hidden;} .fanzhan_dsanp li img{width: 100%;transition: all 0.5s;} .fanzhan_dsanp li .pic:hover img{transform: scale(1.2);} .fa_lc{ background:#FFF; padding:50px 0;} .fa_lc ul{ position:relative; padding-bottom:350px;} .fa_lc ul:after{ content:''; position:absolute; left:50%; top:0; width:1px; height:100%; background:rgba(5, 91, 97, 0.2);} .fa_lc ul li{ width:50%; box-sizing:border-box; padding:80px 150px 50px; text-align:right; position:relative;} .fa_lc ul li:nth-child(2n){ margin-left:50%; text-align:left;} .fa_lc ul li h2{ font-size:30px; color:#cc0000;font-weight: 400;} .fa_lc ul li h3{ font-size:14px; color:#333; line-height:30px; padding:10px 0;font-weight: 400;} .fa_lc ul li h1{ position:relative;} .fa_lc ul li h1 img{ position:absolute; left:0; top:0; width:100%;max-width:none;max-height:none;} .fa_lc ul li:after{ content:''; position:absolute; right:110px;top:95px; width:10px; height:10px; background:#cc0000; border-radius:50%; box-shadow:0 0 10px #cc0000; z-index:2;animation-name: tada;animation-duration: 1s;animation-fill-mode: both;animation-iteration-count: infinite;} .fa_lc ul li:before{ content:''; position:absolute; right:0;top:100px; width:110px; height:0px; z-index:1; border-bottom:1px solid rgba(5, 91, 97, 0.2);} .fa_lc ul li:nth-child(2n):after{ right:auto; left:110px;} .fa_lc ul li:nth-child(2n):before{ right:auto; left:0px;} @keyframes tada{0%{transform:scaleX(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{transform:scaleX(1)}} .tdfc{ padding:80px 0;} .tdfc ul li{ float:left; width:23.5%; margin:0 2% 2% 0;} .tdfc ul li:nth-child(4n){margin-right:0;} .tdfc ul li img{ display:block; width:100%;} .tdfc ul li p{ text-align:center; font-size:18px; line-height:30px; color:#333;} .jzgd{ width:220px; height:35px; line-height:35px; text-align:center; color:#333; background:#eee; margin:auto; cursor:pointer;} .mygd{ width:220px; height:35px; line-height:35px; text-align:center; color:#333; background:#eee; margin:auto; cursor:pointer; display:none;} .layout2{ background:#f0f0f0;} .ny_cp_xq *{ box-sizing:border-box;} .ny_cp_xq{width:100%; margin:100px auto 0;overflow:hidden;} .ny_cp_xq_img{ position:relative; max-width:600px; margin:auto;} .ny_cp_xq_img_l{ float:left; width:100%;} .ny_cp_xq_img_l .h1{ font-size:30px; line-height:60px; color:#cc0000; text-align:center;} .ny_cp_xq_img_l .h2{ overflow:hidden;} .ny_cp_xq_img_l .h2 img{ display:block; width:100%; -webkit-transition:0.5s;transition:0.5s;} .ny_cp_xq_img_l .h2 img:hover{ -webkit-transform:scale(1.1);transform:scale(1.1);} .ny_cp_xq_img_r{ float:left;width:100%;} .ny_cp_xq_img_r ul li{ float:left; width:23.5%;margin:0 2% 0 0; cursor:pointer; opacity:0.3; -webkit-transition:0.5s;transition:0.5s;} .ny_cp_xq_img_r ul li:nth-child(4n){margin-right:0;} .ny_cp_xq_img_r ul li.on{opacity:1;} .ny_cp_xq_img_r ul li img{display:block; width:100%;} .ny_cp_xq_img_ewm{ position:absolute; right:-50px; top:90px; box-shadow:0 0 15px #ccc; width:150px; padding:10px;} .ny_cp_xq_img_ewm img{ display:block; width:100%;} .ny_cp_xq_img_ewm p{ font-size:14px; line-height:30px; color:#333; text-align:center;} .ny_cp_xq_js{font-size:14px; line-height:24px; color:#666; padding:40px 0px 40px 0;} .view-page{width:100%;position:relative; margin:0px 0 0px; border-top:1px solid #eee; padding-top:30px; padding-bottom:100px;} .view-page2{ width:100%;} .view-page .prev,.view-page .back,.view-page .next{font-size:14px; width:138px; height:38px; border:solid 1px #ddd; line-height:38px; position: absolute;transition:background-color .25s ease-in-out;-moz-transition:background-color .25s ease-in-out;-webkit-transition:background-color .25s ease-in-out; } .view-page .prev{left:0;} .view-page .prev a,.view-page .next a{text-align:center;} .view-page a{display:block;} .view-page .back{left:50%; margin-left:-80px;} .view-page .back a{color:#666; text-align:center;} .view-page .next{right:0;} .view-page .prev:hover a{color:#fff; background:#cc0000;} .view-page .next:hover a{color:#fff; background:#cc0000;} .view-page .back:hover a{background:#cc0000; color:#fff;} .news_list{ padding-bottom:80px; padding-top:50px;} .article_font{ color:#333;} .slide_join{ padding:20px 0 50px;} .slide_join h3{float:left;width:100%; height:45px; padding:0 2%; font-weight:normal; background-color:#eee;margin-top:20px; cursor:pointer;} .slide_join h3.on{background-color:#cc0000;} .slide_join h3 span{float:left; width:80%; height:45px; color:#000; font-size:16px; line-height:45px; overflow: hidden; text-overflow:ellipsis;} .slide_join h3.on span{color:#fff;} .slide_join h3 em{float:right; width:30px;height:30px; margin:8px 0 0 0; background:url(../img/join_img9.png) no-repeat;} .slide_join h3.on em{background:url(../img/join_img10.png) no-repeat;} .slide_join ul{float:left; width:100%; background-color:#fff; padding:15px 2% 15px 2%; display:none;} .slide_join ul .join_show{float:left; width:100%; font-size:14px; line-height:28px;} .contact_derp{ padding:80px 0 0;} .contact_derp_box{} .contact_derp .box{} .contact_derp .box .txt{float: left;width: 32%;font-size: 16px;line-height: 30px;position: relative;background: #eee;color: #333; margin-right:2%;margin-bottom: 2%;padding:30px 50px;box-sizing: border-box;} .contact_derp .box .txt:nth-child(3n){margin-right:0;} .message{ margin-top:50px; padding-bottom:80px;} .message *{ box-sizing:border-box;} #message{ position:relative; top:-120px;} .message h3{text-align:center; color:#333; font-size:24px; font-weight:400;} .message ol{width:100%;float:left; margin-top:30px;} .message ol li{float: left; width:48.5%; margin-bottom:20px; background:#fff; border:1px solid #e6e6e6;} .message ol li:nth-child(2n){float:right;} .message ol li:nth-child(6){float:left;} .message ol li:nth-child(7){float:right;} .message ol li input{width:100%; height:48px; line-height:48px; background:none; border:none; color:#757575; padding:0 15px; font-size:14px; outline:none; -webkit-appearance:none;} .message ol li textarea{font-size:14px; padding:10px 15px; width:100%; height:120px; border:none; background:none; color:#999; outline:none; -webkit-appearance: none;} .message ol li .btn,.message ol li .btn2{color:#fff; font-size:16px; cursor:pointer;} .message ol li .btn{background:#cc0000;} .message ol li .btn2{background:#999;} .bat{ overflow:hidden; position:relative;margin-top: 67px;} .bat img{ display: block; width:1920px; position:relative; left:50%; margin-left:-960px;max-width:none;max-height:none;} .bat .bat_txt{ width:95%; max-width:1200px; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); z-index:1; text-align:center;} .bat .bat_txt .h3{ font-size:24px; line-height:24px; color:#fff; text-transform:uppercase; padding-bottom:15px;} .bat .bat_txt .h1{ font-size:42px; line-height:42px; color:#fff; padding-bottom:15px;} .bat .bat_txt .h2{ font-size:16px; line-height:16px; color:#fff;} .bat .bat_txt.fff .h1{color:#fff;} .bat .bat_txt.fff .h2{color:#fff;} .ny_st{ min-height:600px;padding-left:250px;box-sizing:border-box;position:relative;} .ny_st.w1200{max-width: 1400px;} .ny_st2{padding-left:0px;} .ny_st_lfl{ width:220px; margin-top:30px;position:absolute;top:0;margin-left:-250px;} .ny_st_lfl_bt{ font-size:24px; line-height:24px; color:#fff; /*font-weight:bold;*/background: #cc0000;padding: 25px 30px;} .ny_st_lfl_bt span{display: block; font-size:16px; line-height:16px; color:#fff;text-transform: uppercase;padding-top: 10px;} .ny_st_lfl ul{background: #eee;} .ny_st_lfl ul li{border-top:1px solid #f0f0f0;} .ny_st_lfl ul li a{ font-size:16px; line-height:24px; color:#333;display: block;padding: 15px 50px;position: relative;} .ny_st_lfl ul li a:hover{color:#fff;background: #e13d3d;} .ny_st_lfl ul li a:after{content: '';position: absolute;left: 30px;top:50%;margin-top: -4px; width: 6px;height: 6px;border: 1px solid #666;border-radius: 50%;} .ny_st_lfl ul li.on a:after{border: 1px solid #fff;} .ny_st_lfl ul li a:hover:after{border: 1px solid #fff;} .ny_st_lfl ul li.on>a{color:#fff;background: #e13d3d;} .ny_st_lfl ul li ul li a{ font-size:14px; line-height:35px; color:#666;} .ny_st_rnr{ width:100%; position:relative;} .ny_st2 .ny_st_rnr{ width:100%;} .ny_st_rnr_wzdt{ height:80px; border-bottom:1px solid #bbb; position:relative; padding-top:44px;} .ny_st_rnr_wzdt span{ float:left; font-size:14px; line-height:35px; color:#333; padding:0 3px;} .ny_st_rnr_wzdt span.dqwz{ font-size:18px; padding:0 10px 0 0;} .ny_st_rnr_wzdt a{ float:left; font-size:18px; line-height:35px; color:#333;} .ny_st_rnr_wzdt a.on{color:#cc0000;} .ny_st_rnr_wzdt .spz{ position:absolute; left:0; top:20px; font-size:16px; line-height:16px; color:#808080;} .ny_gy_bt{ font-size:16px; line-height:30px; color:#333; padding-top:50px; padding-bottom:20px;} .ny_gy_text{ font-size:14px; line-height:30px; color:#666; padding-bottom:30px;} .ny_gy_text img{ display:block; max-width:100%;} .ny_cp{ padding-top:60px;} .ny_cp ul li{ float:left; width:23.5%; margin:0 2% 2% 0; border:1px solid #bbb;} .ny_cp ul li:nth-child(4n){margin-right:0;} .ny_cp ul li .ny_cp_img{ overflow:hidden;} .ny_cp ul li .ny_cp_img img{ display:block; width:100%; -webkit-transition:0.5s;transition:0.5s;} .ny_cp ul li:hover .ny_cp_img img{ -webkit-transform:scale(1.1);transform:scale(1.1);} .ny_cp ul li .ny_cp_txt{ font-size:16px; line-height:24px; color:#333; text-align:center; padding:15px 0 20px;} .ny_hz_bt{ font-size:30px; text-align:center; line-height:30px; color:#333; padding:80px 0 60px;} .ny_hz_bt span{ display:block;font-size:16px; padding-top:10px; color:#777;} .ny_hz_img1{padding-top:50px;} .ny_hz_img1 ul li{ float:left; width:23.5%; margin:0 2% 2% 0;} .ny_hz_img1 ul li img{ display:block; width:100%; -webkit-transition:0.5s;transition:0.5s;} .ny_hz_img1 ul li:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);} .ny_hz_img1 ul li:nth-child(4n){margin-right:0;} .ny_hz_img1 ul li .h1{ position:relative; overflow:hidden;} .ny_hz_img1 ul li .h2{ position:relative; overflow:hidden;} .ny_hz_img1 ul li .txt_bg{position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.3);-webkit-transition:0.5s;transition:0.5s;} .ny_hz_img1 ul li .txt_bg .txt{position:absolute; left:0; width:100%; padding:0 40px; top:50%; -webkit-transform:translate(0,-50%);transform:translate(0,-50%);} .ny_hz_img1 ul li .h1 .txt_bg .txt{ font-size:18px; line-height:30px; color:#FFF; text-align:center;} .ny_hz_img1 ul li .h2 .txt_bg .txt{ font-size:14px; line-height:24px; color:#FFF;} /*.ny_hz_img1 ul li:hover .txt_bg{ opacity:0;}*/ .ny_hz_img2 ul li{ float:left; width:15%; margin:0 2% 2% 0;} .ny_hz_img2 ul li img{ display:block; width:100%; -webkit-transition:0.5s;transition:0.5s;} .ny_hz_img2 ul li:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);} .ny_hz_img2 ul li:nth-child(6n){margin-right:0;} .ny_hz_img3 ul li{ float:left; width:18.4%; margin:0 2% 2% 0;} .ny_hz_img3 ul li img{ display:block; width:100%; -webkit-transition:0.5s;transition:0.5s;} .ny_hz_img3 ul li:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);} .ny_hz_img3 ul li:nth-child(5n){margin-right:0;} .fhx{ border-bottom:1px solid #bbb; padding-top:30px;} .ny_hz_bz{ font-size:14px; line-height:24px; color:#777; text-align:right; padding-top:60px; padding-bottom:100px;} .ny_tw_bt{width:100%;text-align:center; line-height:30px; padding:0px 0 16px 0; font-size:14px; margin-top:60px;} .ny_tw_bt .line{padding:0 10px; color:#d3d3d3;} .ny_tw_bt .color-blue{color:#787876;} .ny_tw_bt .h3{padding:8px; line-height:30px; font-size:24px;color:#333;} .ny_tw{ font-size:14px; line-height:24px; color:#666; padding:40px 0 50px;} .ny_tw img{ display:block; max-width:100%; margin:auto;} .ny_xw{ padding-top:0px;} .ny_xw ul li{ border-bottom:1px dashed #ccc; padding-left:290px; position:relative; padding-bottom:10px; margin-bottom:20px; margin-top:60px;} .ny_xw ul li .ny_xw_img{ position:absolute; left:10px; top:0; width:265px; overflow:hidden; height:145px;} .ny_xw ul li .ny_xw_img img{ display:block; width:100%; -webkit-transition:0.5s;transition:0.5s;} .ny_xw ul li:hover .ny_xw_img img{-webkit-transform:scale(1.1);transform:scale(1.1);} .ny_xw ul li .ny_xw_txt{ position:relative; height:150px;} .ny_xw ul li .ny_xw_txt .h1{ font-size:16px; line-height:30px; color:#333;} .ny_xw ul li:hover .ny_xw_txt .h1{color:#cc0000;} .ny_xw ul li .ny_xw_txt .h4{ font-size:14px; line-height:24px; color:#777;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .ny_xw ul li .ny_xw_txt .h2{ font-size:14px; line-height:24px; color:#aaa; padding-top:5px;} .ny_xw ul li .ny_xw_txt .h3{ position:absolute; left:0; bottom:10px; font-size:14px; line-height:22px; color:#777;} .ny_xw ul li:hover .ny_xw_txt .h3{color:#cc0000;} .ny_lx{ font-size:16px; line-height:35px; color:#666; padding:50px 0;} .ny_lx_dt{ margin-top:60px;} .ny_xw_gd{ position:absolute; right:60px; top:44px; width:220px; height:35px; overflow:hidden;} .ny_xw_gd ul li{ display:none;} .ny_xw_gd ul li a{ display:block; font-size:14px; line-height:35px; color:#1d5e99;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; text-align:right;} .slide_join{ padding:20px 0 50px;} .slide_join h3{float:left;width:100%; height:45px; padding:0 2%; font-weight:normal; background-color:#eee;margin-top:20px; cursor:pointer;} .slide_join h3.on{background-color:#cc0000;} .slide_join h3 span{float:left; width:80%; height:45px; color:#000; font-size:16px; line-height:45px; overflow: hidden; text-overflow:ellipsis;} .slide_join h3.on span{color:#fff;} .slide_join h3 em{float:right; width:30px;height:30px; margin:8px 0 0 0; background:url(../img/join_img9.png) no-repeat;} .slide_join h3.on em{background:url(../img/join_img10.png) no-repeat;} .slide_join ul{float:left; width:100%; background-color:#fff; padding:15px 2% 15px 2%; display:none;} .slide_join ul .join_show{float:left; width:100%; font-size:14px; line-height:28px;} .message{ margin-top:0px;} #message{ position:relative; top:-120px;} .message h3{text-align:center; color:#333; font-size:24px; font-weight:400;} .message ol{width:100%;float:left; margin-top:30px;} .message ol li{float: left; width:48.5%; margin-bottom:20px; background:#fff; border:1px solid #e6e6e6;} .message ol li:nth-child(2n){float:right;} .message ol li:nth-child(6){float:left;} .message ol li:nth-child(7){float:right;} .message ol li input{width:100%; height:48px; line-height:48px; background:none; border:none; color:#757575; padding:0 15px; font-size:14px; outline:none; -webkit-appearance:none;} .message ol li textarea{font-size:14px; padding:10px 15px; width:100%; height:120px; border:none; background:none; color:#999; outline:none; -webkit-appearance: none;} .message ol li .btn,.message ol li .btn2{color:#fff; font-size:16px; cursor:pointer;} .message ol li .btn{background:#cc0000;} .message ol li .btn2{background:#999;} /** 重置图片元素 **/ .fl{float:left;} .fr{float:right;} .l{ float:left;} .r{ float:right;} .clear:after{content:"."; display:block; height:0; visibility:hidden; clear:both; overflow:hidden;} .w98{ width:98%;margin:auto;} .w1200{ width:95%;max-width:1200px; margin:auto;} .wenhua{padding:100px 0;} .wenhua ul li{ float:left; width:100%; height:400px;} .wenhua_txt{ width:50%; position:relative; top:50%; -webkit-transform:translate(0,-50%);transform:translate(0,-50%); padding:0 50px 20px; box-sizing:border-box;-webkit-animation-name: none;animation-name: none;} .wenhua_txt p{ font-size:16px; line-height:30px; color:#666;} .wenhua_txt p strong{ font-size:30px; line-height:50px; color:#cc0000; font-weight:normal;} .wenhua_txt span{ font-size:14px; line-height:30px; color:#999;} .wenhua_txt.l{ text-align:right;} .wenhua_img{ width:50%; height:100%; overflow:hidden;} .wenhua_img img{ display:block;height:100%;max-width:none; position:relative; left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);-webkit-animation-name: none;animation-name: none;} #banner{overflow:hidden !important;margin:0 auto;width:100%; max-height:100vh;} #banner *{ box-sizing:border-box;} #banner .mask{position:absolute;top:0;right:0;bottom:0;left:0;} #banner .swiper-wrapper{overflow:hidden;} #banner .swiper-container .swiper-slide a{display:block;width:100%; background-size:cover !important;} #banner .swiper-container .swiper-slide a:after{clear:both;display:block;overflow:hidden;height:0;content:'';} #banner .swiper-container .swiper-slide .banner{position:relative;margin:0 auto;width:1220px;height:100%;} #banner .swiper-container .swiper-slide .banner1 .notes{position:absolute;top:298px;left:34px;width:574px;height:150px;background:url(../images/index/banner1notes.png);opacity:0;} #banner .swiper-container .swiper-slide .banner1 .eyes{position:absolute;top:416px;left:739px;z-index:10;display:none;width:265px;height:76px;background:url(../images/index/eyes.png) no-repeat;background-size:contain;opacity:0;-moz-background-size:contain;} #banner .swiper-container .swiper-pagination .swiper-pagination-bullet{width:50px;height:6px;border:1px solid #fff;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background:0 0;} #banner .swiper-container .swiper-pagination .swiper-pagination-bullet b{display:block;width:100%;height:100%;background:#FFF;} #banner .swiper-container .swiper-pagination .swiper-pagination-bullet-active b{-webkit-animation:banner 5s linear;-moz-animation:banner 5s linear;-o-animation:banner 5s linear;animation:banner 5s linear;} #banner .swiper-container .swiper-button-prev{top:455px;left:55px;background:url(../images/public/leftBtn.png) no-repeat;background-size:contain;-moz-background-size:contain;} #banner .swiper-container .swiper-button-next{top:455px;right:55px;background:url(../images/public/rightBtn.png) no-repeat;} #banner .bannerTips{position:absolute;top:20px;left:0;width:100%;height:100%;} #banner .bannerTips .ban{position:relative;margin:0 auto;width:1220px;height:100%;} #banner .bannerTips .bannerMsg{position:absolute;top:312px;width:100%;color:#fff;} #banner .bannerTips h2{font-weight:400;font-size:48px;opacity:0;-webkit-transform:translateY(-100px);-moz-transform:translateY(-100px);-o-transform:translateY(-100px);transform:translateY(-100px);-ms-transform:translateY(-100px);} #banner .bannerTips h4{margin-top:10px;font-weight:300;font-size:24px;line-height:30px;opacity:0;-webkit-transform:translateY(-120px);-moz-transform:translateY(-120px);-o-transform:translateY(-120px);transform:translateY(-120px);-ms-transform:translateY(-120px);} #banner .bannerTips1 .bannerMsg{text-indent:20px;} #banner .bannerTips2 .bannerMsg{top:164px;text-align:center;} #banner .bannerTips5 .bannerMsg{top:250px;} #banner .bannerTips3 .bannerMsg{top:388px;text-indent:510px;} #banner .bannerTips3 h4{margin-top:10px;color:#fff;font-weight:100;font-size:24px;} #banner .bannerTips4 .bannerMsg{top:303px;text-align:left;text-indent:184px;} #banner .bannerTips4 .bannerMsg h2,#banner .bannerTips4 .bannerMsg h4{color:#1b1d1f;} #banner .bannerTips4 .bannerMsg p{margin-top:10px;color:#747474;opacity:0;-webkit-transform:translateY(-100px);-moz-transform:translateY(-100px);-o-transform:translateY(-100px);transform:translateY(-100px);-ms-transform:translateY(-100px);} #banner .swiper-slide-active .bannerTips1 h2{opacity:1;-webkit-transition:all 1s 2s;-moz-transition:all 1s 2s;-o-transition:all 1s 2s;transition:all 1s 2s;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);-ms-transform:translateY(0);-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;} #banner .swiper-slide-active .bannerTips1 h4{opacity:1;-webkit-transition:all 1s 2s;-moz-transition:all 1s 2s;-o-transition:all 1s 2s;transition:all 1s 2s;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);-ms-transform:translateY(0);-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;} #banner .swiper-slide-active .bannerTips2 h2,#banner .swiper-slide-active .bannerTips3 h2,#banner .swiper-slide-active .bannerTips4 h2{opacity:1;-webkit-transition:all 1s .5s;-moz-transition:all 1s .5s;-o-transition:all 1s .5s;transition:all 1s .5s;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);-ms-transform:translateY(0);-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;} #banner .swiper-slide-active .bannerTips2 h4,#banner .swiper-slide-active .bannerTips2 p,#banner .swiper-slide-active .bannerTips3 h4,#banner .swiper-slide-active .bannerTips3 p,#banner .swiper-slide-active .bannerTips4 h4,#banner .swiper-slide-active .bannerTips4 p{opacity:1;-webkit-transition:all 1s .5s;-moz-transition:all 1s .5s;-o-transition:all 1s .5s;transition:all 1s .5s;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);-ms-transform:translateY(0);-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;} #banner.beginB .swiper-slide-active .bannerTips1 h2{opacity:1;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;transition:all 1s;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);-ms-transform:translateY(0);-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;} #banner.beginB .swiper-slide-active .bannerTips1 h4{opacity:1;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;transition:all 1s;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);-ms-transform:translateY(0);-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;} #banner.beginB .swiper-slide-active .bannerTips1p h2{-webkit-transition:all 1s .5s;-moz-transition:all 1s .5s;-o-transition:all 1s .5s;transition:all 1s .5s;} #banner.beginB .swiper-slide-active .bannerTips1p h4{-webkit-transition:all 1s .5s;-moz-transition:all 1s .5s;-o-transition:all 1s .5s;transition:all 1s .5s;} #banner .swiper-container{width:100%;height:100%;} #banner .swiper-container a{display:block;} #banner .arrow-left{position:absolute;top:0;left:0;z-index:999;width:15%;height:100%;} #banner .arrow-left span{position:absolute;top:50%;left:20px;display:block;margin-top:-32px;width:64px;height:64px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;background:rgba(180,180,180,.25) url(../img/arrows.png) no-repeat center 17px;opacity:0;-webkit-transition:opacity .5s ease;-webkit-transition:opacity .5s ease;-moz-transition:opacity .5s ease;-o-transition:opacity .5s ease;transition:opacity .5s ease;} #banner .arrow-left:hover span{opacity:.6;} #banner .arrow-right{position:absolute;top:0;right:0;z-index:999;width:15%;height:100%;} #banner .arrow-right span{position:absolute;top:50%;right:20px;display:block;margin-top:-32px;width:64px;height:64px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;background:rgba(180,180,180,.25) url(../img/arrows.png) no-repeat center -71px;opacity:0;-webkit-transition:opacity .5s ease;-webkit-transition:opacity .5s ease;-moz-transition:opacity .5s ease;-o-transition:opacity .5s ease;transition:opacity .5s ease;} #banner .arrow-right:hover span{opacity:.6;} #banner .pagination{position:absolute;bottom:0;left:0;width:100%;text-align:center;} #banner .pagination li{display:inline-block;margin:0 3px;width:50px;height:30px;cursor:pointer;} #banner .pagination li span{display:block;overflow:hidden;width:50px;height:6px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background:rgba(128,128,128,.5);} #banner .pagination li span i{display:block;height:6px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background:#FFF;opacity:1;-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-o-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0;-moz-transform-origin:0;-o-transform-origin:0;transform-origin:0;-ms-transform:scaleX(0);-ms-transform-origin:0;} #banner .noClick li span i{opacity:1;-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-o-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0;-moz-transform-origin:0;-o-transform-origin:0;transform-origin:0;-ms-transform:scaleX(0);-ms-transform-origin:0;} #banner .pagination .current span i,#banner .pagination .firstCurrent span i{opacity:1;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;} #banner .pagination .click span{background:gray;} #banner .pagination .click span i{display:none;} #banner .autoplay li span i{opacity:1;-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-o-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0;-moz-transform-origin:0;-o-transform-origin:0;transform-origin:0;-ms-transform:scaleX(0);-ms-transform-origin:0;} #banner .autoplay .firstCurrent span i{-webkit-transition:all 5s linear;-moz-transition:all 5s linear;-o-transition:all 5s linear;transition:all 5s linear;-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-o-transform:scaleX(1);transform:scaleX(1);-ms-transform:scaleX(1);} #banner .autoplay .current span i{-webkit-transition:all 5s linear;-moz-transition:all 5s linear;-o-transition:all 5s linear;transition:all 5s linear;-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-o-transform:scaleX(1);transform:scaleX(1);-ms-transform:scaleX(1);} #banner .autoplay .replace span{background:gray;} #banner .autoplay .replace span i{-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-o-transform:scaleX(0);transform:scaleX(0);-ms-transform:scaleX(0);} /* * Swiper 2.7.6 * Mobile touch slider and framework with hardware accelerated transitions * * http://www.idangero.us/sliders/swiper/ * * Copyright 2010-2015, Vladimir Kharlampidi * The iDangero.us * http://www.idangero.us/ * * Licensed under GPL & MIT * * Released on: February 11, 2015 */ /* =============================================================== Basic Swiper Styles ================================================================*/ .swiper-container { margin:0 auto; position:relative; overflow:hidden; direction:ltr; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; /* Fix of Webkit flickering */ z-index:1; } .swiper-wrapper { position:relative; width:100%; -webkit-transition-property:-webkit-transform, left, top; -webkit-transition-duration:0s; -webkit-transform:translate3d(0px,0,0); -webkit-transition-timing-function:ease; -moz-transition-property:-moz-transform, left, top; -moz-transition-duration:0s; -moz-transform:translate3d(0px,0,0); -moz-transition-timing-function:ease; -o-transition-property:-o-transform, left, top; -o-transition-duration:0s; -o-transform:translate3d(0px,0,0); -o-transition-timing-function:ease; -o-transform:translate(0px,0px); -ms-transition-property:-ms-transform, left, top; -ms-transition-duration:0s; -ms-transform:translate3d(0px,0,0); -ms-transition-timing-function:ease; transition-property:transform, left, top; transition-duration:0s; transform:translate3d(0px,0,0); transition-timing-function:ease; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .swiper-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { float: left; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } /* IE10 Windows Phone 8 Fixes */ .swiper-wp8-horizontal { -ms-touch-action: pan-y; } .swiper-wp8-vertical { -ms-touch-action: pan-x; } /* =============================================================== Your custom styles, here you need to specify container's and slide's sizes, pagination, etc. ================================================================*/ .swiper-container { /* Specify Swiper's Size: */ /*width:200px; height: 100px;*/ } .swiper-slide { /* Specify Slides's Size: */ /*width: 100%; height: 100%;*/ } .swiper-slide-active { /* Specific active slide styling: */ } .swiper-slide-visible { /* Specific visible slide styling: */ } /* =============================================================== Pagination Styles ================================================================*/ .swiper-pagination-switch { /* Stylize pagination button: */ } .swiper-active-switch { /* Specific active button style: */ } .swiper-visible-switch { /* Specific visible button style: */ } .banner_txt{ position:absolute; left:0; top:10000px; text-align:center;} .banner_txt .h1{ font-size:42px; line-height:42px; color:#fff; padding-bottom:25px;} .banner_txt .h2{ font-size:30px; line-height:30px; color:#fff; padding-bottom:50px;} .banner_txt .h3{ font-size:24px; line-height:50px; color:#FFF; background:#cc0000; width:220px; margin:auto; border:2px solid #cc0000; border-radius:25px;} .swiper-slide-active .banner_txt .h1{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom;} .swiper-slide-active .banner_txt .h2{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom; -webkit-animation-delay:0.5s; animation-delay:0.5s;} .swiper-slide-active .banner_txt .h3{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-delay:1s; animation-delay:1s;} .bat .bat_txt .h1{ -webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom;} .bat .bat_txt .h3{ -webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:bounceInRight;animation-name:bounceInRight;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom;} .bat .bat_txt .h2{ -webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:bounceInUp;animation-name:bounceInUp;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom;} /* @media screen and (min-width:1600px) { .ny_st_lfl{ position:absolute; left:2.5%; } .ny_st_rnr{ width:100%;} }*/ .sy_cp_tj_img{width:100%;margin: auto;box-sizing: border-box; overflow: hidden;background: #eef2f7;padding: 80px 0;} .sy_cp_tj_img ul{width:110%;padding-top: 50px;} .sy_cp_tj_img ul li{ float:left; margin:0 0 0 0; position:relative; overflow:hidden;box-sizing: border-box;background: #fff;} .sy_cp_tj_img ul li:nth-child(2){margin-bottom: 0;} .sy_cp_tj_img ul li:nth-child(3){margin-right:0;margin-bottom: 0;} .sy_cp_tj_img ul li:nth-child(6){margin-right:0;} .sy_cp_tj_img ul li a{display: block; width: 100%;height: 100%;} .sy_cp_tj_img ul li .h1{width: 100%;height: 100%;overflow: hidden;} .sy_cp_tj_img ul li .h1 img{display:block; height:100%;-webkit-transition:0.5s;transition:0.5s;float: right;} .sy_cp_tj_img ul li:hover .h1 img{-webkit-transform:scale(1.1);transform:scale(1.1);} .sy_cp_tj_img ul li .h4{position: absolute;left:20px;top:30px;right: 20px;bottom: 30px;-webkit-transition:0.5s;transition:0.5s;} .sy_cp_tj_img ul li:nth-child(1) .h4{left:60px;right: 60px;} .sy_cp_tj_img ul li .h4 .h4_bt{font-size: 18px;line-height: 18px;color: #333;} .sy_cp_tj_img ul li .h4 .h4_ms{font-size: 16px;line-height: 16px;color: #666;margin-top: 10px;} .sy_cp_tj_img ul li .h4 .h4_gd{font-size: 16px;line-height: 16px;color: #666;position: absolute;left: 0;bottom: 0;padding-right: 60px;background: url('../img/cj.png') right center no-repeat;} .sy_cp_tj_img ul li:hover .h4 .h4_gd{color: #005cce;background: url('../img/cj2.png') right center no-repeat;} .sy_bt{ text-align:center; padding:0px 0 0px;} .sy_bt .h1{ font-size:28px; line-height:28px; color:#333;text-transform: uppercase;} .sy_bt .h2{ font-size:30px; line-height:30px; color:#999; padding-top:10px;text-transform: uppercase;font-family:"Arial";font-weight: 100;} .sy_bt .h3{display: block;width: 30px;height: 2px;background: #333;margin:15px auto 0;} .sy_bt .h4{ font-size:16px; line-height:24px; color:#666;max-width: 520px;margin: auto; padding-top:20px;} .sy_bt.on .h1{color:#fff;} .sy_bt.on .h2{color:#fff;} .sy_bt.on .h3{background:#fff;} .sy_bt.on .h4{color:#fff;} .sy_jjfa{background:#000 center no-repeat;background-size: cover;padding: 80px 0 80px;} .sy_jjfa_lb{max-width: 1300px;margin: 50px auto 0;} .sy_jjfa_lb ul li{float: left;width: 23.5%;margin: 0 2% 0 0;text-align:center;background: rgba(0, 0, 0, 0.6);padding:60px 20px 30px;box-sizing:border-box;} .sy_jjfa_lb ul li.on{background:#005cce;} .sy_jjfa_lb ul li:nth-child(4n){margin-right: 0;} .sy_jjfa_lb ul li .h1{} .sy_jjfa_lb ul li .h1 img{display: block;margin: auto;} .sy_jjfa_lb ul li .h2{font-size: 20px;line-height: 20px;color: #fff;margin-top: 20px;} .sy_jjfa_lb ul li .h2:after{content: "";display: block;width: 30px;height: 2px;background: #fff;margin:15px auto 0;} .sy_jjfa_lb ul li .h3{font-size: 16px;line-height: 24px;color: #fff;margin-top: 25px;height: 180px;overflow:hidden;} .sy_jjfa_lb ul li .h4{background: url('../img/faj.png') center no-repeat;height: 15px;} .sy_al{background: url('../img/albg.jpg') center no-repeat;background-size: cover;padding: 80px 0 80px;} .sy_al_lb{max-width: 1300px;margin:50px auto 0;position: relative;} .sy_al_lb .l{width: 69.23%;overflow: hidden;position: relative;} .sy_al_lb .l ul{width:10000%;position: relative;} .sy_al_lb .l ul li{float: left; width:1%;position: relative;} .sy_al_lb .l ul li .h1{overflow: hidden;} .sy_al_lb .l ul li .h1 img{display: block;width: 100%;} .sy_al_lb .l ul li .h2{position: absolute;left: 0;bottom: 0;width: 100%;padding: 0 35px;font-size: 24px;line-height: 80px;color: #fff;box-sizing: border-box;} .aldd{position: absolute;right: 35px;bottom: 20px;padding: 10px 0;} .aldd span{float: left; width: 54px;height: 3px;background: #fff;margin-left: 15px;cursor: pointer;} .aldd span.on{background: #e72129;} .sy_al_lb .r{width: 28.46%;position: absolute;bottom: 0;right: 0;top: 0;background: #fff;padding: 60px 35px;box-sizing: border-box;overflow: hidden;} .sy_al_lb .r ul li{display: none;} .sy_al_lb .r ul li.on{display: block;} .sy_al_lb .r ul li .h1{font-size: 24px;line-height: 24px;color: #333;padding-bottom: 15px;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both} .sy_al_lb .r ul li .h1:after{content: "";display: block;width: 70px;height: 2px;background: #333;margin-top: 20px;} .sy_al_lb .r ul li .h2{font-size: 16px;line-height: 30px;color: #333;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay: 0.3s;animation-delay: 0.3s; -webkit-animation-fill-mode:both;animation-fill-mode:both} .sy_al_lb .r ul li.on .h1{-webkit-animation-name:fadeInRight;animation-name:fadeInRight} .sy_al_lb .r ul li.on .h2{-webkit-animation-name:fadeInRight;animation-name:fadeInRight} .sy_xw{ background:#eef2f7; padding:80px 0;} .sy_xw *{box-sizing: border-box;} .sy_xw_fl{text-align: center;font-size: 0;margin-top: 30px;} .sy_xw_fl ul li{display: inline-block;margin: 0 15px;} .sy_xw_fl ul li a{display: block; font-size: 20px;line-height: 40px;border-bottom: 2px solid #eef2f7;color: #333;} .sy_xw_fl ul li.on a{border-bottom: 2px solid #005cce;color: #005cce;} .sy_xw_lb_bg{ position: relative;margin:30px auto 0;max-width: 1300px;} .sy_xw_lb{ width:100%; margin:auto;overflow: hidden;} .sy_xw_lb ul{position: relative;display: none;} .sy_xw_lb ul li{ float:left; width:30.666%; margin-right:4%;-webkit-transition:0.5s;transition:0.5s;} .sy_xw_lb ul li:nth-child(3n){ margin-right:0;} .sy_xw_lb ul li .h1{ overflow:hidden;} .sy_xw_lb ul li .h1 img{ display:block; width:100%; -webkit-transition:0.5s;transition:0.5s;} .sy_xw_lb ul li:hover .h1 img{ -webkit-transform:scale(1.1);transform:scale(1.1);} .sy_xw_lb ul li .h2{font-size:18px; color:#333; line-height:18px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;padding: 15px 0;} .sy_xw_lb ul li:hover .h2{ color:#005cce;} .sy_xw_lb ul li .h3{position: relative;padding-left: 120px;height: 50px;margin-top: 10px;} .sy_xw_lb ul li .h3 .rq{position: absolute;left: 0;top: 0;} .sy_xw_lb ul li .h3 .rq .nianyue{float: left;font-size: 16px;line-height: 20px;color: #999;text-align: right;padding: 5px;} .sy_xw_lb ul li:hover .h3 .rq .nianyue{color: #005cce;} .sy_xw_lb ul li .h3 .rq .ri{float: left;font-size: 50px;line-height: 50px;color: #005cce;font-family: Arial;} .sy_xw_lb ul li .h3 .xt{display: block;width: 70px;border-bottom: 2px solid #999;padding-top: 25px;-webkit-transition:0.5s;transition:0.5s;} .sy_xw_lb ul li:hover .h3 .xt{width:100%;border-bottom: 2px solid #005cce;} .sy_xw_lb ul li .h4{float: left; font-size: 16px;line-height: 16px;color: #666;padding-right: 60px;background: url('../img/cj.png') right center no-repeat;margin-top: 40px;} .sy_xw_lb ul li:hover .h4{color: #005cce;background: url('../img/cj2.png') right center no-repeat;} .xw_ckgd{margin-top: 60px;} .xw_ckgd a{display: block;width: 150px;line-height: 35px;color: #666;text-align:center;margin: auto;font-size: 16px;border:1px solid #666;-webkit-transition:0.5s;transition:0.5s;} .xw_ckgd a:hover{color: #fff;border:1px solid #005cce;background: #005cce;}