@charset "utf-8";
.style {}

@font-face {
    font-family: 'LucidaGrandeBold';
    src: url('../Fonts/Lucidas/lucida_grande_bold-webfont.eot');
    src: url('../Fonts/Lucidas/lucida_grande_bold-webfont.eot?#iefix') format('embedded-opentype'), url('../Fonts/Lucidas/lucida_grande_bold-webfont.woff') format('woff'), url('../Fonts/Lucidas/lucida_grande_bold-webfont.ttf') format('truetype'), url('../Fonts/Lucidas/lucida_grande_bold-webfont.svg#LucidaGrandeBold') format('svg') font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LucidaGrandeRegular';
    src: url('../Fonts/lucidagrande/ufonts.com_lucidagrande-webfont.eot');
    src: url('../Fonts/lucidagrande/ufonts.com_lucidagrande-webfont.eot?#iefix') format('embedded-opentype'), url('../Fonts/lucidagrande/ufonts.com_lucidagrande-webfont.woff') format('woff'), url('../Fonts/lucidagrande/ufonts.com_lucidagrande-webfont.ttf') format('truetype'), url('../Fonts/lucidagrande/ufonts.com_lucidagrande-webfont.svg#LucidaGrandeRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* http://meyerweb.com/eric/tools/css/reset/ */


/* v1.0 | 20080212 */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
}

header,
section,
footer,
nav,
article,
aside {
    display: block;
}

body {
    font-family: Tahoma, Arial, Verdana;
    width: 100%;
    overflow-x: hidden
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}


/* remember to define focus styles! */

:focus {
    outline: 0;
}


/* remember to highlight inserts somehow! */

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}


/* tables still need 'cellspacing="0"' in the markup */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.clear {
    clear: both;
}

a {
    text-decoration: none;
    outline: none;
    color: #FFF
}

a:hover {
    color: #0053a3
}

.banner {
    position: absolute;
    top: 220px;
    left: 250px;
    background: transparent;
    width: 195px;
    height: 80px;
    color: #FFF;
    font-size: 30px;
    text-align: left;
    font-family: 'Arial';
}

label {
    font-family: 'Arial';
    font-size: 14px;
    text-align: justify left;
    color: #dbdbdb;
    margin: 10px 10px 10px 10px;
}

span {
    color: #ff8901
}

p {
    font-family: 'Arial';
    font-size: 16px;
    text-align: left justify;
    color: #454545;
    margin: 10px 10px 10px 10px;
    line-height: 25px
}

p.a {
    font-family: 'Arial';
    font-size: 15px;
    text-align: left;
    color: #454545;
    margin: 10px 10px 10px 10px;
    line-height: 25px
}

h1 {
    font-family: 'Arial';
    font-size: 31px;
    color: #ef6704;
    text-align: left;
    width: auto;
    height: auto;
    margin: 20px 0px 0px 5px;
}

h2 {
    font-family: 'Arial';
    font-size: 14px;
    color: #FFF;
    text-align: left;
    padding: 2px 0px 0px 22px;
    margin-left: 130px
}

h2 a:hovre {
    color: #01356b;
}

h3 {
    font-family: 'Arial';
    font-size: 28px;
    text-align: left;
    color: #ff8901;
    width: auto;
    height: auto;
}

h4 {
    font-family: 'Arial';
    font-size: 30px;
    text-align: left;
    color: #FFF;
    padding: 5px 32px 0px 25px
}

h4 a {
    font-family: 'Arial';
    font-size: 30px;
    text-align: left;
    color: #373737;
    padding: 10px 32px 0px 0px
}

h5 {
    font-family: 'Arial';
    font-size: 20px;
    text-align: left;
    color: #ff8901;
    width: auto;
    height: auto;
    padding: 5px 0px 0px 10px;
    text-transform: capitalize
}

.text_main {
    font-family: 'Arial';
    font-size: 16px;
    text-align: justify;
    color: #454545;
    margin: 0px 0px 0px 0px;
    line-height: 23px;
    padding-left: 15px
}


/*******************************************************************/

body {
    margin: 0px auto;
    background-image: url(../images/bg_heder.jpg);
    background-repeat: no-repeat;
    background-color: #021a38;
    background-size: 100% 467px;
}

