body a {transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}

input[type="button"] {transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}

h1, h2, h3, h4, h5, h6 {padding:0 0;margin:0 0;}

p {padding:0 0;margin:0 0;}

ul {padding:0 0;margin:0 0;}

ol, ul { list-style:none; }



.clearfix:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}

.clearfix{*zoom:1;}

.hidden { display:none; }

.clearfix:after, .phead:after, .pbody:after { content:"\0020"; display:block; clear:both; height:0; }

.clearfix { zoom:1; }

a {color:#666; text-decoration:none; }

a:hover {color:#21aadd; text-decoration:none; }



body {padding:0 0;margin:0 0;font-family:"微软雅黑"; font-size:12px; background:#eee;}



/*++++++++++++++++++++++++++++++++++页头+banner css++++++++++++++++++++++++++++++++++*/



.header_menu{width:100%; float:left; background: rgba(242, 242, 242, 1); box-shadow:0 1px 8px #8d8d8d; height:90px;}

.top-logo{width:30%;float:left; text-align:left;}

.top-logo img{ width:200px; margin:0.8em 0 0.8em 3em;}

.top-menu { padding:0.8em 0em 0 0em;}

.top-menu ul li {display: inline-block;margin:1.8em 0.5em;}

.top-menu ul {color: #000;}

span.menu {display: none;}

.top-menu ul li a {font-size: 1.3em; color: #000;text-decoration:none; padding:5px 15px;}

.top-menu ul li a:hover {color:#fff; border-radius:8px; background:#1c3485;}

.top-menu ul li a.active {/*border-top: 4px solid #1c3485; */color: #fff; border-radius:8px; background:#1c3485;}



ul#jDropDown li.home img{border: 0px;}

ul#jDropDown > li > .on, ul#jDropDown > li > a:hover{color: #fff; background:#0066cc;}

ul#jDropDown > li.home a:hover, ul#jDropDown > li.home a {background: none; top:10px; padding-top: 0px;}

ul#jDropDown {position: relative; z-index:99;}

ul#jDropDown li {float: left; zoom: 1;position: relative;}

ul#jDropDown li a {display: block;}

ul#jDropDown > li:last-child {border-right: none;}

ul#jDropDown ul li {float:left;}

ul#jDropDown ul li:last-child {border-color: #fff;}

ul#jDropDown ul li a {border-right: none;display: inline-block; color: #484848;}

.column_1, .column_2, .column_3, .column_4, .column_5 {left: 0;position: absolute;top: 100%;visibility: hidden;margin-top:25px; border: 1px solid #e5e5e5;background:rgba(255,255,255,0.7); border-top: 0px; padding:10px; text-align:center;}

.column_1 {width: 170px;}

.column_2 {width:790%;}

.column_3 {width:540%;}

.column_4 {width:350%;}

.column_5 {width:350%;}

ul#jDropDown .column {float: left; width:100%;}

ul#jDropDown .column ul li{ margin:0em;}

ul#jDropDown .column ul li a{ padding:5px 15px; margin-right:5px;}

ul#jDropDown .column ul li a:hover{ color:#fff;}





.header {width:100%; text-align: center; background-size:cover;}

.logo {border-top: 5px solid #fff;border-bottom: 5px solid #fff;width: 28%;margin: 15em auto 0;}

.logo a {font-size: 5em;text-transform: capitalize;text-decoration: none;color:#000;}

.header-bottom {position: relative; top:1.5em;}

.header-grids {}

.header-img1 {background:#009999;padding: 1em; height:185px;}

.header-img2 {background:#0099CC;padding: 1em; height:185px;}

.header-img3 {background:#0066CC;padding: 1em; height:185px;}

.header-img4 {background:#0061af;padding: 1em; height:180px;}

.header-grid img {margin: 0 auto;border-radius:73px;border:2px solid #eee;padding:1em 1em; width:30%;}

.header-grid h4 {font-size: 1.6em;padding:0.5em 0 0;color: #fff; }

.header-grid p {font-size:1em; padding:1em 0 0; color: #fff; line-height: 1.6em;}

.header-grid img:hover {transform: rotateY(360deg);transition: .5s all;-webkit-transition: .5s all;-moz-transition: .5s all;-o-transition: .5s all;-ms-transition: .5s all;}



.fullSlide{width:100%; height:400px;position:relative; z-index:1; float:left;}

.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}

.fullSlide .bd ul{width:100% !important;}

.fullSlide .bd li{width:100% !important;height:400px;overflow:hidden;text-align:center;}

.fullSlide .bd li a{display:block; height:400px;}

.fullSlide .hd{width:15%;position:absolute;z-index:4;bottom:2em;right:0;height:30px;line-height:30px;}

.fullSlide .hd ul{text-align:center;}

.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px; margin:3px; overflow:hidden; background:#1c3485; filter:alpha(opacity=80);opacity:0.5;line-height:999px;}

.fullSlide .hd ul .on{background:#00914a;}

.fullSlide .prev,.fullSlide .next{position:absolute;z-index:1;top:40%;left:3% ;width:100px;height:100px;background:url(../images/slider-arrow.png) 0px -85px no-repeat;cursor:pointer; filter:alpha(opacity=50);opacity:0.5;display:none;}

.fullSlide .next{left:auto;right:3%;background-position:-100px -85px;}



/*++++++++++++++++++++++++++++++++++首页机构简介css++++++++++++++++++++++++++++++++++*/

.about-section {padding:3em 0 4em;background:#eee;}

.about-section h3 {font-size: 1.8em; color: #000; margin:10px 0; font-weight: 400;}

.about-section p {font-size:1em;padding:0 0 1em 0;color:#555; line-height:1.8em;}

.about-section p.more{width:100px; height:28px; line-height:28px; text-align:center; color:#fff; background:#0181de; border-radius:8px; padding:0;}

.about-section p.more a{ color:#fff; display:block;}

.about-section p.more a:hover{ color:#fff; background:#1c3485; border-radius:8px;}



.about-grids {margin-top:2em;}

.inabout_info img{float:left; padding-right:15px;}

.inabout_info b{ font-size:1.4em; color:#000; font-weight:normal; padding-bottom:5px; display:block;}

.inabout_info ul{width:100%; float:left;}

.inabout_info ul li{width:46%; float:left; font-size:1em; padding:0; color:#555; line-height:2em; margin-right:3%;}

.inabout_info ul li.more{width:100px; height:28px; line-height:28px; text-align:center; color:#fff; background:#0181de; border-radius:8px; margin-top:10px;}

.inabout_info ul li.more a{ color:#fff; display:block;}

.inabout_info ul li.more a:hover{ color:#fff; background:#1c3485; border-radius:8px;}

.inabout_info ul li span{ float:right; font-size:0.9em;}



/*++++++++++++++++++++++++++++++++++首页底部信息css++++++++++++++++++++++++++++++++++*/

.footer-section {padding:1.5em 0;text-align: center; background:#3f454d;}

.social-icons i {width: 55px;height: 55px;background: url(../images/img-sprite1.png) no-repeat 0px 0px;display: inline-block;margin: 0 0 0 1em;}

.social-icons i.icon1 {background:url(../images/img-sprite1.png) no-repeat 0px 0px;}

.social-icons i.icon2 {background:url(../images/img-sprite1.png) no-repeat -55px 0px;}

.social-icons i.icon3 {background:url(../images/img-sprite1.png) no-repeat -110px 0px;}

.social-icons i.icon4 {background:url(../images/img-sprite1.png) no-repeat -165px 0px;}

.social-icons i:hover {opacity: 0.6;}

.bottom-menu ul{width:18%; float:left; text-align:left; margin-left:2%; margin-bottom:3%;}

.bottom-menu ul li {width:100%; display: inline-block; font-size:16px; color:#71c5ff; padding-bottom:15px;/*margin: 1.2em 1.5em;*/}

.bottom-menu ul p{ line-height:24px; color:#c7c7c7;}

.bottom-menu ul a {text-transform: capitalize; color:#c7c7c7;text-decoration: none;}

.bottom-menu a:hover{ text-decoration:underline; color:#fff;}

.footer-bottom {margin-top:0em; width:100%; float:left; border-top:1px #c7c7c7 solid; padding-top:8px;}

.footer-bottom p {font-size: 12px; line-height:26px; color:#c7c7c7; font-weight: 400;}

.footer-bottom a {color:#c7c7c7; font-weight: 400; padding:0 5px;}

.footer-bottom a:hover {color: #fff; text-decoration:underline;}

.footer-bottom p a {margin: 0 6px 0 6px;}

#toTop {display: none;text-decoration: none;position: fixed;bottom: 10px;right: 10px;overflow: hidden;width: 48px;height: 48px;border: none;text-indent: 100%;background: url(../images/to-top2.png) no-repeat 0px 0px;}





/***********************************内页关于中一CSS*****************************************/

.content_about{width:1200px; margin:0 auto;}

.about_left{width:220px; padding:20px 0; float:left;}

.about_left_top{width:100%; height:132px;}

.about_left_list{width:100%; float:left; background:#e0e0e0; padding:10px 0;}

.about_left_list ul li{ width:90%; float:left; line-height:35px; font-size:1.2em; margin-left:5%;}

.about_left_list li a{ display:block; padding-left:8%;}

.about_left_list li a:hover{ color:#0662c9; background:#fff;}

.about_box{width:950px; float:right; padding:20px 0;}

.about_top{width:100%; float:left; height:40px; line-height:40px; background:#e4e4e4; color:#0764cc; padding-left:2%;}

.about_top a{ color:#0764cc;}

.about_top a:hover{ color:#d20000; text-decoration:underline;}

/*.about_top{width:100%; float:left; background:#fff; text-align:center; padding:20px 0 0;}*/

.about_info{width:100%; float:left; background:#fff; padding:20px 0; font-size:14px; color:#696969;}

.about_info p{ line-height:22px; padding:10px 20px;}

.about_info table{ font-size:14px;}

.about_img{ float:left; padding:15px 20px 0;}



.mind_info{width:100%; float:left; background:#fff; padding:20px 0; font-size:14px; color:#696969;}

.mind_info b{ font-size:16px; color:#023e82; padding:30px 20px 8px 30px; display:block;}

.mind_info p{ line-height:22px; padding:0px 0 0 30px;}



.honor_info{width:100%; float:left; background:#fff; padding:20px 0; font-size:14px; color:#696969;}

.honor_info b{ font-size:16px; color:#023e82; padding:30px 20px 8px 30px; display:block;}

.honor_info p{ line-height:22px; padding:0px 0 0 30px;}

.w_400{width:450px;}

.fl{ float:left;}

.fr{ float:right;}



.contact_info{width:100%; float:left; background:#fff; padding:20px 0; font-size:14px; color:#696969;}

.contact_info p{ line-height:22px; padding:10px 0 0 40px;}

.contact_info .contact_img{ float:right; padding-right:60px;}





.qualification_info{width:100%; float:left; background:#fff; padding:20px 0; font-size:14px; color:#696969;}

.qualification_info p{ line-height:22px; padding:2px 20px;}

.ban{ width:900px; height:600px; position:relative; overflow:hidden;margin:20px auto 0;}

.ban2{ width:900px; height:450px; position:relative; overflow:hidden;}

.ban2 ul{ position:absolute; left:0; top:0;}

.ban2 ul li{ width:900px; height:450px;margin:0px auto; text-align:center;}

.prev{ float:left; cursor:pointer;}

.num{ height:85px;overflow:hidden; width:840px; position:relative;float:left;}

.min_pic{ padding-top:10px; width:900px;}

.num ul{ position:absolute; left:0; top:0;}

.num ul li{ width:82px; height:82px; margin-right:12px; padding:1px;}

.num ul li.on{ border:1px solid #f00; padding:0;}

.prev_btn1{ width:16px; text-align:center; height:18px; margin-top:40px; margin-right:20px; cursor:pointer; float:left;}

.next_btn1{  width:16px; text-align:center; height:18px; margin-top:40px;cursor:pointer;float:right;}

.prev1{ position:absolute; top:220px; left:20px; width:28px; height:51px;z-index:9;cursor:pointer;}

.next1{ position:absolute; top:220px; right:20px; width:28px; height:51px;z-index:9;cursor:pointer;}

.mhc{ background:#000; width:100%;opacity:0.5;-moz-opacity:0.5;filter:alpha(Opacity=50); position:absolute; left:0; top:0; display:none;}

.pop_up{ width:500px; height:500px; padding:10px; background:#fff; position:fixed; -position:absolute; left:50%; top:50%; margin-left:-255px; margin-top:-255px; display:none; z-index:99;}

.pop_up_xx{ width:40px; height:40px; position:absolute; top:-40px; right:0; cursor:pointer;}

.pop_up2{ width:500px; height:500px; position:relative; overflow:hidden;}

.pop_up2{ width:500px; height:500px; position:relative; overflow:hidden; float:left;}

.pop_up2 ul{ position:absolute; left:0; top:0;}

.pop_up2 ul li{ width:500px; height:500px; float:left;}







/*内页新闻中心*/

.news { width:95%; float:left; margin-left:3%;}

.news span { font-size:11px; float:right; line-height:40px; font-family:Arial; text-align:left; padding-right:5px;}

.news ul li{ width:100%; float:left; height:40px; line-height:40px; text-align:left; border-bottom:1px dotted #4a4e69; font-size:14px;}

.news em{ color:#4a4e69; padding:0 5px 0 5px;}

.news li a{ color:#4a4e69;}

.news li a:hover{ color:#f00;}



.biao{width:99%; height:30px; line-height:30px; text-align:center; font-size:18px; font-weight:bold; color:#0066cc;}

.news_view_biao { width:95%; border-bottom:1px dotted #ccc; height:25px; line-height:25px; padding-bottom:12px;}

.news_view_biao h3 { width:260px; float:left; text-align:left; font-size:12px;}

.news_view_biao h4 { width:240px; float:right; text-align:right; font-size:12px;}

.news_view_zi { padding-left:10px; font-size:14px;}

.zhengwen {width:100%; text-align:left; padding-top:10px;}

.zhengwen p {line-height:24px; padding:5px 20px;}



.page{text-align:center; width:100%; clear:both; margin:0 auto; line-height:26px; padding:10px 0; font-size:14px;}

.page span{ /*float:left; */line-height:24px; margin-left:15px; color:#000; background:#a4bfe1; border-radius:20px; padding:0 20px; width:110px; display:inline-block;}

.page span a,.page a span{display:block; color:#000;}

.page span a:hover,.page a span:hover,.page span:hover{background:#ff9c00; border-radius:20px;}





.mianview{float:left; width:100%;}

.mianview span div{width:100%; float:left; text-align:center;}



.mianview1{float:left; width:97%; padding-left:3%;}

.mianview1 span div{width:100%; float:left; text-align:center;}

.product_list1{width:100%; float:left; }

.product_list1 span{float:left; width:20%;}

.product_list1 span div{width:172px; float:left; padding-bottom:8px;}

.product_list1 img{width:172px;}

.product_list1 span h1{width:100%; text-align:center; line-height:28px; font-size:14px; float:left; margin-top:10px;}



.biao1{width:95%; height:24px; line-height:34px; font-size:14px; font-weight:bold; }

.productview{width:100%; float:left; text-align:center;}

.productview h1{width:100%; font-size:18px; line-height:30px; padding-bottom:10px; font-weight:bold; text-align:center;}

.productview img{text-align:center; border:1px #eee solid;}

.productview div{padding-bottom:5px; }

.content table{font-size:13px; line-height:24px; margin-left:46px;}

.name{font-size:20px !important; font-weight:bold; line-height:40px; }

.hit2{text-align:center; }





/*-- responsive-design --*/

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

.logo a {font-size: 4em;}

.header,.fullSlide,.fullSlide .bd li {min-height: 501px;}

.logo {margin: 9em auto 0;}

.header-grids {bottom: -32em;}

.header-grid h4 {font-size: 1.2em;}

.header-grid p {font-size: 0.965em;}

.about-section {padding: 20em 0 4em;}

.about-section h3 {font-size: 2em;}

.about-grid p {font-size: 0.965em;}

.service-section h3 {font-size: 2em;}

.service-grid h4 {font-size: 1.2em}

.service-grid p {font-size: 0.965em;}

.work-section h3 {font-size: 2em;}

.work .textbox {width: 236px;height: 201px;}

.textbox img {padding-top: 5em;}

.news-section h3 {font-size: 2em;}

.news-grid h4 a {font-size: 1em;}

.news-grid p {font-size: 0.965em;}

a.button {font-size: 1.1em;width: 38%;}

.up h3 {font-size: 2em;}

.cat h3 {font-size: 2em;}

.cont h3 {font-size: 2em;}

.up-text a {font-size: 1.05em;}

.up-text p {font-size: 0.965em;}

.cat ul li {font-size: 0.97em;}

.cont ul li p {font-size: 0.965em;}

.footer-bottom p {font-size: 15px;}

.footer-bottom a {font-size: 17px;}

.cont ul li a {font-size: 0.95em;}

.aboutus-section h3 {font-size: 3em;}

.header.head-top {min-height: 415px;}

.logo.logo1 {margin-top: 9em;}

.left-grid h4 {font-size: 1.5em;}

.left-grid ul li {font-size: 0.97em;}

.left-grid p {font-size: 0.965em;}

.ab1 a {font-size: 1em;}

.ab2 a {font-size: 1em;}

.right-grid h4 {font-size: 1.2em;}

.right-grid h5 {font-size: 1.2em;}

.aboutus2 {margin-top: 1.5em;}

.aboutus4 {margin-top: 0.5em;}

.aboutus4 h4 {font-size: 1.5em;}

.team-grid h5 {font-size: 1.2em;}

.right-grid p {font-size: 0.965em;}

.services-section h3 {font-size: 3em;}

.services-grid h5 {font-size: 1.2em;}

.services-grid p {font-size: 0.965em;}

a.button1 {font-size: 1.1em;width: 43%;}

.project-section h3 {font-size: 3em;}

.error-404 h1 {font-size: 10em;}

.error-404 p {font-size: 1.05em;}

.contact-head h3 {font-size: 3em;}

.contact-form-row div span, .contact-form-row2 span {font-size: 1em;}

}



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

.header-grid {float: left;width: 25%;}

.logo a {font-size: 3em;}

.logo {margin: 7em auto 0;}

.header,.fullSlide,.fullSlide .bd li {min-height: 375px;}

.header-grids {bottom: -28em;}

.header-img1 {padding: 1.5em 1.5em;}

.header-img2 {padding: 1.5em 1.5em;}

.header-img3 {padding: 1.5em 1.5em;}

.header-img4 {padding: 1.5em 1.5em;}

.header-grid h4 {font-size: 1em;}

.header-grid p {font-size: 0.92em;}

.about-img {float: left;width: 50%;}

.about-grid p {font-size: 0.92em;}

.about-grid {float: left;width: 50%;}

.about-section h3 {font-size: 1.7em;}

.service-section h3 {font-size: 1.7em;}

.service-section {padding: 3em 0;}

.service-grid {float: left;width: 33.3%;}

.service-grid h4 {font-size: 1.05em;}

.service-grid p {font-size: 0.92em;}

.work-section {padding: 3em 0;}

.work-section h3 {font-size: 1.7em;}

.latest-grid.work {float: left;width: 25%;}

.work .textbox {width: 181px;height: 156px;}

.textbox img {padding-top: 3.3em;}

.news-section h3 {font-size: 1.7em;}

.news-section {padding: 3em 0;}

.news-grid {float: left;width: 33.3%;}

.news-grid h4 a {font-size: 0.9em;}

.news-grid p {font-size: 0.92em;}

a.button {font-size: 1em;width: 49%;}

.up h3 {font-size: 1.7em;}

.up {float: left;width: 33.3%;}

.cat {float: left;width: 33.3%;}

.cont {float: left;width: 33.3%;}

.up-text a {font-size: 0.97em;}

.up-text p {font-size: 0.92em;}

.up-img {float: left;width: 30%;margin-right: 3%;}

.up-text {float: left;width: 66%;}

.cat h3 {font-size: 1.7em;}

.cat ul li {font-size: 0.92em;}

.cont h3 {font-size: 1.7em;}

.cont ul li p {font-size: 0.92em;}

.footer-bottom p {font-size: 14px;}

.footer-bottom a {font-size: 15px;}

.aboutus-section {padding: 3em 0;}

.aboutus-section h3 {font-size: 2.5em;margin-bottom: 1em;}

.header.head-top {min-height: 375px;}

.logo.logo1 {margin-top: 7em;}

.left-grid h4 {font-size: 1.25em;}

.left-grid {float: left;width: 35%;}

.left-grid ul li {font-size: 0.92em;background: url(../images/list-arrow.png) no-repeat 0px 12px;}

.aboutus4 h4 {font-size: 1.25em;}

.left-grid p {font-size: 0.92em;}

.ab1 {margin: 1.8em 0;}

.ab1 a {font-size: 0.95em;}

.right-grid h5 {font-size: 1.05em;}

.right-grid p {font-size: 0.92em;}

.team-grid {float: left;width: 21%;}

.aboutus4 {margin-top: 4.1em;}

.services-section h3 {font-size: 2.5em;margin-bottom:1em;}

.services-section {padding: 3em 0;}

.services-grid {float: left;width: 33.3%;}

a.button1 {font-size: 1em;width: 49%;}

.service-section1 {padding: 2em 0;}

.services-grid h5 {font-size: 1em;}

.services-grid p {font-size: 0.92em;}

.project-section {padding: 3em 0;}

.port-grid {float: left;width: 33.3%;}

.project-section h3 {font-size: 2.5em;margin-bottom: 1em;}

.main {padding: 10em 0px;}

.error-404 h1 {font-size: 8em;}

.error-404 p {font-size: 1em;}

.contact {padding: 3em 0;}

.contact-head h3 {font-size: 2.5em;}

.contact-form input[type="submit"] {padding: 0.7em 2em;}

}



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

.header,.fullSlide,.fullSlide .bd li {min-height:350px !important;}

span.menu {display: block;cursor: pointer;margin: 14px 10px;}

.top-menu {float:right;text-align:left; padding:0.6em 0 0 0;}

.top-menu ul {display:none;}

.top-menu ul li {font-size: 14px;display:block;}

.top-menu ul li {display:block;float:none;margin: 0em;border-bottom: none;border-right:none;}

.top-menu ul li {padding:6px 0;}

.top-menu ul {margin:10px 0; z-index: 999;position: absolute;width: 95%;background:#394C53;text-align: center; right:1em;}

.top-menu ul li a {display: block;font-size: 1.1em;margin: 0.05em 0.2em;color:#fff;}

.top-menu label {display: none;}

.search {width: 30%;}

.logo {margin: 7em auto 0;}

.logo a {font-size: 2em;}

.header-grid img {border: 6px solid #eee;width: 80%;}

.header-grids {bottom: -25em;}

.header-img1 {padding: 1em 0.5em;}

.header-img2 {padding: 1em 0.5em;}

.header-img3 {padding: 1em 0.5em;}

.header-img4 {padding: 1em 0.5em;}

.about-section h3 {font-size: 1.5em;}

.about-grid p {font-size: 0.9em;}

.service-section h3 {font-size: 1.5em;}

.service-grids {margin-top: 2em;}

.header-grid h4 {font-size: 0.95em;}

.header-grid p {font-size: 0.9em;}

.service-grid h4 {font-size: 0.95em;}

.service-grid p {font-size: 0.9em;}

.work-section h3 {font-size: 1.5em;}

.latest-grids {margin-top: 2em;}

.work .textbox {width: 150px;height: 127px;}

.textbox img {padding-top: 2.2em;}

.news-section h3 {font-size: 1.5em;}

.news-grids {margin-top: 2em;}

.news-grid h4 a {font-size: 0.749em;}

.news-grid p.date a {font-size: 0.99em;}

.news-grid p {font-size: 0.9em;}

a.button {font-size: 0.95em;width: 55%;}

.categories-section {padding: 3em 0;}

.up h3 {font-size: 1.5em;}

.up-text a {font-size: 0.95em;}

.up-text p {font-size: 0.9em;}

.cat h3 {font-size: 1.5em;}

.cat ul li {font-size: 0.9em;padding: 6px 14px;}

.cont h3 {font-size: 1.5em;}

.cont ul li p {font-size: 0.92em;}

.header.head-top {min-height: 310px;}

.logo.logo1 {margin-top: 6em;}

.aboutus-section h3 {font-size: 2em;}

.right-grid h5 {font-size: 1em;}

.right-grid p {font-size: 0.9em;}

.left-grid h4 {font-size: 1.15em;}

.left-grid ul li {font-size: 0.9em;padding: 6px 14px;}

.left-grid p {font-size: 0.9em;}

.ab1 a {font-size: 0.92em;}

.ab2 a {font-size: 0.92em;}

.right-grid h5 {font-size: 0.97em;}

.services-section h3 {font-size: 2em;}

.services-grid h5 {font-size: 0.97em;}

.services-grid p {font-size: 0.9em;}

a.button1 {font-size: 0.95em;width: 55%;}

.project-section h3 {font-size: 2em;}

.contact-head h3 {font-size: 2em;}

.contact-map iframe {min-height: 200px;}

}

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

.search {width: 35%;margin: 1em 1em;}

.search input[type="text"] {font-size: 0.95em;}

.top-menu ul {width: 93%;}

.header,.fullSlide,.fullSlide .bd li {min-height:350px;}

.header-grids {bottom: -44em;}

.header-grid {float: left;width: 50%;margin-top: 2em;}

.header-grid img {border: 6px solid #eee;width: 50%;}

.about-section {padding: 2em 0 2em;}

.about-img {float: none;width: 100%;}

.about-grid {float: none;width: 100%;padding: 0;}

.about-grids {margin-top: 2em;}

.about-section h3 {font-size: 1.4em;text-align:center;}

.service-section h3 {font-size: 1.4em;text-align:center;}

.service-grid {float: none;width: 100%;padding: 0;}

.work-section h3 {font-size: 1.4em;text-align: center}

.latest-grid.work {float: left;width: 50%;}

.work .textbox {width: 214px;height: 185px;}

.textbox img {padding-top: 4.2em;}

.news-grid {float: none;width: 100%;margin-top: 1em;padding: 0;}

.news-grid img {margin: 0 auto;}

.news-section h3 {font-size: 1.4em;text-align: center;}

.news-grid h4 a {font-size: 0.85em;}

.news-section {text-align: center;}

a.button {font-size: 0.95em;width: 25%;margin: 0 auto;}

.categories-section {padding: 1em 0;}

.up h3 {font-size: 1.4em;}

.up {float: none;width: 100%;margin-top:1em;padding: 0;}

.up-img {float: left;width: 20%;margin-right: 5%;}

.up-text {float: left;width: 75%;}

.cat h3 {font-size: 1.4em;}

.cat {float: none;width: 100%;margin-top:1em;padding: 0;}

.cont h3 {font-size: 1.4em;}

.cont {float: none;width: 100%;margin-top:1em;padding: 0;}

.footer-section {padding: 3em 0;}

.bottom-menu ul li a {font-size: 1em;}

.bottom-menu ul li {margin: 1.2em 0.5em;}

.footer-bottom p {font-size: 13px;}

.footer-bottom a {font-size: 14px;}

.logo.logo1 {margin-top: 4em;}

.header.head-top {min-height: 240px;}

.aboutus-section h3 {font-size: 1.7em;}

.left-grid {float: none;width: 100%;padding: 0;}

.left-grid h4 {font-size: 1.1em;}

.ab1 a {font-size: 0.85em;}

.right-grid {padding: 2em 0 0;}

.aboutus4 {margin-top: 2em;text-align: center;}

.team-grid {float: left;width: 33%;padding: 0 8px;}

.aboutus4 h4 {font-size: 1.2em;margin-bottom: 1em;}

.right-grid p {font-size: 0.9em}

.services-section h3 {font-size: 1.7em;margin-bottom: 0em;}

.services-grid {float: none;width: 100%;padding: 0;margin-top: 1em;}

.services-grid img {margin: 0 auto;}

a.button1 {font-size: 0.95em;width: 25%;}

.project-section h3 {font-size: 1.7em;}

.main {padding: 8em 0px;}

.error-404 h1 {font-size: 6em;}

.error-404 p {font-size: 0.95em;}

a.b-home {background: #7ab800;padding: 0.8em 1.5em;}

.contact-head h3 {font-size: 1.7em;}

.contact-form-row div span, .contact-form-row2 span {font-size: 0.85em;margin: 0 2px;}

.contact {padding: 2em 0;}

.contact-form-row div {width: 100%;float: none;margin-bottom: 2%;}

.contact-form-row div span, .contact-form-row2 span {font-size: 0.9em;margin: 0 2px;}

.contact-map iframe {min-height: 200px;}

.contact-form-row {margin-bottom: 1em;}

.contact-form-row2 {margin-top: 0em;}

.contact-form-row2 textarea {min-height: 180px;}

.contact-form input[type="submit"] {padding: 0.7em 1.5em;font-size: 1em;}

}

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

.logo a {font-size: 1.7em;}

.logo {margin: 3em auto 0;width: 50%;border-top: 2px solid#fff;border-bottom: 2px solid#fff;}

.search {width: 50%;margin: 1em 1em;}

.top-menu ul {width: 90%;}

.header-grid {float: none;width: 100%;margin-top: 2em;}

.header-img1 {padding: 1em 1.5em;}

.header-img2 {padding: 1em 1.5em;}

.header-img3 {padding: 1em 1.5em;}

.header-img4 {padding: 1em 1.5em;}

.header-grids {bottom: -73em;}

.header,.fullSlide,.fullSlide .bd li {min-height: 300px;}

.header-grid img {border: 6px solid #eee;width: 35%;}

.header-grid p {font-size: 0.895em;}

.about-grid p {font-size: 0.895em;}

.about-section {padding: 1.5em 0;}

.about-section h3 {font-size: 1.6em;}

.service-section {padding: 2em 0;}

.service-section h3 {font-size: 1.6em;}

.service-grid h4 {font-size: 1em;}

.service-grid p {font-size: 0.895em;}

.service-grid img {width: 30%;}

.work-section {padding: 2em 0;}

.work-section h3 {font-size: 1.6em;}

.work .textbox {width: 273px;height: 233px;}

.textbox img {padding-top: 5.2em;}

.news-section {padding: 2em 0;}

.news-grid p {font-size: 0.895em;}

.latest-grid.work {float: none;width: 100%;}

a.button {font-size: 0.95em;width: 35%;margin: 0 auto;}

.news-grid p {margin-bottom: 0.5em;}

.up-text p {font-size: 0.895em;}

.social-icons i {margin:0;}

.bottom-menu ul li {margin: 2px 5px;}

.bottom-menu ul li a {font-size: 0.962em;}

.footer-bottom {margin-top: 0.5em;}

.footer-section {padding: 2em 0;}

.aboutus-section {padding: 2em 0;}

.aboutus-section h3 {font-size: 2em;margin-bottom: 0.5em;}

.left-grid h4 {font-size: 1.35em;}

.left-grid p {font-size: 0.895em;}

.right-grid h5 {font-size: 1em;line-height: 1.8em;}

.right-grid p {font-size: 0.895em;}

.team-grid {float: none;width: 100%;padding: 0;}

.aboutus4 {margin-top: 1em;}

.aboutus4 h4 {font-size: 1.35em;margin-bottom: 0;}

.right-grid h5 {font-size: 1.15em;}

.team-grid {float: none;width: 100%;padding: 0;margin-top: 1em;}

.services-section {padding: 2em 0;}

.services-section h3 {font-size: 2em;}

a.button1 {font-size: 0.95em;width: 35%;}

.services-grid p {font-size: 0.895em;margin: 0.5em 0;}

.service-section1 {padding: 1em 0;}

.project-section {padding: 2em 0;}

.project-section h3 {font-size: 2em;margin:0;}

.port-grid {float: none;width: 100%;padding: 0;margin-top: 1em;}

.project-section h3 {font-size: 2em;}

.main {padding: 5em 0px;}

.error-404 p {font-size: 0.895em;}

a.b-home {padding: 0.8em 1em;}

.contact-head h3 {font-size: 2em;}

.contact-form-row div input[type="text"] {width: 100%;padding: 0.5em;}