body{
	margin: 0px;
	font-family: calibri;
	color:rgba(34,34,34,0.7);
}
.main{
	width:100%;
	height:auto;
	background-color: #222222;
	
}
.inner{
	width:1000px;
	height: 94px;
	background-color: #FFFFFF;
	margin: auto;
}
.logo{
	margin-top:5px;
	float:left;
}
.header_left{
float:left;"
}
.header_right{
float: right;
margin-top: 27px;
margin-right: 20px;
}
.second_inner{
	
	width:1000px;
	margin: auto;
}
#cssmenu,
#cssmenu ul,
#cssmenu li #cssmenu a {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 14px;
  font-family: Helvetica;
  line-height: 1;
}
#cssmenu {
  width: auto;
}
#cssmenu ul {
	zoom: 1;
	background-color: #F7682C;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	/*border: 1px solid #273327;*/
	-moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
}
#cssmenu ul:before {
  content: '';
  display: block;
}
#cssmenu ul:after {
  content: '';
  display: table;
  clear: both;
}
#cssmenu a,
#cssmenu a:link,
#cssmenu a:visited {
  padding: 15px 20px;
  display: block;
  text-decoration: none;
  color: #ffffff;
border-right: 1px solid rgba(0,0,0,0.3);       
 
}
#cssmenu a:hover {
  color:#F7682C;
  /*text-shadow: 0 1px 1px #5e7b5e;*/
}
#cssmenu li {
  float: left;
  border-right: 1px solid #fffff;
}
#cssmenu li:hover {
  
  background-color: #2E2E2E;
}
#cssmenu li:first-child {
  border-left: none;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}
/*slider*/
 .captionOrange, .captionBlack
        {
            color: #fff;
            font-size: 20px;
            line-height: 30px;
            text-align: center;
            border-radius: 4px;
        }
        .captionOrange
        {
            background: #EB5100;
            background-color: rgba(235, 81, 0, 0.6);
        }
        .captionBlack
        {
        	font-size:16px;
            background: #000;
            background-color: rgba(0, 0, 0, 0.4);
        }
        a.captionOrange, A.captionOrange:active, A.captionOrange:visited
        {
        	color: #ffffff;
        	text-decoration: none;
        }
        a.captionOrange:hover
        {
            color: #eb5100;
            text-decoration: underline;
            background-color: #eeeeee;
            background-color: rgba(238, 238, 238, 0.7);
        }
        .bricon
        {
            background: url(../img/browser-icons.png);
        }
        .jssorb03 {
                position: absolute;
            }
            .jssorb03 div, .jssorb03 div:hover, .jssorb03 .av {
                position: absolute;
                /* size of bullet elment */
                width: 21px;
                height: 21px;
                text-align: center;
                line-height: 21px;
                color: white;
                font-size: 12px;
                background: url(../img/b03.png) no-repeat;
                overflow: hidden;
                cursor: pointer;
            }
            .jssorb03 div { background-position: -5px -4px; }
            .jssorb03 div:hover, .jssorb03 .av:hover { background-position: -35px -4px; }
            .jssorb03 .av { background-position: -65px -4px; }
            .jssorb03 .dn, .jssorb03 .dn:hover { background-position: -95px -4px; }
            .jssora20l, .jssora20r {
                display: block;
                position: absolute;
                /* size of arrow element */
                width: 55px;
                height: 55px;
                cursor: pointer;
                background: url(../img/a20.png) no-repeat;
                overflow: hidden;
            }
            .jssora20l { background-position: -3px -33px; }
            .jssora20r { background-position: -63px -33px; }
            .jssora20l:hover { background-position: -123px -33px; }
            .jssora20r:hover { background-position: -183px -33px; }
            .jssora20l.jssora20ldn { background-position: -243px -33px; }
            .jssora20r.jssora20rdn { background-position: -303px -33px; }
             .share-icon {
                    display: inline-block;
                    float: left;
                    margin: 4px;
                    width: 32px;
                    height: 32px;
                    cursor: pointer;
                    vertical-align: middle;
                   
                }
                 @media only screen and (max-width: 980px) {
                    .qr_code {
                        display: none;
                    }
                }
.box{
	width:1000px;
	height:280px;
	background-color: #2E2E2E;
	border-top:3px solid #ffffff;
	border-bottom: 3px solid #ffffff;
	
}
.box_div{
	background-color:;
	width:380px;
	height:220px;
	margin-top:30px;
	margin-left: 85px;
	float: left;
}
.box_div_left{
	float:left;
	width:380px;
}
.box_div_left_img{
	width:60px;
	float:left;
}
.text{
	width:240px;
	float:left;
	margin-top:5px;
	color:#ffffff;
	font-weight: bold;
	
}
.p{
margin-top:7px;
float:left;
font-size:13px;
line-height: 18px;
color: #ffffff;
}
/*image effects*/
#mainwrapper {
  font: 10pt normal Arial, sans-serif;
  height: auto;
 width:200px;
  text-align: center;
  float: left;
  
}
#mainwrapper .box {
    border: 1px solid #fff;
    cursor: pointer;
    height: 182px;
    float: left;
   
    position: relative;
    overflow: hidden;
    width: 196px;
    -webkit-box-shadow: 1px 1px 1px 1px #ccc;
    -moz-box-shadow: 1px 1px 1px 1px #ccc;
    box-shadow: 1px 1px 1px 1px #ccc;
}
 
