.lb-album li > a img@charset "gb2312";
body{   /* background:#fff url(../images/chuang0011.png) repeat-y center top;*/
	font-family:"΢ÈíÑźÚ","ËÎÌå"; font-size:16px;
}
body a {
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -o-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
}
ol,ul {list-style:none;}
input,textarea,select{outline:none; color:#666;}
textarea{resize:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
a{ cursor:pointer; outline:none; color:#000; text-decoration:none;  font-size:16px;font-family:"΢ÈíÑźÚ","ËÎÌå";}
a:hover{  quotes:none;  text-decoration:none;}
a.underline{ text-decoration:none!important;}
*{margin:0;padding:0;}
p{font-size:16px;}
.clear{clear:both}
.clearfix:after{content:'\20';display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.clearfix{display:block;zoom:1;}
html[xmlns] .clearfix{display:block;}
* html .clearfix{height:1%;}

.fr{ float:right;}
.fl{ float:left;}


/**/
.bodyone { max-width:2000px; clear:both; _width:expression((documentElement.clientWidth >2000)?"2000px":"auto"); margin:0 auto; background:url(../images/chuang001.jpg) repeat 0 0; }

.banner{
  min-height: 475px;
  background-size: cover;
  position: relative;
}

.head{ height:94px;}
.header{ z-index:9999; width:100%;}
.phon{ width:100%;height:30px; margin-top:5px;}
.phon p{ padding-left:35px;background: url(../images/chuang002.png) no-repeat 0 center; height:30px; line-height:30px; width:296px; float:right; font-size:16px; color:#000; font-weight:bold; margin-right:15px; }

.head-logo{
  float: left;
}
.head-logo a img { width:400px; /*height:71px;*/
  display: block;
  margin-top:25px;
}

.top-nav{
  float: right; margin-top:25px;
  width: 53%;
}
.top-nav ul{
	padding:0;
	margin:0;
}
.top-nav ul  li{
  display: inline-block;
  width: 13%;
  margin-right: .4em;
  float: left;
}
.top-nav ul  li.active a{ border-bottom:4px solid #00a9e6;
}
.top-nav ul li a{ 
color: #414141;
  font-size: 16px;
  margin-right: .4em;
  float: left; height:50px;
  text-align: center;
  width: 100%;
}
.top-nav ul li a.a1{ text-transform:uppercase;font-size: 16px; padding:4em 0em 4em 0;}
.top-nav ul li a i{
  display: none;
  margin-top: 1em;
  color: #FFF;
  font-size: 11px;
  font-style: italic;
}
.top-nav ul li a:hover{
	text-decoration:none;
}
/* Sweep To Bottom */
.hvr-sweep-to-bottom {
  display: inline-block;                                           
  vertical-align: middle;
  -webkit-transform: translateZ(0);
    -o-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
    -o-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
    -ms-osx-font-smoothing: grayscale;
        -o-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
    -o-transition-property: color;
  -moz-transition-property: color;
  -ms-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
 border-bottom:4px solid #00a9e6;
  -webkit-transform: scaleY(0);
    -o-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
    -o-transition-property: transform;
  -moz-transition-property: transform;
  -ms-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
      -o-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
        -o-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active {
  color: white;
}
.hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

/*»ÃµÆ*/
.containerxx{ clear: both;
    position: absolute;
    top: 0px;
    height:475px;
    overflow: hidden;
    width: 100%;
    z-index: 9;}
.banner-info {
  text-align: center;
   text-align: center;
 height:475px;
}
.banner-info h2{
  color: #FFF;
  margin: 0;
  font-size: 55px;
  font-weight: 300;
  padding-bottom: 1em;
}
.banner-info h2 span{
  font-weight: 700;
  padding-bottom: 0.4em;
  border-bottom: solid 3px #BE4343;
}
.banner-info h2 span.right-border{
  font-weight: 500;
  color: #C2C2C2;
}
.banner-info p{
	color: #FFF;
	font-size: 16px;
	margin: 1em 0 0 0;
	line-height: 1.8em;
}

/**/

/*--content--*/
.content{background:url(../images/chuang0010.png) no-repeat right bottom;}
.welcome{
	padding:40px 0;
}
.tit-xm{ height:65px;background:url(../images/chuang006.png) no-repeat center bottom; }
.tit-xm h2 {
    color: #000;
    font-size: 26px;
	text-align: center;	
}
.tit-xm h2 a{ font-size: 26px;}
/*----*/
.tabs {
    text-align: center;
}
.tab-head {
    padding-top: 3em;
}
.tabs li{
	display:inline-block;
}
.tabs li a {
    margin: 0.5em;
    font-size: 18px;
    color: #000;
	border-bottom: 3px solid #b5b5b5;
}
.tabs  li a:hover,.tabs  li.active a{
	background:none;
	color: #000 !important;
	border-bottom: 3px solid #7e7e7e;
}
.tab-content {
    padding-left: 0px;
}
.fashion-tab{
    text-align: center;
	padding: 3em 0 0;
}

.fashion-tab p ,.fashion-tab2 p{
    color: #000;
    font-size: 16px;
    line-height:30px;
    width: 100%;
    margin: 0 auto;
}
.fashion-tab p.p1{ margin-bottom:35px;}
.tab_img img{ width:341px; height:264px; padding:11px;background:url(../images/chuang007.png) no-repeat center center; margin:0 auto;}

.fashion-tab1 p {
    color: #A9A9A9;
    font-size: 1em;
    line-height:2em;
	padding: 0em 0 2em;
}
.fashion-tab1 {
    padding-top: 3em;
}
.tab_img1 {
    padding-top: 4em;
}
.fashion-img1 a{
	color: #0066B2;
    font-size: 1em;
    text-decoration: none;
    border: 2px solid #0066B2;
    padding: 0.5em 1em;
    border-radius: 4px;
}
.ideas li{
	list-style:none;
}
.ideas li a{
	color:#A9A9A9;
    font-size: 1em;
    line-height:2em;
	margin:1em 0 0;
	display: block;
}
.fashion-right h5{
	color: #FD9F3E;
    font-size: 1.5em;
    font-family: 'Montserrat Subrayada', sans-serif;
}
.img-top{
	margin-bottom:1em;
}
.fashion-tab2 {
    padding-top: 3em;
}
.read-1:before{
	background: #0066B2;
}




/**work section**/
.works
{ 
    height: 559px; overflow:hidden;
	width: 100%;

	padding: 20px 0px 0px 0px;
}
.works .title h3{ color:#fff;}
#Container .mix{
	display: none;
}
.works .work-sec{ width:100%; margin-top:50px;}
.works .work-sec .work-txt{ text-align:left; font-size:16px; color:#000; line-height:30px; margin-bottom:35px;}
.works .work-sec .fil-btn
{width: 25%; margin:0 auto; text-align:center; overflow:hidden; float:left;
}
.works .work-sec .wrk-title
{display:inline; 
text-transform:uppercase; font-size:14px;
    width: 138px; 
    height: 50px; line-height:50px; text-align:center;
    float: left;
    margin: 0 12px 20px 0;
    background-color: #cad2dc;
    border-radius: 5px;
	
}
.works .work-sec .on1{ }
.works .work-sec .lst-cld
{

}
.works .work-sec .active {
    background-color: #558ed6; color:#fff;
}
.works .work-sec a img
{
	width: 242px; height:191px; padding:3px; background-color:#fff;
	position: relative;
}
.works .log{ margin:20px 0;}
.works .work-sec .filimg
{ padding:0 7px;float: left;
    width: 255px;
    height:384px;
    border-radius: 2px;
    /*background: #f0f0f0;*/ margin:0 15px 100px;
}
.works .work-sec .filimg h3{ font-size:16px; color:#000;}
.works .work-sec .filimg p{
    line-height: 24px;
    text-align: left;
    color: #7c7c7c;
    font-size: 14px; margin:0px;}
.works .work-sec .filimg span{    color: #7c7c7c;
    font-size: 14px; float:right;}
.works .work-sec .filimg:hover{}
#Container .filimg:nth-child(1), #Container .filimg:nth-child(4), #Container .filimg:nth-child(7){ margin-bottom:165px;}
#Container{height:400px; display: block; width:72%; float:right;}


.btnavlist{ width:548px; padding-left: 12px; height: 30px; margin: 0 auto; line-height: 30px;text-align:center;}
.btnavlist .u-line{ width:2px; padding-right:10px;}
.btnavlist a{color:#fff;font-size:12px; padding-right:10px;font-family:"΢ÈíÑźÚ","ËÎÌå";    }
.btnavlistxx{ float:right; padding-right:15px;color:#fff;font-size:12px; margin-top:10px;text-align: right; }
.btnavlistxx a{color:#fff;font-size:12px; }

.btnavlistxx p{font-size:14px;}


/*ÓÑÇéÁ´½Ó*/

.linkBd{ width:100%;  height:35px; background-color:#5c6b7d;}
.link{ width:1200px; position:relative; height:35px; margin: 0 auto; }
.linkTitle{ width: 70px; height: 35px; line-height: 35px; float: left; color: #9eacbd; font-size: 12px; }
.link_list{ width: 860px; height:auto!important; height:35px; line-height: 35px; float: left;}
.link_list a{color:#9eacbd;font-size:12px; line-height:line; display: inline-block; padding-right:15px}
.link_list a:hover{color:#fff;}

.g-ft { min-width:1200px; height:139px;background:url(../images/bl004.jpg) no-repeat;}
.g-ftInner { width:1200px; margin:0 auto; overflow:hidden; padding-top:30px; }

.m-cprt { width:100%; color:#ef8a8a; line-height:28px; text-align:center;}
.m-cprt p{color:#fff;font-size:12px;}
.m-cprt a{color:#fff;}

/*bottom*/
.footer{ width:100%;height:200px; background-color:#8497af; margin-top:45px;}
.footer .tb{ width:600px; float:left; }
.footer .tb .we{ width:138px; float:left;}
.footer .tb .we img{ padding-top:20px}
.footer .tb .cont{ width:438px; float:left; padding-left:20px; margin-top:10px;}
.footer .tb .cont dd.dz p{font-size:12px ; color:#fff; font-family:'ËÎÌå'; line-height:23px; margin:0px;}

.branch{font-size: 16px;
    font-family: ΢ÈíÑźÚ;
    padding: 7px 0 7px;
    font-weight: 700;}



.footer .title{margin-bottom:30px; height:50px;}
.footer .title h3{ width:100%; text-align: left; height:50px; line-height:50px;background:url(../images/sl008.png) no-repeat 120px center; color:#fff; font-size:22px;}



.copyrightyy{width:1200px;padding-top:5px;}
.copyrightnr{font-size:12px;width:1200px; line-height:24px;   color:#777986; float: left; text-align: center; }
.copyrightnr a{color:#abadb8;font-size:12px; }
.copyrightnr a:hover{color:#fff}

.copyxx{width:540px; float: right; padding-top:30px;}



.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
}
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
}
.rslides li{
  position: relative;
  display: block;
  float: left;
}
.rslides img {
  height: auto;
  border: 0;
  width:100%;
}
.callbacks_tabs{
  list-style: none;
  position: absolute;
  top: 89%;
  z-index: 999;
  left: 46%;
  padding: 0;
  margin: 0;
}
.slider-top{
	text-align: center;
	padding:10em 0;
}
.slider-top h1{
	font-weight:700;
	font-size:48px;
	color:#010101;
}
.slider-top p{
	font-weight:400;
	font-size:20px;
	padding:1em 7em;
	color:#010101;
}
.slider-top ul.social-slide{
	display:inline-flex;
	margin: 0px;
	padding: 0px;
}
ul.social-slide li i{
	width:70px;
	height:74px;
	background:url(../images/img-resources.png)no-repeat;
	display: inline-block;
	margin:0px 15px;
}
ul.social-slide li i.win{
	background-position:-6px 0px;
}
ul.social-slide li i.android{
	background-position:-110px 0px;
}
ul.social-slide li i.mac{
	background-position:-215px 0px;
}
.callbacks_tabs li{
	display: inline-block;
	margin:0 5px;
}

/*----*/
.callbacks_tabs a{
 visibility: hidden;
}
.callbacks_tabs a:after {border-radius:10px;
  content: "\f111";
  font-size:0;
  font-family: FontAwesome;
  visibility: visible;
  display: block;
  height:20px;
  width:20px;
  display:inline-block; background-color:#6b6b6b;
}
.callbacks_here a:after{
	background: #fff;
}
/* Shutter Out Horizontal */
.hvr-shutter-out-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-out-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #bb1e10;
  border-radius:5px;
  -webkit-border-radius:5px;
  -o-border-radius:5px;
  -ms-border-radius:5px;
  -moz-border-radius:5px;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
  color: white;
}
.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
a.btn.btn-primary.btn-lg.see-button.hvr-shutter-out-horizontal {   
}





.news { background-color:#e4e8ed;
  padding: 2em 0 3em;
}
.news-grids{ margin-top:45px;}
.hiSlider-wrap{width: 300px; float:left;}
#wrap{width: 300px;}
.hiSlider{overflow:hidden;height: 280px;width: 300px;background: #eee;
}
.hiSlider-item{float: left;}
.hiSlider-pages,.hiSlider-title{position:absolute;z-index:3}
.hiSlider-btn-next,.hiSlider-btn-prev{position:absolute;z-index:5;top:50%;height:30px;width:30px;background:url(../images/hislider-arrow.png) no-repeat;margin-top:-15px;text-indent:-200px;overflow:hidden;opacity:.6;filter:alpha(opacity:60)}
.hiSlider-btn-prev{left:10px}
.hiSlider-btn-next{right:10px;background-position:-30px 0}
.hiSlider-btn-next:hover,.hiSlider-btn-prev:hover{opacity:1;filter:alpha(opacity:100)}
.hiSlider-title{bottom:0;width:100%;padding:6px 0;color:#fff;text-indent:10px;background:rgba(0,0,0,.6);z-index:2;font:14px/2 "Microsoft YaHei",Arial,Tahoma}
.hiSlider-pages{bottom:10px;right:10px;text-align:right; display: none;}
.hiSlider-pages a{height:12px;width:12px;margin:0 6px;display:inline-block;overflow:hidden;text-indent:-100px;font-size:0;border-radius:50%;background:#ddd}
.hiSlider-pages a.active{background:#5472BF}

		
.news-gridsxx{ width:814px;}
.newsxx{width:388px; height:96px; margin-bottom:30px; display:block; overflow:hidden; float:left; margin-right:30px;}
.newsxx:nth-child(2),.newsxx:nth-child(4){ margin-right:0;}
.newsxx img{ width:110px; height:84px; float:left;border:1px solid #d9d9da;border-radius:2px; background-color:#fff; padding:2px;}
.news-info{width:260px; float:right;}
.news-info{width:260px; height:30px; line-height:30px;}
.news-info a{color: #000;font-weight: bold;font-size: 14px;width:260px; display:block; }
.news-info span{padding-left:15px;}
.news-info  p{color: #000;font-weight: 100; line-height:26px;font-size: 13px;}
.news-info a:hover{color:#00a9e6;}

.slider{ width:301px; height:223px; padding:2px; border:1px solid #d9d9da;border-radius:2px; background-color:#fff;}


#slider {
	position: relative;
	width: 295px;
	overflow: hidden;

}
#slider img{ height:217px; width:292px;}
#slider li {
	position: absolute;
	top: 0;
	left: 0;
}

.caption {
	opacity: 0.8;
	background: url(../images/chuang008.png) repeat center center;
	height: 30px;
	padding: 5px 0 0 0;
	color: #fff; font-size:14px;
	text-align: center;
	z-index: 200;
}

.prev-link, .next-link {
	display: block;
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	bottom: 5px;
	z-index: 300;
}

.prev-link {
	left: 10px;
	background-image: url(../images/prev.png );
}

.next-link {
	left: 34px;
	background-image: url(../images/next.png );
}

.circle {
	display: block;
	width: 10px;
	height: 10px;
	background: url(../images/circle-empty.png ) no-repeat left top;
	position: absolute;
	bottom: 5px;
	z-index: 300;
}

.circle-current {
	background-image: url(../images/circle-full.png );
}

/*ÄÚÒ³Ãæ*/
.nrbanner{ background-repeat: no-repeat; background-position:center 0;height: 320px;}
.nrbanners{height:320px;clear:both; position: relative;}

.page {padding-top: 20px;padding-bottom: 50px;text-decoration: none;text-align: center;clear: both; height:30px;}
.page a,
.page a:visited {border: 1px solid #bcbab8;padding: 3px 6px;margin: 0 2px;text-decoration: none;text-align: center;color: #333333; text-align:center;}
.page a:hover {border: 1px solid #a60707;background: #a60707;text-decoration: none;color:#FFFFFF;}
.page span {padding: 3px 6px;text-decoration: none;text-align: center;border: 1px solid #1c1d75;background: #1c1d75;color: #FFFFFF;}
.page a{ padding:5px 10px;}
.page b{ color:#000;}




/**/
.top_main { width:1200px; margin:0 auto; padding-bottom:30px;}
.Photovoltaic{margin:0px;padding:0px;}
.Photovoltaic h3{margin:30px 0px 20px 0px;font-family:'΢ÈíÑźÚ'; height:60px; line-height:50px;font-size:22px; font-weight:normal;color:#558ed6; border-bottom:1px solid #E6E6E6;text-transform:uppercase; }
.Photovoltaic p{ float:right;}

.Photovoltaic p{ float:right; font-size:14px;color:#4c4c4c;height:30px; line-height:30px;}
.Photovoltaic img{ padding-right:5px;}

.Photovoltaic_class{margin:30px 0px; height:50px; overflow:hidden;;}
.Photovoltaic_class ul{padding:0px;}
.Photovoltaic_class ul li{ /*width: 144px;*/text-align:center; padding:0 10px;
    height: 40px;
    float: left; margin-right:30px;
    background-color: #cad2dc;
    border-radius: 5px;}
.Photovoltaic_class ul li a{ text-transform:uppercase; 
    height: 40px;
    display: block;
    line-height: 40px; }
.Photovoltaic_class ul .active{
	background-color: #558ed6;
    border: 1px solid #fff; }
.Photovoltaic_class ul .active a{ color:#fff;}
.Photovoltaic_class ul li:hover{background-color: #558ed6;}
.Photovoltaic_class ul li:hover a {color:#FFF;}
.f_lb_pic { position:absolute; width:100%; text-align:center; bottom:-27px; left:0px; display:none;}
.Photovoltaic_class ul li.active .f_lb_pic { display:block;}

.rightbox{ min-height:500px; font-size:16px;}
.rightbox p{ line-height:30px;}
.rightbox img{  height:auto;}
.case{margin:50px 0px 0px 0px;padding:0px; min-height:550px;}
.case ul{margin:0px;padding:0px;}

.case ul li{
float: left;
    width: 279px;
    height: 218px;
    border-radius: 5px;
    background: #436484;
    border: 1px solid #b8d7f5;
    margin-right: 25px;
    margin-bottom: 30px;
}
.case ul li:nth-child(4), .case ul li:nth-child(8), .case ul li:nth-child(12){margin-right: 0px;}
.case ul li:hover{
	background: #921b25;
}
.case ul li .titleca{


}
.case ul li .titleca p{
height: 36px;
    line-height: 36px;
    font-family: 'ËÎÌå';
    text-align: left;
    color: #fff;
    font-size: 16px;
    background: url(../images/sl0018.png) no-repeat 240px center;
    padding: 0 10px;
}
.case ul li:hover .titleca p{ color:#fff}



#Photovoltaic80 .Photovoltaic_class, #Photovoltaic103 .Photovoltaic_class, #Photovoltaic140 .Photovoltaic_class, #Photovoltaic141 .Photovoltaic_class{ display:none;}


.news_neiye{ padding-top:24px; padding-bottom:30px; overflow:hidden;}
.news_neiye h1{ text-align:center; font-size:22px; color:#000;}
.news_neiye h2{ font-size:12px; color:#999; font-family:'ËÎÌå'; margin-top:20px; text-align:center; padding-bottom:10px; border-bottom:1px dashed #e7e7e7;margin-bottom:28px;}
.news_neiye p{ font-size:16px;font-family:'΢ÈíÑźÚ'; padding:5px 0; color:#333; line-height:32px;}

.sub_news08{font-family:'΢ÈíÑźÚ'; border-top:#dedede solid 1px;font-size:14px;}
.sub_news09{ float:left; width:625px; padding-top:17px; line-height:28px; color:#2c2c2c; padding-bottom:15px;}
.sub_news09 a{ font-family:'΢ÈíÑźÚ';color:#8497af; font-size:14px;}

.contact-form{ width:55%;}
/**/
.address p {
  color: #FFFFFF;
  font-size: 16px;
  line-height: 1.8em;
  padding-left: 3em;
  margin: 2em 0 0 0;
  background: url(../images/location.png) no-repeat 0px 5px;
}
.address p span {
  display: block;
}
.phone{
	margin-top:2em;
}
.phone p{
	color: #FFFFFF;
	font-size: 16px;
	line-height: 1.8em;
	padding-left: 3em;
	margin: 2em 0 0 0;
	background: url(../images/phone.png) no-repeat 0px 0px;
}
.copyright{
  background: #4D4D4D;
  padding: 1em 0;
}
.copyright-left p{
  color: #FFF;
  font-size: 16px;
  margin: .4em 0 0 0;
}
.copyright-left p a{
	color:#FFF;
}
.copyright-left{
	float:left;
}
.copyright-right{
	float:right;
}
.copyright-right ul{
	padding:0;
	margin:0;
}
.copyright-right ul li{
	display:inline-block;
	margin:0 .5em;
}
.copyright-right ul li a.twitter{
  background: url(../images/icons.png) no-repeat 0px 0px;
  height: 24px;
  display: block;
  width: 24px;
}
.copyright-right ul li a.facebook{
  background: url(../images/icons.png) no-repeat -33px 0px;
}
.copyright-right ul li a.chrome{
  background: url(../images/icons.png) no-repeat -66px 0px;
}
.copyright-right ul li a.pinterest{
  background: url(../images/icons.png) no-repeat -99px 0px;
}
.copyright-right ul li a.linkedin{
  background: url(../images/icons.png) no-repeat -132px 0px;
}
.copyright-right ul li a.dribbble{
  background: url(../images/icons.png) no-repeat -164px 0px;
}
.copyright-right ul li a.twitter:hover {
  opacity: 0.5;
}
/*-- about --*/
.a-banner{
	
}


.about-top{
  padding: 4em 0;
}
.about-info h3{
	  color: #bb1e10;
	font-size: 40px;
	font-weight: 300;
	margin: 0;
}
.about-info h5 {
  color: #969696;
  font-size: 16px;
  margin: 1em 0;
  line-height: 1.8em;
}
.about-info h5 span {
  display: block;
}
.a-banner-bottom-grids{
  margin: 2em 0 0 0;
}
/*-- about-bottom --*/
.about-bottom{
  background: url(../images/a2.jpg) no-repeat 0px 0px;
  background-size: cover;
  padding:4em 0;
}
.about-bottom h3{
	color: #FFF;
	font-size: 40px;
	font-weight: 300;
	margin: 0;
}
.about-bottom-grids {
  margin-top: 4em;
}
.about-bottom-left {
  padding-left: 0;
}
.about-bottom-left h4{
	color: #FFF;
	font-size: 26px;
	font-weight: 700;
	margin: 0;
}
.about-bottom-left p{
  color: #FFFFFF;
  font-size: 16px;
  margin: 2em 0 0 0;
  line-height: 1.8em;
  font-weight: 400;
}
.about-bottom-left p span{
	display:block;
	margin:2em 0;
}
.about-bottom-right{
	padding-right:0;
}
/*-- team --*/
.team{
  padding: 4em 0;
}
.team-grids {
  margin-top: 3em;
}
.team-info	 h3 {
   color: #bb1e10;
  font-size: 40px;
  font-weight: 300;
  margin: 0;
}
.team-grid img{
	width:100%;
}
.team-grid h6 {
  font-size: 1.1em;
  color: #000000;
  margin: 1em 0 1em 0;
  font-weight: 700;
}
.team-grid p {
  color: #333333;
  font-size: 16px;
  margin: 0;
  line-height: 1.8em;
  font-weight: 400;
}
/*-- products --*/
.products-top{
	padding:4em 0;
}
.products-top-grids {
  margin-top: 3em;
}
.products-top h3 {
   color: #bb1e10;
  font-size: 40px;
  font-weight: 300;
  margin: 0;
}
.products-top h5 {
  color: #969696;
  font-size: 16px;
  margin: 1em 0;
  line-height: 1.8em;
}
.products-top h5 span {
  display: block;
}
.products-number{
float: left;
  width: 10%;
  margin-right: 2em;
}
.products-number p{
   color: #bb1e10;
  font-size: 40px;
  font-weight: 600;
  margin: 0;
  line-height: .8em;
}
.products-text{
	float:left;
	width:80%;
}
.products-text h4{
  color: #000;
  font-weight: 600;
  margin: 0 0 1em 0;
  font-size: 26px;
}
.products-text p {
  color: #333333;
  font-size: 16px;
  margin: 0;
  line-height: 1.8em;
  font-weight: 400;
}
/*-- products-bottom --*/
.products-bottom{
  padding: 4em 0;
  background: #FAFAFA;
}
.products-bottom h3{
	  color: #bb1e10;
	font-size: 40px;
	font-weight: 300;
	margin: 0;
}
.gallery-grid{
	float:left;
	width:25%;
}
.gallery-grid1{
	float:left;
	width:12.5% !important;
}
.gallery-grids img{
	width:100%;
}
.products-bottom-grids {
  margin-top: 3em;
}
/*--blog--*/
.single-inline { margin-top:50px; min-height:500px;}
.blog{
		padding: 0 0 3em;
}
.blog h2{
  color: #bb1e10;
  font-size: 40px;
  font-weight: 300;
    margin-top: 20px;
}
.blog-left{
	float: left;
	padding-right: 1.5em;
} 
.blog-to { width:47%; float:left; margin-right:4%; margin-bottom:5%;
}

.blog-to:nth-child(1),.blog-to:nth-child(3),.blog-to:nth-child(5){ float: left;}
.blog-to:nth-child(2),.blog-to:nth-child(4),.blog-to:nth-child(6){ float:right; margin-right:0px;}
.blog-top {
  padding:20px; border: 1px solid #8497af;border-bottom: 3px solid #8497af;
}

.top-blog {
}
.blog-left img{ width: 180px; height:137px;border: 1px solid #C8C8C8; padding:2px;}
.blog-left b{
	font-size:3.5em;
	color:#bb1e10;
	display:block;
	height:55px;
}

.top-blog span{ float:right; font-size:14px; color:#5e5e5e;
}

/*-- gallery --*/
.gallery{
	padding:20px 0;
}
.lb-album li img{
	width:100%;
}
.lb-overlay:target img {
    width: 35%;
}
.lb-album li {
    float: none;
    position: relative;
    list-style-type: none;
    display: inline-block;
    width: 31%;
    margin: 0% 1% 4%;
}
.lb-album li > a { height:240px;
    width: 100%;
    height: inherit;
    position: relative;
    padding: 10px;
    background: none;
    border: 1px solid #E4E4E4;
    border-radius: 4px;
}
.lb-album {
    width: inherit;
    margin: 0;
}

.grid figure {
	position: relative;

	overflow: hidden;

	background: #3085a3;
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	max-width: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

figure.effect-apollo {
	background: #3498db;
}

figure.effect-apollo img {
	opacity: 0.95;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale3d(1.05,1.05,1);
	transform: scale3d(1.05,1.05,1);
}

figure.effect-apollo figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.5);
	content: '';
	-webkit-transition: -webkit-transform 0.6s;
	transition: transform 0.6s;
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-106%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-106%,0);
}

figure.effect-apollo p {
	position: absolute;
	right: 0;
	bottom: 0;
	margin: 3em;
	padding: 0 1em;
	max-width: 150px;
	border-right: 4px solid #fff;
	text-align: right;
	opacity: 0;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-apollo h2 {
	text-align: left;
}

figure.effect-apollo:hover img {
	opacity: 0.6;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

figure.effect-apollo:hover figcaption::before {
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,106%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,106%,0);
}

figure.effect-apollo:hover p {
	opacity: 1;
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}


.lb-album{
	width: 100%;
	margin: 0 auto;

}
.lb-album li{
	float: left;
	position: relative;
}
.lb-album li > a
{
	display: block;
}
.lb-album li > a img{ height:227px; }
.lb-album li > a{
	position: relative;
	padding: 10px;
	background: none;

}
.lb-album li a p{ height:30px; line-height:37px; text-align:center; margin:0px;} 
.lb-album li > a span{
	position: absolute;
	width: 150px;
	height: 150px;
	top: 10px;
	left: 10px;
	text-align: center;
	line-height: 150px;
	color: rgba(27,54,81,0.8);
	text-shadow: 0px 1px 1px rgba(255,255,255,0.6);
	font-size: 24px;
	opacity: 0;
	filter: alpha(opacity=0); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/
	background: rgb(241,210,194);
	background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%, rgba(241,210,194,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0.56)), color-stop(100%,rgba(241,210,194,1)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(241,210,194,1) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(241,210,194,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(241,210,194,1) 100%);
	background: radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(241,210,194,1) 100%);
	-webkit-transition: opacity 0.3s linear;
	-moz-transition: opacity 0.3s linear;
	-o-transition: opacity 0.3s linear;
	-ms-transition: opacity 0.3s linear;
	transition: opacity 0.3s linear;
}
.lb-album li > a:hover span{
	opacity: 1;
	filter: alpha(opacity=99); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; /*IE8*/
}

@-webkit-keyframes scaleDown {
  0% { -webkit-transform: scale(10,10); opacity: 0; }
  100% { -webkit-transform: scale(1,1); opacity: 1; }
}
@-moz-keyframes scaleDown {
  0% { -moz-transform: scale(10,10); opacity: 0; }
  100% { -moz-transform: scale(1,1); opacity: 1; }
}
@-o-keyframes scaleDown {
  0% { -o-transform: scale(10,10); opacity: 0; }
  100% { -o-transform: scale(1,1); opacity: 1; }
}
@-ms-keyframes scaleDown {
  0% { -ms-transform: scale(10,10); opacity: 0; }
  100% { -ms-transform: scale(1,1); opacity: 1; }
}
@keyframes scaleDown {
  0% { transform: scale(10,10); opacity: 0; }
  100% { transform: scale(1,1); opacity: 1; }
}

x:-o-prefocus, .lb-overlay img {
    height: 100%;
}


ul.men-grid li{
	display:inline-block;
}
.top-blog p{ font-size:14px;
  color: #333;
  line-height: 1.8em;
}
.top-blog p a{
	text-decoration:none; color:#fff;
}
.top-blog  a.fast{
  text-decoration: none;
  font-size:16px;
  color: #000;
	  
}
.top-blog a.fast:hover,.top-blog p a:hover,ul.popular li a:hover,a.more-dummy:hover{
	color: #bb1e10;
}
.pagination > .active > a,.pagination > .active > a:hover{
	background:#bb1e10;
	border-color:#bb1e10;
}
.pagination {
  margin: 0;
}
.pagination > li > a:hover{
  color: #FFFFFF;
  border-color: #bb1e10;
  background: #bb1e10;
}
a.more { border-radius:5px; 
  color: #fff;
  background: #c3c3c3;
  padding:3px 20px;
  display: inline-block;
  text-decoration: none;
}
a.more:hover {
  background: #2d2d2d;
}
p.sed {
  margin: 0.5em 0 1em;
}
nav {
  text-align: center;
}
/*--//blog--*/
/*--single--*/
.single-middle h3{
font-size: 2.5em; 
  color: #2d2d2d;
  text-align:center;
    margin: 0 0 1em;
}
.single-bottom {
  padding: 0em 0 4em;
}
.single-bottom input[type="text"], .single-bottom textarea {
  width: 100%;
  padding: 1em;
  background: none;
  outline: none;
  border: 1px solid #A09F9F;
  font-size: 1em;
  color:#A09F9F;
  -webkit-appearance: none;
}
.single-bottom  input[type="submit"]{
	width: 10%;
	font-size: 1.3em;
	background: #bb1e10;
	padding: 0.4em 0.8em;
	text-align: center;
	color: #fff;
	border: none;
	outline:none;
	-webkit-appearance: none;
	  margin: 0 0.8em;
}
.single-bottom  input[type="submit"]:hover{
	background:#2d2d2d;
}
 .single-bottom textarea {
	resize:none;
	min-height:180px;
	 margin: 1em 1em;
	width: 97.6%;
 }
.media-body h4{
	  font-size: 1.3em; 
}
.media-body h4 a{
  color: #2d2d2d;
  text-decoration:none;
}
.media-body p {
  margin: 0.7em 0 0em;
  font-size: .95em;
  color: #A09F9F;
  line-height: 1.6em;
}
.media {
  margin: 0em 0 3em;
}
.single-bottom h3 {
  font-size: 2.5em; 
  color: #2d2d2d;
  text-align: center;
  margin: 0.5em 0 1em;
}
.md-in{
	padding:0;
}
.in-media{
	padding:0 0 0 5em;
}
 ul.grid-part li{
	list-style:none;
}
 ul.grid-part li a{
	color:#A09F9F;
	text-decoration:none;
	padding:0.2em 0;
	display:block;
	font-size: 1.1em;
}
ul.grid-part li a i{
	background: #1985CB;
	width:5px;
	height: 5px;
	display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
 ul.grid-part li a:hover{
	color:#1985CB;
	padding-left:0.2em;
}
ul.grid-part {
  margin: 0.5em 0 2em;
}
.single {
  padding: 2em 15px 0;
}
/*--//single--*/
/*-- mail --*/
.mail{
	padding:4em 0;
}
.map iframe {
  width: 100%;
  min-height: 400px;
  border: none;
}
.mail-grids {
  margin-top: 2em;
}
.mail-grid-left h3{
   color: #bb1e10;
  font-size: 40px;
  font-weight: 300;
  margin: 0;
}
.mail-grid-left h5 {
  color: #969696;
  font-size: 16px;
  margin: 1em 0;
  line-height: 1.8em;
}
.mail-grid-left h5 span {
  display: block;
}
.mail-grid-left h4{
	color:#000;
	font-size:18px;
	font-weight:600;
	margin:0;
}
.mail-grid-left p{
  color: #000000;
  font-size: 16px;
  margin: 1em 0;
  line-height: 1.8em;
}
.mail-grid-left p a{
	color: #000000;
}
.mail-grid-left p span{
	display:block;
}
.contact-form form {
  text-align: right;
}
.contact-form input[type="text"] {
  width: 100%;
  color: #898888;
  background: none;
  outline: none;
  font-size: 16px;
  padding: .5em;
  margin-bottom: 1em;
  border: solid 1px #D5D4D4;
  -webkit-appearance: none;
}
.contact-form textarea {
  resize: none;
  width: 100%;
  color: #898888;
  font-size: 16px;
  outline: none;
  padding: .5em;
  border: solid 1px #D5D4D4;
  min-height: 150px;
  -webkit-appearance: none;
}
.contact-form input[type="submit"] {
  border: none;
  outline: none;
  color: #FFF;
  padding: .5em 2em;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 600;
  margin: 0.5em 0 0 0;
  -webkit-appearance: none;
  background: #558ed6;
}
.contact-form input[type="submit"]:hover{
	background:#4D4D4D;
	  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -o-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
}
span.menu {
  display: none;
}


/*--top-top--*/
#toTop {
  display: none;
  text-decoration: none;
  position: fixed;
  bottom: 10px;
  right: 25px;
  overflow: hidden;
  width: 47px;
  height: 47px;
  border: none;
  text-indent: 100%;
  background: url(../images/top-arrow.png) no-repeat;
}
/*--/top-top--*/
/*-- responsive-design starts-here --*/

@media screen and (max-width: 1200px) {

.banner-bottom-right img{ width:126px; height: auto;}
.col-md-5 a.on3{ padding-left:34px;}
.col-md-5 a.on3, .col-md-5 a.on4, .col-md-5 a.on5{    top: -24px;}
.col-md-5 a.on6, .col-md-5 a.on7{top: -54px;}
	
.specialtyxx{ width:50%; padding-top:0px;}
.news-gridsxx{ width:48%;}
.newsxx{ width:48%; height: auto;}
.news-gridsxx .txt{width:100%;}
.news-gridsxx .txt ul li{ height:40px; line-height:40px;}
.news-gridsxx .txt ul li a{ padding-left:10px; font-size:13px;background: none;}
.news-info{ width:65%; float:right;}
.news-info a{width:100%; line-height:22px;}
.footer{ height:158px;}

.copyrightyy,.copyrightnr{ width:100%;}	
.linkBd,.copyxx{ display:none;}
}
@media screen and (max-width: 1024px) {
	

	.head-logo {
	  width: 50%;
	}
	.top-blog {
	  width: 87%;
	}
	.blog h2 {
	  margin-top: 0;
	}
	.callbacks_tabs {
	  top: 87%;
	}
	.banner {
	      min-height: 754px !important;
	}
	.banner-info {
	  margin: 8em 0 0 0;
	}
	.banner-bottom-grids {
	  margin: 3em 0;
	}
	.banner-info p {
	  margin: 0em 0 7em 0;
	}
	.banner-bottom-left h5 {
	  font-size: 16px;
	  margin: 4px 0;
	}
	.banner-bottom-left h3 {
	  font-size: 28px;
	}
	.banner-bottom-left p {
	  font-size: 13px;
	}
	.about-top {
	  padding: 4em 0 0;
	}
	.mail-grid-left h3 {
	  font-size: 32px;
	}
	.mail {
	  padding: 4em 0 2em;
	}
	.banner-info h2 span {
	  padding-bottom: 0;
	  border-bottom: none;
	}
}
@media screen and (max-width: 768px) {
		.slider { display:none;}
	.phon{ display:none;}
	.head{ height:70px;}
	.welcome{ padding: 20px 0;}
	.tab-head{    padding-top: 1em;}
	.fashion-tab {padding: 1em 0 0;}
	.tit-xm h2{ font-size:20px;}
	.tit-xm{ height:65px;}
	.tabs li a{font-size:16px;}

	.fashion-tab p.p1{margin-bottom:10px;}
	.newtw { margin-top:15px;}
	.news {
	  padding: 1.5em 0 1.5em;
	}
	.works .work-sec .fil-btn{ width:95%; margin:0 10px;}
	.works .work-sec .work-txt{ margin-bottom:10px; line-height:26px;}
	.works .work-sec .wrk-title{width: 128px;height: 40px;line-height: 40px;}
	#Container{ width:100%;}
	.works{ height:749px;}
    .footer .tb{ width:100%;}
	.footer .tb .we{ display:none;}
	.footer{ margin-top:15px;}
	.footer .tb .cont{width:100%; margin-top:10px;}
	.top-nav ul li a{ height:40px; }
	.nrbanner{ width:100%; height:200px;background-size: cover;}
	.nrbanners{ height:200px;}
	.rightbox p{ line-height:26px;}
	.rightbox img{ width:100%; height:auto;}
	.single-inline{ margin-top:20px;}
	.blog-to{ width:100%;}
	.lb-album li{width:100%;}
	.contact-form{width:100%;}
	.works .work-sec .filimg{width:90%; height:auto; overflow:hidden; padding-bottom:15px;}
	.works .work-sec a img{width:100%; height:auto;}
	.copyxx{ display: none;}
	
	
	.head-logo a{ margin-top:0.5em;}
	.head-logo a img{ width:100%; height:auto; margin-top:5px;}
	.a-banner {
	    min-height: 350px !important;background-size:cover;
	}
	.top-nav ul li,.top-nav ul.nav1 li{ text-align:left; border-bottom: 1px dashed #eeeeee; }
	.top-nav ul li a{ padding:10px 0;text-align:left;padding-left:40%; }
	.top-nav ul li a i{ float:left;}
	.top-nav ul li a i img{ position:relative; left:-20px; top:-5px; width: 20px; height:20px;}
	
	.containerxx{  min-height: 200px !important;height: 350px;background-size:cover; }
	.callbacks_container, .rslides, .rslides li,.banner-info{height: 350px; width:100%; background-size:cover;position:relative;}
	.downList{ margin-top:0.5em;width: 205px; position:absolute; top:0px; right:50px;}
	.col-md-7{ width:100%;}
	.banner-bottom-grids{    margin: 1em 0;}
	.title{    margin-bottom: 20px;height: 40px; }
	.title h3{ font-size:16px;height: 40px;    line-height: 30px; font-weight: bold;}
	.banner-bottom-left p{ line-height:26px;}
	.see-button a {width: 115px;font-size: 16px;
	  padding: 0.5em 1em;
	}
	
	.col-md-5{ width:100%; float:left;}
	.banner-bottom-right img{ width:176px; height: auto;}
	.col-md-5 a.on1{ padding-left:90px;}
	.col-md-5 a.on2{ padding-right:60px;}
	.col-md-5 a.on3{padding-left: 19px;}
	.col-md-5 a.on3, .col-md-5 a.on4, .col-md-5 a.on5{ position: relative; top: -24px;}
	.col-md-5 a.on6{padding-left:90px;}
	.col-md-5 a.on6, .col-md-5 a.on7{position: relative;top: -54px;}
	.banner-bottom-right{ margin-bottom:0px;}
	
	.aboutxyz{ display:none;}
	.specialtyxx{ width:100%; padding-top:0px;}
	.specialtyxx p{ padding-left:0px; line-height:26px;}
	.feature{ padding:10px 0 30px; height:100%; overflow:hidden;    background: url(../images/sl0023.jpg) repeat-y center center;}
	#owl-demo .itemxx{ width:94%; height:auto;}
	#owl-demo .itemxx p{ margin:0px 10px;    background: url(../images/sl0018.png) no-repeat right center;}
	.link_list{ width:75%;}
	.linkTitle{ width:25%;}
	.link_list a,.linkTitle{ font-size:13px; padding-right:5px;}
	.footer{ height:108px;}
	
	.copyrightyy,.copyrightnr{ width:100%;}
	.news-gridsxx{ width:100%;}
	.newsxx{ width:100%; height: auto;}
	.newsxx img{ height: auto; width:30%;}
	.news-info{ width:65%; float:right;}
	.news-info a{width:100%; line-height:22px;}
	.news-info p{}
	.news-gridsxx .txt{width:100%;}
	.news-gridsxx .txt ul li{ height:40px; line-height:40px;}
	.news-gridsxx .txt ul li a{ padding-left:10px; font-size:13px;background: none;}
	.newtw {}
	.news-gridsxx .txt ul li:hover a{background: none;}
     #owl-demo .itemxx img{ height:auto;}
	.Photovoltaic h3{ font-size:18px;margin:10px 0px 20px 0px}
	.Photovoltaic_class{ width:100%; height:auto;}
	.Photovoltaic_class ul li{ margin-top:5px; margin-right:5px; width:48%;}
	.Photovoltaic p{ float:left; width:100%;}
	.blog-left{ display:none;}
	.case ul li { width:100%; height: auto;;}
	.case ul li a img{ width:100%; height: auto;}
	.case ul li .titleca p{}
	.zxly{ padding:0px;}
	.olMessage3{ width:20%;}
	.olMessage4,.olMessage5{ width:100%;}
	.news_neiye h1{font-size: 18px;}
	.news_neiye p{ line-height:26px;}
	.news_neiye img{ height: auto; width:100%;}
	.sub_news09{width:100%;}
	.top-nav ul li a.a1{padding:10px 0; text-align: center;}
	.Photovoltaic p{ font-size:12px;}
	.head-logo {
	  width: 60%;
	}
	.head-logo a img{
		width:100%;
	}
	span.menu {
		display: block;
		text-align: right;
		padding-bottom: 1em;
		cursor: pointer;
		color: #E74C3C;
		font-size: 16px;
		font-weight: 700;
		position: relative;
	}
	.top-nav {
		  float: right;
		  margin-top: 3em;
		  width: 5%;
	}
	.head-logo a {
	 margin-top: 2em;
	}
	ul.nav1 {
		display: none;
	}
	
	.top-nav ul {
		padding: 0;
		margin: 0;
		z-index: 9999;
		position: absolute;
		width: 96%; margin:0 2%;
		left:0;
	}
	.top-nav ul.nav1 li.active{
		background: #00a9e6;
	}
	.top-nav ul.nav1 li {
	  display: block;
	  text-align: center;
	  background:#cad2dc;
	  border-bottom: 1px dashed #0F2031;
	  margin: 0;
	  width: 100%;
	}
	.top-nav ul li a {
    text-transform:uppercase; 
	  padding: 1.5em 0;
	  display: block;
	  float: none;
	}	
	.top-nav ul li a i {
		margin-top: .5em;
	}

	.top-nav ul li a {  text-transform:uppercase;
		padding: 1em 0;
	}
	.banner-info h2 {
		font-size: 41px;
	}
	.banner-info h2 {
		font-size: 41px;
	}
	.banner {
		min-height: 630px;
	}
	.callbacks_tabs {
	  top: 83%;
	  left: 43%;
	}
	.banner-bottom-right {
	  margin-top: 2em;
	}
	.service-box {
	  margin: 2em 0;
	}
	.testimonial-grid p {
		width: 90%;
	}
	.news-grid {
	  margin-top: 2em;
	  float: left;
	  width: 50%;
	}
	.footer-middle {
	  margin: 3em 0;
	}

	.banner-bottom-right {
	  margin-bottom: 2em;
	}
	.about-bottom-right {
	  margin-top: 4em;
	}
	.banner-bottom-grids {
	  margin: 2em 0;
	}
	.team-grid {
	  float: left;
	  width: 50%;
	}
	.team-grid:nth-child(3) {
	  margin-top: 2em;
	}
	.team-grid:nth-child(4) {
	  margin-top: 2em;
	}
	.contact-form {
	  margin-top: 2em;
	}
	.products-grid {
	  margin-bottom: 2em;
	    padding: 0;
	}
	.footer-left {
	  padding: 0;
	}
	.footer-middle {
	  padding: 0;
	}
	.footer-right {
	  padding: 0;
	}
	.single {
	  padding: 0;
	}
	.mail-grid-left {
	  padding: 0;
	}
	.banner-info {
	  margin: 4em 0 0 0;
	}
	.footer-right a img {
	  width: 20%;
	}
	.top-nav ul li a {
	  width: 100%;
	}
	.top-blog {
	  width: 83%;
	}
	ul.grid-part {
	  float: left;
	}
	.single-bottom textarea {
	  width: 100%;
	}
	.single-bottom input[type="text"], .single-bottom textarea {
	  margin-bottom: 1em !important;
	  margin: 0;
	}
	.comment {
	  padding: 0;
	}
	.single-bottom {
	  padding: 0em 0 2.5em;
	}
	.banner-info h2 span {
	  border-bottom: none;
	}
	.footer-left input[type="text"] {
	  margin-bottom: 0em;
	}
	.phone {
	  margin-top: 0em;
	}
	.phone p {
	  margin: 1em 0 0 0;
	}
	.address p {
	  margin: 1em 0 0 0;
	}
	.banner-bottom-left h5 {
	  font-size: 15px;
	}
	.banner-bottom-left p {
	  font-size: 13px;
	}
	.banner-bottom-right {
	  padding: 0;
	}
	.a-banner-bottom-text {
	  padding: 0;
	}
	.team-grid {
	  padding: 0;
	}
	.banner-info p {
	  margin: 0em 0 11em 0;
	}
	.feature .row{ height:370px;}
}
@media screen and (max-width: 640px) {
	.hiSlider-wrap{ display: none;}
	.slider { display:none;}
	.phon{ display:none;}
	.head{ height:70px;}
	.welcome{ padding: 20px 0;}
	.tab-head{    padding-top: 1em;}
	.fashion-tab {padding: 1em 0 0;}
	.tit-xm h2{ font-size:20px;}
	.tit-xm{ height:65px;}
	.tabs li a{font-size:16px;}
	
	.fashion-tab p.p1{margin-bottom:10px;}
	.newtw { margin-top:15px;}
	.news {
	  padding: 1.5em 0 1.5em;
	}
	.works .work-sec .fil-btn{ width:95%; margin:0 10px;}
	.works .work-sec .work-txt{ margin-bottom:10px; line-height:26px;}
	.works .work-sec .wrk-title{width: 128px;height: 40px;line-height: 40px;}
	#Container{ width:100%;}
	.works{ height:749px;}
    .footer .tb{ width:100%;}
	.footer .tb .we{ display:none;}
	.footer{ margin-top:15px;}
	.footer .tb .cont{width:100%; margin-top:10px;}
	.top-nav ul li a{ height:40px; }
	.nrbanner{ width:100%; height:200px;background-size: cover;}
	.nrbanners{ height:200px;}
	.rightbox p{ line-height:26px;}
	.rightbox img{ width:100%; height:auto;}
	.single-inline{ margin-top:20px;}
	.blog-to{ width:100%;}
	.lb-album li{width:100%;}
	.contact-form{width:100%;}
	.works .work-sec .filimg{width:90%; height:auto; overflow:hidden; padding-bottom:15px;}
	.works .work-sec a img{width:100%; height:auto;}
	.copyxx{ display: none;}

	
	
	
	.head-logo a{ margin-top:0.5em;}
	.head-logo a img{ width:100%; height:auto; margin-top:14px;}
	.a-banner {
	    min-height: 350px !important;background-size:cover;
	}
	.top-nav ul li,.top-nav ul.nav1 li{ text-align:left; border-bottom: 1px dashed #eeeeee; }
	.top-nav ul li a{ padding:10px 0;text-align:left; text-align:center; font-size:16px;}
	.top-nav ul li a i{ float:left;}
	.top-nav ul li a i img{ position:relative; left:-20px; top:-5px; width: 20px; height:20px;}
	
	.containerxx{  min-height: 200px !important;height: 350px;background-size:cover; }
	.callbacks_container, .rslides, .rslides li,.banner-info{height: 350px; width:100%; background-size:cover;position:relative;}
	.downList{ margin-top:0.5em;width: 205px; position:absolute; top:0px; right:50px;}
	.col-md-7{ width:100%;}
	.banner-bottom-grids{    margin: 1em 0;}
	.title{    margin-bottom: 20px;height: 40px; }
	.title h3{ font-size:16px;height: 40px;    line-height: 30px; font-weight: bold;}
	.banner-bottom-left p{ line-height:26px;}
	.see-button a {width: 115px;font-size: 16px;
	  padding: 0.5em 1em;
	}
	
	.col-md-5{ width:100%; float:left;}
	.banner-bottom-right img{ width:136px; height: auto;}
	.col-md-5 a.on1{ padding-left:90px;}
	.col-md-5 a.on2{ padding-right:60px;}
	.col-md-5 a.on3{padding-left: 19px;}
	.col-md-5 a.on3, .col-md-5 a.on4, .col-md-5 a.on5{ position: relative; top: -24px;}
	.col-md-5 a.on6{padding-left:90px;}
	.col-md-5 a.on6, .col-md-5 a.on7{position: relative;top: -54px;}
	.banner-bottom-right{ margin-bottom:0px;}
	
	.aboutxyz{ display:none;}
	.specialtyxx{ width:100%; padding-top:0px;}
	.specialtyxx p{ padding-left:0px; line-height:26px;}
	.feature{ padding:10px 0 30px; height:100%; overflow:hidden;    background: url(../images/sl0023.jpg) repeat-y center center;}
	#owl-demo .itemxx{ width:94%; height:auto;}
	#owl-demo .itemxx p{ margin:0px 10px;    background: url(../images/sl0018.png) no-repeat right center;}
	.link_list{ width:75%;}
	.linkTitle{ width:25%;}
	.link_list a,.linkTitle{ font-size:13px; padding-right:5px;}
	.footer{ height:108px;}
	
	.copyrightyy,.copyrightnr{ width:100%;}
	.news-gridsxx{ width:100%;}
	.newsxx{ width:100%; height: auto;}
	.newsxx img{ height: auto; width:30%;}
	.news-info{ width:65%; float:right;}
	.news-info a{width:100%; line-height:22px;}
	.news-info p{ display: none;}
	.news-gridsxx .txt{width:100%;}
	.news-gridsxx .txt ul li{ height:40px; line-height:40px;}
	.news-gridsxx .txt ul li a{ padding-left:10px; font-size:13px;background: none;}
	.newtw {}
	.news-gridsxx .txt ul li:hover a{background: none;}
     #owl-demo .itemxx img{ height:auto;}
	.Photovoltaic h3{ font-size:18px;margin:10px 0px 20px 0px}
	.Photovoltaic_class{ width:100%; height:auto;}
	.Photovoltaic_class ul li{ margin-top:5px; margin-right:5px; width:48%;}
	.Photovoltaic p{ float:left; width:100%;}
	.blog-left{ display:none;}
	.case ul li { width:100%; height: auto;;}
	.case ul li a img{ width:100%; height: auto;}
	.case ul li .titleca p{ }
	.zxly{ padding:0px;}
	.olMessage3{ width:20%;}
	.olMessage4,.olMessage5{ width:100%;}
	.news_neiye h1{font-size: 18px;}
	.news_neiye p{ line-height:26px;}
	.news_neiye img{ height: auto; width:100%;}
	.sub_news09{width:100%;}
	.top-nav ul li a.a1{padding:10px 0; text-align: center;}
	.Photovoltaic p{ font-size:12px;}
	.head-logo {
	  width: 50%;
	}
	
	.banner-info h2 {
	  font-size: 35px;
	}
	.contact-form {
	  padding: 0;
	}
	.footer-middle {
	  margin: 0em 0;
	}
	.mail {
	  padding: 4em 0 2em;
	}
	.team-grid p {
	  width: 90%;
	}
	.head-logo a {
	  margin-top: 0.6em;
	}
	.top-blog {
	  width: 80%;
	}
	.pagination {
	  padding-top: 2em;
	}
	.blog-to {
	  padding: 1em 0;
	}
	.banner-info h2 span {
	  border-bottom: none;
	}
	.banner-info {
		margin: 3em 0 0 0;
	}
	.banner {
	  min-height: 560px;
	}
	.banner-bottom-left h3 {
		font-size: 28px;
	}
	.specialty-info h3 {
		font-size: 34px;
	}
	.about-info h3 {
		font-size: 34px;
	}
	.about-bottom h3 {
		font-size: 34px;
	}
	.team-info	h3 {
		font-size: 34px;
	}
	.products-top h3 {
		font-size: 34px;
	}
	.products-text h4 {
		font-size: 22px;
	}
	.products-number p {
		font-size: 34px;
	}
	.products-bottom h3 {
		font-size: 34px;
	}
	.mail-grid-left h3 {
		font-size: 34px;
	}
	.head-logo {
	  width:60%;
	}
	.feature .row{ height:370px;}
}
@media screen and (max-width: 480px) {
	.fin{ top:0px;}
	.banner-info h2 span {
		border-bottom: none;
	}
	.banner-info h2 {
	    line-height: 1.2em;
        font-size: 21px;
	}
	.banner-info {
	  margin: 2em 0 0 0;
	}
	.specialty-button {
	  margin-top: 0em;
	}
	.see-button {
	  margin-top: 0.2em;
	}
	.banner-info p {
	  font-size: .875em;
	  margin: 0em 0 8em 0;
	}
	.callbacks_tabs {
	  top: 75%;
	  left: 36%;
	}
	.head-logo {
	    width: 60%;
	}
	.products-top-grids {
	  margin-top: 1em;
	}
	.news-grids {
	  margin-top: 1em;
	}
	.top-blog {
	  width: 100%;
	  margin: 0;
	  padding-top: 1em;
	}
	.about-bottom-grids {
	  margin-top: 2em;
	}
	ul.grid-part {
	  padding: 0;
	}
	.top-nav {
	  margin-top: 1.2em;
	  width: 8%;
	}
	.testimonial-grid p {
	  width: 100%;
	}
	.single-bottom input[type="submit"] {
	  width: 20%;
	  margin: 0;
	}
	.testimonial-grid p {
		font-size: 1em;
	}
	.news-grid {
	  margin-top: 1em;
	  padding-left: 0;
	}
	.news-grid a h4 {
		font-size: 16px;
	}
	.news-grid span {
		font-size: 16px;
	}
	.copyright-left {
	  float: none;
	  text-align: center;
	  margin-bottom: 2em;
	}
	.copyright-right {
	  float: none;
	  text-align: center;
	}
	.phon{ display:none;}
	.head{ height:70px;}
	.welcome{ padding: 20px 0;}
	.tab-head{    padding-top: 1em;}
	.fashion-tab {padding: 1em 0 0;}
	.tit-xm h2{ font-size:20px;}
	.tit-xm{ height:65px;}
	.tabs li a{font-size:16px;}

	.fashion-tab p.p1{margin-bottom:10px;}
	.newtw { margin-top:15px;}
	.news {
	  padding: 1.5em 0 1.5em;
	}
	.works .work-sec .fil-btn{ width:95%; margin:0 10px;}
	.works .work-sec .work-txt{ margin-bottom:10px; line-height:26px;}
	.works .work-sec .wrk-title{width: 128px;height: 40px;line-height: 40px;}
	#Container{ width:100%;}
	.works{ height:749px;}
    .footer .tb{ width:100%;}
	.footer .tb .we{ display:none;}
	.footer{ margin-top:15px;}
	.footer .tb .cont{width:100%; margin-top:10px;}
	.top-nav ul li a{ height:40px; }
	.nrbanner{ width:100%; height:200px;background-size: cover;}
	.nrbanners{ height:200px;}
	.rightbox p{ line-height:26px;}
	.rightbox img{ width:100%; height:auto;}
	.single-inline{ margin-top:20px;}
	.blog-to{ width:100%;}
	.lb-album li{width:100%;}
	.contact-form{width:100%;}
	.works .work-sec .filimg{width:90%; height:auto; overflow:hidden; padding-bottom:15px;}
	.works .work-sec a img{width:100%; height:auto;}



	.head-logo a{ margin-top:0.5em;}
	.head-logo a img{ width:100%; height:auto;}
	.a-banner {
	    min-height: 200px !important;background-size:cover;
	}
	.top-nav ul li,.top-nav ul.nav1 li{ text-align:left; border-bottom: 1px dashed #eeeeee; }
	.top-nav ul li a{ padding:10px 0;text-align:left; text-align:center; font-size:16px; }
	.top-nav ul li a i{ float:left;}
	.top-nav ul li a i img{ position:relative; left:-20px; top:-5px; width: 20px; height:20px;}
	
	.containerxx{  min-height: 200px !important;height: 200px;background-size:cover; }
	.callbacks_container, .rslides, .rslides li,.banner-info{height: 200px; width:100%; background-size:cover;position:relative;}
	.downList{ margin-top:0.5em;width: 205px; position:absolute; top:0px; right:50px;}
	.col-md-7{ width:100%;}
	.banner-bottom-grids{    margin: 1em 0;}
	.title{    margin-bottom: 20px;height: 40px; }
	.title h3{ font-size:16px;height: 40px;    line-height: 30px; font-weight: bold;}
	.banner-bottom-left p{ line-height:26px;}
	.see-button a {width: 115px;font-size: 16px;
	  padding: 0.5em 1em;
	}
	
	.col-md-5{ width:100%; float:left;}
	.banner-bottom-right img{ width:94px; height: auto;}
	.col-md-5 a.on1{ padding-left:60px;}
	.col-md-5 a.on2{ padding-right:40px;}
	.col-md-5 a.on3, .col-md-5 a.on4, .col-md-5 a.on5{ position: relative; top: -14px;}
	.col-md-5 a.on6{padding-left:60px;}
	.col-md-5 a.on6, .col-md-5 a.on7{position: relative;top: -35px;}
	.banner-bottom-right{ margin-bottom:0px;}


	
	.aboutxyz{ display:none;}
	.specialtyxx{ width:100%; padding-top:0px;}
	.specialtyxx p{ padding-left:0px; line-height:26px;}
	.feature{ padding:10px 0 30px; height:100%; overflow:hidden;    background: url(../images/sl0023.jpg) repeat-y center center;}
	#owl-demo .itemxx{ width:94%; height:auto;}
	#owl-demo .itemxx p{ margin:0px 10px;    background: url(../images/sl0018.png) no-repeat right center;}
	.link_list{ width:75%;}
	.linkTitle{ width:25%;}
	.link_list a,.linkTitle{ font-size:13px; padding-right:5px;}
	.footer{ height:108px;}
	.copyxx{ display:none;}
	.copyrightyy,.copyrightnr{ width:100%;}
	

     #owl-demo .itemxx img{ height:auto;}
	.Photovoltaic h3{ font-size:18px;margin:10px 0px 10px 0px; height:40px;}
	.Photovoltaic_class{ width:100%; height:auto; margin:10px 0;}
	.Photovoltaic_class ul li{ margin-top:5px; margin-right:5px; width:48%;}
	.Photovoltaic p{ float:left; width:100%;}
	.blog-left{ display:none;}
	.case ul li { width:100%; height: auto;;}
	.case ul li a img{ width:100%; height: auto;}
	.case ul li .titleca p{}
	.zxly{ padding:0px;}
	.olMessage3{ width:20%;}
	.olMessage4,.olMessage5{ width:100%;}
	.news_neiye h1{font-size: 18px;}
	.news_neiye p{ line-height:26px;}
	.news_neiye img{ height: auto; width:100%;}
	.sub_news09{width:100%;}
	.top-nav ul li a.a1{padding:10px 0; text-align: center;}
	.Photovoltaic p{ font-size:12px;}
	.feature .row{ height:370px;}
	.see-button a{}+
	.prodcx { width:}
	.about-top {
	  padding: 2em 0;
	}
	.banner-bottom-right {
	  padding: 0;
	}
	.products-top {
	  padding: 2em 0;
	}
	.gallery-grid {
	  float: none;
	  width: 100%;
	}
	.gallery-grid1 {
	  float: none;
	  width: 100% !important;
	}
	.e-page h5 {
		font-size: 3em;
	}

	.map iframe {
	  min-height: 250px;
	}
	.footer-middle {
	    margin: 2.5em 0;
	}
	.banner-bottom-grid-text {
	  padding: 0;
	}
	.specialty-info {
	  padding: 0;
	}
	.specialty-grids {
	  padding: 0;
	    margin-top: 6em;
	}
	.mail {
	  padding: 0em 0 2em;
	}
	.specialty {
	  padding: 3em 0 1.5em;
	}


	.footer-right a img {
	  width: 33%;
	}
}
@media screen and (max-width: 320px) {
		.slider { display:none;}
	.phon{ display:none;}
	.head{ height:70px;}
	.welcome{ padding: 20px 0;}
	.tab-head{    padding-top: 1em;}
	.fashion-tab {padding: 1em 0 0;}
	.tit-xm h2{ font-size:20px;}
	.tit-xm{ height:65px;}
	.tabs li a{font-size:16px;}
	.tab_img img { width:100%; height: auto;}
	.fashion-tab p.p1{margin-bottom:10px;}
	.newtw { margin-top:15px;}
	.news {
	  padding: 1.5em 0 1.5em;
	}
	.works .work-sec .fil-btn{ width:95%; margin:0 10px;}
	.works .work-sec .work-txt{ margin-bottom:10px; line-height:26px;}
	.works .work-sec .wrk-title{width: 128px;height: 40px;line-height: 40px;}
	#Container{ width:100%;}
	.works{ height:749px;}
    .footer .tb{ width:100%;}
	.footer .tb .we{ display:none;}
	.footer{ margin-top:15px;}
	.footer .tb .cont{width:100%; margin-top:10px;}
	.top-nav ul li a{ height:40px; }
	.nrbanner{ width:100%; height:200px;background-size: cover;}
	.nrbanners{ height:200px;}
	.rightbox p{ line-height:26px;}
	.rightbox img{ width:100%; height:auto;}
	.single-inline{ margin-top:20px;}
	.blog-to{ width:100%;}
	.lb-album li{width:100%;}
	.contact-form{width:100%;}
	.works .work-sec .filimg{width:90%; height:auto; overflow:hidden; padding-bottom:15px;}
	.works .work-sec a img{width:100%; height:auto;}
	.copyxx{ display: none;}


	.head-logo a{ margin-top:0.5em;}
	.head-logo a img{ width:100%; height:auto;}
	.a-banner {
	    min-height: 200px !important;background-size:cover;
	}
	.top-nav ul li,.top-nav ul.nav1 li{ text-align:left; border-bottom: 1px dashed #eeeeee; }
	.top-nav ul li a{ padding:10px 0;text-align:left;padding-left:40%; }
	.top-nav ul li a i{ float:left;}
	.top-nav ul li a i img{ position:relative; left:-20px; top:-5px; width: 20px; height:20px;}
	
	.containerxx{  min-height: 200px !important;height: 200px;background-size:cover; }
	.callbacks_container, .rslides, .rslides li,.banner-info{height: 200px; width:100%; background-size:cover;position:relative;}
	.downList{ margin-top:0.5em;width: 205px; position:absolute; top:0px; right:50px;}
	.col-md-7{ width:100%;}
	.banner-bottom-grids{    margin: 1em 0;}
	.title{    margin-bottom: 20px;height: 40px; }
	.title h3{ font-size:16px;height: 40px;    line-height: 30px; font-weight: bold;}
	.banner-bottom-left p{ line-height:26px;}
	.see-button a {width: 115px;font-size: 16px;
	  padding: 0.5em 1em;
	}
	
	.col-md-5{ width:100%; float:left;}
	.banner-bottom-right img{ width:76px; height: auto;}
	.col-md-5 a.on1{ padding-left:60px;}
	.col-md-5 a.on2{ padding-right:40px;}
	.col-md-5 a.on3{padding-left: 19px;}
	.col-md-5 a.on3, .col-md-5 a.on4, .col-md-5 a.on5{ position: relative; top: -4px;}
	.col-md-5 a.on6{padding-left:58px;}
	.col-md-5 a.on6, .col-md-5 a.on7{position: relative;top: -20px;}
	.banner-bottom-right{ margin-bottom:0px;}
	
		
	.aboutxyz{ display:none;}
	.specialtyxx{ width:100%; padding-top:0px;}
	.specialtyxx p{ padding-left:0px; line-height:26px;}
	.feature{ padding:10px 0 30px; height:100%; overflow:hidden;    background: url(../images/sl0023.jpg) repeat-y center center;}
	#owl-demo .itemxx{ width:94%; height:auto;}
	#owl-demo .itemxx p{ margin:0px 10px;    background: url(../images/sl0018.png) no-repeat right center;}
	.link_list{ width:75%;}
	.linkTitle{ width:25%;}
	.link_list a,.linkTitle{ font-size:13px; padding-right:5px;}
	.footer{ height:158px;}
	
	.copyrightyy,.copyrightnr{ width:100%;}
	.news-gridsxx{ width:100%;}
	.newsxx{ width:100%; height: auto;}
	.newsxx img{ height: auto; width:30%;}
	.news-info{ width:65%; float:right;}
	.news-info a{width:100%; line-height:22px;}
	.news-info p{ display:none;}
	.news-gridsxx .txt{width:100%;}
	.news-gridsxx .txt ul li{ height:40px; line-height:40px;}
	.news-gridsxx .txt ul li a{ padding-left:10px; font-size:13px;background: none;}
	.newtw {;}
	.news-gridsxx .txt ul li:hover a{background: none;}
     #owl-demo .itemxx img{ height:auto;}
	.Photovoltaic h3{ font-size:18px;margin:10px 0px 20px 0px}
	.Photovoltaic_class{ width:100%; height:auto;}
	.Photovoltaic_class ul li{ margin-top:5px; margin-right:5px; width:48%;}
	.Photovoltaic p{ float:left; width:100%;}
	.blog-left{ display:none;}
	.case ul li { width:100%; height: auto;;}
	.case ul li a img{ width:100%; height: auto;}
	.case ul li .titleca p{}
	.zxly{ padding:0px;}
	.olMessage3{ width:20%;}
	.olMessage4,.olMessage5{ width:100%;}
	.news_neiye h1{font-size: 18px;}
	.news_neiye p{ line-height:26px;}
	.news_neiye img{ height: auto; width:100%;}
	.sub_news09{width:100%;}
	.top-nav ul li a.a1{padding:10px 0; text-align: center;}
	.Photovoltaic p{ font-size:12px;}
	.head-logo {
	  width: 50%;
	}
	
	
	.top-nav {
	width: 12%;
	   margin-top: 1.7em;
	}	
	.head-logo a {
	      margin-top: 1.3em;
	}

	.banner-info h2 {
	  font-size: 19px;
	   padding-bottom: 4em;
	}
	.banner-info {
	  margin: 4em 0 0 0;
	}
	.banner-info p {
	  display: none;
	}
	.callbacks_tabs {
	  top: 71%;
	  left: 25%;
	}
	.team-grids {
	  margin-top: 1em;
	}

	.team-grid img {
	  width: 90%;
	}
	.banner-bottom-grid-text {
	  padding: 0;
	}
	.see-button {
	  margin-top: .3em;
	}
	.banner-bottom-left h3 {
	  font-size: 20px;
	}
	.banner-bottom-right {
	  margin-bottom: 0em;
	}
	.specialty {
		padding: 2em 0;
	}
	.specialty-info h3 {
	  font-size: 26px;
	}
	.specialty-info {
	  padding: 0;
	}
	.specialty-info p {
		margin: 1em 0 0 0;
		  font-size: 13px;
	}
	.specialty-info p span {
	  margin-top: 1em;
	  
	}
	.service-box h5 {
		margin: 1em 0;
	}
	.testimonials {
		padding: 2em 0;
	}
	.testimonial-nfo h3 {
		font-size: 26px;
	}
	.testimonial-grid p {
	  font-size: .9em;
	}
	.news {
	    padding: 2em 0 0;
	}
	.news-text h3 {
		font-size: 26px;
	}
	.news-grids {
	  margin-top: 0em;
	}
	.news-grid {
	  float: none;
	  width: 100%;
	  padding: 0;
	  margin: 3em 0
	}
	.footer-left {
	  padding: 0;
	}
	.footer-left ul {
		text-align: center;
	}
	.footer-left ul li {
		margin: 0.2em .24em 0;
	}
	.footer {
		padding: 2em 0;
	}
	.footer-left form {
	  margin-top: 2em;
	}
	.about-info h3 {
	  font-size: 26px;
	}
	.banner-bottom-left h3 {
	  font-size: 18px;
	}
	.a-banner-bottom-text {
	  margin-top: 1em;
	}
	.banner-bottom-grids {
	    margin: 1em 0;
	}
	.about-bottom {
		padding: 2em 0;
	}
	.about-bottom h3 {
	  font-size: 26px;
	}
	.about-bottom-left h4 {
		font-size: 20px;
		  font-weight: 400;
	}
	.about-bottom-grids {
	  margin-top: 1em;
	}
	.about-bottom-left p span {
	  margin: 1em 0;
	    text-align: left;
	}
	.about-bottom-right {
	  margin-top: 2em;
	}
	.team {
	  padding: 2em 0;
	}
	.team-info	h3 {
	  font-size: 26px;
	}
	.team-grid {
	  float: none;
	  width: 100%;
	  padding: 0;
	}
	.team-grid:nth-child(2) {
	  margin-top: 2em;
	}
	.a-banner-bottom-text {
	  padding: 0;
	}
	.products-top h3 {
	  font-size: 26px;
	  line-height: 1.4em;
	}
	.products-number {
		margin-right: 1em;
	}
	.products-text h4 {
	  font-size: 20px;
	    margin: 0 0 .2em 0;
	}
	.products-text p {
	  font-size: 12px;
	}
	.products-grid {
	  margin-bottom: 2em;
	  padding: 0;
	}
	.products-number p {
		line-height: .5em;
	}
	.products-top-grids {
	  margin-top: 0em;
	}
	.products-bottom {
		padding: 2em 0;
	}
	.products-bottom h3 {
	  font-size: 26px;
	}
	.products-bottom-grids {
	  margin-top: 1em;
	}
	.e-page h3 {
		font-size: 8em;
	}
	.e-page {
	  padding: 9em 0 0 0;
	  min-height: 640px;
	}
	.e-page h5 {
	  font-size: 2em;
	}
	.mail {
	  padding: 1em 0;
	}
	.footer-middle {
	  margin: 0em 0;
	}
	.map iframe {
		min-height: 265px;
	}
	.mail-grid-left h3 {
	  font-size: 26px;
	}
	.mail-grid-left {
	  padding: 0;
	}
	.contact-form {
	  padding: 0;
	}
	.footer-middle {
	    margin: 2.2em 0;
	}
	.blog h2 {
	  font-size: 26px;
	  margin-top: 0px;
	}
	.blog-left b {
	  font-size: 2.5em;
	}
	.blog {
	  padding: 1.5em 0;
	}
	.single-middle h3 {
	  font-size: 2.2em;
	}
	.single-bottom h3 {
	  font-size: 2.1em;
	}
	.single-bottom input[type="submit"] {
	  width: 34%;
	}
	.mail-grid-left {
	  padding: 0 !important;
	}
	.contact-form {
	  padding: 0;
	}
	.contact-form {
	  padding: 0 !important;
	}
	.specialty-grids-top:nth-child(2) {
	  margin-top: 0;
	}
	.specialty-button {
	  margin: 0em 0 2em;
	}
	.footer-left input[type="text"] {
	  margin-bottom: .2em;
	}
	.address p {
	  margin: .6em 0 0 0;
	}
	.phone {
	  margin-top: 1em;
	}
	.phone p {
	  margin: 0em 0 0 0;
	}
	.footer-right a img {
	  width: 50%;
	}
	.top-blog p {
	   font-size: 12px;
       margin: 7px 0;
	}
	.in-media {
	  padding: 0 0 0 1em;
	}
	.team-grid p {
	  font-size: 16px;
	  line-height: 1.7em;
	}
	.team-grid h6 {
	  margin: 1em 0 .3em 0;
	}
	.about-bottom-left p {
	  font-size: 13px;
	}
	.about-info h5 {
	  font-size: 13px;
	}
	.team-info {
	  text-align: center;
	}
	.banner-bottom-left p {
	  font-size: 16px;
	}
	.see-button a {
	  font-size: 13px;
	  padding: 1em 2em;
	}
	.specialty-grids {
	  padding: 0;
	  margin-top: 2em;
	}
}