@media screen and (min-width: 1200px) {
.wrapper, .navlist, .header .hdbox, .btpro, .cpnav {
width:1190px;
}
.bpro {
background: url(images/pgpro.jpg) 50% 50% no-repeat;
}
.navlist li {
margin-left: 26px;
margin-right: 26px;
}
.header {
background: url(images/bg_top_1.png) center top no-repeat;
}
.ftbox {
background: url(images/bg_footer_box.png) left top no-repeat;
width: 1190px;
}
.footer dl.w {
width: 300px;
}
.footer dl.list {
margin-left: 78px;
}
.cpserv ul li, .cpserv ul li a, .cpserv ul li span {
width: 196px;
text-indent: 90px;
}
.cpserv ul li span {
background: url(images/bg_propage_bt.png) 40px 10px no-repeat;
} /*---Dividing line---*/
.picprobn, .probanner {
height: 350px;
}
.protop {
height: 300px;
overflow: hidden;
}
.protop .tspec .boxs {
margin-right: 5px;
}
.protop .tspec .boxs .top {
height:140px;
}
.protop .tspec .boxs .bottom {
height:160px;
}
.protop dl.w300 {
width: 300px;
}
.protop dl.w260 {
width: 260px;
}
.proleft {
width: 840px;
}
.prott {
width: 820px;
}
.prott {
height: 215px;
}
.prott .bimg img {
width: 310px;
height: 215px;
}
.prott .intro {
width: 439px;
padding-right: 31px;
}
.prolist {
width: 840px;
}
.prolist .mid {
margin-left: 8px;
margin-right: 8px;
}
.prolist dl {
width: 264px;
}
.prolist dl dt {
height: 223px;
}
.prolist dl dt img {
width: 264px;
height: 183px;
}
.cpbox {
width: 500px;
height:370px;
}
.cppics .hd ul li img {
width:70px;
height:50px;
}
.cppics .prev, .cppics .next {
margin-top: 14px;
}
.cppics .bd li img {
width:500px;
height:350px;
}
.cpintro {
width: 628px;
}
.cpintro {
height:380px;
}
.cpintro h1 {
line-height:60px;
font-size:24px;
}
.cpintro dl dt, .cpintro dl dd {
height:30px;
font: normal 16px/30px "microsoft yahei";
}
.cpintro dl dd {
width:500px;
}
.othpro {
width: 570px;
}
.othpro h3 {
line-height: 50px;
}
.othpro .bimg img {
width: 254px;
height: 174px;
}
.othpro .intro {
width: 280px;
height: 180px;
}
.cporder, .cpcontact {
width: 1190px;
}
.proform ul input, .proform ul textarea {
width: 360px;
}
}
@media screen and (max-width: 1199px) {
.wrapper, .navlist, .header .hdbox, .cpnav {
width:990px;
}
.bpro {
background: url(images/pgpro_s.jpg) 50% 50% no-repeat;
}
.navlist li {
margin-left: 13px;
margin-right: 13px;
}
.header {
background: none;
}
.ftbox {
background: none;
width: 990px;
}
.footer dl.w {
width: 150px;
height: 126px;
}
.footer dl.list {
margin-left: 65px;
}
.copyright .group dl {
background: url(images/icon_group_s.png) left bottom no-repeat #f7f6f6!important;
}
.btpro {
width: 887px;
}
.cpserv ul li, .cpserv ul li a, .cpserv ul li span {
width: 162px;
text-indent: 80px;
}
.cpserv ul li span {
background: url(images/bg_propage_bt.png) 25px 10px no-repeat;
} /*---Dividing line---*/
.picprobn, .probanner {
height: 291px;
}
.protop {
height: 250px;
overflow: hidden;
}
.protop .tspec .boxs {
margin-right: 7px;
}
.protop .tspec .boxs .top {
height:133px;
}
.protop .tspec .boxs .bottom {
height:117px;
}
.protop dl.w260, .protop dl.w300 {
width: 200px;
margin-left: 6px;
}
.protop dl.w300 img {
display: none;
}
.protop dl dt {
margin-top: 50px;
}
.protop .more {
margin-bottom: 50px;
}
.proleft {
width: 640px;
}
.prott {
width: 620px;
}
.prott {
height: 163px;
}
.prott .bimg img {
width: 235px;
height: 163px;
}
.prott .intro {
width: 339px;
padding-right: 21px;
}
.prott .intro p {
height: 78px;
overflow: hidden;
}
.prolist {
width: 640px;
}
.prolist dl {
width: 260px;
margin: 30px 30px 0;
_display:inline;
}
.prolist dl dt {
height: 220px;
}
.prolist dl dt img {
width: 260px;
height: 180px;
}
.prolist dl dd {
display: none;
}
.cpbox {
width: 430px;
height:300px;
}
.cppics .hd ul li img {
width:52px;
height:36px;
}
.cppics .prev, .cppics .next {
margin-top: 7px;
}
.cppics .bd li img {
width:430px;
height:300px;
}
.cpintro {
width: 498px;
}
.cpintro {
height:312px;
}
.cpintro h1 {
line-height:45px;
font-size:20px;
}
.cpintro dl dt, .cpintro dl dd {
height:28px;
font: normal 14px/28px "microsoft yahei";
}
.cpintro dl dd {
width:370px;
}
.cpintro .text {
height: 48px;
overflow: hidden;
}
.othpro {
width: 470px;
}
.othpro h3 {
line-height: 35px;
}
.othpro .bimg img {
width: 204px;
height: 140px;
}
.othpro .intro {
width: 230px;
height: 149px;
}
.othpro .intro li {
height: 26px;
overflow: hidden;
}
.cporder, .cpcontact {
width: 470px;
}
.proform ul input, .proform ul textarea {
width: 290px;
}
}