.contact {
    width: 100%;
    height: auto;
    margin: 0px auto 0px auto;
    padding-top: 12px;
    background: #0053a4;
    /* Old browsers */
    background: -moz-linear-gradient(top, #0053a4 0%, #021a38 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0053a4), color-stop(100%, #021a38));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #0053a4 0%, #021a38 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #0053a4 0%, #021a38 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #0053a4 0%, #021a38 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #0053a4 0%, #021a38 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0053a4', endColorstr='#021a38', GradientType=0);
    /* IE6-9 */
    background-color: #021a38;
    background-repeat: no-repeat;
    /* IE6-9 */
}

.slide_holder {
    width: 992px;
    height: 371px;
    margin: 0px auto 0px auto;
    position: relative;
    z-index: 1
}

.warp {
    width: 992px;
    padding-bottom: 15px;
    height: auto;
    margin: 0px auto 0px auto;
    background-color: #f3f3f3;
    min-hight: 2825px
}


/***********************logo*************************/

.logo_con {
    width: 397px;
    height: 178px;
    position: absolute;
    top: 188px;
    left: 6px;
    background-image: url(../images/slides/logo.jpg);
    background-repeat: no-repeat;
    z-index: 2
}

.logo_img {
    width: 209px;
    height: 57px;
    padding: 38px 0px 0px 52px
}

.logo_text {
    font-family: 'Arial';
    font-size: 20px;
    color: #FFF;
    margin: 30px auto 0px auto;
    width: 325px
}

.text_hd {
    width: 211px;
    height: 88px;
    position: absolute;
    top: 188px;
    right: 3px;
}

.text_hd_hext {
    font-family: 'Arial';
    font-size: 28px;
    text-align: left;
    color: #FFF;
    padding: 29px 10px 0px 10px;
    width: auto;
    height: auto
}


/********************MENU**************************/

.menu {
    width: 100%;
    height: 45px;
    margin: 0px auto 0px auto;
    text-align: center
}

.menu ul {
    width: 100%;
    padding: 7px 0px 0px
}

.menu ul li {
    list-style: none;
    padding: 5px 11px 5px 11px;
    display: inline-block
}

.menu ul li a {
    font-family: 'Arial';
    font-size: 19px;
    color: #FFF;
    padding-top: 10px
}

.menu ul li a:hover {
    color: #fcc66a
}


/*************************WELCOME PAGE********************/

.left_cont {
    width: 578px;
    height: auto;
    margin-top: 10px;
    float: left;
}

.welc {
    width: 578px;
    height: 218px;
    margin: 15px 0px 0px 0px;
}

.text_holder {
    width: 388px;
    height: auto;
    margin: 10px 0px 0px 0px;
    float: left;
}

.pho_welc {
    width: 173px;
    height: 220px;
    background-image: url(../images/wel_img.jpg);
    background-repeat: no-repeat;
    margin: -5px 0px 0px 0px;
    float: right
}

.arrow_wel {
    width: auto;
    height: 26px;
    background-image: url(../images/arrow_left.png);
    background-position: left;
    background-repeat: no-repeat;
    margin: 5px 0px 5px 17px
}

.img_slid {
    width: 578px;
    height: 138px;
    margin: 15px 0px 0px 0px;
}

.div_contact {
    width: 100%;
    height: 450px;
    float: left;
    margin: 0px 0px 0px 0px
}

.div_contact1 {
    width: 300px;
    height: 424px;
    background-color: #003270;
    float: left;
    margin: 0px 0px 0px 13px
}

.div_contact1_tit {
    width: 100%;
    height: 44px;
    background-image: url(../images/arrow_cont.png);
    background-position: left;
    background-repeat: no-repeat;
    margin-top: 5px;
}

.con_txt {
    font-family: 'Arial';
    font-size: 14px;
    text-align: justify left;
    color: #FFF;
    padding: 17px 8px 0px 8px;
    width: 95%;
    height: auto;
    line-height: 20px
}

.con {
    width: 292px;
    height: auto;
}

.con ul {
    width: 95%;
    height: auto;
    margin-top: 14px;
    padding: 0px 0px 0px 30px
}

.con ul li {
    list-style-image: url(../images/sa.jpg);
    list-style-position: outside;
    font-family: 'Arial';
    font-size: 14px;
    text-align: justify left;
    color: #FFF;
    padding: 5px 0px 0px 5px;
    width: 95%;
    height: auto
}

.flash {
    width: 100%
}


/***************************Right Contact****************************/

.right_cont {
    width: 377px;
    height: 460px;
    float: right;
    margin: 10px 12px 0px 0px;
    background-image: url(../images/bg_right_div.png);
    background-position: left;
    background-repeat: no-repeat;
}

.prod {
    width: 90%;
    height: auto;
    margin: 0px 0px 0px 15px;
    padding: 0px;
}

.prod_holher {
    width: 364px;
    height: 140px;
    background-image: url(../images/ph_arrow.png);
}

.prod_img {
    width: 80px;
    float: left;
    margin: 30px 0px 0px 30px;
    padding: 0px;
    z-index: 100;
    position: absolute;
}

.prod_text {
    width: 220px;
    float: right;
    margin: 15px 25px 0px 0px
}

.text {
    font-family: 'Arial';
    font-size: 14px;
    text-align: justify left;
    color: #7c7c7c;
    margin: 5px 0px 0px 5px
}

.read_im {
    width: 250px;
    height: 23px;
    background-image: url(../images/arrow_right.jpg);
    background-position: right;
    background-repeat: no-repeat;
    margin: 0px 0px 0px 0px
}


/************************Services*************************/

.bg_services {
    width: 337px;
    height: 423px;
    background-image: url(../images/bg_serv.jpg);
    background-repeat: no-repeat;
    margin: 0px;
    float: left;
    background-color: #faa719;
}

.bg_services3 {
    display: none;
    height: 450px;
    margin-bottom: 20px !important
}

.tit {
    width: auto;
    height: 50px;
    margin: 5px 0px 0px 0px;
    background-image: url(../images/bg_serv_tit.png);
    background-position: left;
    background-repeat: no-repeat
}

.serv {
    width: 100%;
}

.serv ul {
    width: 100%;
    margin: 9px 0px 0px 0px
}

.serv ul li {
    list-style-image: url(../images/serv_li.png);
    list-style-position: inside;
    padding: 16px 0px 15px 8px;
}

.serv ul li a {
    font-family: 'Arial';
    font-size: 17px;
    color: #2a2a2a;
    text-align: left
}

.serv ul li a:hover {
    color: #FFF;
    margin-left: 5px
}


/********************Client*********************/

.client {
    width: 100%;
    float: left;
    margin: 5px auto 0px auto
}

.client_holder {
    width: 950px;
    height: 95px;
    background-color: #003270;
    margin: 10px auto 0px auto;
}

.cil_di {
    width: 872px;
    height: 69px;
    margin: 12px 0px 0px 54px;
}

.client_di {
    height: 69px;
    padding: 12px 0px 0px 20px;
    float: left
}

.client_im {
    width: 68px;
    height: 69px;
    float: left;
}

.client_text {
    width: 70%;
    margin: 0px 0px 0px 0px;
    float: right
}

.cl_tit {
    font-family: 'Arial';
    font-size: 25px;
    color: #FFF;
    width: auto;
    font-weight: bold
}

.cl_tit a {
    font-family: 'Arial';
    font-size: 25px;
    color: #FFF;
    width: auto;
}

.cl_tit a:hover {
    color: #f9bc37
}

.cl_tx {
    font-family: 'Arial';
    font-size: 14px;
    text-align: justify left;
    color: #FFF;
}


/**********************FOTTER**************************/

.footer {
    width: 983px;
    margin: 20px auto 10px auto;
}

.footer_holder {
    width: 983px;
    margin: 0px auto 0px auto
}

.Footer_tit {
    font-family: 'Arial';
    font-size: 23px;
    color: #adabab;
    padding: 9px 0px;
    border-bottom: 1px dashed #adabab;
    margin-bottom: 10px
}

.footer_line {
    width: 100%;
    height: 11px;
    margin: 15px auto 0px auto;
    background-image: url(../images/line_footer.png);
    background-position: center;
    background-repeat: no-repeat
}

.fot_con {
    width: 900px;
    margin: 12px auto 0px auto
}

.fot_con1 {
    height: auto;
}

.fot_con1 ul {
    list-style: none;
}

.fot_con1 ul li {
    font-family: 'Arial';
    font-size: 14px;
    text-align: justify left;
    color: #dbdbdb;
    padding-bottom: 3px
}

.fot_con1 ul li a {
    font-family: 'Arial';
    font-size: 14px;
    text-align: justify left;
    color: #dbdbdb;
}

.fot_con1 ul li a:hover {
    color: #fcc66a
}

.fot_space {
    width: 1px;
    height: 135px;
    float: left;
    background-image: url(../images/space_footer.png);
    background-repeat: no-repeat
}

.copy {
    width: 100%;
    height: 65px;
    background-color: #000;
    margin: 0px auto 0px auto
}

.copy_holder {
    width: 983px;
    height: 58px;
    margin: 0px auto 0px auto
}

.copy_text {
    font-family: 'Arial';
    font-size: 12px;
    color: #FFF;
    text-align: left;
    padding: 18px 0px 12px 30px;
}

.copy_text a:hover {
    color: #fcc66a
}


/***************************Other pages Right Slid*************************/

.right {
    width: 374px;
    margin: 10px 10px 0px 0px;
    background-image: url(../images/bg_rightpags.jpg);
    background-repeat: no-repeat;
    float: right
}

.right2 {
    height: 425px;
    background-image: url(../images/one_shw.jpg)
}

.right_what {
    width: 364px;
    height: 135px;
    background-color: #003270;
    margin: 10px 0px 0px 9px
}

.what_tit {
    width: 100%;
    height: 44px;
    background-image: url(../images/right.tit.jpg);
    background-position: left;
    background-repeat: no-repeat;
    margin-top: 5px;
}

.what_img {
    width: 364px;
    height: 92px;
    margin: 0px 0px 0px 0px
}


/*****************************Home Page*************************************/

.pg_tit_img {
    width: 569px;
    height: 52px;
    margin: 7px 5px 10px 5px;
    background-image: url(../images/tit_2.jpg);
    background-repeat: no-repeat
}

.left_page {
    width: 585px;
    height: auto;
	min-height:1010px;
    margin: 10px 0px 0px 12px;
    float: left;
    background-color: #FFF;
	padding-bottom:10px
}

.left_page ul {
    width: auto;
    height: auto;
    padding: 10px 0px 10px 50px
}

.left_page ul li {
    font-family: 'Arial';
    font-size: 16px;
    text-align: left;
    color: #454545;
    margin: 0px 0px 0px 0px;
    line-height: 25px;
    list-style-image: url(../images/li_page.jpg);
}

.img {
    width: auto;
    height: auto;
    float: right;
    margin: 10px 7px 10px 0px;
    border: solid 1px;
    color: #979796
}

#here {
    height: auto;
    width: 96%;
    background-color: #ededed;
    border: solid 2px #d7d5d5;
    margin: 5px auto 0px auto
}

