/*通用*/ /*效果过渡*/ ._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_1720{ max-width:1720px; margin-right: auto; margin-left: auto;} .w_1600{ max-width:1600px; margin-right: auto; margin-left: auto;} /*两边距离*/ .w_width{padding-left: 120px;padding-right: 120px;position: relative;z-index: 10;} .w_widths{padding-left: 40px;padding-right: 40px;} @media screen and (max-width: 1040px){ .w_width{padding-left: 15px;padding-right: 15px;} .w_widths{padding-left: 15px;padding-right: 15px;} } /*顶部导航*/ body.on{overflow: hidden;height: 100vh;} .wyb_s{position: fixed;top: 0;left: 0;z-index: 20;width: 100%;} .wyb_s.on{background-color: rgba(0,0,0,0.6);} .t_navs{ width: 100%;border-bottom: 1px solid rgba(255,255,255,0.4);} .wyb_s.on .t_navs{border-bottom: 1px solid #c1141a;} .t_navs::after{content: "";display: block;clear: both;} /*正常屏幕显示*/ .t_navs .top{ width: 100%; float: left; position: relative;} /*logo*/ .t_navs .top .logo{ margin: 19px 0; line-height: 0; float: left; 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 .t_navs .top .logo{margin: 6px 0;} .t_navs .top .logo img{ width: auto; height: 52px; 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{ 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 12px;} .t_navs .top .menu .nli span a{ display: block;color: #ffffff; position: relative;padding: 33px 20px;font-size: 18px; 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 .t_navs .top .menu .nli span a{padding: 20px 20px;} /*鼠标经过样式*/ .t_navs .top .menu .nli.on span a,.t_navs .top .menu .nli:hover span a{ color: #c1141a;} .t_navs .top .menu .nli.on span a::after,.t_navs .top .menu .nli:hover span a::after{ content: ""; display: block;width: 6px;height: 6px;border-radius: 100%;background-color: #c1141a;position: absolute;left: 50%;bottom: -1px; 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 .sub{ display: none; position: absolute; width: 132px; top:101%; left: 50%; background: #ffffff; z-index: 4;border-radius: 0 0 10px 10px;box-shadow: 0 0 14px rgba(0,0,0,0.1);padding: 6px 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 .sub .l2{ width: 100%;padding: 10px 0;text-align: center;font-size: 16px;line-height: 20px;} .t_navs .top .sub .l2 a{ display: block; color: #333333; } .t_navs .top .sub .l2 a:hover{ color: #c1141a;} /*电话*/ .t_navs .top .menu .phone{float: left;font-size: 0;padding: 32px 0;margin-left: 18px; 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 .t_navs .top .menu .phone{padding: 19px 0;} .t_navs .top .menu .phone .ico{width: 24px;height: 24px;display: inline-block;vertical-align: middle;margin-right: 8px;} .t_navs .top .menu .phone .words{font-size: 18px;color: #ffffff;line-height: 24px;display: inline-block;vertical-align: middle;} .t_navs .top .menu .phone .words span{font-size: 20px;} /*搜索*/ .t_navs .top .menu .search{float: left;position: relative;} .t_navs .top .menu .search ._t{padding: 36px 0;padding-left: 32px;margin-left: 26px;position: relative; 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 .t_navs .top .menu .search ._t{padding: 23px 0;padding-left: 32px;} .t_navs .top .menu .search ._t::after{content: "";display: block;width: 1px;height: 20px;background-color: rgba(255,255,255,0.37);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%);} .t_navs .top .menu .search ._t .ico{width: 18px;height: 18px;cursor: pointer;} .t_navs .top .menu .search ._b{position: absolute;top: 110%;right: 0;width: 240px;display: none;} .t_navs .top .menu .search ._b .inputbox{width: 100%;height: 36px;position: relative;padding: 0 40px 0 12px;background-color: #fff;border: 1px solid #c1141a;} .t_navs .top .menu .search ._b .inputbox input{width: 100%;height: 100%;font-size: 16px;color: #333;} .t_navs .top .menu .search ._b .inputbox .ico{width: 18px;height: 18px;position: absolute;right: 8px;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 .menuph{ display: none;} .t_navs .xialaph{ display: none;} @media screen and (max-width:1690px) { /*logo*/ .t_navs .top .logo{ margin: 12px 0;} .wyb_s.on .t_navs .top .logo{margin: 6px 0;} .t_navs .top .logo img{ width: auto; height: 52px;} .wyb_s.on .t_navs .top .logo img{ width: auto; height: 40px;} /*一级导航*/ .t_navs .top .menu .nli{padding: 0;} .wyb_s.on .t_navs .top .menu .nli{padding: 0;} .t_navs .top .menu .nli span a{ padding: 28px 12px;font-size: 16px;} .wyb_s.on .t_navs .top .menu .nli span a{padding: 20px 12px;} /*二级导航*/ .t_navs .top .sub{width: 120px;} .t_navs .top .sub .l2{padding: 8px 0;font-size: 14px;line-height: 18px;} /*电话*/ .t_navs .top .menu .phone{padding: 28px 0;margin-left: 8px;} .wyb_s.on .t_navs .top .menu .phone{padding: 19px 0;} .t_navs .top .menu .phone .ico{width: 20px;height: 20px;margin-right: 8px;} .t_navs .top .menu .phone .words{font-size: 16px;line-height: 20px;} .t_navs .top .menu .phone .words span{font-size: 18px;} /*搜索*/ .t_navs .top .menu .search ._t{padding: 29px 0;padding-left: 16px;margin-left: 15px;} .wyb_s.on .t_navs .top .menu .search ._t{padding: 21px 0;padding-left: 16px;} .t_navs .top .menu .search ._t::after{height: 20px;} .t_navs .top .menu .search ._t .ico{width: 18px;height: 18px;} .t_navs .top .menu .search ._b{width: 240px;} .t_navs .top .menu .search ._b .inputbox{height: 36px;padding: 0 40px 0 12px;} .t_navs .top .menu .search ._b .inputbox input{font-size: 16px;} .t_navs .top .menu .search ._b .inputbox .ico{width: 18px;height: 18px;right: 8px;} } @media screen and (max-width:1280px) { /*logo*/ .t_navs .top .logo img{height: 46px;} .wyb_s.on .t_navs .top .logo img{height: 40px;} /*一级导航*/ .t_navs .top .menu .nli span a{ padding: 26px 12px;font-size: 14px;} .wyb_s.on .t_navs .top .menu .nli span a{padding: 17px 12px;} /*二级导航*/ .t_navs .top .sub{width: 100px;} .t_navs .top .sub .l2{padding: 6px 0;font-size: 12px;line-height: 18px;} /*电话*/ .t_navs .top .menu .phone{padding: 25px 0;margin-left: 8px;} .wyb_s.on .t_navs .top .menu .phone{padding: 16px 0;} .t_navs .top .menu .phone .ico{width: 18px;height: 18px;margin-right: 4px;} .t_navs .top .menu .phone .words{font-size: 14px;line-height: 18px;} .t_navs .top .menu .phone .words span{font-size: 16px;} /*搜索*/ .t_navs .top .menu .search ._t{padding: 26px 0;padding-left: 16px;margin-left: 15px;} .wyb_s.on .t_navs .top .menu .search ._t{padding: 17px 0;padding-left: 16px;} .t_navs .top .menu .search ._t::after{height: 20px;} .t_navs .top .menu .search ._t .ico{width: 18px;height: 18px;} .t_navs .top .menu .search ._b{width: 240px;} .t_navs .top .menu .search ._b .inputbox{height: 36px;padding: 0 40px 0 12px;} .t_navs .top .menu .search ._b .inputbox input{font-size: 16px;} .t_navs .top .menu .search ._b .inputbox .ico{width: 18px;height: 18px;right: 8px;} } @media screen and (max-width:1140px) { .t_navs .top .menu .nli span a{ padding: 26px 5px;} .wyb_s.on .t_navs .top .menu .nli span a{padding: 17px 5px;} } @media screen and (max-width:1024px) { /*电脑端导航隐藏*/ .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: #c1141a;} /*logo*/ .t_navs .top .logo{ margin: 8px 0;} .t_navs .top .logo img{ height: 34px;} /*右侧三条杠*/ .t_navs .menuph{ float: right; width: 28px; height: 22px; cursor: pointer; text-align: center; margin: 14px 0;} .t_navs .menuph .point { display: inline-block; width: 28px; 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: 28px;} .t_navs .menuph .navbtn { position: absolute; top: 10px; right: 0; display: inline-block; width: 21px; height: 2px; background: #fff; -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: 28px; height: 2px; content: ''; background: #fff; -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: -11px;} .t_navs .menuph .navbtn::before { top: 11px;} .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: 46px 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: #c1141a;} .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: #c1141a;} .t_navs .xialaph .ul3 li{ padding-top: 5px;} .t_navs .xialaph .ul3 li:first-child{ padding-top: 0;} /*二级三级导航箭头*/ .t_navs .img_d, .t_navs .disno{ display: none;} } /*底导航*/ .bottomnav{width: 100%;} .bottomnav .top{width: 100%;padding-top: 46px;padding-bottom: 56px;border-bottom: 1px solid rgba(255,255,255,0.27);} .bottomnav .top::after{content: "";display: block;clear: both;} .bottomnav .top .left{width: 54.25%;float: left;padding-right: 96px;} .bottomnav .top .left .logo{width: 100%;padding-bottom: 35px;margin-bottom: 52px;border-bottom: 1px solid rgba(255,255,255,0.36);} .bottomnav .top .left .logo img{max-width: 100%;display: block;} .bottomnav .top .left .cont{width: 100%;overflow: hidden;} .bottomnav .top .left .cont .listbox{float: left; width: calc(100% - 290px); width: -ms-calc(100% - 290px); width: -o-calc(100% - 290px); width: -moz-calc(100% - 290px); width: -webkit-calc(100% - 290px);} .bottomnav .top .left .cont .listbox .list{width: 100%;font-size: 0;margin-bottom: 52px;} .bottomnav .top .left .cont .listbox .list:last-child{margin-bottom: 0;} .bottomnav .top .left .cont .listbox .list .ico{width: 30px;height: 30px;display: inline-block;vertical-align: middle;} .bottomnav .top .left .cont .listbox .list .words{font-size: 16px;color: #ffffff;line-height: 20px;padding-left: 26px;display: inline-block;vertical-align: middle; width: calc(100% - 32px); width: -ms-calc(100% - 32px); width: -o-calc(100% - 32px); width: -moz-calc(100% - 32px); width: -webkit-calc(100% - 32px);} .bottomnav .top .left .cont .ewmboxs{float: left;width: 290px;} .bottomnav .top .left .cont .ewmboxs .ewmscon{margin: 0 -13.5px;overflow: hidden; width: calc(100% + 27px); width: -ms-calc(100% + 27px); width: -o-calc(100% + 27px); width: -moz-calc(100% + 27px); width: -webkit-calc(100% + 27px);} .bottomnav .top .left .cont .ewmboxs .ewmscon .ewms{width: 50%;float: left;padding: 0 13.5px;} .bottomnav .top .left .cont .ewmboxs .ewmscon .ewms .pic{ padding-bottom: 100%; position: relative; overflow: hidden;} .bottomnav .top .left .cont .ewmboxs .ewmscon .ewms .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%);} .bottomnav .top .left .cont .ewmboxs .ewmscon .ewms .words{font-size: 16px;color: #ffffff;line-height: 20px;text-align: center;margin-top: 18px;} .bottomnav .top .right{width: 45.75%;float: right;} .bottomnav .top .right .inputbox{margin: -13px -7px; width: calc(100% + 14px); width: -ms-calc(100% + 14px); width: -o-calc(100% + 14px); width: -moz-calc(100% + 14px); width: -webkit-calc(100% + 14px);} .bottomnav .top .right .inputbox::after{content: "";display: block;clear: both;} .bottomnav .top .right .inputbox .inputs{width: 50%;float: left;padding: 13px 7px;} .bottomnav .top .right .inputbox .inputs .input{width: 100%;height: 44px;border: 1px solid rgba(255,255,255,0.24);border-radius: 4px;padding: 0 16px;} .bottomnav .top .right .inputbox .inputs .input input{width: 100%;height: 100%;background-color: rgba(255,255,255,0);font-size: 16px;color: #ffffff;} .bottomnav .top .right .inputbox .inputs .input input::-webkit-input-placeholder{color:#fff;font-size:16px;} .bottomnav .top .right .inputbox .inputs .input input:-moz-placeholder{color:#fff;font-size:16px;} .bottomnav .top .right .inputbox .inputs .input input::moz-placeholder{color:#fff;font-size:16px;} .bottomnav .top .right .inputbox .inputs .input input:-ms-input-placeholder{color:#fff;font-size:16px;} .bottomnav .top .right .inputbox .inputs .xlbox{width: 100%;position: relative;border: 1px solid rgba(255,255,255,0.24);border-radius: 4px;padding: 0 16px;} .bottomnav .top .right .inputbox .inputs .xlbox ._t{width: 100%;overflow: hidden;cursor: pointer;} .bottomnav .top .right .inputbox .inputs .xlbox ._t .words1{float: left;font-size: 16px;color: #fff;line-height: 42px;} .bottomnav .top .right .inputbox .inputs .xlbox ._t .words2{float: left;font-size: 16px;color: #fff;line-height: 42px;margin-left: 30px;} .bottomnav .top .right .inputbox .inputs .xlbox ._t .ico{float: right;width: 10px;height: 10px;border-bottom: 2px solid #9ea3a7;border-right: 2px solid #9ea3a7;margin-right: 4px;margin-top: 12px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); 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;} .bottomnav .top .right .inputbox .inputs .xlbox ._t.on .ico{margin-top: 16px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg);} .bottomnav .top .right .inputbox .inputs .xlbox ._b{width: 100%;position: absolute;left: 0;top: 124%;background-color: #fff;display: none;} .bottomnav .top .right .inputbox .inputs .xlbox ._b a{display: block;width: 100%;font-size: 16px;color: #555;text-align: center;padding: 6px;} .bottomnav .top .right .inputbox .inputs .xlbox ._b a:hover{color: #c1141a;} .bottomnav .top .right .textbox{width: 100%;margin-top: 26px;margin-bottom: 44px;height: 117px;border: 1px solid rgba(255,255,255,0.24);border-radius: 4px;padding: 20px 16px 10px 16px;} .bottomnav .top .right .textbox textarea{width: 100%;height: 100%;background-color: rgba(255,255,255,0);border-color: rgba(255,255,255,0);font-size: 16px;color: #ffffff;} .bottomnav .top .right .textbox textarea::-webkit-input-placeholder{color:#fff;font-size:16px;} .bottomnav .top .right .textbox textarea:-moz-placeholder{color:#fff;font-size:16px;} .bottomnav .top .right .textbox textarea::moz-placeholder{color:#fff;font-size:16px;} .bottomnav .top .right .textbox textarea:-ms-input-placeholder{color:#fff;font-size:16px;} .bottomnav .top .right .yzmbox{width: 100%;overflow: hidden;} .bottomnav .top .right .yzmbox .yzm{width: 48.78%;float: left;position: relative;padding: 0 120px 0 7px;height: 55px;border-bottom: 1px solid #6f6f70;} .bottomnav .top .right .yzmbox .yzm input{width: 100%;height: 100%;background-color: rgba(255,255,255,0);font-size: 16px;color: #fff;} .bottomnav .top .right .yzmbox .yzm input::-webkit-input-placeholder{color:#fff;font-size:16px;} .bottomnav .top .right .yzmbox .yzm input:-moz-placeholder{color:#fff;font-size:16px;} .bottomnav .top .right .yzmbox .yzm input::moz-placeholder{color:#fff;font-size:16px;} .bottomnav .top .right .yzmbox .yzm input:-ms-input-placeholder{color:#fff;font-size:16px;} .bottomnav .top .right .yzmbox .yzm .pic{width: 113px;height: 54px;position: absolute;right: 0;top: 0;} .bottomnav .top .right .yzmbox .button{width: 51.22%;float: left;padding-left: 16px;} .bottomnav .top .right .yzmbox .button button{width: 100%;display: block;background-color: #c1141a;border-radius: 4px;height: 56px;font-size: 18px;color: #fff;} .bottomnav .top .right .yzmbox .button button:hover{opacity: 0.6;} .bottomnav .bottom{width: 100%;padding-top: 18px;padding-bottom: 18px;} .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;} .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 34px;} .bottomnav .bottom .right .firend{float: left;width: 234px;margin-left: 48px;position: relative; display:none;} .bottomnav .bottom .right .firend ._t{width: 100%;padding: 0 20px 0 48px;background-color: rgba(255,255,255,0.1);overflow: hidden;cursor: pointer;} .bottomnav .bottom .right .firend ._t .words{float: left;font-size: 16px;color: rgba(255,255,255,0.6);line-height: 38px;} .bottomnav .bottom .right .firend ._t .ico{float: right;width: 10px;height: 10px;border-bottom: 2px solid #9ea3a7;border-right: 2px solid #9ea3a7;margin-right: 4px;margin-top: 12px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); 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;} .bottomnav .bottom .right .firend ._t.on .ico{margin-top: 16px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg);} .bottomnav .bottom .right .firend ._b{background-color: #fff;position: absolute;left: 0;bottom: 120%;width: 100%;display: none;} .bottomnav .bottom .right .firend ._b a{display: block;width: 100%;font-size: 16px;color: #333;padding: 6px;text-align: center;} .bottomnav .bottom .right .firend ._b a:hover{color: #c1141a;} @media screen and (max-width:1600px) { .bottomnav .top{padding-top: 40px;padding-bottom: 40px;} .bottomnav .top .left{width: 54%;padding-right: 40px;} .bottomnav .top .left .logo{padding-bottom: 30px;margin-bottom: 40px;} .bottomnav .top .left .logo img{height: 60px;} .bottomnav .top .left .cont .listbox{ width: calc(100% - 180px); width: -ms-calc(100% - 180px); width: -o-calc(100% - 180px); width: -moz-calc(100% - 180px); width: -webkit-calc(100% - 180px);} .bottomnav .top .left .cont .listbox .list{margin-bottom: 30px;} .bottomnav .top .left .cont .listbox .list .ico{width: 24px;height: 24px;} .bottomnav .top .left .cont .listbox .list .words{font-size: 14px;line-height: 20px;padding-left: 16px; width: calc(100% - 26px); width: -ms-calc(100% - 26px); width: -o-calc(100% - 26px); width: -moz-calc(100% - 26px); width: -webkit-calc(100% - 26px);} .bottomnav .top .left .cont .ewmboxs{width: 180px;} .bottomnav .top .left .cont .ewmboxs .ewmscon{margin: 0 -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);} .bottomnav .top .left .cont .ewmboxs .ewmscon .ewms{padding: 0 8px;} .bottomnav .top .left .cont .ewmboxs .ewmscon .ewms .words{font-size: 14px;line-height: 18px;margin-top: 10px;} .bottomnav .top .right{width: 46%;} .bottomnav .top .right .inputbox{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);} .bottomnav .top .right .inputbox .inputs{padding: 6px;} .bottomnav .top .right .inputbox .inputs .input{height: 36px;padding: 0 12px;} .bottomnav .top .right .inputbox .inputs .input input{font-size: 14px;} .bottomnav .top .right .inputbox .inputs .input input::-webkit-input-placeholder{font-size:14px;} .bottomnav .top .right .inputbox .inputs .input input:-moz-placeholder{font-size:14px;} .bottomnav .top .right .inputbox .inputs .input input::moz-placeholder{font-size:14px;} .bottomnav .top .right .inputbox .inputs .input input:-ms-input-placeholder{font-size:14px;} .bottomnav .top .right .inputbox .inputs .xlbox{padding: 0 12px;} .bottomnav .top .right .inputbox .inputs .xlbox ._t .words1{font-size: 14px;line-height: 36px;} .bottomnav .top .right .inputbox .inputs .xlbox ._t .words2{font-size: 14px;line-height: 36px;margin-left: 14px;} .bottomnav .top .right .inputbox .inputs .xlbox ._t .ico{width: 8px;height: 8px;} .bottomnav .top .right .inputbox .inputs .xlbox ._b{top: 114%;} .bottomnav .top .right .inputbox .inputs .xlbox ._b a{font-size: 14px;padding: 4px;} .bottomnav .top .right .textbox{margin-top: 12px;margin-bottom: 20px;height: 100px;padding: 14px 12px 10px 12px;} .bottomnav .top .right .textbox textarea{font-size: 14px;} .bottomnav .top .right .textbox textarea::-webkit-input-placeholder{font-size:14px;} .bottomnav .top .right .textbox textarea:-moz-placeholder{font-size:14px;} .bottomnav .top .right .textbox textarea::moz-placeholder{font-size:14px;} .bottomnav .top .right .textbox textarea:-ms-input-placeholder{font-size:14px;} .bottomnav .top .right .yzmbox .yzm{padding: 0 90px 0 6px;height: 38px;} .bottomnav .top .right .yzmbox .yzm input{font-size: 14px;} .bottomnav .top .right .yzmbox .yzm input::-webkit-input-placeholder{font-size:14px;} .bottomnav .top .right .yzmbox .yzm input:-moz-placeholder{font-size:14px;} .bottomnav .top .right .yzmbox .yzm input::moz-placeholder{font-size:14px;} .bottomnav .top .right .yzmbox .yzm input:-ms-input-placeholder{font-size:14px;} .bottomnav .top .right .yzmbox .yzm .pic{width: 80px;height: 37px;} .bottomnav .top .right .yzmbox .button{padding-left: 10px;} .bottomnav .top .right .yzmbox .button button{height: 38px;font-size: 14px;} .bottomnav .bottom{padding-top: 14px;padding-bottom: 14px;} .bottomnav .bottom .left{font-size: 14px;line-height: 32px;} .bottomnav .bottom .right .abox a{font-size: 14px;line-height: 32px;} .bottomnav .bottom .right .abox span{font-size: 14px;line-height: 32px;margin: 0 16px;} .bottomnav .bottom .right .firend{width: 160px;margin-left: 16px;} .bottomnav .bottom .right .firend ._t{padding: 0 14px 0 20px;} .bottomnav .bottom .right .firend ._t .words{font-size: 14px;line-height: 32px;} .bottomnav .bottom .right .firend ._t .ico{width: 8px;height: 8px;} .bottomnav .bottom .right .firend ._b{bottom: 110%;} .bottomnav .bottom .right .firend ._b a{font-size: 14px;padding: 4px;} } @media screen and (max-width:1280px) { .bottomnav .top{padding-top: 30px;padding-bottom: 30px;} .bottomnav .top .left{padding-right: 30px;} .bottomnav .top .left .logo{padding-bottom: 18px;margin-bottom: 24px;} .bottomnav .top .left .logo img{height: 48px;} .bottomnav .top .left .cont .listbox{ width: calc(100% - 140px); width: -ms-calc(100% - 140px); width: -o-calc(100% - 140px); width: -moz-calc(100% - 140px); width: -webkit-calc(100% - 140px);} .bottomnav .top .left .cont .listbox .list{margin-bottom: 16px;} .bottomnav .top .left .cont .listbox .list .ico{width: 20px;height: 20px;} .bottomnav .top .left .cont .listbox .list .words{font-size: 12px;line-height: 18px;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);} .bottomnav .top .left .cont .ewmboxs{width: 140px;} .bottomnav .top .left .cont .ewmboxs .ewmscon{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);} .bottomnav .top .left .cont .ewmboxs .ewmscon .ewms{padding: 0 5px;} .bottomnav .top .left .cont .ewmboxs .ewmscon .ewms .words{font-size: 12px;line-height: 18px;margin-top: 8px;} .bottomnav .top .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);} .bottomnav .top .right .inputbox .inputs{padding: 5px;} .bottomnav .top .right .inputbox .inputs .input{height: 32px;padding: 0 10px;} .bottomnav .top .right .inputbox .inputs .input input{font-size: 12px;} .bottomnav .top .right .inputbox .inputs .input input::-webkit-input-placeholder{font-size:12px;} .bottomnav .top .right .inputbox .inputs .input input:-moz-placeholder{font-size:12px;} .bottomnav .top .right .inputbox .inputs .input input::moz-placeholder{font-size:12px;} .bottomnav .top .right .inputbox .inputs .input input:-ms-input-placeholder{font-size:12px;} .bottomnav .top .right .inputbox .inputs .xlbox{padding: 0 10px;} .bottomnav .top .right .inputbox .inputs .xlbox ._t .words1{font-size: 12px;line-height: 32px;} .bottomnav .top .right .inputbox .inputs .xlbox ._t .words2{font-size: 12px;line-height: 32px;margin-left: 10px;} .bottomnav .top .right .inputbox .inputs .xlbox ._b a{font-size: 12px;} .bottomnav .top .right .textbox{margin-top: 10px;margin-bottom: 16px;height: 80px;padding: 10px;} .bottomnav .top .right .textbox textarea{font-size: 12px;} .bottomnav .top .right .textbox textarea::-webkit-input-placeholder{font-size:12px;} .bottomnav .top .right .textbox textarea:-moz-placeholder{font-size:12px;} .bottomnav .top .right .textbox textarea::moz-placeholder{font-size:12px;} .bottomnav .top .right .textbox textarea:-ms-input-placeholder{font-size:12px;} .bottomnav .top .right .yzmbox .yzm{padding: 0 72px 0 6px;height: 32px;} .bottomnav .top .right .yzmbox .yzm input{font-size: 12px;} .bottomnav .top .right .yzmbox .yzm input::-webkit-input-placeholder{font-size:12px;} .bottomnav .top .right .yzmbox .yzm input:-moz-placeholder{font-size:12px;} .bottomnav .top .right .yzmbox .yzm input::moz-placeholder{font-size:12px;} .bottomnav .top .right .yzmbox .yzm input:-ms-input-placeholder{font-size:12px;} .bottomnav .top .right .yzmbox .yzm .pic{width: 65px;height: 31px;} .bottomnav .top .right .yzmbox .button{padding-left: 10px;} .bottomnav .top .right .yzmbox .button button{height: 32px;font-size: 12px;} .bottomnav .bottom{padding-top: 12px;padding-bottom: 12px;} .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 10px;} .bottomnav .bottom .right .firend{width: 140px;margin-left: 10px;} .bottomnav .bottom .right .firend ._t{padding: 0 12px;} .bottomnav .bottom .right .firend ._t .words{font-size: 12px;line-height: 30px;} .bottomnav .bottom .right .firend ._t .ico{width: 8px;height: 8px;} .bottomnav .bottom .right .firend ._b a{font-size: 12px;} } @media screen and (max-width:1024px) { .bottomnav{margin-bottom: 50px;} .bottomnav .top{padding-top: 20px;padding-bottom: 20px;} .bottomnav .top .left{width: 100%;padding-right: 0;} .bottomnav .top .left .logo{padding-bottom: 12px;margin-bottom: 14px;} .bottomnav .top .left .logo img{height: 50px;} .bottomnav .top .left .cont .listbox{width: 100%;float: none;} .bottomnav .top .left .cont .listbox .list{margin-bottom: 12px;} .bottomnav .top .left .cont .listbox .list .ico{width: 22px;height: 22px;} .bottomnav .top .left .cont .listbox .list .words{font-size: 14px;line-height: 20px;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);} .bottomnav .top .left .cont .ewmboxs{width: 240px;float: none;margin: 14px auto;} .bottomnav .top .left .cont .ewmboxs .ewmscon{margin: 0 -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);} .bottomnav .top .left .cont .ewmboxs .ewmscon .ewms{padding: 0 8px;} .bottomnav .top .left .cont .ewmboxs .ewmscon .ewms .words{font-size: 14px;line-height: 20px;margin-top: 10px;} .bottomnav .top .right{width: 100%;margin-top: 16px;} .bottomnav .top .right .inputbox{margin: -6px 0;width: 100%;} .bottomnav .top .right .inputbox .inputs{width: 100%;padding: 6px 0;} .bottomnav .top .right .inputbox .inputs .input{height: 36px;padding: 0 10px;} .bottomnav .top .right .inputbox .inputs .input input{font-size: 14px;} .bottomnav .top .right .inputbox .inputs .input input::-webkit-input-placeholder{font-size:14px;} .bottomnav .top .right .inputbox .inputs .input input:-moz-placeholder{font-size:14px;} .bottomnav .top .right .inputbox .inputs .input input::moz-placeholder{font-size:14px;} .bottomnav .top .right .inputbox .inputs .input input:-ms-input-placeholder{font-size:14px;} .bottomnav .top .right .inputbox .inputs .xlbox{padding: 0 10px;} .bottomnav .top .right .inputbox .inputs .xlbox ._t .words1{font-size: 14px;line-height: 34px;} .bottomnav .top .right .inputbox .inputs .xlbox ._t .words2{font-size: 14px;line-height: 34px;margin-left: 10px;} .bottomnav .top .right .inputbox .inputs .xlbox ._t .ico{float: right;width: 8px;height: 8px;} .bottomnav .top .right .inputbox .inputs .xlbox ._b{top: 110%;} .bottomnav .top .right .inputbox .inputs .xlbox ._b a{font-size: 14px;padding: 4px;} .bottomnav .top .right .textbox{margin-top: 12px;margin-bottom: 14px;height: 90px;padding: 10px;} .bottomnav .top .right .textbox textarea{font-size: 14px;} .bottomnav .top .right .textbox textarea::-webkit-input-placeholder{font-size:14px;} .bottomnav .top .right .textbox textarea:-moz-placeholder{font-size:14px;} .bottomnav .top .right .textbox textarea::moz-placeholder{font-size:14px;} .bottomnav .top .right .textbox textarea:-ms-input-placeholder{font-size:14px;} .bottomnav .top .right .yzmbox .yzm{width: 100%;padding: 0 90px 0 7px;height: 37px;} .bottomnav .top .right .yzmbox .yzm input{font-size: 14px;} .bottomnav .top .right .yzmbox .yzm input::-webkit-input-placeholder{font-size:14px;} .bottomnav .top .right .yzmbox .yzm input:-moz-placeholder{font-size:14px;} .bottomnav .top .right .yzmbox .yzm input::moz-placeholder{font-size:14px;} .bottomnav .top .right .yzmbox .yzm input:-ms-input-placeholder{font-size:14px;} .bottomnav .top .right .yzmbox .yzm .pic{width: 80px;height: 36px;} .bottomnav .top .right .yzmbox .button{width: 100%;margin-top: 12px; padding-left: 0;} .bottomnav .top .right .yzmbox .button button{height: 36px;font-size: 14px;} .bottomnav .bottom{padding-top: 18px;padding-bottom: 18px;} .bottomnav .bottom .left{font-size: 14px;width: 100%; line-height: 24px;text-align: center;margin-bottom: 12px;} .bottomnav .bottom .right{width: 100%;} .bottomnav .bottom .right .abox{width: 100%;text-align: center;margin-bottom: 12px;float: none;} .bottomnav .bottom .right .abox a{font-size: 14px;line-height: 20px;} .bottomnav .bottom .right .abox span{font-size: 14px;line-height: 20px;margin: 0 10px;} .bottomnav .bottom .right .firend{width: 180px;margin-left: 0px;float: none;margin: 0 auto;} .bottomnav .bottom .right .firend ._t{padding: 0 12px;} .bottomnav .bottom .right .firend ._t .words{font-size: 14px;line-height: 30px;} .bottomnav .bottom .right .firend ._t .ico{width: 8px;height: 8px;} .bottomnav .bottom .right .firend ._b{bottom: 100%;} .bottomnav .bottom .right .firend ._b a{font-size: 14px;padding: 4px;} } /*底导航漂浮*/ .b_navs .q_d_m{ float: left; width: 100%; height: 50px;} .b_navs .pf_down{ width: 100%; float: left; position: fixed; left: 0; bottom: 0; height: 50px; background: #c1141a; z-index: 16; box-shadow: 0 -5px 10px rgba(0,0,0,0.2);} .b_navs .pf_down li{ width: 25%; float: left; text-align: center; padding: 7px 0 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: #fff; line-height: 14px;} .b_navs .pf_down li.l1 .ico7{ background: url(images/img4.png) no-repeat center; background-size: 20px 20px;} .b_navs .pf_down li.l2 .ico7{ background: url(images/img3.png) no-repeat center; background-size: 20px 20px;} .b_navs .pf_down li.l3 .ico7{ background: url(images/img2.png) no-repeat center; background-size: 20px 20px;} .b_navs .pf_down li.l4 .ico7{ background: url(images/img23.png) no-repeat center; background-size: 26px 26px;} .b_navs .pf_down li:last-child{ border: none;} /*首页banner*/ .sy_banner{width: 100%;} .sy_banner .content{width: 100%;position: relative;} .sy_banner .content .ul{width: 100%;} .sy_banner .content .ul .li{width: 100%;height: auto;} .sy_banner .content .ul .li .pic{width: 100%;height: 100vh;} .sy_banner .content .ico{width: 77px;height: 95px;position: absolute;bottom:30px;left: 50%;margin-left: -12.5px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -o-transform: translate(0,-50%); transform: translate(0,-50%); -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; animation:myfirst 1s infinite; -moz-animation:myfirst 1s infinite; -webkit-animation:myfirst 1s infinite; -o-animation:myfirst 1s infinite;} @keyframes myfirst { 0% { bottom:20px;} 50% { bottom:16px;} 75% { bottom:16px;} 100% { bottom:20px;} } @-moz-keyframes myfirst { 0% { bottom:20px;} 50% { bottom:16px;} 75% { bottom:16px;} 100% { bottom:20px;} } @-webkit-keyframes myfirst { 0% { bottom:20px;} 50% { bottom:16px;} 75% { bottom:16px;} 100% { bottom:20px;} } @-o-keyframes myfirst { 0% { bottom:20px;} 50% { bottom:16px;} 75% { bottom:16px;} 100% { bottom:20px;} } .sy_banner .content .ul .slick-prev{width: 10px;height: 20px;background: url(images/img13.png) no-repeat center center; background-size: cover;left: auto;right: 210px; top: auto;bottom: 92px;} .sy_banner .content .ul .slick-next{width: 10px;height: 20px;background: url(images/img14.png) no-repeat center center; background-size: cover;right: 160px;top: auto;bottom: 92px;} .sy_banner .content .ul .slick-prev:hover, .sy_banner .content .ul .slick-next:hover{opacity: 0.6;} .sy_banner .content .ul .slick-dots{position: absolute; bottom: 100px; height: 2px; text-align: center;width: auto;left: 200px;} .sy_banner .content .ul .slick-dots li{ vertical-align: top; width: 50px; height: 2px;background: rgba(255,255,255,0.5);position: relative;} .sy_banner .content .ul .slick-dots li.slick-active{ background: #c1141a;} .sy_banner .content .ul .slick-dots li:first-child button{font-size: 18px;color: #fff;position: absolute;left: -28px;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 .content .ul .slick-dots li:last-child button{font-size: 18px;color: #fff;position: absolute;right: -40px;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 .content .ul .slick-dots li:first-child::after{content: "0";display: block;font-size: 18px;color: #fff;position: absolute;left: -38px;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 .content .ul .slick-dots li:last-child::after{content: "0";display: block;font-size: 18px;color: #fff;position: absolute;right: -30px;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%);} @media screen and (max-width:1600px) { .sy_banner .content .ico{width: 50px;height: 60px;} .sy_banner .content .ul .slick-prev{width: 8px;height: 16px;right: 160px;bottom: 50px;} .sy_banner .content .ul .slick-next{width: 8px;height: 16px;right: 120px;bottom: 50px;} .sy_banner .content .ul .slick-dots{bottom: 50px; height: 2px; text-align: center;width: auto;left: 160px;} .sy_banner .content .ul .slick-dots li{width: 40px;} .sy_banner .content .ul .slick-dots li:first-child button{font-size: 16px;left: -28px;} .sy_banner .content .ul .slick-dots li:last-child button{font-size: 16px;right: -40px;} .sy_banner .content .ul .slick-dots li:first-child::after{font-size: 16px;left: -38px;} .sy_banner .content .ul .slick-dots li:last-child::after{font-size: 16px;right: -30px;} } @media screen and (max-width:1280px) { .sy_banner .content .ico{width: 40px;height: 50px;} .sy_banner .content .ul .slick-prev{width: 6px;height: 12px;right: 150px;bottom: 40px;} .sy_banner .content .ul .slick-next{width: 6px;height: 12px;bottom: 40px;} .sy_banner .content .ul .slick-dots{bottom: 40px;} .sy_banner .content .ul .slick-dots li{width: 30px;} .sy_banner .content .ul .slick-dots li:first-child button{font-size: 12px;left: -28px;} .sy_banner .content .ul .slick-dots li:last-child button{font-size: 12px;right: -40px;} .sy_banner .content .ul .slick-dots li:first-child::after{font-size: 12px;left: -38px;} .sy_banner .content .ul .slick-dots li:last-child::after{font-size: 12px;right: -30px;} } @media screen and (max-width:1024px) { .sy_banner{margin-top: 50px;} .sy_banner .content .ul .li .pic{ height: calc(100vh - 100px); height: -ms-calc(100vh - 100px); height: -o-calc(100vh - 100px); height: -moz-calc(100vh - 100px); height: -webkit-calc(100vh - 100px);} .sy_banner .content .ico{display: none;} .sy_banner .content .ul .slick-prev{width: 0;height: 0;opacity: 0;} .sy_banner .content .ul .slick-next{width: 0;height: 0;opacity: 0;} .sy_banner .content .ul .slick-dots{bottom: 40px; height: 2px;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);} .sy_banner .content .ul .slick-dots li{width: 30px;} .sy_banner .content .ul .slick-dots li:first-child button{font-size: 14px;left: -20px;} .sy_banner .content .ul .slick-dots li:last-child button{font-size: 14px;right: -30px;} .sy_banner .content .ul .slick-dots li:first-child::after{font-size: 14px;left: -30px;} .sy_banner .content .ul .slick-dots li:last-child::after{font-size: 14px;right: -20px;} } /*侧悬浮*/ .cxf{position: fixed;right: 30px;top: 50%;z-index: 19; transform: translate(0,-50%); -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -o-transform: translate(0,-50%);} .cxf ul li{margin-bottom: 8px;position: relative;} .cxf ul li:last-child{margin-bottom: 0;} .cxf ul li .boxs{width: 88px;background-color: #bd171e;border-radius: 6px;padding: 10px 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;} .cxf ul li .boxs:hover{background-color: rgba(193,20,26,0.8);} .cxf ul li .boxs .ico{width: 44px;height: 44px;margin: 0 auto 4px;} .cxf ul li .boxs .words{font-size: 16px;color: #ffffff;line-height: 20px;text-align: center;} .cxf ul li .phonebox{width: 220px;position: absolute;right: -250px; background-color: #bd171e;top: 50%;font-size: 20px;color: #fff;line-height: 30px;font-weight: bold;text-align: center;padding: 10px;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;} .cxf ul li:hover .phonebox{right: calc(100% + 20px);opacity: 1;} .cxf ul li .phonebox::after{content: "";display: block;width: 0;height: 0;border: 10px solid;border-color: transparent transparent transparent #bd171e;position: absolute;left: 100%;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%);} .cxf ul li .ewmbox{width: 120px;height: 120px;position: absolute;right: -150px;background-color: #bd171e;top: 50%;padding: 6px;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;} .cxf ul li:hover .ewmbox{right: calc(100% + 20px);opacity: 1;} .cxf ul li .ewmbox .ewm{width: 100%;height: 100%;} .cxf ul li .ewmbox::after{content: "";display: block;width: 0;height: 0;border: 10px solid;border-color: transparent transparent transparent #bd171e;position: absolute;left: 100%;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%);} @media screen and (max-width: 1600px){ .cxf{right: 10px;} .cxf ul li{margin-bottom: 6px;} .cxf ul li .boxs{width: 70px;padding: 6px 0;;} .cxf ul li .boxs .ico{width: 34px;height: 34px;} .cxf ul li .boxs .words{font-size: 14px;} .cxf ul li .phonebox{width: 180px;font-size: 18px;line-height: 26px;padding: 8px;} .cxf ul li .phonebox::after{width: 0;height: 0;border: 8px solid;border-color: transparent transparent transparent #bd171e;} .cxf ul li .ewmbox{width: 100px;height: 100px;padding: 4px;} .cxf ul li .ewmbox::after{width: 0;height: 0;border: 8px solid;border-color: transparent transparent transparent #bd171e;} } @media screen and (max-width: 1280px){ .cxf{right: 10px;} .cxf ul li{margin-bottom: 4px;} .cxf ul li .boxs{width: 60px;padding: 6px 0;;} .cxf ul li .boxs .ico{width: 30px;height: 30px;margin-bottom: 0;} .cxf ul li .boxs .words{font-size: 12px;letter-spacing: 0;} .cxf ul li .phonebox{width: 160px;font-size: 16px;line-height: 22px;padding: 5px;} .cxf ul li .phonebox::after{width: 0;height: 0;border: 6px solid;border-color: transparent transparent transparent #bd171e;} .cxf ul li .ewmbox{width: 90px;height: 90px;padding: 4px;} .cxf ul li .ewmbox::after{width: 0;height: 0;border: 6px solid;border-color: transparent transparent transparent #bd171e;} } @media screen and (max-width: 1024px){ .cxf{display: none;} } /*留言弹窗*/ .lytc_section{width: 100%;height: 100vh;position: fixed;top: 0;left: 0;z-index: 22;background-color: rgba(0,0,0,0.54);display: none;} .lytc_section.on{display: block;} .lytc_section .con{width: 100%;height: 100%;position: relative;} .lytc_section .con .boxs{width: 846px;background-color: #bd171e;padding: 20px 32px 56px 56px;position: absolute;left: 50%;top: 50%;overflow: hidden; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%);} .lytc_section .con .boxs .none{width: 27px;height: 26px;float: right;cursor: pointer;} .lytc_section .con .boxs .wordsbox{width: 100%;float: left;padding-right: 20px;} .lytc_section .con .boxs .wordsbox h2{font-size: 30px;color: #ffffff;line-height: 34px;text-align: center;margin-bottom: 44px;} .lytc_section .con .boxs .wordsbox .inputbox{margin: -13px -7px; width: calc(100% + 14px); width: -ms-calc(100% + 14px); width: -o-calc(100% + 14px); width: -moz-calc(100% + 14px); width: -webkit-calc(100% + 14px);} .lytc_section .con .boxs .wordsbox .inputbox::after{content: "";display: block;clear: both;} .lytc_section .con .boxs .wordsbox .inputbox .inputs{width: 50%;float: left;padding: 13px 7px;} .lytc_section .con .boxs .wordsbox .inputbox .inputs .input{width: 100%;height: 44px;border: 1px solid rgba(255,255,255,0.24);border-radius: 4px;padding: 0 16px;} .lytc_section .con .boxs .wordsbox .inputbox .inputs .input input{width: 100%;height: 100%;background-color: rgba(255,255,255,0);font-size: 16px;color: #ffffff;} .lytc_section .con .boxs .wordsbox .inputbox .inputs .input input::-webkit-input-placeholder{color:#fff;font-size:16px;} .lytc_section .con .boxs .wordsbox .inputbox .inputs .input input:-moz-placeholder{color:#fff;font-size:16px;} .lytc_section .con .boxs .wordsbox .inputbox .inputs .input input::moz-placeholder{color:#fff;font-size:16px;} .lytc_section .con .boxs .wordsbox .inputbox .inputs .input input:-ms-input-placeholder{color:#fff;font-size:16px;} .lytc_section .con .boxs .wordsbox .inputbox .inputs .xlbox{width: 100%;position: relative;border: 1px solid rgba(255,255,255,0.24);border-radius: 4px;padding: 0 16px;} .lytc_section .con .boxs .wordsbox .inputbox .inputs .xlbox ._t{width: 100%;overflow: hidden;cursor: pointer;} .lytc_section .con .boxs .wordsbox .inputbox .inputs .xlbox ._t .words1{float: left;font-size: 16px;color: #fff;line-height: 42px;} .lytc_section .con .boxs .wordsbox .inputbox .inputs .xlbox ._t .words2{float: left;font-size: 16px;color: #fff;line-height: 42px;margin-left: 30px;} .lytc_section .con .boxs .wordsbox .inputbox .inputs .xlbox ._t .ico{float: right;width: 10px;height: 10px;border-bottom: 2px solid #fff;border-right: 2px solid #fff;margin-right: 4px;margin-top: 12px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); 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;} .lytc_section .con .boxs .wordsbox .inputbox .inputs .xlbox ._t.on .ico{margin-top: 16px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg);} .lytc_section .con .boxs .wordsbox .inputbox .inputs .xlbox ._b{width: 100%;position: absolute;left: 0;top: 124%;background-color: #fff;display: none;} .lytc_section .con .boxs .wordsbox .inputbox .inputs .xlbox ._b a{display: block;width: 100%;font-size: 16px;color: #555;text-align: center;padding: 6px;} .lytc_section .con .boxs .wordsbox .inputbox .inputs .xlbox ._b a:hover{color: #c1141a;} .lytc_section .con .boxs .wordsbox .textbox{width: 100%;margin-top: 26px;margin-bottom: 44px;height: 117px;border: 1px solid rgba(255,255,255,0.24);border-radius: 4px;padding: 20px 16px 10px 16px;} .lytc_section .con .boxs .wordsbox .textbox textarea{width: 100%;height: 100%;background-color: rgba(255,255,255,0);border-color: rgba(255,255,255,0);font-size: 16px;color: #ffffff;} .lytc_section .con .boxs .wordsbox .textbox textarea::-webkit-input-placeholder{color:#fff;font-size:16px;} .lytc_section .con .boxs .wordsbox .textbox textarea:-moz-placeholder{color:#fff;font-size:16px;} .lytc_section .con .boxs .wordsbox .textbox textarea::moz-placeholder{color:#fff;font-size:16px;} .lytc_section .con .boxs .wordsbox .textbox textarea:-ms-input-placeholder{color:#fff;font-size:16px;} .lytc_section .con .boxs .wordsbox .yzmbox{width: 100%;overflow: hidden;} .lytc_section .con .boxs .wordsbox .yzmbox .yzm{width: 48.78%;float: left;position: relative;padding: 0 120px 0 7px;height: 55px;border-bottom: 1px solid rgba(255,255,255,0.24);} .lytc_section .con .boxs .wordsbox .yzmbox .yzm input{width: 100%;height: 100%;background-color: rgba(255,255,255,0);font-size: 16px;color: #fff;} .lytc_section .con .boxs .wordsbox .yzmbox .yzm input::-webkit-input-placeholder{color:#fff;font-size:16px;} .lytc_section .con .boxs .wordsbox .yzmbox .yzm input:-moz-placeholder{color:#fff;font-size:16px;} .lytc_section .con .boxs .wordsbox .yzmbox .yzm input::moz-placeholder{color:#fff;font-size:16px;} .lytc_section .con .boxs .wordsbox .yzmbox .yzm input:-ms-input-placeholder{color:#fff;font-size:16px;} .lytc_section .con .boxs .wordsbox .yzmbox .yzm .pic{width: 113px;height: 54px;position: absolute;right: 0;top: 0;} .lytc_section .con .boxs .wordsbox .yzmbox .button{width: 51.22%;float: left;padding-left: 16px;} .lytc_section .con .boxs .wordsbox .yzmbox .button button{width: 100%;display: block;background-color: #ffffff;border-radius: 4px;height: 56px;font-size: 18px;color: #c1141a;} .lytc_section .con .boxs .wordsbox .yzmbox .button button:hover{opacity: 0.6;} @media screen and (max-width: 1600px){ .lytc_section .con .boxs{width: 670px;;padding: 24px;} .lytc_section .con .boxs .none{width: 24px;height: 23px;} .lytc_section .con .boxs .wordsbox{padding-right: 0;} .lytc_section .con .boxs .wordsbox h2{font-size: 22px;line-height: 28px;margin-bottom: 20px;} .lytc_section .con .boxs .wordsbox .inputbox{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);} .lytc_section .con .boxs .wordsbox .inputbox .inputs{padding: 6px;} .lytc_section .con .boxs .wordsbox .inputbox .inputs .input{height: 36px;padding: 0 12px;} .lytc_section .con .boxs .wordsbox .inputbox .inputs .input input{font-size: 14px;} .lytc_section .con .boxs .wordsbox .inputbox .inputs .input input::-webkit-input-placeholder{font-size:14px;} .lytc_section .con .boxs .wordsbox .inputbox .inputs .input input:-moz-placeholder{font-size:14px;} .lytc_section .con .boxs .wordsbox .inputbox .inputs .input input::moz-placeholder{font-size:14px;} .lytc_section .con .boxs .wordsbox .inputbox .inputs .input input:-ms-input-placeholder{font-size:14px;} .lytc_section .con .boxs .wordsbox .inputbox .inputs .xlbox{padding: 0 12px;} .lytc_section .con .boxs .wordsbox .inputbox .inputs .xlbox ._t .words1{font-size: 14px;line-height: 36px;} .lytc_section .con .boxs .wordsbox .inputbox .inputs .xlbox ._t .words2{font-size: 14px;line-height: 36px;margin-left: 14px;} .lytc_section .con .boxs .wordsbox .inputbox .inputs .xlbox ._t .ico{width: 8px;height: 8px;} .lytc_section .con .boxs .wordsbox .inputbox .inputs .xlbox ._b{top: 114%;} .lytc_section .con .boxs .wordsbox .inputbox .inputs .xlbox ._b a{font-size: 14px;padding: 4px;} .lytc_section .con .boxs .wordsbox .textbox{margin-top: 12px;margin-bottom: 20px;height: 100px;padding: 14px 12px 10px 12px;} .lytc_section .con .boxs .wordsbox .textbox textarea{font-size: 14px;} .lytc_section .con .boxs .wordsbox .textbox textarea::-webkit-input-placeholder{font-size:14px;} .lytc_section .con .boxs .wordsbox .textbox textarea:-moz-placeholder{font-size:14px;} .lytc_section .con .boxs .wordsbox .textbox textarea::moz-placeholder{font-size:14px;} .lytc_section .con .boxs .wordsbox .textbox textarea:-ms-input-placeholder{font-size:14px;} .lytc_section .con .boxs .wordsbox .yzmbox .yzm{padding: 0 90px 0 6px;height: 38px;} .lytc_section .con .boxs .wordsbox .yzmbox .yzm input{font-size: 14px;} .lytc_section .con .boxs .wordsbox .yzmbox .yzm input::-webkit-input-placeholder{font-size:14px;} .lytc_section .con .boxs .wordsbox .yzmbox .yzm input:-moz-placeholder{font-size:14px;} .lytc_section .con .boxs .wordsbox .yzmbox .yzm input::moz-placeholder{font-size:14px;} .lytc_section .con .boxs .wordsbox .yzmbox .yzm input:-ms-input-placeholder{font-size:14px;} .lytc_section .con .boxs .wordsbox .yzmbox .yzm .pic{width: 80px;height: 37px;} .lytc_section .con .boxs .wordsbox .yzmbox .button{padding-left: 10px;} .lytc_section .con .boxs .wordsbox .yzmbox .button button{height: 38px;font-size: 14px;} } @media screen and (max-width: 1280px){ .lytc_section .con .boxs{width: 600px;;padding: 20px;} .lytc_section .con .boxs .none{width: 21px;height: 20px;} .lytc_section .con .boxs .wordsbox h2{font-size: 18px;line-height: 24px;margin-bottom: 16px;} .lytc_section .con .boxs .wordsbox .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);} .lytc_section .con .boxs .wordsbox .inputbox .inputs{padding: 5px;} .lytc_section .con .boxs .wordsbox .inputbox .inputs .input{height: 32px;padding: 0 10px;} .lytc_section .con .boxs .wordsbox .inputbox .inputs .input input{font-size: 12px;} .lytc_section .con .boxs .wordsbox .inputbox .inputs .input input::-webkit-input-placeholder{font-size:12px;} .lytc_section .con .boxs .wordsbox .inputbox .inputs .input input:-moz-placeholder{font-size:12px;} .lytc_section .con .boxs .wordsbox .inputbox .inputs .input input::moz-placeholder{font-size:12px;} .lytc_section .con .boxs .wordsbox .inputbox .inputs .input input:-ms-input-placeholder{font-size:12px;} .lytc_section .con .boxs .wordsbox .inputbox .inputs .xlbox{padding: 0 10px;} .lytc_section .con .boxs .wordsbox .inputbox .inputs .xlbox ._t .words1{font-size: 12px;line-height: 32px;} .lytc_section .con .boxs .wordsbox .inputbox .inputs .xlbox ._t .words2{font-size: 12px;line-height: 32px;margin-left: 10px;} .lytc_section .con .boxs .wordsbox .inputbox .inputs .xlbox ._b a{font-size: 12px;} .lytc_section .con .boxs .wordsbox .textbox{margin-top: 10px;margin-bottom: 16px;height: 80px;padding: 10px;} .lytc_section .con .boxs .wordsbox .textbox textarea{font-size: 12px;} .lytc_section .con .boxs .wordsbox .textbox textarea::-webkit-input-placeholder{font-size:12px;} .lytc_section .con .boxs .wordsbox .textbox textarea:-moz-placeholder{font-size:12px;} .lytc_section .con .boxs .wordsbox .textbox textarea::moz-placeholder{font-size:12px;} .lytc_section .con .boxs .wordsbox .textbox textarea:-ms-input-placeholder{font-size:12px;} .lytc_section .con .boxs .wordsbox .yzmbox .yzm{padding: 0 72px 0 6px;height: 32px;} .lytc_section .con .boxs .wordsbox .yzmbox .yzm input{font-size: 12px;} .lytc_section .con .boxs .wordsbox .yzmbox .yzm input::-webkit-input-placeholder{font-size:12px;} .lytc_section .con .boxs .wordsbox .yzmbox .yzm input:-moz-placeholder{font-size:12px;} .lytc_section .con .boxs .wordsbox .yzmbox .yzm input::moz-placeholder{font-size:12px;} .lytc_section .con .boxs .wordsbox .yzmbox .yzm input:-ms-input-placeholder{font-size:12px;} .lytc_section .con .boxs .wordsbox .yzmbox .yzm .pic{width: 65px;height: 31px;} .lytc_section .con .boxs .wordsbox .yzmbox .button{padding-left: 10px;} .lytc_section .con .boxs .wordsbox .yzmbox .button button{height: 32px;font-size: 12px;} } @media screen and (max-width: 1024px){ .lytc_section .con .boxs{width: 300px;;padding: 14px;} .lytc_section .con .boxs .none{width: 21px;height: 20px;} .lytc_section .con .boxs .wordsbox h2{font-size: 18px;line-height: 24px;margin-bottom: 16px;} .lytc_section .con .boxs .wordsbox .inputbox{margin: -6px 0;width: 100%;} .lytc_section .con .boxs .wordsbox .inputbox .inputs{width: 100%;padding: 6px 0;} .lytc_section .con .boxs .wordsbox .inputbox .inputs .input{height: 36px;padding: 0 10px;} .lytc_section .con .boxs .wordsbox .inputbox .inputs .input input{font-size: 14px;} .lytc_section .con .boxs .wordsbox .inputbox .inputs .input input::-webkit-input-placeholder{font-size:14px;} .lytc_section .con .boxs .wordsbox .inputbox .inputs .input input:-moz-placeholder{font-size:14px;} .lytc_section .con .boxs .wordsbox .inputbox .inputs .input input::moz-placeholder{font-size:14px;} .lytc_section .con .boxs .wordsbox .inputbox .inputs .input input:-ms-input-placeholder{font-size:14px;} .lytc_section .con .boxs .wordsbox .inputbox .inputs .xlbox{padding: 0 10px;} .lytc_section .con .boxs .wordsbox .inputbox .inputs .xlbox ._t .words1{font-size: 14px;line-height: 34px;} .lytc_section .con .boxs .wordsbox .inputbox .inputs .xlbox ._t .words2{font-size: 14px;line-height: 34px;margin-left: 10px;} .lytc_section .con .boxs .wordsbox .inputbox .inputs .xlbox ._t .ico{float: right;width: 8px;height: 8px;} .lytc_section .con .boxs .wordsbox .inputbox .inputs .xlbox ._b{top: 110%;} .lytc_section .con .boxs .wordsbox .inputbox .inputs .xlbox ._b a{font-size: 14px;padding: 4px;} .lytc_section .con .boxs .wordsbox .textbox{margin-top: 12px;margin-bottom: 14px;height: 90px;padding: 10px;} .lytc_section .con .boxs .wordsbox .textbox textarea{font-size: 14px;} .lytc_section .con .boxs .wordsbox .textbox textarea::-webkit-input-placeholder{font-size:14px;} .lytc_section .con .boxs .wordsbox .textbox textarea:-moz-placeholder{font-size:14px;} .lytc_section .con .boxs .wordsbox .textbox textarea::moz-placeholder{font-size:14px;} .lytc_section .con .boxs .wordsbox .textbox textarea:-ms-input-placeholder{font-size:14px;} .lytc_section .con .boxs .wordsbox .yzmbox .yzm{width: 100%;padding: 0 90px 0 7px;height: 37px;} .lytc_section .con .boxs .wordsbox .yzmbox .yzm input{font-size: 14px;} .lytc_section .con .boxs .wordsbox .yzmbox .yzm input::-webkit-input-placeholder{font-size:14px;} .lytc_section .con .boxs .wordsbox .yzmbox .yzm input:-moz-placeholder{font-size:14px;} .lytc_section .con .boxs .wordsbox .yzmbox .yzm input::moz-placeholder{font-size:14px;} .lytc_section .con .boxs .wordsbox .yzmbox .yzm input:-ms-input-placeholder{font-size:14px;} .lytc_section .con .boxs .wordsbox .yzmbox .yzm .pic{width: 80px;height: 36px;} .lytc_section .con .boxs .wordsbox .yzmbox .button{width: 100%;margin-top: 12px; padding-left: 0;} .lytc_section .con .boxs .wordsbox .yzmbox .button button{height: 36px;font-size: 14px;} } /*弹窗*/ ._pop{ float:left; width:100%; height:100%; position:fixed; left:0; top:0; z-index:99999999; display:none;background-color: rgba(0,0,0,0.8);} ._col{ float:left; font-size: 0; position:absolute; right:-60px; top:-44px; width:44px; height:44px; border-radius: 100%;color: #999;cursor: pointer;background: url(images/img33.png)no-repeat center center;background-size: cover; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0);} ._htm{ float:left; width:800px;position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);background-color: rgba(255,255,255,0.5);padding: 12px;} ._htm video{width: 100%;display: block;margin: 0 auto;} ._htm img{width: 100%;display: block;margin: 0 auto;} @media screen and (max-width: 1600px){ ._htm{width:600px;padding: 8px;} ._col{right:-40px; top:-30px; width:34px; height:34px;} } @media screen and (max-width: 1280px){ ._htm{width:500px;padding: 5px;} ._col{right:-40px; top:-30px; width:30px; height:30px;} } @media screen and (max-width: 991px){ ._col{ float:left; font-size: 50px; position:absolute; right:-50px; top:0; width:34px; height:34px; border-radius: 100%;color: #999;cursor: pointer;background: url(images); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} ._htm{ float:left; width:500px;position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);} } @media screen and (max-width: 767px){ ._col{ float:left; font-size: 50px; position:absolute; right:10px; top:-55px; width:20px; height:20px; border-radius: 100%;color: #999;cursor: pointer; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} ._htm{ float:left; width:360px;position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);} } /*首页*/ .sy_section1{width: 100%;padding-top: 100px;padding-bottom: 100px;overflow: hidden;} .sy_section1 .content{width: 100%;} .sy_section1 .content::after{content: "";display: block;clear: both;} .sy_section1 .content .left{width: 40.63%;float: left;padding-right: 40px;padding-top: 164px;} .sy_section1 .content .left .tit{width: 100%;position: relative;font-size: 36px;color: #000000;line-height: 42px;font-weight: bold;} .sy_section1 .content .left .tit::after{content: "";display: block;width: 140px;height: 1px;background-color: #000000;position: absolute;top: 50%;right: calc(100% + 5px); 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_section1 .content .left .tit span{font-size: 40px;text-transform:uppercase;margin-left: 22px;} .sy_section1 .content .left .info{font-size: 16px;color: #666666;line-height: 30px;margin-top: 44px;margin-bottom: 72px;overflow: hidden; overflow-y: auto; scrollbar-width: thin; max-height: 330px;padding-right: 50px;} .sy_section1 .content .left .info::-webkit-scrollbar{ width: 3px;} .sy_section1 .content .left .info::-webkit-scrollbar-track{ background-color: #e5e5e5; border-radius: 3px;} .sy_section1 .content .left .info::-webkit-scrollbar-thumb{ width: 3px; background-color: #c1141a; border-radius: 3px;} .sy_section1 .content .left .info span{font-weight: bold;color: #c1141a;} .sy_section1 .content .left .more{width: 100%;} .sy_section1 .content .left .more a{display: block;width: 200px;line-height: 56px;background-color: #c1141a;font-size: 16px;color: #ffffff;text-align: center;box-shadow: 0 0 14px rgba(193,20,26,0.3);} .sy_section1 .content .left .more a:hover{opacity: 0.6;} .sy_section1 .content .right{width: 59.37%;float: right;position: relative;cursor: pointer;} .sy_section1 .content .right::after{content: "";display: block;z-index: 1; width: 277px;height: 282px;background: url(images/img31.png)no-repeat center center;background-size: cover;position: absolute;right: -20px;bottom: -20px;} .sy_section1 .content .right .ba_pic{width: 100%;height: 760px;position: relative;z-index: 2;} .sy_section1 .content .right .icobox{width: 100%;position: absolute;left: 0;top: 50%;z-index: 2; 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_section1 .content .right .icobox .ico{width: 100px;height: 100px;margin: 0 auto 14px auto;} .sy_section1 .content .right .icobox .words{font-size: 16px;color: #ffffff;line-height: 20px;text-align: center;text-transform:uppercase;letter-spacing: 0;} @media screen and (max-width: 1600px){ .sy_section1{padding-top: 60px;padding-bottom: 60px;} .sy_section1 .content .left{width: 42%;padding-right: 20px;padding-top: 120px;} .sy_section1 .content .left .tit{font-size: 22px;line-height: 26px;} .sy_section1 .content .left .tit::after{width: 110px;} .sy_section1 .content .left .tit span{font-size: 26px;margin-left: 10px;} .sy_section1 .content .left .info{font-size: 14px;line-height: 26px;margin-top: 24px;margin-bottom: 40px;max-height: 260px;padding-right: 20px;} .sy_section1 .content .left .more a{width: 140px;line-height: 40px;font-size: 14px;} .sy_section1 .content .right{width: 58%;} .sy_section1 .content .right::after{width: 200px;height: 204px;right: -14px;bottom: -14px;} .sy_section1 .content .right .ba_pic{width: 100%;height: 580px;} .sy_section1 .content .right .icobox .ico{width: 70px;height: 70px;margin: 0 auto 10px auto;} .sy_section1 .content .right .icobox .words{font-size: 14px;line-height: 18px;} } @media screen and (max-width: 1280px){ .sy_section1{padding-top: 40px;padding-bottom: 40px;} .sy_section1 .content .left{padding-right: 16px;padding-top: 80px;} .sy_section1 .content .left .tit{font-size: 18px;line-height: 24px;} .sy_section1 .content .left .tit span{font-size: 20px;margin-left: 8px;} .sy_section1 .content .left .info{font-size: 12px;line-height: 22px;margin-top: 16px;margin-bottom: 22px;max-height: 260px;padding-right: 10px;} .sy_section1 .content .left .more a{width: 120px;line-height: 32px;font-size: 12px;} .sy_section1 .content .right::after{width: 140px;height: 142px;right: -10px;bottom: -10px;} .sy_section1 .content .right .ba_pic{height: 460px;} .sy_section1 .content .right .icobox .ico{width: 50px;height: 50px;margin: 0 auto 8px auto;} .sy_section1 .content .right .icobox .words{font-size: 12px;line-height: 18px;} } @media screen and (max-width: 1024px){ .sy_section1{padding-top: 30px;padding-bottom: 30px;} .sy_section1 .content .left{width: 100%;padding-right: 0;padding-top: 0;margin-bottom: 14px;} .sy_section1 .content .left .tit{font-size: 18px;line-height: 24px;} .sy_section1 .content .left .tit::after{display: none;} .sy_section1 .content .left .tit span{font-size: 20px;margin-left: 8px;} .sy_section1 .content .left .info{font-size: 14px;line-height: 22px;margin-top: 10px;margin-bottom: 12px;max-height: 10000px;padding-right: 0;letter-spacing: 0;} .sy_section1 .content .left .info::-webkit-scrollbar{ display: none;} .sy_section1 .content .left .info span{font-weight: bold;color: #c1141a;} .sy_section1 .content .left .more a{width: 130px;line-height: 36px;font-size: 14px;} .sy_section1 .content .right{width: 100%;padding-right: 10px;padding-bottom: 10px;} .sy_section1 .content .right::after{width: 80px;height: 82px;right: 0;bottom: 0;} .sy_section1 .content .right .ba_pic{height: 240px;} .sy_section1 .content .right .icobox .ico{width: 50px;height: 50px;margin: 0 auto 10px auto;} .sy_section1 .content .right .icobox .words{font-size: 12px;line-height: 20px;} } .sy_section2{width: 100%;padding-top: 100px;overflow: hidden;} .sy_section2 .titbox{width: 100%;margin-bottom: 84px;position: relative;} .sy_section2 .titbox::after{content: "";display: block;clear: both;} .sy_section2 .titbox .left{float: left;} .sy_section2 .titbox .left h2{font-size: 36px;color: #000000;line-height: 40px;font-weight: bold;} .sy_section2 .titbox .right{float: right;} .sy_section2 .titbox .right a{display: block;width: 150px;height: 48px;line-height: 48px;text-align: center;background-color: #c1141a;font-size: 16px;color: #fff;box-shadow: 0 0 14px rgba(193,20,26,0.3);} .sy_section2 .titbox .right a:hover{opacity: 0.6;} .sy_section2 .titbox img{display: block;height: 98px;position: absolute;top: 30px;left: -148px;} .sy_section2 .content{width: 100%;} .sy_section2 .content .ul{margin: 0 -17.5px; width: calc(100% + 35px); width: -ms-calc(100% + 35px); width: -o-calc(100% + 35px); width: -moz-calc(100% + 35px); width: -webkit-calc(100% + 35px);} .sy_section2 .content .ul .li{padding: 0 17.5px;height: auto;} .sy_section2 .content .ul .li .libox{width: 100%;height: 727px;overflow: hidden;position: relative;} .sy_section2 .content .ul .li .libox .wordsbox{width: 100%;background-color: rgba(0,0,0,0.72);position: absolute;left: 0;bottom: 0;padding: 48px 35px 70px 35px; 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 .ul .li .libox:hover .wordsbox{background-color: rgba(193,20,26,0.72);} .sy_section2 .content .ul .li .libox .wordsbox .tit{font-size: 28px;color: #ffffff;line-height: 32px;text-align: center;margin-bottom: 33px;font-weight: bold; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;} .sy_section2 .content .ul .li .libox .wordsbox .info{font-size: 16px;color: #ffffff;line-height: 36px;text-align: center;margin-bottom: 52px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;} .sy_section2 .content .ul .li .libox .wordsbox .listbox{margin: -8px;overflow: hidden;min-height: 100px; 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_section2 .content .ul .li .libox .wordsbox .listbox .lists{width: 25%;float: left;padding: 8px;} .sy_section2 .content .ul .li .libox .wordsbox .listbox .lists .list{width: 100%;font-size: 16px;color: #fff;line-height: 32px;text-align: center;border: 1px solid #fff;} .sy_section2 .content .ul .li .libox .wordsbox .listbox .lists .list:hover{background-color: #c1141a;border-color: #c1141a;} @media screen and (max-width: 1600px){ .sy_section2{padding-top: 60px;} .sy_section2 .titbox{margin-bottom: 40px;} .sy_section2 .titbox .left h2{font-size: 26px;line-height: 32px;} .sy_section2 .titbox .right a{width: 130px;height: 40px;line-height: 40px;font-size: 14px;} .sy_section2 .titbox img{height: 36px;top: 30px;left: -116px;} .sy_section2 .content .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 .ul .li{padding: 0 10px;} .sy_section2 .content .ul .li .libox{height: 570px;} .sy_section2 .content .ul .li .libox .wordsbox{padding: 30px;} .sy_section2 .content .ul .li .libox .wordsbox .tit{font-size: 18px;line-height: 24px;margin-bottom: 20px;} .sy_section2 .content .ul .li .libox .wordsbox .info{font-size: 14px;line-height: 24px;margin-bottom: 24px;} .sy_section2 .content .ul .li .libox .wordsbox .listbox{margin: -5px;min-height: 84px; 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 .ul .li .libox .wordsbox .listbox .lists{width: 25%;padding: 5px;} .sy_section2 .content .ul .li .libox .wordsbox .listbox .lists .list{font-size: 14px;line-height: 30px;} } @media screen and (max-width: 1280px){ .sy_section2{padding-top: 40px;} .sy_section2 .titbox{margin-bottom: 30px;} .sy_section2 .titbox .left h2{font-size: 18px;line-height: 24px;} .sy_section2 .titbox .right a{width: 110px;height: 32px;line-height: 32px;font-size: 12px;} .sy_section2 .titbox img{height: 30px;top: 20px;left: -116px;} .sy_section2 .content .ul{margin: 0 -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_section2 .content .ul .li{padding: 0 8px;} .sy_section2 .content .ul .li .libox{height: 460px;} .sy_section2 .content .ul .li .libox .wordsbox{padding: 20px;} .sy_section2 .content .ul .li .libox .wordsbox .tit{font-size: 16px;line-height: 20px;margin-bottom: 12px;} .sy_section2 .content .ul .li .libox .wordsbox .info{font-size: 12px;line-height: 20px;margin-bottom: 14px;} .sy_section2 .content .ul .li .libox .wordsbox .listbox{margin: -4px;min-height: 72px; width: calc(100% + 8px); width: -ms-calc(100% + 8px); width: -o-calc(100% + 8px); width: -moz-calc(100% + 8px); width: -webkit-calc(100% + 8px);} .sy_section2 .content .ul .li .libox .wordsbox .listbox .lists{width: 25%;padding: 4px;} .sy_section2 .content .ul .li .libox .wordsbox .listbox .lists .list{font-size: 12px;line-height: 26px;} } @media screen and (max-width: 1024px){ .sy_section2{padding-top: 30px;} .sy_section2 .titbox{margin-bottom: 14px;} .sy_section2 .titbox .left h2{font-size: 18px;line-height: 24px;} .sy_section2 .titbox .right a{width: 124px;height: 34px;line-height: 34px;font-size: 14px;letter-spacing: 0;} .sy_section2 .titbox img{display: none;} .sy_section2 .content .ul{margin: 0;width: 100%;padding-bottom: 24px;} .sy_section2 .content .ul .li{padding: 0;} .sy_section2 .content .ul .li .libox{height: 460px;} .sy_section2 .content .ul .li .libox .wordsbox{padding: 14px;} .sy_section2 .content .ul .li .libox .wordsbox .tit{font-size: 16px;line-height: 20px;margin-bottom: 10px;} .sy_section2 .content .ul .li .libox .wordsbox .info{font-size: 14px;line-height: 20px;margin-bottom: 12px;} .sy_section2 .content .ul .li .libox .wordsbox .listbox{margin: -4px;min-height: 72px; width: calc(100% + 8px); width: -ms-calc(100% + 8px); width: -o-calc(100% + 8px); width: -moz-calc(100% + 8px); width: -webkit-calc(100% + 8px);} .sy_section2 .content .ul .li .libox .wordsbox .listbox .lists{width: 25%;padding: 4px;} .sy_section2 .content .ul .li .libox .wordsbox .listbox .lists .list{font-size: 14px;line-height: 26px;} .sy_section2 .content .ul .slick-dots{position: absolute; bottom: 0; height: 8px; text-align: center;} .sy_section2 .content .ul .slick-dots li{ vertical-align: top; width: 8px; height: 8px;border-radius: 8px; margin: 0 4px; background: #dddddd;} .sy_section2 .content .ul .slick-dots li.slick-active{ background: #c1141a;width: 16px;} } .sy_section3{width: 100%;padding-top: 100px;padding-bottom: 100px;} .sy_section3 .titbox{width: 100%;margin-bottom: 86px;position: relative;} .sy_section3 .titbox::after{content: "";display: block;clear: both;} .sy_section3 .titbox .left{float: left;} .sy_section3 .titbox .left h2{font-size: 36px;color: #000000;line-height: 40px;font-weight: bold;} .sy_section3 .titbox .right{float: right;} .sy_section3 .titbox .right .qh_t{} .sy_section3 .titbox .right .qh_t::after{content: "";display: block;clear: both;} .sy_section3 .titbox .right .qh_t li{float: left;margin-left: 18px;} .sy_section3 .titbox .right .qh_t li a{display: block;font-size: 18px;color: #333333;line-height: 46px;width: 150px;border: 1px solid #dddddd;text-align: center;} .sy_section3 .titbox .right .qh_t li.on a{color: #fff;background-color: #c1141a;box-shadow: 0 0 14px rgba(193,20,26,0.3);} .sy_section3 .titbox img{display: block;height: 94px;position: absolute;top: 30px;left: -148px;} .sy_section3 .content{width: 100%;} .sy_section3 .content .ul{margin: -12.5px; width: calc(100% + 25px); width: -ms-calc(100% + 25px); width: -o-calc(100% + 25px); width: -moz-calc(100% + 25px); width: -webkit-calc(100% + 25px);} .sy_section3 .content .ul::after{content: "";display: block;clear: both;} .faq_box{width:100%; float:left; margin-top:20px; } .faq_more{display: block; margin:0 auto; width: 150px;height: 48px;line-height: 48px;text-align: center;background-color: #c1141a;font-size: 16px;color: #fff;box-shadow: 0 0 14px rgba(193,20,26,0.3);} .faq_more:hover{opacity: 0.6;} .sy_section4 .faq_box{margin-top:40px;} @media screen and (max-width: 1600px) { .faq_more{width: 130px;height: 40px;line-height: 40px;font-size: 14px;} } @media screen and (max-width: 1280px) { .faq_more{width: 110px;height: 32px;line-height: 32px;font-size: 12px;} } @media screen and (max-width: 1024px) { .faq_box{margin-top:8px; } .faq_more{width: 124px;height: 34px;line-height: 34px;font-size: 14px;letter-spacing: 0;} .sy_section4 .faq_box{margin-top:8px;} } .sy_section3 .content .ul li{width: 50%;float: left;padding: 12.5px;} .sy_section3 .content .ul li .libox{width: 100%;background-color: #ffffff;border-left: 2px solid #e59c9f;padding: 40px 24px 44px 24px;box-shadow: 0 0 14px rgba(0,0,0,0.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;} .sy_section3 .content .ul li .libox:hover{box-shadow: 0 0 20px rgba(0,0,0,0.2);} .sy_section3 .content .ul li .libox ._t{width: 100%;overflow: hidden;margin-bottom: 24px;} .sy_section3 .content .ul li .libox ._t .ico{width: 22px;height: 22px;line-height: 22px;text-align: center;font-size: 14px;color: #ffffff;font-weight: bold;background-color: #c1141a;float: left;} .sy_section3 .content .ul li .libox ._t .words{font-size: 20px;color: #333333;line-height: 24px;float: left;padding-left: 16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; 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_section3 .content .ul li .libox ._b{width: 100%;overflow: hidden;} .sy_section3 .content .ul li .libox ._b .ico{width: 22px;height: 22px;line-height: 22px;text-align: center;font-size: 14px;color: #ffffff;font-weight: bold;background-color: #111111;float: left;} .sy_section3 .content .ul li .libox ._b .words{font-size: 16px;color: #666666;line-height: 30px;float: left;padding-left: 16px; height:60px; overflow:hidden; width: calc(100% - 24px); width: -ms-calc(100% - 24px); width: -o-calc(100% - 24px); width: -moz-calc(100% - 24px); width: -webkit-calc(100% - 24px);} @media screen and (max-width: 1600px){ .sy_section3{padding-top: 60px;padding-bottom: 60px;} .sy_section3 .titbox{margin-bottom: 40px;} .sy_section3 .titbox .left h2{font-size: 26px;line-height: 32px;} .sy_section3 .titbox .right .qh_t li{margin-left: 10px;} .sy_section3 .titbox .right .qh_t li a{font-size: 14px;line-height: 40px;width: 130px;} .sy_section3 .titbox img{height: 36px;top: 30px;left: -116px;} .sy_section3 .content .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_section3 .content .ul li{padding: 8px;} .sy_section3 .content .ul li .libox{padding: 20px;} .sy_section3 .content .ul li .libox ._t{margin-bottom: 16px;} .sy_section3 .content .ul li .libox ._t .ico{width: 20px;height: 20px;line-height: 20px;font-size: 12px;} .sy_section3 .content .ul li .libox ._t .words{font-size: 18px;line-height: 22px;padding-left: 12px; width: calc(100% - 22px); width: -ms-calc(100% - 22px); width: -o-calc(100% - 22px); width: -moz-calc(100% - 22px); width: -webkit-calc(100% - 22px);} .sy_section3 .content .ul li .libox ._b .ico{width: 20px;height: 20px;line-height: 20px;font-size: 12px;} .sy_section3 .content .ul li .libox ._b .words{font-size: 14px;line-height: 24px;padding-left: 12px; height:48px; 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){ .sy_section3{padding-top: 40px;padding-bottom: 40px;} .sy_section3 .titbox{margin-bottom: 30px;} .sy_section3 .titbox .left h2{font-size: 18px;line-height: 24px;} .sy_section3 .titbox .right .qh_t li{margin-left: 6px;} .sy_section3 .titbox .right .qh_t li a{font-size: 12px;line-height: 32px;width: 110px;} .sy_section3 .titbox img{height: 30px;top: 20px;left: -116px;} .sy_section3 .content .ul{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_section3 .content .ul li{padding: 5px;} .sy_section3 .content .ul li .libox{padding: 20px;} .sy_section3 .content .ul li .libox ._t{margin-bottom: 12px;} .sy_section3 .content .ul li .libox ._t .ico{width: 18px;height: 18px;line-height: 18px;} .sy_section3 .content .ul li .libox ._t .words{font-size: 16px;line-height: 20px;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);} .sy_section3 .content .ul li .libox ._b .ico{width: 18px;height: 18px;line-height: 18px;} .sy_section3 .content .ul li .libox ._b .words{font-size: 12px;line-height: 20px;padding-left: 8px; height:20px; 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){ .sy_section3{padding-top: 30px;padding-bottom: 30px;} .sy_section3 .titbox{margin-bottom: 14px;} .sy_section3 .titbox .left{width: 100%;margin-bottom: 12px;} .sy_section3 .titbox .left h2{font-size: 18px;line-height: 24px;text-align: center;} .sy_section3 .titbox .right{width: 100%;} .sy_section3 .titbox .right .qh_t{width: 100%;white-space:nowrap;overflow: hidden; overflow-x: auto; scrollbar-width: thin; max-width: 100%;} .sy_section3 .titbox .right .qh_t::-webkit-scrollbar{ display: none;} .sy_section3 .titbox .right .qh_t li{margin-left: 0;margin-right: 8px;float: none;display: inline-block;vertical-align: middle;} .sy_section3 .titbox .right .qh_t li:last-child{margin-right: 0;} .sy_section3 .titbox .right .qh_t li a{font-size: 14px;line-height: 34px;width: 106px;} .sy_section3 .titbox img{display: none;} .sy_section3 .content .ul{margin: 0;width: 100%;} .sy_section3 .content .ul li{width: 100%;padding: 0;margin-bottom: 12px;} .sy_section3 .content .ul li:last-child{margin-bottom: 0;} .sy_section3 .content .ul li .libox{padding: 12px;} .sy_section3 .content .ul li .libox ._t{margin-bottom: 10px;} .sy_section3 .content .ul li .libox ._t .ico{width: 20px;height: 20px;line-height: 20px;font-size: 12px;} .sy_section3 .content .ul li .libox ._t .words{font-size: 16px;line-height: 20px;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);} .sy_section3 .content .ul li .libox ._b .ico{width: 20px;height: 20px;line-height: 20px;font-size: 12px;} .sy_section3 .content .ul li .libox ._b .words{font-size: 14px;line-height: 22px;padding-left: 8px; height:44px; width: calc(100% - 22px); width: -ms-calc(100% - 22px); width: -o-calc(100% - 22px); width: -moz-calc(100% - 22px); width: -webkit-calc(100% - 22px);} } .sy_section4{width: 100%;padding-top: 100px;padding-bottom: 100px;} .sy_section4 .titbox{width: 100%;margin-bottom: 86px;position: relative;} .sy_section4 .titbox::after{content: "";display: block;clear: both;} .sy_section4 .titbox .left{float: left;} .sy_section4 .titbox .left h2{font-size: 36px;color: #000000;line-height: 40px;font-weight: bold;} .sy_section4 .titbox .right{float: right;} .sy_section4 .titbox .right .qh_t{} .sy_section4 .titbox .right .qh_t::after{content: "";display: block;clear: both;} .sy_section4 .titbox .right .qh_t li{float: left;margin-left: 18px;} .sy_section4 .titbox .right .qh_t li a{display: block;font-size: 18px;color: #333333;line-height: 46px;width: 150px;border: 1px solid #dddddd;text-align: center;} .sy_section4 .titbox .right .qh_t li.on a{color: #fff;background-color: #c1141a;box-shadow: 0 0 14px rgba(193,20,26,0.3);} .sy_section4 .titbox img{display: block;height: 94px;position: absolute;top: 30px;left: -148px;} .sy_section4 .content{width: 100%;} .sy_section4 .content .ul{margin: 0 -17.5px;height: auto; width: calc(100% - 35px); width: -ms-calc(100% - 35px); width: -o-calc(100% - 35px); width: -moz-calc(100% - 35px); width: -webkit-calc(100% - 35px);} .sy_section4 .content .ul::after{content: "";display: block;clear: both;} .sy_section4 .content .ul .li{padding: 0 17.5px;height: auto;width: 33.3333%;float: left;} .sy_section4 .content .ul .li a{display: block;width: 100%;} .sy_section4 .content .ul .li a .pic{ width: 100%; padding-bottom: 70.58%; 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_section4 .content .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_section4 .content .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_section4 .content .ul .li a .wordsbox{width: 100%;padding: 46px 8px 0 8px;} .sy_section4 .content .ul .li a .wordsbox .tit{font-size: 24px;color: #111111;line-height: 28px;margin-bottom: 32px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;letter-spacing: 0;} .sy_section4 .content .ul .li a:hover .wordsbox .tit{color: #c1141a;} .sy_section4 .content .ul .li a .wordsbox .info{font-size: 16px;color: #666666;line-height: 30px;margin-bottom: 42px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;letter-spacing: 0;} .sy_section4 .content .ul .li a .wordsbox .date{font-size: 16px;color: #000000;line-height: 22px;letter-spacing: 0;} .sy_section4 .content .ul .li a .wordsbox .date span{font-weight: bold;font-size: 28px;} @media screen and (max-width: 1600px){ .sy_section4{padding-top: 60px;padding-bottom: 60px;} .sy_section4 .titbox{margin-bottom: 40px;} .sy_section4 .titbox .left h2{font-size: 26px;line-height: 32px;} .sy_section4 .titbox .right .qh_t li{margin-left: 10px;} .sy_section4 .titbox .right .qh_t li a{font-size: 14px;line-height: 40px;width: 130px;} .sy_section4 .titbox img{height: 36px;top: 30px;left: -116px;} .sy_section4 .content .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_section4 .content .ul .li{padding: 0 10px;} .sy_section4 .content .ul .li a .wordsbox{padding: 20px 6px 0 6px;} .sy_section4 .content .ul .li a .wordsbox .tit{font-size: 20px;line-height: 24px;margin-bottom: 16px;} .sy_section4 .content .ul .li a .wordsbox .info{font-size: 14px;line-height: 24px;margin-bottom: 20px;} .sy_section4 .content .ul .li a .wordsbox .date{font-size: 14px;line-height: 20px;} .sy_section4 .content .ul .li a .wordsbox .date span{font-size: 24px;} } @media screen and (max-width: 1280px){ .sy_section4{padding-top: 40px;padding-bottom: 40px;} .sy_section4 .titbox{margin-bottom: 30px;} .sy_section4 .titbox .left h2{font-size: 18px;line-height: 24px;} .sy_section4 .titbox .right .qh_t li{margin-left: 6px;} .sy_section4 .titbox .right .qh_t li a{font-size: 12px;line-height: 32px;width: 110px;} .sy_section4 .titbox img{height: 30px;top: 20px;left: -116px;} .sy_section4 .content .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_section4 .content .ul .li{padding: 0 6px;} .sy_section4 .content .ul .li a .wordsbox{padding: 14px 4px 0 4px;} .sy_section4 .content .ul .li a .wordsbox .tit{font-size: 16px;line-height: 22px;margin-bottom: 12px;} .sy_section4 .content .ul .li a .wordsbox .info{font-size: 12px;line-height: 22px;margin-bottom: 16px;} .sy_section4 .content .ul .li a .wordsbox .date{font-size: 12px;line-height: 18px;} .sy_section4 .content .ul .li a .wordsbox .date span{font-size: 18px;} } @media screen and (max-width: 1024px){ .sy_section4{padding-top: 30px;padding-bottom: 30px;} .sy_section4 .titbox{margin-bottom: 14px;} .sy_section4 .titbox .left{width: 100%;margin-bottom: 12px;} .sy_section4 .titbox .left h2{font-size: 18px;line-height: 24px;text-align: center;} .sy_section4 .titbox .right{width: 100%;} .sy_section4 .titbox .right .qh_t{width: 100%;white-space:nowrap;overflow: hidden; overflow-x: auto; scrollbar-width: thin; max-width: 100%;} .sy_section4 .titbox .right .qh_t::-webkit-scrollbar{ display: none;} .sy_section4 .titbox .right .qh_t li{margin-left: 0;margin-right: 8px;float: none;display: inline-block;vertical-align: middle;} .sy_section4 .titbox .right .qh_t li:last-child{margin-right: 0;} .sy_section4 .titbox .right .qh_t li a{font-size: 14px;line-height: 34px;width: 106px;} .sy_section4 .titbox img{display: none;} .sy_section4 .content .ul{margin: 0 -2px;padding-bottom: 24px; width: calc(100% - 4px); width: -ms-calc(100% - 4px); width: -o-calc(100% - 4px); width: -moz-calc(100% - 4px); width: -webkit-calc(100% - 4px);} .sy_section4 .content .ul .li{padding: 0 2px;} .sy_section4 .content .ul .li a .wordsbox{padding: 12px 8px 0 8px;} .sy_section4 .content .ul .li a .wordsbox .tit{font-size: 16px;line-height: 20px;margin-bottom: 12px;} .sy_section4 .content .ul .li a .wordsbox .info{font-size: 14px;line-height: 22px;margin-bottom: 14px;} .sy_section4 .content .ul .li a .wordsbox .date{font-size: 14px;line-height: 20px;} .sy_section4 .content .ul .li a .wordsbox .date span{font-size: 18px;} .swiper-button-next, .swiper-button-prev{display: block!important;} } /*内页banner*/ .ny_banner{width: 100%;} .ny_banner .content{width: 100%;position: relative;} .ny_banner .content .ba_pic{width: 100%;position: relative;z-index: 2;} .ny_banner .content .ba_pic img{display: block;width: 100%;} .ny_banner .content .ba_pic::after{content: "";display: block;width: 100%;height: 100%;background-color: rgba(17,17,17,0.1);position: absolute;left: 0;top: 0;} .ny_banner .content .wordsbox{width: 100%;position: absolute;left: 0;top: 57%; transform: translate(0,-50%); -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -o-transform: translate(0,-50%);} .ny_banner .content .wordsbox .cons{width: 100%;border-left: 4px solid #c1141a;padding-left: 18px;} .ny_banner .content .wordsbox .cons .tit1{font-size: 36px;color: #ffffff;line-height: 40px;margin-bottom: 20px;font-weight: bold;} .ny_banner .content .wordsbox .cons .tit2{font-size: 36px;color: #ffffff;line-height: 40px;text-transform:uppercase;} @media screen and (max-width: 1600px){ .ny_banner .content .wordsbox{top: 57%;} .ny_banner .content .wordsbox .cons{border-left: 3px solid #c1141a;padding-left: 12px;} .ny_banner .content .wordsbox .cons .tit1{font-size: 24px;line-height: 30px;margin-bottom: 14px;} .ny_banner .content .wordsbox .cons .tit2{font-size: 24px;line-height: 30px;} } @media screen and (max-width: 1280px){ .ny_banner .content .wordsbox{top: 57%;} .ny_banner .content .wordsbox .cons{border-left: 2px solid #c1141a;padding-left: 10px;} .ny_banner .content .wordsbox .cons .tit1{font-size: 18px;line-height: 24px;margin-bottom: 12px;} .ny_banner .content .wordsbox .cons .tit2{font-size: 18px;line-height: 24px;} } @media screen and (max-width: 1024px){ .ny_banner{margin-top: 50px;} .ny_banner .content .wordsbox{top: 50%;} .ny_banner .content .wordsbox .cons{border-left: 2px solid #c1141a;padding-left: 10px;} .ny_banner .content .wordsbox .cons .tit1{font-size: 18px;line-height: 24px;margin-bottom: 10px;} .ny_banner .content .wordsbox .cons .tit2{font-size: 18px;line-height: 24px;} } /*关于我们*/ .gy_section1{width: 100%;padding-top: 80px;padding-bottom: 100px;overflow: hidden;} .gy_section1 .content{width: 100%;} .gy_section1 .content::after{content: "";display: block;clear: both;} .gy_section1 .content .left{width: 51.63%;float: left;padding-right: 60px;padding-top: 60px;} .gy_section1 .content .left .tit{font-size: 36px;color: #000000;line-height: 40px;font-weight: bold;margin-bottom: 22px;letter-spacing: 0;} .gy_section1 .content .left .tit2{font-size: 40px;color: #000000;line-height: 44px;font-weight: bold;text-transform:uppercase;letter-spacing: 0;padding-bottom: 22px;margin-bottom: 48px;position: relative;} .gy_section1 .content .left .tit2::after{content: "";display: block;width: 630px;height: 1px;background-color: #c1141a;position: absolute;bottom: 0;left: -140px;} .gy_section1 .content .left .tit2::before{width: 16px;height: 16px;content: "";display: block;background-color: #c1141a;position: absolute;left: 480px;bottom: -8px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} .gy_section1 .content .left .info{font-size: 16px;color: #666666;line-height: 30px;overflow: hidden; overflow-y: auto; scrollbar-width: thin; max-height: 350px;padding-right: 6px;} .gy_section1 .content .left .info::-webkit-scrollbar{ width: 3px;} .gy_section1 .content .left .info::-webkit-scrollbar-track{ background-color: #e5e5e5; border-radius: 3px;} .gy_section1 .content .left .info::-webkit-scrollbar-thumb{ width: 3px; background-color: #c1141a; border-radius: 3px;} .gy_section1 .content .left .info span{font-weight: bold;color: #c1141a;} .gy_section1 .content .right{width: 48.37%;float: left;position: relative;cursor: pointer;} .gy_section1 .content .right::after{z-index: 3; content: "";display: block;width: 226px;height: 230px;background: url(images/img48.png)no-repeat center center;background-size: cover;position: absolute; right: -18px;bottom: -18px;} .gy_section1 .content .right .ba_pic{width: 100%;height: 618px;cursor: pointer;z-index: 4;position: relative;} .gy_section1 .content .right .icobox{width: 100%;position: absolute;left: 0;top: 50%;z-index: 5; 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 .right .icobox .ico{width: 84px;height: 84px;margin: 0 auto 8px auto;} .gy_section1 .content .right .icobox .words{font-size: 16px;color: #ffffff;line-height: 20px;text-align: center;text-transform:uppercase;} @media screen and (max-width: 1600px){ .gy_section1{padding-top: 60px;padding-bottom: 60px;} .gy_section1 .content .left{width: 52%;padding-right: 40px;padding-top: 30px;} .gy_section1 .content .left .tit{font-size: 24px;line-height: 30px;margin-bottom: 18px;} .gy_section1 .content .left .tit2{font-size: 26px;line-height: 30px;padding-bottom: 16px;margin-bottom: 22px;} .gy_section1 .content .left .tit2::after{width: 460px;left: -110px;} .gy_section1 .content .left .tit2::before{width: 12px;height: 12px;left: 350px;bottom: -6px;} .gy_section1 .content .left .info{font-size: 14px;line-height: 24px;max-height: 260px;padding-right: 4px;} .gy_section1 .content .right{width: 48%;} .gy_section1 .content .right::after{width: 160px;height: 162px;right: -10px;bottom: -10px;} .gy_section1 .content .right .ba_pic{height: 475px;} .gy_section1 .content .right .icobox .ico{width: 60px;height: 60px;margin: 0 auto 6px auto;} .gy_section1 .content .right .icobox .words{font-size: 14px;line-height: 18px;} } @media screen and (max-width: 1280px){ .gy_section1{padding-top: 40px;padding-bottom: 40px;} .gy_section1 .content .left{padding-right: 20px;padding-top: 20px;} .gy_section1 .content .left .tit{font-size: 18px;line-height: 24px;margin-bottom: 12px;} .gy_section1 .content .left .tit2{font-size: 20px;line-height: 24px;padding-bottom: 12px;margin-bottom: 16px;} .gy_section1 .content .left .tit2::after{width: 460px;left: -110px;} .gy_section1 .content .left .tit2::before{width: 10px;height: 10px;left: 350px;bottom: -5px;} .gy_section1 .content .left .info{font-size: 12px;line-height: 20px;max-height: 240px;} .gy_section1 .content .right::after{width: 160px;height: 162px;right: -10px;bottom: -10px;} .gy_section1 .content .right .ba_pic{height: 390px;} .gy_section1 .content .right .icobox .ico{width: 50px;height: 50px;margin: 0 auto 6px auto;} .gy_section1 .content .right .icobox .words{font-size: 12px;line-height: 16px;} } @media screen and (max-width: 1024px){ .gy_section1{padding-top: 30px;padding-bottom: 30px;} .gy_section1 .content .left{width: 100%;padding-right: 0;padding-top: 0;margin-bottom: 16px;} .gy_section1 .content .left .tit{font-size: 18px;line-height: 24px;margin-bottom: 10px;} .gy_section1 .content .left .tit2{font-size: 20px;line-height: 24px;padding-bottom: 0;margin-bottom: 12px;} .gy_section1 .content .left .tit2::after{display: none;} .gy_section1 .content .left .tit2::before{display: none;} .gy_section1 .content .left .info{font-size: 14px;line-height: 24px;max-height: 10000px;padding-right: 0;letter-spacing: 0;} .gy_section1 .content .left .info::-webkit-scrollbar{ display: none;} .gy_section1 .content .right{width: 100%;padding-right: 6px;padding-bottom: 6px;} .gy_section1 .content .right::after{width: 80px;height: 80px;right: 0;bottom: 0;} .gy_section1 .content .right .ba_pic{height: 260px;} .gy_section1 .content .right .icobox .ico{width: 50px;height: 50px;margin: 0 auto 6px auto;} .gy_section1 .content .right .icobox .words{font-size: 14px;line-height: 18px;} } .gy_section2{width: 100%;padding-top: 72px;} .gy_section2 .section1{width: 100%;margin-bottom: 166px;overflow: hidden;} .gy_section2 .section1 .tit1{font-size: 36px;color: #ffffff;line-height: 40px;font-weight: bold;margin-bottom: 20px;} .gy_section2 .section1 .tit2{font-size: 40px;color: #ffffff;line-height: 44px;font-weight: bold;margin-bottom: 4px;text-transform:uppercase;} .gy_section2 .section1 .infobox{position: relative;padding-left: 566px;position: relative;} .gy_section2 .section1 .infobox .info{font-size: 28px;color: #000000;line-height: 32px;margin-bottom: 16px;} .gy_section2 .section1 .infobox .info:last-child{margin-bottom: 0;} .gy_section2 .section1 .infobox .info span{font-size: 36px;margin-right: 22px;} .gy_section2 .section1 .infobox::after{content: "";display: block;width: 632px;height: 1px;background-color: #c1141a;position: absolute;left: -140px;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_section2 .section1 .infobox::before{width: 16px;height: 16px;content: "";display: block;background-color: #c1141a;position: absolute;left: 480px;top: 50%;margin-top: -8px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} .gy_section2 .section2{width: 100%;padding-top: 114px;padding-bottom: 146px;} .gy_section2 .section2 .content{width: 100%;overflow: hidden;} .gy_section2 .section2 .content .tit{font-size: 24px;color: #ffffff;line-height: 28px;float: left;} .gy_section2 .section2 .content .border{width: 24px;height: 2px;background-color: #fff;float: left;margin: 14px 14px 0 14px;} .gy_section2 .section2 .content .info{font-size: 18px;color: #ffffff;line-height: 36px;float: left;width: 560px;} @media screen and (max-width: 1600px){ .gy_section2{padding-top: 60px;} .gy_section2 .section1{margin-bottom: 70px;} .gy_section2 .section1 .tit1{font-size: 24px;line-height: 30px;margin-bottom: 16px;} .gy_section2 .section1 .tit2{font-size: 26px;line-height: 30px;} .gy_section2 .section1 .infobox{padding-left: 340px;} .gy_section2 .section1 .infobox .info{font-size: 20px;line-height: 24px;margin-bottom: 12px;} .gy_section2 .section1 .infobox .info span{font-size: 24px;margin-right: 12px;} .gy_section2 .section1 .infobox::after{width: 414px;height: 1px;left: -106px;} .gy_section2 .section1 .infobox::before{width: 14px;height: 14px;left: 304px;margin-top: -7px;} .gy_section2 .section2{padding-top: 60px;padding-bottom: 60px;} .gy_section2 .section2 .content .tit{font-size: 20px;line-height: 24px;} .gy_section2 .section2 .content .border{width: 20px;margin: 14px 14px 0 14px;} .gy_section2 .section2 .content .info{font-size: 16px;line-height: 28px;width: 560px;} } @media screen and (max-width: 1280px){ .gy_section2{padding-top: 40px;} .gy_section2 .section1{margin-bottom: 40px;} .gy_section2 .section1 .tit1{font-size: 18px;line-height: 24px;margin-bottom: 12px;} .gy_section2 .section1 .tit2{font-size: 20px;line-height: 24px;} .gy_section2 .section1 .infobox{padding-left: 280px;} .gy_section2 .section1 .infobox .info{font-size: 16px;line-height: 20px;margin-bottom: 8px;} .gy_section2 .section1 .infobox .info span{font-size: 20px;margin-right: 8px;} .gy_section2 .section1 .infobox::after{width: 340px;height: 1px;left: -106px;} .gy_section2 .section1 .infobox::before{width: 10px;height: 10px;left: 234px;margin-top: -5px;} .gy_section2 .section2{padding-top: 40px;padding-bottom: 40px;} .gy_section2 .section2 .content .tit{font-size: 18px;line-height: 22px;} .gy_section2 .section2 .content .border{width: 18px;margin: 12px 12px 0 12px;} .gy_section2 .section2 .content .info{font-size: 14px;line-height: 24px;width: 400px;} } @media screen and (max-width: 1024px){ .gy_section2{padding-top: 30px;} .gy_section2 .section1{margin-bottom: 20px;} .gy_section2 .section1 .tit1{font-size: 18px;line-height: 24px;margin-bottom: 10px;} .gy_section2 .section1 .tit2{font-size: 20px;line-height: 24px;margin-bottom: 4px;} .gy_section2 .section1 .infobox{padding-left: 0;} .gy_section2 .section1 .infobox .info{font-size: 16px;line-height: 22px;margin-bottom: 10px;} .gy_section2 .section1 .infobox .info span{font-size: 18px;margin-right: 10px;} .gy_section2 .section1 .infobox::after{display: none;} .gy_section2 .section1 .infobox::before{display: none;} .gy_section2 .section2{width: 100%;padding-top: 30px;padding-bottom: 30px;} .gy_section2 .section2 .content .tit{font-size: 16px;line-height: 20px;margin-bottom: 12px;} .gy_section2 .section2 .content .border{width: 18px;margin: 10px 10px 0 10px;} .gy_section2 .section2 .content .info{font-size: 14px;line-height: 22px;width: 60%;margin-right: 40%;} } .gy_section3{width: 100%;padding-top: 76px;padding-bottom: 80px;} .gy_section3 .tit1{font-size: 36px;color: #333333;line-height: 40px;margin-bottom: 22px;font-weight: bold;} .gy_section3 .tit2{font-size: 40px;color: #333333;line-height: 44px;font-weight: bold;margin-bottom: 66px;padding-bottom: 22px;text-transform:uppercase;position: relative;} .gy_section3 .tit2::after{content: "";display: block;width: 730px;height: 1px;background-color: #c1141a;position: absolute;left: -135px;bottom: 0;} .gy_section3 .tit2::before{width: 16px;height: 16px;content: "";display: block;background-color: #c1141a;position: absolute;left: 590px;bottom: -8px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} .gy_section3 .content{width: 100%;} .gy_section3 .content .ul{width: 100%;height: auto;} .gy_section3 .content .ul .li{width: 68.92%;height: auto;padding-top: 20px;padding-bottom: 20px;} .gy_section3 .content .ul .li .libox{width: 100%;padding: 3px;background-color: #fff;} .gy_section3 .content .ul .li .libox::after{content: "";display: block;clear: both;} .gy_section3 .content .ul .li .libox .picbox{width: 42.81%;float: left;height: 706px;overflow: hidden;} .gy_section3 .content .ul .li .libox .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;} .gy_section3 .content .ul .li:hover .libox .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);} .gy_section3 .content .ul .li .libox .wordscon{width: 57.19%;float: left;height: 706px;box-shadow: 0 0 14px rgba(0,0,0,0.1);} .gy_section3 .content .ul .li .libox .wordscon .wordsbox{width: 100%;padding-top: 112px;padding-left: 52px;padding-right: 46px;} .gy_section3 .content .ul .li .libox .wordscon .wordsbox .tit1s{font-size: 30px;color: #333333;line-height: 34px;margin-bottom: 28px;font-weight: bold;} .gy_section3 .content .ul .li .libox .wordscon .wordsbox .tit2s{font-size: 20px;color: #333333;line-height: 24px;border-bottom: 1px solid #dddddd;padding-bottom: 34px;margin-bottom: 42px;} .gy_section3 .content .ul .li .libox .wordscon .wordsbox .info{font-size: 18px;color: #666666;line-height: 36px;} .swiper-button-next, .swiper-button-prev{display: none!important;} .gy_section3 .content .swiper-button-next, .gy_section3 .content .swiper-button-prev{display: block!important;} @media screen and (max-width: 1600px){ .gy_section3{padding-top: 60px;padding-bottom: 40px;} .gy_section3 .tit1{font-size: 24px;line-height: 30px;margin-bottom: 16px;} .gy_section3 .tit2{font-size: 26px;line-height: 30px;margin-bottom: 30px;padding-bottom: 20px;} .gy_section3 .tit2::after{width: 500px;height: 1px;left: -106px;} .gy_section3 .tit2::before{width: 14px;height: 14px;left: 394px;bottom: -7px;} .gy_section3 .content .ul .li{width: 69%;} .gy_section3 .content .ul .li .libox{padding: 2px;} .gy_section3 .content .ul .li .libox .picbox{width: 42%;height: 520px;} .gy_section3 .content .ul .li .libox .wordscon{width: 58%;height: 520px;} .gy_section3 .content .ul .li .libox .wordscon .wordsbox{padding-top: 80px;padding-left: 40px;padding-right: 40px;} .gy_section3 .content .ul .li .libox .wordscon .wordsbox .tit1s{font-size: 22px;line-height: 28px;margin-bottom: 18px;} .gy_section3 .content .ul .li .libox .wordscon .wordsbox .tit2s{font-size: 18px;line-height: 22px;padding-bottom: 24px;margin-bottom: 30px;} .gy_section3 .content .ul .li .libox .wordscon .wordsbox .info{font-size: 14px;line-height: 26px;} } @media screen and (max-width: 1280px){ .gy_section3{padding-top: 40px;padding-bottom: 20px;} .gy_section3 .tit1{font-size: 18px;line-height: 24px;margin-bottom: 12px;} .gy_section3 .tit2{font-size: 20px;line-height: 24px;margin-bottom: 12px;padding-bottom: 16px;} .gy_section3 .tit2::after{width: 400px;height: 1px;left: -106px;} .gy_section3 .tit2::before{width: 10px;height: 10px;left: 294px;bottom: -5px;} .gy_section3 .content .ul .li{width: 68.8%;} .gy_section3 .content .ul .li .libox .picbox{height: 400px;} .gy_section3 .content .ul .li .libox .wordscon{height: 400px;} .gy_section3 .content .ul .li .libox .wordscon .wordsbox{padding-top: 80px;padding-left: 40px;padding-right: 40px;} .gy_section3 .content .ul .li .libox .wordscon .wordsbox .tit1s{font-size: 18px;line-height: 24px;margin-bottom: 12px;} .gy_section3 .content .ul .li .libox .wordscon .wordsbox .tit2s{font-size: 14px;line-height: 20px;padding-bottom: 14px;margin-bottom: 14px;} .gy_section3 .content .ul .li .libox .wordscon .wordsbox .info{font-size: 12px;line-height: 22px;} } @media screen and (max-width: 1024px){ .gy_section3{padding-top: 30px;padding-bottom: 10px;} .gy_section3 .tit1{font-size: 18px;line-height: 24px;margin-bottom: 12px;} .gy_section3 .tit2{font-size: 20px;line-height: 24px;margin-bottom: 0px;padding-bottom: 0;} .gy_section3 .tit2::after{display: none;} .gy_section3 .tit2::before{display: none;} .gy_section3 .content .ul .li{width: 100%;} .gy_section3 .content .ul .li .libox{padding: 2px;} .gy_section3 .content .ul .li .libox .picbox{width: 42%;height: 240px;} .gy_section3 .content .ul .li .libox .wordscon{width: 58%;height: 240px;} .gy_section3 .content .ul .li .libox .wordscon .wordsbox{padding-top: 20px;padding-left: 12px;padding-right: 12px;} .gy_section3 .content .ul .li .libox .wordscon .wordsbox .tit1s{font-size: 18px;line-height: 24px;margin-bottom: 10px;} .gy_section3 .content .ul .li .libox .wordscon .wordsbox .tit2s{font-size: 16px;line-height: 20px;padding-bottom: 12px;margin-bottom: 12px;} .gy_section3 .content .ul .li .libox .wordscon .wordsbox .info{font-size: 14px;line-height: 22px;overflow: hidden; overflow-y: auto; scrollbar-width: thin; max-height: 90px;} .gy_section3 .content .ul .li .libox .wordscon .wordsbox .info::-webkit-scrollbar{ display: none;} .swiper-button-next, .swiper-button-prev{display: block!important;} } /*二级导航当前位置*/ .dqej_section{width: 100%;padding-top: 28px;padding-bottom: 28px;box-shadow:0px 12px 8px -12px rgba(0,0,0,0.1);} .dqej_section .content{width: 100%;overflow: hidden;} .dqej_section .content .left{float: left;font-size: 0;} .dqej_section .content .left .ico{width: 20px;height: 20px;display: inline-block;vertical-align: middle;margin-right: 12px;} .dqej_section .content .left a{display: inline-block;vertical-align: middle;font-size: 16px;color: #666666;line-height: 20px;} .dqej_section .content .left span{display: inline-block;vertical-align: middle;font-size: 16px;color: #666666;line-height: 20px;margin: 0 8px;} .dqej_section .content .right{float: right;} .dqej_section .content .right ul{overflow: hidden;} .dqej_section .content .right ul li{float: left;margin-left: 82px;} .dqej_section .content .right ul li a{display: block;font-size: 16px;color: #666666;line-height: 20px;position: relative;} .dqej_section .content .right ul li.on a, .dqej_section .content .right ul li:hover a{padding-left: 18px;color: #c1141a;} .dqej_section .content .right ul li.on a::after, .dqej_section .content .right ul li:hover a::after{content: "";display: block;width: 6px;height: 6px;background-color: #c1141a;border-radius: 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%);} @media screen and (max-width: 1600px){ .dqej_section{padding-top: 22px;padding-bottom: 22px;} .dqej_section .content .left .ico{width: 18px;height: 18px;margin-right: 8px;} .dqej_section .content .left a{font-size: 14px;line-height: 18px;} .dqej_section .content .left span{font-size: 14px;line-height: 18px;margin: 0 6px;} .dqej_section .content .right ul li{margin-left: 40px;} .dqej_section .content .right ul li a{font-size: 14px;line-height: 18px;} .dqej_section .content .right ul li.on a, .dqej_section .content .right ul li:hover a{padding-left: 14px;} .dqej_section .content .right ul li.on a::after, .dqej_section .content .right ul li:hover a::after{width: 4px;height: 4px;} } @media screen and (max-width: 1280px){ .dqej_section{padding-top: 20px;padding-bottom: 20px;} .dqej_section .content .left .ico{width: 16px;height: 16px;margin-right: 6px;} .dqej_section .content .left a{font-size: 12px;line-height: 16px;} .dqej_section .content .left span{font-size: 12px;line-height: 16px;margin: 0 4px;} .dqej_section .content .right ul li{margin-left: 20px;} .dqej_section .content .right ul li a{font-size: 12px;line-height: 16px;} .dqej_section .content .right ul li.on a, .dqej_section .content .right ul li:hover a{padding-left: 10px;} .dqej_section .content .right ul li.on a::after, } @media screen and (max-width: 1024px){ .dqej_section{padding-top: 18px;padding-bottom: 18px;} .dqej_section .content .left{display: none;} .dqej_section .content .right{width: 100%;} .dqej_section .content .right ul{width: 100%;text-align: center;white-space:nowrap;overflow: hidden; overflow-x: auto; scrollbar-width: thin; max-width: 100%;} .dqej_section .content .right ul::-webkit-scrollbar{ display: none;} .dqej_section .content .right ul li{float: none;margin-left: 0;margin-right: 10px;display: inline-block;vertical-align: middle;} .dqej_section .content .right ul li:last-child{margin-right: 0;} .dqej_section .content .right ul li a{font-size: 14px;line-height: 20px;} .dqej_section .content .right ul li.on a, .dqej_section .content .right ul li:hover a{padding-left: 10px;} .dqej_section .content .right ul li.on a::after, .dqej_section .content .right ul li:hover a::after{width: 4px;height: 4px;} } /*移民项目*/ .ymxm_section1{width: 100%;padding-top: 80px;padding-bottom: 100px;} .ymxm_section1 ul{margin: -20px -12px;display:flex; flex-wrap: wrap; align-items: flex-start; width: calc(100% + 24px); width: -ms-calc(100% + 24px); width: -o-calc(100% + 24px); width: -moz-calc(100% + 24px); width: -webkit-calc(100% + 24px);} .ymxm_section1 ul::after{content: "";display: block;clear: both;} .ymxm_section1 ul li{width: 33.3333%;float: left;padding: 20px 12px;} .ymxm_section1 ul li a{display: block;width: 100%;border: 1px solid #dddddd;} .ymxm_section1 ul li a:hover{border-color: rgba(255,255,255,0);box-shadow: 0 0 30px rgba(220,220,220,0.4);} .ymxm_section1 ul li a .pic{ width: 100%; padding-bottom: 64.1%; 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;} .ymxm_section1 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;} .ymxm_section1 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);} .ymxm_section1 ul li a .wordsbox{width: 100%;padding: 36px 22px 40px 22px;} .ymxm_section1 ul li a .wordsbox .tit{font-size: 24px;color: #666666;line-height: 28px;margin-bottom: 28px;} .ymxm_section1 ul li a:hover .wordsbox .tit{color: #c1141a;} .ymxm_section1 ul li a .wordsbox .info{font-size: 18px;color: #666666;line-height: 30px;margin-bottom: 24px;letter-spacing: 0; height:60px; overflow:hidden;} .ymxm_section1 ul li a .wordsbox .fl{width: 100%;} .ymxm_section1 ul li a .wordsbox .fl .listbox{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);} .ymxm_section1 ul li a .wordsbox .fl .listbox::after{content: "";display: block;clear: both;} .ymxm_section1 ul li a .wordsbox .fl .listbox .lists{padding: 8px;float: left;} .ymxm_section1 ul li a .wordsbox .fl .listbox .lists .list{font-size: 14px;color: #666666;line-height: 32px;border-radius: 4px;padding: 0 16px;background-color: #f1efef;letter-spacing: 0;} .ymxm_section1 ul li a .wordsbox .fl .listbox .lists .list:hover{background-color: #c1141a;color: #fff;box-shadow: 0 0 14px rgba(193,20,26,0.2);} @media screen and (max-width: 1600px){ .ymxm_section1{padding-top: 60px;padding-bottom: 60px;} .ymxm_section1 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);} .ymxm_section1 ul li{padding: 8px;} .ymxm_section1 ul li a .wordsbox{padding: 16px;} .ymxm_section1 ul li a .wordsbox .tit{font-size: 18px;line-height: 24px;margin-bottom: 10px;} .ymxm_section1 ul li a .wordsbox .info{font-size: 14px;line-height: 20px;margin-bottom: 12px; height:40px;} .ymxm_section1 ul li a .wordsbox .fl .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);} .ymxm_section1 ul li a .wordsbox .fl .listbox .lists{padding: 4px;float: left;} .ymxm_section1 ul li a .wordsbox .fl .listbox .lists .list{font-size: 12px;line-height: 28px;padding: 0 10px;} } @media screen and (max-width: 1280px){ .ymxm_section1{padding-top: 40px;padding-bottom: 40px;} .ymxm_section1 ul{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);} .ymxm_section1 ul li{padding: 5px;} .ymxm_section1 ul li a .wordsbox{padding: 12px;} .ymxm_section1 ul li a .wordsbox .tit{font-size: 16px;line-height: 20px;margin-bottom: 8px;} .ymxm_section1 ul li a .wordsbox .info{font-size: 12px;line-height: 20px;margin-bottom: 10px;} .ymxm_section1 ul li a .wordsbox .fl .listbox{margin: -2px; width: calc(100% + 4px); width: -ms-calc(100% + 4px); width: -o-calc(100% + 4px); width: -moz-calc(100% + 4px); width: -webkit-calc(100% + 4px);} .ymxm_section1 ul li a .wordsbox .fl .listbox .lists{padding: 2px;} .ymxm_section1 ul li a .wordsbox .fl .listbox .lists .list{font-size: 12px;line-height: 26px;padding: 0 5px;} } @media screen and (max-width: 1024px){ .ymxm_section1{padding-top: 30px;padding-bottom: 30px;} .ymxm_section1 ul{margin: -6px 0;width: 100%;} .ymxm_section1 ul li{width: 100%;padding: 6px 0;} .ymxm_section1 ul li a .wordsbox{padding: 12px;} .ymxm_section1 ul li a .wordsbox .tit{font-size: 18px;line-height: 24px;margin-bottom: 10px;} .ymxm_section1 ul li a .wordsbox .info{font-size: 14px;line-height: 20px;margin-bottom: 12px;} .ymxm_section1 ul li a .wordsbox .fl .listbox{margin: -3px; width: calc(100% + 6px); width: -ms-calc(100% + 6px); width: -o-calc(100% + 6px); width: -moz-calc(100% + 6px); width: -webkit-calc(100% + 6px);} .ymxm_section1 ul li a .wordsbox .fl .listbox .lists{padding: 3px;} .ymxm_section1 ul li a .wordsbox .fl .listbox .lists .list{font-size: 12px;line-height: 26px;padding: 0 6px;} } /*移民项目详情*/ .ymxq_section{width: 100%;padding-top: 80px;padding-bottom: 100px;} .ymxq_section .top{width: 100%;margin-bottom: 78px;overflow: hidden;} .ymxq_section .top .left{width: 48.68%;float: left;overflow: hidden;} .ymxq_section .top .left .pic{width: 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;} .ymxq_section .top .left .pic img{max-width:100%;} .ymxq_section .top .left .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);} .ymxq_section .top .right{width: 51.32%;float: left;padding-top: 37px;padding-left: 68px;} .ymxq_section .top .right .tit{font-size: 24px;color: #333333;line-height: 28px;margin-bottom: 34px;font-weight: bold;} .ymxq_section .top .right .listbox{width: 100%;margin-bottom: 38px;} .ymxq_section .top .right .listbox::after{content: "";display: block;clear: both;} .ymxq_section .top .right .listbox .list{float: left;margin-bottom:10px; background-color: #f1efef;border-radius: 4px;font-size: 14px;color: #666666;line-height: 40px;padding: 0 32px;margin-right: 14px;cursor: pointer;} .ymxq_section .top .right .listbox .list:hover{background-color: #c1141a;color: #fff;box-shadow: 0 0 14px rgba(193,20,26,0.4);} .ymxq_section .top .right .info{font-size: 18px;color: #666666;line-height: 30px;margin-bottom: 26px;padding-bottom: 36px;border-bottom: 1px solid #dddddd;} .ymxq_section .top .right .info span{font-weight: bold;} .ymxq_section .top .right .phone{font-size: 0;} .ymxq_section .top .right .phone .ico{width: 26px;height: 26px;display: inline-block;vertical-align: middle;} .ymxq_section .top .right .phone .words{font-size: 18px;color: #d20001;line-height: 24px;display: inline-block;vertical-align: middle;padding-left: 10px;} .ymxq_section .top .right .phone .words span{font-size: 36px;font-weight: bold;} .ymxq_section .bottom{width: 100%;} .ymxq_section .bottom::after{content: "";display: block;clear: both;} .ymxq_section .bottom .left{width: 76.5%;float: left;padding-right: 80px;} .ymxq_section .bottom .left .qh_tbox{width: 100%;} .ymxq_section .bottom .left .qh_tbox .qh_t{width: 100%;border-bottom: 2px solid #b6b6b6;padding-right: 78px;} .ymxq_section .bottom .left .qh_tbox .qh_t::after{content: "";display: block;clear: both;} .ymxq_section .bottom .left .qh_tbox .qh_t li{float: left;width: 14.25%;padding-right: 2px;} .ymxq_section .bottom .left .qh_tbox .qh_t li a{display: block;width: 100%;background-color: #b6b6b6;text-align: center;font-size: 16px;color: #ffffff;line-height: 48px;border-radius: 4px 4px 0 0;} .ymxq_section .bottom .left .qh_tbox .qh_t li:hover a, .ymxq_section .bottom .left .qh_tbox .qh_t li.on a{background-color: #d20001;box-shadow: 0 0 14px rgba(193,20,26,0.4);} .ymxq_section .bottom .left .qh_tbox.on{position: fixed;top: 0;left: 0;padding-left: 150px;padding-right: 600px;z-index: 30;} .ymxq_section .bottom .left .qh_tbox.on .qh_t{padding-right: 78px;} .ymxq_section .bottom .left .con{width: 100%;padding-top: 56px;} .ymxq_section .bottom .left .con .tit{margin-bottom: 36px;padding-left: 20px;position: relative;font-size: 24px;color: #333333;line-height: 28px;font-weight: bold;} .ymxq_section .bottom .left .con .tit::after{content: "";display: block;width: 8px;height: 8px;background-color: #d20001;border-radius: 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%);} .ymxq_section .bottom .left .con .boxs1{width: 100%;padding-left: 20px;} .ymxq_section .bottom .left .con .boxs1 .words1{font-size: 20px;color: #333333;line-height: 24px;margin-bottom: 14px;} .ymxq_section .bottom .left .con .boxs1 .words2{font-size: 18px;color: #666666;line-height: 36px;margin-bottom: 30px;} .ymxq_section .bottom .left .con .boxs1 .words3{font-size: 20px;color: #333333;line-height: 24px;margin-bottom: 14px;} .ymxq_section .bottom .left .con .boxs1 .words4{font-size: 18px;color: #666666;line-height: 36px;} .ymxq_section .bottom .left .con .boxs2{width: 100%;overflow: hidden;padding-left: 20px;} .ymxq_section .bottom .left .con .boxs2 li{width: 25%;float: left;border-right: 1px solid #dddddd;border-bottom: 1px solid #dddddd;} .ymxq_section .bottom .left .con .boxs2 li:nth-child(4){border-right-color: rgba(255,255,255,0);} .ymxq_section .bottom .left .con .boxs2 li:nth-child(5){border-bottom-color: rgba(255,255,255,0);} .ymxq_section .bottom .left .con .boxs2 li:nth-child(6){border-bottom-color: rgba(255,255,255,0);} .ymxq_section .bottom .left .con .boxs2 li:nth-child(7){border-bottom-color: rgba(255,255,255,0);} .ymxq_section .bottom .left .con .boxs2 li:nth-child(8){border-right-color: rgba(255,255,255,0);border-bottom-color: rgba(255,255,255,0);} .ymxq_section .bottom .left .con .boxs2 li .libox{padding: 60px 20px 60px 20px;} .ymxq_section .bottom .left .con .boxs2 li .libox .num{font-size: 30px;color: #333333;line-height: 34px;margin-bottom: 38px;} .ymxq_section .bottom .left .con .boxs2 li .libox .info{font-size: 16px;color: #333333;line-height: 30px;height: 90px;overflow: hidden; overflow-y: auto; scrollbar-width: thin; max-height: 90px;padding-right: 8px;} .ymxq_section .bottom .left .con .boxs2 li .libox .info::-webkit-scrollbar{ width: 3px;} .ymxq_section .bottom .left .con .boxs2 li .libox .info::-webkit-scrollbar-track{ background-color: #e5e5e5; border-radius: 3px;} .ymxq_section .bottom .left .con .boxs2 li .libox .info::-webkit-scrollbar-thumb{ width: 3px; background-color: #c1141a; border-radius: 3px;} .ymxq_section .bottom .left .con .boxs3{width: 100%;font-size: 18px;color: #666666;line-height: 30px;padding-left: 20px;} .ymxq_section .bottom .left .con .boxs4{width: 100%;padding-left: 20px;} .ymxq_section .bottom .left .con .boxs4 .table1{width: 100%;border: 1px solid #666666;} .ymxq_section .bottom .left .con .boxs4 .table1 tr{border-bottom: 1px solid #666666;} .ymxq_section .bottom .left .con .boxs4 .table1 th{border-right: 1px solid #666666;font-size: 18px;color: #333333;line-height: 30px;padding: 28px 10px;text-align: center;background-color: #e6e6e6;} .ymxq_section .bottom .left .con .boxs4 .table1 td{border-right: 1px solid #666666;font-size: 16px;color: #333333;line-height: 20px;padding: 10px;text-align: center;} .ymxq_section .bottom .left .con .boxs5{width: 100%;padding-left: 20px;} .ymxq_section .bottom .left .con .boxs5 .table2{width: 100%;border: 1px solid #666;} .ymxq_section .bottom .left .con .boxs5 .table2 tr{border: 1px solid #666;} .ymxq_section .bottom .left .con .boxs5 .table2 th{border-right: 1px solid #666;font-size: 18px;color: #333333;line-height: 30px;padding: 28px 4px;background-color: #e6e6e6;} .ymxq_section .bottom .left .con .boxs5 .table2 th.th1{width: 65px;} .ymxq_section .bottom .left .con .boxs5 .table2 th.th2{width: 276px;} .ymxq_section .bottom .left .con .boxs5 .table2 td{border-right: 1px solid #666;text-align: center;font-size: 16px;color: #333333;line-height: 24px;padding: 15px 26px;text-align: left;} .ymxq_section .bottom .left .con .boxs6{width: 100%;overflow: hidden;padding-left: 20px;} .ymxq_section .bottom .left .con .boxs6 li{width: 25%;float: left;background-color: #f5f5f5;} .ymxq_section .bottom .left .con .boxs6 li:nth-child(2), .ymxq_section .bottom .left .con .boxs6 li:nth-child(4), .ymxq_section .bottom .left .con .boxs6 li:nth-child(5), .ymxq_section .bottom .left .con .boxs6 li:nth-child(7){background-color: #eeeeee;} .ymxq_section .bottom .left .con .boxs6 li .libox{width: 100%;padding: 36px 30px 42px 30px;position: relative;} .ymxq_section .bottom .left .con .boxs6 li .libox .ico{width: 52px;height: 52px;margin: 0 auto 28px auto;} .ymxq_section .bottom .left .con .boxs6 li .libox .info{position: relative;z-index: 4;text-align: center; font-size: 16px;color: #000000;line-height: 24px;height: 72px;overflow: hidden; overflow-y: auto; scrollbar-width: thin; max-height: 72px;padding-right: 5px;} .ymxq_section .bottom .left .con .boxs6 li .libox .info::-webkit-scrollbar{ width: 3px;} .ymxq_section .bottom .left .con .boxs6 li .libox .info::-webkit-scrollbar-track{ background-color: #e5e5e5; border-radius: 3px;} .ymxq_section .bottom .left .con .boxs6 li .libox .info::-webkit-scrollbar-thumb{ width: 3px; background-color: #c1141a; border-radius: 3px;} .ymxq_section .bottom .left .con .boxs6 li .libox .num{z-index: 3; width: 100%;text-align: center;font-size: 30px;color: rgba(51,51,51,0.18);line-height: 34px;position: absolute;left: 0;bottom: 28px;font-style:italic;font-weight: bold;} .ymxq_section .bottom .right{width: 23.5%;float: right;} .ymxq_section .bottom .right .titbox{width: 100%;background-color: #d20001;padding: 18px 30px 18px 36px;font-size: 0;} .ymxq_section .bottom .right .titbox .ico{width: 26px;height: 26px;display: inline-block;vertical-align: middle;} .ymxq_section .bottom .right .titbox .words{font-size: 24px;color: #ffffff;line-height: 28px;display: inline-block;vertical-align: middle;padding-left: 18px;} .ymxq_section .bottom .right .listbox{width: 100%;padding: 30px 16px 56px 16px;border: 1px solid #dddddd;border-top: 0;margin-bottom: 40px;} .ymxq_section .bottom .right .listbox .list{width: 100%;border-bottom: 1px solid #dddddd;margin-bottom: 30px;padding-bottom: 30px; overflow:hidden;} .ymxq_section .bottom .right .listbox .list:last-child{margin-bottom: 0;padding-bottom: 0;border-bottom: 0;} .ymxq_section .bottom .right .listbox .list a{display: block;width: 100%;overflow: hidden;} .ymxq_section .bottom .right .listbox .list .picbox{float: left;width: 52%;height: 102px;overflow: hidden;} .ymxq_section .bottom .right .listbox .list .picbox a{height:100%;} .ymxq_section .bottom .right .listbox .list .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;} .ymxq_section .bottom .right .listbox .list: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);} .ymxq_section .bottom .right .listbox .list .wordsbox{width: 48%;float: left;padding-left: 26px;padding-top: 14px;} .ymxq_section .bottom .right .listbox .list .wordsbox .tit{font-size: 18px;color: #333333;line-height: 24px;margin-bottom: 20px;width: 100%;} .ymxq_section .bottom .right .listbox .list:hover .wordsbox .tit{color: #d20001;} .ymxq_section .bottom .right .listbox .list .wordsbox .more{font-size: 14px;color: #ffffff;line-height: 32px;background-color: #d20001;border-radius: 4px;padding: 0 14px;display: inline-block;box-shadow: 0 0 14px rgba(193,20,26,0.4);} .ymxq_section .bottom .right .listbox .list .wordsbox .more:hover{opacity: 0.6;} .ymxq_section .bottom .right .wordscon{width: 100%;height: 359px;position: relative;overflow: hidden;} .ymxq_section .bottom .right .wordscon .wordsbox{width: 100%;background-color: rgba(51,51,51,0.72);padding: 28px 10px 34px 10px;position: absolute;left: 0;bottom: 0;} .ymxq_section .bottom .right .wordscon .wordsbox .tit1{width: 100%;font-size: 0;margin-bottom: 18px;text-align: center;} .ymxq_section .bottom .right .wordscon .wordsbox .tit1 .ico{width: 26px;height: 26px;display: inline-block;vertical-align: middle;margin-right: 12px;} .ymxq_section .bottom .right .wordscon .wordsbox .tit1 .words{font-size: 18px;color: #ffffff;line-height: 24px;display: inline-block;vertical-align: middle;} .ymxq_section .bottom .right .wordscon .wordsbox .tit2{width: 100%;text-align: center;font-size: 36px;color: #ffffff;line-height: 40px;font-weight: bold;letter-spacing: 0;} @media screen and (max-width: 1600px){ .ymxq_section{padding-top: 60px;padding-bottom: 60px;} .ymxq_section .top{margin-bottom: 40px;} .ymxq_section .top .left{width: 48%;height: 380px;} .ymxq_section .top .right{width: 52%;padding-top: 26px;padding-left: 50px;} .ymxq_section .top .right .tit{font-size: 20px;line-height: 24px;margin-bottom: 16px;} .ymxq_section .top .right .listbox{margin-bottom: 18px;} .ymxq_section .top .right .listbox .list{font-size: 12px;line-height: 32px;padding: 0 14px; margin-bottom:10px; margin-right: 10px;} .ymxq_section .top .right .info{font-size: 16px;line-height: 24px;margin-bottom: 16px;padding-bottom: 16px;} .ymxq_section .top .right .phone .ico{width: 22px;height: 22px;} .ymxq_section .top .right .phone .words{font-size: 14px;line-height: 22px;padding-left: 8px;} .ymxq_section .top .right .phone .words span{font-size: 20px;} .ymxq_section .bottom .left{width: 75%;padding-right: 40px;} .ymxq_section .bottom .left .qh_tbox .qh_t{padding-right: 0;} .ymxq_section .bottom .left .qh_tbox .qh_t li a{font-size: 14px;line-height: 34px;} .ymxq_section .bottom .left .qh_tbox.on{padding-left: 120px;padding-right: 482px;} .ymxq_section .bottom .left .con{padding-top: 40px;} .ymxq_section .bottom .left .con .tit{margin-bottom: 20px;padding-left: 16px;font-size: 18px;line-height: 24px;} .ymxq_section .bottom .left .con .tit::after{width: 6px;height: 6px;} .ymxq_section .bottom .left .con .boxs1{padding-left: 16px;} .ymxq_section .bottom .left .con .boxs1 .words1{font-size: 16px;line-height: 20px;margin-bottom: 12px;} .ymxq_section .bottom .left .con .boxs1 .words2{font-size: 14px;line-height: 32px;margin-bottom: 16px;} .ymxq_section .bottom .left .con .boxs1 .words3{font-size: 16px;line-height: 20px;margin-bottom: 12px;} .ymxq_section .bottom .left .con .boxs1 .words4{font-size: 14px;line-height: 32px;} .ymxq_section .bottom .left .con .boxs2{padding-left: 16px;} .ymxq_section .bottom .left .con .boxs2 li .libox{padding: 24px 14px;} .ymxq_section .bottom .left .con .boxs2 li .libox .num{font-size: 18px;line-height: 24px;margin-bottom: 16px;} .ymxq_section .bottom .left .con .boxs2 li .libox .info{font-size: 14px;line-height: 20px;height: 60px;max-height: 60px;padding-right: 6px;} .ymxq_section .bottom .left .con .boxs3{font-size: 16px;line-height: 22px;padding-left: 16px;} .ymxq_section .bottom .left .con .boxs4{padding-left: 16px;} .ymxq_section .bottom .left .con .boxs4 .table1 th{font-size: 16px;line-height: 20px;padding: 12px 6px;} .ymxq_section .bottom .left .con .boxs4 .table1 td{font-size: 14px;line-height: 18px;padding: 6px;} .ymxq_section .bottom .left .con .boxs5{padding-left: 16px;} .ymxq_section .bottom .left .con .boxs5 .table2 th{font-size: 16px;line-height: 24px;padding: 12px 4px;} .ymxq_section .bottom .left .con .boxs5 .table2 th.th1{width: 60px;} .ymxq_section .bottom .left .con .boxs5 .table2 th.th2{width: 240px;} .ymxq_section .bottom .left .con .boxs5 .table2 td{font-size: 14px;line-height: 20px;padding: 12px 16px;} .ymxq_section .bottom .left .con .boxs6{padding-left: 16px;} .ymxq_section .bottom .left .con .boxs6 li .libox{padding: 20px;} .ymxq_section .bottom .left .con .boxs6 li .libox .ico{width: 36px;height: 36px;margin: 0 auto 10px auto;} .ymxq_section .bottom .left .con .boxs6 li .libox .info{font-size: 14px;line-height: 20px;height: 60px;max-height: 60px;padding-right: 4px;} .ymxq_section .bottom .left .con .boxs6 li .libox .num{font-size: 18px;line-height: 24px;bottom: 12px;} .ymxq_section .bottom .right{width: 25%;} .ymxq_section .bottom .right .titbox{padding: 18px;} .ymxq_section .bottom .right .titbox .ico{width: 22px;height: 22px;} .ymxq_section .bottom .right .titbox .words{font-size: 18px;line-height: 24px;padding-left: 12px;} .ymxq_section .bottom .right .listbox{padding: 20px 12px 30px 12px;margin-bottom: 20px;} .ymxq_section .bottom .right .listbox .list{margin-bottom: 16px;padding-bottom: 16px;} .ymxq_section .bottom .right .listbox .list .picbox{height: 84px;} .ymxq_section .bottom .right .listbox .list .wordsbox{padding-left: 16px;padding-top: 10px;} .ymxq_section .bottom .right .listbox .list .wordsbox .tit{font-size: 16px;line-height: 20px;margin-bottom: 12px;} .ymxq_section .bottom .right .listbox .list .wordsbox .more{font-size: 12px;line-height: 28px;padding: 0 10px;} .ymxq_section .bottom .right .wordscon{height: 290px;} .ymxq_section .bottom .right .wordscon .wordsbox{padding: 16px 10px;} .ymxq_section .bottom .right .wordscon .wordsbox .tit1{margin-bottom: 12px;} .ymxq_section .bottom .right .wordscon .wordsbox .tit1 .ico{width: 22px;height: 22px;margin-right: 8px;} .ymxq_section .bottom .right .wordscon .wordsbox .tit1 .words{font-size: 14px;line-height: 20px;} .ymxq_section .bottom .right .wordscon .wordsbox .tit2{font-size: 18px;line-height: 24px;} } @media screen and (max-width: 1366px){ .ymxq_section .bottom .left .qh_tbox.on{padding-left: 120px;padding-right: 436px;} } @media screen and (max-width: 1280px){ .ymxq_section{padding-top: 40px;padding-bottom: 40px;} .ymxq_section .top{margin-bottom: 24px;} .ymxq_section .top .left{height: 300px;} .ymxq_section .top .right{padding-top: 16px;padding-left: 20px;} .ymxq_section .top .right .tit{font-size: 16px;line-height: 20px;margin-bottom: 12px;} .ymxq_section .top .right .listbox{margin-bottom: 8px;} .ymxq_section .top .right .listbox .list{font-size: 12px;line-height: 28px;padding: 0 10px; margin-bottom:6px; margin-right: 6px;} .ymxq_section .top .right .info{font-size: 12px;line-height: 20px;margin-bottom: 10px;padding-bottom: 10px;} .ymxq_section .top .right .phone .ico{width: 20px;height: 20px;} .ymxq_section .top .right .phone .words{font-size: 12px;line-height: 20px;padding-left: 6px;} .ymxq_section .top .right .phone .words span{font-size: 16px;} .ymxq_section .bottom .left{padding-right: 30px;} .ymxq_section .bottom .left .qh_tbox .qh_t li a{font-size: 12px;line-height: 30px;} .ymxq_section .bottom .left .qh_tbox.on{padding-left: 120px;padding-right: 406px;} .ymxq_section .bottom .left .con{padding-top: 36px;} .ymxq_section .bottom .left .con .tit{margin-bottom: 16px;padding-left: 12px;font-size: 16px;line-height: 20px;} .ymxq_section .bottom .left .con .tit::after{width: 4px;height: 4px;} .ymxq_section .bottom .left .con .boxs1{padding-left: 12px;} .ymxq_section .bottom .left .con .boxs1 .words1{font-size: 14px;line-height: 18px;margin-bottom: 10px;} .ymxq_section .bottom .left .con .boxs1 .words2{font-size: 12px;line-height: 22px;margin-bottom: 14px;} .ymxq_section .bottom .left .con .boxs1 .words3{font-size: 14px;line-height: 18px;margin-bottom: 10px;} .ymxq_section .bottom .left .con .boxs1 .words4{font-size: 12px;line-height: 22px;} .ymxq_section .bottom .left .con .boxs2{padding-left: 12px;} .ymxq_section .bottom .left .con .boxs2 li .libox{padding: 18px 12px;} .ymxq_section .bottom .left .con .boxs2 li .libox .num{font-size: 14px;line-height: 20px;margin-bottom: 12px;} .ymxq_section .bottom .left .con .boxs2 li .libox .info{font-size: 12px;} .ymxq_section .bottom .left .con .boxs3{padding-left: 12px;} .ymxq_section .bottom .left .con .boxs3{font-size: 12px;line-height: 20px;} .ymxq_section .bottom .left .con .boxs4{padding-left: 12px;} .ymxq_section .bottom .left .con .boxs4 .table1 th{font-size: 14px;line-height: 20px;padding: 10px 6px;} .ymxq_section .bottom .left .con .boxs4 .table1 td{font-size: 12px;line-height: 18px;padding: 6px;} .ymxq_section .bottom .left .con .boxs5{padding-left: 12px;} .ymxq_section .bottom .left .con .boxs5 .table2 th{font-size: 14px;line-height: 20px;padding: 10px 4px;} .ymxq_section .bottom .left .con .boxs5 .table2 th.th1{width: 50px;} .ymxq_section .bottom .left .con .boxs5 .table2 th.th2{width: 200px;} .ymxq_section .bottom .left .con .boxs5 .table2 td{font-size: 12px;line-height: 20px;padding: 10px 20px;} .ymxq_section .bottom .left .con .boxs6{padding-left: 12px;} .ymxq_section .bottom .left .con .boxs6 li .libox{padding: 16px;} .ymxq_section .bottom .left .con .boxs6 li .libox .ico{width: 30px;height: 30px;margin: 0 auto 8px auto;} .ymxq_section .bottom .left .con .boxs6 li .libox .info{font-size: 12px;line-height: 18px;height: 54px;max-height: 54px;padding-right: 4px;} .ymxq_section .bottom .left .con .boxs6 li .libox .num{;font-size: 16px;line-height: 20px;bottom: 10px;} .ymxq_section .bottom .right .titbox{padding: 14px;} .ymxq_section .bottom .right .titbox .ico{width: 18px;height: 18px;} .ymxq_section .bottom .right .titbox .words{font-size: 14px;line-height: 20px;padding-left: 8px;} .ymxq_section .bottom .right .listbox{padding: 16px 10px 20px 10px;margin-bottom: 14px;} .ymxq_section .bottom .right .listbox .list{margin-bottom: 12px;padding-bottom: 12px;} .ymxq_section .bottom .right .listbox .list .picbox{height: 70px;} .ymxq_section .bottom .right .listbox .list .wordsbox{padding-left: 10px;padding-top: 8px;} .ymxq_section .bottom .right .listbox .list .wordsbox .tit{font-size: 14px;line-height: 20px;margin-bottom: 8px;} .ymxq_section .bottom .right .listbox .list .wordsbox .more{font-size: 12px;line-height: 22px;padding: 0 6px;} .ymxq_section .bottom .right .wordscon{height: 230px;} .ymxq_section .bottom .right .wordscon .wordsbox{padding: 12px 8px;} .ymxq_section .bottom .right .wordscon .wordsbox .tit1{margin-bottom: 10px;} .ymxq_section .bottom .right .wordscon .wordsbox .tit1 .ico{width: 20px;height: 20px;margin-right: 6px;} .ymxq_section .bottom .right .wordscon .wordsbox .tit1 .words{font-size: 12px;line-height: 18px;} .ymxq_section .bottom .right .wordscon .wordsbox .tit2{font-size: 14px;line-height: 20px;} } @media screen and (max-width: 1024px){ .ymxq_section{padding-top: 30px;padding-bottom: 30px;} .ymxq_section .top{margin-bottom: 16px;} .ymxq_section .top .left{width: 100%;float: left;height: 210px;} .ymxq_section .top .right{width: 100%;padding-top: 14px;padding-left: 0;} .ymxq_section .top .right .tit{font-size: 18px;line-height: 24px;margin-bottom: 12px;} .ymxq_section .top .right .listbox{margin-bottom: 12px;} .ymxq_section .top .right .listbox .list{font-size: 12px;line-height: 28px;padding: 0 8px;margin-right: 6px;} .ymxq_section .top .right .info{font-size: 14px;line-height: 24px;margin-bottom: 12px;padding-bottom: 12px;} .ymxq_section .top .right .phone .ico{width: 22px;height: 22px;} .ymxq_section .top .right .phone .words{font-size: 14px;line-height: 20px;padding-left: 6px;letter-spacing: 0;} .ymxq_section .top .right .phone .words span{font-size: 18px;} .ymxq_section .bottom .left{width: 100%;padding-right: 0;} .ymxq_section .bottom .left .qh_tbox{display: none;} .ymxq_section .bottom .left .con{padding-top: 16px;} .ymxq_section .bottom .left .con1{margin-top: 0;} .ymxq_section .bottom .left .con .tit{margin-bottom: 12px;padding-left: 12px;font-size: 18px;line-height: 24px;;} .ymxq_section .bottom .left .con .tit::after{width: 6px;height: 6px;} .ymxq_section .bottom .left .con .boxs1 .words1{font-size: 16px;line-height: 20px;margin-bottom: 12px;} .ymxq_section .bottom .left .con .boxs1 .words2{font-size: 14px;line-height: 22px;margin-bottom: 16px;} .ymxq_section .bottom .left .con .boxs1 .words3{font-size: 16px;line-height: 20px;margin-bottom: 12px;} .ymxq_section .bottom .left .con .boxs1 .words4{font-size: 14px;line-height: 22px;} .ymxq_section .bottom .left .con .boxs2 li{width: 50%;} .ymxq_section .bottom .left .con .boxs2 li:nth-child(2){border-right-color: rgba(255,255,255,0);} .ymxq_section .bottom .left .con .boxs2 li:nth-child(4){border-right-color: rgba(255,255,255,0);} .ymxq_section .bottom .left .con .boxs2 li:nth-child(5){border-bottom-color: #ddd;} .ymxq_section .bottom .left .con .boxs2 li:nth-child(6){border-bottom-color: #ddd;border-right-color: rgba(255,255,255,0);} .ymxq_section .bottom .left .con .boxs2 li:nth-child(7){border-bottom-color: rgba(255,255,255,0);} .ymxq_section .bottom .left .con .boxs2 li:nth-child(8){border-right-color: rgba(255,255,255,0);border-bottom-color: rgba(255,255,255,0);} .ymxq_section .bottom .left .con .boxs2 li .libox{padding: 18px;} .ymxq_section .bottom .left .con .boxs2 li .libox .num{font-size: 16px;line-height: 22px;margin-bottom: 12px;} .ymxq_section .bottom .left .con .boxs2 li .libox .info{font-size: 14px;line-height: 20px;height: 80px;max-height: 80px;padding-right: 5px;} .ymxq_section .bottom .left .con .boxs2 li .libox .info::-webkit-scrollbar{ display: none;} .ymxq_section .bottom .left .con .boxs3{font-size: 14px;line-height: 22px;} .ymxq_section .bottom .left .con .boxs4{white-space:nowrap;overflow: hidden; overflow-x: auto; scrollbar-width: thin; max-width: 100%;} .ymxq_section .bottom .left .con .boxs4::-webkit-scrollbar{ display: none;} .ymxq_section .bottom .left .con .boxs4 .table1{width: 540px;} .ymxq_section .bottom .left .con .boxs4 .table1 th{font-size: 14px;line-height: 20px;padding: 6px;} .ymxq_section .bottom .left .con .boxs4 .table1 td{font-size: 12px;line-height: 20px;padding: 6px;} .ymxq_section .bottom .left .con .boxs5{white-space:nowrap;overflow: hidden; overflow-x: auto; scrollbar-width: thin; max-width: 100%;} .ymxq_section .bottom .left .con .boxs5::-webkit-scrollbar{ display: none;} .ymxq_section .bottom .left .con .boxs5 .table2{width: 540px;} .ymxq_section .bottom .left .con .boxs5 .table2 th{font-size: 14px;line-height: 20px;padding: 6px;} .ymxq_section .bottom .left .con .boxs5 .table2 th.th1{width: 50px;} .ymxq_section .bottom .left .con .boxs5 .table2 th.th2{width: 100px;} .ymxq_section .bottom .left .con .boxs5 .table2 td{font-size: 12px;line-height: 20px;padding: 6px;} .ymxq_section .bottom .left .con .boxs6 li{width: 50%;} .ymxq_section .bottom .left .con .boxs6 li:nth-child(1){background-color: #f5f5f5;} .ymxq_section .bottom .left .con .boxs6 li:nth-child(2){background-color: #eeeeee;} .ymxq_section .bottom .left .con .boxs6 li:nth-child(3){background-color: #eeeeee;} .ymxq_section .bottom .left .con .boxs6 li:nth-child(4){background-color: #f5f5f5;} .ymxq_section .bottom .left .con .boxs6 li:nth-child(5){background-color: #f5f5f5;} .ymxq_section .bottom .left .con .boxs6 li:nth-child(6){background-color: #eeeeee;} .ymxq_section .bottom .left .con .boxs6 li:nth-child(7){background-color: #eeeeee;} .ymxq_section .bottom .left .con .boxs6 li:nth-child(8){background-color: #f5f5f5;} .ymxq_section .bottom .left .con .boxs6 li .libox{padding: 16px;} .ymxq_section .bottom .left .con .boxs6 li .libox .ico{width: 36px;height: 36px;margin: 0 auto 14px auto;} .ymxq_section .bottom .left .con .boxs6 li .libox .info{font-size: 14px;line-height: 20px;height: 60px;max-height: 80px;padding-right: 4px;} .ymxq_section .bottom .left .con .boxs6 li .libox .info::-webkit-scrollbar{ display: none;} .ymxq_section .bottom .left .con .boxs6 li .libox .num{font-size: 18px;line-height: 24px;bottom: 16px;} .ymxq_section .bottom .right{width: 100%;margin-top: 14px;display: none;} .ymxq_section .bottom .right .titbox{padding: 14px;} .ymxq_section .bottom .right .titbox .ico{width: 20px;height: 20px;} .ymxq_section .bottom .right .titbox .words{font-size: 18px;line-height: 24px;padding-left: 8px;} .ymxq_section .bottom .right .listbox{padding: 16px 12px;margin-bottom: 14px;} .ymxq_section .bottom .right .listbox .list{margin-bottom: 12px;padding-bottom: 12px;} .ymxq_section .bottom .right .listbox .list .picbox{height: 90px;} .ymxq_section .bottom .right .listbox .list .wordsbox{padding-left: 14px;padding-top: 10px;} .ymxq_section .bottom .right .listbox .list .wordsbox .tit{font-size: 16px;line-height: 20px;margin-bottom: 10px;} .ymxq_section .bottom .right .listbox .list .wordsbox .more{font-size: 12px;line-height: 28px;padding: 0 8px;} .ymxq_section .bottom .right .wordscon{height: 300px;} .ymxq_section .bottom .right .wordscon .wordsbox{padding: 16px 8px;} .ymxq_section .bottom .right .wordscon .wordsbox .tit1{margin-bottom: 10px;} .ymxq_section .bottom .right .wordscon .wordsbox .tit1 .ico{width: 0px;height: 0px;margin-right: 6px;} .ymxq_section .bottom .right .wordscon .wordsbox .tit1 .words{font-size: 14px;line-height: 20px;} .ymxq_section .bottom .right .wordscon .wordsbox .tit2{font-size: 18px;line-height: 24px;} } /*海外地产*/ .hwdc_section{width: 100%;padding-top: 80px;padding-bottom: 100px;} .hwdc_section .ul{margin: -20px -15px; width: calc(100% + 30px); width: -ms-calc(100% + 30px); width: -o-calc(100% + 30px); width: -moz-calc(100% + 30px); width: -webkit-calc(100% + 30px);} .hwdc_section .ul::after{content: "";display: block;clear: both;} .hwdc_section .ul .li{width: 33.3333%;float: left;padding: 20px 15px;} .hwdc_section .ul .li a{display: block;width: 100%;} .hwdc_section .ul .li a .pic{ width: 100%; padding-bottom: 56.97%; 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;} .hwdc_section .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;} .hwdc_section .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);} .hwdc_section .ul .li a .wordsbox{width: 100%;border: 1px solid #dddddd;padding: 36px 20px 44px 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;} .hwdc_section .ul .li a:hover .wordsbox{box-shadow: 0 0 20px rgba(220,220,220,0.4);border-color: rgba(255,255,255,0);} .hwdc_section .ul .li a .wordsbox .tit{font-size: 24px;color: #666666;line-height: 28px;margin-bottom: 26px;} .hwdc_section .ul .li a:hover .wordsbox .tit{color: #c1141a;} .hwdc_section .ul .li a .wordsbox .more{width: 150px;height: 48px;line-height: 48px;text-align: center;font-size: 16px;color: #666666;background-color: #f1efef;letter-spacing: 0;} .hwdc_section .ul .li a:hover .wordsbox .more{background-color: #c1141a;color: #fff;box-shadow: 0 0 14px rgba(193,20,26,0.2);} .hwdc_section .mores{width: 100%;margin-top: 58px;} .hwdc_section .mores .ico{width: 60px;height: 60px;margin: 0 auto;} @media screen and (max-width: 1600px){ .hwdc_section{padding-top: 60px;padding-bottom: 60px;} .hwdc_section .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);} .hwdc_section .ul .li{padding: 10px;} .hwdc_section .ul .li a .wordsbox{padding: 30px 16px;} .hwdc_section .ul .li a .wordsbox .tit{font-size: 20px;line-height: 24px;margin-bottom: 18px;} .hwdc_section .ul .li a .wordsbox .more{width: 120px;height: 34px;line-height: 34px;font-size: 14px;} .hwdc_section .mores{margin-top: 30px;} .hwdc_section .mores .ico{width: 40px;height: 40px;margin: 0 auto;} } @media screen and (max-width: 1280px){ .hwdc_section{padding-top: 40px;padding-bottom: 40px;} .hwdc_section .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);} .hwdc_section .ul .li{padding: 8px;} .hwdc_section .ul .li a .wordsbox{padding: 20px 12px;} .hwdc_section .ul .li a .wordsbox .tit{font-size: 16px;line-height: 20px;margin-bottom: 12px;} .hwdc_section .ul .li a .wordsbox .more{width: 100px;height: 30px;line-height: 30px;font-size: 12px;} .hwdc_section .mores{margin-top: 20px;} .hwdc_section .mores .ico{width: 30px;height: 30px;} } @media screen and (max-width: 1024px){ .hwdc_section{padding-top: 30px;padding-bottom: 30px;} .hwdc_section .ul{margin: -6px 0;width: 100%;} .hwdc_section .ul .li{width: 100%;padding: 6px 0;} .hwdc_section .ul .li a .wordsbox{padding: 14px;} .hwdc_section .ul .li a .wordsbox .tit{font-size: 18px;line-height: 24px;margin-bottom: 12px;} .hwdc_section .ul .li a .wordsbox .more{width: 110px;height: 30px;line-height: 30px;font-size: 14px;} .hwdc_section .mores{width: 100%;margin-top: 16px;} .hwdc_section .mores .ico{width: 36px;height: 36px;} } /*海外地产详情*/ .hwdc_section1{width: 100%;padding-top: 80px;padding-bottom: 100px;} .hwdc_section1 .content{width: 100%;} .hwdc_section1 .content::after{content: "";display: block;clear: both;} .hwdc_section1 .content .left{width: 76.5%;float: left;padding-right: 80px;} .hwdc_section1 .content .left h2{font-size: 30px;color: #333333;line-height: 34px;margin-bottom: 50px;font-weight: bold;text-align: center;} .hwdc_section1 .content .left .boxs1{width: 100%;text-align: center;margin-bottom: 52px;font-size: 0;} .hwdc_section1 .content .left .boxs1 .words{font-size: 16px;color: #666666;line-height: 22px;display: inline-block;vertical-align: middle;margin: 0 24px;} .hwdc_section1 .content .left .cont{width: 100%;padding-top: 58px;border-top: 2px solid #cbcbcb;} .hwdc_section1 .content .left .cont .titbox{width: 100%;font-size: 0;margin-bottom: 54px;} .hwdc_section1 .content .left .cont .titbox .icobox{width: 56px;height: 56px;display: inline-block;vertical-align: middle;border: 1px dashed #c1141a;border-radius: 100%;padding: 8px;} .hwdc_section1 .content .left .cont .titbox .icobox .ico{width: 100%;height: 100%;} .hwdc_section1 .content .left .cont .titbox .wordscon{display: inline-block;vertical-align: middle;padding-left: 20px;} .hwdc_section1 .content .left .cont .titbox .wordscon .tit1{font-size: 24px;color: #333333;line-height: 28px;font-weight: bold;margin-bottom: 5px;} .hwdc_section1 .content .left .cont .titbox .wordscon .tit2{font-size: 24px;color: #666666;line-height: 28px;text-transform:uppercase;} .hwdc_section1 .content .left .cont .info{font-size: 18px;color: #666666;line-height: 36px;margin-bottom: 36px;} .hwdc_section1 .content .left .cont .info img{max-width:100%;} .hwdc_section1 .content .left .cont .img{display: block;margin-bottom: 56px;max-width: 100%;} .hwdc_section1 .content .left .cont .qh{width: 100%;margin-bottom: 44px;} .hwdc_section1 .content .left .cont .qh li{width: 100%;height: auto;} .hwdc_section1 .content .left .cont .qh li .pic{ width: 100%; padding-bottom: 56.4%; 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;} .hwdc_section1 .content .left .cont .qh 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;} .hwdc_section1 .content .left .cont .qh 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);} .hwdc_section1 .content .left .cont .qh .slick-prev{width: 46px;height: 46px;background: url(images/img107.png) no-repeat center center; background-size: cover;left: auto;right: 0; top: auto;bottom: 166px; background-color: rgba(255,255,255,0.43);} .hwdc_section1 .content .left .cont .qh .slick-next{width: 46px;height: 46px;background: url(images/img108.png) no-repeat center center; background-size: cover;right: 0;top: auto;bottom: 120px; background-color: rgba(255,255,255,0.43);} .hwdc_section1 .content .left .cont .qh .slick-prev:hover, .hwdc_section1 .content .left .cont .qh .slick-next:hover{background-color: rgba(193,20,26,0.43);} .hwdc_section1 .content .left .cont .info2{padding-left: 50px;margin-bottom: 48px;} .hwdc_section1 .content .left .cont .info2 .tit{font-size: 24px;color: #333333;line-height: 28px;font-weight: bold;margin-bottom: 18px;} .hwdc_section1 .content .left .cont .info2 .words{font-size: 18px;color: #666666;line-height: 36px;} .hwdc_section1 .content .left .cont .info3{margin-bottom: 0;} .hwdc_section1 .content .right{width: 23.5%;float: right;} .hwdc_section1 .content .right .titbox{width: 100%;background-color: #d20001;padding: 18px 30px 18px 36px;font-size: 0;} .hwdc_section1 .content .right .titbox .ico{width: 26px;height: 26px;display: inline-block;vertical-align: middle;} .hwdc_section1 .content .right .titbox .words{font-size: 24px;color: #ffffff;line-height: 28px;display: inline-block;vertical-align: middle;padding-left: 18px;} .hwdc_section1 .content .right .listbox{width: 100%;padding: 30px 16px 56px 16px;border: 1px solid #dddddd;border-top: 0;margin-bottom: 40px;} .hwdc_section1 .content .right .listbox .list{width: 100%;border-bottom: 1px solid #dddddd;margin-bottom: 30px;padding-bottom: 30px; overflow:hidden;} .hwdc_section1 .content .right .listbox .list:last-child{margin-bottom: 0;padding-bottom: 0;border-bottom: 0;} .hwdc_section1 .content .right .listbox .list a{display: block;width: 100%;overflow: hidden;} .hwdc_section1 .content .right .listbox .list .picbox{float: left;width: 52%;height: 102px;overflow: hidden;} .hwdc_section1 .content .right .listbox .list .picbox a{height:100%;} .hwdc_section1 .content .right .listbox .list .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;} .hwdc_section1 .content .right .listbox .list: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);} .hwdc_section1 .content .right .listbox .list .wordsbox{width: 48%;float: left;padding-left: 26px;padding-top: 14px;} .hwdc_section1 .content .right .listbox .list .wordsbox .tit{font-size: 18px;color: #333333;line-height: 24px;margin-bottom: 20px;width: 100%;} .hwdc_section1 .content .right .listbox .list:hover .wordsbox .tit{color: #c1141a;} .hwdc_section1 .content .right .listbox .list .wordsbox .more{font-size: 14px;color: #ffffff;line-height: 32px;background-color: #d20001;border-radius: 4px;padding: 0 14px;display: inline-block;box-shadow: 0 0 14px rgba(193,20,26,0.4);} .hwdc_section1 .content .right .listbox .list .wordsbox .more:hover{opacity: 0.6;} .hwdc_section1 .content .right .wordscon{width: 100%;height: 359px;position: relative;overflow: hidden;} .hwdc_section1 .content .right .wordscon .wordsbox{width: 100%;background-color: rgba(51,51,51,0.72);padding: 28px 10px 34px 10px;position: absolute;left: 0;bottom: 0;} .hwdc_section1 .content .right .wordscon .wordsbox .tit1{width: 100%;font-size: 0;margin-bottom: 18px;text-align: center;} .hwdc_section1 .content .right .wordscon .wordsbox .tit1 .ico{width: 26px;height: 26px;display: inline-block;vertical-align: middle;margin-right: 12px;} .hwdc_section1 .content .right .wordscon .wordsbox .tit1 .words{font-size: 18px;color: #ffffff;line-height: 24px;display: inline-block;vertical-align: middle;} .hwdc_section1 .content .right .wordscon .wordsbox .tit2{width: 100%;text-align: center;font-size: 36px;color: #ffffff;line-height: 40px;font-weight: bold;letter-spacing: 0;} @media screen and (max-width: 1600px){ .hwdc_section1{padding-top: 60px;padding-bottom: 60px;} .hwdc_section1 .content .left{width: 75%;padding-right: 40px;} .hwdc_section1 .content .left h2{font-size: 20px;line-height: 26px;margin-bottom: 20px;} .hwdc_section1 .content .left .boxs1{margin-bottom: 30px;} .hwdc_section1 .content .left .boxs1 .words{font-size: 14px;line-height: 20px;margin: 0 10px;} .hwdc_section1 .content .left .cont{padding-top: 30px;} .hwdc_section1 .content .left .cont .titbox{margin-bottom: 24px;} .hwdc_section1 .content .left .cont .titbox .icobox{width: 46px;height: 46px;padding: 3px;} .hwdc_section1 .content .left .cont .titbox .wordscon{padding-left: 14px;} .hwdc_section1 .content .left .cont .titbox .wordscon .tit1{font-size: 18px;line-height: 24px;margin-bottom: 4px;} .hwdc_section1 .content .left .cont .titbox .wordscon .tit2{font-size: 18px;line-height: 24px;} .hwdc_section1 .content .left .cont .info{font-size: 14px;line-height: 32px;margin-bottom: 24px;} .hwdc_section1 .content .left .cont .img{margin-bottom: 24px;} .hwdc_section1 .content .left .cont .qh{margin-bottom: 24px;} .hwdc_section1 .content .left .cont .qh .slick-prev{width: 36px;height: 36px;bottom: 116px;} .hwdc_section1 .content .left .cont .qh .slick-next{width: 36px;height: 36px;bottom: 80px;} .hwdc_section1 .content .left .cont .info2{padding-left: 20px;margin-bottom: 24px;} .hwdc_section1 .content .left .cont .info2 .tit{font-size: 18px;line-height: 24px;margin-bottom: 12px;} .hwdc_section1 .content .left .cont .info2 .words{font-size: 14px;line-height: 22px;} .hwdc_section1 .content .right{width: 25%;} .hwdc_section1 .content .right .titbox{padding: 18px;} .hwdc_section1 .content .right .titbox .ico{width: 22px;height: 22px;} .hwdc_section1 .content .right .titbox .words{font-size: 18px;line-height: 24px;padding-left: 12px;} .hwdc_section1 .content .right .listbox{padding: 20px 12px 30px 12px;margin-bottom: 20px;} .hwdc_section1 .content .right .listbox .list{margin-bottom: 16px;padding-bottom: 16px;} .hwdc_section1 .content .right .listbox .list .picbox{height: 84px;} .hwdc_section1 .content .right .listbox .list .wordsbox{padding-left: 16px;padding-top: 10px;} .hwdc_section1 .content .right .listbox .list .wordsbox .tit{font-size: 16px;line-height: 20px;margin-bottom: 12px;} .hwdc_section1 .content .right .listbox .list .wordsbox .more{font-size: 12px;line-height: 28px;padding: 0 10px;} .hwdc_section1 .content .right .wordscon{height: 290px;} .hwdc_section1 .content .right .wordscon .wordsbox{padding: 16px 10px;} .hwdc_section1 .content .right .wordscon .wordsbox .tit1{margin-bottom: 12px;} .hwdc_section1 .content .right .wordscon .wordsbox .tit1 .ico{width: 22px;height: 22px;margin-right: 8px;} .hwdc_section1 .content .right .wordscon .wordsbox .tit1 .words{font-size: 14px;line-height: 20px;} .hwdc_section1 .content .right .wordscon .wordsbox .tit2{font-size: 18px;line-height: 24px;} } @media screen and (max-width: 1280px){ .hwdc_section1{padding-top: 40px;padding-bottom: 40px;} .hwdc_section1 .content .left{;padding-right: 30px;} .hwdc_section1 .content .left h2{font-size: 18px;line-height: 24px;margin-bottom: 14px;} .hwdc_section1 .content .left .boxs1{margin-bottom: 18px;} .hwdc_section1 .content .left .boxs1 .words{font-size: 12px;line-height: 20px;margin: 0 6px;} .hwdc_section1 .content .left .cont{padding-top: 18px;} .hwdc_section1 .content .left .cont .titbox{margin-bottom: 16px;} .hwdc_section1 .content .left .cont .titbox .icobox{width: 40px;height: 40px;padding: 2px;} .hwdc_section1 .content .left .cont .titbox .wordscon{padding-left: 10px;} .hwdc_section1 .content .left .cont .titbox .wordscon .tit1{font-size: 14px;line-height: 20px;margin-bottom: 4px;} .hwdc_section1 .content .left .cont .titbox .wordscon .tit2{font-size: 14px;line-height: 20px;} .hwdc_section1 .content .left .cont .info{font-size: 12px;line-height: 22px;margin-bottom: 16px;} .hwdc_section1 .content .left .cont .img{margin-bottom: 16px;} .hwdc_section1 .content .left .cont .qh{margin-bottom: 16px;} .hwdc_section1 .content .left .cont .qh .slick-prev{width: 30px;height: 30px;bottom: 90px;} .hwdc_section1 .content .left .cont .qh .slick-next{width: 30px;height: 30px;bottom: 60px;} .hwdc_section1 .content .left .cont .info2{padding-left: 12px;margin-bottom: 16px;} .hwdc_section1 .content .left .cont .info2 .tit{font-size: 14px;line-height: 20px;margin-bottom: 8px;} .hwdc_section1 .content .left .cont .info2 .words{font-size: 12px;line-height: 20px;} .hwdc_section1 .content .right .titbox{padding: 14px;} .hwdc_section1 .content .right .titbox .ico{width: 18px;height: 18px;} .hwdc_section1 .content .right .titbox .words{font-size: 14px;line-height: 20px;padding-left: 8px;} .hwdc_section1 .content .right .listbox{padding: 16px 10px 20px 10px;margin-bottom: 14px;} .hwdc_section1 .content .right .listbox .list{margin-bottom: 12px;padding-bottom: 12px;} .hwdc_section1 .content .right .listbox .list .picbox{height: 70px;} .hwdc_section1 .content .right .listbox .list .wordsbox{padding-left: 10px;padding-top: 8px;} .hwdc_section1 .content .right .listbox .list .wordsbox .tit{font-size: 14px;line-height: 20px;margin-bottom: 8px;} .hwdc_section1 .content .right .listbox .list .wordsbox .more{font-size: 12px;line-height: 22px;padding: 0 6px;} .hwdc_section1 .content .right .wordscon{height: 230px;} .hwdc_section1 .content .right .wordscon .wordsbox{padding: 12px 8px;} .hwdc_section1 .content .right .wordscon .wordsbox .tit1{margin-bottom: 10px;} .hwdc_section1 .content .right .wordscon .wordsbox .tit1 .ico{width: 20px;height: 20px;margin-right: 6px;} .hwdc_section1 .content .right .wordscon .wordsbox .tit1 .words{font-size: 12px;line-height: 18px;} .hwdc_section1 .content .right .wordscon .wordsbox .tit2{font-size: 14px;line-height: 20px;} } @media screen and (max-width: 1024px){ .hwdc_section1{padding-top: 30px;padding-bottom: 30px;} .hwdc_section1 .content .left{width: 100%;padding-right: 0;} .hwdc_section1 .content .left h2{font-size: 18px;line-height: 24px;margin-bottom: 12px;} .hwdc_section1 .content .left .boxs1{;margin-bottom: 14px;} .hwdc_section1 .content .left .boxs1 .words{font-size: 14px;line-height: 20px;margin: 0 4px;letter-spacing: 0;} .hwdc_section1 .content .left .cont{padding-top: 14px;} .hwdc_section1 .content .left .cont .titbox{margin-bottom: 14px;} .hwdc_section1 .content .left .cont .titbox .icobox{width: 40px;height: 40px;padding: 3px;} .hwdc_section1 .content .left .cont .titbox .wordscon{padding-left: 10px;} .hwdc_section1 .content .left .cont .titbox .wordscon .tit1{font-size: 16px;line-height: 20px;margin-bottom: 4px;} .hwdc_section1 .content .left .cont .titbox .wordscon .tit2{font-size: 16px;line-height: 20px;} .hwdc_section1 .content .left .cont .info{font-size: 14px;line-height: 24px;margin-bottom: 14px;} .hwdc_section1 .content .left .cont .img{margin-bottom: 14px;} .hwdc_section1 .content .left .cont .qh{margin-bottom: 14px;} .hwdc_section1 .content .left .cont .qh .slick-prev{width: 30px;height: 30px;bottom: 50px;} .hwdc_section1 .content .left .cont .qh .slick-next{width: 30px;height: 30px;bottom: 20px;} .hwdc_section1 .content .left .cont .info2{padding-left: 14px;margin-bottom: 14px;} .hwdc_section1 .content .left .cont .info2 .tit{font-size: 16px;line-height: 20px;margin-bottom: 10px;} .hwdc_section1 .content .left .cont .info2 .words{font-size: 14px;line-height: 20px;} .hwdc_section1 .content .right{width: 100%;margin-top: 14px;display: none;} .hwdc_section1 .content .right .titbox{padding: 14px;} .hwdc_section1 .content .right .titbox .ico{width: 20px;height: 20px;} .hwdc_section1 .content .right .titbox .words{font-size: 18px;line-height: 24px;padding-left: 8px;} .hwdc_section1 .content .right .listbox{padding: 16px 12px;margin-bottom: 14px;} .hwdc_section1 .content .right .listbox .list{margin-bottom: 12px;padding-bottom: 12px;} .hwdc_section1 .content .right .listbox .list .picbox{height: 90px;} .hwdc_section1 .content .right .listbox .list .wordsbox{padding-left: 14px;padding-top: 10px;} .hwdc_section1 .content .right .listbox .list .wordsbox .tit{font-size: 16px;line-height: 20px;margin-bottom: 10px;} .hwdc_section1 .content .right .listbox .list .wordsbox .more{font-size: 12px;line-height: 28px;padding: 0 8px;} .hwdc_section1 .content .right .wordscon{height: 300px;} .hwdc_section1 .content .right .wordscon .wordsbox{padding: 16px 8px;} .hwdc_section1 .content .right .wordscon .wordsbox .tit1{margin-bottom: 10px;} .hwdc_section1 .content .right .wordscon .wordsbox .tit1 .ico{width: 0px;height: 0px;margin-right: 6px;} .hwdc_section1 .content .right .wordscon .wordsbox .tit1 .words{font-size: 14px;line-height: 20px;} .hwdc_section1 .content .right .wordscon .wordsbox .tit2{font-size: 18px;line-height: 24px;} } .hwdc_section2{width: 100%;padding-top: 80px;padding-bottom: 80px;background-color: #f5f5f5;} .hwdc_section2 h2{font-size: 36px;color: #333333;line-height: 40px;text-align: center;font-weight: bold;margin-bottom: 84px;} .hwdc_section2 .ul{margin: 0 -30px; width: calc(100% + 60px); width: -ms-calc(100% + 60px); width: -o-calc(100% + 60px); width: -moz-calc(100% + 60px); width: -webkit-calc(100% + 60px);} .hwdc_section2 .ul .li{padding: 0 30px;height: auto;} .hwdc_section2 .ul .li .pic{ width: 100%; padding-bottom: 133.67%; 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;} .hwdc_section2 .ul .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;} .hwdc_section2 .ul .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);} .hwdc_section2 .ul .li .words{width: 100%;text-align: center;font-size: 18px;color: #333333;line-height: 24px;font-weight: bold;margin-top: 34px;} @media screen and (max-width: 1600px){ .hwdc_section2{padding-top: 60px;padding-bottom: 60px;} .hwdc_section2 h2{font-size: 24px;line-height: 30px;margin-bottom: 30px;} .hwdc_section2 .ul{margin: 0 -14px; width: calc(100% + 28px); width: -ms-calc(100% + 28px); width: -o-calc(100% + 28px); width: -moz-calc(100% + 28px); width: -webkit-calc(100% + 28px);} .hwdc_section2 .ul .li{padding: 0 14px;} .hwdc_section2 .ul .li .words{font-size: 14px;line-height: 20px;margin-top: 20px;} } @media screen and (max-width: 1280px){ .hwdc_section2{padding-top: 40px;padding-bottom: 40px;} .hwdc_section2 h2{font-size: 18px;line-height: 24px;margin-bottom: 18px;} .hwdc_section2 .ul{margin: 0 -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);} .hwdc_section2 .ul .li{padding: 0 8px;} .hwdc_section2 .ul .li .words{font-size: 12px;line-height: 20px;margin-top: 12px;} } @media screen and (max-width: 1024px){ .hwdc_section2{padding-top: 30px;padding-bottom: 30px;} .hwdc_section2 h2{font-size: 18px;line-height: 24px;margin-bottom: 14px;} .hwdc_section2 .ul{margin: 0 -5px;padding-bottom: 26px; width: calc(100% + 10px); width: -ms-calc(100% + 10px); width: -o-calc(100% + 10px); width: -moz-calc(100% + 10px); width: -webkit-calc(100% + 10px);} .hwdc_section2 .ul .li{padding: 0 5px;} .hwdc_section2 .ul .li .words{font-size: 14px;line-height: 20px;margin-top: 10px;} .hwdc_section2 .ul .slick-dots{position: absolute; bottom: 0; height: 8px; text-align: center;} .hwdc_section2 .ul .slick-dots li{ vertical-align: top; width: 8px; height: 8px;border-radius: 8px; margin: 0 4px; background: #dddddd;} .hwdc_section2 .ul .slick-dots li.slick-active{ background: #c1141a;width: 16px;} } .hwdc_section3{width: 100%;padding-top: 86px;padding-bottom: 80px;} .hwdc_section3 .content{width: 100%;box-shadow: 0 0 16px rgba(220,220,220,0.4);} .hwdc_section3 .content::after{content: "";display: block;clear: both;} .hwdc_section3 .content .left{width: 41.38%;float: left;padding: 92px 20px 20px 74px;} .hwdc_section3 .content .left h2{font-size: 36px;color: #333333;line-height: 40px;margin-bottom: 66px;font-weight: bold;} .hwdc_section3 .content .left .info{font-size: 18px;color: #666666;line-height: 48px;font-weight: bold;} .hwdc_section3 .content .right{width: 58.62%;float: right;height: 553px;overflow: hidden;} .hwdc_section3 .content .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;} .hwdc_section3 .content:hover .right .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);} @media screen and (max-width: 1600px){ .hwdc_section3{padding-top: 60px;padding-bottom: 60px;} .hwdc_section3 .content .left{width: 42%;padding: 92px 20px 20px 74px;} .hwdc_section3 .content .left h2{font-size: 26px;line-height: 30px;margin-bottom: 30px;} .hwdc_section3 .content .left .info{font-size: 14px;line-height: 30px;} .hwdc_section3 .content .right{width: 58%;height: 420px;} } @media screen and (max-width: 1280px){ .hwdc_section3{padding-top: 40px;padding-bottom: 40px;} .hwdc_section3 .content .left{padding: 60px 20px 20px 50px;} .hwdc_section3 .content .left h2{font-size: 20px;line-height: 24px;margin-bottom: 20px;} .hwdc_section3 .content .left .info{font-size: 12px;line-height: 24px;} .hwdc_section3 .content .right{height: 280px;} } @media screen and (max-width: 1024px){ .hwdc_section3{padding-top: 30px;padding-bottom: 30px;} .hwdc_section3 .content .left{width: 100%;padding: 14px;} .hwdc_section3 .content .left h2{font-size: 18px;line-height: 24px;margin-bottom: 14px;} .hwdc_section3 .content .left .info{font-size: 14px;line-height: 24px;} .hwdc_section3 .content .right{width: 100%;height: 188px;} } /*教育规划 国际生*/ .gjs_section1{width: 100%;padding-top: 80px;padding-bottom: 86px;} .gjs_section1 h2{font-size: 36px;color: #000000;line-height: 40px;text-align: center;font-weight: bold;margin-bottom: 80px;} .gjs_section1 .content{width: 100%;} .gjs_section1 .content::after{content: "";display: block;clear: both;} .gjs_section1 .content .left{width: 48.12%;float: left;border: 1px solid #dddddd;overflow: hidden;} .gjs_section1 .content .left .ul{width: 100%;} .gjs_section1 .content .left .ul .li{height: auto;} .gjs_section1 .content .left .ul .li .picbox{width: 100%;height: 860px;} .gjs_section1 .content .left .ul .li .picbox .pic{width: 100%;height: 100%;} .gjs_section1 .content .left .ul .slick-dots{position: absolute; bottom: 40px; height: 10px; text-align: center;} .gjs_section1 .content .left .ul .slick-dots li{ vertical-align: top; width: 10px; height: 10px;border-radius: 100%; margin: 0 9px; background: #e7a4a6;} .gjs_section1 .content .left .ul .slick-dots li.slick-active{ background: #c1141a;} .gjs_section1 .content .right{width: 51.88%;float: right;padding-left: 78px;padding-top: 44px;} .gjs_section1 .content .right ul{width: 100%;} .gjs_section1 .content .right ul li{width: 100%;margin-bottom: 50px;} .gjs_section1 .content .right ul li:last-child{margin-bottom: 0;} .gjs_section1 .content .right ul li a{display: block;width: 100%;overflow: hidden;} .gjs_section1 .content .right ul li a .wordsbox{float: left;padding-right: 48px; width: calc(100% - 110px); width: -ms-calc(100% - 110px); width: -o-calc(100% - 110px); width: -moz-calc(100% - 110px); width: -webkit-calc(100% - 110px);} .gjs_section1 .content .right ul li a .wordsbox .tit{font-size: 20px;color: #333333;line-height: 24px;margin-bottom: 20px;font-weight: bold; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;} .gjs_section1 .content .right ul li a:hover .wordsbox .tit{color: #c1141a;} .gjs_section1 .content .right ul li a .wordsbox .info{font-size: 16px;color: #666666;line-height: 36px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;} .gjs_section1 .content .right ul li a .datebox{float: right;width: 110px;border-left: 1px solid #dddddd;padding-left: 30px;padding-top: 14px;padding-bottom: 14px;} .gjs_section1 .content .right ul li a .datebox .date1{font-size: 30px;color: #666666;line-height: 34px;text-align: center;font-weight: bold;margin-bottom: 18px;} .gjs_section1 .content .right ul li a:hover .datebox .date1{color: #c1141a;} .gjs_section1 .content .right ul li a .datebox .date2{font-size: 18px;color: #666666;line-height: 22px;text-align: center;} @media screen and (max-width: 1600px){ .gjs_section1{padding-top: 60px;padding-bottom: 60px;} .gjs_section1 h2{font-size: 24px;line-height: 28px;margin-bottom: 30px;} .gjs_section1 .content .left{width: 48%;} .gjs_section1 .content .left .ul .li .picbox{height: 690px;} .gjs_section1 .content .left .ul .slick-dots{bottom: 24px; height: 8px;} .gjs_section1 .content .left .ul .slick-dots li{width: 8px; height: 8px;margin: 0 4px;} .gjs_section1 .content .right{width: 52%;padding-left: 40px;padding-top: 40px;} .gjs_section1 .content .right ul li{margin-bottom: 26px;} .gjs_section1 .content .right ul li a .wordsbox{padding-right: 20px; width: calc(100% - 90px); width: -ms-calc(100% - 90px); width: -o-calc(100% - 90px); width: -moz-calc(100% - 90px); width: -webkit-calc(100% - 90px);} .gjs_section1 .content .right ul li a .wordsbox .tit{font-size: 18px;line-height: 22px;margin-bottom: 12px;} .gjs_section1 .content .right ul li a .wordsbox .info{font-size: 14px;line-height: 30px;} .gjs_section1 .content .right ul li a .datebox{width: 90px;padding-left: 20px;padding-top: 14px;padding-bottom: 14px;} .gjs_section1 .content .right ul li a .datebox .date1{font-size: 22px;line-height: 28px;margin-bottom: 12px;} .gjs_section1 .content .right ul li a .datebox .date2{font-size: 14px;line-height: 20px;} } @media screen and (max-width: 1366px){ .gjs_section1 .content .left .ul .li .picbox{height: 590px;} .gjs_section1 .content .right{padding-top: 30px;} .gjs_section1 .content .right ul li{margin-bottom: 20px;} } @media screen and (max-width: 1280px){ .gjs_section1{padding-top: 40px;padding-bottom: 40px;} .gjs_section1 h2{font-size: 18px;line-height: 24px;margin-bottom: 14px;} .gjs_section1 .content .left .ul .li .picbox{height: 540px;} .gjs_section1 .content .left .ul .slick-dots{bottom: 20px;} .gjs_section1 .content .right{width: 52%;padding-left: 40px;padding-top: 40px;} .gjs_section1 .content .right ul li{margin-bottom: 18px;} .gjs_section1 .content .right ul li a .wordsbox{padding-right: 14px; width: calc(100% - 80px); width: -ms-calc(100% - 80px); width: -o-calc(100% - 80px); width: -moz-calc(100% - 80px); width: -webkit-calc(100% - 80px);} .gjs_section1 .content .right ul li a .wordsbox .tit{font-size: 16px;line-height: 20px;margin-bottom: 8px;} .gjs_section1 .content .right ul li a .wordsbox .info{font-size: 12px;line-height: 24px;} .gjs_section1 .content .right ul li a .datebox{width: 80px;padding-left: 16px;padding-top: 14px;padding-bottom: 14px;} .gjs_section1 .content .right ul li a .datebox .date1{font-size: 18px;line-height: 24px;margin-bottom: 8px;} .gjs_section1 .content .right ul li a .datebox .date2{font-size: 12px;line-height: 20px;} } @media screen and (max-width: 1024px){ .gjs_section1{padding-top: 30px;padding-bottom: 30px;} .gjs_section1 h2{font-size: 18px;line-height: 24px;margin-bottom: 18px;} .gjs_section1 .content .left{width: 100%;} .gjs_section1 .content .left .ul .li .picbox{height: 380px;} .gjs_section1 .content .left .ul .slick-dots{bottom: 16px; height: 8px;} .gjs_section1 .content .left .ul .slick-dots li{width: 8px; height: 8px;margin: 0 3px;} .gjs_section1 .content .right{width: 100%;padding-left: 0;padding-top: 16px;} .gjs_section1 .content .right ul li{margin-bottom: 14px;;} .gjs_section1 .content .right ul li a .wordsbox{padding-right: 10px; width: calc(100% - 70px); width: -ms-calc(100% - 70px); width: -o-calc(100% - 70px); width: -moz-calc(100% - 70px); width: -webkit-calc(100% - 70px);} .gjs_section1 .content .right ul li a .wordsbox .tit{font-size: 16px;line-height: 20px;margin-bottom: 12px;} .gjs_section1 .content .right ul li a .wordsbox .info{font-size: 14px;line-height: 24px;} .gjs_section1 .content .right ul li a .datebox{width: 70px;padding-left: 0;padding-top: 14px;padding-bottom: 14px;} .gjs_section1 .content .right ul li a .datebox .date1{font-size: 18px;line-height: 24px;margin-bottom: 10px;} .gjs_section1 .content .right ul li a .datebox .date2{font-size: 14px;line-height: 20px;letter-spacing: 0;} } .gjs_section2{width: 100%;padding-top: 72px;padding-bottom: 80px;background-color: #f5f5f5;} .gjs_section2 h2{font-size: 36px;color: #000000;line-height: 40px;margin-bottom: 80px;text-align: center;font-weight: bold;} .gjs_section2 .content{width: 100%;} .gjs_section2 .content::after{content: "";display: block;clear: both;} .gjs_section2 .left{width: 48%;float: left;} .gjs_section2 .left .ul{width: 100%;} .gjs_section2 .left .ul .li{width: 100%;height: auto;} .gjs_section2 .left .ul .li .picbox{width: 100%;height: 561px;} .gjs_section2 .left .ul .li .picbox .pic{width: 100%;height: 100%;} .gjs_section2 .left .ul .slick-dots{position: absolute; bottom: 40px; height: 10px; text-align: center;} .gjs_section2 .left .ul .slick-dots li{ vertical-align: top; width: 10px; height: 10px;border-radius: 100%; margin: 0 9px; background: #e7a4a6;} .gjs_section2 .left .ul .slick-dots li.slick-active{ background: #c1141a;} .gjs_section2 .right{width: 52%;float: right;padding-left: 78px;padding-top: 36px;} .gjs_section2 .right .tit{font-size: 24px;color: #333333;line-height: 28px;margin-bottom: 44px;font-weight: bold;} .gjs_section2 .right ul{width: 100%;} .gjs_section2 .right ul li{width: 100%;margin-bottom: 20px;overflow: hidden;} .gjs_section2 .right ul li:last-child{margin-bottom: 0;} .gjs_section2 .right ul li .ico{width: 30px;height: 30px;float: left;} .gjs_section2 .right ul li .wordsbox{float: left;padding-left: 15px; width: calc(100% - 32px); width: -ms-calc(100% - 32px); width: -o-calc(100% - 32px); width: -moz-calc(100% - 32px); width: -webkit-calc(100% - 32px);} .gjs_section2 .right ul li .wordsbox .words{font-size: 18px;color: #333333;line-height: 30px;} .gjs_section2 .right ul li .wordsbox .info{font-size: 18px;color: #333333;line-height: 48px;margin-top: 8px;padding-left: 30px;} .gjs_section2 .right ul li .wordsbox .info span{color: #c1141a;} @media screen and (max-width: 1600px){ .gjs_section2{padding-top: 60px;padding-bottom: 60px;} .gjs_section2 h2{font-size: 24px;line-height: 28px;margin-bottom: 30px;} .gjs_section2 .left .ul .li .picbox{height: 430px;} .gjs_section2 .left .ul .slick-dots{bottom: 26px; height: 8px;} .gjs_section2 .left .ul .slick-dots li{width: 8px; height: 8px;margin: 0 5px;;} .gjs_section2 .right{padding-left: 40px;padding-top: 26px;} .gjs_section2 .right .tit{font-size: 18px;line-height: 24px;margin-bottom: 20px;} .gjs_section2 .right ul li{margin-bottom: 16px;} .gjs_section2 .right ul li .ico{width: 24px;height: 24px;} .gjs_section2 .right ul li .wordsbox{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);} .gjs_section2 .right ul li .wordsbox .words{font-size: 16px;line-height: 24px;} .gjs_section2 .right ul li .wordsbox .info{font-size: 16px;line-height: 30px;margin-top: 6px;padding-left: 14px;} } @media screen and (max-width: 1280px){ .gjs_section2{padding-top: 40px;padding-bottom: 40px;} .gjs_section2 h2{font-size: 18px;line-height: 24px;margin-bottom: 18px;} .gjs_section2 .left .ul .li .picbox{height: 340px;} .gjs_section2 .left .ul .slick-dots{bottom: 20px;} .gjs_section2 .right{padding-left: 20px;padding-top: 16px;} .gjs_section2 .right .tit{font-size: 14px;line-height: 20px;margin-bottom: 14px;} .gjs_section2 .right ul li{margin-bottom: 12px;} .gjs_section2 .right ul li .ico{width: 22px;height: 22px;} .gjs_section2 .right ul li .wordsbox{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);} .gjs_section2 .right ul li .wordsbox .words{font-size: 12px;line-height: 20px;} .gjs_section2 .right ul li .wordsbox .info{font-size: 12px;line-height: 24px;margin-top: 4px;padding-left: 10px;} } @media screen and (max-width: 1024px){ .gjs_section2{padding-top: 30px;padding-bottom: 30px;} .gjs_section2 h2{font-size: 18px;line-height: 24px;margin-bottom: 16px;} .gjs_section2 .left{width: 100%;} .gjs_section2 .left .ul .li .picbox{height: 240px;} .gjs_section2 .left .ul .slick-dots{bottom: 16px; height: 8px;} .gjs_section2 .left .ul .slick-dots li{ width: 8px; height: 8px;margin: 0 3px;} .gjs_section2 .right{width: 100%;padding-left: 0;padding-top: 14px;} .gjs_section2 .right .tit{font-size: 16px;line-height: 20px;margin-bottom: 12px;} .gjs_section2 .right ul li{margin-bottom: 10px;} .gjs_section2 .right ul li .ico{width: 24px;height: 24px;} .gjs_section2 .right ul li .wordsbox{padding-left: 8px; width: calc(100% - 26px); width: -ms-calc(100% - 26px); width: -o-calc(100% - 26px); width: -moz-calc(100% - 26px); width: -webkit-calc(100% - 26px);} .gjs_section2 .right ul li .wordsbox .words{font-size: 14px;line-height: 20px;} .gjs_section2 .right ul li .wordsbox .info{font-size: 14px;line-height: 22px;margin-top: 4px;padding-left: 12px;} } .gjs_section3{width: 100%;padding-top: 80px;padding-bottom: 60px;} .gjs_section3 h2{font-size: 36px;color: #000000;line-height: 40px;text-align: center;font-weight: bold;margin-bottom: 60px;} .gjs_section3 .content{width: 100%;} .gjs_section3 .content .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);} .gjs_section3 .content .ul .li{height: auto;padding: 20px 10px;} .gjs_section3 .content .ul .li a{display: block;width: 100%;background-color: #f5f5f5;border-radius: 10px;border: 1px solid rgba(255,255,255,0);padding: 66px 40px 86px 40px;} .gjs_section3 .content .ul .li a:hover{border-color: #c1141a;box-shadow: 0 0 14px rgba(193,20,26,0.2);background-color: #fff;} .gjs_section3 .content .ul .li a .num{font-size: 48px;color: rgba(51,51,51,0.33);line-height: 52px;font-weight: bold;text-align: center;margin-bottom: 52px;} .gjs_section3 .content .ul .li a:hover .num{color: #c1141a;} .gjs_section3 .content .ul .li a .info{font-size: 16px;color: #000000;line-height: 36px;height: 72px;} @media screen and (max-width: 1600px){ .gjs_section3{padding-top: 60px;padding-bottom: 40px;} .gjs_section3 h2{font-size: 24px;line-height: 28px;margin-bottom: 10px;} .gjs_section3 .content .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);} .gjs_section3 .content .ul .li{padding: 20px 6px;} .gjs_section3 .content .ul .li a{padding: 30px;} .gjs_section3 .content .ul .li a .num{font-size: 30px;line-height: 36px;margin-bottom: 20px;} .gjs_section3 .content .ul .li a .info{font-size: 14px;line-height: 24px;height: 72px;letter-spacing: 0;} } @media screen and (max-width: 1280px){ .gjs_section3{padding-top: 40px;padding-bottom: 22px;} .gjs_section3 h2{font-size: 18px;line-height: 24px;margin-bottom: 0px;} .gjs_section3 .content .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);} .gjs_section3 .content .ul .li{padding: 16px 5px;} .gjs_section3 .content .ul .li a{padding: 16px;} .gjs_section3 .content .ul .li a .num{font-size: 20px;line-height: 24px;margin-bottom: 12px;} .gjs_section3 .content .ul .li a .info{font-size: 12px;line-height: 20px;height: 60px;} } @media screen and (max-width: 1024px){ .gjs_section3{padding-top: 30px;padding-bottom: 4px;} .gjs_section3 h2{font-size: 18px;line-height: 24px;margin-bottom: 0px;} .gjs_section3 .content .ul{margin: 0 -6px;padding-bottom: 10px; width: calc(100% + 12px); width: -ms-calc(100% + 12px); width: -o-calc(100% + 12px); width: -moz-calc(100% + 12px); width: -webkit-calc(100% + 12px);} .gjs_section3 .content .ul .li{height: auto;padding: 16px 6px;} .gjs_section3 .content .ul .li a{padding: 14px;} .gjs_section3 .content .ul .li a .num{font-size: 18px;line-height: 24px;margin-bottom: 14px;} .gjs_section3 .content .ul .li a .info{font-size: 14px;line-height: 24px;height: 72px;} .gjs_section3 .content .ul .slick-dots{position: absolute; bottom: 0; height: 8px; text-align: center;} .gjs_section3 .content .ul .slick-dots li{ vertical-align: top; width: 8px; height: 8px;border-radius: 100%; margin: 0 4px; background: #dddddd;} .gjs_section3 .content .ul .slick-dots li.slick-active{ background: #c1141a;} } .gjs_section4{width: 100%;padding-bottom: 80px;} .gjs_section4 .content{width: 100%;} .gjs_section4 .content .ul{margin: 0 -15px; width: calc(100% + 30px); width: -ms-calc(100% + 30px); width: -o-calc(100% + 30px); width: -moz-calc(100% + 30px); width: -webkit-calc(100% + 30px);} .gjs_section4 .content .ul .li{padding: 0 15px;height: auto;} .gjs_section4 .content .ul .li a{display: block;width: 100%;position: relative;} .gjs_section4 .content .ul .li a .ba_pic{ width: 100%; padding-bottom: 45.7%; 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;} .gjs_section4 .content .ul .li a .ba_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;} .gjs_section4 .content .ul .li a:hover .ba_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);} .gjs_section4 .content .ul .li a .words{width: 100%;padding: 0 10px;font-size: 48px;color: #ffffff;line-height: 52px;text-align: center;font-weight: bold;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%);} @media screen and (max-width: 1600px){ .gjs_section4{padding-bottom: 60px;} .gjs_section4 .content .ul{margin: 0 -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);} .gjs_section4 .content .ul .li{padding: 0 8px;} .gjs_section4 .content .ul .li a .words{padding: 0 8px;font-size: 30px;line-height: 34px;} } @media screen and (max-width: 1280px){ .gjs_section4{padding-bottom: 40px;} .gjs_section4 .content .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);} .gjs_section4 .content .ul .li{padding: 0 6px;} .gjs_section4 .content .ul .li a .words{padding: 0 8px;font-size: 18px;line-height: 24px;} } @media screen and (max-width: 1024px){ .gjs_section4{padding-bottom: 30px;padding-top: 30px;} .gjs_section4 .content .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);} .gjs_section4 .content .ul .li{padding: 0 6px;} .gjs_section4 .content .ul .li a .words{padding: 0 6px;font-size: 22px;line-height: 30px;} .gjs_section4 .content .ul .slick-dots{position: absolute; bottom: 0; height: 8px; text-align: center;} .gjs_section4 .content .ul .slick-dots li{ vertical-align: top; width: 8px; height: 8px;border-radius: 100%; margin: 0 4px; background: #dddddd;} .gjs_section4 .content .ul .slick-dots li.slick-active{ background: #c1141a;} } /*教育规划 华侨生*/ .hqs_section1{width: 100%;padding-top: 80px;padding-bottom: 80px;} .hqs_section1 h2{font-size: 36px;color: #000000;line-height: 40px;margin-bottom: 76px;font-weight: bold;text-align: center;} .hqs_section1 .content{width: 100%;} .hqs_section1 .content::after{content: "";display: block;clear: both;} .hqs_section1 .content .left{width: 50%;float: left;height: 515px;} .hqs_section1 .content .left .pic{width: 100%;height: 100%;} .hqs_section1 .content .right{width: 50%;float: left;padding-left: 44px;padding-top: 34px;} .hqs_section1 .content .right .tit{font-size: 24px;color: #333333;line-height: 28px;margin-bottom: 40px;font-weight: bold;} .hqs_section1 .content .right .info{font-size: 18px;color: #666666;line-height: 36px;margin-bottom: 82px;} .hqs_section1 .content .right .listbox{margin: 0 -20px;overflow: hidden; width: calc(100% + 40px); width: -ms-calc(100% + 40px); width: -o-calc(100% + 40px); width: -moz-calc(100% + 40px); width: -webkit-calc(100% + 40px);} .hqs_section1 .content .right .listbox .list{width: 33.333%;float: left;padding: 0 20px;} .hqs_section1 .content .right .listbox .list .ico{width: 60px;height: 60px;margin: 0 auto 24px auto;} .hqs_section1 .content .right .listbox .list .words1{font-size: 20px;color: #333333;line-height: 24px;text-align: center;margin-bottom: 4px;font-weight: bold;} .hqs_section1 .content .right .listbox .list .words2{font-size: 16px;color: #666666;line-height: 36px;text-align: center;letter-spacing: 0;} @media screen and (max-width: 1600px){ .hqs_section1{padding-top: 60px;padding-bottom: 60px;} .hqs_section1 h2{font-size: 24px;line-height: 28px;margin-bottom: 30px;} .hqs_section1 .content .left{height: 390px;} .hqs_section1 .content .right{padding-left: 20px;padding-top: 20px;} .hqs_section1 .content .right .tit{font-size: 18px;line-height: 24px;margin-bottom: 20px;} .hqs_section1 .content .right .info{font-size: 14px;line-height: 20px;margin-bottom: 34px;} .hqs_section1 .content .right .listbox{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);} .hqs_section1 .content .right .listbox .list{padding: 0 10px;} .hqs_section1 .content .right .listbox .list .ico{width: 52px;height: 52px;margin: 0 auto 16px auto;} .hqs_section1 .content .right .listbox .list .words1{font-size: 16px;line-height: 20px;margin-bottom: 2px;} .hqs_section1 .content .right .listbox .list .words2{font-size: 14px;line-height: 24px;} } @media screen and (max-width: 1280px){ .hqs_section1{padding-top: 40px;padding-bottom: 40px;} .hqs_section1 h2{font-size: 18px;line-height: 24px;margin-bottom: 16px;} .hqs_section1 .content .left{height: 315px;} .hqs_section1 .content .right{padding-left: 14px;padding-top: 14px;} .hqs_section1 .content .right .tit{font-size: 14px;line-height: 20px;margin-bottom: 14px;} .hqs_section1 .content .right .info{font-size: 12px;line-height: 20px;margin-bottom: 20px;} .hqs_section1 .content .right .listbox{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);} .hqs_section1 .content .right .listbox .list{padding: 0 6px;} .hqs_section1 .content .right .listbox .list .ico{width: 40px;height: 40px;margin: 0 auto 12px auto;} .hqs_section1 .content .right .listbox .list .words1{font-size: 14px;line-height: 20px;margin-bottom: 2px;} .hqs_section1 .content .right .listbox .list .words2{font-size: 12px;line-height: 20px;} } @media screen and (max-width: 1024px){ .hqs_section1{padding-top: 30px;padding-bottom: 30px;} .hqs_section1 h2{font-size: 18px;line-height: 24px;margin-bottom: 16px;} .hqs_section1 .content .left{width: 100%;height: 210px;} .hqs_section1 .content .right{width: 100%;padding-left: 0;padding-top: 14px;} .hqs_section1 .content .right .tit{font-size: 16px;line-height: 20px;margin-bottom: 12px;} .hqs_section1 .content .right .info{font-size: 14px;line-height: 24px;margin-bottom: 16px;} .hqs_section1 .content .right .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);} .hqs_section1 .content .right .listbox .list{padding: 4px;width: 50%;} .hqs_section1 .content .right .listbox .list:last-child{width: 100%;} .hqs_section1 .content .right .listbox .list .ico{width: 40px;height: 40px;margin: 0 auto 12px auto;} .hqs_section1 .content .right .listbox .list .words1{font-size: 16px;line-height: 20px;margin-bottom: 2px;} .hqs_section1 .content .right .listbox .list .words2{font-size: 12px;line-height: 22px;} } .hqs_section2{width: 100%;padding-top: 80px;padding-bottom: 80px;} .hqs_section2 h2{font-size: 36px;color: #000000;line-height: 40px;margin-bottom: 76px;text-align: center;font-weight: bold;} .hqs_section2 .content1{width: 100%;overflow: hidden;margin-bottom: 60px;} .hqs_section2 .content1 .left{width: 50.2%;float: left;padding-top: 56px;padding-right: 36px;} .hqs_section2 .content1 .left .tit{font-size: 24px;color: #333333;line-height: 28px;margin-bottom: 64px;font-weight: bold;} .hqs_section2 .content1 .left .info{font-size: 18px;color: #666666;line-height: 36px;} .hqs_section2 .content1 .right{width: 49.8%;float: right;/*height: 616px;*/border: 1px solid #dddddd;} .hqs_section2 .content1 .right .pic{width: 100%;/*height: 100%;*/} .hqs_section2 .content1 .right .pic img{max-width:100%; width:100%;} .hqs_section2 .content2{width: 100%;overflow: hidden;} .hqs_section2 .content2 .left{width: 44.43%;float: left;border: 1px solid #dddddd;/*height: 943px;*/} .hqs_section2 .content2 .left .pic{width: 100%;/*height: 100%;*/} .hqs_section2 .content2 .left .pic img{width:100%;} .hqs_section2 .content2 .right{width: 55.57%;float: right;padding-top: 66px;padding-left: 84px;} .hqs_section2 .content2 .right .tit{font-size: 24px;color: #333333;line-height: 28px;font-weight: bold;margin-bottom: 64px;} .hqs_section2 .content2 .right .info{font-size: 18px;color: #333333;line-height: 36px;} .hqs_section2 .content2 .right .info span{color: #c1141a;} .hqs_section2 .content2 .right img{max-width: 100%;display: block;} @media screen and (max-width: 1600px){ .hqs_section2{padding-top: 60px;padding-bottom: 60px;} .hqs_section2 h2{font-size: 24px;line-height: 28px;margin-bottom: 30px;} .hqs_section2 .content1{margin-bottom: 20px;} .hqs_section2 .content1 .left{width: 50%;padding-top: 60px;padding-right: 20px;} .hqs_section2 .content1 .left .tit{font-size: 18px;line-height: 24px;margin-bottom: 30px;} .hqs_section2 .content1 .left .info{font-size: 14px;line-height: 22px;} .hqs_section2 .content1 .right{width: 50%;/*height: 485px;*/} .hqs_section2 .content2 .left{width: 45%;/*height: 750px;*/} .hqs_section2 .content2 .right{width: 55%;padding-top: 70px;padding-left: 40px;} .hqs_section2 .content2 .right .tit{font-size: 18px;line-height: 24px;margin-bottom: 20px;} .hqs_section2 .content2 .right .info{font-size: 14px;line-height: 24px;} } @media screen and (max-width: 1280px){ .hqs_section2{padding-top: 40px;padding-bottom: 40px;} .hqs_section2 h2{font-size: 18px;line-height: 24px;margin-bottom: 16px;} .hqs_section2 .content1{margin-bottom: 14px;} .hqs_section2 .content1 .left{padding-top: 50px;padding-right: 20px;} .hqs_section2 .content1 .left .tit{font-size: 14px;line-height: 20px;margin-bottom: 16px;} .hqs_section2 .content1 .left .info{font-size: 12px;line-height: 20px;} /*.hqs_section2 .content1 .right{height: 380px;} .hqs_section2 .content2 .left{height: 590px;}*/ .hqs_section2 .content2 .right{padding-top: 70px;padding-left: 40px;} .hqs_section2 .content2 .right .tit{font-size: 14px;line-height: 20px;margin-bottom: 20px;} .hqs_section2 .content2 .right .info{font-size: 12px;line-height: 22px;} } @media screen and (max-width: 1024px){ .hqs_section{padding-top: 30px;padding-bottom: 30px;} .hqs_section2 h2{font-size: 18px;line-height: 24px;margin-bottom: 16px;} .hqs_section2 .content1{margin-bottom: 12px;} .hqs_section2 .content1 .left{width: 100%;padding-top: 0;padding-right: 0;margin-bottom: 12px;} .hqs_section2 .content1 .left .tit{font-size: 16px;line-height: 20px;margin-bottom: 14px;} .hqs_section2 .content1 .left .info{font-size: 14px;line-height: 22px;} .hqs_section2 .content1 .right{/*height: 260px;*/width: 100%;} .hqs_section2 .content2 .left{width: 100%;/*height: 437px;*/} .hqs_section2 .content2 .right{width: 100%;padding-top: 0;padding-left: 0;margin-bottom: 14px;} .hqs_section2 .content2 .right .tit{font-size: 16px;line-height: 24px;margin-bottom: 14px;} .hqs_section2 .content2 .right .info{font-size: 14px;line-height: 22px;} } .hqs_section3{width: 100%;padding-top: 76px;padding-bottom: 80px;background-color: #f5f5f5;} .hqs_section3 h2{font-size: 36px;color: #000000;line-height: 40px;text-align: center;font-weight: bold;margin-bottom: 56px;} .hqs_section3 .content{width: 100%;} .hqs_section3 .content ul{width: 100%;} .hqs_section3 .content ul li{width: 100%;overflow: hidden;margin-bottom: 42px;background-color: #fff;} .hqs_section3 .content ul li:last-child{margin-bottom: 0;} .hqs_section3 .content ul li .left{width: 42.12%;float: left;height: 561px;border: 1px solid #e2e2e2;} .hqs_section3 .content ul li .left .pic{width: 100%;height: 100%;} .hqs_section3 .content ul li .right{width: 57.88%;float: right;position: relative;height: 561px;} .hqs_section3 .content ul li .right .wordsbox{width: 100%;position: absolute;left: 0;top: 50%;padding-left: 170px; transform: translate(0,-50%); -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -o-transform: translate(0,-50%);} .hqs_section3 .content ul li .right .wordsbox .tit{font-size: 24px;color: #333333;line-height: 28px;margin-bottom: 50px;font-weight: bold;} .hqs_section3 .content ul li .right .wordsbox .info{font-size: 18px;color: #333333;line-height: 36px;} .hqs_section3 .content ul li .right .wordsbox .info span{color: #c1141a;} .hqs_section3 .content ul li:nth-child(even) .left{float: right;} .hqs_section3 .content ul li:nth-child(even) .right{float: left;} @media screen and (max-width: 1600px){ .hqs_section3{padding-top: 60px;padding-bottom: 60px;} .hqs_section3 h2{font-size: 24px;line-height: 28px;margin-bottom: 30px;} .hqs_section3 .content ul li{margin-bottom: 20px;} .hqs_section3 .content ul li .left{width: 43%;height: 460px;} .hqs_section3 .content ul li .right{width: 57%;height: 460px;} .hqs_section3 .content ul li .right .wordsbox{padding-left: 100px;} .hqs_section3 .content ul li .right .wordsbox .tit{font-size: 20px;line-height: 24px;margin-bottom: 30px;} .hqs_section3 .content ul li .right .wordsbox .info{font-size: 16px;line-height: 26px;} } @media screen and (max-width: 1280px){ .hqs_section3{padding-top: 40px;padding-bottom: 40px;} .hqs_section3 h2{font-size: 18px;line-height: 24px;margin-bottom: 16px;} .hqs_section3 .content ul li{margin-bottom: 14px;} .hqs_section3 .content ul li .left{height: 370px;} .hqs_section3 .content ul li .right{height: 370px;} .hqs_section3 .content ul li .right .wordsbox{padding-left: 100px;} .hqs_section3 .content ul li .right .wordsbox .tit{font-size: 16px;line-height: 20px;margin-bottom: 14px;} .hqs_section3 .content ul li .right .wordsbox .info{font-size: 14px;line-height: 24px;} } @media screen and (max-width: 1024px){ .hqs_section3{padding-top: 30px;padding-bottom: 30px;} .hqs_section3 h2{font-size: 18px;line-height: 24px;;margin-bottom: 16px;} .hqs_section3 .content ul li{margin-bottom: 12px;} .hqs_section3 .content ul li .left{width: 100%;height: 290px;} .hqs_section3 .content ul li .right{width: 100%;height: auto;padding: 10px;text-align: center;} .hqs_section3 .content ul li .right .wordsbox{position: static;padding-left: 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);} .hqs_section3 .content ul li .right .wordsbox .tit{font-size: 16px;line-height: 20px;margin-bottom: 12px;} .hqs_section3 .content ul li .right .wordsbox .info{font-size: 14px;line-height: 24px;} } .hqs_section4{width: 100%;padding-top: 80px;padding-bottom: 80px;} .hqs_section4 h2{font-size: 36px;color: #000000;line-height: 40px;text-align: center;font-weight: bold;margin-bottom: 76px;} .hqs_section4 .content{width: 100%;} .hqs_section4 .content .ul{margin: -17px;overflow: hidden;display:flex; flex-wrap: wrap; align-items: flex-start; width: calc(100% + 34px); width: -ms-calc(100% + 34px); width: -o-calc(100% + 34px); width: -moz-calc(100% + 34px); width: -webkit-calc(100% + 34px);} .hqs_section4 .content .ul .li{width: 25%;float: left;padding: 17px;} .hqs_section4 .content .ul .li a{display: block;width: 100%;border: 1px solid rgba(255,255,255,0);border-radius: 10px;background-color: #f5f5f5;padding: 50px 62px 36px 62px;} .hqs_section4 .content .ul .li a:hover{background-color: #fff;border-color: #c1141a;box-shadow: 0 0 14px rgba(193,20,26,0.2);} .hqs_section4 .content .ul .li a .num{font-size: 48px;color: rgba(51,51,51,0.33);line-height: 52px;text-align: center;font-weight: bold;margin-bottom: 50px;} .hqs_section4 .content .ul .li a:hover .num{color: #c1141a;} .hqs_section4 .content .ul .li a .tit1{font-size: 20px;line-height: 24px;text-align: center;font-weight: bold;margin-bottom: 30px;color: #000000;} .hqs_section4 .content .ul .li a .tit2{font-size: 16px;color: #000000;line-height: 36px;height: 72px;letter-spacing: 0;} @media screen and (max-width: 1600px){ .hqs_section4{padding-top: 60px;padding-bottom: 60px;} .hqs_section4 h2{font-size: 24px;line-height: 28px;margin-bottom: 30px;} .hqs_section4 .content .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);} .hqs_section4 .content .ul .li{padding: 10px;} .hqs_section4 .content .ul .li a{padding: 20px 30px;} .hqs_section4 .content .ul .li a .num{font-size: 30px;line-height: 34px;margin-bottom: 30px;} .hqs_section4 .content .ul .li a .tit1{font-size: 16px;line-height: 20px;margin-bottom: 30px;} .hqs_section4 .content .ul .li a .tit2{font-size: 14px;line-height: 24px;height: 48px;} } @media screen and (max-width: 1280px){ .hqs_section4{padding-top: 40px;padding-bottom: 40px;} .hqs_section4 h2{font-size: 18px;line-height: 24px;margin-bottom: 16px;} .hqs_section4 .content .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);} .hqs_section4 .content .ul .li{padding: 8px;} .hqs_section4 .content .ul .li a{padding: 16px;} .hqs_section4 .content .ul .li a .num{font-size: 20px;line-height: 24px;margin-bottom: 14px;} .hqs_section4 .content .ul .li a .tit1{font-size: 14px;line-height: 20px;margin-bottom: 12px;} .hqs_section4 .content .ul .li a .tit2{font-size: 12px;line-height: 20px;height: 40px;} } @media screen and (max-width: 1024px){ .hqs_section4{padding-top: 30px;padding-bottom: 30px;} .hqs_section4 h2{font-size: 18px;line-height: 24px;margin-bottom: 16px;} .hqs_section4 .content .ul{margin: -8px;padding-bottom: 12px; width: calc(100% + 16px); width: -ms-calc(100% + 16px); width: -o-calc(100% + 16px); width: -moz-calc(100% + 16px); width: -webkit-calc(100% + 16px);} .hqs_section4 .content .ul .li{width: 25%;float: left;padding: 8px;height: auto;} .hqs_section4 .content .ul .li a{padding: 14px;} .hqs_section4 .content .ul .li a:hover{box-shadow: 0 0 8px rgba(193,20,26,0.2);} .hqs_section4 .content .ul .li a .num{font-size: 20px;line-height: 24px;margin-bottom: 12px;} .hqs_section4 .content .ul .li a .tit1{font-size: 16px;line-height: 20px;margin-bottom: 10px;} .hqs_section4 .content .ul .li a .tit2{font-size: 14px;line-height: 20px;height: 60px;} .hqs_section4 .content .ul .slick-dots{position: absolute; bottom: 0; height: 8px; text-align: center;} .hqs_section4 .content .ul .slick-dots li{ vertical-align: top; width: 8px; height: 8px;border-radius: 100%; margin: 0 4px; background: #dddddd;} .hqs_section4 .content .ul .slick-dots li.slick-active{ background: #c1141a;} } .hqs_section5{width: 100%;padding-bottom: 80px;} .hqs_section5 .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);} .hqs_section5 .ul .li{padding: 0 20px;height: auto;} .hqs_section5 .ul .li a{display: block;width: 100%;position: relative;} .hqs_section5 .ul .li a .ba_pic{ width: 100%; padding-bottom: 30%; 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;} .hqs_section5 .ul .li a .ba_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;} .hqs_section5 .ul .li a:hover .ba_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);} .hqs_section5 .ul .li a .words{width: 100%;text-align: center;font-size: 48px;color: #ffffff;line-height: 52px;font-weight: bold;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%);} @media screen and (max-width: 1600px){ .hqs_section5{padding-bottom: 60px;} .hqs_section5 .ul{margin: 0 -14px; width: calc(100% + 28px); width: -ms-calc(100% + 28px); width: -o-calc(100% + 28px); width: -moz-calc(100% + 28px); width: -webkit-calc(100% + 28px);} .hqs_section5 .ul .li{padding: 0 14px;} .hqs_section5 .ul .li a .words{font-size: 24px;line-height: 30px;} } @media screen and (max-width: 1280px){ .hqs_section5{padding-bottom: 40px;} .hqs_section5 .ul{margin: 0 -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);} .hqs_section5 .ul .li{padding: 0 8px;} .hqs_section5 .ul .li a .words{font-size: 18px;line-height: 24px;} } @media screen and (max-width: 1024px){ .hqs_section5{padding-bottom: 30px;} .hqs_section5 .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);} .hqs_section5 .ul .li{padding: 0 6px;} .hqs_section5 .ul .li a .words{font-size: 18px;line-height: 24px;} .hqs_section5 .ul .slick-dots{position: absolute; bottom: 0; height: 8px; text-align: center;} .hqs_section5 .ul .slick-dots li{ vertical-align: top; width: 8px; height: 8px;border-radius: 100%; margin: 0 4px; background: #dddddd;} .hqs_section5 .ul .slick-dots li.slick-active{ background: #c1141a;} } /*分页*/ .page_section{width: 100%;font-size: 0;text-align: center;} .page_section a{display: inline-block;vertical-align: middle;margin: 0 15px;} .page_section .list{width: 40px;font-size: 40px;text-align: center;line-height: 40px;font-size: 16px;color: #666666;} .page_section .list.on, .page_section .list:hover{background-color: #c1141a;color: #fff;box-shadow: 0 0 14px rgba(193,20,26,0.4);} .page_section .boxs{border: 1px solid #dddddd;width: 112px;font-size: 0;text-align: center;} .page_section .boxs:hover{background-color: #d20001;border-color: #d20001;box-shadow: 0 0 14px rgba(193,20,26,0.4);} .page_section .boxs .words{font-size: 16px;color: #666666;line-height: 38px;display: inline-block;vertical-align: middle;} .page_section .boxs:hover .words{color: #fff;} .page_section .prev .ico{width: 10px;height: 10px;border-top: 2px solid #6a6a6a;border-left: 2px solid #6a6a6a;display: inline-block;vertical-align: middle; margin-right: 8px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);} .page_section .next .ico{width: 10px;height: 10px;border-top: 2px solid #6a6a6a;border-right: 2px solid #6a6a6a;display: inline-block;vertical-align: middle; margin-left: 8px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} .page_section .prev:hover .ico{border-color: #fff;} .page_section .next:hover .ico{border-color: #fff;} @media screen and (max-width: 1600px){ .page_section a{margin: 0 8px;} .page_section .list{width: 30px;font-size: 30px;line-height: 30px;font-size: 14px;} .page_section .boxs{width: 90px;} .page_section .boxs .words{font-size: 14px;line-height: 28px;} .page_section .prev .ico{width: 8px;height: 8px;margin-right: 6px;} .page_section .next .ico{width: 8px;height: 8px;margin-left: 6px;} } @media screen and (max-width: 1280px){ .page_section a{margin: 0 6px;} .page_section .list{width: 26px;font-size: 26px;line-height: 26px;font-size: 12px;} .page_section .boxs{width: 70px;} .page_section .boxs .words{font-size: 12px;line-height: 24px;} .page_section .prev .ico{width: 8px;height: 8px;margin-right: 4px;} .page_section .next .ico{width: 8px;height: 8px;margin-left: 4px;} } /*案例*/ .al_section{width: 100%;padding-top: 80px;padding-bottom: 100px;} .al_section .content{width: 100%;} .al_section .content::after{content: "";display: block;clear: both;} .al_section .content .left{width: 76.5%;float: left;padding-right: 72px} .al_section .content .left .ulbox{width: 100%;margin-bottom: 80px;} .al_section .content .left .ulbox ul{margin: -20px -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);} .al_section .content .left .ulbox ul::after{content: "";display: block;clear: both;} .al_section .content .left .ulbox ul li{width: 33.333%;float: left;padding: 20px 12px;} .al_section .content .left .ulbox ul li a{display: block;width: 100%;} .al_section .content .left .ulbox ul li .pic{ width: 100%; padding-bottom: 70.21%; 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;} .al_section .content .left .ulbox ul 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;} .al_section .content .left .ulbox ul 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);} .al_section .content .left .ulbox ul li .wordsbox{width: 100%;border: 1px solid #dddddd;padding: 28px 32px 20px 26px;} .al_section .content .left .ulbox ul li .wordsbox .tit{font-size: 20px;color: #333333;line-height: 24px;margin-bottom: 20px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;} .al_section .content .left .ulbox ul li:hover .wordsbox .tit{color: #d20001} .al_section .content .left .ulbox ul li .wordsbox .info{font-size: 16px;color: #666666;line-height: 30px;margin-bottom: 22px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;} .al_section .content .left .ulbox ul li .wordsbox .zx{width: 100%;background-color: #f5f5f5;padding: 15px 18px 18px 18px;} .al_section .content .left .ulbox ul li .wordsbox .zx:after{content: "";display: block;clear: both;} .al_section .content .left .ulbox ul li .wordsbox .zx .ico{width: 50px;height: 50px;float: left;} .al_section .content .left .ulbox ul li .wordsbox .zx .boxs1{margin-left: 14px;width: 120px;float: left;} .al_section .content .left .ulbox ul li .wordsbox .zx .boxs1 .words{font-size: 16px;color: #d20001;line-height: 20px;} .al_section .content .left .ulbox ul li .wordsbox .zx .boxs1 .border{width: 100%;height: 1px;background-color: #d20001;margin: 6px 0;} .al_section .content .left .ulbox ul li .wordsbox .zx .boxs2{background-color: #d20001;color: #fff;font-size: 16px;line-height: 40px;border-radius: 4px;width: calc(100% - 184px);float: left;text-align: center;margin-top: 6px;box-shadow: 0 0 14px rgba(193,20,26,0.4);} .al_section .content .left .ulbox ul li .wordsbox .zx .boxs2:hover{opacity: 0.6;} .al_section .content .right{width: 23.5%;float: right;} .al_section .content .right .titbox{width: 100%;background-color: #d20001;padding: 18px 30px 18px 36px;font-size: 0;} .al_section .content .right .titbox .ico{width: 26px;height: 26px;display: inline-block;vertical-align: middle;} .al_section .content .right .titbox .words{font-size: 24px;color: #ffffff;line-height: 28px;display: inline-block;vertical-align: middle;padding-left: 18px;} .al_section .content .right .listbox{width: 100%;padding: 30px 16px 56px 16px;border: 1px solid #dddddd;border-top: 0;margin-bottom: 40px;} .al_section .content .right .listbox .list{width: 100%;border-bottom: 1px solid #dddddd;margin-bottom: 30px;padding-bottom: 30px; overflow:hidden;} .al_section .content .right .listbox .list:last-child{margin-bottom: 0;padding-bottom: 0;border-bottom: 0;} .al_section .content .right .listbox .list a{display: block;width: 100%;} .al_section .content .right .listbox .list a::after{content: "";display: block;clear: both;} .al_section .content .right .listbox .list .picbox{float: left;width: 42.1%;height: 102px;overflow: hidden;} .al_section .content .right .listbox .list .picbox a{height:100%;} .al_section .content .right .listbox .list .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;} .al_section .content .right .listbox .list: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);} .al_section .content .right .listbox .list .wordsbox{width: 57.9%;float: left;padding-left: 26px;padding-top: 0px;} .al_section .content .right .listbox .list .wordsbox .tit{font-size: 18px;color: #333333;line-height: 24px; height:48px; overflow:hidden; margin-bottom: 16px;width: 100%;} .al_section .content .right .listbox .list:hover .wordsbox .tit{color: #d20001;} .al_section .content .right .listbox .list .wordsbox .more{font-size: 14px;color: #ffffff;line-height: 32px;background-color: #d20001;border-radius: 4px;padding: 0 14px;display: inline-block;box-shadow: 0 0 14px rgba(193,20,26,0.4);} .al_section .content .right .listbox .list .wordsbox .more:hover{opacity: 0.6;} .al_section .content .right .wordscon{width: 100%;height: 359px;position: relative;overflow: hidden;} .al_section .content .right .wordscon .wordsbox{width: 100%;background-color: rgba(51,51,51,0.72);padding: 28px 10px 34px 10px;position: absolute;left: 0;bottom: 0;} .al_section .content .right .wordscon .wordsbox .tit1{width: 100%;font-size: 0;margin-bottom: 18px;text-align: center;} .al_section .content .right .wordscon .wordsbox .tit1 .ico{width: 26px;height: 26px;display: inline-block;vertical-align: middle;margin-right: 12px;} .al_section .content .right .wordscon .wordsbox .tit1 .words{font-size: 18px;color: #ffffff;line-height: 24px;display: inline-block;vertical-align: middle;} .al_section .content .right .wordscon .wordsbox .tit2{width: 100%;text-align: center;font-size: 36px;color: #ffffff;line-height: 40px;font-weight: bold;letter-spacing: 0;} @media screen and (max-width: 1600px){ .al_section{padding-top: 60px;padding-bottom: 60px;} .al_section .content .left{width: 75%;padding-right: 40px} .al_section .content .left .ulbox{margin-bottom: 30px;} .al_section .content .left .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);} .al_section .content .left .ulbox ul li{padding: 10px;} .al_section .content .left .ulbox ul li .wordsbox{padding: 14px;} .al_section .content .left .ulbox ul li .wordsbox .tit{font-size: 16px;line-height: 20px;margin-bottom: 12px;} .al_section .content .left .ulbox ul li .wordsbox .info{font-size: 14px;line-height: 22px;margin-bottom: 14px;} .al_section .content .left .ulbox ul li .wordsbox .zx{padding: 10px;} .al_section .content .left .ulbox ul li .wordsbox .zx .ico{width: 40px;height: 40px;;} .al_section .content .left .ulbox ul li .wordsbox .zx .boxs1{margin-left: 8px;width: 110px;} .al_section .content .left .ulbox ul li .wordsbox .zx .boxs1 .words{font-size: 14px;line-height: 18px;} .al_section .content .left .ulbox ul li .wordsbox .zx .boxs1 .border{margin: 4px 0;} .al_section .content .left .ulbox ul li .wordsbox .zx .boxs2{font-size: 14px;line-height: 34px;width: calc(100% - 158px);margin-top: 6px;} .al_section .content .right{width: 25%;} .al_section .content .right .titbox{padding: 18px;} .al_section .content .right .titbox .ico{width: 22px;height: 22px;} .al_section .content .right .titbox .words{font-size: 18px;line-height: 24px;padding-left: 12px;} .al_section .content .right .listbox{padding: 20px 12px 30px 12px;margin-bottom: 20px;} .al_section .content .right .listbox .list{margin-bottom: 16px;padding-bottom: 16px;} .al_section .content .right .listbox .list .picbox{height: 84px;} .al_section .content .right .listbox .list .wordsbox{padding-left: 16px;padding-top: 0px;} .al_section .content .right .listbox .list .wordsbox .tit{font-size: 14px;line-height: 20px; height:40px; margin-bottom: 12px;} .al_section .content .right .listbox .list .wordsbox .more{font-size: 12px;line-height: 28px;padding: 0 10px;} .al_section .content .right .wordscon{height: 290px;} .al_section .content .right .wordscon .wordsbox{padding: 16px 10px;} .al_section .content .right .wordscon .wordsbox .tit1{margin-bottom: 12px;} .al_section .content .right .wordscon .wordsbox .tit1 .ico{width: 22px;height: 22px;margin-right: 8px;} .al_section .content .right .wordscon .wordsbox .tit1 .words{font-size: 14px;line-height: 20px;} .al_section .content .right .wordscon .wordsbox .tit2{font-size: 18px;line-height: 24px;} } @media screen and (max-width: 1280px){ .al_section{padding-top: 40px;padding-bottom: 40px;} .al_section .content .left{padding-right: 20px} .al_section .content .left .ulbox{margin-bottom: 18px;} .al_section .content .left .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);} .al_section .content .left .ulbox ul li{padding: 6px;} .al_section .content .left .ulbox ul li .wordsbox{padding: 12px;} .al_section .content .left .ulbox ul li .wordsbox .tit{font-size: 14px;line-height: 18px;margin-bottom: 10px;} .al_section .content .left .ulbox ul li .wordsbox .info{font-size: 12px;line-height: 20px;margin-bottom: 12px;} .al_section .content .left .ulbox ul li .wordsbox .zx{padding: 8px;} .al_section .content .left .ulbox ul li .wordsbox .zx .ico{width: 34px;height: 34px;} .al_section .content .left .ulbox ul li .wordsbox .zx .boxs1{margin-left: 6px;width: 90px;} .al_section .content .left .ulbox ul li .wordsbox .zx .boxs1 .words{font-size: 12px;line-height: 16px;} .al_section .content .left .ulbox ul li .wordsbox .zx .boxs2{font-size: 12px;line-height: 30px;width: calc(100% - 136px);margin-top: 6px;} .al_section .content .right .titbox{padding: 14px;} .al_section .content .right .titbox .ico{width: 18px;height: 18px;} .al_section .content .right .titbox .words{font-size: 14px;line-height: 20px;padding-left: 8px;} .al_section .content .right .listbox{padding: 16px 10px 20px 10px;margin-bottom: 14px;} .al_section .content .right .listbox .list{margin-bottom: 12px;padding-bottom: 12px;} .al_section .content .right .listbox .list .picbox{height: 70px;} .al_section .content .right .listbox .list .wordsbox{padding-left: 10px;padding-top: 0;} .al_section .content .right .listbox .list .wordsbox .tit{font-size: 12px;line-height: 20px; height:40px; margin-bottom: 8px;} .al_section .content .right .listbox .list .wordsbox .more{font-size: 12px;line-height: 22px;padding: 0 6px;} .al_section .content .right .wordscon{height: 230px;} .al_section .content .right .wordscon .wordsbox{padding: 12px 8px;} .al_section .content .right .wordscon .wordsbox .tit1{margin-bottom: 10px;} .al_section .content .right .wordscon .wordsbox .tit1 .ico{width: 20px;height: 20px;margin-right: 6px;} .al_section .content .right .wordscon .wordsbox .tit1 .words{font-size: 12px;line-height: 18px;} .al_section .content .right .wordscon .wordsbox .tit2{font-size: 14px;line-height: 20px;} } @media screen and (max-width: 1024px){ .al_section{padding-top: 30px;padding-bottom: 30px;} .al_section .content .left{width: 100%;padding-right: 0px;} .al_section .content .left .ulbox{margin-bottom: 14px;} .al_section .content .left .ulbox ul{margin: -7px 0;width: 100%;} .al_section .content .left .ulbox ul li{width: 100%;float: left;padding: 7px 0;} .al_section .content .left .ulbox ul li a{display: block;width: 100%;} .al_section .content .left .ulbox ul li .wordsbox{padding: 12px;} .al_section .content .left .ulbox ul li .wordsbox .tit{font-size: 16px;line-height: 20px;margin-bottom: 12px;} .al_section .content .left .ulbox ul li .wordsbox .info{font-size: 14px;line-height: 20px;margin-bottom: 12px;} .al_section .content .left .ulbox ul li .wordsbox .zx{padding: 8px;} .al_section .content .left .ulbox ul li .wordsbox .zx .ico{width: 40px;height: 40px;margin-top: 4px;} .al_section .content .left .ulbox ul li .wordsbox .zx .boxs1{margin-left: 8px;width: 120px;} .al_section .content .left .ulbox ul li .wordsbox .zx .boxs1 .words{font-size: 14px;line-height: 20px;} .al_section .content .left .ulbox ul li .wordsbox .zx .boxs1 .border{margin: 4px 0;} .al_section .content .left .ulbox ul li .wordsbox .zx .boxs2{font-size: 14px;line-height: 34px;width: calc(100% - 184px);margin-top: 8px;} .al_section .content .right{width: 100%;margin-top: 14px;display: none;} .al_section .content .right .titbox{padding: 14px;} .al_section .content .right .titbox .ico{width: 20px;height: 20px;} .al_section .content .right .titbox .words{font-size: 18px;line-height: 24px;padding-left: 8px;} .al_section .content .right .listbox{padding: 16px 12px;margin-bottom: 14px;} .al_section .content .right .listbox .list{margin-bottom: 12px;padding-bottom: 12px;} .al_section .content .right .listbox .list .picbox{height: 90px;} .al_section .content .right .listbox .list .wordsbox{padding-left: 14px;padding-top: 4px;} .al_section .content .right .listbox .list .wordsbox .tit{font-size: 16px;line-height: 20px; height:40px; margin-bottom: 10px;} .al_section .content .right .listbox .list .wordsbox .more{font-size: 12px;line-height: 28px;padding: 0 8px;} .al_section .content .right .wordscon{height: 300px;} .al_section .content .right .wordscon .wordsbox{padding: 16px 8px;} .al_section .content .right .wordscon .wordsbox .tit1{margin-bottom: 10px;} .al_section .content .right .wordscon .wordsbox .tit1 .ico{width: 0px;height: 0px;margin-right: 6px;} .al_section .content .right .wordscon .wordsbox .tit1 .words{font-size: 14px;line-height: 20px;} .al_section .content .right .wordscon .wordsbox .tit2{font-size: 18px;line-height: 24px;} } /*案例详情*/ .al_section .content .left2{width: 76.5%;float: left;padding-right: 82px;} .al_section .content .left2 h2{font-size: 30px;color: #666666;line-height: 34px;text-align: center;margin-bottom: 34px;font-weight: bold;} .al_section .content .left2 .boxs{width: 100%;text-align: center;font-size: 0;margin-bottom: 40px;} .al_section .content .left2 .boxs .words{font-size: 16px;color: #666666;line-height: 20px;display: inline-block;vertical-align: middle;margin: 0 60px;} .al_section .content .left2 .infoboxs{border-top: 2px solid #cbcbcb;border-bottom: 2px solid #cbcbcb;padding-top: 48px;padding-bottom: 60px;} .al_section .content .left2 .infoboxs .tit{font-size: 24px;color: #333333;line-height: 34px;font-weight: bold;margin-bottom: 34px;padding-left: 20px;position: relative;} .al_section .content .left2 .infoboxs .tit::after{content: "";display: block;width: 8px;height: 8px;background-color: #d20001;border-radius: 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%);} .al_section .content .left2 .infoboxs .info{font-size: 18px;color: #333333;line-height: 36px;margin-bottom: 34px;} .al_section .content .left2 .infoboxs img{max-width: 100%;display: block;margin-bottom: 34px;} .al_section .content .left2 .infoboxs .tit2{font-size: 18px;color: #d20001;line-height: 24px;padding-left: 20px;position: relative;} .al_section .content .left2 .infoboxs .tit2::after{content: "";display: block;width: 8px;height: 8px;background-color: #d20001;border-radius: 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%);} .al_section .content .left2 .page{width: 100%;margin-top: 62px;} .al_section .content .left2 .page::after{content: "";display: block;clear: both;} .al_section .content .left2 .page .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);} .al_section .content .left2 .page .lefts .pages{font-size: 16px;color: #666666;line-height: 20px;} .al_section .content .left2 .page .lefts .prev{margin-bottom: 28px;} .al_section .content .left2 .page .rights{float: right;width: 150px;} .al_section .content .left2 .page .rights a{display: block;width: 100%;background-color: #d20001;font-size: 0;text-align: center;box-shadow: 0 0 14px rgb(193,20,26,0.4);} .al_section .content .left2 .page .rights a:hover{opacity: 0.6;} .al_section .content .left2 .page .rights a .ico{width: 14px;height: 14px;display: inline-block;vertical-align: middle;margin-right: 18px;} .al_section .content .left2 .page .rights a .words{font-size: 16px;color: #ffffff;line-height: 48px;display: inline-block;vertical-align: middle;} @media screen and (max-width: 1600px){ .al_section .content .left2{width: 75%;padding-right: 40px;} .al_section .content .left2 h2{font-size: 24px;line-height: 30px;margin-bottom: 20px;} .al_section .content .left2 .boxs{margin-bottom: 16px;} .al_section .content .left2 .boxs .words{font-size: 14px;line-height: 20px;margin: 0 20px;} .al_section .content .left2 .infoboxs{padding-top: 30px;padding-bottom: 30px;} .al_section .content .left2 .infoboxs .tit{font-size: 18px;line-height: 24px;margin-bottom: 20px;padding-left: 16px;} .al_section .content .left2 .infoboxs .tit::after{width: 6px;height: 6px;} .al_section .content .left2 .infoboxs .info{font-size: 14px;line-height: 24px;margin-bottom: 20px;} .al_section .content .left2 .infoboxs img{margin-bottom: 20px;} .al_section .content .left2 .infoboxs .tit2{font-size: 14px;line-height: 20px;padding-left: 16px;} .al_section .content .left2 .infoboxs .tit2::after{width: 6px;height: 6px;} .al_section .content .left2 .page{margin-top: 20px;} .al_section .content .left2 .page .lefts{padding-right: 16px; width: calc(100% - 130px); width: -ms-calc(100% - 130px); width: -o-calc(100% - 130px); width: -moz-calc(100% - 130px); width: -webkit-calc(100% - 130px);} .al_section .content .left2 .page .lefts .pages{font-size: 14px;line-height: 20px;} .al_section .content .left2 .page .lefts .prev{margin-bottom: 16px;} .al_section .content .left2 .page .rights{float: right;width: 130px;} .al_section .content .left2 .page .rights a .ico{margin-right: 12px;} .al_section .content .left2 .page .rights a .words{font-size: 14px;line-height: 36px;} } @media screen and (max-width: 1280px){ .al_section .content .left2{padding-right: 30px;} .al_section .content .left2 h2{font-size: 18px;line-height: 24px;margin-bottom: 16px;} .al_section .content .left2 .boxs{margin-bottom: 14px;} .al_section .content .left2 .boxs .words{font-size: 12px;line-height: 20px;margin: 0 10px;} .al_section .content .left2 .infoboxs{padding-top: 20px;padding-bottom: 20px;} .al_section .content .left2 .infoboxs .tit{font-size: 14px;line-height: 20px;margin-bottom: 14px;padding-left: 12px;} .al_section .content .left2 .infoboxs .info{font-size: 12px;line-height: 20px;margin-bottom: 14px;} .al_section .content .left2 .infoboxs img{margin-bottom: 14px;} .al_section .content .left2 .infoboxs .tit2{font-size: 12px;line-height: 20px;padding-left: 12px;} .al_section .content .left2 .page{margin-top: 14px;} .al_section .content .left2 .page .lefts{padding-right: 10px; width: calc(100% - 110px); width: -ms-calc(100% - 110px); width: -o-calc(100% - 110px); width: -moz-calc(100% - 110px); width: -webkit-calc(100% - 110px);} .al_section .content .left2 .page .lefts .pages{font-size: 12px;line-height: 20px;} .al_section .content .left2 .page .lefts .prev{margin-bottom: 12px;} .al_section .content .left2 .page .rights{width: 110px;} .al_section .content .left2 .page .rights a .ico{margin-right: 10px;} .al_section .content .left2 .page .rights a .words{font-size: 12px;line-height: 30px;} } @media screen and (max-width: 1024px){ .al_section .content .left2{width: 100%;padding-right: 0;} .al_section .content .left2 h2{font-size: 18px;line-height: 24px;margin-bottom: 12px;} .al_section .content .left2 .boxs{margin-bottom: 14px;} .al_section .content .left2 .boxs .words{font-size: 14px;line-height: 20px;margin: 0 4px;letter-spacing: 0;} .al_section .content .left2 .infoboxs{padding-top: 16px;padding-bottom: 16px;} .al_section .content .left2 .infoboxs .tit{font-size: 16px;;line-height: 20px;margin-bottom: 12px;padding-left: 10px;} .al_section .content .left2 .infoboxs .tit::after{width: 6px;height: 6px;} .al_section .content .left2 .infoboxs .info{font-size: 14px;line-height: 22px;margin-bottom: 12px;} .al_section .content .left2 .infoboxs img{margin-bottom: 12px;} .al_section .content .left2 .infoboxs .tit2{font-size: 14px;line-height: 20px;padding-left: 10px;} .al_section .content .left2 .infoboxs .tit2::after{width: 6px;height: 6px;} .al_section .content .left2 .page{margin-top: 14px;} .al_section .content .left2 .page .lefts{float: left;padding-right: 10px; width: calc(100% - 100px); width: -ms-calc(100% - 100px); width: -o-calc(100% - 100px); width: -moz-calc(100% - 100px); width: -webkit-calc(100% - 100px);} .al_section .content .left2 .page .lefts .pages{font-size: 14px;line-height: 20px;} .al_section .content .left2 .page .lefts .prev{margin-bottom: 8px;} .al_section .content .left2 .page .rights{width: 100px;} .al_section .content .left2 .page .rights a .ico{margin-right: 6px;} .al_section .content .left2 .page .rights a .words{font-size: 14px;line-height: 32px;} } /*新闻*/ .xw_section{width: 100%;padding-top: 80px;padding-bottom: 100px;} .xw_section .content{width: 100%;} .xw_section .content::after{content: "";display: block;clear: both;} .xw_section .content .left{width: 76.5%;float: left;padding-right: 46px;} .xw_section .content .left ul{margin-bottom: 78px;} .xw_section .content .left ul li{width: 100%;margin-bottom: 40px;} .xw_section .content .left ul li:last-child{margin-bottom: 0;} .xw_section .content .left ul li a{display: block;width: 100%;overflow: hidden;} .xw_section .content .left ul li a:hover{box-shadow: 0 0 20px rgba(220,220,220,0.6);} .xw_section .content .left ul li a .picbox{width: 27.72%;float: left;height: 230px;overflow: hidden;} .xw_section .content .left 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;} .xw_section .content .left 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);} .xw_section .content .left ul li a .wordsbox{width: 72.28%;float: left;border: 1px solid #dddddd;padding: 30px 42px 10px 46px;height: 230px;} .xw_section .content .left ul li a:hover .wordsbox{border-color: rgba(255,255,255,0);} .xw_section .content .left ul li a .wordsbox .tit{font-size: 24px;color: #333333;line-height: 28px;margin-bottom: 16px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;} .xw_section .content .left ul li a:hover .wordsbox .tit{color: #c1141a;} .xw_section .content .left ul li a .wordsbox .info{font-size: 16px;color: #666666;line-height: 30px;margin-bottom: 14px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;} .xw_section .content .left ul li a .wordsbox .boxs{width: 100%;} .xw_section .content .left ul li a .wordsbox .boxs::after{content: "";display: block;clear: both;} .xw_section .content .left ul li a .wordsbox .boxs .date{float: left;font-size: 16px;color: #666666;line-height: 48px;} .xw_section .content .left ul li a .wordsbox .boxs .more{float: right;width: 150px;border: 1px solid #dddddd; font-size: 16px;color: #666666;line-height: 46px;text-align: center;} .xw_section .content .left ul li a:hover .wordsbox .boxs .more{color: #fff;background-color: #c1141a;box-shadow: 0 0 14px rgba(193,20,26,0.4);} .xw_section .content .right{width: 23.5%;float: right;} .xw_section .content .right .titbox{width: 100%;background-color: #d20001;padding: 18px 30px 18px 36px;font-size: 0;} .xw_section .content .right .titbox .ico{width: 26px;height: 26px;display: inline-block;vertical-align: middle;} .xw_section .content .right .titbox .words{font-size: 24px;color: #ffffff;line-height: 28px;display: inline-block;vertical-align: middle;padding-left: 18px;} .xw_section .content .right .listbox{width: 100%;padding: 30px 16px 56px 16px;border: 1px solid #dddddd;border-top: 0;margin-bottom: 40px;} .xw_section .content .right .listbox .list{width: 100%;border-bottom: 1px solid #dddddd;margin-bottom: 30px;padding-bottom: 30px;} .xw_section .content .right .listbox .list:last-child{margin-bottom: 0;padding-bottom: 0;border-bottom: 0;} .xw_section .content .right .listbox .list a{display: block;width: 100%;} .xw_section .content .right .listbox .list a::after{content: "";display: block;clear: both;} .xw_section .content .right .listbox .list a .picbox{float: left;width: 42.1%;height: 102px;overflow: hidden;} .xw_section .content .right .listbox .list 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;} .xw_section .content .right .listbox .list 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);} .xw_section .content .right .listbox .list a .wordsbox{width: 57.9%;float: left;padding-left: 20px;padding-top: 6px;} .xw_section .content .right .listbox .list a .wordsbox .tit{font-size: 18px;color: #333333;line-height: 24px; height:48px; overflow:hidden; margin-bottom: 16px;width: 100%;} .xw_section .content .right .listbox .list a:hover .wordsbox .tit{color: #d20001;} .xw_section .content .right .listbox .list a .wordsbox .more{font-size: 14px;color: #ffffff;line-height: 32px;background-color: #d20001;border-radius: 4px;padding: 0 14px;display: inline-block;box-shadow: 0 0 14px rgba(193,20,26,0.4);} .xw_section .content .right .listbox .list a .wordsbox .more:hover{opacity: 0.6;} .xw_section .content .right .listbox .list a .wordsbox .date{font-size: 16px;color: #666666;line-height: 20px;} .xw_section .content .right .wordscon{width: 100%;height: 359px;position: relative;overflow: hidden;} .xw_section .content .right .wordscon .wordsbox{width: 100%;background-color: rgba(51,51,51,0.72);padding: 28px 10px 34px 10px;position: absolute;left: 0;bottom: 0;} .xw_section .content .right .wordscon .wordsbox .tit1{width: 100%;font-size: 0;margin-bottom: 18px;text-align: center;} .xw_section .content .right .wordscon .wordsbox .tit1 .ico{width: 26px;height: 26px;display: inline-block;vertical-align: middle;margin-right: 12px;} .xw_section .content .right .wordscon .wordsbox .tit1 .words{font-size: 18px;color: #ffffff;line-height: 24px;display: inline-block;vertical-align: middle;} .xw_section .content .right .wordscon .wordsbox .tit2{width: 100%;text-align: center;font-size: 36px;color: #ffffff;line-height: 40px;font-weight: bold;letter-spacing: 0;} @media screen and (max-width: 1600px){ .xw_section{padding-top: 60px;padding-bottom: 60px;} .xw_section .content .left{width: 75%;padding-right: 30px;} .xw_section .content .left ul{margin-bottom: 30px;} .xw_section .content .left ul li{margin-bottom: 20px;} .xw_section .content .left ul li a .picbox{width: 30%;height: 200px;} .xw_section .content .left ul li a .wordsbox{width: 70%;padding: 36px 20px;height: 200px;} .xw_section .content .left ul li a .wordsbox .tit{font-size: 20px;line-height: 24px;margin-bottom: 12px;} .xw_section .content .left ul li a .wordsbox .info{font-size: 14px;line-height: 20px;margin-bottom: 10px;} .xw_section .content .left ul li a .wordsbox .boxs .date{font-size: 14px;line-height: 36px;} .xw_section .content .left ul li a .wordsbox .boxs .more{width: 130px;font-size: 14px;line-height: 34px;} .xw_section .content .right{width: 25%;} .xw_section .content .right .titbox{padding: 18px;} .xw_section .content .right .titbox .ico{width: 22px;height: 22px;} .xw_section .content .right .titbox .words{font-size: 18px;line-height: 24px;padding-left: 12px;} .xw_section .content .right .listbox{padding: 20px 12px 30px 12px;margin-bottom: 20px;} .xw_section .content .right .listbox .list{margin-bottom: 16px;padding-bottom: 16px;} .xw_section .content .right .listbox .list a .picbox{height: 84px;} .xw_section .content .right .listbox .list a .wordsbox{padding-left: 16px;padding-top: 6px;} .xw_section .content .right .listbox .list a .wordsbox .tit{font-size: 14px;line-height: 20px; height:40px; margin-bottom: 12px;} .xw_section .content .right .listbox .list a .wordsbox .date{font-size: 12px;line-height: 20px;} .xw_section .content .right .wordscon{height: 290px;} .xw_section .content .right .wordscon .wordsbox{padding: 16px 10px;} .xw_section .content .right .wordscon .wordsbox .tit1{margin-bottom: 12px;} .xw_section .content .right .wordscon .wordsbox .tit1 .ico{width: 22px;height: 22px;margin-right: 8px;} .xw_section .content .right .wordscon .wordsbox .tit1 .words{font-size: 14px;line-height: 20px;} .xw_section .content .right .wordscon .wordsbox .tit2{font-size: 18px;line-height: 24px;} } @media screen and (max-width: 1280px){ .xw_section{padding-top: 40px;padding-bottom: 40px;} .xw_section .content .left{padding-right: 20px;} .xw_section .content .left ul{margin-bottom: 16px;} .xw_section .content .left ul li{margin-bottom: 14px;} .xw_section .content .left ul li a .picbox{width: 34%;height: 160px;} .xw_section .content .left ul li a .wordsbox{width: 66%;padding: 30px 20px;height: 160px;} .xw_section .content .left ul li a .wordsbox .tit{font-size: 16px;line-height: 20px;margin-bottom: 10px;} .xw_section .content .left ul li a .wordsbox .info{font-size: 12px;line-height: 20px;margin-bottom: 10px;} .xw_section .content .left ul li a .wordsbox .boxs .date{font-size: 12px;line-height: 30px;} .xw_section .content .left ul li a .wordsbox .boxs .more{width: 110px;font-size: 12px;line-height: 28px;} .xw_section .content .right .titbox{padding: 14px;} .xw_section .content .right .titbox .ico{width: 18px;height: 18px;} .xw_section .content .right .titbox .words{font-size: 14px;line-height: 20px;padding-left: 8px;} .xw_section .content .right .listbox{padding: 16px 10px 20px 10px;margin-bottom: 14px;} .xw_section .content .right .listbox .list{margin-bottom: 12px;padding-bottom: 12px;} .xw_section .content .right .listbox .list a .picbox{height: 70px;} .xw_section .content .right .listbox .list a .wordsbox{padding-left: 10px;padding-top: 0;} .xw_section .content .right .listbox .list a .wordsbox .tit{font-size: 12px;line-height: 20px;margin-bottom: 8px;} .xw_section .content .right .wordscon{height: 230px;} .xw_section .content .right .wordscon .wordsbox{padding: 12px 8px;} .xw_section .content .right .wordscon .wordsbox .tit1{margin-bottom: 10px;} .xw_section .content .right .wordscon .wordsbox .tit1 .ico{width: 20px;height: 20px;margin-right: 6px;} .xw_section .content .right .wordscon .wordsbox .tit1 .words{font-size: 12px;line-height: 18px;} .xw_section .content .right .wordscon .wordsbox .tit2{font-size: 14px;line-height: 20px;} } @media screen and (max-width: 1024px){ .xw_section{padding-top: 30px;padding-bottom: 30px;} .xw_section .content .left{width: 100%;padding-right: 0;} .xw_section .content .left ul{margin-bottom: 16px;} .xw_section .content .left ul li{margin-bottom: 14px;} .xw_section .content .left ul li a .picbox{width: 100%;height: 200px;} .xw_section .content .left ul li a .wordsbox{width: 100%;padding: 12px;height: auto;} .xw_section .content .left ul li a .wordsbox .tit{font-size: 16px;line-height: 20px;margin-bottom: 12px;} .xw_section .content .left ul li a .wordsbox .info{font-size: 14px;line-height: 22px;margin-bottom: 12px;} .xw_section .content .left ul li a .wordsbox .boxs .date{font-size: 14px;line-height: 30px;} .xw_section .content .left ul li a .wordsbox .boxs .more{width: 120px;font-size: 14px;line-height: 28px;} .xw_section .content .right{width: 100%;margin-top: 14px;display: none;} .xw_section .content .right .titbox{padding: 14px;} .xw_section .content .right .titbox .ico{width: 20px;height: 20px;} .xw_section .content .right .titbox .words{font-size: 18px;line-height: 24px;padding-left: 8px;} .xw_section .content .right .listbox{padding: 16px 12px;margin-bottom: 14px;} .xw_section .content .right .listbox .list{margin-bottom: 12px;padding-bottom: 12px;} .xw_section .content .right .listbox .list a .picbox{height: 90px;} .xw_section .content .right .listbox .list a .wordsbox{padding-left: 14px;padding-top: 10px;} .xw_section .content .right .listbox .list a .wordsbox .tit{font-size: 16px;line-height: 20px;margin-bottom: 6px;} .xw_section .content .right .listbox .list a .wordsbox .date{font-size: 14px;} .xw_section .content .right .listbox .list a .wordsbox .more{font-size: 12px;line-height: 28px;padding: 0 8px;} .xw_section .content .right .wordscon{height: 300px;} .xw_section .content .right .wordscon .wordsbox{padding: 16px 8px;} .xw_section .content .right .wordscon .wordsbox .tit1{margin-bottom: 10px;} .xw_section .content .right .wordscon .wordsbox .tit1 .ico{width: 0px;height: 0px;margin-right: 6px;} .xw_section .content .right .wordscon .wordsbox .tit1 .words{font-size: 14px;line-height: 20px;} .xw_section .content .right .wordscon .wordsbox .tit2{font-size: 18px;line-height: 24px;} } /*新闻详情*/ .xw_section .content .left2{float: left;width: 76.5%;padding-right: 48px;} .xw_section .content .left2 h2{font-size: 30px;color: #666666;line-height: 34px;margin-bottom: 52px;text-align: center;font-weight: bold;} .xw_section .content .left2 .boxs{font-size: 0;text-align: center;margin-bottom: 54px;width: 100%;} .xw_section .content .left2 .boxs .words{font-size: 16px;color: #666666;line-height: 20px;display: inline-block;vertical-align: middle;margin: 0 22px;} .xw_section .content .left2 .info{width: 100%;padding-top: 44px;padding-bottom: 70px;border-top: 1px solid #dddddd;border-bottom: 1px solid #dddddd;font-size: 18px;color: #666666;line-height: 36px;} .xw_section .content .left2 .info .words{font-size: 16px;color: #666666;line-height: 36px;} .xw_section .content .left2 .info img{max-width: 100%;/*display: block;*/} .xw_section .content .left2 .page{width: 100%;margin-top: 62px;} .xw_section .content .left2 .page::after{content: "";display: block;clear: both;} .xw_section .content .left2 .page .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);} .xw_section .content .left2 .page .lefts .pages{font-size: 16px;color: #666666;line-height: 20px;} .xw_section .content .left2 .page .lefts .prev{margin-bottom: 28px;} .xw_section .content .left2 .page .rights{float: right;width: 150px;} .xw_section .content .left2 .page .rights a{display: block;width: 100%;background-color: #d20001;font-size: 0;text-align: center;box-shadow: 0 0 14px rgb(193,20,26,0.4);} .xw_section .content .left2 .page .rights a:hover{opacity: 0.6;} .xw_section .content .left2 .page .rights a .ico{width: 14px;height: 14px;display: inline-block;vertical-align: middle;margin-right: 18px;} .xw_section .content .left2 .page .rights a .words{font-size: 16px;color: #ffffff;line-height: 48px;display: inline-block;vertical-align: middle;} @media screen and (max-width: 1600px){ .xw_section .content .left2{width: 75%;padding-right: 30px;} .xw_section .content .left2 h2{font-size: 24px;line-height: 28px;margin-bottom: 30px;} .xw_section .content .left2 .boxs{margin-bottom: 20px;} .xw_section .content .left2 .boxs .words{font-size: 14px;line-height: 20px;margin: 0 10px;} .xw_section .content .left2 .info{padding-top: 30px;padding-bottom: 30px;font-size: 16px;line-height: 24px;} .xw_section .content .left2 .info .words{font-size: 14px;line-height: 24px;} .xw_section .content .left2 .page{margin-top: 20px;} .xw_section .content .left2 .page .lefts{padding-right: 16px; width: calc(100% - 130px); width: -ms-calc(100% - 130px); width: -o-calc(100% - 130px); width: -moz-calc(100% - 130px); width: -webkit-calc(100% - 130px);} .xw_section .content .left2 .page .lefts .pages{font-size: 14px;line-height: 20px;} .xw_section .content .left2 .page .lefts .prev{margin-bottom: 16px;} .xw_section .content .left2 .page .rights{float: right;width: 130px;} .xw_section .content .left2 .page .rights a .ico{margin-right: 12px;} .xw_section .content .left2 .page .rights a .words{font-size: 14px;line-height: 36px;} } @media screen and (max-width: 1280px){ .xw_section .content .left2{padding-right: 20px;} .xw_section .content .left2 h2{font-size: 18px;line-height: 24px;margin-bottom: 16px;} .xw_section .content .left2 .boxs{margin-bottom: 14px;} .xw_section .content .left2 .boxs .words{font-size: 12px;line-height: 20px;margin: 0 10px;} .xw_section .content .left2 .info{padding-top: 16px;padding-bottom: 16px;font-size: 14px;line-height: 20px;} .xw_section .content .left2 .info .words{font-size: 12px;line-height: 20px;} .xw_section .content .left2 .page{margin-top: 14px;} .xw_section .content .left2 .page .lefts{padding-right: 10px; width: calc(100% - 110px); width: -ms-calc(100% - 110px); width: -o-calc(100% - 110px); width: -moz-calc(100% - 110px); width: -webkit-calc(100% - 110px);} .xw_section .content .left2 .page .lefts .pages{font-size: 12px;line-height: 20px;} .xw_section .content .left2 .page .lefts .prev{margin-bottom: 12px;} .xw_section .content .left2 .page .rights{width: 110px;} .xw_section .content .left2 .page .rights a .ico{margin-right: 10px;} .xw_section .content .left2 .page .rights a .words{font-size: 12px;line-height: 30px;} } @media screen and (max-width: 1024px){ .xw_section .content .left2{width: 100%;padding-right: 0;} .xw_section .content .left2 h2{font-size: 18px;line-height: 24px;margin-bottom: 12px;} .xw_section .content .left2 .boxs{margin-bottom: 14px;} .xw_section .content .left2 .boxs .words{font-size: 14px;margin: 0 4px;} .xw_section .content .left2 .info{padding-top: 12px;padding-bottom: 12px;font-size: 16px;line-height: 22px;} .xw_section .content .left2 .info .words{font-size: 14px;line-height: 22px;} .xw_section .content .left2 .page{margin-top: 14px;} .xw_section .content .left2 .page .lefts{float: left;padding-right: 10px; width: calc(100% - 100px); width: -ms-calc(100% - 100px); width: -o-calc(100% - 100px); width: -moz-calc(100% - 100px); width: -webkit-calc(100% - 100px);} .xw_section .content .left2 .page .lefts .pages{font-size: 14px;line-height: 20px;} .xw_section .content .left2 .page .lefts .prev{margin-bottom: 8px;} .xw_section .content .left2 .page .rights{width: 100px;} .xw_section .content .left2 .page .rights a .ico{margin-right: 6px;} .xw_section .content .left2 .page .rights a .words{font-size: 14px;line-height: 32px;} } /*常见问题*/ .cjwt_section{width: 100%;padding-top: 80px;padding-bottom: 100px;background-color: #f5f5f5;} .cjwt_section ul{margin: -15px -12px;display:flex; flex-wrap: wrap; align-items: flex-start; width: calc(100% + 24px); width: -ms-calc(100% + 24px); width: -o-calc(100% + 24px); width: -moz-calc(100% + 24px); width: -webkit-calc(100% + 24px);} .cjwt_section ul::after{content: "";display: block;clear: both;} .cjwt_section ul li{width: 50%;float: left;padding: 15px 12px;} .cjwt_section ul li a{display: block;width: 100%;background-color: #fff;border-left: 2px solid #bbbbbb;overflow: hidden;padding: 28px 32px 28px 24px;} .cjwt_section ul li a:hover{border-left: 2px solid #c1141a;box-shadow: 0 0 14px rgba(220,220,220,0.6);} .cjwt_section ul li a .wordsbox{float: left;padding-right: 54px;padding-top: 20px; width: calc(100% - 94px); width: -ms-calc(100% - 94px); width: -o-calc(100% - 94px); width: -moz-calc(100% - 94px); width: -webkit-calc(100% - 94px);} .cjwt_section ul li a .wordsbox ._t{width: 100%;margin-bottom: 26px;overflow: hidden;} .cjwt_section ul li a .wordsbox ._t .ico{width: 22px;height: 22px;line-height: 22px;text-align: center;background-color: #c1141a;font-size: 14px;color: #fff;font-weight: bold;float: left;} .cjwt_section ul li a .wordsbox ._t .words{font-size: 20px;color: #333333;line-height: 20px;float: left;padding-left: 20px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1; width: calc(100% - 24px); width: -ms-calc(100% - 24px); width: -o-calc(100% - 24px); width: -moz-calc(100% - 24px); width: -webkit-calc(100% - 24px);} .cjwt_section ul li a:hover .wordsbox ._t .words{color: #c1141a;} .cjwt_section ul li a .wordsbox ._b{width: 100%;overflow: hidden;} .cjwt_section ul li a .wordsbox ._b .ico{width: 22px;height: 22px;line-height: 22px;text-align: center;background-color: #111111;font-size: 14px;color: #fff;font-weight: bold;float: left;} .cjwt_section ul li a .wordsbox ._b .words{font-size: 16px;color: #666666;line-height: 30px;float: left;padding-left: 20px;margin-top: -4px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; width: calc(100% - 24px); width: -ms-calc(100% - 24px); width: -o-calc(100% - 24px); width: -moz-calc(100% - 24px); width: -webkit-calc(100% - 24px);} .cjwt_section ul li a .more{float: right;width: 94px;position: relative;font-size: 16px;color: #666666;line-height: 138px;padding-left: 32px;} .cjwt_section ul li a:hover .more{color: #c1141a;font-weight: bold;} .cjwt_section ul li a .more::after{content: "";display: block;width: 1px;height: 100%;background: url(images/img161.png)no-repeat center center;background-size: cover;position: absolute;left: 0;top: 0;} .cjwt_section .mores{width: 100%;margin-top: 90px;} .cjwt_section .mores .ico{width: 59px;height: 59px;margin: 0 auto;} @media screen and (max-width: 1600px){ .cjwt_section{padding-top: 60px;padding-bottom: 60px;} .cjwt_section 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);} .cjwt_section ul li{padding: 10px;} .cjwt_section ul li a{padding: 16px;} .cjwt_section ul li a .wordsbox{padding-right: 30px;padding-top: 0; width: calc(100% - 70px); width: -ms-calc(100% - 70px); width: -o-calc(100% - 70px); width: -moz-calc(100% - 70px); width: -webkit-calc(100% - 70px);} .cjwt_section ul li a .wordsbox ._t{margin-bottom: 16px;} .cjwt_section ul li a .wordsbox ._t .ico{width: 20px;height: 20px;line-height: 20px;font-size: 12px;} .cjwt_section ul li a .wordsbox ._t .words{font-size: 16px;line-height: 20px;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);} .cjwt_section ul li a .wordsbox ._b .ico{width: 20px;height: 20px;line-height: 20px;font-size: 12px;} .cjwt_section ul li a .wordsbox ._b .words{font-size: 14px;line-height: 24px;padding-left: 14px;margin-top: -4px; width: calc(100% - 22px); width: -ms-calc(100% - 22px); width: -o-calc(100% - 22px); width: -moz-calc(100% - 22px); width: -webkit-calc(100% - 22px);} .cjwt_section ul li a .more{width: 70px;font-size: 14px;line-height: 80px;padding-left: 14px;} .cjwt_section .mores{margin-top: 40px;} .cjwt_section .mores .ico{width: 40px;height: 40px;} } @media screen and (max-width: 1280px){ .cjwt_section{padding-top: 40px;padding-bottom: 40px;} .cjwt_section 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);} .cjwt_section ul li{padding: 8px;} .cjwt_section ul li a{padding: 12px;} .cjwt_section ul li a .wordsbox{padding-right: 14px; width: calc(100% - 60px); width: -ms-calc(100% - 60px); width: -o-calc(100% - 60px); width: -moz-calc(100% - 60px); width: -webkit-calc(100% - 60px);} .cjwt_section ul li a .wordsbox ._t{margin-bottom: 12px;} .cjwt_section ul li a .wordsbox ._t .ico{width: 18px;height: 18px;line-height: 18px;} .cjwt_section ul li a .wordsbox ._t .words{font-size: 14px;line-height: 18px;padding-left: 8px;letter-spacing: 0; width: calc(100% - 20px); width: -ms-calc(100% - 20px); width: -o-calc(100% - 20px); width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px);} .cjwt_section ul li a .wordsbox ._b .ico{width: 18px;height: 18px;line-height: 18px;} .cjwt_section ul li a .wordsbox ._b .words{font-size: 12px;line-height: 20px;padding-left: 8px;margin-top: -4px;letter-spacing: 0; width: calc(100% - 20px); width: -ms-calc(100% - 20px); width: -o-calc(100% - 20px); width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px);} .cjwt_section ul li a .more{width: 60px;font-size: 12px;line-height: 66px;padding-left: 10px;} .cjwt_section .mores{margin-top: 20px;} .cjwt_section .mores .ico{width: 34px;height: 34px;} } @media screen and (max-width: 1024px){ .cjwt_section{padding-top: 30px;padding-bottom: 30px;} .cjwt_section ul{margin: -6px 0;width: 100%;} .cjwt_section ul li{width: 100%;padding: 6px 0;} .cjwt_section ul li a{padding: 12px;} .cjwt_section ul li a .wordsbox{padding-right: 0;padding-top: 0;width: 100%;} .cjwt_section ul li a .wordsbox ._t{margin-bottom: 10px;} .cjwt_section ul li a .wordsbox ._t .ico{width: 20px;height: 20px;line-height: 20px;font-size: 14px;} .cjwt_section ul li a .wordsbox ._t .words{font-size: 16px;line-height: 20px;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);} .cjwt_section ul li a .wordsbox ._b .ico{width: 20px;height: 20px;line-height: 20px;font-size: 14px;} .cjwt_section ul li a .wordsbox ._b .words{font-size: 14px;line-height: 22px;padding-left: 8px;margin-top: -4px; width: calc(100% - 22px); width: -ms-calc(100% - 22px); width: -o-calc(100% - 22px); width: -moz-calc(100% - 22px); width: -webkit-calc(100% - 22px);} .cjwt_section ul li a .more{display: none;} .cjwt_section .mores{margin-top: 16px;} .cjwt_section .mores .ico{width: 36px;height: 36px;} } /*常见问题详情*/ .cjwtxq_section{width: 100%;padding-top: 80px;padding-bottom: 100px;} .cjwtxq_section .content{width: 100%;} .cjwtxq_section .content::after{content: "";display: block;clear: both;} .cjwtxq_section .content .left{width: 76.5%;float: left;padding-right: 80px;} .cjwtxq_section .content .left .t_box{width: 100%;margin-bottom: 36px;overflow: hidden;} .cjwtxq_section .content .left .t_box .ico{width: 26px;height: 26px;line-height: 26px;text-align: center;font-size: 14px;color: #fff;font-weight: bold;float: left;background-color: #c1141a;} .cjwtxq_section .content .left .t_box .words{font-size: 24px;color: #c1141a;line-height: 26px;float: left;font-weight: bold;padding-left: 22px; width: calc(100% - 28px); width: -ms-calc(100% - 28px); width: -o-calc(100% - 28px); width: -moz-calc(100% - 28px); width: -webkit-calc(100% - 28px);} .cjwtxq_section .content .left .listbox{width: 100%;padding-bottom: 36px;overflow: hidden;padding-left: 62px;border-bottom: 2px solid #cbcbcb;margin-bottom: 42px;} .cjwtxq_section .content .left .listbox .words{font-size: 16px;color: #666666;line-height: 20px;float: left;margin-right: 100px;} .cjwtxq_section .content .left .b_box{width: 100%;overflow: hidden;margin-bottom: 48px;} .cjwtxq_section .content .left .b_box{width: 100%;margin-bottom: 36px;overflow: hidden;} .cjwtxq_section .content .left .b_box .ico{width: 26px;height: 26px;line-height: 26px;text-align: center;font-size: 14px;color: #fff;font-weight: bold;float: left;background-color: #111111;} .cjwtxq_section .content .left .b_box .words{font-size: 16px;color: #666666;line-height: 36px;float: left;padding-left: 22px;margin-top: -4px; width: calc(100% - 28px); width: -ms-calc(100% - 28px); width: -o-calc(100% - 28px); width: -moz-calc(100% - 28px); width: -webkit-calc(100% - 28px);} .cjwtxq_section .content .left .infobox{width: 100%;padding-left: 48px;padding-bottom: 88px;border-bottom: 2px solid #cbcbcb;} .cjwtxq_section .content .left .infobox .tit{font-size: 16px;color: #666666;line-height: 20px;margin-bottom: 48px;font-weight: bold;} .cjwtxq_section .content .left .infobox .info{font-size: 16px;color: #666666;line-height: 36px;margin-bottom: 48px;} .cjwtxq_section .content .left .infobox img{max-width: 100%;display: block;margin-bottom: 48px;} .cjwtxq_section .content .left .infobox .info2{margin-bottom: 0;} .cjwtxq_section .content .left .infobox .buttonbox{width: 100%;text-align: center;margin-top: 76px;} .cjwtxq_section .content .left .infobox .buttonbox .buttons{display: inline-block;vertical-align: middle;margin: 0 18px;} .cjwtxq_section .content .left .infobox .buttonbox .buttons a{display: block;width: 220px;font-size: 0;text-align: center;background-color: #0b3ed9;box-shadow: 0 0 14px rgba(11,62,217,0.4);} .cjwtxq_section .content .left .infobox .buttonbox .buttons a:hover{box-shadow: 0 0 14px rgba(193,20,26,0.4);background-color: #c1141a;} .cjwtxq_section .content .left .infobox .buttonbox .buttons a .words{font-size: 16px;color: #ffffff;line-height: 52px;display: inline-block;vertical-align: middle;margin-right: 16px;} .cjwtxq_section .content .left .infobox .buttonbox .buttons a .ico{width: 24px;height: 24px;display: inline-block;vertical-align: middle;} .cjwtxq_section .content .left .page{width: 100%;margin-top: 62px;} .cjwtxq_section .content .left .page::after{content: "";display: block;clear: both;} .cjwtxq_section .content .left .page .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);} .cjwtxq_section .content .left .page .lefts .pages{font-size: 16px;color: #666666;line-height: 20px;} .cjwtxq_section .content .left .page .lefts .prev{margin-bottom: 28px;} .cjwtxq_section .content .left .page .rights{float: right;width: 150px;} .cjwtxq_section .content .left .page .rights a{display: block;width: 100%;background-color: #d20001;font-size: 0;text-align: center;box-shadow: 0 0 14px rgb(193,20,26,0.4);} .cjwtxq_section .content .left .page .rights a:hover{opacity: 0.6;} .cjwtxq_section .content .left .page .rights a .ico{width: 14px;height: 14px;display: inline-block;vertical-align: middle;margin-right: 18px;} .cjwtxq_section .content .left .page .rights a .words{font-size: 16px;color: #ffffff;line-height: 48px;display: inline-block;vertical-align: middle;} .cjwtxq_section .content .right{width: 23.5%;float: right;} .cjwtxq_section .content .right .top{background-color: #c1281c;font-size: 0;padding: 18px 38px;} .cjwtxq_section .content .right .top .ico{width: 26px;height: 26px;display: inline-block;vertical-align: middle;} .cjwtxq_section .content .right .top .words{font-size: 24px;color: #ffffff;line-height: 28px;display: inline-block;vertical-align: middle;padding-left: 16px;} .cjwtxq_section .content .right ul{width: 100%;border: 1px solid #dddddd;margin-bottom: 40px;padding: 28px 22px 58px 22px;} .cjwtxq_section .content .right ul li{width: 100%;padding-bottom: 28px;margin-bottom: 30px;border-bottom: 1px solid #dddddd;} .cjwtxq_section .content .right ul li:last-child{margin-bottom: 0;padding-bottom: 0;border-bottom: 0;} .cjwtxq_section .content .right ul li ._t{margin-bottom: 14px;width: 100%;overflow: hidden;} .cjwtxq_section .content .right ul li ._t .ico{width: 22px;height: 22px;line-height: 22px;text-align: center;background-color: #c1141a;float: left;font-size: 14px;font-weight: bold; color: #fff;} .cjwtxq_section .content .right ul li ._t .words{font-size: 18px;color: #333333;line-height: 22px;float: left;padding-left: 18px;letter-spacing: 0; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1; width: calc(100% - 24px); width: -ms-calc(100% - 24px); width: -o-calc(100% - 24px); width: -moz-calc(100% - 24px); width: -webkit-calc(100% - 24px);} .cjwtxq_section .content .right ul li:hover ._t .words{color: #c1141a;} .cjwtxq_section .content .right ul li ._b{width: 100%;overflow: hidden;} .cjwtxq_section .content .right ul li ._b .ico{width: 22px;height: 22px;line-height: 22px;text-align: center;background-color: #111111;float: left;font-size: 14px;font-weight: bold; color: #fff;} .cjwtxq_section .content .right ul li ._b .words{font-size: 15px;color: #666666;line-height: 30px;float: left;padding-left: 18px;letter-spacing: 0; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; width: calc(100% - 24px); width: -ms-calc(100% - 24px); width: -o-calc(100% - 24px); width: -moz-calc(100% - 24px); width: -webkit-calc(100% - 24px);} .cjwtxq_section .content .right .bottom{width: 100%;height: 359px;position: relative;} .cjwtxq_section .content .right .bottom .wordsbox{width: 100%;position: absolute;left: 0;bottom: 0;background-color: rgba(51,51,51,0.72);padding: 28px 10px 34px 10px;} .cjwtxq_section .content .right .bottom .wordsbox .tit1{width: 100%;text-align: center;font-size: 0;margin-bottom: 14px;} .cjwtxq_section .content .right .bottom .wordsbox .tit1 .ico{width: 26px;height: 26px;display: inline-block;vertical-align: middle;margin-right: 12px;} .cjwtxq_section .content .right .bottom .wordsbox .tit1 .words{font-size: 18px;color: #ffffff;line-height: 24px;display: inline-block;vertical-align: middle;} .cjwtxq_section .content .right .bottom .wordsbox .tit2{font-size: 36px;color: #ffffff;line-height: 40px;text-align: center;font-weight: bold;letter-spacing: 0;} @media screen and (max-width: 1600px){ .cjwtxq_section{padding-top: 60px;padding-bottom: 60px;} .cjwtxq_section .content .left{width: 75%;padding-right: 40px;} .cjwtxq_section .content .left .t_box{margin-bottom: 36px;} .cjwtxq_section .content .left .t_box .ico{width: 24px;height: 24px;line-height: 24px;font-size: 12px;} .cjwtxq_section .content .left .t_box .words{font-size: 20px;line-height: 24px;padding-left: 20px; width: calc(100% - 26px); width: -ms-calc(100% - 26px); width: -o-calc(100% - 26px); width: -moz-calc(100% - 26px); width: -webkit-calc(100% - 26px);} .cjwtxq_section .content .left .listbox{padding-bottom: 26px;padding-left: 54px;margin-bottom: 26px;} .cjwtxq_section .content .left .listbox .words{font-size: 14px;margin-right: 40px;} .cjwtxq_section .content .left .b_box{margin-bottom: 20px;} .cjwtxq_section .content .left .b_box{margin-bottom: 20px;} .cjwtxq_section .content .left .b_box .ico{width: 24px;height: 24px;line-height: 24px;font-size: 12px;} .cjwtxq_section .content .left .b_box .words{font-size: 14px;line-height: 24px;padding-left: 20px;margin-top: -4px; width: calc(100% - 26px); width: -ms-calc(100% - 26px); width: -o-calc(100% - 26px); width: -moz-calc(100% - 26px); width: -webkit-calc(100% - 26px);} .cjwtxq_section .content .left .infobox{padding-left: 44px;padding-bottom: 26px;} .cjwtxq_section .content .left .infobox .tit{font-size: 14px;line-height: 18px;margin-bottom: 20px;} .cjwtxq_section .content .left .infobox .info{font-size: 14px;line-height: 26px;margin-bottom: 20px;} .cjwtxq_section .content .left .infobox img{margin-bottom: 20px;} .cjwtxq_section .content .left .infobox .buttonbox{margin-top: 30px;} .cjwtxq_section .content .left .infobox .buttonbox .buttons{margin: 0 10px;} .cjwtxq_section .content .left .infobox .buttonbox .buttons a{width: 180px;} .cjwtxq_section .content .left .infobox .buttonbox .buttons a .words{font-size: 14px;line-height: 40px;margin-right: 10px;} .cjwtxq_section .content .left .infobox .buttonbox .buttons a .ico{width: 20px;height: 20px;} .cjwtxq_section .content .left .page{margin-top: 20px;} .cjwtxq_section .content .left .page .lefts{padding-right: 16px; width: calc(100% - 130px); width: -ms-calc(100% - 130px); width: -o-calc(100% - 130px); width: -moz-calc(100% - 130px); width: -webkit-calc(100% - 130px);} .cjwtxq_section .content .left .page .lefts .pages{font-size: 14px;line-height: 20px;} .cjwtxq_section .content .left .page .lefts .prev{margin-bottom: 16px;} .cjwtxq_section .content .left .page .rights{float: right;width: 130px;} .cjwtxq_section .content .left .page .rights a .ico{margin-right: 12px;} .cjwtxq_section .content .left .page .rights a .words{font-size: 14px;line-height: 36px;} .cjwtxq_section .content .right{width: 25%;} .cjwtxq_section .content .right .top{padding: 12px 20px;} .cjwtxq_section .content .right .top .ico{width: 22px;height: 22px;} .cjwtxq_section .content .right .top .words{font-size: 18px;line-height: 24px;padding-left: 12px;} .cjwtxq_section .content .right ul{margin-bottom: 20px;padding: 20px;} .cjwtxq_section .content .right ul li{padding-bottom: 16px;margin-bottom: 16px;} .cjwtxq_section .content .right ul li ._t{margin-bottom: 12px;} .cjwtxq_section .content .right ul li ._t .ico{width: 20px;height: 20px;line-height: 20px;font-size: 12px;} .cjwtxq_section .content .right ul li ._t .words{font-size: 16px;line-height: 20px;padding-left: 12px; width: calc(100% - 22px); width: -ms-calc(100% - 22px); width: -o-calc(100% - 22px); width: -moz-calc(100% - 22px); width: -webkit-calc(100% - 22px);} .cjwtxq_section .content .right ul li ._b .ico{width: 20px;height: 20px;line-height: 20px;font-size: 12px;} .cjwtxq_section .content .right ul li ._b .words{font-size: 14px;line-height: 22px;padding-left: 12px; width: calc(100% - 22px); width: -ms-calc(100% - 22px); width: -o-calc(100% - 22px); width: -moz-calc(100% - 22px); width: -webkit-calc(100% - 22px);} .cjwtxq_section .content .right .bottom{height: 300px;} .cjwtxq_section .content .right .bottom .wordsbox{padding: 20px;} .cjwtxq_section .content .right .bottom .wordsbox .tit1{margin-bottom: 12px;} .cjwtxq_section .content .right .bottom .wordsbox .tit1 .ico{width: 22px;height: 22px;margin-right: 8px;} .cjwtxq_section .content .right .bottom .wordsbox .tit1 .words{font-size: 16px;line-height: 20px;} .cjwtxq_section .content .right .bottom .wordsbox .tit2{font-size: 24px;line-height: 30px;} } @media screen and (max-width: 1280px){ .cjwtxq_section{padding-top: 40px;padding-bottom: 40px;} .cjwtxq_section .content .left{padding-right: 30px;} .cjwtxq_section .content .left .t_box{margin-bottom: 16px;} .cjwtxq_section .content .left .t_box .ico{width: 22px;height: 22px;line-height: 22px;font-size: 12px;} .cjwtxq_section .content .left .t_box .words{font-size: 16px;line-height: 22px;padding-left: 14px; width: calc(100% - 24px); width: -ms-calc(100% - 24px); width: -o-calc(100% - 24px); width: -moz-calc(100% - 24px); width: -webkit-calc(100% - 24px);} .cjwtxq_section .content .left .listbox{padding-bottom: 16px;padding-left: 44px;margin-bottom: 16px;} .cjwtxq_section .content .left .listbox .words{font-size: 12px;margin-right: 20px;} .cjwtxq_section .content .left .b_box{margin-bottom: 16px;} .cjwtxq_section .content .left .b_box .ico{width: 22px;height: 22px;line-height: 22px;} .cjwtxq_section .content .left .b_box .words{font-size: 12px;line-height: 22px;padding-left: 14px;margin-top: -4px; width: calc(100% - 24px); width: -ms-calc(100% - 24px); width: -o-calc(100% - 24px); width: -moz-calc(100% - 24px); width: -webkit-calc(100% - 24px);} .cjwtxq_section .content .left .infobox{padding-left: 35px;padding-bottom: 16px;} .cjwtxq_section .content .left .infobox .tit{font-size: 12px;line-height: 16px;margin-bottom: 14px;} .cjwtxq_section .content .left .infobox .info{font-size: 12px;line-height: 22px;margin-bottom: 14px;} .cjwtxq_section .content .left .infobox img{margin-bottom: 14px;} .cjwtxq_section .content .left .infobox .buttonbox{margin-top: 20px;} .cjwtxq_section .content .left .infobox .buttonbox .buttons{margin: 0 6px;} .cjwtxq_section .content .left .infobox .buttonbox .buttons a{width: 140px;} .cjwtxq_section .content .left .infobox .buttonbox .buttons a .words{font-size: 12px;line-height: 30px;margin-right: 6px;} .cjwtxq_section .content .left .infobox .buttonbox .buttons a .ico{width: 18px;height: 18px;} .cjwtxq_section .content .left .page{margin-top: 14px;} .cjwtxq_section .content .left .page .lefts{padding-right: 10px; width: calc(100% - 110px); width: -ms-calc(100% - 110px); width: -o-calc(100% - 110px); width: -moz-calc(100% - 110px); width: -webkit-calc(100% - 110px);} .cjwtxq_section .content .left .page .lefts .pages{font-size: 12px;line-height: 20px;} .cjwtxq_section .content .left .page .lefts .prev{margin-bottom: 12px;} .cjwtxq_section .content .left .page .rights{width: 110px;} .cjwtxq_section .content .left .page .rights a .ico{margin-right: 10px;} .cjwtxq_section .content .left .page .rights a .words{font-size: 12px;line-height: 30px;} .cjwtxq_section .content .right .top{padding: 8px 12px;} .cjwtxq_section .content .right .top .ico{width: 18px;height: 18px;} .cjwtxq_section .content .right .top .words{font-size: 14px;line-height: 20px;padding-left: 8px;} .cjwtxq_section .content .right ul{margin-bottom: 16px;padding: 14px;} .cjwtxq_section .content .right ul li{padding-bottom: 12px;margin-bottom: 12px;} .cjwtxq_section .content .right ul li ._t{margin-bottom: 8px;} .cjwtxq_section .content .right ul li ._t .ico{width: 18px;height: 18px;line-height: 18px;} .cjwtxq_section .content .right ul li ._t .words{font-size: 14px;line-height: 18px;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);} .cjwtxq_section .content .right ul li ._b .ico{width: 18px;height: 18px;line-height: 18px;} .cjwtxq_section .content .right ul li ._b .words{font-size: 12px;line-height: 20px;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);} .cjwtxq_section .content .right .bottom{height: 230px;} .cjwtxq_section .content .right .bottom .wordsbox{padding: 14px;} .cjwtxq_section .content .right .bottom .wordsbox .tit1{margin-bottom: 10px;} .cjwtxq_section .content .right .bottom .wordsbox .tit1 .ico{width: 20px;height: 20px;margin-right: 6px;} .cjwtxq_section .content .right .bottom .wordsbox .tit1 .words{font-size: 14px;line-height: 20px;} .cjwtxq_section .content .right .bottom .wordsbox .tit2{font-size: 18px;line-height: 24px;} } @media screen and (max-width: 1024px){ .cjwtxq_section{padding-top: 30px;padding-bottom: 30px;} .cjwtxq_section .content .left{width: 100%;padding-right: 0;} .cjwtxq_section .content .left .t_box{margin-bottom: 14px;} .cjwtxq_section .content .left .t_box .ico{width: 22px;height: 22px;line-height: 22px;font-size: 12px;} .cjwtxq_section .content .left .t_box .words{font-size: 18px;line-height: 22px;padding-left: 10px; width: calc(100% - 24px); width: -ms-calc(100% - 24px); width: -o-calc(100% - 24px); width: -moz-calc(100% - 24px); width: -webkit-calc(100% - 24px);} .cjwtxq_section .content .left .listbox{padding-bottom: 16px;padding-left: 42px;margin-bottom: 16px;} .cjwtxq_section .content .left .listbox .words{font-size: 14px;margin-right: 0;display: block;width: 100%;} .cjwtxq_section .content .left .b_box{margin-bottom: 14px;} .cjwtxq_section .content .left .b_box .ico{width: 22px;height: 22px;line-height: 22px;font-size: 12px;} .cjwtxq_section .content .left .b_box .words{font-size: 14px;line-height: 20px;padding-left: 10px;margin-top: -4px; width: calc(100% - 24px); width: -ms-calc(100% - 24px); width: -o-calc(100% - 24px); width: -moz-calc(100% - 24px); width: -webkit-calc(100% - 24px);} .cjwtxq_section .content .left .infobox{padding-left: 32px;padding-bottom: 16px;} .cjwtxq_section .content .left .infobox .tit{font-size: 14px;line-height: 18px;margin-bottom: 12px;} .cjwtxq_section .content .left .infobox .info{font-size: 14px;line-height: 24px;margin-bottom: 12px;} .cjwtxq_section .content .left .infobox img{margin-bottom: 12px;} .cjwtxq_section .content .left .infobox .buttonbox{margin-top: 14px;} .cjwtxq_section .content .left .infobox .buttonbox .buttons{margin: 0 5px;} .cjwtxq_section .content .left .infobox .buttonbox .buttons a{width: 134px;} .cjwtxq_section .content .left .infobox .buttonbox .buttons a .words{font-size: 12px;line-height: 34px;margin-right: 8px;} .cjwtxq_section .content .left .infobox .buttonbox .buttons a .ico{width: 20px;height: 20px;} .cjwtxq_section .content .left .page{margin-top: 14px;} .cjwtxq_section .content .left .page .lefts{float: left;padding-right: 10px; width: calc(100% - 100px); width: -ms-calc(100% - 100px); width: -o-calc(100% - 100px); width: -moz-calc(100% - 100px); width: -webkit-calc(100% - 100px);} .cjwtxq_section .content .left .page .lefts .pages{font-size: 14px;line-height: 20px;} .cjwtxq_section .content .left .page .lefts .prev{margin-bottom: 8px;} .cjwtxq_section .content .left .page .rights{width: 100px;} .cjwtxq_section .content .left .page .rights a .ico{margin-right: 6px;} .cjwtxq_section .content .left .page .rights a .words{font-size: 14px;line-height: 32px;} .cjwtxq_section .content .right{width: 100%;margin-top: 16px;display: none;} .cjwtxq_section .content .right .top{padding: 8px 12px;} .cjwtxq_section .content .right .top .ico{width: 20px;height: 20px;} .cjwtxq_section .content .right .top .words{font-size: 16px;line-height: 28px;padding-left: 10px;} .cjwtxq_section .content .right ul{margin-bottom: 14px;padding: 14px;} .cjwtxq_section .content .right ul li{padding-bottom: 12px;margin-bottom: 12px;} .cjwtxq_section .content .right ul li ._t{margin-bottom: 10px;} .cjwtxq_section .content .right ul li ._t .ico{width: 20px;height: 20px;line-height: 20px;font-size: 12px;} .cjwtxq_section .content .right ul li ._t .words{font-size: 16px;line-height: 20px;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);} .cjwtxq_section .content .right ul li ._b .ico{width: 20px;height: 20px;line-height: 20px;font-size: 12px;} .cjwtxq_section .content .right ul li ._b .words{font-size: 14px;line-height: 24px;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);} .cjwtxq_section .content .right .bottom{height: 300px;} .cjwtxq_section .content .right .bottom .wordsbox{padding: 14px;} .cjwtxq_section .content .right .bottom .wordsbox .tit1{margin-bottom: 10px;} .cjwtxq_section .content .right .bottom .wordsbox .tit1 .ico{width: 20px;height: 20px;margin-right: 8px;} .cjwtxq_section .content .right .bottom .wordsbox .tit1 .words{font-size: 14px;line-height: 20px;} .cjwtxq_section .content .right .bottom .wordsbox .tit2{font-size: 18px;line-height: 24px;} } /*联系我们*/ .lxwm_section1{width: 100%;padding-top: 84px;padding-bottom: 92px;} .lxwm_section1 .content{width: 100%;overflow: hidden;position: relative;} .lxwm_section1 .content .left{width: 32.875%;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 .left .wordsbox{font-size: 24px;color: #666666;line-height: 60px;padding-right: 20px;} .lxwm_section1 .content .right{width: 67.125%;float: right;position: relative;} .lxwm_section1 .content .right .ba_pic{width: 100%;position: relative;z-index: 2;} .lxwm_section1 .content .right .ba_pic img{width: 100%;display: block;} .lxwm_section1 .content .right .yd{width: 100%;position: absolute;z-index: 3;left: 0;top: 0;} .lxwm_section1 .content .right .yd img{width: 100%;display: block; -webkit-animation:twinkling 4s infinite ease-in-out; animation:twinkling 4s infinite ease-in-out; -webkit-animation-fill-mode:both; animation-fill-mode:both;} @-webkit-keyframes twinkling { 0% { opacity:1; filter:alpha(opacity=100); } 50% { opacity:0.2; filter:alpha(opacity=20); } 100% { opacity:1; filter:alpha(opacity=100); } }@keyframes twinkling { 0% { opacity:1; filter:alpha(opacity=100); } 50% { opacity:0.2; filter:alpha(opacity=20); } 100% { opacity:1; filter:alpha(opacity=100); } } .lxwm_section1 .content .right .posi{width: 129px;height: 192px;position: absolute;right: 0;bottom: 62px;z-index: 1;} @media screen and (max-width: 1600px){ .lxwm_section1{padding-top: 60px;padding-bottom: 60px;} .lxwm_section1 .content .left{width: 32%;} .lxwm_section1 .content .left .wordsbox{font-size: 18px;line-height: 30px;padding-right: 12px;} .lxwm_section1 .content .right{width: 67%;} .lxwm_section1 .content .right .posi{width: 100px;height: 149px;bottom: 30px;} } @media screen and (max-width: 1280px){ .lxwm_section1{padding-top: 40px;padding-bottom: 40px;} .lxwm_section1 .content .left{width: 30%;} .lxwm_section1 .content .left .wordsbox{font-size: 12px;line-height: 26px;padding-right: 10px;} .lxwm_section1 .content .right{width: 70%;} .lxwm_section1 .content .right .posi{width: 80px;height: 120px;bottom: 20px;} } @media screen and (max-width: 1024px){ .lxwm_section1{padding-top: 30px;padding-bottom: 30px;} .lxwm_section1 .content .left{width: 100%;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 .left .wordsbox{font-size: 18px;line-height: 24px;padding-right: 0px;} .lxwm_section1 .content .right{width: 100%;} .lxwm_section1 .content .right .posi{width: 60px;height: 89px;bottom: 12px;} } .scroll_cont{ padding-right:80px;} .Cust_eval{ display:inline-block; width:100%; position:relative; padding-top:80px; padding-bottom:80px;} .Cust_eval:after{ float:left; width:100%; height:100%; content:''; position:absolute; left:0; top:0; z-index:1; background:#333333; opacity:0.85;} .Cust_eval .title{width:100%; position:relative; z-index:3; text-align:center; color:#fff; font-size:48px; letter-spacing:4px; line-height:1; font-weight:bold;margin-bottom: 60px;} .Cust_eval .list ul{width:100%; position:relative; z-index:3; margin-top:3px;} .Cust_eval .list li{ overflow: hidden; width:100%; border-bottom:1px solid rgba(221,221,221,0.4); position:relative; margin-top:55px; padding-left:126px; padding-bottom:44px; min-height:200px;} .Cust_eval .list li .img{ float:left; width:98px; height:98px; border-radius:50%; overflow:hidden; position:absolute; left:0; top:0;} .Cust_eval .list li h6{ float:left; width:100%; color:#fff; font-size:18px; line-height:36px;} .Cust_eval .list li h5{ float:left; width:100%; color:#fff; font-size:24px; line-height:36px; font-weight:bold; margin:24px 0;} .Cust_eval .list li i{ margin-left:30px;} .Cust_eval .list li i img{ display:inline-block; vertical-align:middle; margin-left:8px;} .Cust_eval .list li time{ float:right; font-size:18px; font-weight:normal;} @media screen and (max-width: 1600px){ .scroll_cont{ padding-right:40px;} .Cust_eval .title{ font-size:36px;} .Cust_eval .list li h6{ font-size:15px; line-height:30px;} .Cust_eval .list li h5{ font-size:18px; line-height:30px; margin:15px 0;} .Cust_eval .list li i{ margin-left:34px;} .Cust_eval .list li i img{ margin-left:8px;} .Cust_eval .list li time{ font-size:15px;} .Cust_eval .title{margin-bottom: 40px;} .Cust_eval .list li{ min-height:165px;} } @media screen and (max-width: 1024px){ .scroll_cont{ padding-right:16px;} .Cust_eval{ padding-top:30px; padding-bottom:30px;} .Cust_eval .title{ font-size:24px;} .Cust_eval .list li{ margin-top:20px; padding-left:82px; padding-bottom:20px; min-height:254px;} .Cust_eval .list li .img{ width:70px; height:70px;} .Cust_eval .list li h6{ font-size:14px; line-height:26px;} .Cust_eval .list li h5{ font-size:18px; margin:8px 0 10px 0;} .Cust_eval .list li i{ margin-left:5px;} .Cust_eval .list li i img{ margin-left:5px;} } @media screen and (max-width: 1024px){ .Cust_eval .list li time{ float:left; width:100%;} } ._search{ background:url(images/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(images/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 .info1{ float:left; width:100%; color:#555555; font-size:16px; line-height:26px; margin-top:10px;} ._search .list li .info1 a{ color:#555555;} ._search .list li:hover{ background:#f2f2f2; padding:25px 20px;} ._search .list li:hover:after{ background:url(images/ico58.png) right center no-repeat;} ._search .list li:hover .tit{ color:#bd171e;} ._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{ padding-top:30px; padding-bottom:40px;} ._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 .info1{ font-size:14px; line-height:24px; margin-top:2px;} ._search .list li:hover{ padding:15px 12px;} ._search .cont{ font-size:18px; line-height:22px;} } @media screen and (max-width:767px){ } .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:#c1141a;} .sitemap li .font16{ font-size:16px; /*color:#135fb1*/} .sitemap li .font14{font-size:14px; } .sitemap li .font12{ font-size:12px; color:#999}