.main .honnerInfo {font-size:14px;line-height:20px;color:#666;padding:22px 0 26px 0;}
.main .title {color:#333;font-size:20px;line-height:30px;padding-bottom:14px;}
.main .info {color:#666;font-size:14px;line-height:26px; padding-top: 20px}
.main .content {padding:40px 0;text-align:center;}
.main .content .child {overflow:hidden;width:376px;height:260px;line-height:260px;display:inline-block;*display:inline;*zoom:1;border:1px solid #e6e6e6;margin:8px;}
.main .content .child {transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
.main .content .child:hover {-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);-ms-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);-o-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);}
.main .content .child img {max-width:90%;max-height:90%;vertical-align:middle;}
.main .content .child img {transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
.main .content .child img:hover {transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}
.main ul {padding:20px 0;margin-left:20px;}
.main ul li {line-height:28px;color:#666;font-size:14px;list-style:disc;}
.main .mainNav { line-height:44px;border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;margin: 40px 0;padding: 8px 0;}
.main .mainNav:after {content: "020";display: block;height: 0;clear: both;visibility:hidden;}
.main .mainNav .child {cursor:pointer;margin: 8px 0;line-height:12px;float:left;height:12px;padding:0 34px;border-right:1px solid #dfdfdf;text-align:center;color:#666;font-size:14px;}
.main .mainNav .child {transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
.main .mainNav .child.on a {color:#cd201c;}
.main .mainNav .child a{ color: #333;}
.main .mainNav .child a:hover {color:#cd201c;}
.mainContent .child { width:285px;margin-right:10px;vertical-align:text-top;padding-bottom:60px;display:inline-block;*display:inline;*zoom:1;}
.mainContent .child .childImg { overflow:hidden;position:relative;width:285px;height:190px;line-height:212px;text-align:center;}
.mainContent .child .childImg { transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
.mainContent .child:hover .childImg { -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);-ms-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);-o-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);}
.mainContent .child .childImg .childImgimg { width:100%;height:100%;vertical-align: top;}
.mainContent .child .childImg .childHide { opacity:0;position:absolute;top:0px;left:-100%;width:100%;height:100%;background-image: linear-gradient(top, rgba(232,232,232, 0.8) 0%, rgba(214,214,214, 0.8) 100%);background-image: -o-linear-gradient(top, rgba(232,232,232, 0.8) 0%, rgba(214,214,214, 0.8) 100%);background-image: -moz-linear-gradient(top, rgba(232,232,232, 0.8) 0%, rgba(214,214,214, 0.8) 100%);background-image: -webkit-linear-gradient(top, rgba(232,232,232, 0.8) 0%, rgba(214,214,214, 0.8) 100%);background-image: -ms-linear-gradient(top, rgba(232,232,232, 0.8) 0%, rgba(214,214,214, 0.8) 100%);background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(232,232,232, 0.8)), color-stop(1, rgba(214,214,214, 0.8)));filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e8e8', endColorstr='#d6d6d6'), progid: DXImageTransform.Microsoft.Alpha(Opacity=0);}
.mainContent .child .childImg .childHide { transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
.mainContent .child .childImg .childHide .childHideIcon { display:inline-block;*display:inline;*zoom:1;margin:0 2px;cursor:pointer;width:36px;height:36px;text-align:center;line-height:36px;border-radius:36px;-moz-border-radius:36px;-ms-border-radius:36px;-o-border-radius:36px;-webkit-border-radius:36px;background:#5f5f5f;}
.mainContent .child .childImg .childHide .childHideIcon { transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
.mainContent .child .childImg .childHide .childHideIcon:hover { background:#000;}
.mainContent .child .childImg .childHide .childHideIcon img { vertical-align:middle;}
.mainContent .child .childImg:hover .childHide { left:0;opacity:1;}
.mainContent .child .childTitle { line-height:24px;padding:20px 0 0 0;color:#333333;font-size:14px;}
.mainContent .child .childTime { line-height:22px;padding:6px 0;color:#999999;font-size:12px;}
.mainContent .child .childInfo { line-height:22px;font-size:12px;color:#666;}

.mainHead .title {line-height:40px;color:#333333;font-size:28px;}
.mainHead .time {font-size:14px;color:#999999;line-height:24px;padding-top:7;}
.mainContent img {max-width: 100% !important; }
.mainContent input[type='image'] {max-width: 100%;height: auto !important;}
.mainContent p {color:#666;font-size:14px;line-height:24px;padding:1px 0;}
.mainContent div {color:#666;font-size:14px; padding:1px 0;}
.mainContent span {color:#666;font-size:14px;line-height:24px;padding:1px 0;}
.mainFoot {position:relative;text-align:center;height:78px;border-top:1px solid #bebebe;border-bottom:1px solid #bebebe;margin:60px 0;}
.mainFoot .child {display:inline-block;*display:inline;*zoom:1;position:relative;width:193px;height:100%;border-left:1px solid #ddd;}
.mainFoot a:nth-child(1) .child {border-left:0;}
.mainFoot .child .childIcon, .mainFoot .child .childInfo {display:inline-block;*display:inline;*zoom:1;vertical-align:middle;}
.mainFoot .child .childIcon {margin-top:20px;position:relative;background:#666;width:38px;height:38px;text-align:center;line-height:38px;border-radius:38px;-moz-border-radius:38px;-ms-border-radius:38px;-o-border-radius:38px;-webkit-border-radius:38px;}
.mainFoot .child .childIcon img {vertical-align:middle;}
.mainFoot .child .childIcon img {transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
.mainFoot .child:hover .childIcon img {transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);-webkit-transform:rotate(360deg);}
.mainFoot .child .childInfo {padding-left:12px;text-align:left;margin-top: 18px;}
.mainFoot .child .childInfo p {color:#666;font-size:14px;}
.main .about {position:relative;padding:0px;}
.main .about:after {content: "020";display: block;height: 0;clear: both;visibility:hidden;}
.main .about .aboutTitle {position:relative;height:24px;padding-bottom:40px;}
.main .about .aboutTitle span {position:relative;z-index:1;line-height:24px;font-size:18px;color:#333333;padding-right:20px;background:#fff;}
.main .about .aboutTitle .sub {position:absolute;height:6px;background:#e8e8e8;top:10px;left:0px;width:100%;}
.main .about .child {position:relative;float:left;width:19%;margin-right:1%;}
.main .about .child .childImg {width:100%;height:auto;}
.main .about .child .childImg {transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
.main .about .child .childImg:hover {-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);-ms-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);-o-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);}
.main .about .child .childImg img {width:100%;height:auto;vertical-align:middle;}
.main .about .child .childTitle {color:#666;font-size:16px;line-height:24px;text-align:center;}
.main .about .child .childTitle p {padding:26px 0;}
.bdsharebuttonbox {position:absolute;top:0;left:0px;width: 100%;height: 100%;z-index: 1;}
.bdsharebuttonbox a {display:none;}
.bdsharebuttonbox .bds_weixin {width: 100%;height: 100%;display:block;opacity:0 !important;filter: alpha(opacity=0) !important;}
.mainContent div.newcnt{ padding: 20px 0; line-height: 25px; color: #666;}
/*product*/
.productmain{ padding-bottom: 20px}
.productmain .child {position:relative;float:left;width:214px;border:1px solid #e8e8e8;margin:10px 10px 20px 0;}
.productmain .child {transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
.productmain .child:hover {-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);-ms-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);-o-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);}
.productmain .child .childImg {width:214px;height:323px;line-height:323px;text-align:center;}
.productmain .child .childImg.case{height:214px;line-height:214px;}
.productmain .child .childImg img {vertical-align:middle;width:90%;height:95%;}
.productmain .child .childImg.case img{height:90%;}
.productmain .child .childImg img {transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
.productmain .child .childImg img:hover {transform:scale(1.04);-moz-transform:scale(1.04);-ms-transform:scale(1.04);-o-transform:scale(1.04);-webkit-transform:scale(1.04);}
.productmain .child .childTitle {position:relative;height:32px;text-align:center;}
.productmain .child .childTitle p {line-height:20px; color:#333;}
.productmain .child .childSub {height:5px;width:195px;margin:0 auto;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
.productmain .child .childInfo {height:40px;line-height:40px;text-align:center;color:#333;font-size:14px;}
.productmain .child .childInfo img, .main .about .child .childInfo span {vertical-align:middle;}

.cp-left{ width: 265px; box-sizing: border-box; float: left}
.cp-right{ width: 905px; float: right;}
.main .cp-right .left_h{ margin-bottom: 13px}
.cp-wap{ display: none}
/*栏目导航*/
.main .left_nav{ clear: both; font-size: 14px;}
.main .left_h{background:url(../images/title_line.jpg) left bottom no-repeat; color: #333;font-size: 22px; font-weight: normal; display: block; margin: 10px 0 5px; padding: 0px 0px 5px 0px;}
.main .left_nav_ul{list-style:none;margin:0px;padding:0px; margin:10px 0px 40px 0px;}
.main .left_nav_ul > li{position:relative; border-bottom: 1px solid #f2f2f2; background: url(../images/left_sli.gif) 6px 20px no-repeat;padding:8px 0px 8px 18px; list-style: none}
.main .left_nav_ul > li > a{text-decoration:none; color:#656464; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.main .left_nav_ul > li > a:hover,.left_nav_ul li a.left_active{color:#cd201c;}
/*小类*/
ul.left_snav_ul{list-style:none;padding:0px;display: none; padding-top: 8px;}
ul.left_snav_ul > li{ margin:0px;padding:5px 0px 5px 10px; background: url(../images/left_sli.gif) 0px 13px no-repeat;}
ul.left_snav_ul > li > a{border:0;color:#797979;padding: 5px 0px 5px 0px;}
ul.left_snav_ul > li > a:hover{ text-decoration: none;color:#cd201c;}
.menu_head{cursor:pointer; font: 600 18px/30px "Open Sans", sans-serif; width:35px; text-align:center;color:#303c4b;display:inline-block;position: absolute; top:3px; right:0px;}
.menu_head:hover{ color: #cd201c;}
/*左侧联系*/
.index_contact{margin:30px 0px 35px 5px; font-size: 13px; color: #656464; line-height: 28px;}
.index_contact p,.index_econtact p{clear: both;}

/*上一个下一个*/
.point{ clear: both; margin:20px 0px;font-size: 14px; padding-bottom: 40px; line-height:22px;}
.point span{ width: 50%; float: left}
.point span.to_prev{text-align:left; padding-bottom: 5px;}
.point span.to_prev a{color:#333;}
.point span.to_prev a:hover{color: #cd201c; text-decoration: none;}
.point span.to_next{text-align:right; padding-bottom: 5px;}
.point span.to_next a{color:#333;}
.point span.to_next a:hover{color: #cd201c; text-decoration: none;}

/*产品详情*/
.main .head:after {content: "020";display: block;height: 0;clear: both;visibility:hidden;}
.main .head .left {float:left;position:relative;width:440px;}
.main .head .left .banner {height:500px;border:1px solid #e8e8e8;overflow:hidden;margin: 0 auto;width: 500px;text-align:center}
.main .head .left .banner img {display:none; height:100%;width:auto;max-width:100%;}
.main .head .childs {position:relative;width:300px; float: right;height:460px;overflow: hidden;padding: 0;}
.main .head .childs:after {content: "020";display: block;height: 0;clear: both;visibility:hidden;}
.main .head .child {cursor:pointer;float:left;width:138px;height:138px;border:1px solid #e8e8e8;margin:0 5px 10px;}
.main .head .child img {width:100%;height:100%;vertical-align:middle;}
.main .head .leftBtn {position: absolute;left: 0;top: 50px;}
.main .head .rightBtn {position: absolute;right: 0px;top: 50px;}
.main .head .logoBtn {cursor:pointer;}
.main .head .right {float:right; padding-left: 40px;width:635px;color:#666;font-size:16px;}
.main .head .right .title {line-height:26px;color:#333333;font-size:20px;padding-bottom:10px;}
.main .head .right .sub {height:4px;border-top:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;}
.main .head .right .info {padding:15px 0;line-height: 24px;}
.main .head .right .tag {line-height:24px;}
.main .content .right p {padding:0;line-height:24px;color:#666;font-size:14px;}
.main .content .right div {padding:0;line-height:24px;color:#666;font-size:14px;}
.main .content:after {content: "020";display: block;height: 0;clear: both;visibility:hidden;}
.main .content .left {width:100%; margin: 0; padding: 0;}
.main .content .left li {height:50px;line-height:50px; list-style: none; text-align: left;border-bottom:1px solid #d6d6d6;color:#333;font-size:18px; font-weight: bold;cursor:pointer;}
.main .content .left li.cur{color:#cd201c;border-bottom:1px solid #cd201c; font-weight: bold;}
.main .content .right {position:relative;width:100%;padding:15px 0; text-align: left;}
.main .content .right .pro-child {display:none;}
.main .content .right .pro-child img{ max-width: 100%; height: auto}
.main .content .right .title {color:#333333;font-size:16px;line-height:22px;}
.main .content .right .info {padding:22px 0;line-height:22px;color:#666;font-size:14px;}
.main .products .about {position:relative;padding:40px 0 0; }
.main .products .about .aboutTitle {position:relative;height:24px;padding-bottom:40px;}
.main .products .about .aboutTitle span {position:relative;z-index:1;line-height:24px;font-size:18px;color:#333333;padding-right:20px;background:#fff;}
.main .products .about .aboutTitle .sub {position:absolute;height:6px;background:#e8e8e8;top:10px;left:0px;width:100%;}
.main .products .about .child {position:relative;float:left;width:288px;border:1px solid #e8e8e8;margin:0 0 0 12px;}
.main .products .about a:nth-child(1) .child {margin-left:0;}
.main .products .about .child .childImg {width:288px;height:288px;line-height:288px;text-align:center;}
.main .products .about .child .childImg:hover{box-shadow: none;-webkit-box-shadow: none;}
.main .products .about .child .childImg img {vertical-align:middle;width:90%;height:90%;}
.main .products .about .child {transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
.main .products .about .child:hover {-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);-ms-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);-o-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);}
.main .products .about .child .childTitle {position:relative;height:32px;text-align:center;}
.main .products .about .child .childTitle p {line-height:20px;padding-top:0;color:#333;font-size: 14px}
.main .products .about .child .childSub {height:5px;width:250px;margin:0 auto;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
.main .products .about .child .childInfo {height:40px;line-height:35px;text-align:center;color:#333;font-size:14px;}
.main .products .about .child .childInfo img, .main .about .child .childInfo span {vertical-align:middle;}





@media (max-width: 639px) {.main .honnerInfo {font-size:12px;line-height:20px;padding:10px 0 14px 0;}
.main .title {font-size:14px;line-height:22px;padding-bottom:7px;}
.main .info {font-size:14px;line-height:24px;}
.main .content {padding:20px 0;}
.main .content .child {width:100%;height:260px;line-height:260px;margin:8px 0;}
.main ul {padding:10px 0;margin-left:20px;}
.main ul li {line-height:22px;font-size:12px;}
.main .mainNav { height:auto;line-height:normal;padding:4px 0; margin-bottom: 20px}
.main .mainNav .child {margin:6px 0;line-height:12px;height:12px;padding:0 8px;font-size:13px;}
.mainContent .child {width:100%; margin-right:0px;padding-bottom: 0 }
.mainContent .child .childImg {width:100%; height:auto; line-height: normal; }
.mainContent .child .childTitle {line-height:24px; padding:2px 0 0 0; font-size:14px;}
.mainContent .child .childTime {line-height:20px; padding:4px 0; font-size:12px;}
.mainContent .child .childInfo {line-height:20px; font-size:12px;}
.mainHead .title {line-height:26px;font-size:20px;}
.mainHead .time {font-size:13px;line-height:20px;padding-top:4;}
.mainContent p {font-size:13px;line-height:20px;padding:6px 0;}
.mainContent div {font-size:13px;line-height:20px;padding:6px 0;}
.mainContent span {font-size:13px;line-height:20px;padding:6px 0;}
.main .about {display:none;}
.cp-wap{ display: block;}
.cp-left{ display: none}
.cp-right{ width: 100%;}
.cp-title{ font-size: 18px; line-height: 30px; color: #333}
.cp-wap .mainNav{ margin-top: 5px}
.cp-right .left_h{ display: none}
.productmain{ text-align: center}
.productmain .child {width:171px;margin:10px auto;float:none;display:inline-block;*display:inline;*zoom:1;}
.productmain .child .childImg {width:171px;height:259px;line-height:259px;}
.productmain .child .childSub{ width: 153px;}
.point span{ width: 100%;}
.point span.to_next {text-align:left; }
.main .head {padding-bottom:15px;}
.main .head .left {float:none;width:100%;}
.main .head .left .banner {height:100%;border:1px solid #e8e8e8;overflow:hidden;text-align:center;margin: 0 auto;width: 99%;}
.main .head .left .banner img {display:none;max-width:100%;width:auto;height:auto;max-height:100%;}
.main .head .childs {padding-top:6px; float: none; width: 100%; height: auto;}
.main .head .child {width:30%;height: 28vw;margin:5px 1%;}
.main .head .right {float:none;width:100%;font-size:12px;padding:20px 0 0;}
.main .head .right .title {line-height:22px;font-size:16px;padding-bottom:6px;}
.main .head .right .sub {height:2px;}
.main .head .right .info {padding:10px 0 10px 0;}
.main .head .right .tag {line-height:20px;font-size:12px;}
.main .content .left li{ font-weight: normal}
.main .content .right .title {font-size:14px;line-height:22px;}
.main .content .right .info {padding:6px 0;line-height:18px;font-size:14px;}
.main .products .about {padding:0px 0 40px 0;display:none;}
.main .products .about .aboutTitle {height:24px;padding-bottom:40px;}
.main .products .about .aboutTitle span {line-height:20px;font-size:14px;padding-right:8px;}
.main .products .about .aboutTitle .sub {height:4px;top:8px;}
.main .products .about .child {width:288px;margin:10px auto;float:none;display:inline-block;*display:inline;*zoom:1;}
.main .products .about .child .childImg {width:288px;height:288px;line-height:288px;}
.main .products .about .child .childTitle {height:60px;}
.main .products .about .child .childTitle p {line-height:20px;padding-top:14px;}
.main .products .about .child .childSub {height:5px;width:250px;}
.main .products .about .child .childInfo {height:54px;line-height:54px;font-size:14px;}
}
@media (min-width: 640px) and (max-width:1023px ) {.main .honnerInfo {font-size:14px;line-height:20px;padding:22px 0 26px 0;}
.main .title {font-size:20px;line-height:30px;padding-bottom:14px;}
.main .info {font-size:14px;line-height:24px;}
.main .content {padding:40px 0;}
.main .content .child {width:46%;height:260px;line-height:260px;margin:8px;}
.main ul {padding:20px 0;margin-left:20px;}
.main ul li {line-height:28px;font-size:14px;}
.main .mainNav {height: auto;line-height:44px; padding: 5px 0;}
.main .mainNav .child {margin:8px 0;line-height:12px;height:12px;padding:0 14px;font-size:14px;}
.mainContent .child {width:285px; margin-right:10px; padding-bottom: 0px}
.mainContent .child .childImg {width:285px; height:212px; line-height:212px;}
.mainContent .child .childTitle {line-height:24px; padding:2px 0 0 0; font-size:14px;}
.mainContent .child .childTime {line-height:22px; padding:6px 0; font-size:12px;}
.mainContent .child .childInfo {line-height:22px; font-size:12px;}
.mainHead .title {line-height:40px;font-size:28px;}
.mainHead .time {font-size:14px;line-height:24px;padding-top:7px;}
.mainContent p {font-size:14px;line-height:24px;padding:8px 0;}
.mainContent div {font-size:14px;line-height:24px;padding:8px 0;}
.mainContent span {font-size:14px;line-height:24px;padding:8px 0;}
.mainContent div.pages,.mainContent .pages span,.mainContent .pages a{ font-size: 13px;}
.main .about {padding:0px;}
.main .about .aboutTitle {height:24px;    padding-bottom:20px;}
.main .about .aboutTitle span {line-height:24px;    font-size:18px;    padding-right:20px;}
.main .about .aboutTitle .sub {height:6px;    top:10px;}
.main .about .child {width:19%;    margin-right:1%;}
.main .about .child .childTitle {font-size:14px;    line-height:20px;}
.main .about .child .childTitle p {padding:6px 0;}
.cp-wap{ display: block;}
.cp-left{ display: none}
.cp-right{ width: 100%;}
.cp-title{ font-size: 22px; line-height: 30px; color: #333}
.cp-wap .mainNav{ margin: 5px 0 20px}
.cp-right .left_h{ display: none}
.productmain .child {width:288px;margin:6px 6px 0 0;float:none;display:inline-block;*display:inline;*zoom:1;}
.productmain .child .childImg {width:288px;height:438px;line-height:438px;}
.productmain .child .childSub{ width: 260px;}
.main .head .left {float:left;position:relative;width:660px;}
.main .head .left .banner {height:500px;border:1px solid #e8e8e8;overflow:hidden;margin: 0 auto;text-align:center;width: 500px;}
.main .head .left .banner img {display:none;max-width:100%;max-height:100%;width:auto;height:auto;}
.main .head .left .childs {position:relative;width:87%;height:126px;overflow: hidden;padding: 12px 29px 0 37px;}
.main .head .left .childs:after {content: "020";display: block;height: 0;clear: both;visibility:hidden;}
.main .head .left .child {cursor:pointer;float:left;width:148px;height:148px;border:1px solid #e8e8e8;margin-right:6px;}
.main .head .left .child:nth-child(4) {margin-right:0;}
.main .head .left .child img {width:100%;height:100%;vertical-align:middle;}
.main .head .left .leftBtn {position: absolute;left: 0;top: 50px;}
.main .head .left .rightBtn {position: absolute;right: 0px;top: 50px;}
.main .head .left .logoBtn {cursor:pointer;}
.main {padding:40px 0 0 0;}
.main .head {padding-bottom:30px;}
.main .head .left {float:none;width:100%;}
.main .head .childs {padding-top:40px; width: 510px; height: 335px; margin: 0 auto; float: none}
.main .head .child {width:158px; height: 158px;}
.main .head .right {float:none;width:100%;font-size:16px;padding:40px 0 0 0;}
.main .head .right .title {line-height:26px;font-size:20px;padding-bottom:10px;}
.main .head .right .sub {height:4px;}
.main .head .right .info {padding:10px 0;}
.main .head .right .tag {line-height:24px;}
.main .content .right .title {font-size:16px;line-height:22px;}
.main .content .right .info {padding:22px 0;line-height:22px;font-size:14px;}
.main .products .about {padding:0px 0 100px 0;}
.main .products .about .aboutTitle {height:24px;padding-bottom:40px;}
.main .products .about .aboutTitle span {line-height:24px;font-size:18px;padding-right:20px;}
.main .products .about .aboutTitle .sub {height:6px;top:10px;}
.main .products .about .child {float:none;display:inline-block;*display:inline;*zoom:1;width:288px;margin:6px 6px 0 0;}
.main .products .about a:nth-child(1) .child {margin-left:0;}
.main .products .about .child .childImg {width:288px;height:288px;line-height:288px;}
.main .products .about .child .childTitle {height:32px;}
.main .products .about .child .childTitle p {line-height:20px;padding-top:0;}
.main .products .about .child .childSub {height:5px;width:250px;}
.main .products .about .child .childInfo {height:40px;line-height:40px;font-size:14px;}
}
@media (min-width: 1024px) and (max-width:1199px ) {
.cp-left{ width: 210px; box-sizing: border-box; float: left}
.cp-right{ width: 740px; float: right;}
.productmain .child{ width: 234px;}
.productmain .child .childImg{width: 234px; height: 354px; line-height: 354px;}
.productmain .child .childSub{ width: 210px;}
.main .head .left {width:430px;}
.main .head .left .banner { width:430px; height: 430px}
.main .head .left .child {width:120px;height:120px;margin-right:5px;}
.main .head .left .child:nth-child(4) {margin-right:0;}
.main .head .right {width:500px; padding-left: 30px;font-size:16px;}
.main .head .childs{ width: 244px; height: 360px;}
.main .head .child{ width: 110px; height: 110px;}
.main .products .about {padding:20px 0 60px 0;}
.main .products .about .child {float:none;display:inline-block;*display:inline;*zoom:1;margin:10px 10px 0 0; width: 229px;}
.main .products .about .child .childImg{width: 229px; height: 229px; line-height: 229px;}
.main .products .about .child .childSub{ width: 205px;}
}
@media (min-width: 1200px) and (max-width:1439px ) {}
@media (min-width: 1440px) and (max-width:1920px ) {}
.pages { text-align:center;margin: 14px 0 0 0; font-size: 14px; clear: both}
.pages a, .pages span { display:inline-block; margin:0 1px; }
.pages a, .pages li { display:inline-block;list-style: none;text-decoration:none;color:#cd201c;}
.pages a.first, .pages a.prev, .pages a.next, .pages a.end { margin:0;}
.pages a:hover { }
.pages span.current { color:#FFF;font-weight:700;border-color:#cd201c;}