锘緻import url(slide.css); @import url(pscroll.css); /*棣栭〉*/ .i_title{ margin-top:5%; overflow:hidden; text-align:center; margin-bottom:3%; } .i_title h2{ overflow:hidden; font-weight:normal;color:#333333; padding-bottom:2%; position:relative;} .i_title h2:before{ content:""; position:absolute; bottom:0; left:50%;transform: translate(-50%, 0); width:47px; height:3px; background:#c19149;} .i_title .yellow{ color:#c19149;} /*鎴戜滑鐨勬湇鍔?/ .i_service{ background:#f5f5f5; padding-bottom:4%; overflow:hidden;} /*鍥介檯鐗╂祦鏈嶅姟渚涘簲鍟嗗睍绀?/ .wuliu_bg{ padding-bottom: 5%; padding-top:2%; overflow: hidden; background: url(../images/i_bg1.jpg) no-repeat center fixed; background-size: cover;color: #fff;} .i_title_p{ color:#fff; position:relative; padding-top:1.5%; padding-left:58px; padding-right:58px; line-height:22px; padding-bottom:2px; width:80%; margin:0 auto; margin-top:12px; max-width:786px; position:relative; text-align:center; letter-spacing:2px;} .i_title_p:before{ content:""; width:100%; height:100%; top:0; left:0;position:absolute; background: url(../images/i_bg2.png) left center no-repeat;} .i_title_p:after{ content:""; width:100%; height:100%; top:0; left:0;position:absolute; background: url(../images/i_bg3.png) right center no-repeat;} .counter{ text-align:center; margin-top:4%; line-height:1.5;} .counter .col-md-3{ float:left; width:25%;} .counter span { font-size: 78px; font-weight: 500;font-family:Arial;} .counter h6 { font-weight: normal; margin-top: -10px;color: #fff;} /*鏈€鏂版秷鎭?/ .i_news{ padding-bottom:50px; overflow:hidden;} .i_news .i_news_l{ float:left; width:50%;} .i_news .i_news_l ul li{ display:block; border-bottom:1px dashed #dedede; margin-bottom:19px; overflow:hidden; padding-bottom:19px;} .i_news .i_news_l ul li:hover{border-bottom:1px dashed #c3954f;} .i_news .i_news_l .dates{ font-style:normal;font-weight:normal; height:68px; overflow:hidden; line-height:68px; color:#999999; display:block; font-family:Arial;} .i_news .i_news_l .h2{ font-weight:normal;height:54px; line-height:54px; overflow:hidden; color:#333333; margin-bottom:11px;} .i_news .i_news_l .txts{ line-height:25px; height:75px; overflow:hidden; font-size:16px; color:#666666;} .i_news .i_news_l ul li:hover .h2{ color:#c19149;} .i_news .i_news_l .i_news_img{ float:right; overflow:hidden;width:93.42%; max-width:682px;padding-bottom:19px; margin-bottom:18px;border-bottom:1px dashed #dedede;} .i_news .i_news_l .i_news_img:hover{border-bottom:1px dashed #c3954f;} .i_news .i_news_l .i_news_img .hide{ overflow:hidden;margin-bottom:12px;} .i_news .i_news_l .i_news_img .imgs{ overflow:hidden; height:237px; background-repeat:no-repeat; background-position:center center; background-size:cover;transition:all 0.3s;} .i_news .i_news_l .i_news_img .imgs img{ width:100%;opacity:0;filter:Alpha(opacity=0);} .i_news .i_news_l .i_news_img:hover .imgs{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);} .i_news .i_news_l .i_news_img:hover .h2{ color:#c19149;} /*鍚堜綔浼欎即*/ .i_partner{ background:#f5f5f5; overflow:hidden;} @media screen and (max-width:1760px) { } @media screen and (max-width:1440px) { } @media screen and (max-width:1200px) { /*鍥介檯鐗╂祦鏈嶅姟渚涘簲鍟嗗睍绀?/ .counter span { font-size: 60px;} } @media screen and (max-width:1100px) { /*鏈€鏂版秷鎭?/ .i_news .i_news_l .txts{ font-size:14px;} .i_news .i_news_l .h2{ height:44px; line-height:44px;} .i_news .i_news_l .i_news_img .imgs{ height:225px;} } @media screen and (max-width:960px) { /*鍥介檯鐗╂祦鏈嶅姟渚涘簲鍟嗗睍绀?/ .i_title_p{ padding-left:45px; padding-right:45px;} .i_title_p:before{ background-size:40px auto;} .i_title_p:after{ background-size:40px auto;} } @media screen and (max-width:830px) { /*杞樉*/ .module-content{ display:none;} .flash_div{ display:block;} /*鏈€鏂版秷鎭?/ .i_news{ padding-bottom:5%;} .i_news .i_news_l{ float:none; width:100%;} .i_news .i_news_l ul li{ margin-bottom:2%; padding-bottom:2%;} .i_news .i_news_l .txts{ height:auto;} .i_news .i_news_l .dates{ height:50px; line-height:50px;} .i_news .i_news_l .h2{ height:30px; line-height:30px;} .i_news .i_news_l .i_news_img{ width:100%; max-width:none; margin-bottom:2%; padding-bottom:2%;} .i_news .i_news_l .i_news_img .hide{ margin-top:1%;} .i_news .i_news_l .i_news_img .imgs{ height:auto;} } @media screen and (max-width: 780px) { /*鍥介檯鐗╂祦鏈嶅姟渚涘簲鍟嗗睍绀?/ .counter span { font-size: 45px;} } @media screen and (max-width: 640px) { .i_title h2{ padding-bottom:3%;} /*鍥介檯鐗╂祦鏈嶅姟渚涘簲鍟嗗睍绀?/ .i_title_p{ line-height:20px; padding-top:1%;} .counter span { font-size: 40px;} /*鍚堜綔浼欎即*/ .i_partner{ overflow:visible;} } @media screen and (max-width: 480px) { /*鍥介檯鐗╂祦鏈嶅姟渚涘簲鍟嗗睍绀?/ .i_title_p{ padding-left:35px; padding-right:35px;} .i_title_p:before{ background-size: 30px auto;} .i_title_p:after{ background-size: 30px auto;} .counter span { font-size: 35px;} /*鏈€鏂版秷鎭?/ .i_news .i_news_l .dates{ height:40px; line-height:40px;} .i_news .i_news_l .h2{ height:26px; line-height:26px; margin-bottom:5px;} .i_news .i_news_l .txts{ font-size:13px; line-height:22px;} } @media screen and (max-width:420px) { .i_title_p{ padding-left:25px; padding-right:25px;} .i_title_p:before{ background-size: 20px auto;} .i_title_p:after{ background-size: 20px auto;} } @media screen and (max-width:360px) { /*鍥介檯鐗╂祦鏈嶅姟渚涘簲鍟嗗睍绀?/ .counter{ line-height:1.75;} .counter span{ font-size:30px;} /*鏈€鏂版秷鎭?/ .i_news .i_news_l .txts{ font-size:12px; line-height:20px;} } @media screen and (max-width:320px) { }