.q_table {
    width: 95%;
    height: auto;
    margin: 10px 0px 10px 10px;
    font-size: 12;
}

.input {
    width: 250px;
    height: 27px;
    padding: 8px 0px 8px 0px;
    background-color: #eff1f2;
    text-align: left;
    border: solid 1px #d0d0d0
}

.input_2 {
    width: 70px;
    height: 27px;
    padding: 8px 0px 8px 0px;
    background-color: #eff1f2;
    text-align: left;
    border: solid 1px #d0d0d0
}

.input_3 {
    width: 250px;
    height: 100px;
    padding: 5px 0px 10px 0px;
    background-color: #eff1f2;
    text-align: left;
    border: solid 1px #d0d0d0;
    overflow: auto;
}

.input_4 {
    width: 250px;
    height: 30px;
    background-color: #eff1f2;
    border: solid 1px #d0d0d0
}

.x {
    font-size: 12px;
    text-align: left;
    margin: 5px 10px 5px 0px
}

label.x {
    color: #454545;
    font-weight: initial;
    width: 80px;
}

.q_table td {
    font-size: 12px
}

.xs_q_table {
    display: none;
    padding: 5px 20px
}

label.input6 {
    font-size: 12px;
    color: #454545;
    margin: 0 6px;
    font-weight: lighter
}

