html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, details, dialog, figcaption, figure, footer, header, hgroup, menu, nav, section, summary{
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
font-family: Calibri,Arial,Helvetica;
*font-weight: lighter !important;
}
article,aside,dialog,header,section,footer,nav,figure,menu{display:block}
a{
text-decoration: none;
}
li{
list-style: none;
}
.h-contact{
width: 100%;
height: 42px;
border-bottom: 1px solid #d3d1d1;
background: #f4f4f4;
}
.inner-con{
max-width: 960px;
margin: 0 auto;
}
.content-center h2{font-size:20px; margin-top:10px; margin-bottom:10px;}
.h-tel, .h-email{
float: left;
line-height: 42px;
padding-left: 30px;
}
.h-lan{
float: left;
line-height: 42px;
}
.h-search{
float: right;
margin-top: 10px;
}
.h-tel{
background-image: url(../images/bg.png);
background-position: 0 0;
margin-right: 40px;
}
.h-email{
background-image: url(../images/bg.png);
background-position: 0 -36px;
margin-right: 40px;
}
.nav{
width: 960px;
margin: 0 auto;
padding: 15px 0;
height: 57px;
}
.logo{
background-image: url(../images/logo.jpg);
background-position: 0 -60px;
width: 155px;
height: 60px;
text-indent: -9999px;
float: left;
}
.h-search input{
width: 160px;
height: 24px;
padding-left: 10px;
font-size: 14px;
float: left;
/*margin-top: 8px;*/
border: 1px solid #dcdcdc;
line-height: 24px;
}
.h-search input.btn-hidden{
width: 28px;
height: 28px;
background: url(../images/bg.png) no-repeat;
background-position: 0 -150px;
border: none;
float: left;
}
.h-nav{
float: right;
}
.h-nav img{ display:none;}
.h-nav li{
float: left;
line-height: 57px;
margin-left: 40px;
_margin-left:31px;
font-size: 18px;
}
.h-nav a{
color: #000;
text-transform: uppercase;
}
#banner img{
width: 100%;
overflow: hidden;
}
.somebs{
width: 400px;
text-align: center;
margin: 0 auto;
padding: 55px 0;
}
.somebs h1{
font-family: Arial;
font-size: 30px;
}
.somebs p{
font-size: 18px;
line-height: 35px;
color: #666;
}
.four{
width: 960px;
margin: 0 auto;
overflow: hidden;
margin-top: 60px;
}
.fourcomm{
width: 230px;
height: 378px;
float: left;
margin-right: 13px;
background-color: #f0f0f0;
}
.fourcomm h1{
text-transform: uppercase;
font-size: 30px;
padding: 8px 0 12px 16px;
}
.fourcomm p{
padding: 0 16px 10px;
line-height: 20px;
min-height: 80px;
font-size: 16px;
}
.last{
margin-right: 0;
}
.index-selected{
background: #e36818;
}
div.index-selected h1, div.index-selected p, div.index-selected a{
color: #fff;
}
div.index-selected a{
background: #fff;
color: #e36818;
}
.pro a, .solu a, .case a{
width: 116px;
height: 33px;
display: block;
background-color: #e36818;
text-align: center;
line-height: 33px;
text-transform: uppercase;
color: #fff;
margin-left: 16px;
}
.news{
margin-right: 0;
}
.news ul{
padding: 0 16px;
}
.news li{
margin-bottom: 20px;
}
.news span{
background-image: url(../images/bg.png);
background-position: 0 -193px;
_background-position: 0 -186px;
width: 8px;
height: 7px;
*height: 12px !important;
display: inline-block;
margin-right: 10px;
*padding-top: -5px !important;
line-height: 24px;
}
.news a:hover{
color: #e36818;
}
.news a{
color: #666;
font-size: 14px;
}
.news h1{
color: #e36818;
}
.news p{
color: #cac6c6;
font-size: 14px;
padding: 0;
min-height: 0;
}
footer{
background-color: #06153a;
height: 30px;
padding: 40px;
margin-top: 65px;
}
.footer{
width: 960px;
margin: 0 auto;
text-align: center;
}
.footer p{
text-align: center;
color: #fff;
}
.footer a{
color: #fff;
font-size: 18px;
margin: 0 5px;
}
.footer a:first-letter{
text-transform: uppercase;
}
/*.footer a:after{
content: "/";
margin: 0 5px;
}*/
#mpan{
background-color: #e36818;
}
.container{
width: 960px;
margin: 0 auto;
overflow: hidden;
}
.bread{
padding: 21px 0;
color: #888;
font-size: 14px;
}
.bread a{
color: #888;
}
/*.bread a:after{
content: ">";
}*/
aside{
width: 240px;
margin-right: 40px;
float: left;
_margin-right: 20px;
}
aside h1{
font-size: 24px;
padding-left: 14px;
margin-bottom: 10px;
}
aside a{
color: #666;
}
aside li{
background: #f8f8f8;
margin-bottom: 5px;
line-height: 38px;
width: 240px;
font-size: 14px;
}
.ali-active{
background: #123b98;
}
.ali-active a{
color: #fff;
}
.asideli a{
padding-left: 20px;
display: block;
}
.asideli a:hover{
background: #123b98;
display: block;
width: 220px;
color: #fff;
height: 38px;
}
aside .asideli li#hoverm{
background: #123b98;
display: block;
width: 240px;
color: #fff;
height: 38px;
}
aside .asideli li#hoverm a{
color: #fff;
}
address{
color: #888;
font-size: 14px;
border-top: 1px solid #e4e4e4;
border-bottom: 1px solid #e4e4e4;
padding: 25px 0;
margin-top: 50px;
}
address span{
color: #000;
font-weight: bold;
}
address p{
line-height: 20px;
*font-style: normal !important;
}
.archives{
width: 680px;
_width:670px;
float: left;
margin-bottom: 112px;
}
.archives h1{
font-size: 20px;
padding: 0 40px 14px 0;
border-bottom: 3px solid #ffad33;
display: block;
width: 205px;
}
div.list{
border-bottom: 1px solid #e4e4e4;
height: 184px;
padding: 23px 0 27px 0;
}
div.list img{
width: 326px;
height: 183px;
float: left;
margin-right: 31px;
}
div.list h2{
color: #123b98;
font-size: 18px;
line-height: 30px;
margin-bottom: 6px;
}
div.list a{
color: #123b98;
}
div.list p{
font-size: 14px;
line-height: 20px;
color: #888;
}
a.solution-list-a{
margin-top: 30px;
color: #123b98;
font-size: 14px;
display: block;
*background: url(../images/bg.png) !important;
*background-position: 0 -561px !important;
float: left;
*padding-right: 40px !important;
}
a.solution-list-a:after{
content: " >>";
font-family: Consolas;
letter-spacing: -5px;
}
div.newslist{height:auto;}
.newslist a.solution-list-a{float:none;}
.thermal{
background: url(../images/thermal-bg.jpg) center top #d9e9fe no-repeat;
}
.content{
width: 960px;
margin: 0 auto;
padding-top: 402px;
}
div.content h2{
text-transform: uppercase;
color: #fff;
height: 42px;
background: url(../images/thermal-h2-bg.jpg);
line-height: 42px;
padding-left: 23px;
font-size: 20px;
font-weight: bold;
}
div.intro{
background: #fff;
overflow: hidden;
padding: 47px 23px 30px;
}
.intro-left{
float: left;
width: 403px;
margin-right: 34px;
}
.intro-right{
float: left;
width: 474px;
}
div.intro p{
color: #888;
font-size: 16px;
}
.the-pro img{
margin-top: 30px;
}
.taj .the-pro p{
line-height: 25px;
text-align: left;
}
.ht span{
border-bottom: 1px dashed #8c8e91;
color: #8c8e91;
padding: 0 5px;
position: relative;
top: -10px;
}
.footer-padding{
padding: 30px 0;
color: #383737;
}
.footer-padding a{
color: #383737;
}
div.footer-padding p{
color: #383737;
}
.ht{
line-height: 30px;
}
div.intro-right .pr{
font-size: 36px;
color: #000;
margin: 25px 0 10px 0;
}
.jane span{
color: #000;
}
div.intro-right p.jane{
line-height: 25px;
margin-top: 15px;
color: #888;
}
.intro h3{
font-size: 36px;
}
.need-bg{
background: url(../images/thermal-scm.jpg) center no-repeat;
height: 406px;
}
.need-left{
height: 380px;
}
div.need-bg div.intro-right{
margin-top: 20px;
}
div.need-bg div.intro-right p{
position: relative;
margin-left: 35px;
line-height: 20px;
}
.inner-intro{
overflow: hidden;
border-bottom: 1px dashed #d2d2d2;
padding-bottom: 25px;
margin-bottom: 45px;
}
.inner-intro span{
color: #163f96;
font-weight: bold;
}
.inner-intro h4{
color: #163f96;
font-size: 24px;
}
.inner-intro img{
margin-top: 20px;
}
.preparation{
width: 286px;
float: left;
margin: 32px 0 0 12px;
}
div.preparation p{
width: 80%;
text-align: left;
}
.preparation h5{
font-size: 18px;
line-height: 25px;
margin-top: 13px;
}
div.th-footer{
height: 30px;
padding: 30px 0 25px;
}
div.th-footer p{
color: #000;
}
div.th-footer a{
color: #000;
}
.lm{
background: #fff8e8;
}
.lm-center{
width: 960px;
margin: 0 auto;
padding-bottom: 40px;
}
.coal-left{
width: 636px;
float: left;
margin-bottom: 30px;
}
.coal-right{
float: left;
width: 300px;
}
.coal-left h2{
font-size: 36px;
font-family: Gill Sans MT Condensed;
border-top: 7px solid #000;
margin: 60px 0 0 42px;
width: 339px;
text-align: center;
text-transform: uppercase;
line-height: 30px;
padding-top: 10px;
}
.cdd{
border: 5px solid #000;
width: 259px;
height: 36px;
margin: -173px 0 0 76px;
}
.cdd p{
width: 176px;
position: relative;
margin: -20px auto 0;
*margin: -20px auto 0 !important;
background: #fff8e8;
text-align: center;
padding: 0 27px;
}
p.c-tiztle{
margin: 13px 0 30px 0;
line-height: 18px;
}
.coal-left img{
float: left;
margin: 0 15px 0 0;
border: 2px solid #fff;
}
.coal-left span{
font-weight: bold;
}
.coal-right img{
margin-top: 73px;
}
.mtm{
background: #fecb3c;
}
.mtw{
background: #ff4941;
}
.scm{
background: #16172a;
}
.lm p, .mtm p, .mtw p, .scm p{
text-align:justify;
}
div.coal-mtm img{
margin: 60px 0 0 -60px;
*margin: 60px 0 0 -60px !important;
z-index: 100;
width: 360px;
}
div.cdd-mtm p{
background: #fec935;
padding: 0 17px;
width: 196px;
}
footer.coal-footer{
margin-top: 0;
}
img.coal-png{
border: none;
float: none;
}
.clear{
clear: both;
}
.ml10{
margin-left: 10px;
}
div.coal-left-mtw h2{
color: #fff902;
border-top: #fff902 7px solid;
}
div.cdd-mtw{
border: 5px solid #fff902;
}
div.cdd-mtw p{
background: #ff4941;
margin-top: -30px;
}
div.coal-left-mtw p{
color: #fff;
}
div.coal-left-mtw span{
color: #fff902;
}
div.cdd-scm{
border: 5px solid #fff902;
}
div.cdd-scm p{
background: #16172a;
margin-top: -30px;
}
.line1{
background: url(../images/line1.png);
position: relative;
width: 66px;
height: 79px;
left: 383px;
top: -130px
}
.line2{
background: url(../images/line2.png);
position: relative;
width: 39px;
height: 50px;
left: 15px;
top: -35px
}
.line3{
background: url(../images/line3.png);
margin: 20px 0 0 -73px;
width: 66px;
height: 79px;
display: block;
float: left;
}
.line4{
background: url(../images/line4.png);
position: relative;
width: 65px;
height: 88px;
left: 373px;
top: -128px;
}
p.c-tiztle-notop{
margin-top: 0;
}
.line5{
background: url(../images/line5.png);
position: relative;
width: 67px;
height: 102px;
left: 13px;
top: -103px;
}
div.cdd-mtm{
margin-top: -90px;
}
div.cdd-mtw{
margin-top: -150px;
}
div.cdd-scm{
margin-top: -150px;
}
div.mtm h2{
width: 345px;
margin-left: 35px;
}
div.mtw h2{
width: 278px;
margin-left: 72px;
}
div.scm h2{
width: 272px;
margin-left: 76px;
}
.gray{
background: #f5f5f5;
padding: 40px 0;
overflow: hidden;
}
.content-center{
width: 960px;
margin: 0 auto;
}
.cc-intros p{
text-align: justify;
}
p.cc-intro{
font-size: 30px;
text-align: center;
margin-bottom: 20px;
}
.cc-intro{
font-size: 30px;
text-align: center;
margin-bottom: 20px;
}
.cc-intros p.cc-intro{
color: #000;
}
.white{
padding: 40px 0;
overflow: hidden;
}
.white p, .gray p{
color: #888;
}
.hcc{
margin-top: 40px;
}
.hcc h3, .hcc p{
width: 484px;
float: left;
margin-right: 28px;
}
.hcc h3{
font-size: 18px;
margin-bottom: 6px;
}
.hcc img{
width: 222px;
height: 155px;
}
.pt{
margin: 60px 0 8px 0;
}
.pt p{
position: relative;
text-align: center;
margin: -13px auto 0;
font-size: 18px;
background: #f5f5f5;
width: 510px;
padding: 0 25px;
color: #000;
}
.cscm{
overflow: hidden;
}
.cscm-left{
width: 464px;
float: left;
margin-right: 35px;
}
.cscm-right{
float: left;
width: 454px;
}
.cscm h4{
color: #181777;
font-size: 18px;
background: url(../images/bg.png) no-repeat;
background-position: 0 -404px;
padding-left: 26px;
margin: 30px 0 10px 0;
}
.en{
background: #f5f5f5;
height: 224px;
overflow: hidden;
margin-top: 40px;
}
.en-content{
float: left;
width: 596px;
margin: 24px 15px 0;
}
.en-content p{
text-align: justify;
}
.en-img{
float: left;
width: 333px;
}
.en-img span{
position: relative;
background: #000;
opacity: 0.7;
color: #fff;
margin-top: -38px;
display: block;
height: 33px;
line-height: 33px;
text-align: center;
font-size: 18px;
filter: alpha(opacity:70);
}
.af{
width: 464px;
float: left;
height: 95px;
margin: 0 32px 35px 0;
}
.af h5{
margin-bottom: 10px;
line-height: 31px;
}
.af span{
font-size: 24px;
font-weight: bold;
background: #181777;
color: #fff;
padding: 0 10px;
margin-right: 16px;
display: inline-block;
float: left;
width: 11px;
height: 31px;
}
.af-odd{
margin-right: 0;
}
.cu-right p{
text-transform: uppercase;
color: #000;
font-size: 20px;
margin-bottom: 38px;
}
.cu-left{
width: 500px;
float: left;
margin-right: 20px;
}
.cu-left p{
color: #000;
}
.cu-right{
float: left;
width: 440px;
}
.forma input{
width: 458px;
height: 30px;
border: 1px solid #ddd;
margin: 7px 0 6px 0;
padding: 0 2px 0 10px;
line-height: 30px;
color: #b4b4b4;
}
.forma textarea{
width: 458px;
padding-left: 10px;
border: 1px solid #ddd;
height: 124px;
color: #b4b4b4;
font-family: Arial;
}
.forma a{
background: #123b98;
color: #fff;
text-transform: uppercase;
height: 31px;
width: 105px;
line-height: 31px;
text-align: center;
display: block;
border-radius: 5px;
}
.cu-right img{
width: 212px;
height: 136px;
float: left;
background: #000;
margin: 0 13px 10px 0;
}
.list-nav a {
margin: 1em 0;
display: inline-block;
color: #123b98;
border: 1px solid #123b98;
line-height: 1em;
padding: 3px 7px;
}
.list-nav b {
color: #ffad33;
border: 1px solid #123b98;
line-height: 1em;
padding: 1px 7px 2px;
}
img.cu-right-odd{
margin-right: 0px;
}
img.float-left{
float: left;
margin-right: 32px;
}
.diaozhale{
float: left;
width: 570px;
}
.diaozhale ul{
margin-top: 10px;
}
.diaozhale li{
width: 302px;
float: left;
background: url(../images/bg.png);
background-position: 0 -285px;
list-style: none;
margin: 0 20px 0 0;
padding: 0 0 0 35px;
line-height: 35px;
}
.diaozhale li.li-odd{
width: 172px;
margin-right: 0;
}
.ng{
width: 460px;
float: left;
margin-top: 30px;
}
.ng-left{
margin-right: 40px;
}
.ng img{
margin: 5px 0 13px 0;
}
.ng p{
text-align: justify;
}
.ng h3{
font-size: 18px;
margin-bottom: 13px;
background: url(../images/bg.png);
background-position: -2px -320px;
padding-left: 20px;
}
.cc-intro-blue{
color: #181777;
}
.gpa-li{
width: 460px;
float: left;
background: #fff;
margin:0 30px 14px 0;
}
.gpa-li-odd{
margin-right: 0;
}
.gpa-li img{
float: left;
}
.gpa-li h5{
margin-top: 15px;
}
.gpa-li-top{
margin-top: 40px;
}
.os-right{
float: left;
width: 390px;
}
.os-right span{
font-size: 18px;
margin-bottom: 40px;
display: block;
}
.gypsum-fs{
background: #ececec;
overflow: hidden;
margin-top: 40px;
}
.gypsum-fs img, .gypsum-fs ul{
float: left;
}
.gypsum-fs img{
margin-right: 20px;
}
.gypsum-fs ul{
margin: 10px 0 0 25px;
}
.gypsum-fs li{
line-height: 30px;
background: url(../images/bg.png);
background-position: -2px -315px;
padding-left: 20px;
width: 300px;
color: #888;
}
.gypsum-fs p{
margin: 40px 0 0 25px;
color: #000;
font-size: 18px;
float: left;
}
div.gypsum-fs-right p{
color: #888;
}
img.ng-img-top{
margin-top: 15px;
}
.archives div.about{
padding-top: 20px;
overflow: hidden;
height: auto;
}
.about p{
color: #888;
font-size: 14px;
line-height: 24px;
}
.about img{
float: right;
margin-left: 30px;
}
.about-form{
padding: 20px 30px;
border: 1px solid #e5e5e5;
margin-top: 55px;
}
.about-form h2{
font-size: 18px;
}
.about-form p{
font-size: 14px;
color: #888;
margin: 10px 0 40px 0;
}
.formb input{
width: 530px;
height: 28px;
border: 1px solid #e5e5e5;
margin: 0 10px 10px 0;
background: #f8f8f8;
display: inline-block;
line-height: 28px;
}
.formb label{
width: 50px;
margin-right: 20px;
_margin-right: 10px;
color: #888;
font-size: 14px;
display: inline-block;
vertical-align: top;
line-height: 30px;
}
.formb textarea{
width: 526px;
height: 128px;
border: 1px solid #e5e5e5;
margin: 0 10px 10px 0;
background: #f8f8f8;
display: inline-block;
}
.formb a{
color: #fff;
background: #123b98;
border-radius: 5px;
padding: 5px 20px;
font-size: 14px;
margin: 5px 0 0 73px;
display: inline-block;
}
.htbanner{
margin: 20px 0 10px 0;
}
.hoa-lc{
margin-top: 30px;
border-bottom: 1px dashed #c8c9ca;
overflow: hidden;
padding-bottom: 40px;
_height: 125px;
}
.hoa{
width: 280px;
border-right: 1px #c8c9ca solid;
float: left;
padding: 0 80px 0 0;
_padding:0 70px 0 0 ;
}
.lc{
width: 280px;
float: left;
padding: 0 0 0 30px;
}
.lc a{
width: 154px;
height: 22px;
background: url(../images/bg.png);
background-position: 0 -359px;
display: block;
margin-top: 15px;
}
.office{
width: 310px;
float: left;
margin: 30px 60px 0 0;
_margin: 30px 50px 0 0;
}
div.office-right{
margin-right: 0;
}
.hoa-lc h2{
font-size: 20px;
margin-bottom: 15px;
}
.office h3{
padding: 7px 0 7px 32px;
font-size: 20px;
color: #fff;
cursor: pointer;
background-color: #2271cf;
}
.contact{
overflow: hidden;
border-bottom: 1px dashed #ccc;
padding-bottom: 2%;
}
.contact p{
color: #888;
font-size: 14px;
}
.office p{
background: url(../images/bg.png) no-repeat;
background-position: 0 -233px;
padding-left: 20px;
margin: 7px 0 7px 8px;
font-size: 14px;
}
#office-more{
width: 100%;
/*background-color: #2271cf;*/
/*color: #fff;*/
cursor: pointer;
text-align: right;
border-top: 1px dashed #ccc;
margin-top: 5%;
}
#office-more span, #office-less span{
width: 98%;
display: block;
color: #666;
/*font-family: ;*/
line-height: 1em;
font-size: 18px;
height: 1em;
padding-top: 2%;
}
#office-more-content{
display: none;
overflow: hidden;
}
#office-less{
display: none;
cursor: pointer;
text-align: right;
width: 100%;
border-top: 1px dashed #ccc;
margin-top: 5%;
}
.support-div{
width: 281px;
height: 132px;
float: left;
border: 1px solid #e5e5e5;
padding: 14px 21px;
margin-top: 32px;
}
.sdt{
margin-right: 30px;
_margin-right: 20px;
}
.pro-banner img{
width: 100%;
}
.title-h2{
text-align: center;
margin-bottom: 30px;
}
.title-h2 h2{
font-size: 36px;
background: #fff;
margin: -25px auto 0;
padding: 0 75px;
color: #122554;
}
.line{
border-top: 1px solid #b7bdc7;
}
.po h2{
width: 280px;
}
.soa h2{
width: 320px;
background: #f5f5f5;
}
.po-p p{
color: #122554;
text-align: left;
line-height: 25px;
margin: 0 50px;
}
.po-p span{
font-family: Arial;
font-size: 100px;
}
.po-p-right{
float: right;
}
.soali{
float: left;
margin-right: 5px;
}
div.soali-last{
margin-right: 0;
}
.soali p{
background: #074291;
color: #fff;
width: 235px;
height: 44px;
line-height: 44px;
text-align: center;
margin-bottom: 3px;
font-size: 20px;
}
.itcms h2{
width: 1023px;
}
.cms-wp{
overflow: hidden;
padding: 0 118px;
}
.cms, .wp{
width: 314px;
height: 44px;
background: #074291;
line-height: 44px;
text-align: center;
font-size: 24px;
color: #fff;
float: left;
margin: 0 20px;
cursor: pointer;
}
.cms-active{
background: #ffbf08;
}
.feelmyblade ul{
float: left;
margin: 70px 0 0 90px;
}
.feelmyblade .ulsec{ margin-top:0;}
.feelmyblade li{
line-height: 35px;
}
.feelmyblade img{
/*float: right;*/
margin-top: 40px;
}
.dontblink{
display: none;
min-height: 440px;
background: url(../images/mtw-wp-bg.jpg) no-repeat;
}
p.dontblink1-bg{
width: 234px;
height: 126px;
background: url(../images/db-bg1.gif) no-repeat;
}
p.dontblink2-bg{
width: 225px;
height: 76px;
background: url(../images/db-bg2.gif) no-repeat;
}
p.dontblink3-bg{
width: 355px;
height: 131px;
background: url(../images/db-bg3.gif) no-repeat;
}
p.dontblink4-bg{
width: 316px;
height: 152px;
background: url(../images/db-bg4.gif) no-repeat;
}
p.dontblink1{
padding: 12px 10px 2px 10px;
position: relative;
display: inline-block;
top: 25px;
left: 0;
}
p.dontblink2{
padding: 12px 10px 2px 10px;
position: relative;
display: inline-block;
top: 268px;
left: -255px;
*top: 138px !important;
*left: 30px !important;
}
p.dontblink3{
padding: 12px 10px 2px 10px;
position: relative;
display: inline-block;
top: 15px;
left: 154px;
*top: -220px !important;
*left: 590px !important;
}
p.dontblink4{
padding: 12px 10px 2px 10px;
position: relative;
display: inline-block;
top: 108px;
left: 659px;
*top: -90px !important;
*left: 590px !important;
}
.itmus h2{
width: 878px;
background: #f5f5f5;
}
.mtw-mus{
overflow: hidden;
}
.mtw-mus ul{
float: left;
margin-top: 220px;
}
.mtw-mus li{
line-height: 25px;
}
.mtw-mus img{
float: left;
margin: 50px 70px 0;
}
.mb5x-mus img{margin:0 166px 0 24px;}
.mb5x-mus ul{margin-top:60px;}
.mtw-muwp h3{
font-size: 20px;
font-weight: bold;
margin: 15px 0 20px;
}
.mtw-muwp p{
color: #000;
line-height: 25px;
}
.ta h2{
width: 330px;
background: #fff;
}
.ta-li{
width: 447px;
height: 83px;
background: #ececec;
float: left;
margin: 10px 15px 0 0;
padding: 16px 0 0 16px;
}
.ta-li-odd{
margin-right: 0;
}
.ta-li-title{
font-size: 20px;
overflow: hidden;
}
.ta-li-title span{
width: 25px;
height: 25px;
background: url(../images/bg.png);
background-position: -163px -360px;
float: left;
margin: 0 20px 0 0;
}
div.ta-li-title p{
float: left;
color: #000;
font-weight: bold;
margin-top: 0;
}
.ta-li p{
margin-top: 3px;
color: #000;
}
.mtp h2{
width: 410px;
background: #f5f5f5;
}
table.para_table{
border-radius: 5px;
}
table tr.odd{
background: #fff;
}
table tr.even{
background: #fff;
}
p.note-table{
background: url(../images/bg.png) no-repeat;
background-position: -2px -320px;
padding-left: 20px;
margin-top: 20px;
color: #000;
height:34px;
}
.cs h2{
width: 220px;
background: #fff;
}
.cu h2{
width: 180px;
background: #f5f5f5;
}
.solution-banner img{
width: 100%;
}
.mill-list{
display: none;
/*display: block;*/
margin-top: 4px;
}
.mill-list li a{
color: #888;
display: block;
}
.mill-list li a:hover{
color: #fff;
background: #136ac3;
}
#ali-li-active a{
color: #fff;
}
.mill-list li{
background: #f8f8f8;
}
li#ali-li-active{
background: #136ac3;
}
li#ali-li-active a:hover{
color: #fff;
background: #136ac3;
}
.products-list{
float: left;
margin: 27px 18px 0 0;
_margin: 27px 13px 0 0;
}
div.p-li-last{
margin-right: 0;
}
div.apc{
border-bottom: 1px solid #ececec;
clear: both;
height: 38px;
_height: 35px;
}
div.apc-top{
margin-top: 70px;
}
.product{
overflow: hidden;
}
.products-list span{
position: relative;
background: #1e1a1a;
width: 174px;
height: 53px;
margin-top: -5px;
text-align: center;
display: block;
font-size: 18px;
padding: 0 20px;
}
.products-list a{
color: #fff;
}
.products-list img{
border: 1px solid #d2d2d2;
}
.products-list-border img{
border: 1px solid #d2d2d2;
}
.products-list-border span{
width: 172px;
}
.products-list a:hover span{
color: #000;
background: #e3e1e1;
}
.short{
line-height: 53px;
}
h1#cases-h1{
font-size: 24px;
text-align: center;
padding: 25px 0;
width: 100%;
margin-bottom: 20px;
border-bottom: none;
}
.apc span{
display: block;
border-bottom: 3px solid #ffad33;
width: 120px;
height: 39px;
}
.no-margin-top{
margin-top: 0;
}
.case-archives p{
color: #888;
font-size: 14px;
}
.case-archives p span{
color: #000;
line-height: 30px;
}
.case-archives h3{
margin-top: 25px;
}
.case-archives img{
margin: 40px 0 20px 0;
}
.related-case{
border-top: 1px solid #e4e4e4;
padding-top: 20px;
margin-top: 30px;
overflow: hidden;
_height: 206px;
}
.related-case p{
font-size: 18px;
color: #000;
}
.related-case img{
width: 218px;
height: 122px;
background: #888;
float: left;
margin-top: 26px;
}
.related-case img.related-case-center{
margin-left: 13px;
margin-right: 13px;
_margin-left: 7px;
_margin-right: 7px;
}
div.about-form-case{
margin-top: 50px;
}
.message-lan{
width: 100%;
}
#massage{
display: none;
position: absolute;
width: 760px;
height: 310px;
background: #fff;
top: 126px;
left: 20%;
border-radius: 3px;
z-index: 100;
}
#massage ul{
float: left;
margin: 20px 45px 0;
}
#massage a{
color: #000;
line-height: 20px;
font-size: 12px;
}
#massage a:hover{
color: #074291;
text-decoration: underline;
}
a#chlan{
color: #000;
}
a#chlan:hover{
color: #074291;
text-decoration: underline;
}
#kinMaxShow{display:none;}
#kinMaxShow{visibility:hidden;width:100%; height:500px;overflow:hidden;}
div.dis-none{
display: none;
}
div.dis-block{
display: block;
}
.lm-dontblink-bg{
background: url(../images/lm-wp-bg.jpg) no-repeat;
}
.scm-dontblink p{
font-size: 14px;
}
object#LR_Flash .noswap{
height: 1000px;
}
.my-contact{
background-color: #f1f1f1;
border: 1px solid #e2e0e0;
height: 85px;
padding: 15px 25px;
font-size: 14px;
margin: 20px 0 40px 0;
}
.clear{
clear: both;
height: 1px;
}
.my-contact1{ width:50%; float:left;}
.my-contact2{width:50%; float:right;}
.my-info1, .my-info2, .my-info3{
line-height: 30px;
}
.my-info4, .my-info5, .my-info6{
background: url(../images/my-info.gif) no-repeat;
line-height: 30px;
}
.my-info4{
background-position: 0 -6px;
padding-left: 20px;
}
.my-info5{
background-position: 0 -40px;
padding-left: 20px;
}
.my-info6{
background-position: 0 -77px;
padding-left: 20px;
}
.my-info1{
color: #114491;
}
.my-info3{
background: url(../images/sobg.gif) no-repeat;
display: block;
height: 22px;
line-height: 24px;
}
.my-info3 a{
color: #fff;
padding: 0 0 0 17px;
margin-top: -3px;
display: block;
width: 137px;
height: 22px;
}
.dumbass img{
float: right;
margin-left: 40px;
}
.dumbass{
overflow: hidden;
font-size: 14px;
}
.dumbass h2{
color: #fa9607;
font-size: 16px;
font-weight: bold;
}
.dumbass p{
margin-top: 20px;
line-height: 25px;
text-align: justify;
}
table.para_table{
width: 100%;
}
.dumbass-pro{
font-size: 16px;
color: #000;
margin-bottom: 20px;
}
.features li{
background:url(../images/featurebg.jpg) top left no-repeat;
padding-left: 19px;
line-height: 24px;
font-size: 14px;
color: #888;
}
.asideli-li{
background: #123b98;
padding-left: 20px;
color: #fff;
cursor: pointer;
display: block;
height: 38px;
line-height: 38px;
margin-bottom: 5px;
}
.taj p{
text-align: justify;
}
.war3club span{
position: relative;
background: #000;
opacity: 0.7;
color: #fff;
margin-top: -52px;
display: block;
height: 48px;
width: 432px;
line-height: 48px;
text-align: center;
font-size: 24px;
filter: alpha(opacity:70);
}
input.submit{
background: #123b98;
color: #fff;
text-transform: uppercase;
height: 31px;
width: 105px;
line-height: 29px;
text-align: center;
display: block;
border-radius: 5px;
cursor: pointer;
padding: 0;
font-size: 15px;
}
input.submit-left{
margin-left: 72px;
_margin-left: 60px;
}
.os-mask li{
position: relative;
float: left;
*margin-bottom: 10px !important;
}
div.mask{
/*display: none;*/
_display: none;
background: #052f74;
opacity: 0;
filter: alpha(opacity:0);
width: 212px;
height: 136px;
color: #fff;
font-size: 24px;
font-family: Arial;
position: absolute;
text-align: center;
*left: 0px !important;
}
#float-mask{
height: 50%;
margin-bottom: -33px;
width: 100%;
float: left;
}
.mask-content{
position: relative;
width: 182px;
height: 65px;
text-align: center;
padding: 0 10px;
}
#exhibition{
position: absolute;
bottom: 0;
right: 0;
width: 325px;
height: 152px;
}
object.noswap{
display: none;
}
.asideli-other{
border-top: 1px solid #ccc;
padding-top: 15px;
}
.asideli-other li{
background: url(../images/bg.png);
background-position: 0 -623px;
margin-bottom: 5px;
line-height: 25px;
width: 240px;
padding-left: 14px;
font-size: 14px;
color: #666;
}
.aside-h1{
margin-top: 40px;
}
#aside-form input{
width: 226px;
}
#aside-form{
border-top: 1px solid #ccc;
}
#aside-form textarea{
width: 226px;
}
#aside-form p{
color: #666;
margin: 10px 0;
}
#aside-form input.submit{
width: 80px;
height: 23px;
font-size: 14px;
line-height: 23px;
}
h2.aside-h1{
font-size: 20px;
padding-bottom: 10px;
}
.materials{
margin-top: 40px;
padding-top: 25px;
padding-bottom: 60px;
height: 1360px;
display: none;
border-top: 1px solid #e4e4e4;
}
.material{
width: 198px;
height: 182px;
border: 1px solid #d2d2d2;
padding: 6px;
float: left;
position: relative;
margin-bottom: 25px;
}
.material p{
text-align: center;
margin-top: 8px;
color: #666;
font-size: 20px;
}
.ma-center{
margin: 0 22px;
_margin: 0 11px;
}
.mat-dis{
position: absolute;
background: #123b98;
z-index: 100;
width: 202px;
_width: 203px;
margin-left: -7px;
padding: 0 5px;
display: none;
padding-bottom: 15px;
}
.mat-dis p{
font-size: 13px;
color: #fff;
text-align: left;
font-family: Arial;
width: 202px;
}
.material-hover{
background: #123b98;
color: #fff;
border: 1px solid #123b98;
z-index: 100;
}
.material-hover p{
color: #fff;
}
.materials-dis{
display: block;
}
.materials-li{
line-height: 20px;
margin-left: 420px;
color: #ccc;
font-size: 14px;
}
#pre, #next, .materials-li ul{
float: left;
}
#pre, #next{
cursor: pointer;
}
.materials-li li{
float: left;
margin: 0 10px;
_margin: 0 5px;
cursor: pointer;
display: block;
padding: 0 5px;
}
.material img{
z-index: -100;
}
/* Pad style */
@media screen and (max-width: 1024px) {
.nav{
width: 96%;
margin: 0 2%;
}
.h-tel, .h-email{
margin-right: 1%;
padding-left: 20px;
}
.h-search{
float: none;
margin-left: 20px;
}
.h-search input{
width: 121px;
}
.h-nav{
float: none;
}
.h-nav li{
margin-left: 4%;
}
#banner{
width: 100%;
}
#banner #pagination{left: 44%;}
.four{
width: 94%;
margin: 8% 2.5% 0 3.5%;
padding-bottom: 35px;
}
.fourcomm{
width: 24%;
margin-right: 1%;
}
.fourcomm p{
padding: 0 16px 15px;
}
#massage{
width: auto;
left: 10%;
}
.fourcomm img{
width: 100%;
}
.last{
margin-right: 0;
}
.footer{
width: 96%;
margin: 0 2%;
}
.container{
width: 96%;
margin: 1% 2% 0;
}
.bread{
display: none;
}
aside{
width: 25%;
margin-right: 3%;
}
aside li, .asideli-other li{
width: 100%;
}
.asideli a{
padding-left: 4%;
}
.asideli a:hover{
width: 96%;
}
.archives{
width: 72%;
}
.formb input{
width: 80%;
}
.formb textarea{
width: 80%;
}
.formb .submit{width: 105px;}
.about img{
width: 100%;
}
div.list img{
width: 45%;
height: auto;
margin-right: 5%;
}
a.solution-list-a{
float: right;
margin-right: 5%;
}
div.list{
overflow: hidden;
height: auto;
}
#aside-form input, #aside-form textarea{
width: 90%;
}
.case-archives img{
width: 100%;
}
.related-case img{
width: 45%;
height: auto;
}
.related-case a:last-child{
display: none;
}
.htbanner{
width: 100%;
}
.support-div{
width: 44%;
padding: 3% 2%;
}
.support-div img{
width: 100%;
}
.sdt{
margin-right: 2%;
}
.hoa{
width: 40%;
padding-right: 10%;
}
.lc{
width: 40%;
padding-left: 9%;
}
.office{
width: 49%;
margin-right: 2%;
/*height: 165px;*/
}
.office p{
font-size: 12px;
}
#bigpicarea, #smallpicarea .first, #smallpicarea .last{ display:none;}
/*products*/
.products-list{ width:30%; margin-right:3%;}
.products-list img{width:100%;}
.products-list span{ width:100%; height:65px; padding:0;}
.dumbass img{ width:47.8%; margin-left:4.4%; margin-top:45px;}
.my-contact{ height:160px;}
.my-contact1, .my-contact2{ float:none; width:100%;}
/*Materials*/
#materials aside li{ width:95%; padding-left:5%;}
.materials, .material img, .mat-dis{ width:100%; height:auto; overflow: hidden;}
.material{ width:28%; height:auto;}
.ma-center{ margin:0 3%;}
.materials-li{ margin-left:0;}
/*Solution*/
.white{width:96%; margin:0 2%;}
.content-center, .ng, .ng img, .gpa-li, .cu-left{width:100%; height:auto;}
.site-img{width:100%; height:auto;}
.cc-intros p.cc-intro{color:#18187a; padding:0 24px;}
.ng-left{margin-right:0;}
.ng h3{background-repeat:no-repeat; height:39px;}
.gray{padding-left:2%; padding-right:2%;}
.gpa-li-odd{ margin-top:0;}
.gypsum-fs img{ width:100%; margin-right:0; float:none;}
.gypsum-fs p, .gypsum-fs ul{float:none;}
.gypsum-fs-right p{ margin-top:10px; margin-bottom:20px;}
.forma{ margin:20px 0 40px 0;}
.forma input, .forma textarea{width:95%;}
input.submit{width: 105px;}
.os-right{ width:100%; float:none;}
.os-right span{ margin-bottom:20px;}
img.float-left{width:48%; height:auto; margin-right:4%;}
.diaozhale{width:48%;}
.en{ height:auto;}
.en-img{ width:35%; height:auto;}
.en-img img{width:100%; height:auto;}
.en-content{width:62%; margin:10px 1.5% 10px 1.5%;}
.af{ width:100%; margin-right:0; margin-bottom:10px;}
.hcc{ overflow:hidden;}
.hcc h3, .hcc p{ width:100%; margin-right:0; float:none;}
.hcc img{ width:49%; height:auto; margin-top:20px;}
.cscm-left, .cscm-right{ width:100%; float:none;}
.lm-center{width: 96%; margin: 0 2%;}
.coal-left, .coal-right{ width:100%; float:none; text-align:center; margin-left:0; overflow: hidden;}
img.coal-png{position: relative; left:-12.5%; margin: 0;}
img.lm-coal{left:12.5%;}
/*Product*/
.soali{ width:48%; margin-right:4%; margin-bottom:14px;}
.soali-sec{ margin-right:0;}
.soali p, .soali img{ width:100%;}
.itcms h2, .itmus h2{ width:auto; font-weight: bold;}
.cms-wp{ padding:0 8%;}
.cms, .wp{ width:46%; margin:0 2%;}
.feelmyblade{ text-align:center;}
.feelmyblade img{float:none; width: 80%;}
.feelmyblade ul{width:250px; height:210px; margin:0; text-align:left; padding-left:10%;}
.dontblink{ background-position:center;}
p.dontblink1-bg, p.dontblink2-bg{width:160px; height:auto;}
p.dontblink1{ top:0;}
p.dontblink2{ background:url(../images/db-bg1.gif) no-repeat; left:-180px;}
p.dontblink3{ top:0; left:100px;}
p.dontblink4{ top:268px; left:-40px;}
.mtw-mus,.mb5x-mus{ position:relative; width:470px; height:600px; margin:0 auto;}
.mtw-mus ul{ margin-top:0; position:absolute; top:450px;}
.mtw-mus ul:last-child{ left:300px;}
.mtw-mus img{ float:none; margin:0;}
.ta-li{ width:97%; margin-right:0; padding-left:3%;}
.cu-left, .cu-right{ float:none; width:100%;}
.os-mask li{ width:24%; margin-left:1%;}
.os-mask li:first-child{margin-left:0;}
.cu-right img{ width:100%; height:auto; margin-right:0;}
}
p.mask{
display: none;
width: 100%;
height: 1000px;
background-color: #000;
position: absolute;
left: 0;
top: 0;
opacity: 0.9;
filter: alpha(opacity: 90);
z-index: 100;
}
div.banner-video{
display: none;
position: absolute;
z-index: 100;
}
p.mask img{
color: #fff;
position: absolute;
z-index: 110;
left: 25px;
top: 25px;
cursor: pointer;
}
/*iphone style*/
@media screen and (max-width: 767px) {
body, p{font-size:12px;}
.h-search, .h-nav ul{ display:none;}
.h-tel{width:162px; margin:0 15px 0 2.6%; padding-left:18px;}
.h-email{width:139px; padding-left:25px; margin-right:0;}
.h-lan{ position:absolute; top:75px; right:16px;}
#massage{ width:100%; height:auto; top:108px; left:0;}
#massage ul{margin: 20px 2px;}
.nav{ width:100%;}
.logo{ margin-left:2.6%;}
.h-nav img{ display:block; position:relative; left: 115px; top:32px;}
.h-nav ul{width: 100%; position:absolute; top:110px; left:0; z-index:20000; text-align:center;}
.h-nav ul li{background-color:#090865; border-top:1px solid #083c78; width:100%; height:32px; line-height:32px; float: none; margin-left:0;}
.h-nav ul li:first-child{border-top:none; padding-top:10px;}
.h-nav ul li a{ color:#fff;}
#banner #pagination{left: 40% ;}
.four{width:90%; margin:15px 5% 0 5%;}
.fourcomm{width:48.8%; height:auto; margin-right:2.4%; margin-bottom:23px;}
.solu, .last{margin-right:0;}
.fourcomm img{ width:100%; height:auto;}
.fourcomm a{width:82px; height:23px; line-height:23px; margin-bottom:12px;}
footer{height:auto; margin-top:16px; padding:27px 6.9% 30px 6.9%;}
.inner-con,.footer{ width:auto;}
.footer p{ text-align:left;}
.footer a{font-size:12px; margin:0 3px; display:inline-block;}
/*about*/
aside{ display:none;}
.container{ width:94.8%; margin:0 2.6%;}
.bread, #aside h1, address, .apc{ display:none;}
#aside{display:block; float:none; width:100%; overflow:hidden; margin-top:32px;}
.archives{float:none; width:100%;}
#aside li{ background-color:#fff; border:1px solid #eee; float:left; width:23%; line-height:19px; margin-left:2%; text-align:center;}
#aside li:first-child{margin-left:0;}
#aside .ali-active{ background-color:#123b98; border:none;}
.asideli a{ padding-left:0; color:#f3990f;}
.ali-active a{ color:#fff;}
.about #full-screen-slider{width: 60%; margin-left:10px; margin-bottom:10px;}
.formb input, .formb textarea{ width:70%; margin-right:0;}
#asideul{ margin-left:11%;}
.office{ height:200px;}
.office h3{ height:24px;}
#procontent .archives{ margin-top:18px;}
#procontent .apc{ display:block;}
div.list h2{ font-size:14px; line-height:18px;}
.materials{ border-top:none; padding-top:0;}
.ma-center{ margin:0 2%;}
.cms, .wp{ width:100%; margin:0 0 25px 0;}
.white #pagination{ padding:10px 0 0 0;}
.title-h2 .line{ border-top:none;}
.title-h2 h2{font-size:24px; padding:0 25px; width: auto;}
.po .line, .soa .line{border-top: 1px solid #b7bdc7;}
.po h2, .soa h2{width:230px; margin-top:-15px; padding:0 5px;}
.feelmyblade img{ width:100%; margin-top:0;}
.feelmyblade ul{ width:auto;}
.mtw-mus ul:last-child {left: 240px;}
.para_table td{ padding:1px !important;}
.os-mask li{ width:49%;}
.os-mask li:nth-child(3){ margin-left:0;}
img.float-left{ width:100%; height:auto; float:none; margin:0 0 20px 0;}
.diaozhale{ width:100%; float:none;}
.diaozhale li{width: 210px;}
.diaozhale li.li-odd{width: 180px;}
.en-img, .en-content{width:100%; float:none;}
.pt p{ width:80%; text-align:center; padding:0 10px;}
.cscm h4{ margin-top:10px;}
img.coal-png{ width:100%; height:auto;}
.coal-right img{ margin-top:0;}
div.coal-mtm img{ margin-left:0;}
.coal-left img{ float:none;}
}
@media screen and (max-width: 414px){
.h-nav img{ left:70px;}
#banner{ display:none;}
.about #slides li{ height:130px;}
.about #pagination{top:100px;}
.office p{ max-height:58px;}
.products-list{ width:45%; margin-right:4%;}
div.p-li-last{ margin-right:4%;}
.material p{ font-size:16px; height:38px;}
.mtw-mus{width:100%; height: 495px;}
.mtw-mus img{width:100%;}
.mtw-mus ul{top: 350px;}
.mtw-mus ul:last-child {left: 234px;}
}
@media screen and (max-width: 374px){
.h-contact{height:50px;}
.h-tel{background-position: 0 -5px; line-height:30px;}
.h-email{background-position: 0 -48px; line-height:20px; margin-left:2.6%;}
.h-lan {top:84px;}
#massage{top:117px;}
#massage ul{ margin:10px 0 10px 20px;}
.h-nav img{left:20px;}
.h-nav ul{top:119px;}
.fourcomm h1{font-size:24px;}
.fourcomm p{ height:120px; font-size: 12px;}
.about #full-screen-slider{ margin-bottom:20px;}
.formb label{ margin-right:0;}
.formb .submit{margin-left: 52px;}
.office{ height:240px;}
.material{ width:27%;}
.feelmyblade .ulsec{ padding-left:0;}
.mtw-mus{height: 420px;}
.mtw-mus ul{top: 270px;}
.mtw-mus ul:last-child{left: 180px;}
div.coal-mtm img{ width:100%; height:auto;}
}