#mainwrapper .box img {
    position: absolute;
    left: 0;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}
#mainwrapper .box .caption {
	background-color: rgba(247,104,44,0.8);
   
    position: absolute;
    color: #fff;
    z-index: 100;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    left: 0;
}
#mainwrapper .box .fade-caption, #mainwrapper .box .scale-caption {
    opacity: 0;
    width: 170px;
    height: 170px;
    text-align: left;
    padding: 15px;
}

#mainwrapper .box:hover .fade-caption {
    opacity: 1;
}
.eff{
	float: left;
	width:1000px;

	border-top:3px solid #ffffff;
	border-bottom: 3px solid #ffffff;
}
.clear{
clear:both;
}
.bg{
		
	

	border-top:3px solid #ffffff;
	border-bottom: 3px solid #ffffff;
}
.footer{
	width:1000px;
	background-color: rgb(247,104,44);
	height:35px;
	padding-top:21px;
}
.f_l{
	float:left;
	color: #ffffff;
	margin-left:10px;
}
.f_r{
	float:right;
	color: #ffffff;
	margin-right: 20px;
}
.span{
	color: #F7682C;
	font-weight: bold;
}
.a{
	
	color: #2E2E2E;
}
.one-edge-shadow {
  -webkit-box-shadow: 0 8px 6px -6px black;
     -moz-box-shadow: 0 8px 6px -6px black;
          box-shadow: 0 8px 6px -6px black;
}
.left{
	width:1000px;
	background-color: #ffffff;
	height:1100px;
	float: left;
	
}
.leftt{
	width:1000px;
	background-color: #ffffff;
	height:800px;
	float: left;
}
.contact_left{
	width:1000px;
	background-color: #ffffff;
	height:600px;
	float: left;
}
.feedback_left{
		width:1000px;
	background-color: #ffffff;
	height:620px;
	float: left;
}
.left_img{
	float:left;
	margin-top:0px;
	margin-left:5px;
	width:300px;
	margin-right:15px;
}
.r_text{
	line-height:40px;
	width:971px;
	margin-left:10px;
	margin-top:-10px;
}
.infra_main{
	background-color: #ffffff;
	width:1000px;
	float: left;
}
.infra_text{
	width:1000px;
	background-color: #ffffff;
	float:left;
}
.infra_t{
	width:980px;
	line-height: 40px;
	margin-left:5px;
	margin-top:-10px;
}
.images{
	width:1000px;
	background-color: #ffffff;
	height:auto;
	float: left;
	
	
}
.infra_img{
width:940px;
	background-color: ;
	height:auto;
	float: left;
	margin-left:35px;	
}

.infra_img img{
margin-left:10px;
	float: left;
	margin-right: 10px;
	margin-bottom: 33px;
}
.images_settings {
 -webkit-box-shadow:10px 10px 5px #888;
     -moz-box-shadow: 10px 10px 5px #888;
          box-shadow: 10px 10px 5px #888;


   
   
}
ul{
list-style-image: url('../img/icon.png');	
}
.mobile_div{
	width: 200px;

	float: left;
	padding-left:100px;
	margin-left:150px;
}
.tel{
	float: left;
	width:30px;
	
}
.tell{
	float: left;
	width:100px;
	
	margin-left:10px;
}
.m{
	margin-left:40px;
	font-size: 15px;
}
.email_div{
float: left;
width:30px;

margin-top: 20px;
}
.email_pic{
	float: left;
	width:100px;
	
	margin-left:10px;
	margin-top: 20px;
}
.g{
	margin-left:40px;
	font-size: 15px;
	}
	.header{
	 text-align: center;
	 font-size:24px;
	 font-weight: bold;
	 padding-top: 20px;
	 text-shadow: 2px 2px #FF0000;
	 color: #000000;
}
	.clear{
		clear: both;
		
	}
	.pro_img{
		webkit-border-radius: 36px 12px;
-moz-border-radius: 36px / 12px;
border-radius: 36px / 12px;
box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
	}
.pro_img:hover{
	webkit-border-radius: 36px 12px;
-moz-border-radius: 36px / 12px;
border-radius: 36px / 12px;
box-shadow: 4px 4px 6px #FDD8C8;

}
.next_pre{
	width:1000px;
	float: left;
	
	padding-bottom: 20px;
	margin-top: 30px;
	margin-left: 330px;
	
	
}
.p{
margin-right:20px;
	float:left;
	margin-top:-5px;
	
}
.n{
	

	margin-top:-5px;
	
	float:left;
}
.productt{
	background-color: #ffffff;
	width:1000px;
	float:left;
}	
.pro_div{
	
	width:940px;
	float:left;
	margin-left:45px;
}
.pro_div_inner{
	float:left;
	margin-right: 20px;
}
.pro_p{
	text-align: center;
	border-radius: 3em 1em;
	background-color: red;
	font-size: 20px;
	color: #ffffff;
}