@charset "UTF-8";
/* 全局 */
*{-webkit-tap-highlight-color:rgba(255,255,255,0); -webkit-touch-callout:none; margin:0; padding:0;}
::-webkit-scrollbar{width:10px; height:10px}
::-webkit-scrollbar-track{border-radius:0; background:rgba(0,0,0,0.1);}
::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.2);}
::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,0.4); background-color:#dc0000;}

html{webkit-text-size-adjust:none; -webkit-text-size-adjust:none; text-justify:inter-ideograph;}
body, input, button, form{font-size:14px; line-height:28px; font-family:"microsoft yahei", "宋体", "Arial"; color:#333;}
h1, h2, h3, h4, h5, h6{font-size:14px; font-weight:normal;}
ul, ol, li{list-style:none;}
a{text-decoration:none; outline:0; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
img{border:0; vertical-align:top;}
em, i{font-style:normal;}
table{border-collapse:collapse; border-spacing:0;}

.red{color:#ba292e;}
.fl{float:left;}
.fr{float:right;}
.tac{text-align:center;}
.tar{text-align:right;}
.poa{position:absolute;}
.por{position:relative;}
.hidden{display:none;}
.w1200{width:1200px; margin:0 auto;}

a{color:#434343; text-decoration:none;}
a:hover{color:#dc0000; text-decoration:none;}
a:visited{text-decoration:none;}
.ease, .ease *{-webkit-transition:all ease 300ms; transition:all ease 300ms;}
.noease, .noease *{-webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none;}
:-moz-placeholder{color:#aaa;}
::-moz-placeholder{color:#aaa;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder{color:#aaa;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#aaa;}

/*清除浮动*/
.clearfix{*zoom:1;}
.clearfix:after{visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}

/*top_main*/
.top_main{width:100%; height:37px; line-height:38px; position:relative; z-index:80; background-color:#f5f5f5; color:#666; font-size:12px; border-bottom:1px solid #ddd;}
.top_main li{position:relative; display:inline-block; text-align:center; margin:0 8px;}
.top_main .split{display:inline-block; width:1px; height:12px; background:#666; vertical-align:middle; margin:0; margin-top:-2px;}
.top_main li a{color:#666; cursor:pointer;}
.top_main li a:hover{color:#dc0000;}

/*head*/
.head{height:120px;}
.head .logo{display:block; height:60px; line-height:60px; margin-top:30px;}
.head .logo img{vertical-align:middle; display:block; max-width:100%; max-height:100%;}
.head .tel{padding:2px 0 2px 64px; height:54px; margin-top:31px; line-height:20px; background:url(../images/iTel.png) no-repeat left center;}
.head .tel b{color:#666; font-size:14px; font-weight:normal; display:block;}
.head .tel span{color:#000; font-size:28px; line-height:34px; font-weight:bold; font-family:arial; display:block;}


.menuWrap{width:100%; height:50px; background:#dc0000; position:relative; z-index:3;}
.menuWrap .menu{width:1200px; height:50px; margin:0 auto;}
.menuWrap .menu li{position:relative; height:50px; text-align:center;}
.menuWrap .menu>ul>li{float:left; width:149px; font-size:16px; border-right:1px solid #ac140f;}
.menuWrap .menu>ul>li:first-of-type{border-left:1px solid #ac140f; width:148px;}
.menuWrap .menu>ul>li>a{display:block; color:#fff; font-size:16px; height:50px; line-height:50px;}
.menuWrap .menu ul li a:hover{background:#ac140f;}
.menuWrap .menu ul ul{width:100%; position:absolute; left:0; top:50px; z-index:12; opacity:0; visibility:hidden; transition:all .6s ease 0s; transform:translate3d(0,10px,0); -webkit-transform:translate3d(0,10px,0); background:#dc0000;}
.menuWrap .menu ul li ul.on{opacity:1; visibility:visible; transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0);}
.menuWrap .menu ul ul li{height:44px; position:relative; z-index:12; border-bottom:1px solid #ac140f;}
.menuWrap .menu ul ul li a{display:block; font-size:14px; color:#fff; height:44px; line-height:44px;}

/* banner */
/* 轮播图 */
.banner{width:100%; position:relative; z-index:1;}
.banner .swiper-slide{display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; background:#fff;}
.banner .swiper-slide img{width:100%; vertical-align:top;}
.banner .swiper-pagination-bullets{bottom:42px !important; text-align:center; height:16px;}
.banner .swiper-pagination-bullet{display:inline-block; vertical-align:top; width:10px; height:10px; border:#fff 3px solid; border-radius:16px; background:rgba(255,255,255,0); opacity:1; margin:0 6px !important;}
.banner .swiper-pagination-bullet-active{opacity:1; background:#dc0000; border-color:#dc0000;}
.banner .swiper-button-prev, .banner .swiper-button-next{display:block; width:32px; height:50px; background-repeat:no-repeat; background-position:center center; cursor:pointer; transition:all 600ms ease;}
.banner .swiper-button-prev{background-image:url(../images/l1.png); left:4%;}
.banner .swiper-button-next{background-image:url(../images/r1.png); right:4%;}
.banner .swiper-button-prev:hover, .banner .swiper-button-next:hover{opacity:0.8; filter:alpha(opacity=80);}
.banner .swiper-button-prev:hover{left:3.6%;}
.banner .swiper-button-next:hover{right:3.6%;}
.banner .swiper-button-prev:after, .banner .swiper-button-next:after{display:none;}


/*合作客户*/
.hezuo{margin-top:40px;}
.hezuo .hezuoH{position:relative; width:100%; padding-top:20px; text-align:center;}
.hezuo .hezuoH .p1{display:block; height:77px; line-height:1; font-size:78px; color:#dedede;}
.hezuo .hezuoH .p2{display:block; height:45px; line-height:1; font-size:35px; color:#000; font-weight:bold;}
.hezuo .hezuoH .p3{display:block; height:28px; line-height:1; font-size:19px; color:#666;}
.hezuo .hezuoCon{width:100%; position:relative; margin-top:30px;}
.hezuo .swiper-slide{display:block; width:200px; height:140px; background:#fff; float:left;}
.hezuo .swiper-slide p{display:block; margin:0 10px; height:140px; position:relative;}
.hezuo .swiper-slide p img{max-width:100%; max-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.hezuo .swiper-button-prev, .hezuo .swiper-button-next{display:block; width:27px; height:60px; background-color:rgba(0,0,0,0.49); background-repeat:no-repeat; background-position:center center; cursor:pointer; -webkit-transition:all 0.3s ease-in-out 0s; transition:all 0.3s ease-in-out 0s;}
.hezuo .swiper-button-prev{background-image:url(../images/l2.png); left:0;}
.hezuo .swiper-button-next{background-image:url(../images/r2.png); right:0;}
.hezuo .swiper-button-prev:hover, .hezuo .swiper-button-next:hover{background-color:rgba(220,0,0,0.49);}
.hezuo .swiper-button-prev:after, .hezuo .swiper-button-next:after{display:none;}


/*视频介绍*/
.video{margin-top:50px;}


/*产品展示*/
.pro{padding-bottom:80px;}
.pro .proCon .list{width:100%; margin-top:28px;}
.pro .proCon .list li{float:left; width:283px; margin-bottom:20px; margin-right:20px; border:1px solid #f0f0f0; transition:all .5s;}
.pro .proCon .list li:nth-child(4n){margin-right:0;}
.pro .proCon .list li a{display:block;}
.pro .proCon .list li .img{width:283px; height:283px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.pro .proCon .list li .tit{font-size:16px; line-height:50px; text-align:center;}
.pro .proCon .list li:first-child{margin-left:0;}
.pro .proCon .list li .tit{color:#434343; -webkit-transition:all .3s ease-in-out 0s; transition:all .3s ease-in-out 0s; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:0 10px;}
.pro .proCon .list li:hover{box-shadow:0 4px 8px 0 rgba(0,0,0,0.3); border-color:#dc0000; background:#dc0000; transform:translateY(-5px);}
.pro .proCon .list li:hover .tit{color:#fff;}
.pro .proCon .list li:hover .img{-webkit-filter:brightness(105%); filter:brightness(105%);}


/*slip*/
.index_slip1{width:100%; height:200px; background:url(../images/ixbannerbg.png) repeat-x center center;}
.index_slip1 .w1200{height:200px;}
.index_slip1 .img{width:384px; height:280px; display:block; position:absolute; left:10px; bottom:0;}
.index_slip1 .img img{width:100%; height:100%; display:block;}
.index_slip1 .slip_tit{padding-left:465px; width:735px;}
.index_slip1 .slip_tit .tit1{padding-top:20px; font-size:46px; line-height:50px; color:#fff; letter-spacing:3px;}
.index_slip1 .slip_tit .tit1 b{color:#f6ff00;}
.index_slip1 .slip_tit .tit2{margin-top:15px; font-size:46px; line-height:50px; font-weight:bold; color:#fff; letter-spacing:3px;}
.index_slip1 .slip_tit .tit3{display:inline-block; margin-top:20px; font-size:20px; color:#fff;}
.index_slip1 .slip_tit .tit3 b{font-size:26px; font-weight:bold;}

.index_slip2{width:100%; height:200px; background:url(../images/ixbannerbg.png) repeat-x center center;}
.index_slip2 .w1200{height:200px;}
.index_slip2 .img{width:280px; height:180px; display:block; position:absolute; left:0; bottom:0;}
.index_slip2 .img img{width:100%; height:100%; display:block;}
.index_slip2 .slip_tit{padding-left:440px; width:760px; text-align:center;}
.index_slip2 .slip_tit .tit1{padding-top:30px; font-size:30px; font-weight:bold; line-height:50px; color:#fff;}
.index_slip2 .slip_tit .tit1 b{color:#f6ff00;}
.index_slip2 .slip_tit .tit2{margin-top:10px; font-size:20px; line-height:50px; color:#fff;}
.index_slip2 .slip_tit .tit3{display:inline-block; margin-top:10px; font-size:20px; color:#fff;}
.index_slip2 .slip_tit .tit3 b{font-size:26px; font-weight:bold;}


/*产品优势*/
.youshi .in_title3{position:relative; width:100%; height:140px;}
.youshi .in_title3 .bg{width:1200px; height:60px; margin-top:50px; border:3px solid #d9d9d9; box-sizing:border-box;}
.youshi .in_title3 p{position:absolute; width:845px; top:-18px; left:125px; height:50px;}
.youshi .in_title3 .p1{color:#413F40; font-size:24px; padding:0 5px; background-color:#FFFFFF;}
.youshi .in_title3 .p2{font-size:40px; color:#B1B1B1; padding-right:10px; background-color:#FFFFFF;}
.youshi .in_title3 .p3{position:absolute; font-size:50px; color:#dc0000; line-height:1.0; height:58px; width:700px; font-weight:bold; display:block; top:29px; left:35px; text-align:center; background-color:#FFFFFF;}
.youshi .youshiCon{margin-top:0;}
.youshi .youshiCon ul li{width:100%; margin-bottom:20px;}
.youshi .youshiCon ul li a{display:block;}
.youshi .youshiCon ul li .img{width:530px; height:300px; margin-left:0; margin-right:20px;}
.youshi .youshiCon ul li:nth-child(2n) .img{margin-left:20px; margin-right:0;}
.youshi .youshiCon ul li .title{width:650px;}
.youshi .youshiCon ul li .title .shu{border-bottom:1px dashed #b2b2b2; padding-bottom:20px; text-align:center;}
.youshi .youshiCon ul li .title .shu span{display:inline-block; width:60px; height:60px; background:#dc0000; border-radius:10px; color:#fff; font-size:46px; line-height:60px;}
.youshi .youshiCon ul li .tit{font-size:28px; color:#dc0000; line-height:1.5; padding-top:20px; font-weight:bold; text-align:center;}
.youshi .youshiCon ul li .cont{font-size:16px; color:#666; padding-top:20px; text-align:justify;}


/*关于我们*/
.about{padding-bottom:45px;}
.about .aboutCon{padding-top:40px;}
.about .aboutCon .item{display:block; width:475px; height:350px;}
.about .aboutCon img{display:block; width:100%; height:100%; transition:all .5s;}
.about .aboutCon img:hover{-webkit-filter:brightness(105%); filter:brightness(105%);}
.about .contW{position:relative; display:block; width:700px; height:350px; background:#fff;}
.about .contW .cont{width:100%; height:280px; font-size:16px; color:#666; line-height:28px; text-align:justify; margin-bottom:25px; overflow:hidden;}
.about .contW .view_detail{height:45px;}
.about .contW .view_detail a{display:block; height:43px; font-size:16px; line-height:43px; padding:0 38px; text-align:center; color:#434343; margin-left:20px; background:#fff; border:1px solid #b7b7b7;}
.about .contW .view_detail a:hover{color:#fff; background:#dc0000; border-color:#dc0000; transition:all .5s;}


/*企业相册*/
.album{padding-bottom:20px;}
.album .albumCon{position:relative; margin-top:30px;}
.album .bd{position:relative; z-index:1;}
.album .list{width:100%;}
.album .list li{position:relative; display:block; float:left; margin:0 6px; transition:all ease 600ms;}
.album .list li a{display:block;}
.album .list li a .img{display:block; width:288px; height:288px; background-repeat:no-repeat; background-position:center center; background-size:cover; transition:all ease 600ms;}
.album .list li .tit{font-size:16px; line-height:40px; color:#666; text-align:center;}
.album .list li:hover .img{opacity:0.8;}
.album .prev, .album .next{width:40px; height:40px; background-repeat:no-repeat; background-position:center center; cursor:pointer; position:absolute; top:124px; -webkit-transition:all .3s ease-in-out 0s; transition:all .3s ease-in-out 0s;}
.album .prev{left:-80px; background-image:url(../images/l3.png);}
.album .next{right:-80px; background-image:url(../images/r3.png);}
.album .prev:hover{background-image:url(../images/l4.png);}
.album .next:hover{background-image:url(../images/r4.png);}


/*工程案例*/
.case{padding-bottom:30px; background:#f4f4f4;}
.case .caseCon{position:relative; margin-top:30px;}
.case .bd{position:relative; z-index:1; overflow:hidden;}
.case .list{width:100%; min-width:1224px;}
.case .list li{position:relative; display:block; width:376px; float:left; margin-right:24px; transition:all ease 600ms;}
.case .list li a{display:block;}
.case .list li a .img{width:380px; height:380px; background-repeat:no-repeat; background-position:center center; background-size:cover; transition:all ease 600ms;}
.case .list li .tit{font-size:16px; line-height:40px; color:#666; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.case .list li:hover{transition:all ease 600ms; -webkit-transform:scale(1.05); transform:scale(1.05);}
.case .list li:hover .img{opacity:0.8;}
.case .hd{display:none;}
.case .prev, .case .next{width:40px; height:40px; background-repeat:no-repeat; background-position:center center; cursor:pointer; position:absolute; top:170px; -webkit-transition:all .3s ease-in-out 0s; transition:all .3s ease-in-out 0s;}
.case .prev{left:-80px; background-image:url(../images/l3.png);}
.case .next{right:-80px; background-image:url(../images/r3.png);}
.case .prev:hover{background-image:url(../images/l4.png);}
.case .next:hover{background-image:url(../images/r4.png);}


/*服务流程*/
.service{padding-bottom:45px;}
.service .serviceCon{margin-top:30px;}
.service .serviceCon .list{width:100%;}
.service .serviceCon .list li{float:left; width:150px; text-align:center; cursor:pointer;}
.service .serviceCon .list li a{display:block;}
.service .serviceCon .list li .img{position:relative; display:inline-block; width:100px; height:100px; line-height:110px; margin:0 auto; border:5px solid #666; border-radius:50%; transition:all .5s;}
.service .serviceCon .list li .img img{position:absolute; top:50%; margin-top:-32.5px; left:50%; margin-left:-32.5px; display:inline-block; width:65px; height:65px; transition:all .5s;}
.service .serviceCon .list li:hover .img img{-webkit-transform:rotate(360deg); transform:rotate(360deg);}
.service .serviceCon .list li .title{}
.service .serviceCon .list li .tit{font-size:16px; line-height:32px; color:#666;}


/*新闻中心*/
.news{padding-bottom:30px;}
.news .title{width:100%; height:22px; line-height:22px; margin-bottom:10px; border-bottom:1px solid #eee; padding:9px 0;}
.news .title h3{font-size:20px; font-weight:bold; color:#dc0000;}
.news .title h3 s{width:4px; height:22px; display:inline-block; vertical-align:top; margin-right:10px; background:#dc0000;}
.news .title a{color:#575757; margin-right:10px; margin-top:0; -webkit-transition:all ease 300ms; transition:all ease 300ms;}
.news .title a:hover{margin-right:0;}
.news .inews1Con{padding-top:12px;}
.news .picNews{width:410px; height:307px; float:left; overflow:hidden; position:relative;}
.news .picNews .swiper-slide{display:block; width:410px; height:307px; background:#fff; position:relative; overflow:hidden;}
.news .picNews .swiper-slide p{height:307px; background-repeat:no-repeat; background-position:center center; background-size:cover; -webkit-transition:all 0.8s ease-in-out 0s; transition:all 0.8s ease-in-out 0s;}
.news .picNews .swiper-slide h3{position:absolute; left:0; bottom:0; z-index:1; background:rgba(0,0,0,0.5); color:#fff; width:calc(100% - 24px); height:36px; line-height:36px; font-size:14px; text-align:center; padding:0 12px; font-weight:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news .picNews .swiper-slide a:hover p{-webkit-transform:scale(1.05); transform:scale(1.05);}
.news .picNews .swiper-button-prev, .news .picNews .swiper-button-next{display:block; width:27px; height:60px; background-color:rgba(0,0,0,0.49); background-repeat:no-repeat; background-position:center center; cursor:pointer; -webkit-transition:all 0.3s ease-in-out 0s; transition:all 0.3s ease-in-out 0s;}
.news .picNews .swiper-button-prev{background-image:url(../images/l2.png); left:0;}
.news .picNews .swiper-button-next{background-image:url(../images/r2.png); right:0;}
.news .picNews .swiper-button-prev:hover, .news .picNews .swiper-button-next:hover{background-color:rgba(220,0,0,0.49);}
.news .picNews .swiper-button-prev:after, .news .picNews .swiper-button-next:after{display:none;}
.news .txtNews{width:350px; position:relative; top:-5px; height:412px;}
.news .newsList li{height:38px; line-height:38px; border-bottom:#e6e6e6 1px dashed; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news .newsList li a{-webkit-transition:all ease 300ms; transition:all ease 300ms;}
.news .newslist li a:hover{color:#dc0000;}
.news .newsList li span{float:right; padding-left:20px; color:#999;}
.news .inews1{width:780px; float:left;}
.news .inews1 .newslist{width:350px;}
.news .inews2{width:370px; float:right;}
.news .inews2 .newsList{padding-top:7px; height:412px;}


/*footer*/
.footer{width:100%; color:#fff; padding-bottom:48px; background:#2E3033; border-top:8px solid #dc0000;}
.footer .links{padding:20px 0; font-size:16px; border-bottom:1px solid #1a1d21;}
.footer .links span{color:#fff; display:inline-block;}
.footer .links a{display:inline-block; font-size:14px; color:#939393; padding-right:10px;}
.footer .links a:hover{color:#dc0000;}
.footer .bottom{border-top:1px solid #464a50;}
.footer .bNav{width:558px; height:180px; margin-top:48px; border-right:1px solid #1a1d21;}
.footer .di_logo img{width:111px; height:111px; background-size:100%;}
.footer .bNav dl{overflow:hidden; text-align:left; padding-top:10px;}
.footer .bNav dl dt{height:16px; display:block; padding-bottom:32px;}
.footer .bNav dl dt a{display:block; font-size:16px; color:#fff; line-height:16px;}
.footer .bNav dl dd{display:block; float:left; width:139px; height:14px; padding-bottom:16px;}
.footer .bNav dl dd a{display:block; font-size:14px; color:#939393; line-height:14px;}
.footer .bNav dl dd a:hover{color:#dc0000;}
.footer .ewm{height:180px; text-align:center; padding-left:48px; margin-top:48px; border-left:1px solid #464a50;}
.footer .ewm dl{width:140px; float:left; display:block; margin-right:30px; margin-top:10px; height:164px;}
.footer .ewm dl:nth-child(2){margin-right:0;}
.footer .ewm dl:first-child+dl{margin-right:0;}
.footer .ewm dl dt{width:140px; height:140px; background-color:#fff; text-align:center;}
.footer .ewm dl dt img{width:130px; height:130px; display:inline-block; background-size:100%; margin-top:5px;}
.footer .ewm dl dd{font-size:14px; color:#939393; line-height:24px; padding-top:5px;}
.footer .contact_info{width:345px; height:180px; padding-left:75px; border-right:1px solid #1a1d21; border-left:1px solid #464a50; margin-top:48px;}
.footer .contact_info p.p1{font-size:14px; color:#fff; line-height:14px; padding-top:10px;}
.footer .contact_info p.dh{font-size:36px; color:#dc0000; font-family:"Arial"; line-height:36px; padding-top:4px; font-weight:bold; padding-bottom:12px;}
.footer .contact_info h3{font-size:20px; padding-top:8px;}
.footer .contact_info p.tel{font-size:14px; color:#939393; line-height:22px; width:270px;}
.footer .contact_info i{display:block; padding-top:8px; font-size:14px; color:#fff;}
.footer .contact_info i a{display:inline-block; color:#fff; padding-right:12px;}

/*copyright*/
.copyright{height:50px; line-height:50px; color:#666; font-size:12px; background:#27292B; text-align:center;}
.copyright p{color:#666;}
.copyright span{padding-left:1em;}
.copyright a{color:#939393; -webkit-transition:all ease 300ms; transition:all ease 300ms;}
.copyright a:hover{color:#dc0000;}

/*******index css*******/
.indexTit{color:#dc0000; overflow:hidden; text-align:center; padding:30px 0 56px;}
.indexTit .en{text-transform:uppercase; line-height:35px; font-family:didot; font-size:24px;}
.indexTit h3{font-size:24px; color:#835026;}

.in_title{padding-top:40px; padding-bottom:10px;}
.in_title .entit{position:relative; width:540px; margin:auto; font-size:48px; line-height:40px; font-weight:bold; color:#dc0000; text-align:center; margin-bottom:10px;}
.in_title .tit{margin:0 auto; font-size:26px; line-height:40px; text-align:center; color:#434343;}
.in_title .tit span{display:inline-block; margin:0 30px;}
.in_title .tit em{display:inline-block; width:225px; height:1px; margin-bottom:8px; background:#cecece;}

.tab{text-align:center; padding-top:30px;}
.tab a{padding:0 16px; height:38px; line-height:38px; background:#fff; border:1px solid #ccc; font-size:16px; display:inline-block; margin:10px; color:#666;}
.tab a:hover{color:#fff; background:#dc0000; border-color:#dc0000;}

.more{margin-top:40px;}
.more .line{display:block; width:500px; height:1px; margin-top:24px; background:#ccc;}
.more .look_more{display:block; width:198px; height:48px; font-size:16px; line-height:48px; text-align:center; border:1px solid #ccc; transition:all .5s;}
.more .look_more:hover{background:#dc0000; color:#fff; transition:all .5s; border:1px solid #dc0000;}



/*******内页样式********/
.subpost{height:30px; line-height:30px; padding:10px 0; margin-bottom:20px; font-size:14px; color:#666; border-bottom:1px solid #f1f1f1;}
.subpost .iHome{display:block; width:14px; height:14px; margin:8px 10px 0 0; background:url(../images/iHome.png) no-repeat center left; float:left;}

.submian{padding-bottom:20px;}

.subleft{width:240px;}
.subleft h2{background:#dc0000; height:60px; color:#fff; font-size:20px; line-height:60px; font-weight:bold; text-align:center;}
.subleft ul{border:1px solid #ddd; border-top:0;}

.leftNav{margin-bottom:10px;}
.leftNav ul li{border-bottom:1px solid #eaeaea;}
.leftNav ul li:last-of-type{border-bottom:0;}
.leftNav ul li a{display:block; padding:10px 15px 10px 32px; background:url(../images/i01.png) no-repeat 15px 21px; line-height:30px;}
.leftNav ul li a:hover, .leftNav ul li a.on{color:#dc0000; background-image:url(../images/i02.png);}

.leftPro ul{padding:5px;}
.leftPro ul:after{display:block; content:""; clear:both;}
.leftPro ul li{width:calc(50% - 10px); float:left; padding:5px;}
.leftPro ul li p{width:100%; height:0; padding-top:100%; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.leftPro ul li h3{height:30px; line-height:30px; text-align:center; font-size:14px; font-weight:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center;}

.leftContact{margin-top:10px;}
.leftContact ul{padding:10px;}
.leftContact ul li{line-height:24px; font-size:14px;}
.leftContact ul li.tit{height:28px; line-height:28px; font-size:16px; font-weight:bold; color:#dc0000; padding-bottom:10px; margin-bottom:10px; border-bottom:#f2f2f2 1px solid; text-align:center;}


.subright{width:936px; line-height:28px;}

.picList ul{margin-left:-21px;}
.picList ul:after{display:block; content:""; clear:both;}
.picList ul li{float:left; width:296px; margin:0 0 21px 21px; border:1px solid #ddd;}
.picList ul li p{width:100%; height:0; padding-top:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative;}
.picList ul li p:before{display:block; width:100%; height:100%; background:rgba(0,0,0,0) url(../images/iBg.png) no-repeat center center; content:""; position:absolute; left:0; top:0; opacity:0; filter:Alpha(opacity=0); -webkit-transform:rotateX(180deg) scale(0.5, 0.5); transform:rotateX(180deg) scale(0.2, 0.2); transition:all ease-out .5s;}
.picList ul li h3{height:45px; line-height:45px; padding:0 10px; font-size:14px; font-weight:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center; color:#555; -webkit-transition:all .3s ease-in-out 0s; -moz-transition:all .3s ease-in-out 0s; transition:all .3s ease-in-out 0s; background:#fff;}
.picList ul li a:hover p:before{opacity:1; filter:Alpha(opacity=100); -webkit-transform:rotateX(0deg) scale(1,1); transform:rotateX(0deg) scale(1,1); transition:all 1s cubic-bezier(0.23,1,0.38,1) 0s; background-color:rgba(0,0,0,0.3);}
.picList ul li a:hover h3{color:#fff; background:#dc0000;}

.list01 ul li{border-bottom:#e2e2e2 1px dotted; padding:20px 0;}
.list01 ul li:first-of-type{padding-top:0;}
.list01 ul li .pic{width:100px; height:100px; overflow:hidden; float:left;}
.list01 ul li .pic p{height:100px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.list01 ul li .txt{height:100px; margin-left:120px;}
.list01 ul li .txt h3{height:28px; line-height:28px; font-size:16px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.list01 ul li .txt span{display:block; height:24px; line-height:24px; font-size:14px; color:#999;}
.list01 ul li .txt p{height:48px; line-height:24px; font-size:14px; color:#666; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-justify:inter-ideograph; text-align:justify;}


.page{width:100%; text-align:center; padding:30px 0;}
.page a, .page span{display:inline-block; margin:0 10px; padding:0 20px; height:30px; border:#ddd 1px solid; line-height:30px; font-size:14px;}
.page a.noneBtn{border-color:#eee; color:#ddd; cursor:default;}
.page a:not(.noneBtn):hover{background:#dc0000; border-color:#dc0000; color:#fff;}


.article{line-height:30px; background:#fff; margin:20px auto 0; padding:0 20px;}
.articleTitle{line-height:30px; font-size:20px; font-weight:bold; text-align:center;}
.articleInfo{width:80%; margin:10px auto; height:30px; line-height:30px; background:#f2f2f2; color:#999; text-align:center;}
.articleInfo span{padding-left:20px;}
.articleInfo span i{font-style:normal;}
.articlePic{width:100%; padding-top:20px; text-align:center;}
.articlePic img{max-width:600px; vertical-align:top;}
.articlePic img:hover{cursor:url(../images/cursor.ico),auto;}
.articleCon{padding-top:10px; line-height:30px; text-justify:inter-ideograph; text-align:justify;}
.articleCon img{max-width:100%; vertical-align:top;}


.toolbar{width:52px; position:fixed; right:1%; top:44%; z-index:999;}
.toolbar dd{width:51px; height:51px; margin-bottom:1px; position:relative; -webkit-border-radius:100%; border-radius:100%; margin-top:4px; border:#ebebeb solid 1px; background-color:#fff; -webkit-border-radius:100%; border-radius:100%;}
.toolbar dd i{width:51px; height:51px; display:block; position:absolute; left:0; top:0; cursor:pointer; text-align:center; -webkit-border-radius:100%; border-radius:100%;}
.toolbar dd i span{width:35px; height:35px; display:block; margin:8px 0 0 8px; background:url(../images/rightfixicon.png) no-repeat 0 0;}
.toolbar dd.gottop{display:none;}
.toolbar .slide-tel{display:block; width:0; height:53px; line-height:53px; font-size:24px; font-weight:bold; font-family:arial; color:#FFF; position:absolute; padding:0 0 0 53px; top:-1px; right:-2px; -webkit-border-radius:50px; border-radius:50px; overflow:hidden;}
.toolbar .pop{position:absolute; right:90px; top:-65px; background:#dc0000; display:none;}
.toolbar .pop-code{width:160px;}
.toolbar .pop-code img{width:120px; height:120px; display:block; padding:20px 20px 0;}
.toolbar .pop-code h3{height:52px; line-height:26px; text-align:center; color:#fff; font-size:16px; font-weight:400; white-space:nowrap;}
.toolbar .pop-code h3 b{display:block; font-size:14px; font-weight:normal;}
.toolbar .qq span{background-position:-35px -47px;}
.toolbar .qq a{width:52px; height:52px; cursor:pointer; display:block;}
.toolbar .qq:hover{background-color:#dc0000; border-radius:100%;}
.toolbar .qq:hover span{background-position:0 -47px;}
.toolbar .tel span{background-position:-35px 0;}
.toolbar .tel:hover{background:#dc0000;}
.toolbar .tel:hover span{background-position:0 0;}
.toolbar .code span{background-position:-35px -95px;}
.toolbar .code:hover{background-color:#dc0000; border-radius:100%;}
.toolbar .code:hover span{background-position:0 -95px;}
.toolbar .top span{background-position:-35px -142px;}
.toolbar .top:hover{background-color:#dc0000; border-radius:100%;}
.toolbar .top:hover span{background-position:0 -142px;}

.ewmWap{display:none;}

.pc{display:block;}
.mobile{display:none;}

@media only screen and (max-width :960px){
	body{font-size:62.5%;}
	div{font-size:0.45rem;}
	.pc{display:none;}
	.mobile{display:block;}
	.fl, .fr{float:none;}
	.w1200{width:auto;}
	img{max-width:100%;}
	
	
	/*head*/
	.head{width:100%; height:1.6rem; position:fixed; left:0; top:0; z-index:100; background:#fff; box-shadow:0 0 0.2rem rgba(0,0,0,0.1);}
	.head .logo{height:1rem; line-height:1rem; margin:0; padding:0.3rem 0.4rem;}
	.head .logo img{height:1rem;}
	.head .logo #menuBtn{display:block; width:1.2rem; height:1.6rem; background:url(../images/iMenu.png) no-repeat center center; background-size:0.6rem auto; position:absolute; top:0; right:0.2rem;}
	
	
	/* 导航菜单 */
	.menuWrap{width:68%; height:100%; min-width:140px; max-width:440px; position:fixed; right:-1000px; top:0; z-index:2000; transition:all 0.4s ease; -webkit-transition:all 0.4s ease; overflow:auto;}
	.menuWrap.menu-open{right:0;}
	.menu-dark-backdrop{background:rgba(0,0,0,0); transition:all 0.4s ease; -webkit-transition:all 0.4s ease; width:100%; position:fixed; top:0; left:0; right:0; overflow:hidden;}
	.menu-dark-backdrop.in{height:100%; z-index:1800; background:rgba(0,0,0,0.5);}
	.menuWrap .menu{width:auto; height:auto;}
	.menuWrap .menu li{height:auto; text-align:left;}
	.menuWrap .menu>ul>li{float:none; width:auto; font-size:0.45rem; border-right:0;}
	.menuWrap .menu>ul>li:first-of-type{border-left:0; width:auto;}
	.menuWrap .menu>ul>li>a{display:block; color:#fff; font-size:0.45rem; height:auto; line-height:1.1rem;}
	.menuWrap .menu ul li a:hover{background:none;}
	.menuWrap .menu ul ul{position:static; opacity:1; visibility:visible; transform:none; -webkit-transform:none; background:none;}
	.menuWrap .menu ul ul li{height:auto; border-bottom:0;}
	.menuWrap .menu ul ul li a{font-size:0.4rem; height:auto; line-height:normal;}

	.menu a{display:block; padding:0 1.1rem 0 0.4rem; position:relative; text-align:left !important;}
	.menu a:after{display:block; content:""; width:0.4rem; height:0.4rem; background-repeat:no-repeat; background-position:center center; background-size:0.4rem 0.4rem; position:absolute; right:0.4rem; top:50%; margin-top:-0.2rem; -webkit-transition:all 0.4s; transition:all 0.4s;}
	#menu li .inactive:after{background-image:url(../images/off.png);}
	#menu li .inactives:after{background-image:url(../images/on.png);}
	.menu{padding:0.3rem 0;}
	#menu > li{width:auto; height:auto; background:none; float:none; border-top:rgba(255,255,255,0.1) 1px solid; border-bottom:rgba(0,0,0,0.2) 1px solid;}
	#menu > li:first-of-type{border-top:none;}
	#menu > li:last-of-type{border-bottom:none;}
	#menu > li > a{height:auto; height:1rem; line-height:1rem; font-size:0.5rem;}
	#menu > li > a:hover{margin:0; background:none;}
	#menu > li > a span{height:auto;}
	#menu > li > a span:after{display:none;} 
	
	/*这是第二级菜单*/
	#menu ul{background:none; position:static; width:auto; padding:0 0 0.2rem; display:none; opacity:1; visibility:visible; transform:none; -webkit-transform:none;}
	#menu ul li a{display:block; padding:0.1rem 1.1rem 0.1rem 1rem; height:auto; line-height:0.7rem; font-size:0.45rem;}
	
	/**若子级菜单含有子级时，在a标签增加<i>标签作为箭头，由js实现动态增加，箭头大小调节i的边框宽度*/
	#menu ul i{display:none;}
	
	/*这是第三级菜单 及以后*/
	#menu ul ul{border-left:none;}
	#menu ul ul li a{font-size:0.4rem;}
	
	/* banner */
	/* 轮播图 */
	.banner{width:100%; position:relative; z-index:1; margin-top:1.6rem;}
	.banner .swiper-slide{display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; background:#fff;}
	.banner .swiper-slide img{width:100%;}
	.banner .swiper-pagination-bullets{bottom:0.3rem !important;}
	.banner .swiper-button-prev, .banner .swiper-button-next{display:none;}
	
	
	.menuWap{background:#dc0000;}
	.menuWap ul:after{display:block; content:""; clear:both;}
	.menuWap ul li{width:25%; height:1rem; line-height:1rem; text-align:center; border-bottom:#ac140f 1px solid; font-size:0.45rem; float:left;}
	.menuWap ul li a{display:block; height:1rem; border-right:#ac140f 1px solid;}
	.menuWap ul li:nth-of-type(4n) a{border-right:0;}
	.menuWap ul li a:link, .menuWap ul li a:visited{color:#fff;}
	
	
	.mobileH p{height:0.7rem; line-height:0.7rem; font-size:0.7rem; text-align:center; color:#dc0000; text-transform:uppercase; padding-bottom:0.2rem;}
	.mobileH h3{height:0.7rem; line-height:0.7rem; position:relative; text-align:center; font-size:0.6rem; font-weight:normal;}
	.mobileH h3:after{display:block; content:""; width:100%; height:1px; background:#cecece; position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:0;}
	.mobileH h3 span{display:inline-block; vertical-align:top; padding:0 0.3rem; background:#fff; position:relative; z-index:1;}
	
	
	/*产品展示*/
	.pro{padding:0.5rem 0.4rem 0.6rem;}
	.pro .proCon .list{margin-top:0;}
	.pro .proCon .list li{width:calc(50% - 0.2rem - 2px); margin:0.4rem 0.4rem 0 0; float:left;}
	.pro .proCon .list li:nth-child(2n){margin-right:0;}
	.pro .proCon .list li .img{width:100%; height:0; padding-top:100%;}
	.pro .proCon .list li .tit{font-size:0.45rem; line-height:1.2rem;}
	
	
	/*产品优势*/
	.youshi{padding:0.5rem 0.4rem 0;}
	.youshi .youshiCon{margin-top:0;}
	.youshi .youshiCon ul li{padding:0.5rem 0; margin:0; border-bottom:#b2b2b2 1px dashed;}
	.youshi .youshiCon ul li .img{width:auto; height:auto; margin:0;}
	.youshi .youshiCon ul li:nth-child(2n) .img{margin:0;}
	.youshi .youshiCon ul li .title{width:auto; line-height:0.8rem; padding-bottom:0.3rem; font-size:0.5rem; font-weight:normal; color:#dc0000;}
	.youshi .youshiCon ul li .title span{display:inline-block; width:0.8rem; height:0.8rem; line-height:0.8rem; text-align:center; background:#dc0000; border-radius:0.1rem; font-size:0.45rem; margin-right:0.2rem; vertical-align:top; color:#fff;}
	.youshi .youshiCon ul li .cont{font-size:0.4rem; color:#666; padding-top:0.2rem; text-align:justify;}
	.youshi .youshiCon ul li:last-of-type{border-bottom:0;}
	
	
	/*合作客户*/
	.hezuo{margin:0; padding:0.1rem 0.4rem 0.6rem;}
	.hezuo ul{margin:0 -0.1rem;}
	.hezuo ul:after{display:block; content:""; clear:both;}
	.hezuo ul li{width:33.3333%; height:auto; float:left;}
	.hezuo ul li p{margin:0.2rem 0.1rem 0; height:0; padding-top:calc(100% - 0.2rem); position:relative;}
	.hezuo ul li p img{max-width:100%; max-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
	
	
	/*关于我们*/
	.about{padding:0 0.4rem 0.8rem;}
	.about .aboutCon{padding-top:0.4rem;}
	.about .aboutCon .item{width:auto; height:auto;}
	.about .contW{width:auto; height:auto;}
	.about .contW .cont{height:8rem; font-size:0.45rem; line-height:0.8rem; margin-bottom:0.3rem;}
	.about .contW .view_detail{height:45px;}
	.about .contW .view_detail a{height:1.2rem; line-height:1.2rem; font-size:0.45rem; padding:0; margin-left:0;}
	.about .contW .view_detail a.pc{display:none;}
	
	
	/*工程案例*/
	.case{padding:0.6rem 0.4rem 0.8rem;}
	.case .mobileH h3 span{background:#f4f4f4;}
	.case .caseCon{margin-top:0.4rem;}
	.case .list{margin-right:calc(100% + 0.3rem);}
	.case .list li{width:calc(33.3333% - 0.2rem); margin:0 0.3rem 0 0;}
	.case .list li a .img{width:100%; height:0; padding-top:100%;}
	.case .list li .tit{font-size:0.4rem; height:1rem; line-height:1rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.case .hd{display:block; height:10px; padding-top:0.3rem; text-align:center;}
	.case .hd ul{font-size:0; height:10px;}
	.case .hd ul li{display:inline-block; vertical-align:top; width:10px; height:10px; background:#ddd; border-radius:10px; margin:0 5px;}
	.case .hd ul li.on{background:#dc0000;}
	

	
	
	/*服务流程*/
	.service{padding:0.6rem 0.4rem 0.8rem;}
	.service .serviceCon{margin-top:0.2rem;}
	.service .serviceCon .list{width:auto; margin:0 -0.1rem;}
	.service .serviceCon .list li{width:calc(25% - 0.2rem); margin:0.2rem 0.1rem 0;}
	.service .serviceCon .list li .img{width:1.8rem; height:1.8rem; line-height:2rem; border:0.1rem solid #666;}
	.service .serviceCon .list li .img img{margin:0; transform:translate(-50%,-50%); width:0.8rem; height:0.8rem;}
	.service .serviceCon .list li .tit{font-size:0.45rem; line-height:0.8rem;}
	
	
	/*新闻中心*/
	.news{padding:0.2rem 0.4rem 0.8rem;}
	.news .hd{padding-top:0.4rem; text-align:center; font-size:0;}
	.news .hd ul li{display:inline-block; vertical-align:top; height:1.1rem; line-height:1.1rem; padding:0 0.6rem; font-size:0.45rem; border:#ccc 1px solid; color:#666; margin:0 0.2rem; cursor:pointer;}
	.news .hd ul li.on{color:#fff; background:#dc0000; border-color:#dc0000;}
	.news .inews1Con{padding-top:0.3rem;}
	.news .txtNews{width:auto; top:0; height:auto;}
	.news .newsList li{height:0.7rem; line-height:0.7rem; font-size:0.45rem; padding:0.2rem 0;}
	.news .newsList li span{padding-left:0.3rem;}
	.news .inews1{width:auto; float:none;}
	.news .inews1 .newslist{width:auto;}
	.news .inews2{width:auto; float:none; padding-top:0.3rem;}
	.news .inews2 .newsList{padding-top:0; height:auto;}
	
	
	/*copyright*/
	.copyright{height:auto; line-height:0.7rem; color:rgba(255,255,255,0.6); font-size:0.4rem; padding:0.3rem 0.4rem 2.1rem;}
	.copyright span{display:none;}
	.copyright a{color:rgba(255,255,255,0.6);}
	.copyright a:hover{color:#fff;}
	
	
	.toolbarFix{width:100%; height:1.8rem; background:#dc0000; position:fixed; left:0; bottom:0; z-index:100; box-shadow:0 0 0.2rem rgba(0,0,0,0.1); text-align:center; display:flex;}
	.toolbarFix a{display:block; height:1.4rem; padding:0.2rem 0; flex:1; color:#fff; border-right:#ac140f 1px solid;}
	.toolbarFix a:last-of-type{border-right:0;}
	.toolbarFix a img{height:0.8rem;}
	
	.ewmWap{width:100%; height:100%; position:fixed; left:0; top:0; z-index:1000; background:rgba(0,0,0,0.5);}
	.ewmWap .nrdf{width:7rem; padding:1.2rem 0.4rem 0.4rem; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); border-radius:0.2rem; background:rgba(255,255,255,0.9); text-align:center;}
	.ewmWap .nrdf .close{display:block; width:0.6rem; height:0.6rem; background:#333 url(../images/iClose2.png) no-repeat center center; background-size:0.28rem auto; position:absolute; right:0.3rem; top:0.3rem; border-radius:0.8rem;}
	.ewmWap .nrdf img{width:5rem;}
	.ewmWap .nrdf p{line-height:1rem; padding-top:0.1rem; font-size:0.45rem;}
	
	

	/*******index css*******/
	.tab{padding-top:0.1rem;}
	.tab:after{display:block; content:""; clear:both;}
	.tab a{display:block; width:calc(33.3333% - 0.2rem - 2px); height:1.2rem; line-height:1.2rem; padding:0; font-size:0.45rem; margin:0.3rem 0.3rem 0 0; float:left;}
	.tab a:nth-of-type(3n){margin-right:0;}
	
	.more{margin-top:0.4rem;}
	.more .look_more{display:block; width:calc(100% - 2px); height:1.2rem; font-size:0.45rem; line-height:1.2rem; border:1px solid #f0f0f0;}
	
	
	/*******内页样式********/
	.submian{padding-bottom:0; margin-top:1.6rem;}
	
	.subleft{width:auto;}
	
	.leftNav{position:relative; border-top:#e6e6e6 1px solid; border-bottom:#e6e6e6 1px solid; margin-bottom:0;}
	.leftNav h2{background:#f6f6f6; height:1.4rem; line-height:1.4rem; color:#dc0000; font-size:0.6rem; font-weight:normal; padding:0 1.4rem; position:relative; z-index:1;}
	.subleft .back, .subleft .downNav{display:block; width:1.4rem; height:1.4rem; background-repeat:no-repeat; background-position:center center; position:absolute; top:0; z-index:2;}
	.leftNav .back{background-image:url(../images/iBack.png); left:0;}
	.leftNav .downNav{background-image:url(../images/iDown.png); right:0; transition:all 0.3s;}
	.leftNav .downNav.on{transform:rotate(-180deg);}
	.leftNav ul{border:0; background:#fff; padding:0.2rem 0.3rem 0.4rem; display:none;}
	.leftNav ul:after{display:block; content:""; clear:both;}
	.leftNav ul li{width:calc(33.3333% - 0.2rem); padding:0.2rem 0.1rem 0; float:left; text-align:center; font-size:0.45rem; border-bottom:0;}
	.leftNav ul li a{border:#ccc 1px solid; padding:0; height:1.1rem; line-height:1.1rem; background:#fff;}
	.leftNav ul li a:hover{border-color:#dc0000; color:#dc0000; background:#fff;}
	.leftNav ul li a.on{background:#dc0000; border-color:#dc0000; color:#fff;}
	
	
	.subright{width:auto; line-height:0.8rem; font-size:0.45rem;}
	
	.picList ul{margin:0 0.2rem;}
	.picList ul li{width:calc(50% - 0.4rem - 2px); margin:0.4rem 0.2rem 0;}
	.picList ul li h3{height:1.2rem; line-height:1.2rem; padding:0 0.2rem; font-size:0.45rem;}


	.list01{padding:0.5rem 0.4rem 0;}
	.list01 ul li{padding:0.3rem 0;}
	.list01 ul li .pic{display:none;}
	.list01 ul li .txt{height:auto; margin-left:0;}
	.list01 ul li .txt h3{height:auto; line-height:0.7rem; font-size:0.5rem; overflow:visible; text-overflow:initial; white-space:normal;}
	.list01 ul li .txt span{height:0.6rem; line-height:0.6rem; padding:0.2rem 0; font-size:0.4rem;}
	.list01 ul li .txt p{max-height:1.2rem; height:auto; line-height:0.6rem; font-size:0.4rem;}
	
	
	.page{width:auto; padding:0.5rem 0.4rem; font-size:0;}
	.page a, .page span{margin:0 0.05rem; padding:0 0.3rem; height:0.8rem; line-height:0.8rem;  border-radius:0.1rem; font-size:0.4rem;}
	
	
	.article{line-height:0.8rem; margin:0;}
	.articleTitle{line-height:1rem; font-size:0.6rem; padding:0.4rem 0.4rem 0.2rem;}
	.articleInfo{width:auto; margin:0; height:0.8rem; line-height:0.8rem; font-size:0.4rem; padding:0 0.4rem;}
	.articleInfo label{padding-left:0.5rem;}
	.articleInfo span{display:none;}
	.articlePic{padding:0.3rem 0.4rem 0;}
	.articlePic img{max-width:100%;}
	.articlePic .video{width:100%; height:auto;}
	.articleCon{line-height:0.8rem; padding:0.3rem 0.4rem 0.8rem; font-size:0.5rem;}
	.articleCon .tableBox{overflow-x:auto;}
	.articleCon table{width:100% !important;}
	.articleCon img{max-width:100% !important;}
}