/*通用*/ /*效果过渡*/ ._ea{-webkit-transition: all 1s ease-out 0s; -moz-transition: all 1s ease-out 0s; -o-transition: all 1s ease-out 0s; transition: all 1s ease-out 0s; } /*超出隐藏*/ ._el{overflow:hidden;white-space: nowrap; text-soverflow:ellipsis;} ._el1{overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;} ._el2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;} ._el3{overflow:hidden;display: -webkit-box;word-break: break-all;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} ._el4{overflow:hidden;display: -webkit-box;word-break: break-all;-webkit-line-clamp: 4;-webkit-box-orient: vertical;} ._el5{overflow:hidden;display: -webkit-box;word-break: break-all;-webkit-line-clamp: 5;-webkit-box-orient: vertical;} ._el6{overflow:hidden;display: -webkit-box;word-break: break-all;-webkit-line-clamp: 6;-webkit-box-orient: vertical;} ._el7{overflow:hidden;display: -webkit-box;word-break: break-all;-webkit-line-clamp: 7;-webkit-box-orient: vertical;} ._el8{overflow:hidden;display: -webkit-box;word-break: break-all;-webkit-line-clamp: 8;-webkit-box-orient: vertical;} ._el9{overflow:hidden;display: -webkit-box;word-break: break-all;-webkit-line-clamp: 9;-webkit-box-orient: vertical;} ._el10{overflow:hidden;display: -webkit-box;word-break: break-all;-webkit-line-clamp: 10;-webkit-box-orient: vertical;} /*主体宽度*/ .w_1300{ max-width:1300px; margin-right: auto; margin-left: auto;} /*两边距离*/ .w_width{padding-left: 190px;padding-right: 190px;} @media screen and (max-width: 1400px){ .w_width{padding-left: 100px;padding-right: 100px;} } @media screen and (max-width: 1040px){ .w_width{padding-left: 15px;padding-right: 15px;} } /*顶部导航*/ body.on{overflow: hidden;height: 100vh;} .wyb_s{position: fixed;top: 0;left: 0;width: 100%;z-index: 99; transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;} .wyb_s.on{background-color: #ffffff;box-shadow:0px 12px 8px -12px rgba(200,200,200,0.6);} .ny_navs{position: absolute;} .t_navs{ width: 100%;} .t_navs::after{content: "";display: block;clear: both;} /*正常屏幕显示*/ .t_navs .top{ width: 100%; float: left; position: relative;} /*logo*/ .t_navs .top .logo{ margin: 24px 0; line-height: 0; float: left;} .t_navs .top .logo img{ width: auto; height: 42px;} .t_navs .top .logo .img2{display: none;} .t_navs .top .logo .img3{display: none;} .wyb_s.on .t_navs .top .logo .img1{display: none;} .wyb_s.on .t_navs .top .logo .img2{display: block;} /*一级导航*/ .t_navs .top .right{ float: right;} .t_navs .top .right .menu{float: left;} .t_navs .top .right .menu ul{float: left;} .t_navs .top .menu .nli{ float: left; position: relative;padding: 0 6px;} .t_navs .top .menu .nli span a{ display: block;color: #ffffff; position: relative;padding: 34px 18px;font-size: 16px;line-height: 22px;} .wyb_s.on .t_navs .top .menu .nli span a{color: #333;} /*鼠标经过样式*/ .t_navs .top .menu .nli.on span a,.t_navs .top .menu .nli:hover span a{ color: #ee9d06;} .wyb_s.on .t_navs .top .menu .nli.on span a{ color: #ee9d06;} .wyb_s.on .t_navs .top .menu .nli:hover span a{ color: #fff;background: #ee9d06;} .t_navs .top .right.pcmenu{position:absolute; top:0; left:50%; transform: translate(-50%,0); -ms-transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -o-transform: translate(-50%,0); width:950px; } /*二级导航*/ .t_navs .top .sub{ display: none; position: absolute; width: 124px; top: 100%; left: 50%; background: #fff; z-index: 4;box-shadow: 0 0 14px rgba(220,220,220,0.4);padding: 22px 0; transform: translate(-50%,0); -ms-transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -o-transform: translate(-50%,0);} .t_navs .top .sub2{width: 180px;} .t_navs .top .sub .l2{ width: 100%;text-align: center;font-size: 15px;line-height: 18px;text-overflow: center;position: relative;margin-bottom: 32px;padding: 0 20px;} .t_navs .top .sub .l2::before{content: "";display: block;width: 10px;height: 2px;background-color: #ee9d06;position: absolute;left: 5px;top: 50%;opacity: 0; transform: translate(0,-50%); -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -o-transform: translate(0,-50%); transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;} .t_navs .top .sub .l2::after{content: "";display: block;width: 10px;height: 2px;background-color: #ee9d06;position: absolute;right: 5px;top: 50%;opacity: 0; transform: translate(0,-50%); -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -o-transform: translate(0,-50%); transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;} .t_navs .top .sub .l2:last-child{margin-bottom: 0;} .t_navs .top .sub .l2 a{ display: block; color: #333333;} .t_navs .top .sub .l2 a:hover{ color: #ee9d06;} .t_navs .top .sub .l2:hover::before, .t_navs .top .sub .l2:hover::after{opacity: 1;} /*搜索*/ .t_navs .top .right .menu .search{float: left;position: relative;padding: 36px 0;margin-left: 22px;} .t_navs .top .right .menu .search .t_ico{width: 18px;height: 18px;position: relative;z-index: 2;cursor: pointer;} .t_navs .top .right .menu .search .ico2{display: none;} .wyb_s.on .t_navs .top .right .menu .search .ico1{display: none;} .wyb_s.on .t_navs .top .right .menu .search .ico2{display: block;} .t_navs .top .right .menu .search .b_inpubox{width: 220px;position: absolute;top: -50%;margin-top: -18px;z-index: 1;right: -16px;opacity: 0; transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;} .t_navs .top .right .menu .search .b_inpubox input{width: 100%;height: 36px;border-radius: 46px;background-color: #ee9d06;padding: 0 46px 0 16px;font-size: 14px;color: #fff;} .t_navs .top .right .menu .search .b_inpubox.on{top: 50%;opacity: 1;} /*切换语言*/ .t_navs .top .right .menu .yyqh{float: left;font-size: 0;padding: 34px 0;margin-left: 54px;} .t_navs .top .right .menu .yyqh a{display: inline-block;vertical-align: middle;font-size: 18px;color: #ffffff;line-height: 22px;} .wyb_s.on .t_navs .top .right .menu .yyqh a{color: #333;} .t_navs .top .right .menu .yyqh span{display: inline-block;vertical-align: middle;font-size: 18px;color: #ffffff;line-height: 22px;margin: 0 8px;} .t_navs .top .right .menu .yyqh a:hover, .t_navs .top .right .menu .yyqh a.on{color: #ee9d06;} .wyb_s.on .t_navs .top .right .menu .yyqh span{color: #333;} .wyb_s.on .t_navs .top .right .menu .yyqh a:hover, .wyb_s.on .t_navs .top .right .menu .yyqh a.on{color: #ee9d06;} /*隐藏手机显示*/ .t_navs .menuph{ display: none;} .t_navs .xialaph{ display: none;} @media screen and (max-width:1600px) { .t_navs .top .right.pcmenu{width:780px;} /*logo*/ .t_navs .top .logo{ margin: 16px 0;} .t_navs .top .logo img{height: 36px;} /*一级导航*/ .t_navs .top .menu .nli{padding: 0 4px;} .t_navs .top .menu .nli span a{padding: 24px 12px;font-size: 15px;line-height: 20px;} /*二级导航*/ .t_navs .top .sub{width: 100px;padding: 16px 0;} .t_navs .top .sub2{width: 160px;} .t_navs .top .sub .l2{font-size: 13px;line-height: 18px;margin-bottom: 14px;padding: 0 16px;} .t_navs .top .sub .l2::before{width: 8px;} .t_navs .top .sub .l2::after{width: 8px;} /*搜索*/ .t_navs .top .right .menu .search{padding: 27px 0;margin-left: 14px;} .t_navs .top .right .menu .search .t_ico{width: 14px;height: 14px;} .t_navs .top .right .menu .search .b_inpubox{width: 160px;margin-top: -16px;right: -16px;} .t_navs .top .right .menu .search .b_inpubox input{height: 32px;padding: 0 40px 0 12px;font-size: 12px;} /*切换语言*/ .t_navs .top .right .menu .yyqh{padding: 24px 0;margin-left: 26px;} .t_navs .top .right .menu .yyqh a{font-size: 14px;line-height: 20px;} .t_navs .top .right .menu .yyqh span{font-size: 14px;line-height: 20px;margin: 0 6px;} } @media screen and (max-width:1280px) { .t_navs .top .right.pcmenu{width:700px;} /*logo*/ .t_navs .top .logo{ margin: 12px 0;} .t_navs .top .logo img{height: 30px;} /*一级导航*/ .t_navs .top .menu .nli{padding: 0 4px;} .t_navs .top .menu .nli span a{padding: 17px 9px;font-size: 14px;line-height: 20px;} /*二级导航*/ .t_navs .top .sub{padding: 12px 0;width: 88px;} .t_navs .top .sub2{width: 140px;} .t_navs .top .sub .l2{font-size: 12px;margin-bottom: 10px;} /*搜索*/ .t_navs .top .right .menu .search{padding: 21px 0;margin-left: 10px;} .t_navs .top .right .menu .search .t_ico{width: 12px;height: 12px;} .t_navs .top .right .menu .search .b_inpubox{margin-top: -15px;right: -14px;} .t_navs .top .right .menu .search .b_inpubox input{height: 30px;} /*切换语言*/ .t_navs .top .right .menu .yyqh{padding: 17px 0;margin-left: 18px;} .t_navs .top .right .menu .yyqh a{font-size: 12px;} .t_navs .top .right .menu .yyqh span{font-size: 12px;margin: 0 4px;} } .waplan{display:none;} @media screen and (max-width:1024px) { .t_navs .top .right.pcmenu{display:none;} .waplan{float:right; display:block; margin-top:15px; margin-right:10px;} .waplan a{line-height:20px; color:#ee9d06; font-size:14px; border:2px solid #ee9d06; display:block; padding:0 5px; border-radius:10px; } /*电脑端导航隐藏*/ .t_navs .menu{ display: none;} /*手机端导航显示*/ .t_navs .menuph{ display: block;} .t_navs .xialaph{ display: block;} /*手机端样式*/ .t_navs .top{ padding: 0 15px; width: 100%; position: fixed; top: 0; left: 0; z-index: 4; background: #e1e1e1;border-bottom: 1px solid #e1e1e1; height:50px;} /*logo*/ .t_navs .top .logo{ margin: 4px 0 0 0;} .t_navs .top .logo img{ height: 42px;} .t_navs .top .logo img.img1{display: none;} .t_navs .top .logo img.img2{display: none;} .t_navs .top .logo img.img3{display: block;} /*右侧三条杠*/ .t_navs .menuph{ float: right; width: 28px; height: 22px; cursor: pointer; text-align: center; margin: 15px 0 0 0;} .t_navs .menuph .point { display: inline-block; width: 24px; height: 22px; position: relative;} .t_navs .menuph .point:hover .navbtn, .t_navs .menuph .point:hover .navbtn::after, .t_navs .menuph .point:hover .navbtn::before { width: 24px;} .t_navs .menuph .navbtn { position: absolute; top: 10px; right: 0; display: inline-block; width: 24px; height: 3px; background: #ee9d06; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s;} .t_navs .menuph .navbtn::after, .t_navs .menuph .navbtn::before { position: absolute; right: 0; display: inline-block; width: 24px; height: 3px; content: ''; background: #ee9d06; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s;} .t_navs .menuph .navbtn::after { top: -8px;} .t_navs .menuph .navbtn::before { top: 8px;} .t_navs .menuph .point.active .navbtn{ background: transparent;} .t_navs .menuph .point.active .navbtn::after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0;} .t_navs .menuph .point.active .navbtn::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0;} /*一级导航*/ .t_navs .xialaph{ position: fixed; left: 0; top: 0; float: left; width: 100%; height: 100%; overflow: scroll; padding: 49px 15px 100px 15px; display: none; z-index:3; background:#fff;} .t_navs .xialaph .ul2, .t_navs .xialaph .ul3{ display: none;} .t_navs .xialaph h4 a{ float: left; width: 60%; color: #333333;line-height: 50px;font-size: 16px;} .t_navs .xialaph h4{ float: left; width: 100%; position: relative;} .t_navs .xialaph li:last-child h4::before{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #e7e7e7;} .t_navs .xialaph h4:hover a, .t_navs .xialaph h5:hover a{ color: #ee9d06;} .t_navs .xialaph h5 a{ float: left; width: 100%; color: #1f1f1f;line-height: 40px; text-transform: uppercase;font-size: 14px;} .t_navs .xialaph h5{ float: left; width: 100%; position: relative;} .t_navs .xialaph h5::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #e7e7e7;} .t_navs .xialaph h4 img{ width: 15px; height: 8px; float: right; margin-top: 24px; cursor: pointer;} .t_navs .xialaph h5 img{ width: 11px; height: 6px; float: right; margin-top: -25px; margin-right: 18px; cursor: pointer;} .t_navs .xialaph h4.active img.img_s, .t_navs .xialaph h5.active img.img_s{ display: none;} .t_navs .xialaph h4.active img.img_d, .t_navs .xialaph h5.active img.img_d{ display: block;} .t_navs .xialaph .ul2{ float: left; width: 100%; padding: 0 10px;} .t_navs .xialaph .ul3{padding-bottom: 10px; padding-left: 15px; z-index: -1; position: relative;} .t_navs .xialaph .ul3::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #e7e7e7;} .t_navs .xialaph li:last-child .ul3::after{ display: none;} .t_navs .xialaph .ul3 li a{ color: #333;line-height: 35px; display: block;font-size: 14px;} .t_navs .xialaph .ul3 li:hover a{color: #ee9d06;} .t_navs .xialaph .ul3 li{ padding-top: 5px;} .t_navs .xialaph .ul3 li:first-child{ padding-top: 0;} .t_navs .xialaph .inputbox{width: 100%;float: left;margin-bottom: 14px;margin-top: 20px;position: relative;border: 1px solid #eee;} .t_navs .xialaph .inputbox input{width: 100%;height: 34px;padding: 0 40px 0 12px;background-color: rgba(255,255,255,0);font-size: 16px;color: #555;} .t_navs .xialaph .inputbox .ico{width: 18px;height: 18px;position: absolute;right: 10px;top: 50%; transform: translate(0,-50%); -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -o-transform: translate(0,-50%);} .t_navs .xialaph .yyqh{width: 100%;font-size: 0;text-align: center;} .t_navs .xialaph .yyqh a{display: inline-block;vertical-align: middle; font-size: 14px;color: #555;line-height: 20px;} .t_navs .xialaph .yyqh span{display: inline-block;vertical-align: middle; font-size: 14px;color: #555;line-height: 20px;margin: 0 6px;} .t_navs .xialaph .yyqh a:hover, .t_navs .xialaph .yyqh a.on{color: #ee9d06;} /*二级三级导航箭头*/ .t_navs .img_d, .t_navs .disno{ display: none;} } /*底导航漂浮*/ .b_navs .q_d_m{ float: left; width: 100%; height: 50px;position: relative;z-index: 20;} .b_navs .pf_down{ width: 100%; float: left; position: fixed; left: 0; bottom: 0; height: 46px; background: #E1E1E1; z-index: 80; box-shadow: 0 -5px 10px rgba(0,0,0,0.2);} .b_navs .pf_down li{ width: 33.3%; float: left; text-align: center; padding: 4px 0; border-right: 1px solid #fff;} .b_navs .pf_down li .ico7{ width: 100%; float: left; height: 20px;} .b_navs .pf_down li .d_name{ width: 100%; float: left; margin-top: 4px; font-size: 12px; color: #999; line-height: 14px;} .b_navs .pf_down li.l1 .ico7{ background: url(img/img4.png) no-repeat center; background-size: 20px 20px;} .b_navs .pf_down li.l2 .ico7{ background: url(img/img3.png) no-repeat center; background-size: 20px 20px;} .b_navs .pf_down li.l3 .ico7{ background: url(img/img2.png) no-repeat center; background-size: 20px 20px;} .b_navs .pf_down li:last-child{ border: none;} .b_navs .pf_down li:nth-child(3n){ border: none;} /*首页banner*/ .sy_banner{width: 100%;position: relative;} .sy_banner .ul{width: 100%;} .sy_banner .ul .li{width: 100%;position: relative;} .sy_banner .ul .li .ba_pic{width: 100%;} .sy_banner .ul .li .ba_pic img{width: 100%;display: block;} .sy_banner .ul .li .wordsbox{width: 100%;position: absolute;left: 0;top: 50%; transform: translate(0,-50%); -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -o-transform: translate(0,-50%);} .sy_banner .ul .li .wordsbox .tit{font-size: 48px;color: #ffffff;line-height: 52px;margin-bottom: 56px;font-weight: bolder;} .sy_banner .ul .li .wordsbox .info{font-size: 24px;color: #ffffff;line-height: 48px;margin-bottom: 118px;} .sy_banner .ul .li .wordsbox .more{width: 200px;border: 1px solid #fff;font-size: 0;text-align: center; transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;} .sy_banner .ul .li .wordsbox .more:hover{border-color: #ee9d06;background-color: #ee9d06;} .sy_banner .ul .li .wordsbox .more .words{font-size: 18px;color: #ffffff;line-height: 52px;display: inline-block;vertical-align: middle;} .sy_banner .ul .li .wordsbox .more .ico{display: inline-block;vertical-align: middle;height: 16px;opacity: 0;width: 0; transition: All 0.6s ease-in-out; -webkit-transition: All 0.6s ease-in-out; -moz-transition: All 0.6s ease-in-out; -o-transition: All 0.6s ease-in-out;} .sy_banner .ul .li .wordsbox .more:hover .ico{opacity: 1; margin-left: 24px;width: 18px;} .sy_banner .ul .slick-prev{width: 45px;height: 45px;background: url(img/img11.png) no-repeat center center; background-size: cover;left: 140px;top: 40%;} .sy_banner .ul .slick-next{width: 45px;height: 45px;background: url(img/img12.png) no-repeat center center; background-size: cover;right: 140px;top: 40%;} .sy_banner .ul .slick-prev:hover{background: url(img/img13.png) no-repeat center center; background-size: cover;} .sy_banner .ul .slick-next:hover{background: url(img/img14.png) no-repeat center center; background-size: cover;} .sy_banner .ul .slick-dots{position: absolute; bottom: 88px; height: 20px; text-align: center;} .sy_banner .ul .slick-dots li{ vertical-align: top; width: 20px; height: 20px;border-radius: 100%; margin: 0 10px;border: 1px solid #fff;position: relative;} .sy_banner .ul .slick-dots li.slick-active{ background: #ee9d06;border-color: #ee9d06;} .sy_banner .ul .slick-dots li::after{content: "";display: block;width: 8px;height: 8px;background-color: #fff;position: absolute;left: 50%;top: 50%;border-radius: 100%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%);} @media screen and (max-width:1600px) { .sy_banner .ul .li .wordsbox .tit{font-size: 40px;line-height: 44px;margin-bottom: 30px;} .sy_banner .ul .li .wordsbox .info{font-size: 20px;line-height: 30px;margin-bottom: 80px;} .sy_banner .ul .li .wordsbox .more{width: 160px;} .sy_banner .ul .li .wordsbox .more .words{font-size: 14px;line-height: 40px;} .sy_banner .ul .li .wordsbox .more .ico{height: 14px;} .sy_banner .ul .li .wordsbox .more:hover .ico{ margin-left: 16px;width: 16px;} .sy_banner .ul .slick-prev{width: 36px;height: 36px;left: 100px;} .sy_banner .ul .slick-next{width: 36px;height: 36px;right: 100px;} .sy_banner .ul .slick-dots{bottom: 60px; height: 16px;} .sy_banner .ul .slick-dots li{width: 16px; height: 16px; margin: 0 6px;} .sy_banner .ul .slick-dots li::after{width: 6px;height: 6px;} } @media screen and (max-width:1400px) { .sy_banner .ul .slick-prev{width: 36px;height: 36px;left: 40px;} .sy_banner .ul .slick-next{width: 36px;height: 36px;right: 40px;} } @media screen and (max-width:1280px) { .sy_banner .ul .li .wordsbox .tit{font-size: 32px;line-height: 36px;margin-bottom: 24px;} .sy_banner .ul .li .wordsbox .info{font-size: 16px;line-height: 20px;margin-bottom: 60px;} .sy_banner .ul .li .wordsbox .more{width: 140px;} .sy_banner .ul .li .wordsbox .more .words{font-size: 12px;line-height: 36px;} .sy_banner .ul .slick-prev{width: 34px;height: 34px;left: 60px;} .sy_banner .ul .slick-next{width: 34px;height: 34px;right: 60px;} .sy_banner .ul .slick-dots{bottom: 54px; height: 14px;} .sy_banner .ul .slick-dots li{width: 14px; height: 14px; margin: 0 5px;} } @media screen and (max-width:1024px) { .sy_banner{margin-top: 50px;} .sy_banner .ul .li .wordsbox .tit{font-size: 20px;line-height: 24px;margin-bottom: 16px;} .sy_banner .ul .li .wordsbox .info{font-size: 16px;line-height: 20px;margin-bottom: 22px;} .sy_banner .ul .li .wordsbox .more{width: 140px;} .sy_banner .ul .li .wordsbox .more .words{font-size: 14px;line-height: 36px;} .sy_banner .ul .li .wordsbox .more .ico{height: 12px;} .sy_banner .ul .li .wordsbox .more:hover .ico{margin-left: 10px;width: 14px;} .sy_banner .ul .slick-prev{width: 0px;height: 0px;left: 0;opacity: 0;} .sy_banner .ul .slick-next{width: 0px;height: 0px;right: 0;opacity: 0;} .sy_banner .ul .slick-dots{bottom: 20px; height: 12px;} .sy_banner .ul .slick-dots li{width: 12px; height: 12px;margin: 0 4px;} .sy_banner .ul .slick-dots li::after{width: 6px;height: 6px;} } /*侧悬浮*/ .cxf_ico{width: 72px;height: 72px;position: fixed;right: 110px;bottom: 10%;cursor: pointer;z-index: 2000;} .cxf_ico:hover{opacity: 0.6;} @media screen and (max-width:1600px) { .cxf_ico{width: 60px;height: 60px;right: 60px;} } @media screen and (max-width:1400px) { .cxf_ico{width: 54px;height: 54px;right: 10px;} } @media screen and (max-width:1024px) { .cxf_ico{display: none;} } /*底导航*/ .bottomnav{width: 100%;background-color: #30343f; position:relative; z-index:22;} .bottomnav .top{width: 100%;padding-top: 68px;padding-bottom: 46px;border-bottom: 1px solid #61646c;position: relative;z-index: 1;} .bottomnav .top .topbox{width: 100%; overflow: hidden;position: relative;} .bottomnav .top .topbox::after{content: "";display: block;width: 1px;height: 100%;position: absolute;left: 31.36%;top: 0;background-color: #6f7179;} .bottomnav .top .left{width: 31.38%;float: left;padding-right: 20px;} .bottomnav .top .left .logo{width: 100%;margin-bottom: 48px;} .bottomnav .top .left .logo img{display: block;max-width: 100%; height:70px;} .bottomnav .top .left .logo .img3{display:none;} .bottomnav .top .left .tit{font-size: 24px;color: #ffffff;line-height: 28px;margin-bottom: 12px;} .bottomnav .top .left .info{font-size: 16px;color: #ffffff;line-height: 36px;} .bottomnav .top .right{width: 68.62%;float: right;padding-left: 60px;} .bottomnav .top .right ul{display: flex; flex-direction: row; justify-content: space-between; align-items: left;width: 100%;} .bottomnav .top .right ul li{display: inline-block;vertical-align: top;} .bottomnav .top .right ul li .tit{font-size: 17px;color: #ffffff;line-height: 24px;margin-bottom: 30px;position: relative;} .bottomnav .top .right ul li .tit::after{content: "";display: block;width: 8px;height: 2px;background-color: #ee9d06;position: absolute;right: calc(100% + 10px);top: 50%;} .bottomnav .top .right ul li .tit a{color: #fff;} .bottomnav .top .right ul li.l1 .listbox .list{font-size: 16px;color: rgba(255,255,255,0.49);line-height: 20px;margin-bottom: 12px;} .bottomnav .top .right ul li.l1 .listbox .list a{color: rgba(255,255,255,0.49);} .bottomnav .top .right ul li.l1 .listbox .list a:hover{color: #fff;} .bottomnav .top .right ul li.l1 .listbox .list:last-child{margin-bottom: 0;} .bottomnav .top .right ul li.l2 .listbox .list{margin-bottom: 26px;font-size: 0; position:relative;} .bottomnav .top .right ul li.l2 .listbox .list:last-child{margin-bottom: 0;} .bottomnav .top .right ul li.l2 .listbox .list .ico{width: 26px;height: 26px;display: inline-block;vertical-align: middle; position:absolute; left:0; top:0;} .bottomnav .top .right ul li.l2 .listbox .list .words{font-size: 16px;color: #ffffff;line-height: 20px;display: inline-block;vertical-align: middle;padding-left: 38px;} .bottomnav .top .right ul li.l2 .listbox .list .words a{color: #ffffff;} .bottomnav .bottom{padding-top: 30px;padding-bottom: 30px;width: 100%;position: relative;z-index: 2;} .bottomnav .bottom::after{content: "";display: block;clear: both;} .bottomnav .bottom .left{float: left;font-size: 16px;color: rgba(255,255,255,0.6);line-height: 38px;letter-spacing: 0;} .bottomnav .bottom .right{float: right;} .bottomnav .bottom .right .abox{float: left;font-size: 0;} .bottomnav .bottom .right .abox a{display: inline-block;vertical-align: middle;font-size: 16px;color: #ffffff;line-height: 38px;} .bottomnav .bottom .right .abox a:hover{color: rgba(255,255,255,0.6);} .bottomnav .bottom .right .abox span{display: inline-block;vertical-align: middle;font-size: 16px;color: #ffffff;line-height: 38px;margin: 0 12px;} .bottomnav .bottom .right .firend{float: left;position: relative;margin-left: 34px; display:none;} .bottomnav .bottom .right .firend ._t{width: 172px;background-color: rgba(255,255,255,0.1);overflow: hidden;padding: 0 20px 0 36px;cursor: pointer;} .bottomnav .bottom .right .firend ._t .words{font-size: 16px;color: rgba(255,255,255,0.6);line-height: 38px;float: left;} .bottomnav .bottom .right .firend ._t .ico{width: 12px;height: 8px;float: right;margin-top: 15px;} .bottomnav .bottom .right .firend ._b{width: 100%;position: absolute;left: 0;bottom: 100%;background-color: #000;display: none;} .bottomnav .bottom .right .firend ._b a{display: block;width: 100%;font-size: 14px;color: rgba(255,255,255,0.6);line-height: 30px;border-bottom: 1px solid #eee;text-align: center;} .bottomnav .bottom .right .firend ._b a:hover{color: #fff;} @media screen and (max-width:1600px) { .bottomnav .top{padding-top: 40px;padding-bottom: 40px;border-bottom: 1px solid #61646c;} .bottomnav .top .topbox::after{left: 31.98%;} .bottomnav .top .left{width: 32%;padding-right: 14px;} .bottomnav .top .left .logo{margin-bottom: 20px;} .bottomnav .top .left .logo img{height: 59px;} .bottomnav .top .left .tit{font-size: 20px;line-height: 24px;margin-bottom: 10px;} .bottomnav .top .left .info{font-size: 14px;line-height: 26px;} .bottomnav .top .right{width: 68%;padding-left: 40px;} .bottomnav .top .right ul li .tit{font-size: 15px;line-height: 20px;margin-bottom: 24px;} .bottomnav .top .right ul li .tit::after{width: 6px;right: calc(100% + 8px);} .bottomnav .top .right ul li.l1 .listbox .list{font-size: 14px;line-height: 18px;margin-bottom: 10px;} .bottomnav .top .right ul li.l2 .listbox .list{margin-bottom: 12px;} .bottomnav .top .right ul li.l2 .listbox .list .ico{width: 24px;height: 24px;} .bottomnav .top .right ul li.l2 .listbox .list .words{font-size: 14px;line-height: 20px;padding-left: 34px;} .bottomnav .bottom{padding-top: 24px;padding-bottom: 24px;} .bottomnav .bottom .left{font-size: 14px;line-height: 34px;} .bottomnav .bottom .right .abox a{font-size: 14px;line-height: 34px;} .bottomnav .bottom .right .abox span{font-size: 14px;line-height: 34px;margin: 0 8px;} .bottomnav .bottom .right .firend ._t{width: 160px;padding: 0 14px 0 20px;} .bottomnav .bottom .right .firend ._t .words{font-size: 14px;line-height: 34px;} .bottomnav .bottom .right .firend ._t .ico{width: 10px;height: 6px;margin-top: 12px;} .bottomnav .bottom .right .firend ._b a{;font-size: 12px;line-height: 26px;} } @media screen and (max-width:1280px) { .bottomnav .top{padding-top: 26px;padding-bottom: 26px;} .bottomnav .top .left .logo img{height: 53px;} .bottomnav .top .left .tit{font-size: 18px;line-height: 22px;margin-bottom: 10px;} .bottomnav .top .left .info{font-size: 12px;line-height: 22px;} .bottomnav .top .right{padding-left: 40px;} .bottomnav .top .right ul li .tit{font-size: 13px;margin-bottom: 16px;} .bottomnav .top .right ul li.l1 .listbox .list{font-size: 12px;line-height: 16px;margin-bottom: 8px;} .bottomnav .top .right ul li.l2 .listbox .list{margin-bottom: 10px;} .bottomnav .top .right ul li.l2 .listbox .list .ico{width: 22px;height: 22px;} .bottomnav .top .right ul li.l2 .listbox .list .words{font-size: 12px;line-height: 18px;padding-left: 28px;} .bottomnav .bottom{padding-top: 20px;padding-bottom: 20px;} .bottomnav .bottom .left{font-size: 12px;line-height: 30px;} .bottomnav .bottom .right .abox a{font-size: 12px;line-height: 30px;} .bottomnav .bottom .right .abox span{font-size: 12px;line-height: 30px;margin: 0 6px;} .bottomnav .bottom .right .firend ._t{width: 150px;padding: 0 10px 0 16px;} .bottomnav .bottom .right .firend ._t .words{font-size: 12px;line-height: 30px;} .bottomnav .bottom .right .firend ._b a{;font-size: 12px;line-height: 24px;} } @media screen and (max-width:1024px) { .bottomnav{margin-bottom: 46px;} .bottomnav .top{padding-top: 24px;padding-bottom: 24px;border-bottom: 1px solid #61646c;} .bottomnav .top .topbox::after{display: none;} .bottomnav .top .left{width: 100%;padding-right: 0;margin-bottom: 16px;} .bottomnav .top .left .logo{margin-bottom: 12px;} /*.bottomnav .top .left .logo img{height: 32px;}*/ .bottomnav .top .left .logo .img1{display:none;} .bottomnav .top .left .logo .img3{display:block;} .bottomnav .top .left .tit{font-size: 18px;line-height: 24px;margin-bottom: 10px;} .bottomnav .top .left .info{font-size: 14px;line-height: 24px;} .bottomnav .top .right{width: 100%;padding-left: 0;} .bottomnav .top .right ul{display: block;} .bottomnav .top .right ul li{display: block;} .bottomnav .top .right ul li .tit{font-size: 16px;line-height: 20px;margin-bottom: 12px;padding-left: 16px;} .bottomnav .top .right ul li .tit::after{width: 6px;right: auto;left: 0;} .bottomnav .top .right ul li.l1{display: none;} .bottomnav .top .right ul li.l2 .listbox .list{margin-bottom: 12px;} .bottomnav .top .right ul li.l2 .listbox .list .ico{width: 22px;height: 22px;} .bottomnav .top .right ul li.l2 .listbox .list .words{font-size: 14px;line-height: 20px;padding-left: 32px; width: calc(100% - 24px); width: -ms-calc(100% - 24px); width: -o-calc(100% - 24px); width: -moz-calc(100% - 24px); width: -webkit-calc(100% - 24px);} .bottomnav .bottom{padding-top: 24px;padding-bottom: 24px;} .bottomnav .bottom .left{font-size: 14px;line-height: 20px;width: 100%;margin-bottom: 14px;} .bottomnav .bottom .right{width: 100%;} .bottomnav .bottom .right .abox a{font-size: 14px;line-height: 28px;float: left;} .bottomnav .bottom .right .abox span{font-size: 14px;line-height: 28px;margin: 0 6px;float: left;} .bottomnav .bottom .right .firend{margin-left: 20px;} .bottomnav .bottom .right .firend ._t{width: 130px;padding: 0 14px 0 20px;} .bottomnav .bottom .right .firend ._t .words{font-size: 14px;line-height: 28px;} .bottomnav .bottom .right .firend ._t .ico{width: 8px;height: 5px;margin-top: 12px;} .bottomnav .bottom .right .firend ._b a{font-size: 12px;line-height: 24px;} } /*首页标题*/ .sytit_section{width: 100%;text-align: center;} .sytit_section h2{font-size: 60px;color: rgba(51,51,51,0.15);line-height: 60px;font-weight: bolder;text-transform:uppercase;} .sytit_section h3{font-size: 36px;color: #222222;line-height: 40px;font-weight: bold;margin-top: -30px;} @media screen and (max-width:1600px) { .sytit_section h2{font-size: 40px;line-height: 44px;} .sytit_section h3{font-size: 26px;line-height: 30px;margin-top: -22px;} } @media screen and (max-width:1280px) { .sytit_section h2{font-size: 34px;line-height: 38px;} .sytit_section h3{font-size: 22px;line-height: 26px;margin-top: -20px;} } @media screen and (max-width:1024px) { .sytit_section h2{font-size: 24px;line-height: 28px;} .sytit_section h3{font-size: 18px;line-height: 20px;margin-top: -16px;} } /*首页*/ .sy_section1{padding-top: 96px;padding-bottom: 80px;width: 100%;background-color: #f3f3f3;} .sy_section1 .content{margin-top: 56px;overflow: hidden;} .sy_section1 .content .left{float: left;width: 47.69%;position: relative;padding-left: 40px;padding-bottom: 40px;} .sy_section1 .content .left::after{content: "";display: block;background-color: #cccccc;position: absolute;left: 0;bottom: 0;z-index: 1; width: calc(100% - 40px); width: -ms-calc(100% - 40px); width: -o-calc(100% - 40px); width: -moz-calc(100% - 40px); width: -webkit-calc(100% - 40px); height: calc(100% - 40px); height: -ms-calc(100% - 40px); height: -o-calc(100% - 40px); height: -moz-calc(100% - 40px); height: -webkit-calc(100% - 40px);} .sy_section1 .content .left .leftbox{width: 100%;height: 500px;overflow: hidden;z-index: 2;position: relative;} .sy_section1 .content .left .leftbox .picbox{width: 100%;height: 100%; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; transition: -webkit-transform 2s;} .sy_section1 .content .left:hover .leftbox .picbox{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05);} .sy_section1 .content .left .leftbox .videobox{width: 100%;height: 100%;} .sy_section1 .content .left .leftbox .videobox video{width:100%; height:100%; background:#000;} .sy_section1 .content .right{float: right;width: 52.31%;padding-top: 20px;} .sy_section1 .content .right .rightbox{width: 100%;background-color: #ffffff;box-shadow: 0 0 16px rgba(220,220,220,0.4);padding: 70px 50px 78px 60px;height: 480px;overflow: hidden; overflow-y: auto; scrollbar-width: thin; max-height: 480px;} .sy_section1 .content .right .rightbox::-webkit-scrollbar{ width: 3px;} .sy_section1 .content .right .rightbox::-webkit-scrollbar-track{ background-color: #e5e5e5; border-radius: 3px;} .sy_section1 .content .right .rightbox::-webkit-scrollbar-thumb{ width: 3px; background-color: #ee9d06; border-radius: 3px;} .sy_section1 .content .right .rightbox .tit{font-size: 24px;color: #666666;line-height: 28px;margin-bottom: 28px;font-weight: bolder;} .sy_section1 .content .right .rightbox .info{font-size: 18px;color: #666666;line-height: 36px;margin-bottom: 40px;} .sy_section1 .content .right .rightbox .more{width: 100%;} .sy_section1 .content .right .rightbox .more a{width: 200px;border: 1px solid #ee9d06;font-size: 0;text-align: center;display: block;background-color: #fff; transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;} .sy_section1 .content .right .rightbox .more a:hover{border-color: #ee9d06;background-color: #ee9d06;} .sy_section1 .content .right .rightbox .more a .words{font-size: 18px;color: #ee9d06;line-height: 52px;display: inline-block;vertical-align: middle; transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;} .sy_section1 .content .right .rightbox .more a:hover .words{color: #fff;} .sy_section1 .content .right .rightbox .more a .ico{display: inline-block;vertical-align: middle;height: 16px;opacity: 0;width: 0; transition: All 0.6s ease-in-out; -webkit-transition: All 0.6s ease-in-out; -moz-transition: All 0.6s ease-in-out; -o-transition: All 0.6s ease-in-out;} .sy_section1 .content .right .rightbox .more a:hover .ico{opacity: 1; margin-left: 24px;width: 18px;} @media screen and (max-width:1600px) { .sy_section1{padding-top: 60px;padding-bottom: 60px;} .sy_section1 .content{margin-top: 40px;} .sy_section1 .content .left{width: 48%;padding-left: 30px;padding-bottom: 30px;} .sy_section1 .content .left::after{ width: calc(100% - 30px); width: -ms-calc(100% - 30px); width: -o-calc(100% - 30px); width: -moz-calc(100% - 30px); width: -webkit-calc(100% - 30px); height: calc(100% - 30px); height: -ms-calc(100% - 30px); height: -o-calc(100% - 30px); height: -moz-calc(100% - 30px); height: -webkit-calc(100% - 30px);} .sy_section1 .content .left .leftbox{height: 450px;} .sy_section1 .content .right{;width: 52%;padding-top: 14px;} .sy_section1 .content .right .rightbox{padding: 84px 40px;height: 436px; max-height: 436px;} .sy_section1 .content .right .rightbox .tit{font-size: 18px;line-height: 24px;margin-bottom: 20px;} .sy_section1 .content .right .rightbox .info{font-size: 14px;line-height: 26px;margin-bottom: 30px;} .sy_section1 .content .right .rightbox .more a{width: 160px;} .sy_section1 .content .right .rightbox .more a .words{font-size: 14px;line-height: 40px;} .sy_section1 .content .right .rightbox .more a .ico{height: 14px;} .sy_section1 .content .right .rightbox .more a:hover .ico{ margin-left: 16px;width: 16px;} } @media screen and (max-width:1400px) { .sy_section1 .content .left .leftbox{height: 380px;} .sy_section1 .content .right .rightbox{padding: 60px 40px;height: 366px; max-height: 366px;} } @media screen and (max-width:1280px) { .sy_section1{padding-top: 40px;padding-bottom: 40px;} .sy_section1 .content{margin-top: 30px;} .sy_section1 .content .left{width: 40%;padding-left: 20px;padding-bottom: 20px;} .sy_section1 .content .left::after{ width: calc(100% - 20px); width: -ms-calc(100% - 20px); width: -o-calc(100% - 20px); width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); height: calc(100% - 20px); height: -ms-calc(100% - 20px); height: -o-calc(100% - 20px); height: -moz-calc(100% - 20px); height: -webkit-calc(100% - 20px);} .sy_section1 .content .left .leftbox{height: 350px;} .sy_section1 .content .right{;width: 60%;padding-top: 10px;} .sy_section1 .content .right .rightbox{padding: 70px 40px;height: 340px; max-height: 340px;} .sy_section1 .content .right .rightbox .tit{font-size: 16px;line-height: 20px;margin-bottom: 16px;} .sy_section1 .content .right .rightbox .info{font-size: 12px;line-height: 24px;margin-bottom: 24px;} .sy_section1 .content .right .rightbox .more a{width: 140px;} .sy_section1 .content .right .rightbox .more a .words{font-size: 14px;line-height: 36px;} .sy_section1 .content .right .rightbox .more a .ico{height: 12px;} .sy_section1 .content .right .rightbox .more a:hover .ico{margin-left: 10px;width: 14px;} } @media screen and (max-width:1024px) { .sy_section1{padding-top: 30px;padding-bottom: 30px;} .sy_section1 .content{margin-top: 20px;} .sy_section1 .content .left{width: 100%;padding-left: 16px;padding-bottom: 16px;} .sy_section1 .content .left::after{ width: calc(100% - 16px); width: -ms-calc(100% - 16px); width: -o-calc(100% - 16px); width: -moz-calc(100% - 16px); width: -webkit-calc(100% - 16px); height: calc(100% - 16px); height: -ms-calc(100% - 16px); height: -o-calc(100% - 16px); height: -moz-calc(100% - 16px); height: -webkit-calc(100% - 16px);} .sy_section1 .content .left .leftbox{height: 280px;} .sy_section1 .content .right{width: 100%;padding-top: 0;} .sy_section1 .content .right .rightbox{padding: 16px;height: auto;max-height: 10000px;} .sy_section1 .content .right .rightbox::-webkit-scrollbar{width: 0;} .sy_section1 .content .right .rightbox::-webkit-scrollbar-thumb{width: 0;} .sy_section1 .content .right .rightbox::-webkit-scrollbar{ display: none;} .sy_section1 .content .right .rightbox .tit{font-size: 18px;line-height: 24px;margin-bottom: 10px;} .sy_section1 .content .right .rightbox .info{font-size: 14px;line-height: 24px;margin-bottom: 12px;} .sy_section1 .content .right .rightbox .more a{width: 140px;} .sy_section1 .content .right .rightbox .more a .words{font-size: 14px;line-height: 36px;} .sy_section1 .content .right .rightbox .more a .ico{height: 12px;} .sy_section1 .content .right .rightbox .more a:hover .ico{margin-left: 10px;width: 14px;} } .sy_section2{width: 100%;padding-top: 96px;padding-bottom: 106px;} .sy_section2 .content{margin-top: 58px;} .sy_section2 .content .top{width: 100%;font-size: 0;text-align: center;margin-bottom: 60px;white-space:nowrap;overflow: hidden; overflow-x: auto; scrollbar-width: thin; max-width: 100%;} .sy_section2 .content .top::-webkit-scrollbar{ height: 3px;} .sy_section2 .content .top::-webkit-scrollbar-track{ background-color: #e5e5e5; border-radius: 3px;} .sy_section2 .content .top::-webkit-scrollbar-thumb{ height: 3px; background-color: #ee9d06; border-radius: 3px;} .sy_section2 .content .top li{ overflow:hidden; display: inline-block;vertical-align: middle; letter-spacing:0.5px; font-size: 17px;color: #333333;line-height: 48px;margin: 0 15px;width: 195px;cursor: pointer;} .sy_section2 .content .top li.on{background-color: #ee9d06;color: #fff;} .sy_section2 .content .bottom{width: 100%;} .sy_section2 .content .bottom ul{margin: 0 -18px; width: calc(100% + 36px); width: -ms-calc(100% + 36px); width: -o-calc(100% + 36px); width: -moz-calc(100% + 36px); width: -webkit-calc(100% + 36px);} .sy_section2 .content .bottom ul li{padding: 0 18px;} .sy_section2 .content .bottom ul li a{display: block;width: 100%;border: 1px solid rgba(255,255,255,0);} .sy_section2 .content .bottom ul li a:hover{border-color: #ee9d06;} .sy_section2 .content .bottom ul li a .pic{ width: 100%; padding-bottom: 71.07%; position: relative; overflow: hidden; min-height: 50px; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} .sy_section2 .content .bottom ul li a .pic img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; transition: -webkit-transform 2s; vertical-align: middle; -ms-interpolation-mode: bicubic;} .sy_section2 .content .bottom ul li a:hover .pic img{ -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1);} .sy_section2 .content .bottom ul li a .wordsbox{width: 100%;border: 1px solid #cccccc;padding: 25px; transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;} .sy_section2 .content .bottom ul li a:hover .wordsbox{border-color: rgba(255,255,255,0);} .sy_section2 .content .bottom ul li a .wordsbox .words{font-size: 22px;color: #333333;line-height: 36px;text-align: center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .sy_section2 .content .bottom ul li a:hover .wordsbox .words{color: #ee9d06;} .sy_section2 .content .more{width: 100%;margin-top: 82px;} .sy_section2 .content .more a{width: 200px;border: 1px solid #ee9d06;font-size: 0;text-align: center;display: block;background-color: #fff;margin: 0 auto; transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;} .sy_section2 .content .more a:hover{border-color: #ee9d06;background-color: #ee9d06;} .sy_section2 .content .more a .words{font-size: 18px;color: #ee9d06;line-height: 52px;display: inline-block;vertical-align: middle; transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;} .sy_section2 .content .more a:hover .words{color: #fff;} .sy_section2 .content .more a .ico{display: inline-block;vertical-align: middle;height: 16px;opacity: 0;width: 0; transition: All 0.6s ease-in-out; -webkit-transition: All 0.6s ease-in-out; -moz-transition: All 0.6s ease-in-out; -o-transition: All 0.6s ease-in-out;} .sy_section2 .content .more a:hover .ico{opacity: 1; margin-left: 24px;width: 18px;} .sy_section2 .content .bottom ul .slick-prev{width: 45px;height: 45px;background: url(img/img29.png) no-repeat center center; background-size: cover;left: -56px;top: 50%;} .sy_section2 .content .bottom ul .slick-next{width: 45px;height: 45px;background: url(img/img30.png) no-repeat center center; background-size: cover;right: -56px;top: 50%;} .sy_section2 .content .bottom ul .slick-prev:hover{background: url(img/img13.png) no-repeat center center; background-size: cover;} .sy_section2 .content .bottom ul .slick-next:hover{background: url(img/img14.png) no-repeat center center; background-size: cover;} @media screen and (max-width:1600px) { .sy_section2{padding-top: 60px;padding-bottom: 60px;} .sy_section2 .content{margin-top: 34px;} .sy_section2 .content .top{margin-bottom: 26px;} .sy_section2 .content .top::-webkit-scrollbar{ height: 2px;} .sy_section2 .content .top::-webkit-scrollbar-thumb{ height: 2px;} .sy_section2 .content .top li{font-size: 15px;line-height: 36px;margin: 0 9px;width: 165px;} .sy_section2 .content .bottom ul{margin: 0 -10px; width: calc(100% + 20px); width: -ms-calc(100% + 20px); width: -o-calc(100% + 20px); width: -moz-calc(100% + 20px); width: -webkit-calc(100% + 20px);} .sy_section2 .content .bottom ul li{padding: 0 10px;} .sy_section2 .content .bottom ul li a .wordsbox{padding: 16px;} .sy_section2 .content .bottom ul li a .wordsbox .words{font-size: 18px;line-height: 24px;} .sy_section2 .content .more{margin-top: 30px;} .sy_section2 .content .more a{width: 160px;} .sy_section2 .content .more a .words{font-size: 14px;line-height: 40px;} .sy_section2 .content .more a .ico{height: 14px;} .sy_section2 .content .more a:hover .ico{ margin-left: 16px;width: 16px;} .sy_section2 .content .bottom ul .slick-prev{width: 34px;height: 34px;left: -40px;} .sy_section2 .content .bottom ul .slick-next{width: 34px;height: 34px;right: -40px;} } @media screen and (max-width:1280px) { .sy_section2{padding-top: 40px;padding-bottom: 40px;} .sy_section2 .content{margin-top: 26px;} .sy_section2 .content .top{margin-bottom: 20px;} .sy_section2 .content .top li{font-size: 14px;line-height: 30px;margin: 0 5px;width: 150px;} .sy_section2 .content .bottom ul{margin: 0 -6px; width: calc(100% + 12px); width: -ms-calc(100% + 12px); width: -o-calc(100% + 12px); width: -moz-calc(100% + 12px); width: -webkit-calc(100% + 12px);} .sy_section2 .content .bottom ul li{padding: 0 6px;} .sy_section2 .content .bottom ul li a .wordsbox{padding: 12px;} .sy_section2 .content .bottom ul li a .wordsbox .words{font-size: 16px;line-height: 20px;} .sy_section2 .content .more{margin-top: 26px;} .sy_section2 .content .more a{width: 140px;} .sy_section2 .content .more a .words{font-size: 14px;line-height: 36px;} .sy_section2 .content .more a .ico{height: 12px;} .sy_section2 .content .more a:hover .ico{margin-left: 10px;width: 14px;} .sy_section2 .content .bottom ul .slick-prev{width: 30px;height: 30px;left: -30px;} .sy_section2 .content .bottom ul .slick-next{width: 30px;height: 30px;right: -30px;} } @media screen and (max-width:1024px) { .sy_section2{padding-top: 30px;padding-bottom: 30px;} .sy_section2 .content{margin-top: 16px;} .sy_section2 .content .top{margin-bottom: 14px;} .sy_section2 .content .top::-webkit-scrollbar{ height: 0;} .sy_section2 .content .top::-webkit-scrollbar-thumb{ height: 0;} .sy_section2 .content .top li{font-size: 14px;line-height: 30px;margin: 0 8px 0 0;width: auto;padding: 0 12px;} .sy_section2 .content .top li.on{background-color: #ee9d06;color: #fff;} .sy_section2 .content .bottom ul{margin: 0 -5px; width: calc(100% + 10px); width: -ms-calc(100% + 10px); width: -o-calc(100% + 10px); width: -moz-calc(100% + 10px); width: -webkit-calc(100% + 10px); } .sy_section2 .content .bottom ul li{padding:0 5px;} .sy_section2 .content .bottom ul li a .wordsbox{padding: 6px 10px;} .sy_section2 .content .bottom ul li a .wordsbox .words{font-size: 14px;line-height: 24px;} .sy_section2 .content .more{margin-top: 16px;} .sy_section2 .content .more a{width: 140px;} .sy_section2 .content .more a .words{font-size: 14px;line-height: 36px;} .sy_section2 .content .more a .ico{height: 12px;} .sy_section2 .content .more a:hover .ico{margin-left: 10px;width: 14px;} .sy_section2 .content .bottom ul .slick-prev{width: 30px;height: 30px;left: -15%;} .sy_section2 .content .bottom ul .slick-next{width: 30px;height: 30px;right: -15%;} .sy_section2 .content .bottom .slick-dots{ height: 8px; text-align: center; margin-top:17px;} .sy_section2 .content .bottom .slick-dots li{ vertical-align: top; width: 8px; height: 8px;border-radius: 100%; margin: 0 4px; background: #dddddd; padding:0;} .sy_section2 .content .bottom .slick-dots li.slick-active{ background: #ee9d06;} } .sy_section3{width: 100%;padding-top: 76px;padding-bottom: 80px;box-shadow: 0 0 30px rgba(220,220,220,0.6);} .sy_section3 .content{width: 100%;margin-top: 56px;} .sy_section3 .content .ul{margin: -10px;padding-bottom: 106px; width: calc(100% + 20px); width: -ms-calc(100% + 20px); width: -o-calc(100% + 20px); width: -moz-calc(100% + 20px); width: -webkit-calc(100% + 20px);} .sy_section3 .content .ul .li{padding: 10px;} .sy_section3 .content .ul .li .list{width: 100%;margin-bottom: 20px;} .sy_section3 .content .ul .li .list:last-child{margin-bottom: 0;} .sy_section3 .content .ul .li .list a{display: block;width: 100%;border: 1px solid rgba(255,255,255,0);} .sy_section3 .content .ul .li .list a:hover{border-color: #ee9d06;box-shadow: 0 0 10px rgb(238,157,6,0.2);} .sy_section3 .content .ul .li .list a .pic{ width: 100%; padding-bottom: 50%; position: relative; overflow: hidden; min-height: 50px; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} .sy_section3 .content .ul .li .list a .pic img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; transition: -webkit-transform 2s; vertical-align: middle; -ms-interpolation-mode: bicubic;} .sy_section3 .content .ul .li .list a:hover .pic img{ -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1);} .sy_section3 .content .ul .slick-prev{width: 45px;height: 45px;background: url(img/img29.png) no-repeat center center; background-size: cover;left: 45%;top: auto;bottom: 0; transform: translate(0,0); -ms-transform: translate(0,0); -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -o-transform: translate(0,0);} .sy_section3 .content .ul .slick-next{width: 45px;height: 45px;background: url(img/img30.png) no-repeat center center; background-size: cover;right: 45%;top: auto;bottom: 0; transform: translate(0,0); -ms-transform: translate(0,0); -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -o-transform: translate(0,0);} .sy_section3 .content .ul .slick-prev:hover{background: url(img/img13.png) no-repeat center center; background-size: cover;} .sy_section3 .content .ul .slick-next:hover{background: url(img/img14.png) no-repeat center center; background-size: cover;} @media screen and (max-width:1600px) { .sy_section3{padding-top: 60px;padding-bottom: 60px;} .sy_section3 .content{margin-top: 36px;} .sy_section3 .content .ul{margin: -8px;padding-bottom: 84px; width: calc(100% + 16px); width: -ms-calc(100% + 16px); width: -o-calc(100% + 16px); width: -moz-calc(100% + 16px); width: -webkit-calc(100% + 16px);} .sy_section3 .content .ul .li{padding: 8px;} .sy_section3 .content .ul .li .list{margin-bottom: 16px;} .sy_section3 .content .ul .li .list a:hover{;box-shadow: 0 0 8px rgb(238,157,6,0.2);} .sy_section3 .content .ul .slick-prev{width: 36px;height: 36px;left: 44%;} .sy_section3 .content .ul .slick-next{width: 36px;height: 36px;right: 44%;} } @media screen and (max-width:1280px) { .sy_section3{padding-top: 40px;padding-bottom: 40px;} .sy_section3 .content{margin-top: 36px;} .sy_section3 .content .ul{padding-bottom: 70px;} .sy_section3 .content .ul .slick-prev{width: 30px;height: 30px;left: 44%;} .sy_section3 .content .ul .slick-next{width: 30px;height: 30px;right: 44%;} } @media screen and (max-width:1024px) { .sy_section3{padding-top: 30px;padding-bottom: 30px;} .sy_section3 .content{margin-top: 16px;} .sy_section3 .content .ul{margin: -7px;padding-bottom: 42px; width: calc(100% + 14px); width: -ms-calc(100% + 14px); width: -o-calc(100% + 14px); width: -moz-calc(100% + 14px); width: -webkit-calc(100% + 14px);} .sy_section3 .content .ul .li{padding: 7px;} .sy_section3 .content .ul .li .list{margin-bottom: 14px;} .sy_section3 .content .ul .li .list a:hover{box-shadow: 0 0 7px rgb(238,157,6,0.2);} .sy_section3 .content .ul .slick-prev{width: 30px;height: 30px;left: 40%;z-index: 6;} .sy_section3 .content .ul .slick-next{width: 30px;height: 30px;right: 40%;z-index: 6;} } .sy_section4{width: 100%;padding-top: 82px;padding-bottom: 85px;} .sy_section4 .content{width: 100%;margin-top: 60px;margin-bottom: 84px;} .sy_section4 .content .top{width: 100%;margin-bottom: 60px;font-size: 0;text-align: center;} .sy_section4 .content .top li{display: inline-block;vertical-align: middle;font-size: 18px;color: #333333;line-height: 48px;width: 200px;text-align: center;margin: 0 18px;cursor: pointer;} .sy_section4 .content .top li.on{background-color: #ee9d06;color: #fff;} .sy_section4 .content .bottom{width: 100%;} .sy_section4 .content .bottom ul{margin: -20px; width: calc(100% + 40px); width: -ms-calc(100% + 40px); width: -o-calc(100% + 40px); width: -moz-calc(100% + 40px); width: -webkit-calc(100% + 40px);} .sy_section4 .content .bottom ul::after{content: "";display: block;clear: both;} .sy_section4 .content .bottom ul li{width: 50%;float: left;padding: 20px;} .sy_section4 .content .bottom ul li a{display: block;box-shadow: 0 0 14px rgba(220,220,220,0.4);padding: 20px 26px 20px 20px;overflow: hidden;border: 1px solid rgba(255,255,255,0);} .sy_section4 .content .bottom ul li a:hover{border: 1px solid #ee9d06;box-shadow: 0 0 14px rgba(238,157,6,0.4);} .sy_section4 .content .bottom ul li a .picbox{width: 36.11%;float: left;height: 151px;overflow: hidden;} .sy_section4 .content .bottom ul li a .picbox .pic{width: 100%;height: 100%; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; transition: -webkit-transform 2s;} .sy_section4 .content .bottom ul li a:hover .picbox .pic{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05);} .sy_section4 .content .bottom ul li a .wordsbox{width: 63.89%;float: right;padding-left: 24px;padding-top: 6px;} .sy_section4 .content .bottom ul li a .wordsbox .tit{font-size: 20px;color: #333333;line-height: 24px;margin-bottom: 22px;font-weight: bolder; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;} .sy_section4 .content .bottom ul li a:hover .wordsbox .tit{color: #ee9d06;} .sy_section4 .content .bottom ul li a .wordsbox .info{font-size: 16px;color: #666666;line-height: 24px;margin-bottom: 26px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; height:48px;} .sy_section4 .content .bottom ul li a .wordsbox .boxs{width: 100%;overflow: hidden;} .sy_section4 .content .bottom ul li a .wordsbox .boxs .date{float: left;font-size: 16px;color: #666666;line-height: 20px;} .sy_section4 .content .bottom ul li a .wordsbox .boxs .ico{width: 18px;height: 16px;float: right;} .sy_section4 .content .bottom ul li a .wordsbox .boxs .ico2{display: none;} .sy_section4 .content .bottom ul li a:hover .wordsbox .boxs .ico1{display: none;} .sy_section4 .content .bottom ul li a:hover .wordsbox .boxs .ico2{display: block;} .sy_section4 .more{width: 100%;} .sy_section4 .more a{width: 200px;border: 1px solid #ee9d06;font-size: 0;text-align: center;display: block;background-color: #fff;margin: 0 auto; transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;} .sy_section4 .more a:hover{border-color: #ee9d06;background-color: #ee9d06;} .sy_section4 .more a .words{font-size: 18px;color: #ee9d06;line-height: 52px;display: inline-block;vertical-align: middle; transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;} .sy_section4 .more a:hover .words{color: #fff;} .sy_section4 .more a .ico{display: inline-block;vertical-align: middle;height: 16px;opacity: 0;width: 0; transition: All 0.6s ease-in-out; -webkit-transition: All 0.6s ease-in-out; -moz-transition: All 0.6s ease-in-out; -o-transition: All 0.6s ease-in-out;} .sy_section4 .more a:hover .ico{opacity: 1; margin-left: 24px;width: 18px;} @media screen and (max-width:1600px) { .sy_section4{padding-top: 60px;padding-bottom: 60px;} .sy_section4 .content{margin-top: 36px;margin-bottom: 40px;} .sy_section4 .content .top{margin-bottom: 30px;} .sy_section4 .content .top li{font-size: 16px;line-height: 36px;width: 180px;margin: 0 10px;} .sy_section4 .content .bottom ul{margin: -10px; width: calc(100% + 20px); width: -ms-calc(100% + 20px); width: -o-calc(100% + 20px); width: -moz-calc(100% + 20px); width: -webkit-calc(100% + 20px);} .sy_section4 .content .bottom ul li{padding: 10px;} .sy_section4 .content .bottom ul li a{padding: 16px;} .sy_section4 .content .bottom ul li a .picbox{width: 36%;height: 136px;} .sy_section4 .content .bottom ul li a .wordsbox{width: 64%;padding-left: 16px;padding-top: 4px;} .sy_section4 .content .bottom ul li a .wordsbox .tit{font-size: 18px;line-height: 24px;margin-bottom: 16px;} .sy_section4 .content .bottom ul li a .wordsbox .info{font-size: 14px;line-height: 22px;margin-bottom: 20px; height:44px;} .sy_section4 .content .bottom ul li a .wordsbox .boxs .date{font-size: 14px;line-height: 18px;} .sy_section4 .content .bottom ul li a .wordsbox .boxs .ico{width: 16px;height: 14px;} .sy_section4 .more a{width: 160px;} .sy_section4 .more a .words{font-size: 14px;line-height: 40px;} .sy_section4 .more a .ico{height: 14px;} .sy_section4 .more a:hover .ico{ margin-left: 16px;width: 16px;} } @media screen and (max-width:1280px) { .sy_section4{padding-top: 40px;padding-bottom: 40px;} .sy_section4 .content{margin-top: 26px;margin-bottom: 30px;} .sy_section4 .content .top{margin-bottom: 20px;} .sy_section4 .content .top li{font-size: 14px;line-height: 30px;width: 160px;margin: 0 8px;} .sy_section4 .content .bottom ul{margin: -8px; width: calc(100% + 16px); width: -ms-calc(100% + 16px); width: -o-calc(100% + 16px); width: -moz-calc(100% + 16px); width: -webkit-calc(100% + 16px);} .sy_section4 .content .bottom ul li{padding: 8px;} .sy_section4 .content .bottom ul li a{padding: 14px;} .sy_section4 .content .bottom ul li a .picbox{height: 126px;} .sy_section4 .content .bottom ul li a .wordsbox{padding-left: 12px;padding-top: 12px;} .sy_section4 .content .bottom ul li a .wordsbox .tit{font-size: 16px;line-height: 20px;margin-bottom: 12px;} .sy_section4 .content .bottom ul li a .wordsbox .info{font-size: 12px;line-height: 20px;margin-bottom: 16px; height:40px;} .sy_section4 .content .bottom ul li a .wordsbox .boxs .date{font-size: 12px;line-height: 18px;} .sy_section4 .content .bottom ul li a .wordsbox .boxs .ico{width: 14px;height: 12px;} .sy_section4 .more a{width: 140px;} .sy_section4 .more a .words{font-size: 14px;line-height: 36px;} .sy_section4 .more a .ico{height: 12px;} .sy_section4 .more a:hover .ico{margin-left: 10px;width: 14px;} } @media screen and (max-width:1024px) { .sy_section4{padding-top: 30px;padding-bottom: 30px;} .sy_section4 .content{margin-top: 16px;margin-bottom: 14px;} .sy_section4 .content .top{margin-bottom: 14px;} .sy_section4 .content .top li{font-size: 13px;line-height: 30px;width: 140px;margin: 0 4px; letter-spacing:0.5px;} .sy_section4 .content .bottom ul{margin: -6px 0;width: 100%;} .sy_section4 .content .bottom ul li{width: 100%;padding: 6px 0;} .sy_section4 .content .bottom ul li a{padding: 14px;} .sy_section4 .content .bottom ul li a .picbox{width: 44%;height: 114px;} .sy_section4 .content .bottom ul li a .wordsbox{width: 56%;padding-left: 10px;padding-top: 4px;} .sy_section4 .content .bottom ul li a .wordsbox .tit{font-size: 16px;line-height: 20px;margin-bottom: 10px;} .sy_section4 .content .bottom ul li a .wordsbox .info{font-size: 14px;line-height: 20px;margin-bottom: 12px;} .sy_section4 .content .bottom ul li a .wordsbox .boxs .date{font-size: 14px;line-height: 20px;} .sy_section4 .content .bottom ul li a .wordsbox .boxs .ico{width: 14px;height: 12px;} .sy_section4 .more a{width: 140px;} .sy_section4 .more a .words{font-size: 14px;line-height: 36px;} .sy_section4 .more a .ico{height: 12px;} .sy_section4 .more a:hover .ico{margin-left: 10px;width: 14px;} } .sy_section5{width: 100%;padding-top: 272px;padding-bottom: 78px;} .sy_section5 .content{width: 100%;background-color: #ffffff;box-shadow: 0 0 14px rgba(220,220,220,0.4);padding: 32px 80px 32px 60px;} .sy_section5 .content .cons{width: 100%;position: relative;} .sy_section5 .content .cons::after{content: "";display: block;clear: both;} .sy_section5 .content .cons::before{content: "";display: block;width: 1px;height: 100%;background-color: #dddddd;position: absolute;left: 37%;} .sy_section5 .content .cons .left{width: 37.06%;float: left;padding:15px 15px 15px 0;} .sy_section5 .content .cons .left .tit1{font-size: 36px;color: #333333;line-height: 40px;margin-bottom: 6px;font-weight: bolder;} .sy_section5 .content .cons .left .tit2{font-size: 16px;color: #333333;line-height: 20px;margin-bottom: 32px;} .sy_section5 .content .cons .left .tit3{font-size: 23px;color: #333333;line-height: 34px;margin-bottom: 8px; letter-spacing:0.5px;} .sy_section5 .content .cons .left .tit4{font-size: 15px;color: #333333;line-height: 20px;margin-bottom: 46px;} .sy_section5 .content .cons .left .listbox{width: 100%;} .sy_section5 .content .cons .left .listbox .list{width: 100%;margin-bottom: 32px;font-size: 0;} .sy_section5 .content .cons .left .listbox .list:last-child{margin-bottom: 0;} .sy_section5 .content .cons .left .listbox .list .ico{width: 30px;height: 30px;display: inline-block;vertical-align: middle;} .sy_section5 .content .cons .left .listbox .list .wordscon{display: inline-block;vertical-align: middle;padding-left: 20px; width: calc(100% - 32px); width: -ms-calc(100% - 32px); width: -o-calc(100% - 32px); width: -moz-calc(100% - 32px); width: -webkit-calc(100% - 32px);} .sy_section5 .content .cons .left .listbox .list .wordscon .words1{font-size: 16px;color: #333333;line-height: 20px;font-weight: bold;margin-bottom: 6px;} .sy_section5 .content .cons .left .listbox .list .wordscon .words2{font-size: 16px;color: #333333;line-height: 20px;} .sy_section5 .content .cons .left .listbox .list .wordscon .words2 a{color: #333333;} .sy_section5 .content .cons .right{width: 62.94%;float: right;padding-top: 15px;padding-left: 78px;} .sy_section5 .content .cons .right .tit1{font-size: 36px;color: #333333;line-height: 40px;margin-bottom: 32px;} .sy_section5 .content .cons .right .tit2{font-size: 18px;color: #666666;line-height: 24px;margin-bottom: 70px;} .sy_section5 .content .cons .right .inputbox{margin: -7px;overflow: hidden; width: calc(100% + 14px); width: -ms-calc(100% + 14px); width: -o-calc(100% + 14px); width: -moz-calc(100% + 14px); width: -webkit-calc(100% + 14px);} .sy_section5 .content .cons .right .inputbox .inputs{width: 50%;float: left;padding: 7px;} .sy_section5 .content .cons .right .inputbox .inputs input{width: 100%;height: 40px;background-color: #f5f5f5;font-size: 16px;color: #666666;padding: 0 20px;} .sy_section5 .content .cons .right .inputbox .inputs input::-webkit-input-placeholder{font-size: 16px;color: #666666;} .sy_section5 .content .cons .right .inputbox .inputs input:-moz-placeholder{font-size: 16px;color: #666666;} .sy_section5 .content .cons .right .inputbox .inputs input::moz-placeholder{font-size: 16px;color: #666666;} .sy_section5 .content .cons .right .inputbox .inputs input:-ms-input-placeholder{font-size: 16px;color: #666666;} .sy_section5 .content .cons .right .textbox{width: 100%;margin-top: 16px;margin-bottom: 34px;} .sy_section5 .content .cons .right .textbox textarea{width: 100%;height: 114px;font-size: 16px;color: #666666;line-height: 20px;padding: 20px;background: #f5f5f5;border: 0;} .sy_section5 .content .cons .right .textbox textarea::-webkit-input-placeholder{font-size: 16px;color: #666666;} .sy_section5 .content .cons .right .textbox textarea:-moz-placeholder{font-size: 16px;color: #666666;} .sy_section5 .content .cons .right .textbox textarea::moz-placeholder{font-size: 16px;color: #666666;} .sy_section5 .content .cons .right .textbox textarea:-ms-input-placeholder{font-size: 16px;color: #666666;} .sy_section5 .content .cons .right .boxs{width: 100%;} .sy_section5 .content .cons .right .boxs::after{content: "";display: block;clear: both;} .sy_section5 .content .cons .right .boxs .yzmbox{width: 48.9%;float: left;position: relative;} .sy_section5 .content .cons .right .boxs .yzmbox input{width: 100%;border-bottom: 1px solid #e5e5e5;padding: 0 118px 0 20px;height: 44px;font-size: 16px;color: #666666;} .sy_section5 .content .cons .right .boxs .yzmbox img{width: 108px;position: absolute;right: 0;top: 0;} .sy_section5 .content .cons .right .boxs .yzmbox input::-webkit-input-placeholder{font-size: 16px;color: #666666;} .sy_section5 .content .cons .right .boxs .yzmbox input:-moz-placeholder{font-size: 16px;color: #666666;} .sy_section5 .content .cons .right .boxs .yzmbox input::moz-placeholder{font-size: 16px;color: #666666;} .sy_section5 .content .cons .right .boxs .yzmbox input:-ms-input-placeholder{font-size: 16px;color: #666666;} .sy_section5 .content .cons .right .boxs .bottons{width: 48.9%;float: right;} .sy_section5 .content .cons .right .boxs .bottons button{width: 100%;height: 44px;display: block;background-color: #ee9d06;font-size: 16px;color: #fff;box-shadow: 0 0 14px rgba(238,157,6,0.4);} .sy_section5 .content .cons .right .boxs .bottons button:hover{opacity: 0.6;} @media screen and (max-width:1600px) { .sy_section5 .content .cons::before{} .sy_section5{padding-top: 140px;padding-bottom: 60px;} .sy_section5 .content{padding: 30px 50px;} .sy_section5 .content .cons .left{padding:12px 12px 12px 0;} .sy_section5 .content .cons .left .tit1{font-size: 26px;line-height: 30px;margin-bottom: 4px;} .sy_section5 .content .cons .left .tit2{font-size: 14px;line-height: 20px;margin-bottom: 20px;} .sy_section5 .content .cons .left .tit3{font-size: 19px;line-height: 28px;margin-bottom: 6px;} .sy_section5 .content .cons .left .tit4{font-size: 14px;line-height: 20px;margin-bottom: 30px;} .sy_section5 .content .cons .left .listbox .list{margin-bottom: 20px;} .sy_section5 .content .cons .left .listbox .list .ico{width: 26px;height: 26px;} .sy_section5 .content .cons .left .listbox .list .wordscon{padding-left: 12px; width: calc(100% - 28px); width: -ms-calc(100% - 28px); width: -o-calc(100% - 28px); width: -moz-calc(100% - 28px); width: -webkit-calc(100% - 28px);} .sy_section5 .content .cons .left .listbox .list .wordscon .words1{font-size: 14px;line-height: 18px;margin-bottom: 4px;} .sy_section5 .content .cons .left .listbox .list .wordscon .words2{font-size: 14px;line-height: 18px;} .sy_section5 .content .cons .right{padding-top: 12px;padding-left: 40px;} .sy_section5 .content .cons .right .tit1{font-size: 26px;line-height: 30px;margin-bottom: 20px;} .sy_section5 .content .cons .right .tit2{font-size: 14px;line-height: 20px;margin-bottom: 30px;} .sy_section5 .content .cons .right .inputbox{margin: -5px; width: calc(100% + 10px); width: -ms-calc(100% + 10px); width: -o-calc(100% + 10px); width: -moz-calc(100% + 10px); width: -webkit-calc(100% + 10px);} .sy_section5 .content .cons .right .inputbox .inputs{padding: 5px;} .sy_section5 .content .cons .right .inputbox .inputs input{height: 34px;font-size: 14px;padding: 0 14px;} .sy_section5 .content .cons .right .inputbox .inputs input::-webkit-input-placeholder{font-size: 14px;} .sy_section5 .content .cons .right .inputbox .inputs input:-moz-placeholder{font-size: 14px;} .sy_section5 .content .cons .right .inputbox .inputs input::moz-placeholder{font-size: 14px;} .sy_section5 .content .cons .right .inputbox .inputs input:-ms-input-placeholder{font-size: 14px;} .sy_section5 .content .cons .right .textbox{margin-top: 12px;margin-bottom: 20px;} .sy_section5 .content .cons .right .textbox textarea{height: 100px;font-size: 14px;line-height: 20px;padding: 14px;} .sy_section5 .content .cons .right .textbox textarea::-webkit-input-placeholder{font-size: 14px;} .sy_section5 .content .cons .right .textbox textarea:-moz-placeholder{font-size: 14px;} .sy_section5 .content .cons .right .textbox textarea::moz-placeholder{font-size: 14px;} .sy_section5 .content .cons .right .textbox textarea:-ms-input-placeholder{font-size: 14px;} .sy_section5 .content .cons .right .boxs .yzmbox{width: 48.5%;} .sy_section5 .content .cons .right .boxs .yzmbox input{padding: 0 100px 0 14px;height: 36px;font-size: 14px;} .sy_section5 .content .cons .right .boxs .yzmbox img{width: 90px;} .sy_section5 .content .cons .right .boxs .yzmbox input::-webkit-input-placeholder{font-size: 14px;} .sy_section5 .content .cons .right .boxs .yzmbox input:-moz-placeholder{font-size: 14px;} .sy_section5 .content .cons .right .boxs .yzmbox input::moz-placeholder{font-size: 14px;} .sy_section5 .content .cons .right .boxs .yzmbox input:-ms-input-placeholder{font-size: 14px;} .sy_section5 .content .cons .right .boxs .bottons{width: 48.5%;} .sy_section5 .content .cons .right .boxs .bottons button{height: 36px;font-size: 14px;} } @media screen and (max-width:1280px) { .sy_section5{padding-top: 80px;padding-bottom: 40px;} .sy_section5 .content{padding: 20px 34px;} .sy_section5 .content .cons .left{padding:10px 10px 10px 0;} .sy_section5 .content .cons .left .tit1{font-size: 20px;line-height: 24px;} .sy_section5 .content .cons .left .tit2{font-size: 12px;line-height: 20px;margin-bottom: 16px;} .sy_section5 .content .cons .left .tit3{font-size: 16px;line-height: 20px;margin-bottom: 4px;} .sy_section5 .content .cons .left .tit4{font-size: 12px;line-height: 20px;margin-bottom: 20px;} .sy_section5 .content .cons .left .listbox .list{margin-bottom: 14px;} .sy_section5 .content .cons .left .listbox .list .ico{width: 22px;height: 22px;} .sy_section5 .content .cons .left .listbox .list .wordscon{padding-left: 8px; width: calc(100% - 24px); width: -ms-calc(100% - 24px); width: -o-calc(100% - 24px); width: -moz-calc(100% - 24px); width: -webkit-calc(100% - 24px);} .sy_section5 .content .cons .left .listbox .list .wordscon .words1{font-size: 12px;} .sy_section5 .content .cons .left .listbox .list .wordscon .words2{font-size: 12px;} .sy_section5 .content .cons .right{padding-top: 10px;padding-left: 20px;} .sy_section5 .content .cons .right .tit1{font-size: 20px;line-height: 24px;margin-bottom: 14px;} .sy_section5 .content .cons .right .tit2{font-size: 12px;line-height: 20px;margin-bottom: 20px;} .sy_section5 .content .cons .right .inputbox .inputs input{height: 30px;font-size: 12px;padding: 0 10px;} .sy_section5 .content .cons .right .inputbox .inputs input::-webkit-input-placeholder{font-size: 12px;} .sy_section5 .content .cons .right .inputbox .inputs input:-moz-placeholder{font-size: 12px;} .sy_section5 .content .cons .right .inputbox .inputs input::moz-placeholder{font-size: 12px;} .sy_section5 .content .cons .right .inputbox .inputs input:-ms-input-placeholder{font-size: 12px;} .sy_section5 .content .cons .right .textbox{margin-top: 10px;margin-bottom: 16px;} .sy_section5 .content .cons .right .textbox textarea{height: 80px;font-size: 12px;padding: 10px;} .sy_section5 .content .cons .right .textbox textarea::-webkit-input-placeholder{font-size: 12px;} .sy_section5 .content .cons .right .textbox textarea:-moz-placeholder{font-size: 12px;} .sy_section5 .content .cons .right .textbox textarea::moz-placeholder{font-size: 12px;} .sy_section5 .content .cons .right .textbox textarea:-ms-input-placeholder{font-size: 12px;} .sy_section5 .content .cons .right .boxs .yzmbox input{padding: 0 80px 0 10px;height: 32px;font-size: 12px;} .sy_section5 .content .cons .right .boxs .yzmbox img{width: 70px;} .sy_section5 .content .cons .right .boxs .yzmbox input::-webkit-input-placeholder{font-size: 12px;} .sy_section5 .content .cons .right .boxs .yzmbox input:-moz-placeholder{font-size: 12px;} .sy_section5 .content .cons .right .boxs .yzmbox input::moz-placeholder{font-size: 12px;} .sy_section5 .content .cons .right .boxs .yzmbox input:-ms-input-placeholder{font-size: 12px;} .sy_section5 .content .cons .right .boxs .bottons button{height: 32px;font-size: 12px;} } @media screen and (max-width:1024px) { .sy_section5{padding-top: 30px;padding-bottom: 30px;} .sy_section5 .content{padding: 12px;} .sy_section5 .content .cons::before{display: none;} .sy_section5 .content .cons .left{width: 100%;padding:0 0 12px 0;border-bottom: 1px solid #eee;} .sy_section5 .content .cons .left .tit1{font-size: 18px;line-height: 24px;margin-bottom: 4px;} .sy_section5 .content .cons .left .tit2{font-size: 14px;margin-bottom: 12px;} .sy_section5 .content .cons .left .tit3{font-size: 16px;line-height: 24px;margin-bottom: 6px;} .sy_section5 .content .cons .left .tit4{font-size: 14px;margin-bottom: 12px;} .sy_section5 .content .cons .left .listbox .list{margin-bottom: 12px;} .sy_section5 .content .cons .left .listbox .list .ico{width: 24px;height: 24px;} .sy_section5 .content .cons .left .listbox .list .wordscon{padding-left: 10px; width: calc(100% - 26px); width: -ms-calc(100% - 26px); width: -o-calc(100% - 26px); width: -moz-calc(100% - 26px); width: -webkit-calc(100% - 26px);} .sy_section5 .content .cons .left .listbox .list .wordscon .words1{font-size: 14px;margin-bottom: 4px;} .sy_section5 .content .cons .left .listbox .list .wordscon .words2{font-size: 14px;} .sy_section5 .content .cons .right{width: 100%;padding-top: 12px;padding-left: 0;} .sy_section5 .content .cons .right .tit1{font-size: 18px;line-height: 24px;margin-bottom: 12px;} .sy_section5 .content .cons .right .tit2{font-size: 14px;line-height: 20px;margin-bottom: 16px;} .sy_section5 .content .cons .right .inputbox{margin: -6px 0;width: 100%;} .sy_section5 .content .cons .right .inputbox .inputs{width: 100%;padding: 6px 0;} .sy_section5 .content .cons .right .inputbox .inputs input{height: 34px;font-size: 14px;padding: 0 12px;} .sy_section5 .content .cons .right .inputbox .inputs input::-webkit-input-placeholder{font-size: 14px;} .sy_section5 .content .cons .right .inputbox .inputs input:-moz-placeholder{font-size: 14px;} .sy_section5 .content .cons .right .inputbox .inputs input::moz-placeholder{font-size: 14px;} .sy_section5 .content .cons .right .inputbox .inputs input:-ms-input-placeholder{font-size: 14px;} .sy_section5 .content .cons .right .textbox{margin-top: 12px;margin-bottom: 14px;} .sy_section5 .content .cons .right .textbox textarea{height: 80px;font-size: 14px;} .sy_section5 .content .cons .right .textbox textarea::-webkit-input-placeholder{font-size: 14px;} .sy_section5 .content .cons .right .textbox textarea:-moz-placeholder{font-size: 14px;} .sy_section5 .content .cons .right .textbox textarea::moz-placeholder{font-size: 14px;} .sy_section5 .content .cons .right .textbox textarea:-ms-input-placeholder{font-size: 14px;} .sy_section5 .content .cons .right .boxs .yzmbox{width: 100%;} .sy_section5 .content .cons .right .boxs .yzmbox input{padding: 0 100px 0 12px;height: 34px;font-size: 14px;} .sy_section5 .content .cons .right .boxs .yzmbox img{width: 90px;} .sy_section5 .content .cons .right .boxs .yzmbox input::-webkit-input-placeholder{font-size: 14px;} .sy_section5 .content .cons .right .boxs .yzmbox input:-moz-placeholder{font-size: 14px;} .sy_section5 .content .cons .right .boxs .yzmbox input::moz-placeholder{font-size: 14px;} .sy_section5 .content .cons .right .boxs .yzmbox input:-ms-input-placeholder{font-size: 14px;} .sy_section5 .content .cons .right .boxs .bottons{width: 100%;margin-top: 14px;} .sy_section5 .content .cons .right .boxs .bottons button{height: 36px;font-size: 14px;} } /*内页banner*/ .ny_banner{width: 100%;position: relative;} .ny_banner .ba_pic{width: 100%;position: relative;} .ny_banner .ba_pic img{width: 100%;display: block;} .ny_banner .ba_pic::after{content: "";display: block;width: 100%;height: 100%;background: url(img/img57.png)no-repeat top center;background-size: cover;position: absolute;left: 0;top: 0;} .ny_banner .wordsbox{width: 100%;position: absolute;left: 0;bottom: 0;background-color: rgba(255,255,255,0.84);} .ny_banner .wordsbox::after{content: "";display: block;width: 544px;height: 100px;position: absolute;left: 0;bottom: 0;z-index: 1; background: url(img/img60.png)no-repeat bottom right;background-size: cover;box-shadow: 0px 12px 8px -12px rgb(0 0 0 / 10%);} .ny_banner .wordsbox .content{width: 100%;display: flex; flex-direction: row; justify-content: space-between; align-items: left;position: relative; z-index: 2;} .ny_banner .wordsbox .content .left{padding-top: 6px;font-size: 0;} .ny_banner .wordsbox .content .left .tit{font-size: 24px;color: #333333;line-height: 28px;display: inline-block;vertical-align: middle;margin-right: 18px;} .ny_banner .wordsbox .content .left .ico{width: 49px;height: 20px;display: inline-block;vertical-align: middle} .ny_banner .wordsbox .content .center{width: 50%;} .ny_banner .wordsbox .content .center ul{width: 100%;text-align: center;font-size: 0;} .ny_banner .wordsbox .content .center ul li{display: inline-block;vertical-align: middle;margin: 0 34px;} .ny_banner .wordsbox .content .center ul li a{display: block;font-size: 16px;color: #666666;line-height: 70px;} .ny_banner .wordsbox .content .center ul li:hover a, .ny_banner .wordsbox .content .center ul li.on a{color: #ee9d06;} .ny_banner .wordsbox .content .right{font-size: 0;} .ny_banner .wordsbox .content .right .ico{width: 22px;height: 22px;display: inline-block;vertical-align: middle;margin-right: 10px;} .ny_banner .wordsbox .content .right a{display: inline-block;vertical-align: middle;font-size: 16px;color: #666666;line-height: 70px;} .ny_banner .wordsbox .content .right span{display: inline-block;vertical-align: middle;font-size: 16px;color: #666666;line-height: 70px;margin: 0 8px;} .ny_banner .wordsbox .content .right a:hover, .ny_banner .wordsbox .content .right a.on{color: #ee9d06;} .ny_banner .titboxs{width: 100%;position: absolute;left: 0;top: 40%;} .ny_banner .titboxs .cons{padding-left: 20px;border-left: 3px solid #ee9d06;} .ny_banner .titboxs .cons .tit1{font-size: 36px;color: #ffffff;line-height: 40px;margin-bottom: 22px;font-weight: bolder;} .ny_banner .titboxs .cons .tit2{font-size: 24px;color: #ffffff;line-height: 28px;} @media screen and (max-width:1600px) { .ny_banner .wordsbox::after{width: 380px;height: 70px;} .ny_banner .wordsbox .content .left{padding-top: 4px;} .ny_banner .wordsbox .content .left .tit{font-size: 18px;line-height: 24px;margin-right: 10px;} .ny_banner .wordsbox .content .left .ico{width: 36px;height: 15px;} .ny_banner .wordsbox .content .center ul{width: 100%;text-align: center;font-size: 0;} .ny_banner .wordsbox .content .center ul li{margin: 0 10px;} .ny_banner .wordsbox .content .center ul li a{font-size: 14px;line-height: 50px;} .ny_banner .wordsbox .content .right .ico{width: 18px;height: 18px;margin-right: 8px;} .ny_banner .wordsbox .content .right a{font-size: 14px;;line-height: 50px;} .ny_banner .wordsbox .content .right span{font-size: 14px;;line-height: 50px;margin: 0 6px;} .ny_banner .titboxs{top: 40%;} .ny_banner .titboxs .cons{padding-left: 16px;border-left: 2px solid #ee9d06;} .ny_banner .titboxs .cons .tit1{font-size: 22px;line-height: 26px;margin-bottom: 14px;} .ny_banner .titboxs .cons .tit2{font-size: 16px;line-height: 20px;} } @media screen and (max-width:1280px) { .ny_banner .wordsbox::after{width: 260px;height: 60px;} .ny_banner .wordsbox .content .left{padding-top: 4px;} .ny_banner .wordsbox .content .left .tit{font-size: 16px;line-height: 20px;margin-right: 8px;} .ny_banner .wordsbox .content .left .ico{width: 30px;height: 13px;} .ny_banner .wordsbox .content .center ul li{margin: 0 8px;} .ny_banner .wordsbox .content .center ul li a{font-size: 12px;line-height: 40px;} .ny_banner .wordsbox .content .right .ico{width: 16px;height: 16px;margin-right: 6px;} .ny_banner .wordsbox .content .right a{font-size: 12px;;line-height: 40px;} .ny_banner .wordsbox .content .right span{font-size: 12px;;line-height: 40px;margin: 0 4px;} .ny_banner .titboxs{top: 40%;} .ny_banner .titboxs .cons{padding-left: 12px;} .ny_banner .titboxs .cons .tit1{font-size: 20px;line-height: 24px;margin-bottom: 12px;} .ny_banner .titboxs .cons .tit2{font-size: 14px;line-height: 20px;} } @media screen and (max-width:1024px) { .ny_banner{margin-top: 50px;} .ny_banner .wordsbox{padding-top: 12px;padding-bottom: 12px;} .ny_banner .wordsbox::after{width: 170px;height: 100%;} .ny_banner .wordsbox .content{display: block;} .ny_banner .wordsbox .content::after{content: "";display: block;vertical-align: both;} .ny_banner .wordsbox .content .left{padding-top: 0;float: left; min-width:110px;} .ny_banner .wordsbox .content .left .tit{font-size: 14px;line-height: 24px;margin-right: 10px;} .ny_banner .wordsbox .content .left .ico{width: 36px;height: 15px;} .ny_banner .wordsbox .content .center{float: right;} .ny_banner .wordsbox .content .center ul li{margin: 0 6px;} .ny_banner .wordsbox .content .center ul li a{font-size: 14px;line-height: 24px;} .ny_banner .wordsbox .content .right{width: 100%;text-align: right;position: absolute;right: 0;top: -44px;display: none;} .ny_banner .wordsbox .content .right .ico{width: 18px;height: 18px;margin-right: 8px;} .ny_banner .wordsbox .content .right a{font-size: 14px;;line-height: 20px;color: #fff;} .ny_banner .wordsbox .content .right span{font-size: 14px;;line-height: 20px;margin: 0 5px;color: #fff;} .ny_banner .titboxs{top: 20%;} .ny_banner .titboxs .cons{padding-left: 10px;border-left: 2px solid #ee9d06;} .ny_banner .titboxs .cons .tit1{font-size: 18px;line-height: 24px;margin-bottom: 10px;} .ny_banner .titboxs .cons .tit2{font-size: 14px;line-height: 20px;} .ny_banner.jzsl .wordsbox{display:none;} .ny_banner.jzsl .titboxs{top: 50%; -webkit-transform: translate( 0%, -50%); -ms-transform: translate( 0%, -50%); transform: translate( 0%, -50%);} } /*内页标题*/ .nytit_section{width: 100%;} .nytit_section h2{font-size: 36px;color: #333333;line-height: 40px;text-align: center;margin-bottom: 16px;font-weight: bolder;} .nytit_section .ftitbox{width: 100%;font-size: 0;text-align: center;} .nytit_section .ftitbox h3{font-size: 18px;color: #666666;line-height: 24px;display: inline-block;vertical-align: middle;padding: 0 20px;text-transform:uppercase;letter-spacing: 0;} .nytit_section .ftitbox .border{height: 1px;background-color: #dddddd;display: inline-block;vertical-align: middle; width: calc(50% - 120px); width: -ms-calc(50% - 120px); width: -o-calc(50% - 120px); width: -moz-calc(50% - 120px); width: -webkit-calc(50% - 120px);} .nytit_section2 .ftitbox .border{height: 1px;background-color: #dddddd;display: inline-block;vertical-align: middle; width: calc(50% - 86px); width: -ms-calc(50% - 86px); width: -o-calc(50% - 86px); width: -moz-calc(50% - 86px); width: -webkit-calc(50% - 86px);} @media screen and (max-width:1600px) { .nytit_section h2{font-size: 26px;line-height: 30px;margin-bottom: 12px;} .nytit_section .ftitbox h3{font-size: 16px;line-height: 20px;padding: 0 16px;} .nytit_section .ftitbox .border{ width: calc(50% - 76px); width: -ms-calc(50% - 76px); width: -o-calc(50% - 76px); width: -moz-calc(50% - 76px); width: -webkit-calc(50% - 76px);} } @media screen and (max-width:1280px) { .nytit_section h2{font-size: 20px;line-height: 24px;margin-bottom: 10px;} .nytit_section .ftitbox h3{font-size: 14px;line-height: 20px;padding: 0 12px;} .nytit_section .ftitbox .border{ width: calc(50% - 60px); width: -ms-calc(50% - 60px); width: -o-calc(50% - 60px); width: -moz-calc(50% - 60px); width: -webkit-calc(50% - 60px);} } @media screen and (max-width:1024px) { .nytit_section h2{font-size: 18px;line-height: 24px;margin-bottom: 8px;} .nytit_section .ftitbox h3{font-size: 14px;line-height: 20px;padding: 0 20px;} .nytit_section .ftitbox .border{height: 1px; width: calc(50% - 75px); width: -ms-calc(50% - 75px); width: -o-calc(50% - 75px); width: -moz-calc(50% - 75px); width: -webkit-calc(50% - 75px);} .nytit_section2 .ftitbox .border{ width: calc(50% - 68px); width: -ms-calc(50% - 68px); width: -o-calc(50% - 68px); width: -moz-calc(50% - 68px); width: -webkit-calc(50% - 68px);} } /*关于我们*/ .gy_section1{width: 100%;padding-top: 78px;padding-bottom: 104px;} .gy_section1 .content{width: 100%;margin-top: 46px;} .gy_section1 .content .text{font-size: 18px;color: #666666;line-height: 36px;margin-bottom: 76px;} .gy_section1 .content .boxs1{width: 100%;margin-bottom: 75px;} .gy_section1 .content .boxs1 .listbox{width: 100%;overflow: hidden;} .gy_section1 .content .boxs1 .listbox .list{width: 25%;float: left;padding-left: 92px;position: relative;} .gy_section1 .content .boxs1 .listbox .list::after{content: "";display: block;width: 1px;height: 100%;background-color: #dddddd;height: 80px;position: absolute;right: 0;top: 50%; transform: translate(0,-50%); -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -o-transform: translate(0,-50%);} .gy_section1 .content .boxs1 .listbox .list:last-child::after{display: none;} .gy_section1 .content .boxs1 .listbox .list ._t{font-size: 18px;color: #222222;line-height: 24px;margin-bottom: 22px;font-weight: bolder;} .gy_section1 .content .boxs1 .listbox .list ._t span{font-size: 60px;color: #ee9d06;line-height: 62px;letter-spacing: 0;} .gy_section1 .content .boxs1 .listbox .list ._b{font-size: 20px;color: #222222;line-height: 24px;} .gy_section1 .content .boxs2{width: 100%;overflow: hidden;} .gy_section1 .content .boxs2 .left{width: 50.77%;float: left;padding-right: 40px;padding-top: 10px;} .gy_section1 .content .boxs2 .left .tit{font-size: 24px;color: #ee9d06;line-height: 28px;margin-bottom: 28px;font-weight: bold;} .gy_section1 .content .boxs2 .left .border{width: 50px;height: 3px;background-color: #ee9d06;margin-bottom: 20px;} .gy_section1 .content .boxs2 .left .info{font-size: 18px;color: #666666;line-height: 36px;padding-right: 18px;letter-spacing: 0;text-align: justify;overflow: hidden; overflow-y: auto; scrollbar-width: thin; max-height: 432px;} .gy_section1 .content .boxs2 .left .info::-webkit-scrollbar{ width: 3px;} .gy_section1 .content .boxs2 .left .info::-webkit-scrollbar-track{ background-color: #e5e5e5; border-radius: 3px;} .gy_section1 .content .boxs2 .left .info::-webkit-scrollbar-thumb{ width: 3px; background-color: #ee9d06; border-radius: 3px;} .gy_section1 .content .boxs2 .right{width: 49.23%;float: right;height: 540px;overflow: hidden;} .gy_section1 .content .boxs2 .right.right_wap{display:none;} .gy_section1 .content .boxs2 .right .pic{width: 100%;height: 100%; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; transition: -webkit-transform 2s;} .gy_section1 .content .boxs2 .right .pic:hover{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05);} @media screen and (max-width:1600px) { .gy_section1 .content .boxs1 .listbox .list::after{content: "";display: block;} .gy_section1{padding-top: 60px;padding-bottom: 60px;} .gy_section1 .content{margin-top: 34px;} .gy_section1 .content .text{font-size: 16px;line-height: 24px;margin-bottom: 30px;} .gy_section1 .content .boxs1{margin-bottom: 34px;} .gy_section1 .content .boxs1 .listbox .list{padding-left: 50px;} .gy_section1 .content .boxs1 .listbox .list ._t{font-size: 16px;line-height: 20px;margin-bottom: 16px;} .gy_section1 .content .boxs1 .listbox .list ._t span{font-size: 36px;line-height: 40px;} .gy_section1 .content .boxs1 .listbox .list ._b{font-size: 14px;line-height: 20px;} .gy_section1 .content .boxs2 .left{width: 50%;padding-right: 26px;padding-top: 8px;} .gy_section1 .content .boxs2 .left .tit{font-size: 18px;line-height: 24px;margin-bottom: 20px;} .gy_section1 .content .boxs2 .left .border{width: 36px;height: 2px;margin-bottom: 16px;} .gy_section1 .content .boxs2 .left .info{font-size: 15px;line-height: 28px;padding-right: 10px;max-height: 386px;} .gy_section1 .content .boxs2 .left .info::-webkit-scrollbar{width: 3px;} .gy_section1 .content .boxs2 .left .info::-webkit-scrollbar-thumb{width: 3px;} .gy_section1 .content .boxs2 .right{width: 50%;height: 470px;} } @media screen and (max-width:1280px) { .gy_section1{padding-top: 40px;padding-bottom: 40px;} .gy_section1 .content{margin-top: 26px;} .gy_section1 .content .text{font-size: 14px;line-height: 20px;margin-bottom: 16px;} .gy_section1 .content .boxs1{margin-bottom: 16px;} .gy_section1 .content .boxs1 .listbox .list{padding-left: 36px;} .gy_section1 .content .boxs1 .listbox .list ._t{font-size: 14px;margin-bottom: 12px;} .gy_section1 .content .boxs1 .listbox .list ._t span{font-size: 26px;line-height: 30px;} .gy_section1 .content .boxs1 .listbox .list ._b{font-size: 12px;} .gy_section1 .content .boxs2 .left{padding-right: 18px;padding-top: 6px;} .gy_section1 .content .boxs2 .left .tit{font-size: 16px;line-height: 20px;margin-bottom: 16px;} .gy_section1 .content .boxs2 .left .border{width: 32px;margin-bottom: 14px;} .gy_section1 .content .boxs2 .left .info{font-size: 14px;line-height: 26px;padding-right: 8px;max-height: 335px;} .gy_section1 .content .boxs2 .left .info::-webkit-scrollbar{width: 3px;} .gy_section1 .content .boxs2 .left .info::-webkit-scrollbar-thumb{width: 3px;} .gy_section1 .content .boxs2 .right{height: 400px;} } @media screen and (max-width:1024px) { .gy_section1{padding-top: 30px;padding-bottom: 30px;} .gy_section1 .content{margin-top: 16px;} .gy_section1 .content .text{font-size: 14px;line-height: 26px;margin-bottom: 14px;} .gy_section1 .content .boxs1{margin-bottom: 14px;} .gy_section1 .content .boxs1 .listbox{display: flex; flex-direction: row; justify-content: space-between; align-items: left; display:block;} .gy_section1 .content .boxs1 .listbox .list{width: 48%; padding-left: 0; margin-top:10px;} .gy_section1 .content .boxs1 .listbox .list::after{display: none;} .gy_section1 .content .boxs1 .listbox .list ._t{font-size: 13px;line-height: 20px;margin-bottom: 10px;} .gy_section1 .content .boxs1 .listbox .list ._t span{font-size: 20px;line-height: 24px;} .gy_section1 .content .boxs1 .listbox .list ._b{font-size: 15px;line-height: 20px;} .gy_section1 .content .boxs2 .left{width: 100%;padding-right: 0px;padding-top: 14px;margin-bottom: 0px;} .gy_section1 .content .boxs2 .left .tit{font-size: 18px;line-height: 24px;margin-bottom: 12px;} .gy_section1 .content .boxs2 .left .border{width: 30px;height: 2px;margin-bottom: 12px;} .gy_section1 .content .boxs2 .left .info{font-size: 14px;line-height: 24px;padding-right: 0; max-height: 1000px;} .gy_section1 .content .boxs2 .left .info::-webkit-scrollbar{ width: 0;} .gy_section1 .content .boxs2 .left .info::-webkit-scrollbar-thumb{ width: 0;} .gy_section1 .content .boxs2 .left .info::-webkit-scrollbar{ display: none;} .gy_section1 .content .boxs2 .right{width: 100%;height: 290px;} .gy_section1 .content .boxs2 .right.right_pc{display:none;} .gy_section1 .content .boxs2 .right.right_wap{display:block; height:auto;} } .gy_section2{width: 100%;padding-top: 96px;padding-bottom: 100px;} .gy_section2 .content{width: 100%;margin-top: 82px;box-shadow: 0 0 16px rgba(220,220,220,0.6);overflow: hidden;} .gy_section2 .content .left{width: 41.92%;float: left;height: 430px;overflow: hidden;} .gy_section2 .content .left .pic{width: 100%;height: 100%; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; transition: -webkit-transform 2s;} .gy_section2 .content .left:hover .pic{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05);} .gy_section2 .content .right{width: 58.08%;float: right;position: relative;height: 430px;} .gy_section2 .content .right .wordsbox{width: 100%;position: absolute;left: 0;top: 50%;padding: 0 50px 0 44px; transform: translate(0,-50%); -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -o-transform: translate(0,-50%);} .gy_section2 .content .right .wordsbox .tit{font-size: 24px;color: #ee9d06;line-height: 28px;margin-bottom: 35px;font-weight: bolder;} .gy_section2 .content .right .wordsbox .border{width: 100%;background-color: #dddddd;height: 1px;margin-bottom: 30px;position: relative;} .gy_section2 .content .right .wordsbox .border::after{content: "";display: block;width: 50px;height: 3px;background-color: #ee9d06;position: absolute;left: 0;bottom: 0;} .gy_section2 .content .right .wordsbox .info{font-size: 18px;color: #666666;line-height: 36px;letter-spacing: 0;text-align: justify;padding-right: 8px;overflow: hidden; overflow-y: auto; scrollbar-width: thin; max-height: 252px;} .gy_section2 .content .right .wordsbox .info::-webkit-scrollbar{ width: 3px;} .gy_section2 .content .right .wordsbox .info::-webkit-scrollbar-track{ background-color: #e5e5e5; border-radius: 3px;} .gy_section2 .content .right .wordsbox .info::-webkit-scrollbar-thumb{ width: 3px; background-color: #ee9d06; border-radius: 3px;} @media screen and (max-width:1600px) { .gy_section2{padding-top: 60px;padding-bottom: 60px;} .gy_section2 .content{margin-top: 36px;} .gy_section2 .content .left{width: 42%;height: 380px;} .gy_section2 .content .right{width: 58%;height: 380px;} .gy_section2 .content .right .wordsbox{padding: 0 30px;} .gy_section2 .content .right .wordsbox .tit{font-size: 20px;line-height: 24px;margin-bottom: 20px;} .gy_section2 .content .right .wordsbox .border{margin-bottom: 20px;} .gy_section2 .content .right .wordsbox .border::after{width: 40px;height: 2px;} .gy_section2 .content .right .wordsbox .info{font-size: 16px;line-height: 26px;max-height: 182px;} .gy_section2 .nytit_section .ftitbox .border{ width: calc(50% - 105px); width: -ms-calc(50% - 105px); width: -o-calc(50% - 105px); width: -moz-calc(50% - 105px); width: -webkit-calc(50% - 105px);} } @media screen and (max-width:1280px) { .gy_section2{padding-top: 40px;padding-bottom: 40px;} .gy_section2 .content{margin-top: 26px;} .gy_section2 .content .left{height: 340px;} .gy_section2 .content .right{height: 340px;} .gy_section2 .content .right .wordsbox{padding: 0 24px;} .gy_section2 .content .right .wordsbox .tit{font-size: 18px;margin-bottom: 16px;} .gy_section2 .content .right .wordsbox .border{margin-bottom: 16px;} .gy_section2 .content .right .wordsbox .border::after{width: 30px;height: 2px;} .gy_section2 .content .right .wordsbox .info{font-size: 14px;line-height: 24px;max-height: 168px;} .gy_section2 .nytit_section .ftitbox .border{ width: calc(50% - 90px); width: -ms-calc(50% - 90px); width: -o-calc(50% - 90px); width: -moz-calc(50% - 90px); width: -webkit-calc(50% - 90px);} } @media screen and (max-width:1024px) { .gy_section2{padding-top: 30px;padding-bottom: 30px;} .gy_section2 .content{margin-top: 16px;} .gy_section2 .content .left{width: 100%;height: 240px;} .gy_section2 .content .right{width: 100%;height: auto;} .gy_section2 .content .right .wordsbox{position: static;padding: 12px; transform: translate(0,0); -ms-transform: translate(0,0); -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -o-transform: translate(0,0);} .gy_section2 .content .right .wordsbox .tit{font-size: 18px;line-height: 24px;margin-bottom: 12px;} .gy_section2 .content .right .wordsbox .border{height: 1px;} .gy_section2 .content .right .wordsbox .border::after{width: 34px;height: 2px;} .gy_section2 .content .right .wordsbox .info{font-size: 14px;;line-height: 24px;padding-right: 0;max-height: 100000px;} .gy_section2 .content .right .wordsbox .info::-webkit-scrollbar{ width: 0;} .gy_section2 .content .right .wordsbox .info::-webkit-scrollbar-thumb{ width: 0;} .gy_section2 .content .right .wordsbox .info::-webkit-scrollbar{ display: none;} .gy_section2 .nytit_section .ftitbox .border{ width: calc(50% - 95px); width: -ms-calc(50% - 95px); width: -o-calc(50% - 95px); width: -moz-calc(50% - 95px); width: -webkit-calc(50% - 95px);} } /*二级导航*/ .ejnavs_section{width: 20%;float: left;} .ejnavs_section.on{position: fixed;left: 16%;top: 0;width: 260px;z-index: 20;} .ejnavs_section ul{width: 100%;box-shadow: 0 0 20px rgba(0,0,0,0.2);} .ejnavs_section ul li{width: 100%;} .ejnavs_section ul li .yj{width: 100%;background-color: #f5f5f5;overflow: hidden;padding: 20px 20px 20px 22px;cursor: pointer;} .ejnavs_sectioncp ul li .yj{padding: 20px 18px;} .ejnavs_section ul li.on .yj{background-color: #ee9d06;} .ejnavs_section ul li .yj .l_ico{width: 10px;height: 10px;float: left;margin-top: 8px;} .ejnavs_section ul li .yj .l_ico2{display: none;} .ejnavs_section ul li.on .yj .l_ico1{display: none;} .ejnavs_section ul li.on .yj .l_ico2{display: block;} .ejnavs_section ul li .words{font-size: 20px;color: #333;line-height: 26px;float: left;text-align: center; width: calc(100% - 22px); width: -ms-calc(100% - 22px); width: -o-calc(100% - 22px); width: -moz-calc(100% - 22px); width: -webkit-calc(100% - 22px);} .ejnavs_sectioncp ul li .words{text-align: left;padding-left: 14px;font-size: 16px;letter-spacing: 0;} .ejnavs_section ul li.on .words{color: #fff;} .ejnavs_section ul li .r_ico{width: 11px;float: left;height: 1px;background-color: #fff;margin-top: 12.5px;opacity: 0;} .ejnavs_section ul li.on .r_ico{opacity: 1;} .ejnavs_section ul li .ej{width: 100%;background-color: #fff;border-left: 1px solid #dddddd;border-right: 1px solid #dddddd;padding-left: 20px;display: none;} .ejnavs_sections ul li.on .ej{display: block;} .ejnavs_section ul li .ej .listbox{width: 100%;padding-top: 6px;padding-bottom: 6px;border-left: 1px dashed #dddddd;} .ejnavs_section ul li .ej .listbox .list{border-bottom: 1px dashed #dddddd;} .ejnavs_section ul li .ej .listbox .list a{display: block;font-size: 16px;color: #666666;line-height: 52px;padding-left: 14px;letter-spacing: 0;} .ejnavs_section ul li .ej .listbox .list a.on{color: #ee9d06;} .ejnavs_section ul li .ej .listbox .list:last-child{border-bottom: 0;} .ejnavs_section ._ts{display: none;} @media screen and (max-width:1600px) { .ejnavs_section.on{left: 12.5%;width: 228px;} .ejnavs_section ul li .yj{padding: 14px 14px 14px 16px;} .ejnavs_section ul li .yj .l_ico{width: 8px;height: 8px;margin-top: 6px; } .ejnavs_section ul li .words{font-size: 16px;line-height: 20px; width: calc(100% - 18px); width: -ms-calc(100% - 18px); width: -o-calc(100% - 18px); width: -moz-calc(100% - 18px); width: -webkit-calc(100% - 18px);} .ejnavs_sectioncp ul li .words{padding-left: 20px;} .ejnavs_section ul li .r_ico{width: 8px;margin-top: 9.5px;} .ejnavs_section ul li .ej{padding-left: 16px;} .ejnavs_section ul li .ej .listbox{padding-top: 4px;padding-bottom: 4px;} .ejnavs_section ul li .ej .listbox .list a{font-size: 14px;line-height: 40px;padding-left: 10px;} } @media screen and (max-width:1400px) { .ejnavs_section.on{left: 7.5%;width: 230px;} } @media screen and (max-width:1280px) { .ejnavs_section.on{left: 8%;width: 213px;} .ejnavs_section ul li .yj{padding: 12px 12px 12px 14px;} .ejnavs_section ul li .words{font-size: 14px;} .ejnavs_sectioncp ul li .words{padding-left: 14px;} .ejnavs_section ul li .ej{padding-left: 16px;} .ejnavs_section ul li .ej .listbox .list a{font-size: 12px;line-height: 32px;padding-left: 8px;} } @media screen and (max-width:1024px) { .ejnavs_section{width: 100%;margin-bottom: 16px;position: absolute;right: 15px;top: 30px;z-index: 2;width: calc(100% - 30px);} .ejnavs_section.on{position: absolute;width: calc(100% - 30px);} .ejnavs_section ul{display: none;box-shadow: 0 0 20px rgba(0,0,0,0);} .ejnavs_section ul li .yj{padding: 10px;} .ejnavs_section ul li .yj .l_ico{width: 8px;height: 8px;float: left;margin-top: 7px;} .ejnavs_section ul li .words{font-size: 16px;line-height: 22px; width: calc(100% - 16px); width: -ms-calc(100% - 16px); width: -o-calc(100% - 16px); width: -moz-calc(100% - 16px); width: -webkit-calc(100% - 16px);} .ejnavs_sectioncp ul li .words{padding-left: 20px;} .ejnavs_section ul li .r_ico{width: 8px;margin-top: 10.5px;} .ejnavs_section ul li .ej{padding-left: 16px;} /*.ejnavs_sections ul li.on .ej{display: none;}*/ .ejnavs_section ul li .ej .listbox{padding-top: 4px;padding-bottom: 4px;} .ejnavs_section ul li .ej .listbox .list a{font-size: 14px;line-height: 34px;padding-left: 10px;} .ejnavs_section ._ts{display: block;width: 100%;font-size: 16px;line-height: 40px; color: #fff;background-color: #999;font-weight: bolder;border-bottom: 1px solid #fff;padding: 0 20px;position: relative;} .ejnavs_section ._ts .btn{width: 20px;height: 1px;position: absolute;right: 15px;top: 50%;background-color: #fff; transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;} .ejnavs_section ._ts .btn::before{content: "";display: block;width: 20px;height: 1px;position: absolute;right: 0;top: -6px;background-color: #fff; transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;} .ejnavs_section ._ts .btn::after{content: "";display: block;width: 20px;height: 1px;position: absolute;right: 0;top: 6px;background-color: #fff; transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;} .ejnavs_section ._ts.on .btn::before{top: 50%; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} .ejnavs_section ._ts.on .btn::after{top: 50%; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);} .ejnavs_section ._ts.on .btn{background: rgba(255,255,255,0);height: 0;} } /*生产能力 生产实力*/ .scsl_section{width: 100%;padding-top: 76px;padding-bottom: 100px;position: relative;z-index: 21;} .scsl_section .content{width: 100%;} .scsl_section .content::after{content: "";display: block;clear: both;} .scsl_section .content .right{width: 80%;float: right;padding-left: 70px;} .scsl_section .content .right .titbox{width: 100%;margin-bottom: 56px;} .scsl_section .content .right .titbox h2{font-size: 36px;color: #333333;line-height: 40px;margin-bottom: 14px;font-weight: bolder;text-align: center;} .scsl_section .content .right .titbox .h3box{font-size: 0;text-align: center;width: 100%;} .scsl_section .content .right .titbox .h3box .words{font-size: 18px;color: #666666;line-height: 22px;display: inline-block;vertical-align: middle;width: 268px;text-transform:uppercase;} .scsl_section .content .right .titbox .h3box .border{display: inline-block;vertical-align: middle;height: 1px;background-color: #dddddd; width: calc(50% - 135px); width: -ms-calc(50% - 135px); width: -o-calc(50% - 135px); width: -moz-calc(50% - 135px); width: -webkit-calc(50% - 135px);} .scsl_section .content .right .text{font-size: 16px;color: #666666;line-height: 36px;margin-bottom: 70px;} .scsl_section .content .right .ul{width: 100%;} .scsl_section .content .right .ul .li{width: 100%;margin-bottom: 58px; /*overflow:hidden;*/} .scsl_section .content .right .ul .li:last-child{margin-bottom: 0;} .scsl_section .content .right .ul .li .tits{width: 100%;position: relative;margin-bottom: 28px;} .scsl_section .content .right .ul .li .tits .num{font-size: 60px;color: rgb(102,102,102);line-height: 62px;font-weight: bolder;font-style:italic;opacity: 0.15;} .scsl_section .content .right .ul .li .tits .tit{font-size: 20px;color: #333333;line-height: 24px;position: absolute;left: 0;bottom: 0;font-weight: bolder;} .scsl_section .content .right .ul .li .border{width: 100%;height: 1px;position: relative;background-color: #dddddd;margin-bottom: 20px;} .scsl_section .content .right .ul .li .border::after{content: "";display: block;width: 49px;height: 3px;background-color: #ee9d06;position: absolute;left: 0;bottom: 0;} .scsl_section .content .right .ul .li .info{font-size: 16px;color: #666666;line-height: 36px;} .scsl_section .content .right .ul .li .info img{max-width:100%;} .scsl_section .content .right .ul .li .pic{width: 100%;margin-top: 30px;} .scsl_section .content .right .ul .li .pic img{width: 100%;display: block;} .scsl_section .content .right .ul .li .listbox{width: 100%;margin-top: 30px;} .scsl_section .content .right .ul .li .listbox .list{width: 100%;display: block;} .scsl_section .content .right .ul .li .listbox .list .pics{width: 100%;display: block;} .scsl_section .content .right .ul .li .listbox .list .pics img{width: 100%;display: block;} .scsl_section .content .right .ul .li .listbox .slick-prev{width: 45px;height: 45px;background: url(img/img29.png) no-repeat center center; background-size: cover;left: -54px;top: 50%;} .scsl_section .content .right .ul .li .listbox .slick-next{width: 45px;height: 45px;background: url(img/img30.png) no-repeat center center; background-size: cover;right: -54px;top: 50%;} .scsl_section .content .right .ul .li .listbox .slick-prev:hover{background: url(img/img13.png) no-repeat center center; background-size: cover;} .scsl_section .content .right .ul .li .listbox .slick-next:hover{background: url(img/img14.png) no-repeat center center; background-size: cover;} .scsl_section .content .right .ul .li .listbox .list .words{font-size: 18px;color: #666666;line-height: 22px;margin-top: 36px;text-align: center;} @media screen and (max-width:1600px) { .scsl_section{padding-top: 60px;padding-bottom: 60px;} .scsl_section .content .right{padding-left: 40px;} .scsl_section .content .right .titbox{margin-bottom: 34px;} .scsl_section .content .right .titbox h2{font-size: 24px;line-height: 28px;margin-bottom: 10px;} .scsl_section .content .right .titbox .h3box .words{font-size: 16px;line-height: 20px;width: 240px;} .scsl_section .content .right .titbox .h3box .border{ width: calc(50% - 122px); width: -ms-calc(50% - 122px); width: -o-calc(50% - 122px); width: -moz-calc(50% - 122px); width: -webkit-calc(50% - 122px);} .scsl_section .content .right .text{font-size: 14px;line-height: 24px;margin-bottom: 30px;} .scsl_section .content .right .ul .li{margin-bottom: 24px;} .scsl_section .content .right .ul .li .tits{margin-bottom: 18px;} .scsl_section .content .right .ul .li .tits .num{font-size: 40px;line-height: 44px;} .scsl_section .content .right .ul .li .tits .tit{font-size: 16px;line-height: 20px;} .scsl_section .content .right .ul .li .border{margin-bottom: 14px;} .scsl_section .content .right .ul .li .border::after{width: 34px;height: 2px;} .scsl_section .content .right .ul .li .info{font-size: 14px;line-height: 26px;} .scsl_section .content .right .ul .li .pic{margin-top: 18px;} .scsl_section .content .right .ul .li .listbox{margin-top: 18px;} .scsl_section .content .right .ul .li .listbox .slick-prev{width: 30px;height: 30px;left: -36px;} .scsl_section .content .right .ul .li .listbox .slick-next{width: 30px;height: 30px;right: -36px;} .scsl_section .content .right .ul .li .listbox .list .words{font-size: 14px;line-height: 20px;margin-top: 20px;} } @media screen and (max-width:1280px) { .scsl_section{padding-top: 40px;padding-bottom: 40px;} .scsl_section .content .right{padding-left: 26px;} .scsl_section .content .right .titbox{margin-bottom: 20px;} .scsl_section .content .right .titbox h2{font-size: 20px;line-height: 24px;margin-bottom: 6px;} .scsl_section .content .right .titbox .h3box .words{font-size: 14px;line-height: 20px;width: 200px;} .scsl_section .content .right .titbox .h3box .border{ width: calc(50% - 102px); width: -ms-calc(50% - 102px); width: -o-calc(50% - 102px); width: -moz-calc(50% - 102px); width: -webkit-calc(50% - 102px);} .scsl_section .content .right .text{font-size: 12px;line-height: 20px;margin-bottom: 18px;} .scsl_section .content .right .ul .li{margin-bottom: 18px;} .scsl_section .content .right .ul .li .tits{margin-bottom: 16px;} .scsl_section .content .right .ul .li .tits .num{font-size: 34px;line-height: 38px;} .scsl_section .content .right .ul .li .tits .tit{font-size: 14px;} .scsl_section .content .right .ul .li .border{margin-bottom: 10px;} .scsl_section .content .right .ul .li .border::after{width: 26px;} .scsl_section .content .right .ul .li .info{font-size: 12px;line-height: 20px;} .scsl_section .content .right .ul .li .pic{margin-top: 16px;} .scsl_section .content .right .ul .li .listbox{margin-top: 16px;} .scsl_section .content .right .ul .li .listbox .slick-prev{width: 24px;height: 24px;left: -24px;} .scsl_section .content .right .ul .li .listbox .slick-next{width: 24px;height: 24px;right: -24px;} .scsl_section .content .right .ul .li .listbox .list .words{font-size: 11px;line-height: 20px;margin-top: 16px;} } @media screen and (max-width:1024px) { .scsl_section{padding-top: 86px;padding-bottom: 30px;} .scsl_section .content .right{width: 100%;padding-left: 0px;} .scsl_section .content .right .titbox{margin-bottom: 14px;} .scsl_section .content .right .titbox h2{font-size: 18px;line-height: 24px;margin-bottom: 10px;} .scsl_section .content .right .titbox .h3box .words{font-size: 14px;line-height: 20px;width: 200px;} .scsl_section .content .right .titbox .h3box .border{height: 1px; width: calc(50% - 102px); width: -ms-calc(50% - 102px); width: -o-calc(50% - 102px); width: -moz-calc(50% - 102px); width: -webkit-calc(50% - 102px);} .scsl_section .content .right .text{font-size: 14px;line-height: 24px;margin-bottom: 14px;} .scsl_section .content .right .ul .li{margin-bottom: 14px;} .scsl_section .content .right .ul .li .tits{margin-bottom: 12px;} .scsl_section .content .right .ul .li .tits .num{font-size: 30px;line-height: 34px;} .scsl_section .content .right .ul .li .tits .tit{font-size: 16px;line-height: 20px;} .scsl_section .content .right .ul .li .border{margin-bottom: 12px;height: 1px;} .scsl_section .content .right .ul .li .border::after{width: 34px;height: 2px;} .scsl_section .content .right .ul .li .info{font-size: 14px;line-height: 24px;} .scsl_section .content .right .ul .li .pic{margin-top: 12px;} .scsl_section .content .right .ul .li .listbox{margin-top: 12px;padding-bottom: 24px;} .scsl_section .content .right .ul .li .listbox .slick-prev{width: 0;height: 0;left: 0;opacity: 0.6;} .scsl_section .content .right .ul .li .listbox .slick-next{width: 0;height: 0;right: 0;opacity: 0.6;} .scsl_section .content .right .ul .li .listbox .list .words{font-size: 14px;line-height: 20px;margin-top: 12px;} .scsl_section .content .right .ul .li .listbox .slick-dots{position: absolute; bottom: 0; height: 8px; text-align: center;} .scsl_section .content .right .ul .li .listbox .slick-dots li{ vertical-align: top; width: 8px; height: 8px;border-radius: 100%; margin: 0 4px; background: #dddddd;} .scsl_section .content .right .ul .li .listbox .slick-dots li.slick-active{ background: #ee9d06;} } /*矿山优势*/ .ksys_section{width: 100%;padding-top: 76px;padding-bottom: 96px;position: relative;z-index: 21;} .ksys_section .content{width: 100%;} .ksys_section .content::after{content: "";display: block;clear: both;} .ksys_section .content .right{width: 80%;float: right;padding-left: 70px;} .ksys_section .content .right .titbox{width: 100%;margin-bottom: 56px;} .ksys_section .content .right .titbox h2{font-size: 36px;color: #333333;line-height: 40px;margin-bottom: 14px;font-weight: bolder;text-align: center;} .ksys_section .content .right .titbox .h3box{font-size: 0;text-align: center;width: 100%;} .ksys_section .content .right .titbox .h3box .words{font-size: 18px;color: #666666;line-height: 22px;display: inline-block;vertical-align: middle;width: 268px;text-transform:uppercase;} .ksys_section .content .right .titbox .h3box .border{display: inline-block;vertical-align: middle;height: 1px;background-color: #dddddd; width: calc(50% - 135px); width: -ms-calc(50% - 135px); width: -o-calc(50% - 135px); width: -moz-calc(50% - 135px); width: -webkit-calc(50% - 135px);} .ksys_section .content .right .text{font-size: 16px;color: #666666;line-height: 36px;/*margin-bottom: 40px;*/} .ksys_section .content .right .text img{max-width:100%;} .ksys_section .content .right .pic{width: 100%;} .ksys_section .content .right .pic img{width: 100%;display: block;} @media screen and (max-width:1600px) { .ksys_section{padding-top: 60px;padding-bottom: 60px;} .ksys_section .content .right{padding-left: 40px;} .ksys_section .content .right .titbox{margin-bottom: 34px;} .ksys_section .content .right .titbox h2{font-size: 24px;line-height: 28px;margin-bottom: 10px;} .ksys_section .content .right .titbox .h3box .words{font-size: 16px;line-height: 20px;width: 240px;} .ksys_section .content .right .titbox .h3box .border{ width: calc(50% - 122px); width: -ms-calc(50% - 122px); width: -o-calc(50% - 122px); width: -moz-calc(50% - 122px); width: -webkit-calc(50% - 122px);} .ksys_section .content .right .text{font-size: 14px;line-height: 26px;/*margin-bottom: 30px;*/} } @media screen and (max-width:1280px) { .ksys_section{padding-top: 40px;padding-bottom: 40px;} .ksys_section .content .right{padding-left: 20px;} .ksys_section .content .right .titbox h2{font-size: 20px;line-height: 24px;margin-bottom: 6px;} .ksys_section .content .right .titbox .h3box .words{font-size: 14px;line-height: 20px;width: 200px;} .ksys_section .content .right .titbox .h3box .border{ width: calc(50% - 102px); width: -ms-calc(50% - 102px); width: -o-calc(50% - 102px); width: -moz-calc(50% - 102px); width: -webkit-calc(50% - 102px);} .ksys_section .content .right .text{font-size: 12px;line-height: 20px;/*margin-bottom: 20px;*/} } @media screen and (max-width:1024px) { .ksys_section{padding-top: 86px;padding-bottom: 30px;} .ksys_section .content .right{width: 100%;padding-left: 0;} .ksys_section .content .right .titbox{margin-bottom: 14px;} .ksys_section .content .right .titbox h2{font-size: 18px;line-height: 24px;margin-bottom: 10px;} .ksys_section .content .right .titbox .h3box .words{font-size: 14px;line-height: 20px;width: 200px;} .ksys_section .content .right .titbox .h3box .border{height: 1px; width: calc(50% - 102px); width: -ms-calc(50% - 102px); width: -o-calc(50% - 102px); width: -moz-calc(50% - 102px); width: -webkit-calc(50% - 102px);} .ksys_section .content .right .text{font-size: 14px;line-height: 24px;/*margin-bottom: 14px;*/} } /*研发能力*/ .yfnl_section{width: 100%;padding-top: 76px;padding-bottom: 96px;position: relative;z-index: 21;} .yfnl_section .content{width: 100%;} .yfnl_section .content::after{content: "";display: block;clear: both;} .yfnl_section .content .right{width: 80%;float: right;padding-left: 70px;} .yfnl_section .content .right .titbox{width: 100%;margin-bottom: 56px;} .yfnl_section .content .right .titbox h2{font-size: 36px;color: #333333;line-height: 40px;margin-bottom: 14px;font-weight: bolder;text-align: center;} .yfnl_section .content .right .titbox .h3box{font-size: 0;text-align: center;width: 100%;} .yfnl_section .content .right .titbox .h3box .words{font-size: 18px;color: #666666;line-height: 22px;display: inline-block;vertical-align: middle;width: 300px;letter-spacing: 0; text-transform:uppercase;} .yfnl_section .content .right .titbox .h3box .border{display: inline-block;vertical-align: middle;height: 1px;background-color: #dddddd; width: calc(50% - 152px); width: -ms-calc(50% - 152px); width: -o-calc(50% - 152px); width: -moz-calc(50% - 152px); width: -webkit-calc(50% - 152px);} .yfnl_section .content .right .text{font-size: 16px;color: #666666;line-height: 36px;margin-bottom: 100px;} .yfnl_section .content .right .ul{margin: 0 -18px; width: calc(100% + 36px); width: -ms-calc(100% + 36px); width: -o-calc(100% + 36px); width: -moz-calc(100% + 36px); width: -webkit-calc(100% + 36px);} .yfnl_section .content .right .ul .li{padding: 0 18px;} .yfnl_section .content .right .ul .li a{display: block;width: 100%;border: 1px solid #dddddd;} .yfnl_section .content .right .ul .li a .pic{ width: 100%; padding-bottom: 143.34%; position: relative; overflow: hidden; min-height: 50px; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} .yfnl_section .content .right .ul .li a .pic img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; transition: -webkit-transform 2s; vertical-align: middle; -ms-interpolation-mode: bicubic;} .yfnl_section .content .right .ul .li a:hover .pic img{ -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1);} .yfnl_section .content .right .ul .slick-prev{width: 45px;height: 45px;background: url(img/img29.png) no-repeat center center; background-size: cover;left: -42px;top: 50%;} .yfnl_section .content .right .ul .slick-next{width: 45px;height: 45px;background: url(img/img30.png) no-repeat center center; background-size: cover;right: -42px;top: 50%;} .yfnl_section .content .right .ul .slick-prev:hover{background: url(img/img13.png) no-repeat center center; background-size: cover;} .yfnl_section .content .right .ul .slick-next:hover{background: url(img/img14.png) no-repeat center center; background-size: cover;} @media screen and (max-width:1600px) { .yfnl_section{padding-top: 60px;padding-bottom: 60px;} .yfnl_section .content .right{padding-left: 40px;} .yfnl_section .content .right .titbox{margin-bottom: 34px;} .yfnl_section .content .right .titbox h2{font-size: 24px;line-height: 28px;margin-bottom: 10px;} .yfnl_section .content .right .titbox .h3box .words{font-size: 16px;line-height: 20px;width: 270px;} .yfnl_section .content .right .titbox .h3box .border{ width: calc(50% - 137px); width: -ms-calc(50% - 137px); width: -o-calc(50% - 137px); width: -moz-calc(50% - 137px); width: -webkit-calc(50% - 137px);} .yfnl_section .content .right .text{font-size: 14px;line-height: 24px;margin-bottom: 40px;} .yfnl_section .content .right .ul{margin: 0 -10px; width: calc(100% + 20px); width: -ms-calc(100% + 20px); width: -o-calc(100% + 20px); width: -moz-calc(100% + 20px); width: -webkit-calc(100% + 20px);} .yfnl_section .content .right .ul .li{padding: 0 10px;} .yfnl_section .content .right .ul .slick-prev{width: 30px;height: 30px;left: -26px;} .yfnl_section .content .right .ul .slick-next{width: 30px;height: 30px;right: -26px;} } @media screen and (max-width:1280px) { .yfnl_section{padding-top: 40px;padding-bottom: 40px;} .yfnl_section .content .right{padding-left: 20px;} .yfnl_section .content .right .titbox{margin-bottom: 24px;} .yfnl_section .content .right .titbox h2{font-size: 20px;line-height: 24px;margin-bottom: 6px;} .yfnl_section .content .right .titbox .h3box .words{font-size: 14px;line-height: 20px;width: 240px;} .yfnl_section .content .right .titbox .h3box .border{ width: calc(50% - 122px); width: -ms-calc(50% - 122px); width: -o-calc(50% - 122px); width: -moz-calc(50% - 122px); width: -webkit-calc(50% - 122px);} .yfnl_section .content .right .text{font-size: 12px;line-height: 20px;margin-bottom: 24px;} .yfnl_section .content .right .ul{margin: 0 -6px; width: calc(100% + 12px); width: -ms-calc(100% + 12px); width: -o-calc(100% + 12px); width: -moz-calc(100% + 12px); width: -webkit-calc(100% + 12px);} .yfnl_section .content .right .ul .li{padding: 0 6px;} } @media screen and (max-width:1024px) { .yfnl_section{padding-top: 86px;padding-bottom: 30px;} .yfnl_section .content .right{width: 100%;padding-left: 0;} .yfnl_section .content .right .titbox{margin-bottom: 14px;} .yfnl_section .content .right .titbox h2{font-size: 18px;line-height: 24px;margin-bottom: 10px;} .yfnl_section .content .right .titbox .h3box .words{font-size: 14px;line-height: 20px;width: 230px;} .yfnl_section .content .right .titbox .h3box .border{height: 1px; width: calc(50% - 117px); width: -ms-calc(50% - 117px); width: -o-calc(50% - 117px); width: -moz-calc(50% - 117px); width: -webkit-calc(50% - 117px);} .yfnl_section .content .right .text{font-size: 14px;line-height: 24px;margin-bottom: 14px;} .yfnl_section .content .right .ul{margin: 0 -6px;padding-bottom: 26px; width: calc(100% + 12px); width: -ms-calc(100% + 12px); width: -o-calc(100% + 12px); width: -moz-calc(100% + 12px); width: -webkit-calc(100% + 12px);} .yfnl_section .content .right .ul .li{padding: 6px;} .yfnl_section .content .right .ul .slick-prev{width: 0;height: 0;opacity: 0.6;} .yfnl_section .content .right .ul .slick-next{width: 0;height: 0;opacity: 0.6;} .yfnl_section .content .right .ul .slick-dots{position: absolute; bottom: 0; height: 8px; text-align: center;} .yfnl_section .content .right .ul .slick-dots li{ vertical-align: top; width: 8px; height: 8px;border-radius: 100%; margin: 0 4px; background: #dddddd;} .yfnl_section .content .right .ul .slick-dots li.slick-active{ background: #ee9d06;} } /*质量认证*/ .zlrz_section{width: 100%;padding-top: 76px;padding-bottom: 106px;position: relative;z-index: 21;} .zlrz_section .content{width: 100%;} .zlrz_section .content::after{content: "";display: block;clear: both;} .zlrz_section .content .right{width: 80%;float: right;padding-left: 70px;} .zlrz_section .content .right .titbox{width: 100%;margin-bottom: 56px;} .zlrz_section .content .right .titbox h2{font-size: 36px;color: #333333;line-height: 40px;margin-bottom: 14px;font-weight: bolder;text-align: center;} .zlrz_section .content .right .titbox .h3box{font-size: 0;text-align: center;width: 100%;} .zlrz_section .content .right .titbox .h3box .words{font-size: 18px;color: #666666;line-height: 22px;display: inline-block;vertical-align: middle;width: 268px;text-transform:uppercase;} .zlrz_section .content .right .titbox .h3box .border{display: inline-block;vertical-align: middle;height: 1px;background-color: #dddddd; width: calc(50% - 135px); width: -ms-calc(50% - 135px); width: -o-calc(50% - 135px); width: -moz-calc(50% - 135px); width: -webkit-calc(50% - 135px);} .zlrz_section .content .right .titboxs{margin-top: 98px;} .zlrz_section .content .right .text{font-size: 16px;color: #666666;line-height: 36px;margin-bottom: 70px;} .zlrz_section .content .right .ul{margin: 0 -20px; width: calc(100% + 40px); width: -ms-calc(100% + 40px); width: -o-calc(100% + 40px); width: -moz-calc(100% + 40px); width: -webkit-calc(100% + 40px);} .zlrz_section .content .right .ul .li{padding: 0 20px;} .zlrz_section .content .right .ul .li a{display: block;width: 100%;} .zlrz_section .content .right .ul .li a .pic{ width: 100%; padding-bottom: 143.19%; position: relative; overflow: hidden; min-height: 50px;border: 1px solid #dddddd; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} .zlrz_section .content .right .ul .li a .pic img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; transition: -webkit-transform 2s; vertical-align: middle; -ms-interpolation-mode: bicubic;} .zlrz_section .content .right .ul .li a:hover .pic img{ -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1);} .zlrz_section .content .right .ul .li a .words{font-size: 18px;color: #666666;line-height: 24px;text-align: cetner;margin-top: 28px;text-align: center;} .zlrz_section .content .right .ul .slick-prev{width: 45px;height: 45px;background: url(img/img29.png) no-repeat center center; background-size: cover;left: -42px;top: 50%;} .zlrz_section .content .right .ul .slick-next{width: 45px;height: 45px;background: url(img/img30.png) no-repeat center center; background-size: cover;right: -42px;top: 50%;} .zlrz_section .content .right .ul .slick-prev:hover{background: url(img/img13.png) no-repeat center center; background-size: cover;} .zlrz_section .content .right .ul .slick-next:hover{background: url(img/img14.png) no-repeat center center; background-size: cover;} .zlrz_section .content .right .slideOut{position: relative;padding-bottom: 48px;} .zlrz_section .content .right .slide{ width: 100%; min-height: 100px; position: relative;} .zlrz_section .content .right .slide .img{ position: absolute; transition: width 0.4s,height 0.4s,top 0.4s,left 0.4s,z-index 0.4s; background: #fff; border: #e5e5e5 solid 1px;} .zlrz_section .content .right .slide .img img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} .zlrz_section .content .right .slide .img1{ width: 43%; height: 65%; top: 17.5%; left: 0%; z-index: 1;} .zlrz_section .content .right .slide .img2{ width: 43%; height: 65%; top: 17.5%; left: 0%; z-index: 2;} .zlrz_section .content .right .slide .img3{ width: 67%; height: 100%; top: 0; left: 16.5%; z-index: 3;} .zlrz_section .content .right .slide .img4{ width: 43%; height: 65%; top: 17.5%; left: 57%; z-index: 2;} .zlrz_section .content .right .slide .img5{ width: 43%; height: 65%; top: 17.5%; left: 57%; z-index: 1;} .zlrz_section .content .right .slide .words{font-size: 18px;color: #666666;line-height: 24px;position: absolute;left: 0;top: calc(100% + 28px);width: 100%;text-align: center;} .zlrz_section .content .right .slide .img1 .words, .zlrz_section .content .right .slide .img5 .words{display:none;} .zlrz_section .content .right .slide .img2 .words, .zlrz_section .content .right .slide .img3 .words, .zlrz_section .content .right .slide .img4 .words{display:block;} .zlrz_section .content .right .butLeft{width: 45px;height: 45px;background: url(img/img29.png) no-repeat center center; position: absolute; background-size: cover;left: -50px;top: 50%; transform: translate(0,-50%); -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -o-transform: translate(0,-50%);} .zlrz_section .content .right .butRight{ width: 45px;height: 45px;background: url(img/img30.png) no-repeat center center; position: absolute; background-size: cover;right: -50px;top: 50%; transform: translate(0,-50%); -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -o-transform: translate(0,-50%);} .zlrz_section .content .right .butLeft:hover{background: url(img/img13.png) no-repeat center center; background-size: cover;} .zlrz_section .content .right .butRight:hover{background: url(img/img14.png) no-repeat center center; background-size: cover;} .qh_t_wap{display:none;} @media screen and (max-width:1600px) { .zlrz_section{padding-top: 60px;padding-bottom: 60px;} .zlrz_section .content .right{padding-left: 40px;} .zlrz_section .content .right .titbox{margin-bottom: 34px;} .zlrz_section .content .right .titbox h2{font-size: 24px;line-height: 28px;margin-bottom: 10px;} .zlrz_section .content .right .titbox .h3box .words{font-size: 16px;line-height: 20px;width: 240px;} .zlrz_section .content .right .titbox .h3box .border{ width: calc(50% - 122px); width: -ms-calc(50% - 122px); width: -o-calc(50% - 122px); width: -moz-calc(50% - 122px); width: -webkit-calc(50% - 122px);} .zlrz_section .content .right .titboxs{margin-top: 34px;} .zlrz_section .content .right .text{font-size: 14px;line-height: 24px;margin-bottom: 30px;} .zlrz_section .content .right .ul{margin: 0 -12px; width: calc(100% + 24px); width: -ms-calc(100% + 24px); width: -o-calc(100% + 24px); width: -moz-calc(100% + 24px); width: -webkit-calc(100% + 24px);} .zlrz_section .content .right .ul .li{padding: 0 12px;} .zlrz_section .content .right .ul .li a .words{font-size: 16px;line-height: 20px;margin-top: 16px;} .zlrz_section .content .right .ul .slick-prev{width: 30px;height: 30px;left: -24px;} .zlrz_section .content .right .ul .slick-next{width: 30px;height: 30px;right: -24px;} .zlrz_section .content .right .slideOut{padding-bottom: 40px;} .zlrz_section .content .right .slide .words{font-size: 16px;line-height: 20px;top: calc(100% + 16px);} .zlrz_section .content .right .butLeft{left: -34px; width: 30px; height: 30px;} .zlrz_section .content .right .butRight{right: -34px;width: 30px; height: 30px;} } @media screen and (max-width:1400px) { } @media screen and (max-width:1280px) { .zlrz_section{padding-top: 40px;padding-bottom: 40px;} .zlrz_section .content .right{padding-left: 20px;} .zlrz_section .content .right .titbox{margin-bottom: 24px;} .zlrz_section .content .right .titbox h2{font-size: 20px;line-height: 24px;margin-bottom: 6px;} .zlrz_section .content .right .titbox .h3box .words{font-size: 14px;line-height: 20px;width: 200px;} .zlrz_section .content .right .titbox .h3box .border{ width: calc(50% - 102px); width: -ms-calc(50% - 102px); width: -o-calc(50% - 102px); width: -moz-calc(50% - 102px); width: -webkit-calc(50% - 102px);} .zlrz_section .content .right .titboxs{margin-top: 24px;} .zlrz_section .content .right .text{font-size: 12px;line-height: 20px;margin-bottom: 16px;} .zlrz_section .content .right .ul{margin: 0 -10px; width: calc(100% + 20px); width: -ms-calc(100% + 20px); width: -o-calc(100% + 20px); width: -moz-calc(100% + 20px); width: -webkit-calc(100% + 20px);} .zlrz_section .content .right .ul .li{padding: 0 10px;} .zlrz_section .content .right .ul .li a .words{font-size: 14px;margin-top: 14px;} .zlrz_section .content .right .slideOut{padding-bottom: 36px;} .zlrz_section .content .right .slide .words{font-size: 14px;top: calc(100% + 12px);} } @media screen and (max-width:1024px) { .zlrz_section{padding-top: 86px;padding-bottom: 30px;} .zlrz_section .content .right{width: 100%;padding-left: 0;} .zlrz_section .content .right .titbox{margin-bottom: 14px;} .zlrz_section .content .right .titbox h2{font-size: 18px;line-height: 24px;margin-bottom: 10px;} .zlrz_section .content .right .titbox .h3box .words{font-size: 14px;line-height: 20px;width: 200px;} .zlrz_section .content .right .titbox .h3box .border{height: 1px; width: calc(50% - 102px); width: -ms-calc(50% - 102px); width: -o-calc(50% - 102px); width: -moz-calc(50% - 102px); width: -webkit-calc(50% - 102px);} .zlrz_section .content .right .titboxs{margin-top: 14px;} .zlrz_section .content .right .text{font-size: 14px;line-height: 24px;margin-bottom: 12px;} .zlrz_section .content .right .ul{margin: 0 -6px;padding-bottom: 24px; width: calc(100% + 12px); width: -ms-calc(100% + 12px); width: -o-calc(100% + 12px); width: -moz-calc(100% + 12px); width: -webkit-calc(100% + 12px);} .zlrz_section .content .right .ul .li{padding: 0 6px;} .zlrz_section .content .right .ul .li a .words{font-size: 12px;line-height: 20px;margin-top: 10px;letter-spacing: 0;} .zlrz_section .content .right .ul .slick-prev{width: 0;height: 0;} .zlrz_section .content .right .ul .slick-next{width: 0;height: 0;} .zlrz_section .content .right .ul .slick-dots{position: absolute; bottom: 0; height: 8px; text-align: center;} .zlrz_section .content .right .ul .slick-dots li{ vertical-align: top; width: 8px; height: 8px;border-radius: 100%; margin: 0 4px; background: #dddddd;} .zlrz_section .content .right .ul .slick-dots li.slick-active{ background: #ee9d06;} .zlrz_section .content .right .slideOut{padding-bottom: 34px;} .zlrz_section .content .right .slide .words{font-size: 12px;top: calc(100% + 10px);letter-spacing: 0;} .zlrz_section .content .right .butLeft{left:14px; width: 13px; height: 24px;background: url(img/img140.png) no-repeat center; background-size: cover;top: 41%;z-index: 20;} .zlrz_section .content .right .butRight{right:14px;width: 13px; height: 24px;background: url(img/img141.png) no-repeat center; background-size: cover;top: 41%;z-index: 20;} .zlrz_section .content .right .butLeft:hover{background: url(img/img140.png) no-repeat center center; background-size: cover;opacity: 0.6;} .zlrz_section .content .right .butRight:hover{background: url(img/img141.png) no-repeat center center; background-size: cover;opacity: 0.6;} .qh_t_pc{display:none;} .qh_t_wap{display:block;} .zlrz_section .content .right .ul.qh_t_wap .li a .pic{padding-bottom:0; border:none;} .zlrz_section .content .right .ul.qh_t_wap .li a .pic img{display:block; width:100%; height:auto; position:initial;transform: translate(0,0%); -ms-transform: translate(0,0%); -webkit-transform: translate(0,0%); -moz-transform: translate(0,0%); -o-transform: translate(0,0%);} } /*分页*/ .page_section{width: 100%;text-align: center;font-size: 0;} .page_section a{display: inline-block;vertical-align: middle;} .page_section a.boxs{width: 40px;line-height: 40px;text-align: center;font-size: 16px;color: #666666;margin: 0 14px;} .page_section a.boxs.on, .page_section a.boxs:hover{color: #fff;background-color: #ee9d06;} .page_section a.qh{width: 112px;line-height: 38px;text-align: center;border: 1px solid #dddddd;overflow: hidden;} .page_section a.qh:hover, .page_section a.qh.on{border-color: #ee9d06;background-color: #ee9d06;} .page_section a.qh img{display: inline-block;width: 100%;} .page_section a.qh .img2{display: none;} .page_section a.qh:hover .img1, .page_section a.qh.on .img1{display: none;} .page_section a.qh:hover .img2, .page_section a.qh.on .img2{display: block;} .page_section a.prev{margin-right: 26px;} .page_section a.next{margin-left: 26px;} @media screen and (max-width:1600px) { .page_section a.boxs{width: 32px;line-height: 32px;font-size: 14px;margin: 0 10px;} .page_section a.qh{width: 100px;line-height: 30px;} .page_section a.prev{margin-right: 16px;} .page_section a.next{margin-left: 16px;} } @media screen and (max-width:1280px) { .page_section a.boxs{width: 30px;line-height: 30px;font-size: 12px;margin: 0 6px;} .page_section a.qh{width: 90px;line-height: 28px;} .page_section a.prev{margin-right: 10px;} .page_section a.next{margin-left: 10px;} } /*产品*/ .cpzx_section{width: 100%;padding-top: 80px;padding-bottom: 140px;position: relative;z-index: 1;} .cpzx_section .content{width: 100%;} .cpzx_section .content::after{content: "";display: block;clear: both;} .cpzx_section .content .right{width: 80%;float: left;padding-left: 70px;} .cpzx_section .content .right .ulbox{width: 100%;margin-bottom: 96px;} .cpzx_section .content .right .ulbox ul{margin: -10px width: calc(100% + 20px); width: -ms-calc(100% + 20px); width: -o-calc(100% + 20px); width: -moz-calc(100% + 20px); width: -webkit-calc(100% + 20px);} .cpzx_section .content .right .ulbox ul::after{content: "";display: block;clear: both;} .cpzx_section .content .right .ulbox ul li{width: 33.3333%;float: left;padding: 10px;} .cpzx_section .content .right .ulbox ul li a{display: block;border: 1px solid rgba(255,255,255,0);} .cpzx_section .content .right .ulbox ul li a:hover{border-color: #ee9d06;} .cpzx_section .content .right .ulbox ul li a .pic{ width: 100%; padding-bottom: 71.29%; position: relative; overflow: hidden; min-height: 50px; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} .cpzx_section .content .right .ulbox ul li a .pic img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; transition: -webkit-transform 2s; vertical-align: middle; -ms-interpolation-mode: bicubic;} .cpzx_section .content .right .ulbox ul li a:hover .pic img{ -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1);} .cpzx_section .content .right .ulbox ul li a .wordsbox{width: 100%;padding-left: 0 12px;border: 1px solid #cccccc; transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;} .cpzx_section .content .right .ulbox ul li a:hover .wordsbox{border-color: rgba(255,255,255,0);} .cpzx_section .content .right .ulbox ul li a .words{font-size: 24px;color: #333333;line-height: 65px;text-align: center;text-align: center; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;} @media screen and (max-width:1600px) { .cpzx_section{padding-top: 60px;padding-bottom: 80px;} .cpzx_section .content .right{padding-left: 40px;} .cpzx_section .content .right .ulbox{margin-bottom: 30px;} .cpzx_section .content .right .ulbox ul{margin: -8px width: calc(100% + 16px); width: -ms-calc(100% + 16px); width: -o-calc(100% + 16px); width: -moz-calc(100% + 16px); width: -webkit-calc(100% + 16px);} .cpzx_section .content .right .ulbox ul li{padding: 8px;} .cpzx_section .content .right .ulbox ul li a .wordsbox{padding-left: 0 10px;} .cpzx_section .content .right .ulbox ul li a .words{font-size: 18px;line-height: 40px;} } @media screen and (max-width:1280px) { .cpzx_section{padding-top: 40px;padding-bottom: 60px;} .cpzx_section .content .right{padding-left: 20px;} .cpzx_section .content .right .ulbox{margin-bottom: 20px;} .cpzx_section .content .right .ulbox ul{margin: -6px width: calc(100% + 12px); width: -ms-calc(100% + 12px); width: -o-calc(100% + 12px); width: -moz-calc(100% + 12px); width: -webkit-calc(100% + 12px);} .cpzx_section .content .right .ulbox ul li{padding: 6px;} .cpzx_section .content .right .ulbox ul li a .wordsbox{padding-left: 0 8px;} .cpzx_section .content .right .ulbox ul li a .words{font-size: 14px;line-height: 34px;} } @media screen and (max-width:1024px) { .cpzx_section{padding-top: 86px;padding-bottom: 30px; z-index:23;} .cpzx_section .content .right{width: 100%;padding-left: 0;position: relative;z-index: 1;} .cpzx_section .content .right .ulbox{margin-bottom: 14px;} .cpzx_section .content .right .ulbox ul{margin: -6px; display:flex; flex-wrap: wrap; align-items: flex-start; width: calc(100% + 12px); width: -ms-calc(100% + 12px); width: -o-calc(100% + 12px); width: -moz-calc(100% + 12px); width: -webkit-calc(100% + 12px);} .cpzx_section .content .right .ulbox ul li{width: 50%;padding: 6px;} .cpzx_section .content .right .ulbox ul li a .wordsbox{padding-left: 0 8px;} .cpzx_section .content .right .ulbox ul li a .words{font-size: 14px;line-height: 32px;} } .cpxq_section{width: 100%;padding-top: 90px;padding-bottom: 100px;} .cpxq_section .content{width: 100%;} .cpxq_section .content::after{content: "";display: block;clear: both;} .cpxq_section .content .left{width: 76.16%;float: left;padding-right: 56px;} .cpxq_section .content .left .top{width: 100%;margin-bottom: 40px;} .cpxq_section .content .left .top::after{content: "";display: block;clear: both;} .cpxq_section .content .left .top .lefts{width: 48.34%;float: left;} .cpxq_section .content .left .top .lefts ._t{width: 100%;margin-bottom: 12px;} .cpxq_section .content .left .top .lefts ._t .pic{ width: 100%; padding-bottom: 71.23%; position: relative; overflow: hidden; min-height: 50px; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} .cpxq_section .content .left .top .lefts ._t .pic img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; transition: -webkit-transform 2s; vertical-align: middle; -ms-interpolation-mode: bicubic;} .cpxq_section .content .left .top .lefts ._t .pic:hover img{ -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1);} .cpxq_section .content .left .top .lefts ._b{margin: 0 -4px;padding-left: 24px;padding-right: 24px; width: calc(100% + 8px); width: -ms-calc(100% + 8px); width: -o-calc(100% + 8px); width: -moz-calc(100% + 8px); width: -webkit-calc(100% + 8px);} .cpxq_section .content .left .top .lefts ._b li{width: 100%;padding: 0 4px;cursor: pointer;} .cpxq_section .content .left .top .lefts ._b li .pic{ width: 100%; padding-bottom: 71.57%; position: relative; overflow: hidden; min-height: 50px; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} .cpxq_section .content .left .top .lefts ._b li .pic img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; transition: -webkit-transform 2s; vertical-align: middle; -ms-interpolation-mode: bicubic;} .cpxq_section .content .left .top .lefts li:hover .pic img{ -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1);} .cpxq_section .content .left .top .lefts .slick-prev{width: 36px;height: 36px;background: url(img/img11.png) no-repeat center center; background-size: cover;left: 10px;top: 50%;} .cpxq_section .content .left .top .lefts .slick-next{width: 36px;height: 36px;background: url(img/img12.png) no-repeat center center; background-size: cover;right: 10px;top: 50%;} .cpxq_section .content .left .top .lefts .slick-prev:hover{background: url(img/img13.png) no-repeat center center; background-size: cover;} .cpxq_section .content .left .top .lefts .slick-next:hover{background: url(img/img14.png) no-repeat center center; background-size: cover;} .cpxq_section .content .left .top .rights{width: 51.66%;float: right;padding-left: 54px;} .cpxq_section .content .left .top .rights .tit{font-size: 28px;color: #ee9d06;line-height: 32px;margin-bottom: 28px;font-weight: bolder;} .cpxq_section .content .left .top .rights .info{font-size: 16px;color: #666666;line-height: 38px;} .cpxq_section .content .left .top .rights .info span{font-weight: bolder;} .cpxq_section .content .left .center{width: 100%;margin-bottom: 92px;} .cpxq_section .content .left .center ._t{width: 100%;} .cpxq_section .content .left .center ._t.on{position: fixed;top: 0;left: 0;z-index: 20;padding-left: 190px;padding-right: 190px;box-shadow:0px 12px 8px -12px rgba(0,0,0,0.1);background-color: #fff;} .cpxq_section .content .left .center ._t.on .w_s{max-width:1300px; margin-right: auto; margin-left: auto;} .cpxq_section .content .left .center ._t ul{width: 100%;font-size: 0; max-width: 100%; /*white-space:nowrap;overflow: hidden; overflow-x: auto; scrollbar-width: thin;*/} /*.cpxq_section .content .left .center ._t ul::-webkit-scrollbar{ height: 3px;} .cpxq_section .content .left .center ._t ul::-webkit-scrollbar-track{ background-color: #e5e5e5; border-radius: 3px;} .cpxq_section .content .left .center ._t ul::-webkit-scrollbar-thumb{ height: 3px; background-color: #ee9d06; border-radius: 3px;}*/ .cpxq_section .content .left .center ._t ul li{display: inline-block;vertical-align: middle;margin-right: 1px;} .cpxq_section .content .left .center ._t ul li a{font-size: 16px;color: #666666;line-height: 44px;padding: 0 28px;background-color: #f5f5f5;display: block;border-top: 2px solid rgba(255,255,255,0);} .cpxq_section .content .left .center ._t ul li.on a{color: #ee9d06;background-color: #fff;border-color: #ee9d06;} .SideLayer_box{/*float:left ;*/ width:100%; overflow:hidden;} .SideLayer_box .pz_SideLayer{ white-space: nowrap; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .SideLayer_box .pz_SideLayer .l1{ -webkit-flex-shrink:0; -ms-flex:0 0 auto; flex-shrink:0; } .cpxq_section .content .left .center ._b{width: 100%;margin-bottom: 60px;} .cpxq_section .content .left .center ._b .list{width: 100%;padding-top: 60px;padding-bottom: 60px;border-bottom: 1px solid #dddddd;} .cpxq_section .content .left .center ._b .list .tit{font-size: 18px;color: #ee9d06;line-height: 24px;} .cpxq_section .content .left .center ._b .list .cons{font-size: 16px;color: #666666;line-height: 24px; margin-top: 36px;} .cpxq_section .content .left .center ._b .list .cons a{color: #666666;} .cpxq_section .content .left .center ._b .list .cons img{width: 100%;display: block;} .cpxq_section .content .left .center .page{width: 100%;position: relative;overflow: hidden;} .cpxq_section .content .left .center .page .prev{font-size: 16px;color: #333333;line-height: 48px;padding-right: 10px;float: left; width: calc(50% - 75px); width: -ms-calc(50% - 75px); width: -o-calc(50% - 75px); width: -moz-calc(50% - 75px); width: -webkit-calc(50% - 75px);} .cpxq_section .content .left .center .page .next{font-size: 16px;color: #333333;line-height: 48px;padding-left: 10px;text-align: right;float: right; width: calc(50% - 75px); width: -ms-calc(50% - 75px); width: -o-calc(50% - 75px); width: -moz-calc(50% - 75px); width: -webkit-calc(50% - 75px);} .cpxq_section .content .left .center .page .prev a, .cpxq_section .content .left .center .page .next a{color: #333;} .cpxq_section .content .left .center .page .prev a:hover, .cpxq_section .content .left .center .page .next a:hover{color: #ee9d06;} .cpxq_section .content .left .center .page .fh{width: 150px;position: absolute;top: 50%;left: 50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%);} .cpxq_section .content .left .center .page .fh:hover{opacity: 0.6;} .cpxq_section .content .left .center .page .fh a{display: block;width: 100%;text-align: center;background-color: #ee9d06;} .cpxq_section .content .left .center .page .fh a .ico{width: 16px;height: 16px;display: inline-block;vertical-align: middle;margin-right: 16px;} .cpxq_section .content .left .center .page .fh a .words{font-size: 16px;color: #ffffff;line-height: 48px;display: inline-block;vertical-align: middle;} .cpxq_section .content .left .bottom{width: 100%;} .cpxq_section .content .left .bottom .tit{font-size: 30px;color: #ffffff;line-height: 66px;text-align: center;background-color: #ee9d06;font-weight: bolder;} .cpxq_section .content .left .bottom .con{width: 100%;padding: 58px 40px 52px 40px;border: 1px solid #dddddd;border-top: 0;} .cpxq_section .content .left .bottom .con .inputcon{margin: -12px -10px;overflow: hidden; width: calc(100% + 20px); width: -ms-calc(100% + 20px); width: -o-calc(100% + 20px); width: -moz-calc(100% + 20px); width: -webkit-calc(100% + 20px);} .cpxq_section .content .left .bottom .con .inputcon .inputbox{width: 50%;float: left;padding: 12px 10px;} .cpxq_section .content .left .bottom .con .inputcon .inputbox .inputs{width: 100%;} .cpxq_section .content .left .bottom .con .inputcon .inputbox .inputs .words{font-size: 18px;color: #333333;line-height: 24px;margin-bottom: 18px;} .cpxq_section .content .left .bottom .con .inputcon .inputbox .inputs input{width: 100%;height: 50px;border: 1px solid #cccccc;padding: 0 12px;font-size: 16px;color: #666;} .cpxq_section .content .left .bottom .con .textbox{width: 100%;margin-top: 28px;margin-bottom: 64px;} .cpxq_section .content .left .bottom .con .textbox .words{font-size: 18px;color: #333333;line-height: 24px;margin-bottom: 18px;} .cpxq_section .content .left .bottom .con .textbox textarea{width: 100%;height: 138px;border: 1px solid #cccccc;padding: 12px;font-size: 16px;color: #666;} .cpxq_section .content .left .bottom .con .boxs{width: 100%;overflow: hidden;} .cpxq_section .content .left .bottom .con .boxs .yzmbox{width: 49.4%;float: left;position: relative;} .cpxq_section .content .left .bottom .con .boxs .yzmbox input{width: 100%;padding-right: 130px;font-size: 18px;color: #333333;height: 50px;border-bottom: 1px solid #ccc;} .cpxq_section .content .left .bottom .con .boxs .yzmbox input::-webkit-input-placeholder{font-size: 18px;color: #333333;} .cpxq_section .content .left .bottom .con .boxs .yzmbox input:-moz-placeholder{font-size: 18px;color: #333333;} .cpxq_section .content .left .bottom .con .boxs .yzmbox input::moz-placeholder{font-size: 18px;color: #333333;} .cpxq_section .content .left .bottom .con .boxs .yzmbox input:-ms-input-placeholder{font-size: 18px;color: #333333;} .cpxq_section .content .left .bottom .con .boxs .yzmbox img{position: absolute;right: 0;top: 0;height: 49px;} .cpxq_section .content .left .bottom .con .boxs .buttons{width: 48.3%;float: right;} .cpxq_section .content .left .bottom .con .boxs .buttons button{width: 100%;height: 50px;background-color: #ee9d06;font-size: 16px;color: #ffffff;display: block;} .cpxq_section .content .left .bottom .con .boxs .buttons button:hover{opacity: 0.6;} .cpxq_section .content .right{width: 23.84%;float: right;} .cpxq_section .content .right .tit{width: 100%;font-size: 24px;color: #ffffff;line-height: 48px;text-align: center;margin-bottom: 10px;background-color: #ee9d06;} .cpxq_section .content .right ul{width: 100%;} .cpxq_section .content .right ul li{width: 100%;margin-bottom: 20px;} .cpxq_section .content .right ul li:last-child{margin-bottom: 0;} .cpxq_section .content .right ul li a{display: block;width: 100%;border: 1px solid rgba(255,255,255,0);} .cpxq_section .content .right ul li a:hover{border-color: #ee9d06;} .cpxq_section .content .right ul li a .pic{ width: 100%; padding-bottom: 70.96%; position: relative; overflow: hidden; min-height: 50px; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} .cpxq_section .content .right ul li a .pic img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; transition: -webkit-transform 2s; vertical-align: middle; -ms-interpolation-mode: bicubic;} .cpxq_section .content .right ul li a:hover .pic img{ -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1);} .cpxq_section .content .right ul li a .wordsbox{width: 100%;border: 1px solid #cccccc;padding: 0 12px;} .cpxq_section .content .right ul li a .wordsbox .words{font-size: 24px;color: #333333;line-height: 65px;text-align: center; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1; transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;} .cpxq_section .content .right ul li a:hover .wordsbox .words{border-color: rgba(255,255,255,0);color: #ee9d06;} @media screen and (max-width:1600px) { .cpxq_section{padding-top: 60px;padding-bottom: 60px;} .cpxq_section .content .left{width: 76%;padding-right: 30px;} .cpxq_section .content .left .top{margin-bottom: 26px;} .cpxq_section .content .left .top .lefts{width: 48%;} .cpxq_section .content .left .top .lefts ._t{margin-bottom: 10px;} .cpxq_section .content .left .top .lefts ._b{padding-left: 20px;padding-right: 20px;} /*.cpxq_section .content .left .top .lefts .slick-prev{width: 14px; height:53px;} .cpxq_section .content .left .top .lefts .slick-next{width: 14px; height:53px;}*/ .cpxq_section .content .left .top .rights{width: 52%;padding-left: 36px;} .cpxq_section .content .left .top .rights .tit{font-size: 22px;line-height: 26px;margin-bottom: 16px;} .cpxq_section .content .left .top .rights .info{font-size: 14px;line-height: 34px;} .cpxq_section .content .left .center{margin-bottom: 40px;} .cpxq_section .content .left .center ._t.on{padding-left: 190px;padding-right: 190px;} .cpxq_section .content .left .center ._t ul li a{font-size: 14px;line-height: 36px;padding: 0 20px;} .cpxq_section .content .left .center ._b{margin-bottom: 30px;} .cpxq_section .content .left .center ._b .list{padding-top: 40px;padding-bottom: 40px;border-bottom: 1px solid #ddd;} .cpxq_section .content .left .center ._b .list .tit{font-size: 16px;line-height: 20px;} .cpxq_section .content .left .center ._b .list .cons{font-size: 14px;line-height: 20px; margin-top: 20px;} .cpxq_section .content .left .center .page .prev{font-size: 14px;line-height: 36px; width: calc(50% - 60px); width: -ms-calc(50% - 60px); width: -o-calc(50% - 60px); width: -moz-calc(50% - 60px); width: -webkit-calc(50% - 60px);} .cpxq_section .content .left .center .page .next{font-size: 14px;line-height: 36px; width: calc(50% - 60px); width: -ms-calc(50% - 60px); width: -o-calc(50% - 60px); width: -moz-calc(50% - 60px); width: -webkit-calc(50% - 60px);} .cpxq_section .content .left .center .page .fh{width: 120px;} .cpxq_section .content .left .center .page .fh a .ico{width: 14px;height: 14px;margin-right: 10px;} .cpxq_section .content .left .center .page .fh a .words{font-size: 14px;line-height: 36px;} .cpxq_section .content .left .bottom .tit{font-size: 22px;line-height: 44px;} .cpxq_section .content .left .bottom .con{padding: 30px;} .cpxq_section .content .left .bottom .con .inputcon{margin: -8px; width: calc(100% + 16px); width: -ms-calc(100% + 16px); width: -o-calc(100% + 16px); width: -moz-calc(100% + 16px); width: -webkit-calc(100% + 16px);} .cpxq_section .content .left .bottom .con .inputcon .inputbox{padding: 8px;} .cpxq_section .content .left .bottom .con .inputcon .inputbox .inputs .words{font-size: 16px;line-height: 20px;margin-bottom: 14px;} .cpxq_section .content .left .bottom .con .inputcon .inputbox .inputs input{height: 34px;padding: 0 10px;font-size: 14px;} .cpxq_section .content .left .bottom .con .textbox{margin-top: 16px;margin-bottom: 24px;} .cpxq_section .content .left .bottom .con .textbox .words{font-size: 16px;line-height: 20px;margin-bottom: 14px;} .cpxq_section .content .left .bottom .con .textbox textarea{height: 100px;padding: 10px;font-size: 14px;} .cpxq_section .content .left .bottom .con .boxs .yzmbox{width: 49%;} .cpxq_section .content .left .bottom .con .boxs .yzmbox input{padding-right: 100px;font-size: 16px;height: 40px;} .cpxq_section .content .left .bottom .con .boxs .yzmbox input::-webkit-input-placeholder{font-size: 16px;} .cpxq_section .content .left .bottom .con .boxs .yzmbox input:-moz-placeholder{font-size: 16px;} .cpxq_section .content .left .bottom .con .boxs .yzmbox input::moz-placeholder{font-size: 16px;} .cpxq_section .content .left .bottom .con .boxs .yzmbox input:-ms-input-placeholder{font-size: 16px;} .cpxq_section .content .left .bottom .con .boxs .yzmbox img{height: 39px;} .cpxq_section .content .left .bottom .con .boxs .buttons{width: 48%;} .cpxq_section .content .left .bottom .con .boxs .buttons button{height: 40px;font-size: 14px;} .cpxq_section .content .right{width: 24%;} .cpxq_section .content .right .tit{font-size: 18px;line-height: 34px;margin-bottom: 8px;} .cpxq_section .content .right ul li{margin-bottom: 16px;} .cpxq_section .content .right ul li a .wordsbox{padding: 0 8px;} .cpxq_section .content .right ul li a .wordsbox .words{font-size: 16px;line-height: 40px;} } @media screen and (max-width:1280px) { .cpxq_section{padding-top: 40px;padding-bottom: 40px;} .cpxq_section .content .left{padding-right: 20px;} .cpxq_section .content .left .top{margin-bottom: 20px;} .cpxq_section .content .left .top .lefts ._b{padding-left: 18px;padding-right: 18px;} .cpxq_section .content .left .top .lefts .slick-prev{width: 30px; height:30px;} .cpxq_section .content .left .top .lefts .slick-next{width: 30px; height:30px;} .cpxq_section .content .left .top .rights{padding-left: 24px;} .cpxq_section .content .left .top .rights .tit{font-size: 18px;line-height: 20px;margin-bottom: 12px;} .cpxq_section .content .left .top .rights .info{font-size: 12px;line-height: 32px;} .cpxq_section .content .left .center{margin-bottom: 24px;} .cpxq_section .content .left .center ._t.on{padding-left: 100px;padding-right: 100px;} .cpxq_section .content .left .center ._t ul li a{line-height: 30px;padding: 0 14px;} .cpxq_section .content .left .center ._b{margin-bottom: 24px;} .cpxq_section .content .left .center ._b .list{padding-top: 34px;padding-bottom: 34px;} .cpxq_section .content .left .center ._b .list .tit{font-size: 14px;line-height: 18px;} .cpxq_section .content .left .center ._b .list .cons{font-size: 12px;line-height: 18px; margin-top: 14px;} .cpxq_section .content .left .center .page .prev{font-size: 12px;line-height: 32px; width: calc(50% - 50px); width: -ms-calc(50% - 50px); width: -o-calc(50% - 50px); width: -moz-calc(50% - 50px); width: -webkit-calc(50% - 50px);} .cpxq_section .content .left .center .page .next{font-size: 12px;line-height: 32px; width: calc(50% - 50px); width: -ms-calc(50% - 50px); width: -o-calc(50% - 50px); width: -moz-calc(50% - 50px); width: -webkit-calc(50% - 50px);} .cpxq_section .content .left .center .page .fh{width: 100px;} .cpxq_section .content .left .center .page .fh a .ico{margin-right: 8px;} .cpxq_section .content .left .center .page .fh a .words{font-size: 12px;line-height: 32px;} .cpxq_section .content .left .bottom .tit{font-size: 18px;line-height: 36px;} .cpxq_section .content .left .bottom .con{padding: 16px;} .cpxq_section .content .left .bottom .con .inputcon{margin: -6px; width: calc(100% + 12px); width: -ms-calc(100% + 12px); width: -o-calc(100% + 12px); width: -moz-calc(100% + 12px); width: -webkit-calc(100% + 12px);} .cpxq_section .content .left .bottom .con .inputcon .inputbox{padding: 6px;} .cpxq_section .content .left .bottom .con .inputcon .inputbox .inputs .words{font-size: 14px;line-height: 18px;margin-bottom: 10px;} .cpxq_section .content .left .bottom .con .inputcon .inputbox .inputs input{height: 30px;font-size: 12px;} .cpxq_section .content .left .bottom .con .textbox{margin-top: 14px;margin-bottom: 18px;} .cpxq_section .content .left .bottom .con .textbox .words{font-size: 14px;line-height: 18px;margin-bottom: 10px;} .cpxq_section .content .left .bottom .con .textbox textarea{height: 80px;font-size: 12px;} .cpxq_section .content .left .bottom .con .boxs .yzmbox input{padding-right: 90px;font-size: 14px;height: 36px;} .cpxq_section .content .left .bottom .con .boxs .yzmbox input::-webkit-input-placeholder{font-size: 14px;} .cpxq_section .content .left .bottom .con .boxs .yzmbox input:-moz-placeholder{font-size: 14px;} .cpxq_section .content .left .bottom .con .boxs .yzmbox input::moz-placeholder{font-size: 14px;} .cpxq_section .content .left .bottom .con .boxs .yzmbox input:-ms-input-placeholder{font-size: 14px;} .cpxq_section .content .left .bottom .con .boxs .yzmbox img{height: 35px;} .cpxq_section .content .left .bottom .con .boxs .buttons button{height: 36px;font-size: 12px;} .cpxq_section .content .right .tit{font-size: 16px;line-height: 30px;} .cpxq_section .content .right ul li{margin-bottom: 12px;} .cpxq_section .content .right ul li a .wordsbox .words{font-size: 14px;line-height: 34px;} } @media screen and (max-width:1024px) { .cpxq_section{padding-top: 30px;padding-bottom: 30px;} .cpxq_section .content .left{padding-right: 0;width: 100%;} .cpxq_section .content .left .top{margin-bottom: 14px;} .cpxq_section .content .left .top .lefts{width: 100%;} .cpxq_section .content .left .top .lefts ._t{margin-bottom: 10px;} .cpxq_section .content .left .center ._t.on{padding-left: 15px;padding-right: 15px;top: 50px;} .cpxq_section .content .left .top .lefts ._b{padding-left: 20px;padding-right: 20px;} /*.cpxq_section .content .left .top .lefts .slick-prev{width: 14px; height:53px;} .cpxq_section .content .left .top .lefts .slick-next{width: 14px; height:53px;}*/ .cpxq_section .content .left .top .rights{width: 100%;padding-left: 0;margin-top: 14px;} .cpxq_section .content .left .top .rights .tit{font-size: 18px;line-height: 24px;margin-bottom: 12px; text-align:center;} .cpxq_section .content .left .top .rights .info{font-size: 14px;line-height: 26px;} .cpxq_section .content .left .top .rights .info span{font-weight: bolder;} .cpxq_section .content .left .center{margin-bottom: 14px;} /*.cpxq_section .content .left .center ._t ul::-webkit-scrollbar{ height: 0;} .cpxq_section .content .left .center ._t ul::-webkit-scrollbar-thumb{ height: 0;} .cpxq_section .content .left .center ._t ul::-webkit-scrollbar{ display: none;}*/ .cpxq_section .content .left .center ._t ul li a{font-size: 14px;line-height: 32px;padding: 0 12px;} .cpxq_section .content .left .center ._b{margin-bottom: 14px;} .cpxq_section .content .left .center ._b .list{padding-top: 14px;padding-bottom: 14px;border-bottom: 1px solid #ddd;} .cpxq_section .content .left .center ._b .list .tit{font-size: 14px;line-height: 20px;} .cpxq_section .content .left .center ._b .list .cons{font-size: 14px;line-height: 20px; margin-top: 12px;} .cpxq_section .content .left .center .page .prev{font-size: 14px;line-height: 24px; width: calc(100% - 100px); width: -ms-calc(100% - 100px); width: -o-calc(100% - 100px); width: -moz-calc(100% - 100px); width: -webkit-calc(100% - 100px);} .cpxq_section .content .left .center .page .next{font-size: 14px;line-height: 24px;padding-left: 0;padding-right: 10px;float: left;text-align: left; width: calc(100% - 100px); width: -ms-calc(100% - 100px); width: -o-calc(100% - 100px); width: -moz-calc(100% - 100px); width: -webkit-calc(100% - 100px);} .cpxq_section .content .left .center .page .fh{width: 100px;position: static;float: right; transform: translate(0,0); -ms-transform: translate(0,0); -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -o-transform: translate(0,0);} .cpxq_section .content .left .center .page .fh a .ico{width: 14px;height: 14px;margin-right: 8px;} .cpxq_section .content .left .center .page .fh a .words{font-size: 14px;line-height: 30px;} .cpxq_section .content .left .bottom .tit{font-size: 18px;line-height: 34px;} .cpxq_section .content .left .bottom .con{padding: 12px;} .cpxq_section .content .left .bottom .con .inputcon{margin: -6px 0;width: 100%;} .cpxq_section .content .left .bottom .con .inputcon .inputbox{width: 100%;padding: 6px 0;} .cpxq_section .content .left .bottom .con .inputcon .inputbox .inputs{width: 100%;} .cpxq_section .content .left .bottom .con .inputcon .inputbox .inputs .words{font-size: 14px;line-height: 20px;margin-bottom: 12px;} .cpxq_section .content .left .bottom .con .inputcon .inputbox .inputs input{height: 34px;padding: 0 10px;font-size: 14px;} .cpxq_section .content .left .bottom .con .textbox{margin-top: 14px;margin-bottom: 16px;} .cpxq_section .content .left .bottom .con .textbox .words{font-size: 14px;line-height: 20px;margin-bottom: 12px;} .cpxq_section .content .left .bottom .con .textbox textarea{height: 80px;padding: 10px;font-size: 14px;} .cpxq_section .content .left .bottom .con .boxs .yzmbox{width: 100%;margin-bottom: 12px;} .cpxq_section .content .left .bottom .con .boxs .yzmbox input{padding-right: 90px;font-size: 14px;height: 36px;} .cpxq_section .content .left .bottom .con .boxs .yzmbox input::-webkit-input-placeholder{font-size: 14px;} .cpxq_section .content .left .bottom .con .boxs .yzmbox input:-moz-placeholder{font-size: 14px;} .cpxq_section .content .left .bottom .con .boxs .yzmbox input::moz-placeholder{font-size: 14px;} .cpxq_section .content .left .bottom .con .boxs .yzmbox input:-ms-input-placeholder{font-size: 14px;} .cpxq_section .content .left .bottom .con .boxs .yzmbox img{height: 35px;} .cpxq_section .content .left .bottom .con .boxs .buttons{width: 100%;} .cpxq_section .content .left .bottom .con .boxs .buttons button{height: 36px;font-size: 14px;} .cpxq_section .content .right{display: none;} } /*新闻动态*/ .xw_section{width: 100%;padding-top: 80px;padding-bottom: 80px;} .xw_section .ulbox{margin-bottom: 80px;} .xw_section .ulbox ul{width: 100%;} .xw_section .ulbox ul li{width: 100%;margin-bottom: 40px;} .xw_section .ulbox ul li:last-child{margin-bottom: 0;} .xw_section .ulbox ul li a{display: block;width: 100%;overflow: hidden;box-shadow: 0 0 16px rgba(220,220,220,0.4);background-color: #fff;} .xw_section .ulbox ul li a:hover{box-shadow: 0 0 0 rgba(220,220,220,0);} .xw_section .ulbox ul li a .left{width: 24.76%;float: left;height: 230px;overflow: hidden;} .xw_section .ulbox ul li a .left .pic{width: 100%;height: 100%; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; transition: -webkit-transform 2s;} .xw_section .ulbox ul li a:hover .left .pic{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05);} .xw_section .ulbox ul li a .right{width: 75.24%;float: right;padding-left: 34px;padding-top: 34px;padding-bottom: 34px;font-size: 0;border: 1px solid rgba(255,255,255,0); transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;} .xw_section .ulbox ul li a:hover .right{border-color: #ee9d06;} .xw_section .ulbox ul li a .right .wordsbox{display: inline-block;vertical-align: middle;border-right: 1px solid #dddddd;padding-right: 40px;padding-top: 8px;padding-bottom: 14px; width: calc(100% - 160px); width: -ms-calc(100% - 160px); width: -o-calc(100% - 160px); width: -moz-calc(100% - 160px); width: -webkit-calc(100% - 160px);} .xw_section .ulbox ul li a .right .wordsbox .tit{font-size: 24px;color: #333333;line-height: 28px;margin-bottom: 20px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;} .xw_section .ulbox ul li a:hover .right .wordsbox .tit{color: #ee9d06;} .xw_section .ulbox ul li a .right .wordsbox .info{font-size: 16px;color: #666666;line-height: 30px;height: 90px;letter-spacing: 0; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;} .xw_section .ulbox ul li a .right .datebox{width: 158px;display: inline-block;vertical-align: middle;} .xw_section .ulbox ul li a .right .datebox .date1{font-size: 30px;color: #666666;line-height: 34px;text-align: center;margin-bottom: 20px;} .xw_section .ulbox ul li a .right .datebox .date2{font-size: 16px;color: #666666;line-height: 20px;margin-bottom: 46px;text-align: center;} .xw_section .ulbox ul li a .right .datebox .ico{width: 20px;height: 16px;margin: 0 auto;} .xw_section .ulbox ul li a .right .datebox .ico.ico2{display: none;} .xw_section .ulbox ul li a:hover .right .datebox .ico.ico1{display: none;} .xw_section .ulbox ul li a:hover .right .datebox .ico.ico2{display: block;} @media screen and (max-width:1600px) { .xw_section{padding-top: 60px;padding-bottom: 60px;} .xw_section .ulbox{margin-bottom: 40px;} .xw_section .ulbox ul li{margin-bottom: 20px;} .xw_section .ulbox ul li a .left{width: 25%;height: 194px;} .xw_section .ulbox ul li a .right{width: 75%;padding-left: 20px;padding-top: 34px;padding-bottom: 34px;} .xw_section .ulbox ul li a .right .wordsbox{padding-right: 20px;padding-top: 6px;padding-bottom: 6px;border-right: 1px solid #ddd; width: calc(100% - 140px); width: -ms-calc(100% - 140px); width: -o-calc(100% - 140px); width: -moz-calc(100% - 140px); width: -webkit-calc(100% - 140px);} .xw_section .ulbox ul li a .right .wordsbox .tit{font-size: 20px;line-height: 24px;margin-bottom: 16px;} .xw_section .ulbox ul li a .right .wordsbox .info{font-size: 14px;line-height: 24px;height: 72px;} .xw_section .ulbox ul li a .right .datebox{width: 138px;} .xw_section .ulbox ul li a .right .datebox .date1{font-size: 24px;line-height: 28px;margin-bottom: 14px;} .xw_section .ulbox ul li a .right .datebox .date2{font-size: 14px;margin-bottom: 26px;} .xw_section .ulbox ul li a .right .datebox .ico{width: 18px;height: 14px;} } @media screen and (max-width:1280px) { .xw_section{padding-top: 40px;padding-bottom: 40px;} .xw_section .ulbox{margin-bottom: 24px;} .xw_section .ulbox ul li{margin-bottom: 16px;} .xw_section .ulbox ul li a .left{height: 162px;} .xw_section .ulbox ul li a .right{;padding-left: 16px;padding-top: 26px;padding-bottom: 26px;} .xw_section .ulbox ul li a .right .wordsbox{padding-right: 16px;padding-top: 6px;padding-bottom: 6px; width: calc(100% - 120px); width: -ms-calc(100% - 120px); width: -o-calc(100% - 120px); width: -moz-calc(100% - 120px); width: -webkit-calc(100% - 120px);} .xw_section .ulbox ul li a .right .wordsbox .tit{font-size: 18px;line-height: 24px;margin-bottom: 12px;} .xw_section .ulbox ul li a .right .wordsbox .info{font-size: 12px;line-height: 20px;height: 60px;} .xw_section .ulbox ul li a .right .datebox{width: 118px;} .xw_section .ulbox ul li a .right .datebox .date1{font-size: 18px;line-height: 24px;margin-bottom: 10px;} .xw_section .ulbox ul li a .right .datebox .date2{font-size: 12px;margin-bottom: 18px;} } @media screen and (max-width:1024px) { .xw_section{padding-top: 30px;padding-bottom: 30px;} .xw_section .ulbox{margin-bottom: 16px;} .xw_section .ulbox ul li{margin-bottom: 14px;} .xw_section .ulbox ul li a .left{width: 100%;height: 214px;} .xw_section .ulbox ul li a .right{width: 100%;padding: 12px;} .xw_section .ulbox ul li a .right .wordsbox{border-right: 0;padding-right: 0;padding-top: 0;padding-bottom: 0;width: 100%;margin-bottom: 12px;} .xw_section .ulbox ul li a .right .wordsbox .tit{font-size: 18px;line-height: 24px;margin-bottom: 12px;} .xw_section .ulbox ul li a .right .wordsbox .info{font-size: 14px;line-height: 24px;height: 72px;} .xw_section .ulbox ul li a .right .datebox{width: 100%;overflow: hidden;} .xw_section .ulbox ul li a .right .datebox .date1{font-size: 18px;line-height: 24px;margin-bottom: 0;float: left;} .xw_section .ulbox ul li a .right .datebox .date2{font-size: 14px;line-height: 24px;margin-bottom: 0;float: left;padding-left: 10px;} .xw_section .ulbox ul li a .right .datebox .ico{width: 16px;height: 12px;float: right;margin-top: 6px;} } /*新闻详情*/ .xwxq_section{width: 100%;padding-top: 78px;padding-bottom: 100px;} .xwxq_section .content{width: 100%;overflow: hidden;} .xwxq_section .content .left{width: 77%;float: left;padding-right: 52px;} .xwxq_section .content .left h2{font-size: 30px;color: #333333;line-height: 34px;margin-bottom: 44px;text-align: center;font-weight: bold;} .xwxq_section .content .left .listbox{width: 100%;text-align: center;font-size: 0;margin-bottom: 60px;} .xwxq_section .content .left .listbox .list{font-size: 16px;color: #666666;line-height: 20px;display: inline-block;vertical-align: middle;margin: 0 35px;} .xwxq_section .content .left .info{margin-bottom: 60px; padding-top: 46px;padding-bottom: 88px;border-top: 1px solid #dddddd;border-bottom: 1px solid #dddddd;font-size: 16px;color: #666666;line-height: 36px;} .xwxq_section .content .left .info img{/*width: 100%;display: block;*/ max-width:100%;} .xwxq_section .content .left .pagebox{width: 100%;overflow: hidden;} .xwxq_section .content .left .pagebox .lefts{float: left;padding-right: 20px; width: calc(100% - 150px); width: -ms-calc(100% - 150px); width: -o-calc(100% - 150px); width: -moz-calc(100% - 150px); width: -webkit-calc(100% - 150px);} .xwxq_section .content .left .pagebox .lefts a{display: block;font-size: 16px;color: #666666;line-height: 20px;margin-bottom: 28px;} .xwxq_section .content .left .pagebox .lefts a.next{margin-bottom: 0;} .xwxq_section .content .left .pagebox .lefts a:hover{color: #ee9d06;} .xwxq_section .content .left .pagebox .fh{width: 150px;float: right;margin-top: 10px;} .xwxq_section .content .left .pagebox .fh a{display: block;width: 100%;font-size: 0;text-align: center;background-color: #ee9d06;} .xwxq_section .content .left .pagebox .fh a:hover{opacity: 0.6;} .xwxq_section .content .left .pagebox .fh a .ico{width: 16px;height: 16px;display: inline-block;vertical-align: middle;margin-right: 20px;} .xwxq_section .content .left .pagebox .fh a .words{font-size: 16px;color: #ffffff;line-height: 48px;display: inline-block;vertical-align: middle;} .xwxq_section .content .right{width: 23%;float: right;} .xwxq_section .content .right .tit{font-size: 24px;color: #fff;line-height: 48px;text-align: center;margin-bottom: 26px;background-color: #ee9d06;} .xwxq_section .content .right ul{width: 100%;} .xwxq_section .content .right ul li{width: 100%;margin-bottom: 28px;padding-bottom: 28px;border-bottom: 1px solid #dddddd;} .xwxq_section .content .right ul li:last-child{margin-bottom: 0;} .xwxq_section .content .right ul li ._t{font-size: 18px;color: #333333;line-height: 24px;margin-bottom: 14px;padding-left: 20px;position: relative; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;} .xwxq_section .content .right ul li:hover ._t{color: #ee9d06;} .xwxq_section .content .right ul li ._t::after{content: "";display: block;width: 8px;height: 8px;background-color: #989898;position: absolute;left: 4px;top: 50%;margin-top: -4px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} .xwxq_section .content .right ul li:hover ._t::after{background-color: #ee9d06;} .xwxq_section .content .right ul li ._b{font-size: 14px;color: #666666;line-height: 24px;margin-bottom: 12px;padding-left: 20px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; height:48px;} .xwxq_section .content .right ul li .date{font-size: 14px;color: #666666;line-height: 20px;padding-left: 20px;} @media screen and (max-width:1600px) { .xwxq_section{padding-top: 60px;padding-bottom: 60px;} .xwxq_section .content .left{padding-right: 40px;} .xwxq_section .content .left h2{font-size: 22px;line-height: 26px;margin-bottom: 26px;;} .xwxq_section .content .left .listbox{margin-bottom: 30px;} .xwxq_section .content .left .listbox .list{font-size: 14px;line-height: 18px;margin: 0 20px;} .xwxq_section .content .left .info{margin-bottom: 26px; padding-top: 40px;padding-bottom: 40px;font-size: 14px;line-height: 26px;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;} .xwxq_section .content .left .pagebox .lefts{ width: calc(100% - 130px); width: -ms-calc(100% - 130px); width: -o-calc(100% - 130px); width: -moz-calc(100% - 130px); width: -webkit-calc(100% - 130px);} .xwxq_section .content .left .pagebox .lefts a{font-size: 14px;line-height: 18px;margin-bottom: 16px;} .xwxq_section .content .left .pagebox .fh{width: 130px;;margin-top: 8px;} .xwxq_section .content .left .pagebox .fh a .ico{width: 14px;height: 14px;margin-right: 12px;} .xwxq_section .content .left .pagebox .fh a .words{font-size: 14px;line-height: 36px;} .xwxq_section .content .right .tit{font-size: 20px;line-height: 36px;margin-bottom: 16px;} .xwxq_section .content .right ul li{margin-bottom: 16px;padding-bottom: 16px;border-bottom: 1px solid #ddd;} .xwxq_section .content .right ul li ._t{font-size: 16px;line-height: 20px;margin-bottom: 10px;padding-left: 16px;} .xwxq_section .content .right ul li ._t::after{width: 6px;height: 6px;margin-top: -3px;} .xwxq_section .content .right ul li ._b{font-size: 12px;line-height: 20px;margin-bottom: 10px;padding-left: 16px; height:40px;} .xwxq_section .content .right ul li .date{font-size: 12px;padding-left: 16px;} } @media screen and (max-width:1280px) { .xwxq_section{padding-top: 40px;padding-bottom: 40px;} .xwxq_section .content .left{padding-right: 24px;} .xwxq_section .content .left h2{font-size: 18px;line-height: 24px;margin-bottom: 18px;} .xwxq_section .content .left .listbox{margin-bottom: 18px;} .xwxq_section .content .left .listbox .list{font-size: 12px;margin: 0 10px;} .xwxq_section .content .left .info{margin-bottom: 16px; padding-top: 20px;padding-bottom: 20px;font-size: 12px;line-height: 24px;} .xwxq_section .content .left .pagebox .lefts{ width: calc(100% - 110px); width: -ms-calc(100% - 110px); width: -o-calc(100% - 110px); width: -moz-calc(100% - 110px); width: -webkit-calc(100% - 110px);} .xwxq_section .content .left .pagebox .lefts a{font-size: 12px;margin-bottom: 12px;} .xwxq_section .content .left .pagebox .fh{width: 110px;;margin-top: 6px;} .xwxq_section .content .left .pagebox .fh a .ico{margin-right: 10px;} .xwxq_section .content .left .pagebox .fh a .words{font-size: 12px;line-height: 32px;} .xwxq_section .content .right .tit{font-size: 18px;line-height: 32px;margin-bottom: 12px;} .xwxq_section .content .right ul li{margin-bottom: 12px;padding-bottom: 12px;} .xwxq_section .content .right ul li ._t{font-size: 14px;padding-left: 14px;} .xwxq_section .content .right ul li ._b{padding-left: 14px;} .xwxq_section .content .right ul li .date{padding-left: 14px;} } @media screen and (max-width:1024px) { .xwxq_section{padding-top: 30px;padding-bottom: 30px;} .xwxq_section .content .left{width: 100%;padding-right: 0;} .xwxq_section .content .left h2{font-size: 18px;line-height: 24px;margin-bottom: 14px;} .xwxq_section .content .left .listbox{margin-bottom: 14px;} .xwxq_section .content .left .listbox .list{font-size: 14px;line-height: 22px;margin: 0 6px;letter-spacing: 0; text-align: left;} .xwxq_section .content .left .info{margin-bottom: 14px; padding-top: 14px;padding-bottom: 14px;font-size: 14px;line-height: 24px;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;} .xwxq_section .content .left .pagebox .lefts{padding-right: 0;width: 100%;float: none;} .xwxq_section .content .left .pagebox .lefts a{font-size: 14px;margin-bottom: 14px;} .xwxq_section .content .left .pagebox .fh{width: 120px;float: none;margin: 14px auto 0 auto;} .xwxq_section .content .left .pagebox .fh a .ico{width: 14px;height: 14px;margin-right: 10px;} .xwxq_section .content .left .pagebox .fh a .words{font-size: 14px;line-height: 34px;} .xwxq_section .content .right{display: none;} } /*联系我们*/ .lxwm_section1{width: 100%;padding-top: 80px;padding-bottom: 80px;} .lxwm_section1 h2{font-size: 28px;color: #333333;line-height: 32px;margin-bottom: 56px;font-weight: bold;} .lxwm_section1 .content{width: 100%;overflow: hidden;box-shadow: 0 0 16px rgba(220,220,220,0.6);} .lxwm_section1 .content .left{width: 39.07%;float: left;height: 258px;position: relative;} .lxwm_section1 .content .left .cons{width: 100%;position: absolute;left: 0;top: 50%;padding: 0 52px 0 64px;font-size: 0; transform: translate(0,-50%); -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -o-transform: translate(0,-50%);} .lxwm_section1 .content .left .cons .ewm{width: 151px;height: 151px;display: inline-block;vertical-align: middle;} .lxwm_section1 .content .left .cons .ewm img{display:block; width:100%; height:100%;} .lxwm_section1 .content .left .cons .wordscon{display: inline-block;vertical-align: middle;padding-left: 30px; width: calc(100% - 153px); width: -ms-calc(100% - 153px); width: -o-calc(100% - 153px); width: -moz-calc(100% - 153px); width: -webkit-calc(100% - 153px);} .lxwm_section1 .content .left .cons .wordscon .tit1{font-size: 20px;color: #ffffff;line-height: 24px;margin-bottom: 20px;} .lxwm_section1 .content .left .cons .wordscon .tit2{font-size: 14px;color: #ffffff;line-height: 24px;} .lxwm_section1 .content .right{width: 60.93%;float: right;height: 258px;position: relative;} .lxwm_section1 .content .right .wordsbox{width: 100%;padding: 0 10px 0 54px;position: absolute;left: 0;top: 50%; transform: translate(0,-50%); -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -o-transform: translate(0,-50%);} .lxwm_section1 .content .right .wordsbox .listbox{width: 100%;overflow: hidden; overflow-y: auto; scrollbar-width: thin; max-height: 230px;} .lxwm_section1 .content .right .wordsbox .listbox::-webkit-scrollbar{ width: 3px;} .lxwm_section1 .content .right .wordsbox .listbox::-webkit-scrollbar-track{ background-color: #e5e5e5; border-radius: 3px;} .lxwm_section1 .content .right .wordsbox .listbox::-webkit-scrollbar-thumb{ width: 3px; background-color: #ee9d06; border-radius: 3px;} .lxwm_section1 .content .right .wordsbox .listbox .list{font-size: 0;margin-bottom: 22px;} .lxwm_section1 .content .right .wordsbox .listbox .list:last-child{margin-bottom: 0;} .lxwm_section1 .content .right .wordsbox .listbox .list .ico{width: 24px;height: 24px;display: inline-block;vertical-align: middle;} .lxwm_section1 .content .right .wordsbox .listbox .list .words{font-size: 16px;color: #333333;line-height: 20px;padding-left: 20px;display: inline-block;vertical-align: middle; width: calc(100% - 26px); width: -ms-calc(100% - 26px); width: -o-calc(100% - 26px); width: -moz-calc(100% - 26px); width: -webkit-calc(100% - 26px);} .lxwm_section1 .content .right .wordsbox .listbox .list .words a{color: #333333;} @media screen and (max-width:1600px) { .lxwm_section1{padding-top: 60px;padding-bottom: 60px;} .lxwm_section1 h2{font-size: 20px;line-height: 24px;margin-bottom: 30px;} .lxwm_section1 .content .left{width: 40%;height: 230px;} .lxwm_section1 .content .left .cons{padding: 40px;} .lxwm_section1 .content .left .cons .ewm{width: 130px;height: 130px;} .lxwm_section1 .content .left .cons .wordscon{padding-left: 16px; width: calc(100% - 132px); width: -ms-calc(100% - 132px); width: -o-calc(100% - 132px); width: -moz-calc(100% - 132px); width: -webkit-calc(100% - 132px);} .lxwm_section1 .content .left .cons .wordscon .tit1{font-size: 18px;line-height: 24px;margin-bottom: 12px;} .lxwm_section1 .content .left .cons .wordscon .tit2{font-size: 14px;line-height: 22px;} .lxwm_section1 .content .right{width: 60%;height: 230px;} .lxwm_section1 .content .right .wordsbox{padding: 0 10px 0 30px;} .lxwm_section1 .content .right .wordsbox .listbox{max-height: 200px;} .lxwm_section1 .content .right .wordsbox .listbox .list{margin-bottom: 16px;} .lxwm_section1 .content .right .wordsbox .listbox .list .ico{width: 20px;height: 20px;} .lxwm_section1 .content .right .wordsbox .listbox .list .words{font-size: 14px;padding-left: 14px; width: calc(100% - 22px); width: -ms-calc(100% - 22px); width: -o-calc(100% - 22px); width: -moz-calc(100% - 22px); width: -webkit-calc(100% - 22px);} } @media screen and (max-width:1280px) { .lxwm_section1{padding-top: 40px;padding-bottom: 40px;} .lxwm_section1 h2{font-size: 18px;margin-bottom: 16px;} .lxwm_section1 .content .left{height: 200px;} .lxwm_section1 .content .left .cons{padding: 30px;} .lxwm_section1 .content .left .cons .ewm{width: 120px;height: 120px;} .lxwm_section1 .content .left .cons .wordscon{padding-left: 10px; width: calc(100% - 122px); width: -ms-calc(100% - 122px); width: -o-calc(100% - 122px); width: -moz-calc(100% - 122px); width: -webkit-calc(100% - 122px);} .lxwm_section1 .content .left .cons .wordscon .tit1{font-size: 16px;line-height: 20px;margin-bottom: 10px;} .lxwm_section1 .content .left .cons .wordscon .tit2{font-size: 12px;line-height: 20px;} .lxwm_section1 .content .right{height: 200px;} .lxwm_section1 .content .right .wordsbox{padding: 0 10px 0 20px;} .lxwm_section1 .content .right .wordsbox .listbox{max-height: 160px;} .lxwm_section1 .content .right .wordsbox .listbox .list{margin-bottom: 14px;} .lxwm_section1 .content .right .wordsbox .listbox .list .ico{width: 18px;height: 18px;} .lxwm_section1 .content .right .wordsbox .listbox .list .words{font-size: 12px;padding-left: 10px; width: calc(100% - 20px); width: -ms-calc(100% - 20px); width: -o-calc(100% - 20px); width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px);} } @media screen and (max-width:1024px) { .lxwm_section1{padding-top: 30px;padding-bottom: 30px;} .lxwm_section1 h2{font-size: 18px;line-height: 24px;margin-bottom: 14px; text-align:center;} .lxwm_section1 .content .left{width: 100%;height: auto;} .lxwm_section1 .content .left .cons{position: static;padding: 14px; text-align:center; transform: translate(0,0); -ms-transform: translate(0,0); -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -o-transform: translate(0,0);} .lxwm_section1 .content .left .cons .ewm{width: 120px;height: 120px;} .lxwm_section1 .content .left .cons .wordscon{padding-left: 0;width: 100%;margin-top: 14px;} .lxwm_section1 .content .left .cons .wordscon .tit1{font-size: 16px;line-height: 20px;margin-bottom: 12px;} .lxwm_section1 .content .left .cons .wordscon .tit2{font-size: 14px;line-height: 20px;} .lxwm_section1 .content .right{width: 100%;height: auto;} .lxwm_section1 .content .right .wordsbox{padding: 14px;position: static; transform: translate(0,0); -ms-transform: translate(0,0); -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -o-transform: translate(0,0);} .lxwm_section1 .content .right .wordsbox .listbox{max-height: 100000px;} .lxwm_section1 .content .right .wordsbox .listbox::-webkit-scrollbar{ width: 0;} .lxwm_section1 .content .right .wordsbox .listbox::-webkit-scrollbar-thumb{ width: 0;} .lxwm_section1 .content .right .wordsbox .listbox .list{margin-bottom: 12px;} .lxwm_section1 .content .right .wordsbox .listbox .list .ico{width: 20px;height: 20px;} .lxwm_section1 .content .right .wordsbox .listbox .list .words{font-size: 14px;padding-left: 10px; width: calc(100% - 22px); width: -ms-calc(100% - 22px); width: -o-calc(100% - 22px); width: -moz-calc(100% - 22px); width: -webkit-calc(100% - 22px);} } .lxwm_section2{width: 100%;padding-bottom: 100px;} .lxwm_section2 h2{font-size: 24px;color: #333333;line-height: 28px;margin-bottom: 56px;font-weight: bolder;} .lxwm_section2 ul{margin: -24px -20px;overflow: hidden;display:flex; flex-wrap: wrap; align-items: flex-start; width: calc(100% + 40px); width: -ms-calc(100% + 40px); width: -o-calc(100% + 40px); width: -moz-calc(100% + 40px); width: -webkit-calc(100% + 40px);} .lxwm_section2 ul li{width: 50%;float: left;padding: 24px 20px;float: left;} .lxwm_section2 ul li .tit{font-size: 20px;color: #ee9d06;line-height: 24px;margin-bottom: 16px;} .lxwm_section2 ul li .boxs{width: 100%;border: 1px solid #dddddd;padding: 20px; transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;} .lxwm_section2 ul li:hover .boxs{border-color: #ee9d06;box-shadow: 0 0 16px rgba(220,220,220,0.4);} .lxwm_section2 ul li .boxs .lxr{font-size: 18px;color: #333333;line-height: 24px;margin-bottom: 14px;font-weight: bolder;} .lxwm_section2 ul li .boxs .listbox{overflow: hidden;margin: -5px; width: calc(100% + 10px); width: -ms-calc(100% + 10px); width: -o-calc(100% + 10px); width: -moz-calc(100% + 10px); width: -webkit-calc(100% + 10px);} .lxwm_section2 ul li .boxs .listbox .list{float: left;font-size: 0;padding: 5px;} .lxwm_section2 ul li .boxs .listbox .list .ico{width: 24px;height: 24px;display: inline-block;vertical-align: middle;} .lxwm_section2 ul li .boxs .listbox .list .words{font-size: 16px;color: #333333;line-height: 20px;display: inline-block;vertical-align: middle;padding-left: 12px; width: calc(100% - 26px); width: -ms-calc(100% - 26px); width: -o-calc(100% - 26px); width: -moz-calc(100% - 26px); width: -webkit-calc(100% - 26px);} .lxwm_section2 ul li .boxs .listbox .list .words a {color: #333333;} .lxwm_section2 ul li .boxs .listbox .list:nth-child(odd){width: 41.36%;} .lxwm_section2 ul li .boxs .listbox .list:nth-child(even){width: 58.64%;} @media screen and (max-width:1600px) { .lxwm_section2{;padding-bottom: 60px;} .lxwm_section2 h2{font-size: 20px;line-height: 24px;margin-bottom: 30px;} .lxwm_section2 ul{margin: -12px; width: calc(100% + 24px); width: -ms-calc(100% + 24px); width: -o-calc(100% + 24px); width: -moz-calc(100% + 24px); width: -webkit-calc(100% + 24px);} .lxwm_section2 ul li{padding: 12px;} .lxwm_section2 ul li .tit{font-size: 18px;line-height: 24px;margin-bottom: 12px;} .lxwm_section2 ul li .boxs{padding: 16px;} .lxwm_section2 ul li .boxs .lxr{font-size: 16px;line-height: 20px;margin-bottom: 12px;} .lxwm_section2 ul li .boxs .listbox{margin: -4px; width: calc(100% + 8px); width: -ms-calc(100% + 8px); width: -o-calc(100% + 8px); width: -moz-calc(100% + 8px); width: -webkit-calc(100% + 8px);} .lxwm_section2 ul li .boxs .listbox .list{padding: 4px;} .lxwm_section2 ul li .boxs .listbox .list .ico{width: 20px;height: 20px;} .lxwm_section2 ul li .boxs .listbox .list .words{font-size: 14px;padding-left: 10px; width: calc(100% - 22px); width: -ms-calc(100% - 22px); width: -o-calc(100% - 22px); width: -moz-calc(100% - 22px); width: -webkit-calc(100% - 22px);} .lxwm_section2 ul li .boxs .listbox .list:nth-child(odd){width: 42%;} .lxwm_section2 ul li .boxs .listbox .list:nth-child(even){width: 58%;} } @media screen and (max-width:1280px) { .lxwm_section2{;padding-bottom: 40px;} .lxwm_section2 h2{font-size: 18px;margin-bottom: 16px;} .lxwm_section2 ul{margin: -8px; width: calc(100% + 16px); width: -ms-calc(100% + 16px); width: -o-calc(100% + 16px); width: -moz-calc(100% + 16px); width: -webkit-calc(100% + 16px);} .lxwm_section2 ul li{padding: 8px;} .lxwm_section2 ul li .tit{font-size: 16px;line-height: 20px;margin-bottom: 10px;} .lxwm_section2 ul li .boxs{padding: 14px;} .lxwm_section2 ul li .boxs .lxr{font-size: 14px;margin-bottom: 10px;} .lxwm_section2 ul li .boxs .listbox .list .ico{width: 18px;height: 18px;} .lxwm_section2 ul li .boxs .listbox .list .words{font-size: 12px;padding-left: 8px; width: calc(100% - 20px); width: -ms-calc(100% - 20px); width: -o-calc(100% - 20px); width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px);} } @media screen and (max-width:1024px) { .lxwm_section2{padding-bottom: 30px;} .lxwm_section2 h2{font-size: 18px;line-height: 24px;margin-bottom: 14px;} .lxwm_section2 ul{margin: -6px 0;width: 100%;} .lxwm_section2 ul li{width: 100%;padding: 6px 0;} .lxwm_section2 ul li .tit{font-size: 16px;line-height: 20px;margin-bottom: 12px;} .lxwm_section2 ul li .boxs{padding: 14px;} .lxwm_section2 ul li .boxs .lxr{font-size: 16px;line-height: 20px;margin-bottom: 10px;} .lxwm_section2 ul li .boxs .listbox{margin: -5px 0;width: 100%;} .lxwm_section2 ul li .boxs .listbox .list{;padding: 5px 0;} .lxwm_section2 ul li .boxs .listbox .list .ico{width: 20px;height: 20px;} .lxwm_section2 ul li .boxs .listbox .list .words{font-size: 14px;padding-left: 8px; width: calc(100% - 22px); width: -ms-calc(100% - 22px); width: -o-calc(100% - 22px); width: -moz-calc(100% - 22px); width: -webkit-calc(100% - 22px);} .lxwm_section2 ul li .boxs .listbox .list:nth-child(odd){width: 100%;} .lxwm_section2 ul li .boxs .listbox .list:nth-child(even){width: 100%;} } /*人才招聘*/ .rczp_section1 h2{font-size: 24px;color: #333333;line-height: 28px;margin-bottom: 70px;font-weight: bolder;text-align: center;} .rczp_section1{width: 100%;padding-top: 78px;padding-bottom: 78px;} .rczp_section1 .top{width: 100%;overflow: hidden;margin-bottom: 32px;} .rczp_section1 .top .list{font-size: 18px;color: #333333;line-height: 24px;float: left;font-weight: bold;} .rczp_section1 .top .list1{width: 22.3%;padding-left: 20px;} .rczp_section1 .top .list2{width: 20.61%;} .rczp_section1 .top .list3{width: 17.69%;padding-left: 22px;} .rczp_section1 .top .list4{width: 20.46%;} .rczp_section1 .top .list5{width: 18.94%;padding-left: 10px;} .rczp_section1 ul{width: 100%;margin-bottom: 80px;border-top: 1px solid #dddddd;} .rczp_section1 ul li{width: 100%;border-bottom: 1px solid #dddddd;} .rczp_section1 ul li ._t{width: 100%;overflow: hidden;cursor: pointer;position: relative;} .rczp_section1 ul li.on ._t{background: #8c8c8c;} .rczp_section1 ul li ._t .list{font-size: 16px;color: #666666;line-height: 96px;float: left;} .rczp_section1 ul li.on ._t .list{color: #fff;} .rczp_section1 ul li ._t .list1{width: 22.3%;font-weight: bolder;padding-left: 20px;color: #333;} .rczp_section1 ul li ._t .list2{width: 20.61%;padding-left: 30px;} .rczp_section1 ul li ._t .list3{width: 17.69%;} .rczp_section1 ul li ._t .list4{width: 20.46%;padding-left: 8px;} .rczp_section1 ul li ._t .list5{width: 18.94%;} .rczp_section1 ul li ._t .posi{font-size: 40px;color: #ee9d06;position: absolute;right: 10px;top: 50%;line-height: 24px; transform: translate(0,-50%); -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -o-transform: translate(0,-50%);} .rczp_section1 ul li.on ._t .posi{color: #fff;} .rczp_section1 ul li ._b{width: 100%;padding: 54px 50px 76px 50px;background-color: #f5f5f5;display: none;} .rczp_section1 ul li ._b .info{font-size: 16px;color: #666666;line-height: 30px;} .rczp_section1 ul li ._b .info span{font-weight: bolder;} .rczp_section1 ul li ._b .more{margin-top: 60px;} .rczp_section1 ul li ._b .more a{display: block;width: 180px;line-height: 48px;font-size: 18px;color: #ffffff;text-align: center;background-color: #ee9d06;} .rczp_section1 ul li ._b .more a:hover{opacity: 0.6;} @media screen and (max-width:1600px) { .rczp_section1 h2{font-size: 20px;line-height: 24px;margin-bottom: 40px;} .rczp_section1{padding-top: 60px;padding-bottom: 60px;} .rczp_section1 .top{margin-bottom: 20px;} .rczp_section1 .top .list{font-size: 16px;line-height: 20px;} .rczp_section1 .top .list1{width: 22%;padding-left: 20px;} .rczp_section1 .top .list2{width: 21%;} .rczp_section1 .top .list3{width: 18%;padding-left: 22px;} .rczp_section1 .top .list4{width: 20%;} .rczp_section1 .top .list5{width: 19%;padding-left: 6px;} .rczp_section1 ul{margin-bottom: 30px;} .rczp_section1 ul li{width: 100%;border-bottom: 1px solid #dddddd;} .rczp_section1 ul li ._t .list{font-size: 14px;line-height: 60px;} .rczp_section1 ul li ._t .list1{width: 22%;padding-left: 20px;} .rczp_section1 ul li ._t .list2{width: 21%;padding-left: 28px;} .rczp_section1 ul li ._t .list3{width: 18%;} .rczp_section1 ul li ._t .list4{width: 20%;padding-left: 6px;} .rczp_section1 ul li ._t .list5{width: 19%;} .rczp_section1 ul li ._t .posi{font-size: 30px;} .rczp_section1 ul li ._b{padding: 30px;} .rczp_section1 ul li ._b .info{font-size: 14px;line-height: 24px;} .rczp_section1 ul li ._b .more{margin-top: 30px;} .rczp_section1 ul li ._b .more a{width: 140px;line-height: 36px;font-size: 16px;} } @media screen and (max-width:1280px) { .rczp_section1 h2{font-size: 18px;line-height: 24px;margin-bottom: 30px;} .rczp_section1{padding-top: 40px;padding-bottom: 40px;} .rczp_section1 .top{margin-bottom: 16px;} .rczp_section1 .top .list{font-size: 14px;} .rczp_section1 .top .list1{padding-left: 20px;} .rczp_section1 .top .list3{padding-left: 16px;} .rczp_section1 .top .list5{padding-left: 4px;} .rczp_section1 ul li ._t .list{font-size: 12px;line-height: 40px;} .rczp_section1 ul li ._t .list1{padding-left: 20px;} .rczp_section1 ul li ._t .list2{padding-left: 28px;} .rczp_section1 ul li ._t .list4{padding-left: 4px;} .rczp_section1 ul li ._t .posi{font-size: 26px;} .rczp_section1 ul li ._b{padding: 16px;} .rczp_section1 ul li ._b .info{font-size: 12px;line-height: 20px;} .rczp_section1 ul li ._b .more{margin-top: 16px;} .rczp_section1 ul li ._b .more a{width: 120px;line-height: 32px;font-size: 14px;} } @media screen and (max-width:1024px) { .rczp_section1 h2{font-size: 18px;line-height: 24px;margin-bottom: 24px;} .rczp_section1{padding-top: 30px;padding-bottom: 30px;} .rczp_section1 .top{margin-bottom: 14px;} .rczp_section1 .top .list{font-size: 14px;line-height: 20px;text-align: center;} .rczp_section1 .top .list1{width: 33.333%;padding-left: 0;} .rczp_section1 .top .list2{width: 33.333%;} .rczp_section1 .top .list3{width: 33.333%;padding-left: 0;} .rczp_section1 .top .list4{display: none;} .rczp_section1 .top .list5{display: none;} .rczp_section1 ul{margin-bottom: 16px;} .rczp_section1 ul li{width: 100%;border-bottom: 1px solid #dddddd;} .rczp_section1 ul li ._t{padding-right: 20px;} .rczp_section1 ul li ._t .list{font-size: 14px;;line-height: 36px;text-align: center;} .rczp_section1 ul li ._t .list1{width: 33.333%;padding-left: 0;} .rczp_section1 ul li ._t .list2{width: 33.333%;padding-left: 0;} .rczp_section1 ul li ._t .list3{width: 33.333%;} .rczp_section1 ul li ._t .list4{display: none;} .rczp_section1 ul li ._t .list5{display: none;} .rczp_section1 ul li ._b{padding: 16px;;} .rczp_section1 ul li ._b .info{font-size: 14px;line-height: 20px;} .rczp_section1 ul li ._b .more{margin-top: 12px;} .rczp_section1 ul li ._b .more a{width: 90px;line-height: 34px;font-size: 14px;} .rczp_section1 ul li ._b .boxs{display: block!important;font-size: 14px;color: #666;font-weight: bold;margin-top: 14px;line-height: 24px;} } .rczp_section2{width: 100%;padding-bottom: 100px;} .rczp_section2 .content{width: 100%;padding: 54px 66px 40px 66px;position: relative;} .rczp_section2 .content::after{content: "";display: block;width: 100%;height: 100%;background: #999;opacity: 0.4;position: absolute;left: 0;top: 0;z-index: 1;} .rczp_section2 .content .tit{font-size: 34px;color: #ffffff;line-height: 38px;font-weight: bolder;position: relative;z-index: 2;} .rczp_section2 .content .border{width: 48px;height: 2px;background-color: #fff;margin:32px 0 40px 0;position: relative;z-index: 2;} .rczp_section2 .content .tit2{font-size: 24px;color: #ffffff;line-height: 28px;margin-bottom: 20px;position: relative;z-index: 2;} .rczp_section2 .content .info{font-size: 16px;color: #ffffff;line-height: 48px;position: relative;z-index: 2;} .rczp_section2 .content .info a{color: #ffffff;} @media screen and (max-width:1600px) { .rczp_section2{padding-bottom: 60px;} .rczp_section2 .content{padding: 40px;} .rczp_section2 .content .tit{font-size: 22px;line-height: 28px;} .rczp_section2 .content .border{width: 36px;;margin: 24px 0;} .rczp_section2 .content .tit2{font-size: 18px;line-height: 24px;margin-bottom: 16px;} .rczp_section2 .content .info{font-size: 14px;line-height: 30px;} } @media screen and (max-width:1280px) { .rczp_section2{padding-bottom: 40px;} .rczp_section2 .content{padding: 30px;} .rczp_section2 .content .tit{font-size: 20px;line-height: 24px;} .rczp_section2 .content .border{width: 30px;;margin: 20px 0;} .rczp_section2 .content .tit2{font-size: 16px;line-height: 22px;margin-bottom: 14px;} .rczp_section2 .content .info{font-size: 12px;line-height: 26px;} } @media screen and (max-width:1024px) { .rczp_section2{;padding-bottom: 30px;} .rczp_section2 .content{padding: 14px;} .rczp_section2 .content .tit{font-size: 18px;line-height: 24px;} .rczp_section2 .content .border{width: 30px;margin:12px 0;} .rczp_section2 .content .tit2{font-size: 16px;line-height: 20px;margin-bottom: 10px;} .rczp_section2 .content .info{font-size: 14px;line-height: 24px;} } .pagecon.xwxq_section .content .left{width:100%; padding-right:0;} .pagecon.xwxq_section .content .left .info{border:0; padding:0; margin:0;} .sitemap{ width:100%;float:left;} .sitemap li{border-bottom:1px dashed #d2d2d2; padding:7px 0; float:left; line-height:40px;width:98%; padding-left:2%; } .sitemap li a{ margin-right:10px;font-size:12px; float:left; white-space: nowrap; font-size:14px;} .sitemap li a:hover{color:#ee9d06;} .sitemap li .font16{ font-size:16px; /*color:#135fb1*/} .sitemap li .font14{font-size:14px; } .sitemap li .font12{ font-size:12px; color:#999} ._search{ background:url(../cn/img/ico56.jpg) center repeat; width:100%; overflow:hidden;} ._search .title{ float:left; width:100%; color:#333333; font-size:16px; line-height:26px;} ._search .list{ float:left; width:100%; margin-top:25px;} ._search .list li{ float:left; width:100%; border-bottom:1px solid rgba(0,0,0,0.1); padding:25px 0; position:relative; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } ._search .list li:after{ float:left; position:absolute; right:20px; top:50%; margin-top:-7px; content:''; width:22px; height:15px; background:url(../cn/img/ico57.png) right center no-repeat;} ._search .list li .tit{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px; font-weight:bold;} ._search .list li .info{ float:left; width:100%; color:#555555; font-size:16px; line-height:26px; margin-top:10px;} ._search .list li .info a{ color:#555555;} ._search .list li .info a:hover{color:#ee9d06;} .xwxq_section._search .content .left .info img{width:auto; margin:0 auto;} ._search .list li:hover{ background:#f2f2f2; padding:25px 20px;} ._search .list li:hover:after{ background:url(../cn/img/ico58.png) right center no-repeat;} ._search .list li:hover .tit{ color:#ee9d06;} ._search .img{ float:left; width:100%; margin-top:22px; line-height:0; text-align:center;} ._search .cont{ float:left; width:100%; margin-bottom:22px; color:#1b1b1b; color:rgba(27,27,27,0.5); font-size:24px; line-height:28px; text-align:center;} @media screen and (max-width:1024px){ ._search{} ._search .list{ margin-top:10px;} ._search .list li{ padding:15px 0;} ._search .list li:after{ right:12px; width:15px;} ._search .list li .tit{ font-size:16px; line-height:26px; } ._search .list li .info{ font-size:14px; line-height:24px; margin-top:2px;} ._search .list li:hover{ padding:15px 12px;} ._search .cont{ font-size:18px; line-height:22px;} } .cpzx_section .titbox{width: 100%;margin-bottom: 56px; display:none;} .cpzx_section .titbox h2{font-size: 36px;color: #333333;line-height: 40px;margin-bottom: 14px;font-weight: bolder;text-align: center;} .cpzx_section .titbox .h3box{font-size: 0;text-align: center;width: 100%;} .cpzx_section .titbox .h3box .words{font-size: 18px;color: #666666;line-height: 22px;display: inline-block;vertical-align: middle;width: 268px;text-transform:uppercase;} .cpzx_section .titbox .h3box .border{display: inline-block;vertical-align: middle;height: 1px;background-color: #dddddd; width: calc(50% - 135px); width: -ms-calc(50% - 135px); width: -o-calc(50% - 135px); width: -moz-calc(50% - 135px); width: -webkit-calc(50% - 135px);} @media screen and (max-width:1024px) { .cpzx_section .titbox{margin-bottom: 14px; display:block;} .cpzx_section .titbox h2{font-size: 18px;line-height: 24px;margin-bottom: 10px;} .cpzx_section .titbox .h3box .words{font-size: 14px;line-height: 20px;width: 200px;} .cpzx_section .titbox .h3box .border{height: 1px; width: calc(50% - 102px); width: -ms-calc(50% - 102px); width: -o-calc(50% - 102px); width: -moz-calc(50% - 102px); width: -webkit-calc(50% - 102px);} } .imgPop{ display: none; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); position: fixed; top: 0; left: 0; z-index: 999999;} .imgPop2{ min-height: 100px; height: 80%; /*overflow: hidden;*/ width: 55.5%; left: 22.25%; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);} .imgPop2 .tp{ display: block; width: 100%; margin: 15px auto; height:100%; position:relative;} .imgPop2 .tp img{width:auto; max-width:100%; max-height:100%; display:block; margin:0 auto; position:absolute; left:50%; top:50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .imgPop2 .close2{ width: 36px; height: 36px; background: url(/theme/cn/img/close.png) no-repeat center; background-size: cover; position: absolute; top: -37px; right: 0;} @media screen and (max-width:991px){ .imgPop2{ width: 80%; left: 10%; height:60%;} .imgPop2 .tp{ width: 80%; margin: 5px auto;} .imgPop2 .close2{ width: 25px; height: 25px; top:-26px;} }