*{margin:0;padding: 0}
p{font-size: 15px;line-height: 25px;color: #828282}
h1{font-size: 24px;line-height: 34px;color: #333}
h5{font-size: 14px;line-height: 24px;color: #828282}
h3{font-size: 16px;line-height: 26px;color: #777}
a{text-decoration: none;color: #828282;font-size: 15px;}
li{list-style: none}
span{font-size: 15px;color: #828282}
body{font-family: "Arial","微软雅黑", sans-serif;}
.clearfix::before,.clearfix::after{
  content: ".";display:block;height: 0;visibility: hidden;
}
.clearfix:after{clear: both;}
.clerfix{zoom:1;}
@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot');
  src:  url('../fonts/icomoon.eot') format('embedded-opentype'),
    url('../fonts/icomoon.ttf') format('truetype'),
    url('../fonts/icomoon.woff') format('woff'),
    url('../fonts/icomoon.svg') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  vertical-align: middle;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-phone-outline:before {
  content: "\e900";
}
.icon-clock3:before {
  content: "\e072";
}
.icon-cog2:before {
  content: "\e07b";
}
.icon-head:before {
  content: "\e0ae";
}
.icon-tag:before {
  content: "\e0b9";
}
.icon--3:before {
  content: "\e901";
}
.icon-1:before {
  content: "\e902";
}
.icon--4:before {
  content: "\e903";
}
.icon-uniE903:before {
  content: "\e904";
}
.icon--2:before {
  content: "\e905";
}
.icon-emailmailmarkunreadlocal_post_office:before {
  content: "\e906";
}
.icon-location_onplaceroom:before {
  content: "\e907";
}
.icon-contact_mail:before {
  content: "\e908";
}
.icon-mail_outline:before {
  content: "\e909";
}
.icon-alternate_email:before {
  content: "\e90a";
}
.icon-add_circle_outlinecontrol_point:before {
  content: "\e90b";
}
.icon-clearclose:before {
  content: "\e90c";
}
.icon-tablet_mac:before {
  content: "\e90d";
}
.icon-pin_drop:before {
  content: "\e90e";
}
.icon-location4:before {
  content: "\e913";
}
.icon-inbox:before {
  content: "\e982";
}
.icon-mail:before {
  content: "\e992";
}
.icon-map-pin:before {
  content: "\e993";
}
.icon-smartphone:before {
  content: "\e9dd";
}

.contain{max-width: 1200px;margin: 0 auto}

/*top*/
.top{width: 100%;margin:0 auto;}
.top >p span{float: left}
.top >p a{float: right;margin-left: 10px;}
.top >p a i{font-size: 20px;color: #6dc3ea;vertical-align: middle;}
.top >p{padding:5px 0;max-width: 1200px;margin:0 auto; }
.top >hr{height: 1px;border:none;width: 100%;background: #dedede6e;}
.guid{max-width: 1200px;margin:0 auto;}
.guid >img{float: left;max-width: 260px;margin-top: 10px;}
.navbar-nav { text-align: center;}
.navbar-default { background: none;border: none;margin: 0 auto; min-height: inherit;width: 100%;}
ul.nav.navbar-nav{max-width: 1200px;margin:0 auto}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover{
    color: #fff;  background:#efbb00;
}
.navbar-nav > li {width: 13.5%;float: none; display: inline-block;}
.navbar-default .navbar-nav > li > a {
    color: #666;
    font-size: 16px;
    padding: 34px 5px;
    position: relative;
  font-weight: 500;
  text-transform:uppercase;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
  -ms-transition: 0.5s all;
  transition: 0.5s all;
  text-decoration:none;
}
.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav li a.active {
    color: #fff;background: #6dc3ea;border-radius: 2px;
}
.navbar-collapse{padding: 0;width: 60%;float: right;}
/*banner*/
.swiper-pagination-bullet{width: 35px;height: 4px;border-radius: 0;}
.swiper-pagination-bullet-active {background: #164a93}
.banner img{width: 100%}
/*TITLE*/
.title{width: 100%;text-align: center;margin: 30px 0;}
.title h1{font-weight: 500;color: #666}
.title h5{font-weight: 500;}
.title hr{width: 70px;height: 3px;border:none;background: #164a93;margin: 0 auto;}
/*定制服务*/
.customized{max-width: 1200px;margin: 0 auto}

.customized li{width: 17%;margin: 0 1.5%;float: left;padding: 2% 0;transition: all 0.5s ease;}
.customized li a{display: block;}
.customized li a i{display: block;font-size: 5em;color: #999;font-weight: 300;text-align: center;transition: all 0.4s}
.customized li a p{text-align: center;margin-top: 20px;}
.customized li.moren{background:#6dc3ea85}
.customized li.moren a i{color: #fff;transition: all 0.5s ease;}
.customized li.moren a p{color: #fff;transition: all 0.5s ease;}
.customized li:hover{background: #6dc3ea;}
.customized li:hover a i{color: #fff;}
.customized li:hover a p{color: #fff;}
/*产品中心*/
.product{max-width: 1200px;margin: 0 auto;}
p.sort{text-align: center;max-width: 1200px;margin: 0 auto;margin-bottom: 10px;}
p.sort >a{display: inline-block;margin: 5px 20px 5px 0px;font-size: 14px;transition: all 0.5s ease;}
p.sort >a.first{color: #6dc3ea;}
p.sort >a:hover{color: #6dc3ea;}
.product li{width: 23.5%;margin-right: 2%;float: left;margin-bottom: 20px;}
.product li:nth-child(4n){margin-right: 0%;}
.product li a{display: block;}
.product li a .float{position: relative;}
.product li a .float img{width: 100%;display: block;}
.product li a .float >div{position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: rgba(109,195,234,0.8);opacity: 0;padding: 5%;overflow: hidden;transition: all 0.5s ease;}
.product li a .float div p{position: absolute;top: 5%;right: 5%;bottom:5%;left: 5%;border:1px solid #fff;padding: 5%;overflow: hidden;}
.product li a .float div p span{color: #fff;}
.product li a .float div p strong{color: #fff;font-size: 15px;font-weight: 600;display:none;text-align: center}
.product li a h3{text-align: center;font-weight: normal;margin: 10px 0; }
.product li:hover a div{opacity: 1;}
 .more{transition: all 0.5s ease;display: inline-block;margin: 15px auto;margin-left: 50%;transform: translateX(-50%);padding: 5px 10px;border:1px solid #6dc3ea;color: #6dc3ea}
 .more1{margin-left: 0%;transform: translateX(0);}
 .more:hover{background: #6dc3ea;color: #fff;}
/*about*/
.about{width: 100%;padding: 0px 0 15px;background: url(../images/bg.jpg)no-repeat center;background-size: cover;margin-top: 30px;}
.about-text{max-width: 1200px;margin: 0 auto;padding: 15px 0;}
.about-text img{width: 40%;float: left;}
.about-text .about-right{width:55%;float: right;}
.about-text .about-right h3{margin: 15px 0;}
/*服务中心*/
.service{max-width: 1200px;margin: 0 auto;}
.service li{width: 20.5%;margin-right: 2%;float: left;position: relative;padding: 1.5%;transition: all 0.4s ease;}
.service li:hover{padding-top: 0}
.service li:nth-child(4){margin-right: 0%;}
.service li img{width: 100%;}
.service li .service-text{position: absolute;top: 33%;text-align: center;bottom: 0;overflow: hidden;width: 76%;padding: 0 5%;margin-bottom: 30px;}
.service li .service-text p{max-height: 100px;overflow: hidden;width: 100%;text-align: left;}
.service li .service-text p a{display:block;}
.service1{margin-top: 50px;}
/*news*/
.friend{height:auto;margin:0 auto;overflow:hidden;max-width: 1200px;}
.mr_frbox{height:auto;padding:24px 0px 0px;position: relative;}
.mr_frBtnL{cursor:pointer;display:inline;position:absolute;top: 40%;left: 10px;width: 25px;z-index: 30000; }
.mr_frUl{height:auto;width:100%;}
.mr_frBtnR{display:inline;position:absolute;top: 40%;right: 10px;width: 25px;z-index: 30000;}
.news li{width: 23.5%;margin-right:24px;float:left;margin-bottom: 30px;}

.news li a{display: block;width: 100%;position: relative;text-align: left;}
.news li a img{width: 100%;}
.news li a .img{width: 100%;overflow: hidden;}
.news li a .img img{width: 100%;transition: all 0.5s;}
.news li:hover a .img img{transform: scale(1.2);}
.news li a >h3{height: 26px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;margin:6px auto;transition: all 0.4s;}
.news li:hover a >h3{color: #6dc3ea}
.news li a p{height: 72px;overflow:hidden;}
.news li a .time{z-index: 3000; position: absolute;top: 0;left: 0;padding: 10px;background: #6dc3ea;text-align: center;}
.news li a .time h2{font-size: 30px;color: #fff;}
.news li a .time h3{color: #fff;}
/*footer*/
.footer{background:#6dc3ea;width: 100%;padding: 15px 0;margin-top: 30px;}
.footer .footer-con{max-width: 1200px;margin: 0 auto;display: flex;flex-wrap: wrap;}
.footer .footer-con li{width: 30%;float:left;}
.footer .footer-con li.footer-con-1{width: 21%;float:left;}
.footer .footer-con li img{max-width: 150px;margin:0 auto;display: block;}
.footer .footer-con li:nth-child(2){margin: 0 5%;}
.footer .footer-con li.footer-con-3{width: 20%;}
.footer .footer-con li.footer-con-4{width: 18%;float:right;margin-top: 15px;}
.footer .footer-con li.footer-con-4 img{width:100%;}
.footer .footer-con li.footer-con-4 p{color: #fff;text-align: center;}
.footer .footer-con li h3{color: #fff;text-align: left;font-size: 16px;margin: 10px 0}
.footer .footer-con li a{display: block;color: #fff;text-align: left;font-size: 14px;line-height: 24px}
form p{background: #fff;margin-bottom: 10px;width: 98%;}
form p input{ width:100%;border: none; height: 34px; padding: 0 16% 0 4%; color: #666;line-height: 24px;font-size: 14px;}
form p input.name{background: url(../images/lxr.png)no-repeat 80% center;background-size:24px 24px;}
form p input.tel{background: url(../images/sj.png)no-repeat 80% center;background-size:24px 24px;}
form .sumit{width: auto;line-height: 34px;background: #0b91ce;padding: 0 15px;border:none;font-size: 14px;color: #fff}
@media(max-width: 1200px){
.contain,.friend,.guid,ul.nav.navbar-nav,.customized,.product,.about-text,.service,.footer .footer-con{max-width: 960px;}
}
@media(max-width: 959px){
.contain,.friend,p.sort,.guid,ul.nav.navbar-nav,.customized,.product,.about-text,.service,.footer .footer-con{max-width: 768px;}
.navbar-collapse{width: 74%;}
.product{max-width: 1200px;margin: 0 auto;}
.product li{width: 49%;margin-right: 2%;float: left;margin-bottom: 20px;}
.product li:nth-child(4n){margin-right: 0%;}
.product li:nth-child(2n){margin-right: 0%;}
.about-text img{width: 100%;float: none;margin-bottom: 10px;}
.about-text .about-right{width:100%;float: none;}
.service li{width: 46%;margin-right: 2%;float: left;position: relative;padding: 1.5%}
.service li:nth-child(4){margin-right: 0%;}
.service li:nth-child(2n){margin-right: 0%;}
.service li .service-text{width: 84%;}
.news li{width: 49%;float:left;margin-bottom: 30px;}
/*.news li:nth-child(2n){margin-right: 0;}*/


}
@media(max-width: 767px){
  .top >p >a{display: none}
.contain,.friend,p.sort,.guid,.customized,.product,.about-text,.service,.footer .footer-con{max-width: 96%;margin: 0 auto}
.customized li i{font-size:2.2em !important;}
.customized li:hover{background: none ;}
.customized li:hover i{color: #828282;}
.customized li:hover p{color: #828282;}
.customized li a p{ font-size:12px !important}
.product li a .float img{width: 100%;display: block;}
.product li a .float >div{position: relative;background:none;opacity: 1;padding: 0;overflow: hidden;}
.product li a .float div p{position: relative;top: 0;right: 0;bottom:0%;left: 0;border:none;padding: 0;overflow: hidden;}
.product li a .float div p span{color: #828282;display: inline-block;max-height: 75px;overflow: hidden;}
.product li a> h3{display: none}
.product li a .float div p strong{color: #828282;font-size: 16px;font-weight: 500;display:block;text-align: center;margin: 5px 0;}
.navbar-nav > li {width: 100%;float: none; display: inline-block;}
.navbar-collapse{width: 100%}
ul.nav.navbar-nav{width: 100%;margin: 0;}
.navbar-default .navbar-nav > li > a {
    color: #666;
    font-size: 16px;
    padding: 5px 0px;
    position: relative;
  font-weight: 500;
  text-transform:uppercase;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
  -ms-transition: 0.5s all;
  transition: 0.5s all;
  text-decoration:none;
}

}
@media(max-width: 600px){
.footer .footer-con li{width: 100%;float:none;margin-bottom: 30px;}
.footer .footer-con li a{text-align: center;}
.footer .footer-con li h3{text-align: center;}
.footer .footer-con li p{text-align: center;}
form{overflow: hidden;}
form p{width: 80%;margin: 0 auto 10px;}
form .sumit{width: 80%;line-height: 34px;background: #fff;border:none;margin: 0 auto;display: block;background: #4193d0;color: #fff;}
.footer .footer-con li:nth-child(2){margin: auto 0%;}

}
@media(max-width:500px){
.guid >img{float: left;max-width: 200px;margin-top: 18px;}
.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 20px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;}
  .top >p >a{display: none}
.contain,.friend,p.sort,.guid,ul.nav..customized,.product,.about-text,.service,.footer .footer-con{max-width: 96%;margin: 0 auto}
.customized li i{font-size:2.5em;}
.product li{margin-right: 0%;float: left;margin-bottom: 20px;}
.product li:nth-child(4n){margin-right: 0%;}
.product li:nth-child(2n){margin-right: 0%;}
.service li{width: 96%;margin-right: 0%;float: left;position: relative;padding: 2%}
.service li:nth-child(4){margin-right: 0%;}
.service li:nth-child(2n){margin-right: 0%;}
.news li{width: 360px !important;margin-bottom: 30px;}
}
/*about*/
.about-text .about-right1{float: none;height: auto;width: 100%}
.about-text img{margin-right:2%;}
.photos{width: 100%;overflow: hidden;}
.photos .ph1{width: 32.11%;float: left;overflow: hidden;margin-right: 1%;margin-bottom: 10px;}
.photos:nth-child(3n) .ph1{margin-right: 0%;}
.photos .ph1 img{width:100%;transition: all 0.4s ease;display: block;}
.photos .ph1:hover img{transform: scale(1.2);}
.product1 li a .float div{position: static;top: auto;bottom:auto;opacity: 1;background: none;padding: 0}
/*.product1 li a .float div p{color: #828282;position: static;top: auto;bottom: auto;border:none;padding: 0;max-height: 50px;overflow: hidden;}
.product1 li a .float div p span{color: #828282}*/
.product1 li a .float div h3{margin-bottom: 0}
.product1 li a .float .img{width: 100%;overflow: hidden;position: relative;}
.product1 li a .float .img p{position: absolute;top:0;bottom:0;left: 0;right: 0;vertical-align: middle;background: rgba(0,0,0,0.4);text-align: center;transform: scale(0);transition: all 0.5s ease}
.product1 li a .float .img p span{margin-top: 50%;transform: translateY(-50%);display: inline-block;}
.product1 li:hover a .float .img p{transform: scale(1)}
.product1 li a .float .img img{width: 100%;transition: all 0.4s}
.product1 li:hover a .float .img img{transform:scale(1.2);}
.product1 li a .float div hr{height: 3px;border:none;width: 50px;margin: 0 auto;background: #6dc3ea;margin: 5px auto}
.product1 li:hover a .float div hr{width: 130px;transition:all 0.4s;}
.product1 li:hover a .float div h3{color: #6dc3ea;transition:all 0.4s;}
/*.product1 li:hover a .float div p span{color: #6dc3ea}*/

@media(max-width: 768px){
  .product1 li a .float div hr{width: 130px;}
.product1 li a .float div h3{color: #6dc3ea;}
}
/*news*/
.news1 li{margin-right: 2%}
.news1 li:nth-child(4n){margin-right: 0}
@media(max-width: 960px){
  .news1 li:nth-child(2n){margin-right: 0}
}
@media(max-width: 500px){
  .news1 li:nth-child(2n){margin-right: 0}
  .news1 li{width: 100% !important;margin-right: 0;float: none}
.photos .ph1{width: 100%;float: none;overflow: hidden;margin-right: 0%;margin-bottom: 10px;}

}
/*分页*/
.page{text-align:center;margin:20px 0;margin-top: 50px}
.page a{color:#666;padding:5px 10px;border:solid 1px #0071b6;margin:0 5px;}
.page_disabled{padding:5px 10px;border:solid 1px #666;margin:0 5px;}
.page_current{background-color:#0068b7;color:#fff;padding:5px 10px;margin:0 5px;}
/*定制方案*/
/*.dzlc{background: url(../images/dzlc.png)no-repeat center;background-size: cover}
.dzlc li{width: 46%;padding: 2%;float: left;transition: all 0.4s ease;}
.dzlc li:hover{padding-left: 0}
.lc i{font-size: 80px;color: #6dc3ea;float: left;transition:all 0.5s;}
.lc:hover i{color: #6dc3ea;}
.lc_1{float:left;width: 65%;margin-left: 5%}*/
.dzlc{background: url(../images/dzlc.png)no-repeat center;background-size: cover;overflow: hidden;}
.dzlc li{margin-bottom: 20px; width: 100%;padding: 2% 0;float: none;transition: all 0.4s ease;padding-bottom:60px;background: url(../images/jt.png)no-repeat 12% bottom;background-size: 30px 30px;margin-left: 27%;}
.dzlc li:last-child{background: none}
.lc i{font-size: 80px;color: #6dc3ea;float: left;transition:all 0.5s;}
.lc:hover i{color: #6dc3ea;}
.lc_1{width: 65%;margin-left: 10%}
@media(max-width: 960px){
  .dzlc li{background: url(../images/jt.png)no-repeat 12% bottom;margin-left: 19%;background-size: 30px 30px;}
.lc_1{margin-left: 10px;}
}
@media(max-width: 768px){
.dzlc li{width: 100%;padding: 0%;float: none;margin-bottom: 20px;text-align: center;margin-left: 0}
.lc i{font-size: 80px;float:none;color: #6dc3ea;display: block;}
.lc{background: none !important}
.lc_1{float:none;width: 100%;margin-left: 0%;margin-top: 10px;}
}
.service_text p strong{display: block;}
.service_text img{float: left;max-width: 400px;margin-right: 3%}
.product_detail{width: 100%}
.wrapper { position:relative; margin:10px 0; width:40%; height:auto;float: left;margin-right: 5%}
.wrapper .smallBox { height:auto; width:19.4%; float:left;}
.wrapper .smallBox li { width:100%; margin-bottom:5px; cursor:pointer;}
.wrapper .smallBox li img { cursor:pointer; display:block; width:100%;}
.wrapper #Box {height:auto;width:100%;position:relative;float:right;}
#Box img {position:relative;width:100%;}
.box_wrapper { height:auto; overflow:hidden; position:relative}
.box_wrapper ul { margin-top:0px; position:relative; transition:all 0.8s ease-in-out;}
.product-con-right{width:40%;float: left;}
.product-con-right p{margin: 15px;}
.product-con-right h3{margin-top: 15px;}
.product_detail_text h3{margin: 30px auto 15px;color: #6dc3ea}
.product_detail_text strong{display: block;margin: 30px auto 15px;color: #6dc3ea}
.news-text img{max-width: 500px;display: block;margin: 0 auto;margin-bottom: 15px;}
.news-text p{margin-bottom: 15px}
.news-text a{display: block;padding: 5px;color: #6dc3ea;margin-right: 20px;}
@media(max-width: 1200px){
.wrapper .smallBox { height:auto; width:19.2%; float:left;}

}
@media(max-width:768px){
.wrapper {  width:100%; height:auto;float: none;margin-right:0%}
.product-con-right{width:100%;float: none;}
.wrapper .smallBox { height:auto; width:19.5%; }
.service_text img{float:none;max-width: 100%;margin-right: 0%;margin-bottom: 15px;}
.news-text img{width: 100%}
}
@media(max-width:480px){
.wrapper .smallBox { height:auto; width:19%; }

}
#dituContent{width:50%;margin: 0px auto;float: left;}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
.con{float: right;width: 45%}
.con p{margin-bottom: 15px;line-height: 30px;vertical-align: baseline}
.con p a i.icon-phone-outline:before{font-size: 1.5em;color: #6dc3ea}
.con p a i.icon-smartphone:before{font-size: 1.5em;color: #6dc3ea}
.con p a i.icon-inbox:before{font-size: 1.5em;color: #6dc3ea}
.con p a i.icon-mail:before{font-size: 1.5em;color: #6dc3ea}
.con p a i.icon-map-pin:before{font-size: 1.5em;color: #6dc3ea}
.con p a span{display: inline-block;margin-left: 10px;}
.con .ewm{width: 200px;text-align: center;}
.con .ewm img{max-width: 200px;}
.con .ewm span{display: block;}
@media(max-width: 660px){
#dituContent{width:100%;margin: 0px auto 30px;float: none;}
.con{float:none;width: 100%}

}
 .BMapLabel{
  padding-left: 20px !important;
  background: url(../images/map.png)no-repeat left;
  background-size: 20px 20px;
  border:none !important;
}
@media(max-width: 960px){
  .footer .footer-con li{width: 48%;float:left;margin-bottom: 20px;}
.footer .footer-con li.footer-con-1{width: 48%;float:left;}
.footer .footer-con li:nth-child(2){margin: 0 0;float:right}
.footer .footer-con li.footer-con-3{width: 48%;}
.footer .footer-con li.footer-con-4{width: 48%;float:right;margin-top: 15px;}
}
@media(max-width: 600px){
    .footer .footer-con li{width: 100%;float:none;}
.footer .footer-con li.footer-con-1{width: 100%;float:none;}
.footer .footer-con li:nth-child(2){margin: 0 0;float:none}
.footer .footer-con li.footer-con-3{width: 100%;}
.footer .footer-con li.footer-con-4{width: 100%;float:none;margin-top: 15px;}
}
.pagebar { padding:20px; overflow:hidden; clear:both}
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 12px;
  padding: 8px 10px;
  margin: 0 2px;
  border-radius: 3px; line-height:100%
}
.pagination span {
    color: #333;
    font-size: 12px;
    padding: 7px 2px;
    margin: 0 2px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #333;
  border: 1px solid #333;
}
.pagination a.page-num-current {
  color: #fff;
  background: #333;
  border: 1px solid #333;
}
.pagination .st{ font-family:宋体}
.text-secondary{ text-align:center; padding:20px 0}
#maximg img{ max-width:100%; height:auto !important}
input{outline:none;}