@charset "utf-8";
/* CSS Document */
body{ margin:0px; padding:0px; font-size:24px;font-family: Arial,Microsoft Yahei,SimSun,Helvetica,sans-serif,Verdana,Apple LiGothic Medium; color:#666;background: #fff;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
}
button, input, select, textarea {font-family:"微软雅黑",YaHei,tahoma,arial,"Hiragino Sans GB",宋体;}
ol,ul,li{ margin:0px; padding:0px; list-style-type:none;}
img{ border: none; }
p,ul,li,dl,dd,dt,form,imput,h1,h2,h3,h4,h5,h6,h7{ margin:0px; padding:0px; }
a{ text-decoration:none;color:#666;}
a:hover{ color:#007fc8; text-decoration:none;}
a:hover,a:active,a:focus{text-decoration:none;cursor:pointer; }
.strong{ font-weight:bold;}
.floatleft{float: left;}
.floatright{ float: right;}
.clear { clear:both; height:0; overflow:hidden; display: block; visibility: hidden; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { zoom: 1; }
.overflow{ overflow:hidden;}
/* q:before,q:after {content: '';} */
address, caption, cite, code, dfn, em, th, var {font-style: normal; font-weight: 500;}
.white-bg{ background-color: #fff; }
.red-bg{ background-color: #ab1e32; }
.lgray-bg{ background-color: #f6f6f6; }
.gray-bg{ background-color: #eee; }
.container{ width: 1200px; margin: 0 auto; position: relative;}
.imgscale{overflow:hidden; }
.imgscale img{ transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out; }
.imgscale img:hover { transform: scale(1.04); -webkit-transform: scale(1.04); -moz-transform: scale(1.04); -o-transform: scale(1.04); -ms-transform: scale(1.04); }
.imgB:hover{ -webkit-filter: brightness(120%);filter: brightness(120%); cursor: pointer; }
/* top */
.topbg{ background-color: #ab1e32; height: 48px; line-height: 48px; font-size: 16px; color: #fff;}
.topbg-l ul li{ float: left; margin-right: 46px; position: relative; }
.topbg-l ul li img{margin-right: 4px; width: 20px; height: 16px; vertical-align:middle;}
.topbg-l ul li:hover img{
	        -webkit-transform-origin: center center;
	        -ms-transform-origin: center center;
	        transform-origin: center center;
	        -webkit-animation-name: shaky-slow;
	        -ms-animation-name: shaky-slow;
	        animation-name: shaky-slow;
	        -webkit-animation-duration: 4s;
	        -ms-animation-duration: 4s;
	        animation-duration: 4s;
	        -webkit-animation-iteration-count: infinite;
	        -ms-animation-iteration-count: infinite;
	        animation-iteration-count: infinite;
	        -webkit-animation-timing-function: ease-in-out;
	        -ms-animation-timing-function: ease-in-out;
	        animation-timing-function: ease-in-out;
	        -webkit-animation-delay: 0s;
	        -ms-animation-delay: 0s;
	        animation-delay: 0s;
	        -webkit-animation-play-state: running;
	        -ms-animation-play-state: running;
	        animation-play-state: running;	
}
@-webkit-keyframes shaky-slow {
        0% {
            -webkit-transform: translate(0px, 0px) rotate(0deg);
        }
        2% {
            -webkit-transform: translate(-1px, 1.5px) rotate(1.5deg);
        }
        4% {
            -webkit-transform: translate(1.3px, 0px) rotate(-0.5deg);
        }
        6% {
            -webkit-transform: translate(1.4px, 1.4px) rotate(-2deg);
        }
        8% {
            -webkit-transform: translate(-1.3px, -1px) rotate(-1.5deg);
        }
        10% {
            -webkit-transform: translate(1.4px, 0px) rotate(-2deg);
        }
        12% {
            -webkit-transform: translate(-1.3px, -1px) rotate(-2deg);
        }
        14% {
            -webkit-transform: translate(1.5px, 1.3px) rotate(1.5deg);
        }
        16% {
            -webkit-transform: translate(1.5px, -1.5px) rotate(-1.5deg);
        }
        18% {
            -webkit-transform: translate(1.3px, -1.3px) rotate(-2deg);
        }
        20% {
            -webkit-transform: translate(1px, 1px) rotate(-0.5deg);
        }
        22% {
            -webkit-transform: translate(1.3px, 1.5px) rotate(-2deg);
        }
        24% {
            -webkit-transform: translate(-1.4px, -1px) rotate(2deg);
        }
        26% {
            -webkit-transform: translate(1.3px, -1.3px) rotate(0.5deg);
        }
        28% {
            -webkit-transform: translate(1.6px, -1.6px) rotate(-2deg);
        }
        30% {
            -webkit-transform: translate(-1.3px, -1.3px) rotate(-1.5deg);
        }
        32% {
            -webkit-transform: translate(-1px, 0px) rotate(2deg);
        }
        34% {
            -webkit-transform: translate(1.3px, 1.3px) rotate(-0.5deg);
        }
        36% {
            -webkit-transform: translate(1.3px, 1.6px) rotate(1.5deg);
        }
        38% {
            -webkit-transform: translate(1.3px, -1.6px) rotate(1.5deg);
        }
        40% {
            -webkit-transform: translate(-1.4px, -1px) rotate(-0.5deg);
        }
        42% {
            -webkit-transform: translate(-1.4px, 1.3px) rotate(-0.5deg);
        }
        44% {
            -webkit-transform: translate(-1.6px, 1.4px) rotate(0.5deg);
        }
        46% {
            -webkit-transform: translate(-2.1px, -1.3px) rotate(-0.5deg);
        }
        48% {
            -webkit-transform: translate(1px, 1.6px) rotate(1.5deg);
        }
        50% {
            -webkit-transform: translate(1.6px, 1.6px) rotate(1.5deg);
        }
        52% {
            -webkit-transform: translate(-1.4px, 1.6px) rotate(0.5deg);
        }
        54% {
            -webkit-transform: translate(1.6px, -1px) rotate(-2deg);
        }
        56% {
            -webkit-transform: translate(1.3px, -1.6px) rotate(-2deg);
        }
        58% {
            -webkit-transform: translate(-1.3px, -1.6px) rotate(0.5deg);
        }
        60% {
            -webkit-transform: translate(1.3px, 1.6px) rotate(-0.5deg);
        }
        62% {
            -webkit-transform: translate(0px, 0px) rotate(-1.5deg);
        }
        64% {
            -webkit-transform: translate(-1.6px, -1.6px) rotate(-2deg);
        }
        66% {
            -webkit-transform: translate(1.6px, -1.6px) rotate(0.5deg);
        }
        68% {
            -webkit-transform: translate(0px, -1.6px) rotate(-2deg);
        }
        70% {
            -webkit-transform: translate(-1.6px, 1px) rotate(1.5deg);
        }
        72% {
            -webkit-transform: translate(-1.6px, 1.6px) rotate(2deg);
        }
        74% {
            -webkit-transform: translate(1.3px, -1.6px) rotate(-0.5deg);
        }
        76% {
            -webkit-transform: translate(1.4px, 1px) rotate(-0.5deg);
        }
        78% {
            -webkit-transform: translate(-1px, 1.4px) rotate(2deg);
        }
        80% {
            -webkit-transform: translate(1.4px, 1.6px) rotate(2deg);
        }
        82% {
            -webkit-transform: translate(-1.6px, -1.6px) rotate(-0.5deg);
        }
        84% {
            -webkit-transform: translate(-1.4px, 1.4px) rotate(-2deg);
        }
        86% {
            -webkit-transform: translate(1px, 1.4px) rotate(-2deg);
        }
        88% {
            -webkit-transform: translate(-1.4px, 1.4px) rotate(-1.5deg);
        }
        90% {
            -webkit-transform: translate(-1.6px, -1.6px) rotate(-2deg);
        }
        92% {
            -webkit-transform: translate(-1.6px, 1.6px) rotate(2deg);
        }
        94% {
            -webkit-transform: translate(-1.6px, -1.6px) rotate(-2deg);
        }
        96% {
            -webkit-transform: translate(-1.4px, 1.3px) rotate(-2deg);
        }
        98% {
            -webkit-transform: translate(1.3px, 1px) rotate(-0.5deg);
        }
    }
    @keyframes shaky-slow {
        0% {
            transform: translate(0px, 0px) rotate(0deg);
        }
        2% {
            transform: translate(-1px, 1.5px) rotate(1.5deg);
        }
        4% {
            transform: translate(1.3px, 0px) rotate(-0.5deg);
        }
        6% {
            transform: translate(1.4px, 1.4px) rotate(-2deg);
        }
        8% {
            transform: translate(-1.3px, -1px) rotate(-1.5deg);
        }
        10% {
            transform: translate(1.4px, 0px) rotate(-2deg);
        }
        12% {
            transform: translate(-1.3px, -1px) rotate(-2deg);
        }
        14% {
            transform: translate(1.5px, 1.3px) rotate(1.5deg);
        }
        16% {
            transform: translate(1.5px, -1.5px) rotate(-1.5deg);
        }
        18% {
            transform: translate(1.3px, -1.3px) rotate(-2deg);
        }
        20% {
            transform: translate(1px, 1px) rotate(-0.5deg);
        }
        22% {
            transform: translate(1.3px, 1.5px) rotate(-2deg);
        }
        24% {
            transform: translate(-1.4px, -1px) rotate(2deg);
        }
        26% {
            transform: translate(1.3px, -1.3px) rotate(0.5deg);
        }
        28% {
            transform: translate(1.6px, -1.6px) rotate(-1.5deg);
        }
        30% {
            transform: translate(-1.3px, -1.3px) rotate(-1.5deg);
        }
        32% {
            transform: translate(-1px, 0px) rotate(2deg);
        }
        34% {
            transform: translate(1.3px, 1.3px) rotate(-0.5deg);
        }
        36% {
            transform: translate(1.3px, 1.6px) rotate(1.5deg);
        }
        38% {
            transform: translate(1.3px, -1.6px) rotate(1.5deg);
        }
        40% {
            transform: translate(-1.4px, -1px) rotate(-0.5deg);
        }
        42% {
            transform: translate(-1.4px, 1.3px) rotate(-0.5deg);
        }
        44% {
            transform: translate(-1.6px, 1.4px) rotate(0.5deg);
        }
        46% {
            transform: translate(-2.1px, -1.3px) rotate(-0.5deg);
        }
        48% {
            transform: translate(1px, 1.6px) rotate(1.5deg);
        }
        50% {
            transform: translate(1.6px, 1.6px) rotate(1.5deg);
        }
        52% {
            transform: translate(-1.4px, 1.6px) rotate(0.5deg);
        }
        54% {
            transform: translate(1.6px, -1px) rotate(-2deg);
        }
        56% {
            transform: translate(1.3px, -1.6px) rotate(-2deg);
        }
        58% {
            transform: translate(-1.3px, -1.6px) rotate(0.5deg);
        }
        60% {
            transform: translate(1.3px, 1.6px) rotate(-0.5deg);
        }
        62% {
            transform: translate(0px, 0px) rotate(-1.5deg);
        }
        64% {
            transform: translate(-1.6px, -1.6px) rotate(-2deg);
        }
        66% {
            transform: translate(1.6px, -1.6px) rotate(0.5deg);
        }
        68% {
            transform: translate(0px, -1.6px) rotate(-2deg);
        }
        70% {
            transform: translate(-1.6px, 1px) rotate(1.5deg);
        }
        72% {
            transform: translate(-1.6px, 1.6px) rotate(2deg);
        }
        74% {
            transform: translate(1.3px, -1.6px) rotate(-0.5deg);
        }
        76% {
            transform: translate(1.4px, 1px) rotate(-0.5deg);
        }
        78% {
            transform: translate(-1px, 1.4px) rotate(2deg);
        }
        80% {
            transform: translate(1.4px, 1.6px) rotate(2deg);
        }
        82% {
            transform: translate(-1.6px, -1.6px) rotate(-0.5deg);
        }
        84% {
            transform: translate(-1.4px, 1.4px) rotate(-2deg);
        }
        86% {
            transform: translate(1px, 1.4px) rotate(-2deg);
        }
        88% {
            transform: translate(-1.4px, 1.4px) rotate(-1.5deg);
        }
        90% {
            transform: translate(-1.6px, -1.6px) rotate(-2deg);
        }
        92% {
            transform: translate(-1.4px, 1.6px) rotate(2deg);
        }
        94% {
            transform: translate(-1.6px, -1.6px) rotate(-2deg);
        }
        96% {
            transform: translate(-1.4px, 1.3px) rotate(-2deg);
        }
        98% {
            transform: translate(1.3px, 1px) rotate(-0.5deg);
        }
    }

.topbg-r{ float: right; margin-right: 16px; height: 48px;} 
.topbg-r a{ width: 32px; height: 32px; margin: 8px 6px 0 6px; display: inline-block; background-color: rgba(255,255,255,0.21); border-radius: 16px;}
.topbg-r a:hover{ background-color: #ab1e32; background-color: rgba(246,60,80,0.6); }

.top-nav{ height: 70px; position: fixed; z-index: 33; width: 100%;}
.top-nav.top-nav-on{ 
	background: -moz-linear-gradient(top, rgba(0,0,0,0.4) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.4)), color-stop(100%,rgba(255,255,255,0)));
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.4) 0%,rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(top,  rgba(0,0,0,0.4) 0%,rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.4) 0%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0.4) 0%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(0,0,0,0.4)', endColorstr='rgba(255,255,255,0)',GradientType=0 );
	 top: 48px; 
}
.top-nav.top-nav-hover{ background-color: rgba(0,0,0,0.8); top: 0px; }

.top-nav .logo{ width: 284px; float: left; padding-top: 16px; }
.top-nav .logo a{ display: inline-block; height: 37px; }

.top-nav .nav_box{ float: right; font-size: 20px; color: #333; padding-left: 8px; padding-top: 40px; }
.top-nav .nav_box li{ margin: 0 16px; display: inline-block; }
.top-nav .nav_box li a:hover{ color: #ab1e32;}
.top-nav .nav_box li.active a{ color: #ab1e32;}

.nav-box{ float: right; font-size: 20px; color: #333; height:80px; }
.nav-box ul{ width:100%; height:auto; }	
.nav-box>ul>li{ float:left; text-align:center; position:relative;  }
.nav-box>ul>li{ line-height: 70px; margin-left: 28px; }
.nav-box>ul>li:hover>a{ color: #fff;}
.nav-box>ul>li a:hover{ color: #e90021; }
.nav-box>ul>li>a{ font-size: 16px; height: 70px; line-height: 70px; display: block; color: #fff; text-transform: uppercase; }
.nav-box>ul>li>ul>li{ line-height: 1; text-align: left; padding: 12px 0 10px 20px; border-top: 1px solid rgba(255,255,255,0.2); }
.nav-box>ul>li>ul>li a{ color: #999; font-size: 16px; }
.nav-box ul li ul[class="two-items"]{
	position:absolute;
	top:70px;
	left:0;
	width: 196px;
	display:none;
	z-index: 10;
	background:rgba(0, 0, 0, 0.8)!important;
	filter:Alpha(opacity=80);
	background:#000;
}
.nav-box ul li ul[class="two-items"] li:first-child{ border-top: 2px solid #ab1e32;}
.nav-box ul li ul[class="two-items"]>li>a:hover{ padding-left: 10px; position: relative; }
.nav-box ul li ul[class="two-items"]>li>a:hover::after{ content: ''; position: absolute; width: 6px; height: 6px; background-color: #fff; border-radius: 6px;
 top: 6px; left: 0; }

.nav-box ul li ul li{ position:relative; float:none; }
.nav-box ul li:hover ul[class="two-items"]{ display:block; }
.nav-box ul li ul li:hover ul[class="three-items"]{ display:block; }
.nav-box ul li ul li:hover ul[class="three-items"]::before{
	content: ''; position: absolute; width: 6px; height: 6px; background-color: #ab1e32; 
	top: 6px; left: 0;
}
.nav-box ul li ul li ul{
	display:none;
	position:absolute;
	top:-2px;
	left:196px;
	width: 196px;
	z-index: 12;
}
.nav-box ul li ul li ul li{ padding: 16px 0 14px 56px; border-top: 1px solid #DF0020;  }


.html-wide{ min-width: 1200px; }
.uppercase{text-transform: uppercase;}
/* banner */
.banner{ /* height: 652px; */  position: relative; }
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{ font-size: 30px !important; color: #fff !important; }
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{ font-size: 30px !important; color: #fff !important; }
.swiper-slide.swiper-slide-active{ z-index: 3; }
.swiper-container {
  width: 100%;
  height: 100%;
}
.swiper-slide {
  z-index: 0;
  text-align: center;
  font-size: 18px;
  background: #fff;
  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;
}
.swiper-pagination .swiper-pagination-bullet{background-color: #e2f1fb;width: 8px;height: 8px;border-radius: 4px;opacity: 0.8;}
.swiper-pagination .swiper-pagination-bullet-active{background: #df0020; width: 20px;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 30px !important;}
/* video */
.videolist { position:relative; /* float:left; margin-right:50px; margin-top:15px; margin-bottom:30px; */ }
.videolist:hover{ cursor: pointer; }
.videolist .videoed { width:100px; height:100px; position: absolute; left:50%; top:50%; z-index:99; border-radius:100%; margin-top: -50px; margin-left: -50px; }
.videos{ display:none;  position:fixed; left:50%; top:50%; margin-left:-400px; margin-top:-200px; z-index:100; width:800px; }
.videos .vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; width: 23px; height: 23px; }
	  
/* index */
.i-core1{ padding-top: 90px; padding-bottom: 84px;}
.box-tit{ text-align: center; font-size: 36px; font-weight: bold; color: #ab1e32; line-height: 1; font-family:Times New Roman;}
.i-core1>p{ line-height: 42px; text-align: center; padding-top: 22px; }
.i-core1 .i-core1img{ padding-top: 42px; padding-bottom: 94px; }
.i-core1 .i-core1img .img{ width: 384px; height: 337px; margin-left: 24px; float: left;  cursor: pointer; } 
.i-core1 .i-core1img .img:first-child{  margin-left: 0;}
.i-core1foot .text{ line-height: 42px; /*padding-top: 22px;*/ width: 588px; float: left; text-align: left; /*padding-top: 52px; */}
.i-core1foot .text p{ padding-bottom: 24px;}
.i-core1foot .img{  width: 579px; height: 381px; float: right; cursor: pointer; }
.bg-box{ background: url(../images/index-productbg.jpg) top center no-repeat; background-size: 1920px 335px; }
.i-core2 .i-p-l{ padding-top: 82px; padding-bottom: 123px;}
.i-core2 .i-p-l h3{ font-size: 26px; color: #fff; line-height: 36px; text-align: center; text-transform: uppercase; padding-bottom: 22px; font-family:Times New Roman; }
.i-core2 .i-core1img .p-item{ width: 384px; float: left; margin-left: 24px; }
.i-core2 .i-core1img .p-item:first-child{  margin-left: 0;}
.i-core2 .i-core1img .p-item h4{ height: 72px; line-height: 72px; font-size: 28px; font-weight: bold; text-align: center; color: #fff;}
.i-core2 .i-core1img .p-item .img{ height: 239px;}
.i-core2 .i-p-ione .img{ width: 588px; height: 361px; float: left; }
.i-core2 .i-p-ione .text{ padding-left: 34px;/* padding-top: 50px;*/ width: 570px; float: left; }
.i-core2 .i-p-ione .text .box-tit{ padding-bottom: 20px;}
.i-core2 .i-p-ione .text p{ line-height: 42px; padding-bottom: 12px; }
.i-core2 .i-p-itwo{ padding-top: 52px; padding-bottom:70px; }
.i-core2 .i-p-itwo .img{ width: 579px; height: 361px; float: right; }
.i-core2 .i-p-itwo .text{ padding-top: 82px; width: 570px; float: left; }
.i-core2 .i-p-itwo .text .box-tit{ padding-bottom: 24px; text-align: left; font-family:Times New Roman; }
.i-core2 .i-p-itwo .text p{ line-height: 44px; }
/* product_lights */
.banner-one{ text-align: center; overflow: hidden; position: relative; display: flex; }
.banner-one img{ width: 100%; }
.pl-core1{ padding-top: 138px; padding-bottom: 62px; }
.pl-core1 .box-tit{ font-size: 48px; font-weight: bold; color: #ab1e32; font-family:Times New Roman; padding-bottom: 40px; text-transform: uppercase;}
.pl-core1 p{ margin: 0 auto; display: block; font-size: 30px; line-height: 42px; color: #666; text-align: center; padding-bottom: 50px; }
.pl-core1 .min{ padding-bottom: 46px; } 
.pl-core1 .min p{ font-size: 24px; line-height: 34px; padding-bottom: 0; }
.pl-core1 .min .box-tit{ padding-bottom: 26px; }
.pl-core1 .pl-core1img .p-item{ width: 384px; float: left; padding-right: 24px; }
.pl-core1 .pl-core1img .p-item:nth-child(3n){ padding-right: 0;}
.pl-core1 .pl-core1img .p-item h4{ height: 86px; line-height: 86px; font-size: 30px; text-align: center; color: #ab1e32; font-weight: normal;}
.pl-core1 .pl-core1img .p-item .img{ height: 364px; cursor: pointer; }
.pl-core-vl{ text-align: right;  width: 51.2%; display: inline-grid; float: left; cursor: pointer;}
.pl-core-vl img{ width: 100%; display: block; }
.pl-core-vr{ text-align: left; width: 48.8%; /* height: 611px; */ display: inline-block; float: right; padding-left: 80px; box-sizing: border-box; color: #fff; font-size: 36px; line-height: 44px; }
.pl-core-vr h4{ line-height: 44px; position: relative; font-size: 36px; text-transform: uppercase; font-family:Times New Roman; padding-top: 174px; padding-bottom: 21px; }
.pl-core-vr h4::after{ content:""; position: absolute; left: 0; bottom: 0; width: 149px; height: 3px; z-index: 1; background-color: #fff }
.pl-core-vr p{ max-width: 514px; padding-top: 44px; }
/* product_box */
.pl-core1 .pb-core1img .p-item{ width: 384px; float: left; padding-right: 24px; }
.pl-core1 .pb-core1img .p-item:nth-child(3n){ padding-right: 0;}
.pl-core1 .pb-core1img .p-item .img{ cursor: pointer; }
.pl-core1 .pb-core1img .p-item .img a{ display: block; }
.pb-core1img .p-item.item-one .img:first-child{ height: 328px; margin-bottom: 16px; }
.pb-core1img .p-item.item-one .img:last-child{ height: 657px; }
.pb-core1img .p-item.item-two .img:first-child{ height: 489px; margin-bottom: 20px; }
.pb-core1img .p-item.item-two .img:last-child{ height: 492px; }
.pb-core1img .p-item.item-three .img:first-child{ height: 653px; margin-bottom: 14px; }
.pb-core1img .p-item.item-three .img:last-child{ height: 334px; }
.pbbg-box{ background: url(../images/solarPower-c.jpg) top center no-repeat; background-size: 1920px 1161px; min-height: 1161px; }
.pb-core1 h4{ font-size: 48px; color: #ab1e32; font-family:Times New Roman; line-height: 1; padding-top: 124px; padding-bottom: 83px; text-align: center;  text-transform: uppercase; }
.pb-core1 .pb-p-l{ width: 501px; height: 801px; float: left;}
.pb-core1 .pb-p-l img{ width: 501px; height: 801px; }
.pb-core1 .pb-p-r{ float: left; width: 690px; }
.pb-core1 .pb-p-r h5{ text-align: center; font-size: 24px; color: #ab1e32; font-family:Times New Roman; font-weight: bold; line-height: 1; padding-top: 26px; text-transform: uppercase; padding-bottom: 15px; }
.pb-core1 .pb-p-r p{ font-size: 22px; line-height: 40px; padding-left: 52px; padding-right: 30px; color: #666; }
.pb-core1 .pb-p-r h6{ text-align: center; font-size: 24px; color: #fff; font-family:Times New Roman; font-weight: bold; background-color: #ab1e32; height: 60px; line-height: 60px; margin-top: 24px; margin-bottom:45px;}
.pb-core1 .pb-p-r .p-item{ padding-left: 54px;}
.pb-core2{ padding-top: 112px; padding-bottom: 92px; text-align: center; height:964px; box-sizing: border-box; }
.pb-core2 .pb-p-f { width: 1200px; height: 760px; float: left; background: url(../images/solarPower-f.jpg) top center no-repeat; background-size:1200px 760px ; }
.pb-core2 .pb-p-f h4{ font-size: 48px; font-weight: bold;  color: #ab1e32; font-family:Times New Roman; line-height: 1; padding-top: 86px; padding-bottom: 60px; text-transform: uppercase; }
.pb-core2 .pb-p-f .fp-i{ text-align: center; margin-bottom: 36px;  }
.pb-core2 .pb-p-f .fp-box .fp-itme{ width: 386px; text-align: center; float: left; height: 340px; }
.pb-core2 .pb-p-f .fp-box .fp-itme:nth-child(1){ padding-left: 30px;}
.pb-core2 .pb-p-f .fp-box .fp-itme:nth-child(2){ padding-left: 10px;}
.pb-core2 .pb-p-f .fp-box .fp-itme:nth-child(3){ padding-left: 2px;}
.pb-core2 .pb-p-f .fp-box .fp-itme h5{ font-size: 24px; font-weight: bold; color: #ab1e32; text-align: center; height: 56px; box-sizing: border-box; }
.pb-core2 .pb-p-f .fp-box .fp-itme:nth-child(1) h5{ padding-top: 24px; }
.pb-core2 .pb-p-f .fp-box .fp-itme:nth-child(3) h5{ padding-top: 24px; }
.pb-core2 .pb-p-f .fp-box .fp-itme img{ width: 386px; height: 286px; }
/* product_system */
.ps-core1{ padding-top: 169px; padding-bottom: 154px; }
.ps-core1 .l-text { width: 688px; float: left; }
.ps-core1 .l-text h4{ font-size: 60px; color: #ab1e32; line-height: 56px; width: 656px; padding-left: 7px; padding-bottom: 23px;  }
.ps-core1 .l-text h4 span{ font-size: 40px; color: #666; font-weight: normal; padding-left: 66px;}
.ps-core1 .l-text h4 em{ padding-left: 7px; font-weight: bold; }
.ps-core1 .l-text p{ font-size: 22px; color: #999; line-height: 48px; padding-left: 20px; position: relative; }
.ps-core1 .l-text p::after{ width: 10px; height: 10px; border-radius: 6px; background-color: #999; content: ""; position: absolute; top: 20px; left: 0; }
.ps-core1 .l-text a{ width: 178px; height: 56px; line-height: 56px; color: #fff; border-radius: 6px; background-color: #ab1e32; text-align: center; font-size: 24px; text-align: center; display: block; margin-top: 28px; }
.ps-core1 .p-item{ float: right; padding-top: 50px; }
.ps-core2{ padding-top: 113px; padding-bottom: 63px;}
.ps-core2 .p-item{ width: 486px; height: 504px; float: left; }
.ps-core2 .p-item img{ border-radius: 20px; }
.ps-core2 .l-text{ padding-left: 107px; float: left; color: #fff; max-width: 606px; }
.ps-core2 .l-text h4{ font-size: 36px; font-weight: bold; font-family:Times New Roman; text-transform: uppercase; line-height: 1; padding-bottom: 36px; padding-top: 54px;  }
.ps-core2 .l-text p{ font-size: 22px;  line-height: 43px; max-width: 590px; padding-left: 28px; position: relative; }
.ps-core2 .l-text p::after{ width: 10px; height: 10px; border-radius: 6px; background-color: #fff; content: ""; position: absolute; top: 17px; left: 0; }
.ps-core2 .l-text a{ width: 178px; height: 56px; float: right; line-height: 56px; color: #ab1e32; border-radius: 6px; background-color: #fff; text-align: center; font-size: 24px; text-align: center; display: block; margin-top: 28px; }
.ps-core3{ padding-top: 196px; padding-bottom: 138px; position: relative; height: 614px;}
.ps-core3::after{ content: "Features"; position: absolute; left: 34px; bottom: 5px; font-size: 284px; color: #dee0e2; text-align: center; z-index: 0; }
.ps-core3 .pl-core-vl{ width: 384px; height: 378px; background-color: #ab1e32; position: absolute; left:-78px; z-index: 1; }
.ps-core3 .pl-core-vl .spot{ padding-top: 74px; padding-left: 46px; height: 11px;  width: 338px; }
.ps-core3 .pl-core-vl .spot span{ width: 10px; height: 11px; margin-left: 7px; background-color: #eee; float: left; }
.ps-core3 .pl-core-vl h6{ font-size: 48px; line-height: 48px; text-align: left; color: #fff; padding-left: 31px; padding-top: 186px; font-weight: normal; }
.ps-core3 .pl-core-vr{ top: 266px; left: 230px; width: 970px; height: 544px; position: absolute; z-index: 2; background-color: #fff; padding: 38px 25px 0 52px; }
.pl-core-vr li{ width: 33%; text-align: center; float: left; padding-top: 55px; }
.pl-core-vr li:nth-child(2){ width: 26%; margin: 0 4%;}
.pl-core-vr li:nth-child(5){ width: 26%; margin: 0 4%;}
.pl-core-vr li img{ width: 90px; height: 82px; margin: 0 auto; }
.pl-core-vr li span{ font-size: 20px; color: #666; line-height: 24px; padding-top: 30px; display: block; text-align: center; }
.ps-core4{ padding-top: 95px; padding-bottom: 128px; }
.ps-core4 .l-text{ float: left; width: 484px; }
.ps-core4 .l-text h4{ font-size: 48px; color: #ab1e32; line-height: 58px; text-transform: uppercase; padding-top: 39px; font-weight: bold; font-family:Times New Roman; }
.ps-core4 .l-text p{ line-height: 36px; padding-top: 20px; padding-bottom: 26px; }
.ps-core4 .p-item{ width: 560px; height: 500px; float: right; }
.ps-core5{ padding-top: 58px; padding-bottom: 33px; }
.ps-core5 .p-item{ width: 588px; height: 713px; float: left; }
.ps-core5 .l-text{ background-color: #fff; padding-left: 57px; padding-top: 70px; float: left; width: 555px; height: 643px; }
.ps-core5 .l-text h4{ font-size: 36px; font-weight: bold; color: #ab1e32; text-transform: uppercase; line-height: 1; padding-bottom: 26px; font-family:Times New Roman; }
.ps-core5 .l-text p{ font-size: 18px; line-height: 30px; }
.ps-core5 .l-text img{ margin-top: 30px; }
.cbg-box{ background: url(../images/contactus-bg.jpg) top center no-repeat; background-size: 1920px 278px; height: 278px; }
.c-writing{ position: absolute; width: 460px; top: 70px; left: 10px; color: #fff; z-index: 2; }
.c-writing h4{ font-size: 48px; font-weight: bold; padding-bottom: 6px; }
.c-writing p{ font-size: 14px; line-height: 24px;}
.c-core{ padding-top: 107px; padding-bottom: 82px; }
.form-box input{ font-size: 18px; color: #666; margin-right: 30px; width: 585px; height: 54px; line-height: 56px; border: solid 1px #f1f2f2; background-color: #f8f9fa; border-radius: 5px; padding: 0 32px; margin-bottom: 25px; float: left; box-sizing: border-box; }
.form-box input:nth-child(2n){ margin-right: 0px;}
.form-box input:hover,.form-box textarea:hover{ border-color: #ab1e32;}
.form-box input:focus,.form-box textarea:focus{outline: 1px solid #fff; }
.form-box textarea{ font-size: 18px; color: #666; margin-right: 30px; width: 1200px; height: 126px; line-height: 30px; border: solid 1px #f1f2f2; background-color: #f8f9fa; border-radius: 5px; padding:8px 32px; box-sizing: border-box; }
.form-box .button{ width: 180px; height: 46px; line-height: 46px; background-color: #ab1e32; border-radius: 3px; font-size: 20px; font-weight: bold;  color: #fff; text-align: center; float: right; margin-top: 32px; }
.c-core-info{ padding-top: 46px; }
.c-core-info .list{ width: 384px; height: 108px; border-radius: 4px; background-color: #ab1e32; box-sizing: border-box; padding: 29px 20px 0 27px; float: left; color: #fff; margin-right: 24px; }
.c-core-info .list:last-child{ margin-right: 0;}
.c-core-info .list div{ width: 50px; height: 50px; border-radius: 50px; background-color: #fff; margin-right: 28px; float: left; }
.c-core-info .list:hover div{ background-color: rgba(255,255,255,0.21); }
.c-core-info .list p{ font-size: 14px; line-height: 18px; }
.c-core-info .list h6{ font-size: 18px; line-height: 24px; font-weight: normal; }


/* product_list */
.product-list{ padding-top: 70px; }
.product-list .left-nav{ width: 288px; margin-right: 72px; float: left; }
.product-list .left-nav .left-h{ font-size: 32px; font-weight: bold; line-height: 1; color: #ab1e32; padding-bottom: 34px; }
.product-list .left-nav .left-list .list-title{ font-size: 26px; height: 56px; line-height: 56px; display: block; width: 100%; color: #ab1e32; background-color: #f7f7f7;
    border-left: 3px solid #ab1e32; padding-left: 40px; position: relative;
}
.product-list .left-nav .left-list .list-title:hover{ cursor: pointer; }
.product-list .left-nav .left-list .list-title a,.product-list .left-nav .left-list .list-title a:hover{ color: #ab1e32; position: relative; }
/* .product-list .left-nav .left-list .list-title span{ width: 16px; height: 30px; line-height: 30px; display: inline-block; } */

.product-list .left-nav .left-list .list-title span{ width: 10px; height: 2px; display: inline-block; background-color: #A22031; position: absolute; top: 29px; left: 21px; }

.product-list .left-nav .left-list .left-nav-ul{ position: relative; }
.product-list .left-nav .left-list .left-nav-ul span{ position: absolute; width: 2px; height: 10px; background-color: #A22031; top: -31px; left: 28px; display: block; }


.product-list .left-nav .left-list a:hover{ color: #ab1e32; }
.product-list .left-nav .left-list .left-nav-ul{  padding-left: 36px; line-height: 50px; font-size: 24px;  }
.product-list .left-nav .left-list .left-nav-ul li a{ position: relative; color: #999; display: block; width: 100%; height: 56px; line-height: 56px; }
.product-list .left-nav .left-list .left-nav-ul li a:hover{ color: #ab1e32;  }
.product-list .left-nav .left-list .left-nav-ul li .ctive{ color: #ab1e32;  }
.product-list .left-nav .left-list .left-nav-ul li a .menu-head{ display: none; }
/* .product-list .left-nav .left-list .left-nav-ul li a:hover .menu-head{ display: inline-block; }
.product-list .left-nav .left-list .left-nav-ul li .ctive .menu-head{ display: inline-block; } */
.product-list .left-nav .left-list .left-nav-ul li .menu-head{ position: absolute; right: 0; font-size: 12px; color: #999; }
.product-list .product-l-r .ctive{ width: 100%; height: 60px; line-height: 60px; }
.product-list .product-l-r { width: 840px; float: left;}
.product-list .product-l-r .p-l-img { width: 870px;}
.product-list .p-l-img .p-item{ width: 240px; float: left; padding: 10px 10px 0px 10px; margin-bottom: 24px; border: 1px solid #fff; margin-right: 22px; border-radius: 2px; margin-left: 2px; margin-top: 2px;
	box-shadow: 0px 1px 4px rgba(0,0,0,0.3),
				0px 0px 20px rgba(0,0,0,0.1) inset;
}
.product-list .p-l-img .p-item::before,
.product-list .p-l-img .p-item::after {
   content:"";
   position:absolute;
   z-index:-1;
}

.product-list .p-l-img .p-item::before,
.product-list .p-l-img .p-item::after {
   content:"";
   position:absolute;
   z-index:-1;
   bottom:15px;
   left:10px;
   width:50%;
   height:20%;
}

.product-list .p-l-img .p-item::before,
.product-list .p-l-img .p-item::after {
   content:"";
   position:absolute;
   z-index:-1;
   bottom:15px;
   left:10px;
   width:50%;
   height:20%;
   box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
   transform:rotate(-3deg);
}

.product-list .p-l-img .p-item::after{
   right:10px;
   left:auto;
   transform:rotate(3deg);
 }


.product-list .p-l-img .p-item:hover{ border: 1px solid #ab1e32; }
.product-list .p-l-img .p-item:nth-child(3n){  margin-right:6px;}
.product-list .p-l-img .p-item h4{ height: 46px; line-height: 46px; font-size: 20px; text-align: center; color: #ab1e32; font-weight: normal;}
.product-list .p-l-img .p-item .img{ width: 240px; height: 228px; cursor: pointer; }
.product-list .p-l-img .p-item .img img{ width: 240px; height: 228px; cursor: pointer; }



.product-list .p-l-img .p-item.p-item-row{ width: 810px; height: auto;  float: left;  padding: 10px 10px 0px 10px; margin-bottom: 24px; border: 1px solid #fff; margin-right: 0; border-radius: 0; margin-left: 2px; margin-top: 2px;}
.product-list .p-l-img .p-item.p-item-row:hover{ border: 1px solid #ab1e32; }
.product-list .p-l-img .p-item.p-item-row:nth-child(3n){  margin-right:0;}
.product-list .p-l-img .p-item.p-item-row h4{ display: none; }
.product-list .p-l-img .p-item.p-item-row .img{ width: 810px; height: auto; cursor: pointer; }
.product-list .p-l-img .p-item.p-item-row .img img{ width: 810px; height: auto;  cursor: pointer; }




/* #page{ text-align: center; margin: 20px auto 40px auto; width: 100%; height: 36px; box-sizing: border-box; }
#page ul li{
	display: inline-block;
	border-radius: 3px;
	border: 1px solid #F1F1F1;
	min-width: 30px;
	padding: 0 6px;
	height: 30px;
	line-height: 28px;
	box-sizing: border-box;
	text-align: center;
	margin: 4px;
	font-size: 14px;
	cursor: pointer;
}
#page ul li:hover,#page ul li.active{ background-color: #ab1e32; color: #fff; border-color: #ab1e32; }
#page ul li a{ text-decoration: none; } */

#pager{ text-align: center; margin: 20px auto 40px auto; width: 100%; height: 36px; box-sizing: border-box; }
#pager ul.pages {
	display: block;
	text-transform: uppercase;
	font-size: 12px;
	margin: 20px auto;
	padding: 0;
}
#pager ul.pages li {
	display: inline-block;
	border-radius: 3px;
	border: 1px solid #F1F1F1;
	min-width: 30px;
	padding: 0 6px;
	height: 30px;
	line-height: 28px;
	box-sizing: border-box;
	text-align: center;
	margin: 4px;
	font-size: 14px;
	cursor: pointer;
}
#pager ul.pages li:hover {
background-color: #ab1e32; color: #fff; border-color: #ab1e32; 
}

#pager ul.pages li.pgEmpty {
	display: none;
}
#pager ul.pages li.pgCurrent {
background-color: #ab1e32; color: #fff; border-color: #ab1e32; 
}


/* product_detail */
.pt-detail{ margin-top: 60px; }
.pt-detail .product-img{ width: 450px; float: left;  margin-right: 80px; }
.pt-detail .product-img .img-big{ width: 450px; height: 427px; }
.pt-detail .product-img .img-big img{ width: 450px; height: 427px; }

#magnifier {
  position: relative;
  width: 450px;
}
.f {
  position: relative;
  width: 450px;
  height: 427px; 
  margin-bottom: 20px;
  border: 1px solid #F1F1F1;
}
.small-box table td{
  width: 450px;
  height: 427px; }
.small-box img {
  width: auto;
  height: auto;
  /* max-height: 450px; */
  max-height: 426px;
  max-width: 450px;
  width: 450px;
 /* min-width: 450px; */
}
.small-box .hover {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 200px;
  height: 200px;
  border: 1px solid #aaa;
  background: #fffff4;
  opacity: .5;
  filter: alpha(opacity: 50);
  cursor: move;
  z-index: 3;
}
.thumbnail-box {
  position: relative;
  width: 100%;
  margin-top: 40px;
}
.thumbnail-box .btn {
  position: absolute;
  top: 50%;
  width: 22px;
  height: 32px;
  margin-top: -16px;
}
.thumbnail-box .btn-prev {
  left: 0;
  background: url(../images/btn_prev.png) no-repeat;
}
.thumbnail-box .btn-prev.btn_prev_disabled{background: url(../images/btn_prev_disabled.png) no-repeat;cursor: not-allowed;}
.thumbnail-box .btn-next {
  right: 0;
  background: url(../images/btn_next.png) no-repeat;
}
.thumbnail-box .btn-next.btn_next_disabled{background: url(../images/btn_next_disabled.png) no-repeat;cursor: not-allowed;}
.thumbnail-box .list {
  overflow: hidden;
  width: 390px;
  margin: 0 auto;
}
.thumbnail-box .wrapper {
  width: 100000px;
}
.thumbnail-box .list .item {
  float: left;
  margin: 0 5px;
}
.thumbnail-box .list .item img {
  border: 2px solid #F1F1F1;
/*  width: 54px;
  width: 54px; */
  width:83px;
  height: 72px;
}
.thumbnail-box .list .item-cur img {
  border: 2px solid #ab1e32;
}
.big-box {
  display: none;
  overflow: hidden;
  position: absolute;
  left: 451px;
  top: 0;
  width: 540px;
  height: 540px;
/*  border: 1px solid #f1f1f1; */
}
.big-box img {
  display: block;
}
.small-box{ width: 450px; height: 426px; text-align: center; display: inherit; vertical-align: middle; box-sizing: border-box; position: relative; }
.pt-detail .product-info{ float: left; width: 670px; z-index: 0; }
.pt-detail .product-info .name{ padding-top: 10px; padding-bottom: 12px; font-size: 30px; line-height: 1; font-weight: bold; color: #ab1e32; font-family:Times New Roman; }
.pt-detail .product-info .info .item_no{ font-size: 16px; padding-bottom: 10px; color: #666; line-height: 24px; }
.pt-detail .product-info .info .item_no span{ width: 140px; display: inline-block; }
.pt-detail .product-info .info .pro-brief{ font-size: 18px; line-height: 1.4; background-color: #f1f1f1; padding: 20px 26px; min-height: 284px; color: #666; line-height: 34px; z-index: 0; }
/* .pt-detail .product-info .info .pro-brief p{ padding-left: 16px; z-index: 0; } */
/* .pt-detail .product-info .info .pro-brief p::after{ position: absolute; content: ""; width: 6px; height: 6px; border-radius: 6px; background-color: #666; left: 0; top: 14px; z-index: 0; } */
.pt-detail .product-info .inquiry{ margin-top: 42px;  }
.pt-detail .product-info .btn{ width: 190px; height: 48px; line-height: 48px; background-color: #a22031; font-size: 20px; color: #fff;  float: left; }
.pt-detail .product-info .btn a{ color: #fff; }
.pt-detail .product-info .btn img{ float: left; padding-top: 10px; padding-left: 36px; padding-right: 10px; }
.pt-detail .product-info .inquiry-i{ float: left; margin-left: 58px; }
.pt-detail .product-info .inquiry-i div{ float: left; width: 48px; height: 48px; margin-right: 20px; }
.pb-detail{ margin-top: 60px; margin-bottom: 60px;}
.pb-detail .pd-d-l{ width: 284px; float: left; margin-right: 40px; border: 1px solid #F1F1F1; }
.pb-detail .pd-d-l>h4{ font-size: 24px; font-weight: bold;  color: #30343e; height: 50px; line-height: 60px; text-align: center; }
.pb-detail .pd-d-l .pl-core1img .p-item .img{ width: 240px; }
.pb-detail .pd-d-l .pl-core1img .p-item .img img{ width: 240px; }
.pb-detail .pd-d-l .pl-core1img .p-item  h4{ text-align: center; line-height: 1.2; padding-top: 4px; font-weight: normal;
 font-size: 16px;
 }
.pb-detail .pd-d-l .pl-core1img .p-item{ width: 240px; padding: 10px 22px; }
.pb-detail .tab-main{ width: 874px; float: left; }
.tab-main .tab-ul{ width: 100%; height: 66px; /*margin-bottom: 20px;*/ color: #333; line-height: 66px; background-color: #f7f7f7; text-align: center; font-size: 24px; font-weight: bold; border-bottom: 2px solid #ab1e32; }
.tab-main .tab-ul li{ float: left; padding: 0 148px; cursor: pointer; }
.tab-main .tab-ul li.current{ background-color: #ab1e32; color: #fff; font-weight: bold; }
.tab-main .pro_con{ padding: 20px 10px;}

/* footer */
.footer_nav{ padding-top:70px; height: 160px; background-color:#444; font-size: 14px; color: #fff; }
.footer_list{ height: 131px; float: left;}
.footer_list.approve{ width: 204px; }
.footer_list.approve img{ width: 123px; height: 70px; margin-top: 9px; margin-left: 4px;}
.footer_list.p-list ul { width: 204px; min-height: 84px; display: block; float: left; }
.footer_list.p-list ul li{ line-height: 28px;}
.footer_list.contact{ padding-left: 54px; width: 228px;}
.footer_list.contact ul { padding-top: 3px; }
.footer_list.contact ul li{ line-height: 24px; }
.footer_list.contact ul li img{margin-right: 11px; width: 16px; height: 16px; vertical-align:middle;}
.footer_list.address div:hover img,.footer_list.contact ul li:hover img{
	        -webkit-transform-origin: center center;
	        -ms-transform-origin: center center;
	        transform-origin: center center;
	        -webkit-animation-name: shaky-slow;
	        -ms-animation-name: shaky-slow;
	        animation-name: shaky-slow;
	        -webkit-animation-duration: 4s;
	        -ms-animation-duration: 4s;
	        animation-duration: 4s;
	        -webkit-animation-iteration-count: infinite;
	        -ms-animation-iteration-count: infinite;
	        animation-iteration-count: infinite;
	        -webkit-animation-timing-function: ease-in-out;
	        -ms-animation-timing-function: ease-in-out;
	        animation-timing-function: ease-in-out;
	        -webkit-animation-delay: 0s;
	        -ms-animation-delay: 0s;
	        animation-delay: 0s;
	        -webkit-animation-play-state: running;
	        -ms-animation-play-state: running;
	        animation-play-state: running;	
}
.footer_list.address { width: 296px;}
.footer_list.address div{ padding-left: 24px; position: relative; padding-top: 6px; }
.footer_list.address div img{ position: absolute; left: 0; top: 11px; }
.footer_copyright{ height: 60px; line-height: 60px; font-size: 15px; color: #444; text-align: center; }
.footer_copyright span{ color: #ab1e32;}

/*scroll*/
.top_btn{ display: block; box-sizing: border-box; width: 50px; height: 50px; background-color: #999; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; position: fixed; bottom: 18px; right: 25px;}
.top_btn:hover{ background: #a60100; }
.top_btn img{ width: 20px; height: 20px; }
.PicPath {
    text-align: center;
    display: block;
}
.PicPath img {
    vertical-align: middle;
}
.PicPath span {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

/*feedback*/
.feedback{ width: 298px; height: 479px; position: fixed; bottom: -445px; z-index: 666; left: 15px; background: #ab1e32; border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -ms-border-radius: 10px 10px 0 0; -o-border-radius: 10px 10px 0 0;}
.feedback .feedback_title{ height: 40px; line-height: 40px; cursor: pointer;}
.feedback .feedback_title .feedback_name{ float: left; font-size: 18px; color: #fff; margin-left: 18px;}
.feedback .feedback_title .feedback_btn{ float: right; width: 40px; height: 40px; line-height: 40px; text-align: center; margin-right: 5px; color: #fff; font-weight: bold; text-decoration: none;}
.feedback .feedback_title .feedback_btn img{ max-width: 100%; max-height: 100%;}

.feedback #lib_feedback_form{ width: 250px; margin: 0 auto;}
#lib_feedback_form .rows{ margin: 0;}
#lib_feedback_form .rows span{ width: 100%; padding-left: 0;}
#lib_feedback_form .rows label{ float: none; display: block; width: 100%; height: 27px; line-height: 27px; margin-top: 9px; color: #fff; font-size: 14px; text-align: left;}
#lib_feedback_form .rows input{ width: 230px; height: 33px; line-height: 33px; padding: 0 10px; border: none; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; outline: none;}
#lib_feedback_form .rows .message{ width: 230px; height: 83px; margin: 0 auto; padding: 10px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; outline: none; resize: none; border: none;}
#lib_feedback_form .input_sub{ width: 100%; text-align: center;}
#lib_feedback_form .input_sub .form_button{ width: 135px; height: 25px; line-height: 25px; text-align: center; background: none; border: 1px solid #fff; color: #fff; margin-top: 25px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; outline: none; cursor: pointer;}
.hide {display: none;}

.con_item img{width:1046px}