/*- - - - - - - - -样式属index.html - - - - - - - -*/
.icon_mouse{width:44px;height:55px;position:relative;left:50%; display:block;margin-top:-197px;margin-bottom:143px;margin-left:-22px;background:url(../images/icon_mouse.png) no-repeat left top;cursor:pointer;z-index:1400;}
@media screen and (min-width:751px)
{
/*页头*/
#header{width:100%;height:90px;position:fixed;top:0px;background:url(../images/heibg.png) repeat left top;z-index:3500;}
/*网站标志*/
#logo{float:left;width:304px;padding-top:18px;}
#logo img{max-width:100%;}
/*菜单*/
#menu{float:right;width:606px;height:90px;}
#menu ul{float:right;position:relative;}
#menu ul li{float:left;margin-left:38px;display:inline;}
#menu ul li a{float:left;height:90px;line-height:90px;font-size:17px;color:#fff;padding:0 4px;}
#menu ul li.change a,#menu ul li a:hover{color:#f66701;text-decoration:none;}
#menu ul .lines{position:absolute;top:0px;left:0px;border-top:3px solid #f66701;}
/*服务*/
#Service{position:relative;padding-top:45px;padding-bottom:90px;background:#fafafa url(../images/bg2.jpg) no-repeat left top;}
#Service h3{width:415px;height:75px;text-indent:-99em;overflow:hidden;margin:0 auto 87px;background:url(../images/title.png) no-repeat left top;display:block;}
#Service dl{float:left;width:183px;position:relative;margin:0 62px 0 50px;padding-top:40px;display:inline;}
#Service dl dt{line-height:51px;text-align:center;font-size:26px;color:#fe6700;margin-bottom:2px;border-bottom:1px solid #9a9a9a;}
#Service dl dt a{color:#fe6700;}
#Service dl dt a:hover{text-decoration:none;}
#Service dl dd{height:48px;line-height:24px;text-align:center;overflow:hidden;font-size:14px;color:#8a8a8a;}
#Service dl.hover_ .icon{box-shadow:0 0 14px rgba(0,0,0,0.2);}
.icon_service_{width:184px;height:218.5px;background:url(../images/iconlist.png) no-repeat left top;display:inline-block;}
.icon_service_.icon_service_1x1{background-position:0 0;}
#Service dl.hover_ dt .icon_service_1x1,.icon_service_.icon_service_1x1:hover{background-position:0 -218.5px;}
.icon_service_.icon_service_2x1{background-position:-184px 0;}
#Service dl.hover_ dt .icon_service_2x1,.icon_service_.icon_service_2x1:hover{background-position:-184px -218.5px;}
.icon_service_.icon_service_3x1{background-position:-368px 0;}
#Service dl.hover_ dt .icon_service_3x1,.icon_service_.icon_service_3x1:hover{background-position:-368px -218.5px;}
.icon_service_.icon_service_4x1{background-position:-552px 0;}
#Service dl.hover_ dt .icon_service_4x1,.icon_service_.icon_service_4x1:hover{background-position:-552px -218.5px;}
}
/*广告视频*/
#BannerVideo{position:relative; overflow:hidden;}
#BannerVideo .maintext{width:804px;position:absolute;font-size:60px;font-family:'ee03015t';color:#fff;top:50%;left:50%;margin-top:-8%;margin-left:-402px;z-index:1500;}
#BannerVideo .maintext span{position:relative;}
#BannerVideo .btn_video{width:71px;height:55px;position:absolute;top:50%;left:50%;margin-top:-2%;margin-left:-35px;background:url(../images/btn_video.png) no-repeat left top;z-index:1500;}
#BannerVideo .btn_video2{background-image:url(../images/btn_video2.png) ;}
.arrow_bom{width:128px;height:28px;position:absolute;bottom:32px;left:50%;margin-left:-64px;background:url(../images/pagedown2.png) no-repeat center bottom;cursor:pointer;z-index:11500;}
@media screen and (max-width:750px)
{
#header{width:100%;height:66px;position:fixed;top:0px;background:url(../images/heibg.png) repeat left top;z-index:3500;}
/*网站标志*/
#logo{float:left;width:23.00%;min-width:141px;padding-top:15px;}
#logo img{max-width:100%;}
.btn_menu{width:64px;position:absolute;top:0px;right:0px;bottom:0px;background:url(../images/icon_menu.png) no-repeat center center;background-size:auto 18px;}
#menu{width:100%;position:absolute;top:100%;right:0px;left:0px;background-color:#000;display:none;z-index:1500;}
#menu ul{}
#menu ul li{border-bottom:1px solid #212229;}
#menu ul li a{line-height:3.00;text-align:center;font-size:16px;color:#adadad;display:block;}
#menu_zz{position:fixed;color:#fff;top:0px;right:0px;bottom:0px;left:0px;background:url(../images/heibg.png) repeat left top;display:none;z-index:1499;}
/**/
#BannerVideo{height:100%;}
#BannerVideo .maintext{width:100%;text-align:center;font-size:20px;left:0px;margin:0;margin-top:-15%;}
#BannerVideo .btn_video{width:37px;height:29px;margin-left:-18px;background-size:100%;}
.arrow_bom{display:none;}
.icon_mouse{width:23px;height:29px;top:-50px;margin-top:0px;margin-bottom:0px;margin-left:-12px;background-size:100%;}
}
/*合作伙伴*/
#partner{height:884px;background-color:#000000;}
#partner .imgList li .photo_autosize img{max-width:90%;max-height:90%;}
/**/
#about_us{width:100%;height:480px;position:relative;max-width:100%;background-color:#373737;}
#about_us .center{width:553px;padding:44px 632px 0 15px;}
#about_us h3{line-height:2.35;font-size:28px;font-weight:normal;color:#cccccc;}
#about_us h4{line-height:2.36;font-size:22px;font-weight:normal;color:#cccccc;margin-bottom:4px;}
#about_us p{line-height:1.67;font-size:14px;color:#cccccc;margin-bottom:10px;}
/*地图*/
#Map{width:50%;height:481px;position:absolute;top:0px;left:50%;background-color:#000;}
#Map p{font-size:12px;color:inherit;margin:0;}
#Map .shop_{display:none;}
#Map .BMap_bubble_content{line-height:1.5;font-size:14px;color:#333;}
#Map .BMap_bubble_content dl dt{float:left;margin-right:10px;display:inline;}
#Map .BMap_bubble_content dl dd{overflow:hidden;}
#Map .BMap_bubble_title{font-size:16px;color:#f60;}
#Map .anchorBL{display:none!important;}
@media screen and (max-width:1200px)
{
#about_us{height:auto;}
#about_us .center{width:90%;padding:15px 0px 15px 0px;}
#about_us h3{font-size:22px;}
#about_us h4{font-size:18px;}
#Map{width:100%;height:350px;position:relative;left:0px;}
}
@media screen and (max-width:750px)
{
#about_us{height:auto;padding-top:18px;}
#about_us h3{font-size:21px;}
#about_us h4{font-size:16px;}
#about_us p{font-size:14px;}
#about_us .center{width:93.00%;margin:0 auto;padding:0px 0px 18px 0px;}
#Map{width:100%;height:250px;position:relative;left:0px;}
#partner{height:auto;}
#footer{display:none;}
#copyright{height:auto;overflow:hidden;}
}
/*页尾*/
#footer{background-color:#171717;}
/**/
#lianxi{float:left;width:353px;height:232px;font-size:14px;color:#838383;}
#lianxi .share{height:50px;margin-bottom:10px;padding-top:18px;}
#lianxi .share a{float:left;width:51px;margin-right:20px;display:inline;}
#lianxi .tel strong{line-height:1.48;font-size:25px;font-weight:normal;color:#f8ac01;display:block;}
.icon_share{width:51px;height:51px;background:url(../images/icon_share.png) no-repeat left top;display:inline-block;}
.icon_share.icon_share1x1{background-position:0 0;}
.icon_share.icon_share1x1:hover{background-position:0 -51px;}
.icon_share.icon_share2x1{background-position:-51px 0;}
.icon_share.icon_share2x1:hover{background-position:-51px -51px;}
.icon_share.icon_share3x1{background-position:-102px 0;}
.icon_share.icon_share3x1:hover{background-position:-102px -51px;}
/*二维码*/
#erweima{float:right;width:428px;height:170px;padding-top:62px;}
#erweima ul{float:right;padding-left:122px;background:url(../images/icon_tel.png) no-repeat left 20px;}
#erweima ul li{float:left;width:115px;margin:0 12px;display:inline;}
#erweima ul li img{width:101px;height:101px;margin:0 auto;border:6px solid #252525;display:block;}
#erweima ul li span{height:32px;line-height:32px;text-align:center;overflow:hidden;font-size:14px;color:#828282;display:block;}
/*友情链接*/
#link{width:1200px;line-height:19px;overflow:hidden;padding:19px 0;border-top:1px solid #232323;}
#link h5{float:left;width:56px;line-height:20px;text-align:center;font-weight:normal;color:#fff;background-color:#996a00;display:inline-block;}
#link p{float:left;}
#link p a{color:#4e4c4d;margin:0 8px;display:inline-block;}
#link p a:hover{color:#f8ac01;}
/*版权*/
#copyright{height:41px;line-height:41px;color:#828282;background-color:#000000;}
#copyright ul{ display:none;}
.title{text-align:center;position:relative;color:#fff;margin-bottom:144px;padding:44px 0 66px;background-color:#333333;}
.title .arrow{width:0px;height:0px;position:absolute;bottom:-40px;left:50%;margin-left:-20px;border:20px solid transparent;border-top:20px solid #333;}
.title h3,.title h1{line-height:1.67;font-size:43px;font-weight:normal;}
.title h4,.title h2{line-height:1.66;font-size:29px;font-weight:normal;color:#cccccc;}
.title2{font-size:35px;margin-bottom:16px;}
.title2 span{color:#f8ac01;}
/*案例选项卡*/
.caseTab{text-align:center;padding-top:36px;padding-bottom:36px;}
.caseTab a{width:115px;line-height:1.89;text-align:center;font-size:16px;margin-right:6px;margin-left:6px;background-color:#eeeeee;display:inline-block;}
.caseTab a:hover,.caseTab a.change{color:#fff;background-color:#f56600;text-decoration:none;}
/*案例列表*/
.CaseList{width:100%;margin:0 auto;}
.CaseList li{float:left;width:24.8%;margin-top:0.265%;margin-right:0.265%;}
.CaseList li figure{width:100%;position:relative;overflow:hidden;padding-top:81.33%;display:block;}
.CaseList li figure .photo{position:absolute;top:0px;right:0px;bottom:0px;left:0px;background:#000;width:100%;height:100%;}
.CaseList li figure .photo .icon_s{width:40px;height:40px;position:absolute;top:-50%;left:50%;margin-top:-40px;margin-left:-30px;padding-right:10px;padding-left:10px;background:url(../images/heibg.png) repeat left top;}
.CaseList li figure .photo .icon_s .icon_jia{width:31px;height:31px;margin:5px auto 0px auto;background:url(../images/icon_jia.png) no-repeat left top;display:block;}
.CaseList li figure figcaption{position:absolute;color:#fff;right:0px;bottom:-63px;left:0px;padding:8px 10px 8px 10px;background:rgba(0,0,0,0.6);}
.CaseList li figure figcaption span{height:1.4em;line-height:1.4;overflow:hidden;font-size:14px;color:#ababab;text-overflow:ellipsis;white-space:nowrap;display:block;}
.CaseList li figure figcaption strong{font-size:16px;font-weight:bold;color:#e3e3e3;margin-bottom:2px;display:block;}
.CaseList li figure .photo img{opacity:0.5; -webkit-filter:grayscale(80%); -moz-filter:grayscale(80%);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=8); -o-filter:grayscale(80%); filter:grayscale(80%); width:100%;height:100%;display:block;}
.CaseList li.hover_ figure .photo img{opacity:1; -webkit-filter:grayscale(0); -moz-filter:grayscale(0); -ms-filter:grayscale(0); -o-filter:grayscale(0); filter:grayscale(0); filter:none; } /*案例展示*/
#CaseShow{padding-bottom:50px;background-color:#000000;}
#CaseShow .title{margin-bottom:0px;}
#CaseShow .CaseList li:nth-child(4n){margin-right:0px;}
#CaseShow .CaseList{max-width:1200px;}
@media screen and (max-width:1050px)
{
#CaseShow .CaseList li:nth-child(4n){margin-right:0.265%;}
#CaseShow .CaseList li{width:33.06%;}
#CaseShow .CaseList li:nth-child(3n){margin-right:0px;}
}
@media screen and (max-width:750px)
{
.title{margin-bottom:20px;padding-top:10px;padding-bottom:10px;}
.title h3,.title h1{font-size:18px;font-weight:normal;}
.title h4,.title h2{font-size:12px;font-weight:normal;color:#cccccc;}
.title .arrow{width:0px;height:0px;position:absolute;bottom:-20px;left:50%;margin-left:-10px;border:10px solid transparent;border-top:10px solid #333;}
.caseTab{margin-bottom:14px;padding-top:14px;padding-bottom:0px;}
.caseTab::after{clear:both;display:block;content:"";}
.caseTab a{float:left;width:20%;margin:0;}
#CaseShow .title{margin-bottom:18px;}
#CaseShow .CaseList li{width:46.00%;margin-bottom:2.53%;margin-left:2.5%;}
#CaseShow .CaseList li figure figcaption{padding:4px 5px 4px 5px;}
#CaseShow .CaseList li figure figcaption strong{font-size:14px;}
#CaseShow .CaseList li figure figcaption span{font-size:11px;}
#CaseShow{padding-bottom:10px;background:#fff;}
.CaseList li figure .photo img{opacity:1; }
}
/*文本列表*/
.TextList li{overflow:hidden;margin-bottom:11px;border-radius:30px;}
.TextList li a{height:53px;line-height:53px;text-align:center;font-size:14px;color:#fff;background-color:#262626;border-radius:30px;display:block;}
.TextList li.change a,.TextList li a:hover{background-color:#f8ac01;text-decoration:none;}
/**/
.content_{line-height:2.24;font-size:17px;}
.content_ p{margin-bottom:37px;}
/*图片列表*/
.PictureList{float:left;}
.PictureList li{float:left;width:578px;height:459px;position:relative;overflow:hidden;margin-right:20px;display:inline;}
.PictureList li .photo{width:578px;height:459px;overflow:hidden;background:#000;display:block;}
.PictureList li span{width:563px;line-height:2.52;position:absolute;font-size:23px;color:#fff;bottom:0px;left:0px;padding:0 15px;background:url(../images/heibg.png) repeat left top;}
/*图片列表*/
.imgList{float:left;width:100%;}
.imgList li{float:left;width:18.67%;position:relative;margin-right:1.58%;margin-bottom:1.58%;padding-top:9.42%;background-color:#101010;display:inline;transition:all 0.15s linear;}
.imgList li:hover{box-shadow:0 0 14px rgba(0,0,0,0.2);transform:rotate(3deg);}
.imgList li:nth-child(5n){margin-right:0px;}
.imgList li .photo{width:100%;height:100%;text-align:center;position:absolute;top:0px;left:0px;display:block;}
@media screen and (max-width:750px)
{
#CaseShow .CaseList{width:100%;overflow:hidden;}
#partner .imgList li:nth-child(5n){margin-right:1.58%;}
.imgList li{width:28.00%;margin-bottom:2.93%;margin-left:3.33%;padding-top:18.89%;}
}
/*- - - - - - - - -样式属aboutus.html - - - - - - - -*/
/*广告2*/
#banner2{position:relative;}
.mainTitle{text-align:center;position:absolute;color:#f56600;top:50%;right:0px;left:0px;margin-top:-3%;z-index:1500;}
.mainTitle h4{line-height:1.61;position:relative;font-size:67px;font-weight:normal;text-transform:uppercase;letter-spacing:2px;}
.mainTitle h4 .line{width:120px;position:absolute;bottom:0px;left:50%;margin-left:-60px;border-bottom:2px solid #f56600;}
.mainTitle p{line-height:3;font-size:20px;letter-spacing:2px;}
/*优势*/
#YouShi{width:1200px;margin:0 auto;padding-top:50px;padding-bottom:20px;}
#YouShi dl{float:left;width:20%;height:410px;margin-right:1%;margin-left:1%;padding-top:20px;padding-right:1.5%;padding-bottom:30px;padding-left:1.5%;border-radius:160px 160px 0 0;}
#YouShi dl dt{text-align:center;font-size:35px;margin-bottom:22px;letter-spacing:4px;}
#YouShi dl dt .pic{width:80.00%;position:relative;overflow:hidden;margin:0px auto 25px auto;margin-bottom:22px;padding-top:80%;border:5px solid #f6b70a;border-radius:50%;display:block;}
#YouShi dl dt .pic img{width:100%;height:100%;position:absolute;top:0px;left:0px;border-radius:50%;display:block;}
#YouShi dl dt span{font-size:14px;color:#b5b5b5;font-variant:small-caps;letter-spacing:1px;display:block;}
#YouShi dl dd{line-height:1.57;text-align:center;text-indent:2em;font-size:14px;color:#707070;}
#YouShi dl.hover_dl{background:#fcfcfc;box-shadow:0 0 14px rgba(0,0,0,0.2);}
#YouShi dl.hover_dl dt{color:#f56600;}
#YouShi dl.hover_dl dt span{color:#f56600;}
/*关于我们*/
#About{color:#fff;margin:0 auto;padding-top:37px;padding-bottom:147px;background:#f56600 url(../images/aboutbg.png) no-repeat left top;background-size:cover;}
#About h5{line-height:1.70;font-size:37px;font-weight:normal;margin-bottom:40px;}
#About p{line-height:1.30;font-size:30px;}
#About .company_name{font-size:66px;font-family:'ee03015t';font-weight:normal;margin-bottom:40px;display:block;}
/*专注*/
#ZhuanZhu{width:1200px;position:relative;overflow:hidden;margin:70px auto 70px auto;padding-bottom:20px;}
#ZhuanZhu .redbg{width:83.00%;height:100%;position:absolute;top:0px;right:0px;bottom:0px;background-color:#e70012;z-index:-1;}
#ZhuanZhu h3{position:relative;font-size:66px;color:#fff;margin-left:230px;padding-top:25px;letter-spacing:3px;}
#ZhuanZhu h4{position:relative;font-size:45px;font-weight:normal;color:#fff;margin-bottom:25px;margin-left:230px;letter-spacing:4px;}
#ZhuanZhu .picshow{float:left;width:73.00%;position:relative;padding-top:60.18%;}
#ZhuanZhu .picshow ul{position:absolute;top:0px;right:0px;bottom:0px;left:0px;}
#ZhuanZhu .picshow ul li{float:left;width:32.00%;overflow:hidden;margin-right:1.37%;margin-bottom:1.37%;}
#ZhuanZhu .picshow ul li:nth-child(3){margin-right:0px;}
#ZhuanZhu .picshow ul li:nth-child(4){width:65.40%;}
#ZhuanZhu .picshow ul li:nth-child(5){width:32.00%;margin-right:0px;}
#ZhuanZhu .picshow ul li img{max-width:100%;}
#ZhuanZhu .text{float:right;width:22.00%;margin-right:2.91%;}
#ZhuanZhu .text h5{position:relative;font-size:50px;font-weight:bold;font-style:italic;margin-bottom:24px;display:block;}
#ZhuanZhu .text h5 .line{width:43px;margin-top:30px;border-bottom:6px solid #000000;display:block;}
#ZhuanZhu .text p{line-height:1.41;text-indent:2em;font-size:22px;margin-bottom:30px;}
/*照片展示*/
#PhotoShow{width:1200px;margin:0px auto 50px auto;}
#PhotoShow h4{text-align:center;font-size:45px;font-weight:normal;}
#PhotoShow h5{text-align:center;font-size:25px;font-weight:normal;}
#PhotoShow h5 span{font-size:18px;font-variant:small-caps;letter-spacing:1px;display:block;}
#PhotoShow ul{width:100%;margin-top:65px;}
#PhotoShow ul li{float:left;width:33.33%;}
#PhotoShow ul li:nth-child(5){width:66.666%;}
#PhotoShow ul li:nth-child(6){position:relative;margin-top:-33.333%;}
#PhotoShow ul li img{width:100%;max-width:100%;}
/*- - - - - - - - -样式属worklist.html - - - - - - - -*/
#WorksList{width:1200px;margin:0px auto 30px auto;}
#WorksList .CaseList{width:100%;overflow:hidden;}
#WorksList .CaseList li{float:left;width:32%;margin-top:0.265%;margin-right:1.98%;margin-bottom:1.58%;}
#WorksList .CaseList li:nth-child(3n){margin-right:0px;}
/*选项卡*/
.Tab{width:100%;position:relative;margin-top:-54px;margin-bottom:40px;}
.Tab::after{clear:both;display:block;content:"";}
.Tab li{float:left;width:16.6%;}
.Tab li a{height:54px;line-height:54px;text-align:center;font-size:18px;color:#fff;background-color:#000000;display:block;}
.Tab li a:hover,.Tab li.change a{background-color:#f56600;text-decoration:none;}
/*翻页*/
.pages{line-height:42px;text-align:center;font-size:16px;padding-top:30px;padding-bottom:30px;}
.pages a{padding-right:21px;padding-left:21px;border:1px solid #e6e6e6;display:inline-block;}
.pages span{ display:inline-block!important;padding-right:21px;padding-left:21px;border:1px solid #e6e6e6;}
.pages a:hover,.pages a.change{color:#fff;background-color:#f56600;text-decoration:none;}
@media screen and (max-width:1280px)
{
#WorksList{width:1000px;}
.Tab{margin-top:-45px;margin-bottom:20px;}
.Tab li a{height:45px;line-height:45px;font-size:16px;}
}
@media screen and (max-width:1050px)
{
#WorksList{width:750px;}
}
/*- - - - - - - - -样式属workinfo.html - - - - - - - -*/
/*作品介绍*/
#Works_jieshao{width:1200px;margin:0 auto;padding-top:36px;padding-bottom:36px;}
#Works_jieshao::after{clear:both;display:block;content:"";}
#Works_jieshao .worksPhoto{float:left;width:48.00%;position:relative;padding-top:32%;background:#333;}
#Works_jieshao .worksPhoto img{width:100%;height:100%;position:absolute;top:0px;left:0px;display:block;}
#Works_jieshao .text{float:right;width:49%;}
#Works_jieshao .text h1{line-height:1.96;font-size:24px;font-weight:normal;margin-bottom:12px;}
#Works_jieshao .text ul{color:#8c8c8c;margin-bottom:22px;}
#Works_jieshao .text p{line-height:1.50;text-indent:2em;font-size:14px;margin-bottom:12px;}
#Works_jieshao .text ul li{line-height:1.50;font-size:14px;}
/*作品展示*/
#Works_show{width:1200px;margin:0px auto 30px auto;}
#Works_show img{max-width:100%;}
@media screen and (max-width:1280px)
{
#Works_jieshao{width:1000px;padding-top:20px;padding-bottom:20px;}
#Works_jieshao .text h1{font-size:20px;}
#Works_jieshao .text ul li{font-size:12px;}
#Works_jieshao .text p{font-size:14px;}
#Works_show{width:1000px;margin-bottom:20px;}
}
@media screen and (max-width:1050px)
{
#Works_jieshao{width:750px;}
#Works_jieshao .worksPhoto{float:none;width:100%;height:auto;margin-bottom:20px;padding:0;display:none;}
#Works_jieshao .worksPhoto img{position:relative;}
#Works_jieshao .text{width:100%;}
#Works_show{width:750px;}
}
/*- - - - - - - - -样式属news.html - - - - - - - -*/
@media screen and (min-width:751px)
{
/*新闻列表*/
#NewsList{width:1200px;margin:0 auto;}
/**/
.news{width:350px;background-color:#f2f2f2;padding-left:20px;padding-right:20px;padding-top:10px;margin-bottom:20px;margin-right:10px;}
.news:hover{box-shadow:0 2px 4px 2px rgba(0,0,0,0.4);background-color:#fff;}
.news:hover .btn_details{border-color:#bababa;}
.news h5{font-size:20px;height:39px;line-height:39px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.news time{font-size:14px;color:#949494;margin-bottom:5px;display:block;}
.news p{font-size:14px;line-height:1.71;padding-top:5px;padding-bottom:5px;color:#616161;text-indent:2em;}
.news .btn_details{display:block;font-size:14px;height:42px;line-height:42px;overflow:hidden;text-transform:uppercase;border-top:1px solid #ffffff;width:350px;margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px;background:url(../images/arrow_right.png) no-repeat 360px center;}
.news .btn_details:hover{color:#f56600;text-decoration:none;}
.news .photo{display:block;position:relative;margin-left:-20px;margin-right:-20px;background:#ccc;width:390px;background:#000;}
.news .photo img{width:100%;max-width:100%;}
}
@media screen and (max-width:1280px) and (min-width:751px)
{
#NewsList{width:1000px;margin:0 auto;}
.news{width:290px;padding-left:15px;padding-right:15px;}
.news .photo{width:320px;padding-left:0;padding-right:0;margin-left:-15px;margin-right:-15px;}
.news .btn_details{width:290px;margin-left:-15px;margin-right:-15px;padding-left:15px;padding-right:15px; background-position:290px center;}
}
@media screen and (max-width:750px)
{
#NewsList{width:100%;margin:0 auto;}
#NewsList .Tab{ position:relative;margin:0 auto 10px;}
#NewsList .Tab li{width:33.33%; font-size:14px;}
#NewsList .Tab li a{ font-size:14px;}
.news{padding-top:16px;padding-bottom:16px;border-bottom:1px solid #dddddd;padding-left:45.22%;position:relative;padding-right:16px;}
.news h5{font-size:16px;line-height:2;height:2em;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.news time{color:#b9b9b9;margin-bottom:3px;display:block;}
.news p{font-size:14px;line-height:1.5;max-height:4.5em;overflow:hidden;color:#818181;margin-bottom:10px;}
.news::after{content:"";display:block;clear:both;}
.news .photo{width:40.00%;float:left;position:absolute;left:16px;top:16px;bottom:16px;overflow:hidden;}
.news .photo img{width:100%;max-width:100%;}
.news .btn_details{font-size:12px;font-variant:small-caps;border:1px solid #dddddd;display:inline-block;line-height:2;padding-left:10px;padding-right:10px;background-color:#e4e4e4;}
}
@media screen and (max-width:450px)
{
.news{padding-top:10px;padding-bottom:10px;padding-right:10px;}
.news h5{line-height:1.5;height:1.5em;font-size:14px;}
.news time{margin-bottom:0px;}
.news .photo{left:10px;top:10px;bottom:10px;}
.news p{height:2.6em;margin-bottom:0px;line-height:1.3;}
}