.xs_q_table div {
    width: 49%;
    display: inline-block
}

.o {
    font-size: 14px;
    text-align: left;
    margin: 5px 10px 5px 10px;
    color: #454545;
    display: inline-block;
    width: 135px;
    font-weight: bold
}

.m-text {
    width: 140px
}

#submit {
    cursor: pointer;
    margin: 10px 0px 20px 200px;
    width: 70px
}

#reset {
    cursor: pointer;
    margin: 10px 0px 20px 10px;
    width: 70px;
    font-family: Tahoma, Arial, Verdana;
}

#map {
    width: 450px;
    height: 400px;
    margin: 20px 0px 0px 60px;
    border: #CCC solid 2px
}

.class_but {
    color: #F90;
}

.img-responsive {
    width: 88%;
    margin: 0 auto;
    display: inherit;
}

.m-width {
    width: 70%;
    margin: auto
}

@media (max-width:992px) {
    .slide_holder,
    .slider,
    .s-img,
    .pic,
    .mask {
        width: 100% !important;
        display: block;
        height: 300px !important
    }
    
    .pic {
        background-size: 100% 100% !important;
        background-repeat: no-repeat;
    }
    .banner {
        font-size: 18px;
        width: 20%;
        height: 60px;
        top: 170px
    }
    .logo_con {
        width: 40%;
        height: 49%;
        top: 150px;
        left: 3px;
    }
    .logo_con img {
        width: 100%;
        height: 98%
    }
    .footer,
    .footer_holder,
    .copy_holder,
    .client_holder {
        width: 100% !important
    }
    .footer_holder{width:95% !important;}
    .left_page,
    .right {
        width: 95%;
        margin: 0 auto 0;
        float: none;
        background-image: none
    }
    .prod,
    .resp-right {
        width: 48%
    }
    .resp-right {
        margin-left: 4%
    }
    .prod {
        float: right
    }
    .prod_holher {
        margin: 5px auto 40px
    }
    .warp,
    .left_cont {
        width: 100% !important
    }
    .left_cont {
        float: none
    }
    .right2 {
        background-image: none;
        height: auto
    }
    .client_holder {
        height: 110px
    }
    .right_cont {
        background-image: none
    }
    .welc {
        width: 95%
    }
    .text_holder {
        width: 70%
    }
    .img_slid {
        margin: auto
    }
    .bg_services2 {
        display: none
    }
    .bg_services3 {
        display: block
    }
    .bg_services {
        width: 45%;
        margin-left: 5%
    }
    p {
        padding-bottom: 7px
    }
    .right2 .prod_holher {
        margin: 0px auto 13px;
    }
    .div_contact1 {
        width: 45%;
        height: 440px;
        margin-left: 4%
    }
    .div_contact1 img {
        width: 80%;
        margin: 20px auto 0;
        display: block
    }
    .div_contact1 .con {
        width: 95%
    }
    .left_page {
        height: auto !important;
		min-height:auto
    }
    .smImg3,
    .smImg4 {
        width: 70%;
        margin: 0 auto !important;
        display: block
    }
    .smImg4 {
        width: 50%
    }
	.img {
		width: 65%;
		float: none;
		margin: 10px auto;
	}
	.e-img{
		width:70% !important;
		margin:auto !important;
		display:block;
		height:auto !important
	}
}

