.mobile_header{width:100%;height:6rem;position:relative;line-height:6rem;background-color:#FFFFFF;}.mobile_header .logo{float:left;height:auto;max-width:50%; margin-left:2%;}.mobile_header .logo img{height: auto;max-width:100%;} .mobile_header .menu_icon{float:right;display:inline-block;width:3rem;height:3rem;padding:0.5rem;background:url("/images/menu_icon.png") no-repeat;background-size:contain;background-origin:content-box;border:1px solid #f2f2f2;border-radius:0.2rem;overflow:hidden;} .mobile_header .menu{display:none;position:absolute;top:6rem;left:0;width:100%;height:auto;padding:1.5rem;z-index:99;background-color:#fff;box-shadow:0 0 0.2rem rgba(0,0,0,0.2);} .mobile_header .menu li{width:100%;padding:1rem 1.5rem;border-bottom:0.1rem solid #f2f2f2;} .mobile_header .menu li a{display:block;width:100%;height:100%;font-size:1.4rem;color:#787878;} .mobile_header .menu aboutnavMenu { position: relative; } img { border: none; vertical-align: middle; max-width: 100%;} .service_box{ position:fixed; z-index:1000;right:-147px;top:50%;margin-top:-100px;width:146px;border:1px solid #ece8e5; background:#fff; } .service_box .tab_nav{ position:absolute;left:-42px;top:-1px;} .service_box .tab_nav > li {background:#ece8e5;border-bottom:1px solid #dfdbd9;} .service_box .tab_nav > li.active{ background:#ff6b09;} .service_box .tab_nav > li:first-child{border-radius:8px 0 0;} .service_box .tab_nav > li:last-child{ border-bottom:none; border-radius:0 0 0 8px; } .service_box .tab_nav > li > a{ display:block; width:42px;padding:12px 6px 12px 8px; line-height:14px; text-align:center;color:#2c2c2c; text-decoration:none;} .service_box .tab_nav > li.active > a{ color:#fff;} .service_box .tab_nav .icon{ display:block; height:28px;width:28px; background:url("/images/bg_online_service_new.gif") no-repeat; overflow:hidden;margin:3px 0;*margin:6px 0;} .service_box .tab_nav .icon_1{ background-position:0 0 ;} .service_box .tab_nav .icon_2{ background-position:-28px 0 ;} .service_box .tab_nav .icon_3{ background-position:-56px 0 ;} .service_box .tab_nav .active .icon_1{ background-position:0 -28px ;} .service_box .tab_nav .active .icon_2{ background-position:-28px -28px ;} .service_box .tab_nav .active .icon_3{ background-position:-56px -28px ;} .service_box .tab_content{padding:20px 5px 10px; position:relative;} .service_box .tab_plan{ display:none; text-align:center;} .service_box .tab_plan p{color:#333;} .characteristicsoftourism30{ padding-top:30px;} @media (min-width: 992px){ .column_content{padding:26px 16px ;border-top:0;} .column_content .column_title{color: #ffffff; font-size: 19.2px; margin: 32px 0 0 0; font-family: 'Microsoft YaHei'; text-align: center;} .column_content .column_con{font-size: 16px; padding-top: 16px; color: #ffffff; margin: 0 0 8px 0;} .column_content .column_title:hover{color: #ffffff; font-size: 19.2px; margin: 31.8px 0 0 0; font-family: 'Microsoft YaHei'; text-align: center; font-weight:bold;} } input,select,textarea { border:1px solid #f2f2f2;; } .megamenu { margin: 0 0 0 0; } .megamenu h4 { margin-top: 0; } .megamenu { margin:0; padding:0; width:100%; list-style:none; position:relative; font-family:Calibri, Arial; font-size:15px; z-index:9999 } .megamenu li { float:left; display:inline } .megamenu>li>a { float:left; height:42px; line-height:42px; color:#fff; padding:0 25px; font-size:16px; text-decoration:none; text-transform:uppercase; transition:color .4s ease-in-out; -moz-transition:color .4s ease-in-out; -webkit-transition:color .4s ease-in-out; -o-transition:color .4s ease-in-out } .megamenu>li:hover>a, .megamenu>li.active>a { background:#DA251D } .megamenu>li.right { float:right } .showhide .menu_icon{float:right;display:inline-block;width:3rem;height:3rem;padding:0.5rem;background:url("/images/menu_icon.png") no-repeat;background-size:contain;background-origin:content-box;border:1px solid #f2f2f2;border-radius:0.2rem;overflow:hidden; top: -4.8rem; position: absolute; right: 10px;} .megamenu .dropdown, .megamenu .dropdown li .dropdown { list-style:none; margin:0; padding:0; display:none; position:absolute; z-index:999; width:160px; border-bottom:solid 1px #C9231B; background:#DA251D } .megamenu .dropdown { top:42px } .megamenu .dropdown li .dropdown { left:160px; top:inherit } .megamenu .dropdown li { clear:both; width:100%; border-bottom:solid 1px #C9231B; } .megamenu .dropdown >li:hover>a, .megamenu .dropdown >li.active>a { background:#FF3300 } .megamenu .dropdown li:last-child { border-bottom:0 } .megamenu .dropdown li a { float:left; width:100%; padding:10px 25px; text-decoration:none; display:block; border:0 none; font-size:14px; color:#ffffff; background:#DA251D; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; transition:color .4s ease-in-out; -moz-transition:color .4s ease-in-out; -webkit-transition:color .4s ease-in-out; -o-transition:color .4s ease-in-out } .megamenu .dropdown li:hover>a { background:#ff3300 } .megamenu>li.showhide { display:none; width:100%; background:#fff; cursor:pointer; height:0 } .megamenu>li.showhide span.title { margin:15px 0 0 25px; float:left } .megamenu>li.showhide span.icon1:after { position:absolute; content:""; right:25px; top:15px; height:3px; width:25px; font-size:50px; border-top:3px solid #fff; border-bottom:3px solid #fff; z-index:1 } .megamenu>li.showhide span.icon2:after { position:absolute; content:""; right:25px; top:27px; height:3px; width:25px; font-size:50px; border-top:3px solid #fff; border-bottom:3px solid #fff; z-index:1 } .skyblue li>a, .skyblue>li.showhide span { color:#fff } .skyblue>li:hover>a, .skyblue>li.active>a, .skyblue .dropdown li:hover>a { color:#fff; } .xysnav{background: #FF3300;} .megamenu2 { margin: 0 0 0 0; } .megamenu2 h4 { margin-top: 0; } .megamenu2 { margin:0; padding:0; width:100%; list-style:none; position:relative; font-family:Calibri, Arial; font-size:15px; z-index:9999 } .megamenu2 li { float:left; display:inline } .megamenu2>li>a { float:left; height:42px; line-height:42px; color:#fff; padding:0 25px; font-size:16px; text-decoration:none; text-transform:uppercase; transition:color .4s ease-in-out; -moz-transition:color .4s ease-in-out; -webkit-transition:color .4s ease-in-out; -o-transition:color .4s ease-in-out } .megamenu2>li:hover>a, .megamenu2>li.active>a { background:#DA251D } .megamenu2>li.right { float:right } .showhide .menu_icon{float:right;display:inline-block;width:3rem;height:3rem;padding:0.5rem;background:url("/images/menu_icon.png") no-repeat;background-size:contain;background-origin:content-box;border:1px solid #f2f2f2;border-radius:0.2rem;overflow:hidden; top: -4.8rem; position: absolute; right: 10px;} .megamenu2 .dropdown, .megamenu2 .dropdown li .dropdown { list-style:none; margin:0; padding:0; display:none; position:absolute; z-index:999; width:160px; border-bottom:solid 1px #C9231B; background:#DA251D } .megamenu2 .dropdown { top:42px } .megamenu2 .dropdown li .dropdown { left:160px; top:inherit } .megamenu2 .dropdown li { clear:both; width:100%; border-bottom:solid 1px #C9231B; } .megamenu2 .dropdown >li:hover>a, .megamenu2 .dropdown >li.active>a { background:#FF3300 } .megamenu2 .dropdown li:last-child { border-bottom:0 } .megamenu2 .dropdown li a { float:left; width:100%; padding:10px 25px; text-decoration:none; display:block; border:0 none; font-size:14px; color:#ffffff; background:#DA251D; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; transition:color .4s ease-in-out; -moz-transition:color .4s ease-in-out; -webkit-transition:color .4s ease-in-out; -o-transition:color .4s ease-in-out } .megamenu2 .dropdown li:hover>a { background:#ff3300 } .megamenu2>li.showhide { display:none; width:100%; background:#fff; cursor:pointer; height:0 } .megamenu2>li.showhide span.title { margin:15px 0 0 25px; float:left } .megamenu2>li.showhide span.icon1:after { position:absolute; content:""; right:25px; top:15px; height:3px; width:25px; font-size:50px; border-top:3px solid #fff; border-bottom:3px solid #fff; z-index:1 } .megamenu2>li.showhide span.icon2:after { position:absolute; content:""; right:25px; top:27px; height:3px; width:25px; font-size:50px; border-top:3px solid #fff; border-bottom:3px solid #fff; z-index:1 } .skyblue2 li>a, .skyblue2>li.showhide span { color:#fff } .skyblue2>li:hover>a, .skyblue2>li.active>a, .skyblue2 .dropdown li:hover>a { color:#fff; } .xysnav2{background: #FF3300;} @media(max-width:768px) { .megamenu2 {background-color:#fff; z-index: 9999; position: absolute;box-shadow:0 0 0.2rem rgba(0,0,0,0.2); } .megamenu2>li.showhide{border-bottom:0; } .xysnav { background:none; } .megamenu2>li { display:block; width:100%; border-bottom:0.1rem solid #f2f2f2; } .megamenu2>li:hover, .megamenu2>li.active { border-top:0 } .megamenu2>li>a { padding:0px 25px; color:#787878; } .megamenu2>li:hover>a, .megamenu2>li.active>a { padding:0px 25px; background:#FF3300; color:#ffffff; } .megamenu2 a { width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box } .megamenu2 .dropdown, .megamenu2 .dropdown li .dropdown { width:100%; display:none; left:0; border-left:0; position:static; border:0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box } .megamenu2 .dropdown li { background:#fefefe!important; border-bottom:0.1rem solid #f2f2f2; border:0 } .megamenu2 .dropdown>li>a { padding-left:40px!important; color:#787878; } .megamenu {background-color:#fff; z-index: 9999; position: absolute;box-shadow:0 0 0.2rem rgba(0,0,0,0.2); } .megamenu>li.showhide{border-bottom:0; } .xysnav { background:none; } .megamenu>li { display:block; width:100%; border-bottom:0.1rem solid #f2f2f2; } .megamenu>li:hover, .megamenu>li.active { border-top:0 } .megamenu>li>a { padding:0px 25px; color:#787878; } .megamenu>li:hover>a, .megamenu>li.active>a { padding:0px 25px; background:#FF3300; color:#ffffff; } .megamenu a { width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box } .megamenu .dropdown, .megamenu .dropdown li .dropdown { width:100%; display:none; left:0; border-left:0; position:static; border:0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box } .megamenu .dropdown li { background:#fefefe!important; border-bottom:0.1rem solid #f2f2f2; border:0 } .megamenu .dropdown>li>a { padding-left:40px!important; color:#ffffff; } .black { background:#222 } } .header{width:100%;padding-top: 1.2%;background-color:#FFFFFF;}.header > div{padding:0;} .input-search{ float:left; position:relative;margin-top:20px;margin-left:20px;} .header .logo{float:left;height:83px;width:40%; background:url("/skin/logo.png") no-repeat ; display:inline; margin-bottom:17px} .header span{ float:left; width:50%; height: 75px; line-height:75px;overflow: hidden; text-align:right; margin-left:10%; display:inline;} .header span img{ width: 100%; height: auto;} .header .logo img{height:83px;width:402px;} .input-search .form-control { border-radius: 0; border: 2px solid #FF3300; width:360px; margin-right: 120px; } .input-search button { width: 118px; background: #FF3300; text-align: center; border-radius: 0; color:#fff; } .input-search-btn { position: absolute; top: 0; right: 120px; height: 100%; padding: 0 10px; background: 0 0; border: none; border-radius: 0 200px 200px 0; } .input-bm-btn{ position: absolute; top: 0; right: 0; height: 100%; padding: 0 10px; background: 0 0; border: none; border-radius: 0 200px 200px 0;} .input-search button i { color: #fafafa; } .wb-search { background:url("/images/wb-search.png") no-repeat ; width:20px; height:20px; display:inline-table } .bm-search { background:url("/images/bm-search.png") no-repeat ;width:20px; height:20px; display:inline-table } .pull-left { float: left!important; } .pull-right { float: right!important; } .top { width: 100%; background: #fafafa; padding: 6px 0; } /* 导航菜单*/ nav{background: #FF3300;height: 42px;} nav ul .nav-item{position:relative;z-index:99;float: left;font-size: 15px;} nav ul .nav-item:last-child{float: right;} nav ul .nav-item .nav-item-sub{display:none;z-index:100;position:absolute;left: 0;top: 40px;background: #FF3300;} nav ul .nav-item:hover .nav-item-sub{display:block;} nav .nav-item a{display:block;height: 40px;width: 130px;color: #fff!important;text-align: center;line-height: 40px;} nav .nav-item a:hover,nav .nav-item a.active{background:#ff6c5d;color: #fff!important;} .footer{background-color:#17181B;padding:15px 0; border-top:2px solid #FF6E5B; color:#CCCCCC; font-size:12px; text-align:center} .footer .footer_ewm{padding-left:0;}.footer .footer_ewm img{max-width:100%;}.footer .footer_contact{padding:0;}.footer .footer_contact li{font-size:14px;line-height:24px;color:#CCCCCC;} .footer .footer_nav{width:800px;padding:0;overflow:hidden; text-align:center; margin:0 auto; padding-bottom:10px;} .footer .footer_nav li{float:left;height:14px;line-height:14px;overflow:hidden;}.footer .footer_nav li a{padding-right:10px;font-size:14px;color:#CCCCCC;}.footer .footer_nav li + li{padding-left:10px;border-left:1px solid #CCCCCC;}.footer p{width:100%;margin-bottom:10px;overflow:hidden;}.footer p a{font-size:14px;color:#CCCCCC;}.page_top{width:100%;}.page_top a{display:block;width:100%;}.page_top a img{width:100%;height:auto;} .page_nav_box{width:100%;margin:20px 0 30px;} .page_nav_box .page_pos{text-align:right;font-size:14px;color:#646464;line-height:46px;} .page_nav_box .page_pos .b_tt { float: left; font-size: 20px; color: #1f1f1f; display: block; height: 30px; line-height: 30px; width: 20%; overflow: hidden; } .page_nav_box .page_pos span{padding-left:18px;background:url("/images/pos.png") no-repeat left center;}.page_nav_box .page_pos a{font-size:14px;color:#646464;}.page_nav_box .page_pos a:last-child{font-weight:bold;} .sub_nav ul li{height:46px;line-height:46px;white-space:nowrap;-webkit-tap-highlight-color:rgba(0,0,0,0.3);overflow:hidden;} .sub_nav ul li a{font-size: 14px; color: #666666; font-family: "微软雅黑"; display: block; width: 100%; padding-right: 12px; overflow: hidden; height: 54px; line-height: 54px; background: url("/images/li_san.png") right center no-repeat;} .sub_nav ul li:hover>a{font-size: 14px; color: #ff3300; font-family: "微软雅黑"; display: block; width: 100%; padding-right: 12px; font-weight:bold; overflow: hidden; height: 54px; line-height: 54px; background: url("/images/li_san.png") right center no-repeat;} .sub_nav ul li.on{color:#FFFFFF;background-color:#FF3300;}.sub_nav ul li.on a{color:#FFFFFF;} .page_left{padding-left:0;padding-right:0;margin-bottom:20px; border-right:1px solid #e5e5e5;} .page_left .top_com { background: url("/images/left_top_bg.jpg") no-repeat #FF3300; overflow: hidden; _overflow: visible; min-height: 180px; height: auto!important; height: 180px; position: relative; } .page_left .top_com span { font-size: 27px; font-weight: 700; height: 35px; line-height: 35px; width: 100%; display: block; overflow: hidden; color: #fff; padding: 0px 20px; margin-top: 100px; } .page_left ul{border-left: 8px solid #e5e5e5; padding: 0px 6px; position: relative;} .page_left ul:before{content: ""; position: absolute; height: 46px; width: 13px; top: 0px; left: -13px; background:#FF3300;} .page_left ul li { border-bottom: 1px solid #e5e5e5; padding: 0px 30px; position: relative; } .page_left ul li.active a{ color: #FF3300; font-weight:bold;} .page_left .lian { border: 1px solid #e6e6e6; padding: 10px 15px 10px 15px; margin: 20px 0px; border-right:0; margin-bottom:0 } .page_left .lian .lian_t { background: url("/images/zi_dian.png") no-repeat left top; padding-left: 45px; } .page_left .lian .lian_t .span1 { color:#FF3300; font-size: 20px; } .page_left .lian p { line-height: 16px; color: #666; font-size: 14px; border-bottom: 1px dashed #dfdfdf; padding: 10px 0px; } .page_right{margin-bottom:20px;padding-right:0;overflow:hidden;} .page_right .bar { border-bottom: 1px solid #eaeaea; padding: 30px 0px 10px; } .page_right .bar .b_tt { float: left; font-size: 20px; color: #1f1f1f; display: block; height: 30px; line-height: 30px; width: 25%; min-width:120px; overflow: hidden; } .page_right .bar .curbar { float: right; text-align: right; font-size: 12px; color: #6e6e6e; width: 74%; vertical-align: middle; margin-top: 12px; overflow: hidden; } .page_content{padding:1% 1% 0% 1%;background-color:#FFFFFF;} /*产品模块*/ .pro_ul { padding: 1% 0px; overflow: hidden; } .pro_ul li { width: 28.5%; float: left; margin-right: 4.5%; position: relative; cursor: pointer; margin-top: 20px; } .pro_ul li .pic { position: relative; overflow: hidden; } .pro_ul li .pic i { display: block; padding-bottom: 82.14285714285714%; } .pro_ul li .pic .zhe_a { /*background: url("/images/zhe_bg.png");*/ position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; display: none; } .pro_ul li:nth-child(3n+3) { margin-right: 0px; } .pro_ul li:nth-child(3n+3):after { display: none; } .pro_ul li:after { content: ""; border-right: 1px dashed #ccc; height: 100%; position: absolute; top: 0px; right: -9.95%; } .pro_ul li:before { content: ""; border-bottom: 1px dashed #ccc; width: 120%; position: absolute; bottom: 0px; left: 0px; } .pro_ul li .text { padding: 3% 0px 20%; } .pro_ul li .text h4 { color: #606a71; font-size: 14px; height: 30px; line-height: 30px; width: 98%; overflow: hidden; } .pro_ul li .text span { height: 1px; background: #c9c9c9; width: 104px; display: block; vertical-align: top; margin: 15px 0px 20px; width: 37%; } .pro_ul li .text .more { background: #999999; color: #fff; font-size: 12px; font-family: arial; width: 75px; display: block; height: 28px; line-height: 28px; border: 1px solid #8c8c8c; position: relative; text-align: center; } .pro_ul li .text .more:after { width: 71px; height: 24px; border: 1px solid #adadad; content: ""; position: absolute; top: 1px; left: 1px; } .pro_ul li:hover .pic .zhe_a { display: block; } .pro_ul li:hover .pic img { transform: scale(1.1); } .pro_ul li:hover .text span { background: #ff3300; } .pro_ul li:hover .text .more { background: #ff3300; border: 1px solid #DA251D; } .pro_ul li:hover .text .more:after { border: 1px solid #DA251D; } .vcenter { position: absolute; top: 0; right: 0; bottom: 0; left: 0; max-width: 100%; max-height: 100%; display: block; vertical-align: middle; margin: auto; } @media (max-width: 640px) { .header{width:100%;padding-top:0;background-color:#FFFFFF;} .pro_ul li { width: 48%; margin-right: 4%; } .pro_ul li:nth-child(3n+3) { margin-right: 4%; } .pro_ul li:nth-child(3n+3):after { display: block; } .pro_ul li:nth-child(2n+2) { margin-right: 0px; } .pro_ul li:nth-child(2n+2):after { display: none; } .pro_ul li:after { content: ""; border-right: 1px dashed #ccc; height: 100%; position: absolute; top: 0px; right: -3.95%; } } /*产品详情页面*/ .pro_s1 { padding: 4% 0px; } .pro_s1 .ps1_left { width: 51%; float: left; position: relative; display:none } .pro_s1 .ps1_left i { display: block; padding-bottom: 77.32793522267207%; } .pro_s1 .ps1_right { width: 100%; } .pro_s1 .ps1_right h3 { font-size: 20px; color: #333333; font-weight: 500; padding-bottom: 20px; height: 30px; line-height: 30px; width: 100%; overflow: hidden; } .pro_s1 .ps1_right span { background: url("/images/ce_bg.jpg") no-repeat; display: block; width: 100%; height: 7px; margin: 3% 0px; } .pro_s1 .ps1_right p { font-size: 14px; color: #6b6b6b; line-height: 24px; } @media (max-width: 640px) { .pro_s1 .ps1_left { width: 100%; display:none } .pro_s1 .ps1_right { width: 100%; } } .pro_s2 .img_pro { position: relative; } .pro_s2 .img_pro i { display: block; padding-bottom: 47.58403361344538%; } .pro_s2 p { line-height: 24px; color: #666666; margin: 5% 0px; } .guan_top { border-bottom: 1px solid #f3f3f3; font-size: 20px; color: #333333; font-weight: 700; margin-bottom: 20px; padding: 8px; position: relative; } .guan_top:before { content: ""; height: 1px; width: 50px; background: #eaeaea; top: 24px; left: 109px; position: absolute; } .guan_top:after { content: ""; height: 1px; width: 170px; background: #eaeaea; bottom: 19px; left: 90px; position: absolute; } .guan_top span { width: 80px; height: 30px; line-height: 30px; overflow: hidden; display: inline-block; } .mod_pagination{display:block;width:100%;overflow:hidden;text-align:right;}.mod_pagination li{display:inline-block;}.mod_pagination li a,.mod_pagination li span{color:#646464;}.slideBox{position:relative;width:100%;overflow:hidden;}.slideBox .bd{width:100%;height:100%;} .slideBox .bd a{display:block;position:relative;width:100%;padding-bottom:30%;} .slideBox .bd a img{position:absolute;top:0;left:0;width:100%;height:100%;} .slideBox .hd{width: 100%; position: absolute; bottom: 10px; left: 0; text-align: center; z-index: 2; overflow: hidden; }.slideBox .hd li{display:inline-block;vertical-align:middle;width:36px;height:2px;background-color:#fff; }.slideBox .hd li.on{height:6px;}.slideBox .prev,.slideBox .next{position:absolute;top:50%;width:33px;height:50px;margin-top:-25px;background-repeat:no-repeat;background-size:contain;cursor:pointer;} .slideBox .prev{left:5%;background-image:url("/images/banner_arrl.png"); -ms-behavior: url("/skin/"/skin/"/skin/"/skin/backgroundsize.min.htc""""); behavior: url("/skin/"/skin/"/skin/"/skin/backgroundsize.min.htc"""");} .slideBox .next{right:5%;background-image:url("/images/banner_arrr.png"); -ms-behavior: url("/skin/"/skin/"/skin/"/skin/backgroundsize.min.htc""""); behavior: url("/skin/"/skin/"/skin/"/skin/backgroundsize.min.htc"""");} .characteristicsoftourism{ background:#FA8071;} .telbox{background-color:#F8F8F8;padding: 15px 0; border-top:1px solid #EEEEEE;} .telbox .telbox_ewm{text-align:center} .telbox .telbox_ewm span { font-size:16px; font-weight:bold; color:#666666} .telbox .telbox_ewm img{max-width:100%; } .telbox .telbox_contact{padding:0;} .telbox .telbox_contact span { font-size:16px; font-weight:bold; color:#666666; padd-bottom:10px; display:block} .telbox .telbox_contact li{font-size:14px;line-height:24px;color:#CCCCCC;} .telbox .telbox_nav{width:100%;padding:0;overflow:hidden;} .telbox .telbox_nav li{float:left;height:14px;line-height:14px;overflow:hidden;} .telbox .telbox_nav li a{padding-right:10px;font-size:14px;color:#CCCCCC;} .telbox .telbox_nav li + li{padding-left:10px;border-left:1px solid #CCCCCC;} .telbox p{width:100%;margin-bottom:10px;overflow:hidden;} .telbox p a{font-size:14px;color:#CCCCCC;} .index_section .index_section_hd{ margin: 0 auto; text-align: center; border-bottom: 1px solid #EEEEEE; width: 90%;} .index_section .index_section_hd h1 { font-size: 30px; } .index_section .index_section_hd span { border-bottom: 4px solid #FF6E5B; padding: 10px; text-transform: uppercase; display: block; width: 61px; padding-top: 5px; margin: 0 auto -2px; } /*高端培训 */ .item6{position:relative; display:inline-block;float:left; margin-bottom:2%;max-width:100%;} .item6 img{width:auto\0;max-width:100%;height:auto;} .item6 h2{position:absolute;left:0;bottom:0px;height:45px;width:100%;background:url("/images/demo02.png") no-repeat;} .item6 h2 p{height:45px; line-height:45px;background:url("/images/demo03.png") no-repeat; text-align:center; color:#fff;font-size:16px;} .item6 div{position:absolute;width:0;height:0;background:url("/images/demo02.png") repeat;_zoom:1;} .item6 .cornerCC{left:78px;top:101px;} .item6 dl{position:absolute;top:50%;left:0;width:100%;height:100%;display:none;} .item6 dt{ line-height:100%; height:100%; width:100%;text-align:center;color:#FFF; } .item6 dt h3{ width:60%; padding:5%; border:4PX solid #CCCCCC; margin:0 auto;font-size:16px;} .item6 dd{padding:0 12px;width:100%;line-height:20px;text-indent:32px;color:#FFF;font-size:12px;} /*--auto-starts--*/ .redbg{ background:#FA8071; } .gbg{ background:#259684;} .gbg2{ background:#25B6A6;} .obg{ background:#F35F23;} .tool { position: absolute; right:45%; z-index:999 } .auto-left { padding: 0; position: relative; } a.tooltips { position: relative; display: inline; } a.tooltips span { position: absolute; } a.tooltips span:before { content: ''; position: absolute; top: -14px; left: -28px; margin-left: 0; width: 0; height: 0; border-bottom: 14px solid #FA8071; border-right: 14px solid transparent; border-left: 14px solid transparent; transform: rotate(0deg); } a.tooltips2 { position: relative; display: inline; } a.tooltips2 span { position: absolute; } a.tooltips2 span:before { content: ''; position: absolute; top: 0; left: -28px; margin-left: 0; width: 0; height: 0; border-top: 14px solid #259684; border-right: 14px solid transparent; border-left: 14px solid transparent; transform: rotate(0deg); } a.tooltips3 { position: relative; display: inline; } a.tooltips3 span { position: absolute; } a.tooltips3 span:before { content: ''; position: absolute; top: -14px; left: -28px; margin-left: 0; width: 0; height: 0; border-bottom: 14px solid #25B6A6; border-right: 14px solid transparent; border-left: 14px solid transparent; transform: rotate(0deg); } a.tooltips4 { position: relative; display: inline; } a.tooltips4 span { position: absolute; } a.tooltips4 span:before { content: ''; position: absolute; top: 0; left: -28px; margin-left: 0; width: 0; height: 0; border-top: 14px solid #F35F23; border-right: 14px solid transparent; border-left: 14px solid transparent; transform: rotate(0deg); } .column_figure{width:100%;height:0;padding-bottom:98%;position:relative;overflow:hidden; }.column_figure img{width:100%;height:100%;position:absolute;top:0;left:0;} .column_content{padding:26px 32px;border-top:0;} .column_content .column_title{ color: #ffffff; font-size: 19.2px; margin: 35.2px 0 0 0; font-family: 'Microsoft YaHei'; text-align:center} .column_content .column_title:hover{ color: #ffffff; font-size: 19.2px; margin: 31.8px 0 0 0; font-family: 'Microsoft YaHei'; text-align:center; font-weight:bold;} .column_content .column_con{font-size:16px; padding-top:16px; color:#ffffff; margin: 0 0 48px 0;} .column_content2{border-top:0;} .column_content2 .column_title2{ color: #787878; font-size: 19.2px; margin: 35.2px 0 0 0; font-family: 'Microsoft YaHei'; text-align:center} .column_content2 .column_con2{font-size: 16px; padding-top: 16px; color: #787878; margin: 0 0 16px 0; height:104px; overflow: hidden;} .column_content2 .column_title2 span{ border-bottom: 1px solid #EEEEEE; padding: 10px; text-transform: uppercase; display: block; width: 50px; padding-top: 5px; margin: 0 auto -2px;} .column_content3{border-top:0;} .column_content3 .column_title3{ color: #787878; font-size: 19.2px; margin: 35.2px 0 0 0; font-family: 'Microsoft YaHei'; text-align:left} .column_content3 .column_con3{font-size:16px; padding-top:16px; color:#787878; margin: 0 0 48px 0;} .column_content3 .column_title3 span{ border-bottom: 1px solid #EEEEEE; padding: 10px; text-transform: uppercase; display: block; width: 98%; padding-top: 5px; margin: 0 auto -2px;} .product_list li:hover .column_content3 .column_title3{ color: #64B6CB; } .product_list li:hover .column_content3 .column_title3 span{ border-bottom: 1px solid #64B6CB; } .product_list2 li:hover .column_content2 .column_title2{ color: #ff3300; } .product_list2 li:hover .column_content2 .column_title2 span{ border-bottom: 1px solid #ff3300; } .index_section{padding:28px 0 32px 0;} .characteristicsoftourism{ background:#FA8071} .characteristicsoftourism img{ margin-top:-30px;} .characteristicsoftourism2 .characteristicsoftourism2_pic { display: block; position: relative; width: 100%; padding-bottom: 84%; } .characteristicsoftourism2 .characteristicsoftourism2_pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .characteristicsoftourism .characteristicsoftourism2_pic { display: block; position: relative; width: 100%; padding-bottom: 100%; } .characteristicsoftourism .characteristicsoftourism2_pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .characteristicsoftourism .column_content4{border-top:0;border-bottom: 0px solid #EEEEEE; } .characteristicsoftourism .column_content4 .column_title4{ color: #fff; font-size: 19.2px; margin: 0em 0 0 0; font-family: 'Microsoft YaHei'; text-align:left} .characteristicsoftourism .column_content4 .column_con4{font-size:16px; padding-top:9.6px; color:#fff; margin: 0 0 16px 0;text-align:left; height:86.6px; overflow:hidden;} .column_content4{border-top:0;border-bottom: 1px solid #EEEEEE;} .column_content4 .column_title4{ color: #787878; font-size: 19.2px; margin: 19.2px 0 0 0; font-family: 'Microsoft YaHei'; text-align:left} .column_content4 .column_con4{font-size:16px padding-top:16px; color:#787878; margin: 0 0 32px 0;text-align:left;height:92.8px; overflow:hidden;} /*guoxue*/ .guoxue{background:url("/skin/guoxue_s1.jpg"); padding-bottom:0; margin-top:0px; padding-top:0} .guoxue ul{ list-style-type: none; list-style-position: inside; width: 90%; margin: 1% 0 0 0; padding-left: 10%; margin:0 auto; } .guoxue ul li{ float: left; margin: 3%; width:24%; height:36px; background: #fff; text-align:center; line-height:36px; color:#787878; border-top-left-radius:20px; border-top-right-radius:20px; border-bottom-left-radius: 20px; border-bottom-right-radius:20px; order-bottom: none; cursor: pointer; behavior:url("/skin/ie-css3.htc"); } .clearfix{ clear: both; } .guoxue #container{ margin: 0 auto; min-height: 420px; background:url("/skin/gxbg_s1.jpg") no-repeat bottom right #fff;} .guoxue #container div{ padding: 20px; } .guoxue_pic{margin:40px;float:left;max-width:100%; } .guoxue_pic img{width:auto\0;max-width:100%;height:auto;} .guoxue_content3 {border-top:0;} .guoxue_content3 .guoxue_title3{ color: #787878; font-size:19.2px; margin: 35.2px 0 0 0; font-family: 'Microsoft YaHei'; text-align:left} .guoxue_content3 .guoxue_con3{font-size:16px; padding-top:16px; color:#787878; margin: 0 0 48px 0;} .guoxue_content3 a.more{ width:28%; height:38px ; background:#25B6A6; color:#FFFFFF; display:inline-table; text-align:center; line-height:38px;} .column_content .column_btn{margin-bottom:0.5rem;}.column_content .column_btn a{display:inline-block;width:6rem;height:6rem;text-align:center;line-height:6rem;border-radius:50%;border:1px dashed #666666;font-size:1.4rem;color:#666666;}.column_content .column_btn a:hover{color:#E8A651;text-decoration:none;}.column_content:hover{border-color:#E8A651;} .adv_img{max-width:100%;}.adv_tit{margin-top:10px;margin-bottom:20px;font-size:16px;font-weight:bold;color:#444444;}.sec03{padding:0;}.news_slide_box{margin-top:22px;position:relative;width:100%;overflow:hidden;}.news_slide_box .bd{width:100%;height:100%;}.news_slide_box .bd a{display:block;position:relative;width:100%;padding-bottom:75.3%;}.news_slide_box .bd a img{position:absolute;top:0;left:0;width:100%;height:100%;}.news_slide_box .bd a span{display:block;position:absolute;left:0;bottom:0;width:100%;height:4rem;padding:0 1.5rem;line-height:4rem;font-size:1.6rem;color:#FFFFFF;background-color:rgba(252,143,2,0.4);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.news_slide_box .prev,.news_slide_box .next{position:absolute;top:50%;width:3rem;height:10rem;margin-top:-5rem;background-repeat:no-repeat;cursor:pointer;background-color:rgba(84,84,84,0.4);background-position:center center;}.news_slide_box .prev{left:0;background-image:url("/images/slide_arrl.png");}.news_slide_box .next{right:0;background-image:url("/images/slide_arrr.png");}.news_list{margin-bottom:60px;}.news_list li{margin-top:22px;overflow:hidden;}.news_list li .news_pic{padding-left:0;}.news_list li .news_pic a{display:block;position:relative;padding-bottom:65.82%;}.news_list li .news_pic img{position:absolute;top:0;left:0;height:100%;width:100%;}.news_list li .news_tit{display:block;font-size:16px;color:#323232;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.news_list li .news_tit:hover{color:#E8A651;}.news_list li .news_time{margin-top:10px;font-size:14px;color:#999999;overflow:hidden;}.news_list li .news_desc{height:40px;line-height:20px;font-size:14px;color:#646464;margin-top:10px;overflow:hidden;}.news_list_2 li{margin:0 0 15px;padding-bottom:15px;border-bottom:1px dashed #DDDDDD;}.article .article_hd{width:100%;margin-bottom:10px;}.article .article_hd h1{font-size:18px;color:#323232;line-height:24px;}.article .article_hd h6{font-weight:400;font-size:12px;color:#646464;margin-top:10px;padding-bottom:10px;border-bottom:1px solid #E0E0E0;}.article .article_hd h6 span{padding:0 5px;}.article .article_bd img{display:block;margin:10px auto;max-width:100%;}.pagination2{margin:20px auto;line-height:40px;background-color:#EEEEEE;}.pagination2 .prev,.pagination2 .next{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.pagination2 .prev a,.pagination2 .next a{font-size:14px;color:#646464;}.pagination2 .prev a:hover,.pagination2 .next a:hover{color:#E8A651;}.pagination2 .prev{border-right:1px solid #DDDDDD;} .pro_item .pro_pic{display:block;position:relative;width:100%;padding-bottom:28%;} .pro_item .pro_pic img{position:absolute;top:0;left:0;width:100%;height:100%;} .pro_item .pro_tit{display:block;padding:10px 0;border:1px solid #FFFFFF;border-top:0;background-color:#FFFFFF;font-size:18px;color:#444444;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;} .pro_item .pro_tit:hover{border-color:#E8A651;} .pro_item2 {padding-top: 16px;} .pro_item2 .pro_pic{display:block;position:relative;width:100%;padding-bottom:69%;} .pro_item2 .pro_pic img{position:absolute;top:0;left:0;width:100%;height:100%;} .pro_item2 .pro_tit{display:block;padding:10px 0;border:1px solid #FFFFFF;border-top:0;background-color:#FFFFFF;font-size:18px;color:#444444;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;} .pro_item2 .pro_tit:hover{border-color:#E8A651;} .d-3bg{background:url("/skin/d-3bg_s1.jpg") no-repeat;} .product_list_2 .pro_item{margin:0 0 30px;} .product_list_2 .pro_tit{border-color:#d2d2d2;}.product_pic{border-right:1px solid #DDDDDD;}.product_pic img{max-width:100%;}.pro_name{margin:10px 0;font-size:22px;color:#323232;}.pro_attr li{font-size:14px;color:#898989;line-height:30px;margin-top:5px;}.pro_attr .case_price span{color:#fc3526;}.pro_attr .case_tag{padding:0 10px;background-color:#f7f8fa;}.pro_attr .case_tag span{font-size:14px;white-space:nowrap;}.product_infor .product_infor_hd{padding:5px 20px;margin:30px 0 20px;font-size:20px;color:#323232;box-shadow:0 0 2px rgba(0,0,0,0.4) inset;background-color:#f5f5f5;}.contact_box .contact_box_t{font-size:16px;color:#FFFFFF;padding:0 10px;height:35px;line-height:35px;background-color:#E8A651;overflow:hidden;}.contact_box .contact_box_t span{display:inline-block;vertical-align:top;margin-right:10px;width:10px;height:100%;background-color:#f2f2f2;}.contact_box .contact_box_b{padding:10px 10px 11rem;background:#F2F2F2 url("/images/gb_4.png") no-repeat center bottom;background-size:contain;}.contact_box .contact_box_b li{font-size:14px;line-height:24px;color:#333333;margin-bottom:5px;}.recruit_name{font-size:18px;line-height:30px;color:#2f8fe1;}.recruit_con_sec{width:100%;margin-bottom:10px;}.recruit_con_sec .sec_tit{padding:10px 0;line-height:1.5;font-size:16px;color:#585858;overflow:hidden;}.recruit_con_sec .sec_con{width:100%;overflow:hidden;line-height:22px;font-size:14px;padding:0 10px;}.recruit_con_sec .sec_con li{float:left;width:50%;padding-bottom:5px;color:#646464;overflow:hidden;}.recruit_con_sec .sec_con li.long{float:none;width:100%;}.contact_way ul{padding-top:20px;}.contact_way ul li{font-size:14px;margin-bottom:15px;color:#323232;}.contact_way ul li i{display:inline-block;vertical-align:top;width:20px;height:20px;background-repeat:no-repeat;background-position:left top;}.contact_way ul li .contact_adr{background-image:url("/images/icon1.png");}.contact_way ul li .contact_tel{background-image:url("/images/icon2.png");}.contact_way ul li .contact_email{background-image:url("/images/icon3.png");}.message_form{margin:10px auto 30px;height:auto;overflow:hidden;}.message_form .form-group{width:100%;margin-bottom:10px;}.message_form .form-group .control-label{margin-bottom:10px;font-size:16px;color:#646464;font-weight:400;}.message_form .form-group .control-label span{color:#FF0000;}.message_form .form-group .form-control{border:1px dashed #b6b6b6;background-color:#EEEEEE;}.message_form .form-group .form-control.false{border-color:#FF0000;}.message_form .form-group .beizhu-control{width:100%;height:100px;}.message_form .form-group .submint_btn{margin-top:20px;display:inline-block;vertical-align:middle;padding:5px 30px;font-size:16px;color:#FFFFFF;background-color:#E8A651;cursor:pointer;} .box{ overflow: hidden; width: 100%; margin: 0 auto; position: relative; margin:0 auto; } #roll{ width: 200%; } #roll dd{ width:125px; height: 36px; border: 0px solid #00EE00; float: left; margin-left:56px; } .box span{position: absolute; display: inline-block;width: 60px;text-align: center;cursor: pointer;background: #fff;z-index: 90;color: #fff;} .box .next{right: 0; background:url("/skin/next_s1.jpg") no-repeat #fff 10px 10px; height:100px;} .box .prev{left: 0;background:url("/skin/prev_s1.jpg") no-repeat #fff 10px 10px; height:100px;} /*.10box{ float:right; width:300px; height: 52px;overflow: hidden;}*/ .box2{ overflow: hidden; position: relative; margin:0 auto; margin-top:20px; height: 52px;overflow: hidden; } #roll2{ width: 200%; } #roll2 dd{ width:246px; height: 52px; float: left; margin-left:30px; } .box2 span{position: absolute; display: inline-block;width: 20px;text-align: center;cursor: pointer;background: #fff;z-index: 90;color: #fff;} .box2 .next{right: 0; background:url("/skin/next_s1.jpg") no-repeat #fff 10px 10px; height:50px;} .box2 .prev{left: 0;background:url("/skin/prev_s1.jpg") no-repeat #fff 10px 10px; height:50px;} @media (max-width:767px){ /*高端培训 */ .item6{position:relative; display:inline-block;float:left; margin-bottom:1.2rem;max-width:100%; height:16rem; overflow:hidden; float:left;} .item6 img{width:auto\0;max-width:100%;height:auto;} .item6 h2{position:absolute;left:0;bottom:0px;height:45px;width:100%;background:url("/images/demo02.png") no-repeat;} .item6 h2 p{height:45px; line-height:45px;background:url("/images/demo03.png") no-repeat; text-align:center; color:#fff;font-size:1.2rem;} .item6 div{position:absolute;width:0;height:0;background:url("/images/demo02.png") repeat;_zoom:1;} .item6 .cornerCC{left:78px;top:101px;} .item6 dl{position:absolute;top:50%;left:0;width:100%;height:100%;display:none;} .item6 dt{ line-height:100%; height:100%; width:100%;text-align:center;color:#FFF; } .item6 dt h3{ width:60%; padding:5%; border:4PX solid #CCCCCC; margin:0 auto;font-size:1.2rem;} .item6 dd{padding:0 12px;width:100%;line-height:20px;text-indent:32px;color:#FFF;font-size:1rem;} .index_section .index_section_hd h1 { font-size: 2.4rem; } .column_content{padding:3.8rem 2rem;border-top:0;} .column_content .column_title{ color: #ffffff; font-size: 1.2em; margin: 2.2em 0 0 0; font-family: 'Microsoft YaHei'; text-align:center} .column_content .column_title:hover{ color: #ffffff; font-size: 1.2em; margin: 2.1em 0 0 0; font-family: 'Microsoft YaHei'; text-align:center; font-weight:bold;} .column_content .column_con{font-size:1.0em; padding-top:1.0em; color:#ffffff; margin: 0 0 3em 0;} .guoxue_content3 .guoxue_title3{ color: #787878; font-size: 1.2em; margin: 2.2em 0 0 0; font-family: 'Microsoft YaHei'; text-align:left} .guoxue_content3 .guoxue_con3{font-size:1.0em; padding-top:1.0em; color:#787878; margin: 0 0 3em 0;} .column_content2{border-top:0;} .column_content2 .column_title2{ color: #787878; font-size: 1.2em; margin: 1em 0 0 0; font-family: 'Microsoft YaHei'; text-align:center} .column_content2 .column_con2{font-size: 1.0em; padding-top: 1.0em; color: #787878; margin: 0 0 1em 0; height: 6.5em; overflow: hidden;} .column_content3{border-top:0;} .column_content3 .column_title3{ color: #787878; font-size: 1.2em; margin: 1em 0 0 0; font-family: 'Microsoft YaHei'; text-align:left} .column_content3 .column_con3{font-size:1.0em; padding-top:0.8em; color:#787878; margin: 0 0 3em 0;} .column_content4 .column_title4{ color: #787878; font-size: 1.2em; margin: 0em 0 0 0; font-family: 'Microsoft YaHei'; text-align:left} .column_content4 .column_con4{font-size:1.0em; padding-top:0.8em; color:#787878; margin: 0 0 16px 0;text-align:left; height:86.6px; overflow:hidden;} .characteristicsoftourism30{ padding-top:0px;} .characteristicsoftourism .column_content4 .column_title4{ color: #fff; font-size: 1.2em; margin: 0em 0 0 0; font-family: 'Microsoft YaHei'; text-align:left} .characteristicsoftourism .column_content4 .column_con4{font-size:1.0em; padding-top:0.8em; color:#fff; margin: 0 0 16px 0;text-align:left; height:86.6px; overflow:hidden;} .pro_item2 {padding-top: 0;} .index_section{padding:1.6rem 0 1rem 0;} .column_content{padding:1.9rem 0.5rem;border-top:0;height: 18.3rem;} .column_content .column_title{ color: #ffffff; font-size: 1.2em; margin: 0.6em 0 0 0; font-family: 'Microsoft YaHei'; text-align:center} .column_content .column_title:hover{ color: #ffffff; font-size: 1.2em; margin: 0.5em 0 0 0; font-family: 'Microsoft YaHei'; text-align:center; font-weight:bold;} .column_content .column_con{font-size:1.0em; padding-top:0.5em; color:#ffffff; margin: 0 0 0.5em 0;} .guoxue_pic{ margin:0px; clear:both; float:none} .d-3bg { background: none; } /*guoxue*/ .gxbg{background:#fff;} .guoxue{background:url("/skin/guoxue_s1.jpg"); padding-bottom:0; margin-top:0px; padding-top:0} .guoxue ul{ list-style-type: none; list-style-position: inside; width: 100%; margin: 1%; 0 0 0; padding-left: 10%; margin:0 auto; } .guoxue ul li{ float: left; margin: 2% 1%; width:28%; height:30px; background: #fff; text-align:center; line-height:30px; color:#787878; border-top-left-radius:20px; border-top-right-radius:20px; border-bottom-left-radius: 20px; border-bottom-right-radius:20px; order-bottom: none; cursor: pointer; behavior:url("/skin/ie-css3.htc"); } .clearfix{ clear: both; } .guoxue #container{ width: 100%; margin: 0 auto; min-height: 100%; background:url("/skin/gxbg_s1.jpg") no-repeat bottom right #fff;text-align:center } .guoxue #container div{ padding: 2%; } .column_content2 .column_title2{ color: #787878; font-size: 1.2em; margin: 0.2em 0 0 0; font-family: 'Microsoft YaHei'; text-align:center} .guoxue_content3 .guoxue_title3{ color: #787878; font-size: 1.2em; margin: 0.2em 0 0 0; font-family: 'Microsoft YaHei'; text-align:center} .box{ height: 50px; border: 0px solid red; overflow: hidden; width: 100%; margin: 0 auto; position: relative; } .footer .links{margin-bottom:10px;}.footer .footer_nav{margin-top:10px;}.page_nav_box{margin-bottom:10px;}.page_nav_box .page_pos{text-align:left;}.page_left,.page_right{padding:0;}.mod_pagination{text-align:center;} .slideBox .hd{bottom:0; background:none; height:10px;} .slideBox .hd li{height:5px;background:none; }.news_list li .news_tit{margin-top:10px;}.news_list li > div{padding:0;}.pagination2 .prev{border-right:none;}.product_list .pro_item .pro_tit{font-size:14px;}.product_list_2 .pro_item{padding:0 5px;}.product_pic{margin-bottom:30px;border-right:none;}.recruit_con_sec .sec_con li{float:none;width:100%;}} @media (max-width: 767px){ .d-3bg{background:none;} .column_content .column_title { color: #ffffff; font-size: 1.6rem; margin: 1rem 0 0 0; font-family: 'Microsoft YaHei'; text-align: center; } .column_content .column_title:hover { color: #ffffff; font-size: 1.6rem; margin: 0.8rem 0 0 0; font-family: 'Microsoft YaHei'; text-align: center; font-weight:bold; } .column_content .column_con { font-size: 1rem; padding-top: 0.5rem; color: #ffffff; margin: 0 0 0.4rem 0; height: 7.8rem; overflow: hidden;} } @media (min-width:768px) { .d-3bg{background:none;} .column_content .column_title { color: #ffffff; font-size: 1.6rem; margin: 1rem 0 0 0; font-family: 'Microsoft YaHei'; text-align: center; } .column_content .column_title:hover { color: #ffffff; font-size: 1.6rem; margin: 0.96rem 0 0 0; font-family: 'Microsoft YaHei'; text-align: center; font-weight:bold; } .column_content .column_con { font-size: 1rem; padding-top: 0.5rem; color: #ffffff; margin: 0 0 0.4rem 0; height: 7.8rem; overflow: hidden;} } @media (min-width:992px) { .d-3bg{background:none;} .column_content .column_title{color: #ffffff; font-size: 19.2px; margin: 32px 0 0 0; font-family: 'Microsoft YaHei'; text-align: center;} .column_content .column_title:hover{color: #ffffff; font-size: 19.2px; margin: 31.8px 0 0 0; font-family: 'Microsoft YaHei'; text-align: center; font-weight:bold} .column_content .column_con{font-size: 16px; padding-top: 16px; color: #ffffff; margin: 0 0 8px 0; height: 10rem; overflow: hidden;} } @media (min-width:1200px) { .column_content .column_title{color: #ffffff; font-size: 19.2px; margin: 32px 0 0 0; font-family: 'Microsoft YaHei'; text-align: center;} .column_content .column_title:hover{color: #ffffff; font-size: 19.2px; margin: 31.8px 0 0 0; font-family: 'Microsoft YaHei'; text-align: center; font-weight:bold;} .column_content .column_con{font-size: 16px; padding-top: 16px; color: #ffffff; margin: 0 0 8px 0; height: 167px; overflow: hidden;} }