@media (max-width:860px) {
    .resp-right {
        margin-left: 0
    }
    .right_what,
    .what_img,
    .what_img img,
    .prod_img img {
        width: 100% !important
    }
    .prod_img {
        width: 8%;
        margin: 40px 0px 0px 20px;
    }
    .prod_text {
        width: 70%
    }
    .client_di {
        padding: 12px 0px 0px 10px;
    }
    .client_text {
        padding-left: 5px;
    }
    .client_holder {
        height: 120px
    }
    .client_im img {
        width: 100%
    }
    .bg_services {
        margin: 0
    }
}

@media (max-width:768px) {
    .xs_q_table {
        display: block
    }
    .q_table1 {
        display: none
    }
}

@media (max-width:750px) {
    .prod,
    .resp-right {
        width: 80%;
        float: none;
        margin: auto
    }
    .right_what,
    .what_img {
        height: auto
    }
    .cl_tit a {
        font-size: 20px
    }
    .prod_text {
        width: 75%
    }
    .cl_tx {
        font-size: 12px
    }
    .prod_text {
        margin: 15px 5px 0px 0px;
    }
    .client_di {
        width: 100%;
        margin: 7px;
    }
    .client_holder {
        height: auto;
        padding: 10px 10px 30px 15px;
    }
    .client_text {
        width: 85%
    }
    .left_page {
        height: auto !important
    }
    .bg_services {
        width: 90%;
        margin-left: 5%
    }
    .pho_welc {
        width: 29%;
        background-size: 100%
    }
    .left_cont h1 {
        padding-top: 20px
    }
    .flash {
        width: 80% !important;
        margin: auto;
        height: 110px;
        display: block
    }
    .img {
        float: none;
        display: block;
        margin: 9 auto
    }
    .img img {
        width: 100%
    }
	.pg_tit_img {
		width: 450px;
		height: auto;
		padding-bottom:15px;
		background-size: cover;
	}
}

@media (max-width:500px) {
    .flash {
        width: 80% !important;
        margin-left: 1%
    }
    .smImg2,
    .smImg3 {
        width: 100%;
        margin: 0 !important
    }
	.e-img{
		width:70% !important;
		margin:auto !important;
		display:block;
		height:auto !important
	}
	.pg_tit_img {
		width: 400px;
	}
}

@media (max-width:480px) {
    .slide_holder,
    .slider,
    .s-img,
    .pic,
    .mask {
        height: 230px !important
    }
    .logo_con {
        top: 115px
    }
    .banner {
        top: 120px
    }
    .prod_holher {
        width: 300px;
    }
    .prod_text {
        margin: 15px 0 0 0;
        width: 80%
    }
    .read_im {
        width: 240px
    }
    .prod_text h3 {
        font-size: 20px
    }
    .client_im {
        width: 15%
    }
    .client_text {
        width: 80%
    }
    .pg_tit_img h4 {
        font-size: 20px;
        padding-top: 12px
    }
    .div_contact1 {
        width: 90%;
        margin-left: 5% !important;
        margin-bottom: 10px !important
    }
    .div_contact {
        height: auto
    }
    .left_cont h1 {
        font-size: 24px
    }
    .flash {
        width: 64% !important;
    }
    .xs_q_table div {
        width: 95%;
        margin-left: 4%
    }
    .input,
    .input_4,
    .input_3,
    .input_2 {
        width: 160px
    }
    .input_3 {
        height: 200px
    }
    .con2 {
        margin: 5px 0;
        font-size: 12px
    }
    .smImg {
        float: none !important;
        margin: auto;
        display: block
    }
    #submit {
        margin: 10px 0px 20px 150px;
    }
	.pg_tit_img {
		width: 350px;
	}
	h4.Ex{
		font-size:20px !important
	}
}

@media (max-width:380px) {
    .slide_holder,
    .slider,
    .s-img,
    .pic,
    .mask {
        height: 200px !important
    }
    .logo_con {
        top: 100px;
        left: 1px
    }
    .banner {
        top: 105px;
        font-size: 14px;
    }
    .prod,
    .resp-right {
        width: 95%
    }
    .pg_tit_img h4 {
        font-size: 16px;
        font-weight: bold;
        padding: 15px
    }
    .text_holder {
        width: 100%
    }
    .pho_welc {
        display: none
    }
    .prod_text {
        width: 83%
    }
    .prod_holher {
        width: 260px
    }
    .read_im h2 {
        margin-right: 105px !important;
        padding-left: 0
    }
    .read_im h2 a {
        width: 70px;
        display: block
    }
    .read_im {
        width: 220px
    }
    .flash {
        width: 50% !important;
        height: 85px
    }
    .con3 {
        width: 50px !important
    }
    .m-text {
        width: 85px
    }
    #submit {
        margin: 10px 0px 20px 90px;
    }
	.pg_tit_img {
		width: 290px;
	}
}

@media (max-width:330px) {
    .img_slid {
        display: none
    }
}

h3.Title {
    font-family: 'Arial';
    font-size: 22px;
    text-align: left;
    color: #ff8901;
    width: auto;
    height: auto;
}

h4.Ex {
    ont-family: 'Arial';
    font-size: 24px;
    text-align: left;
    color: #FFF;
    padding: 5px 32px 0px 25px;
}
img.warehousing {
    width: 100%;
}