@charset "utf-8";
@import url('reset.css');
@import url('swiper.min.css');

/*nav*/


.searching{ width:210px; padding-top:4px;}
.input_name{ float:left;}
.input_button{ float:left; }
.keyword{ padding-left:5px; padding-right:5px; height:19px; line-height:19px; }
.bth{ background:url(../images/bth.jpg) no-repeat; border:none; width:40px; height:25px;  cursor:pointer; }


.sliders-swiper-container{width:100%;height:100%; position:relative;}
.sliders-swiper-container .swiper-wrapper{width:100%;height:auto;text-align:center;}
.sliders-swiper-container .swiper-slide img{width:100%;height:auto; margin:0 auto;}
.sliders-swiper-container .swiper-pagination-bullet{background-color:#fff}

.psliders-swiper-container{width:100%; height:100%; position:relative;margin:20px auto;overflow:hidden}
.psliders-swiper-container .swiper-wrapper{width:100%;height:auto}
.psliders-swiper-container .swiper-slide img{width:100%;height:auto}
.topSliders{box-shadow:0 5px 4px #666}
/*footer*/
footer{width:100%;background:#000;overflow:hidden}
footer .t{padding-top:62px}
footer dl{width:240px}
footer dl dt{margin-bottom:11px;line-height:32px;text-transform:uppercase;font-size:14px;font-weight:bold;color:#fff}
footer dl dd{line-height:29px}
footer dl dd a{font-size:12px;color:#fff}
footer dl dd a:hover{margin-left:5px}
footer dl dd.contact *{font-size:12px;color:#fff}
footer .copyright{width:100%;padding:28px 0;text-align:center;line-height:30px}
footer .copyright *,footer .copyright a{font-size:14px;color:#fff;font-family:Verdana}
footer .up{position:absolute;z-index:999;top:0;right:225px;width:50px;height:40px;background:url(../images/up.gif) no-repeat}
/*index*/
.ourProducts{margin-top:37px;margin-bottom:50px}
.ourProducts h2{padding:8px 0 3px 0;background:url(../images/xxx.gif) center top no-repeat;line-height:55px;font-size:30px;color:#09695d}
.ourProducts .body{line-height:25px;padding:15px 0 35px 0;font-size:15px;color:#000;text-align:center}
.ourProducts .list{width:1200px;margin:0 auto;}
.ourProducts .list li{width:33.333%;  text-align:center;float:left;margin-bottom:40px;}
.ourProducts .list img{width:154px;height:154px; display:block; margin:0 auto;border-radius:50%;}
.ourProducts .list img.h{display:none}
.ourProducts span{margin-top:29px;line-height:66px;font-size:25px;color:#000}
.ourProducts .list li.li2 span{text-indent:25px}
.ourProducts .list a:hover img{display:none}
.ourProducts .list a:hover img.h{display:block; margin:0 auto;}
.ourProducts .list a:hover span{color:#09695d}
.service{background:#09695d;padding:28px 0 54px 0;position:relative;z-index:0}
.service h2{line-height:68px;font-size:30px;font-family:Impact;color:#fff}
.service h3{margin-bottom:28px;line-height:21px;font-size:15px;color:#fff}
.service .wrapper{width:1235px}
.service-swiper-wrapper{width:1235px}
.service-swiper-wrapper .swiper-slide{width:280px}
.service-swiper-wrapper .swiper-slide a{width:222px;height:382px;display:block;background:#fff;border:1px solid #000}
.service-swiper-wrapper .swiper-slide .img{width:206px;height:281px}
.service-swiper-wrapper .swiper-slide img{width:206px;height:281px;border:1px solid #000;margin:10px 7px;}
.service-swiper-wrapper .swiper-slide span{line-height:30px;margin:12px auto 0 auto;text-align:center;font-size:15px}
.service-swiper-wrapper .swiper-slide a:hover{background-color:#18776b}
.service-swiper-wrapper .swiper-slide a:hover span{color:#fff}
.service-swiper-wrapper .ctrl{}
.service-swiper-wrapper .prev,.service-swiper-wrapper .next{position:absolute;z-index:9999;top:55%;margin-top:-31px;display:inline-block;cursor:pointer;width:62px;height:62px;background:url(../images/ctrl1.png) no-repeat 0 0}
.service-swiper-wrapper .prev{left:1%}
.service-swiper-wrapper .next{right:1%;background-position:-62px 0}
.service-swiper-wrapper .swiper-button-disabled{opacity:0.5}
.advantage{margin-top:37px}
.advantage h2{padding:8px 0 3px 0;background:url(../images/ourproductstop.gif) center top no-repeat;line-height:55px;font-size:30px;font-family:Impact;color:#09695d}
.advantage h3{margin:12px 0 60px 0;line-height:21px;font-size:15px;color:#373737}
.advantage .list{width:1452px}
.advantage .list li{width:450px;height:368px}
.advantage .list li img{width:153px;height:176px;margin-left:72px}
.advantage .list a:hover img{transform:rotateY(360deg)}
.advantage .list li .title{width:300px;text-align:center;line-height:37px;font-family:Verdana;font-size:15px;font-weight:bold;color:#000}
.advantage .list li .body{width:300px;text-align:center;line-height:24px;font-size:15px;color:#000}
.advantage .list a:hover span{color:#09695d}
.customers .t{margin-bottom:93px;padding:24px 0 14px 0;background:#09695d}
.customers .t h2{line-height:42px;font-size:30px;font-family:Impact;color:#fff}
.customers .t h3{line-height:30px;font-size:15px;color:#fff}
.customers .list{width:1215px}
.customers .list img{width:222px;height:96px;margin:0 15px 78px 0;border:1px solid #b9b9b9;box-shadow:3px 3px 3px #ccc}
.customers .list img:hover{border-color:#09695d}
.aboutus{width:100%;height:516px;margin-bottom:17px;padding:45px 0 42px 0;background:url(../images/aboutus.gif) no-repeat center top}
.aboutus .l{width:730px}
.aboutus .l .h2{line-height:50px;font-size:30px;color:#007c64;font-family:Impact}
.aboutus .l .h3{line-height:42px;font-size:30px;color:#aaa;font-family:Impact}
.aboutus .l .body{margin-top:6px;line-height:29px;font-size:15px;color:#1d1d1d}
.aboutus .l .body .more{font-size:14px;color:#09695d}
.aboutus .r{width:430px;height:275px;background:#fff;margin-top:8px;padding:10px;border:1px solid #707070}
.aboutus .list{width:1250px;margin-top:65px}
.aboutus .list .li1{margin-right:80px;}
.aboutus .list .li2{margin-right:80px;}
.aboutus .list .li3{margin-right:80px;}
.aboutus .list .li4{margin-right:70px;}
.aboutus .list .li5{margin-right:50px; }
.aboutus .list img{ display:block; margin:0 auto;}
.aboutus .list .li6 img{ height:105px; }
.aboutus .list h2{line-height:30px; text-align:center;font-size:15px;color:#333;font-family:Arial, Helvetica, sans-serif}

.section-accordion .pageGroup{ margin-bottom:10px;}
.section-accordion .pageGroup h3{ line-height:40px; height:40px; padding-left:20px; color:#FFFFFF; background:#017d65; cursor:pointer; }
.section-accordion .pageData{display: none; padding:10px; line-height:25px; border:#017d65 solid 1px;}
@font-face{
font-family:'FontAwesome';
src:url('http://libs.baidu.com/fontawesome/4.1.0/fonts/fontawesome-webfont.eot?v=4.1.0');
src:url('../fonts/fontawesome-webfont.eot') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff') format('woff'), url('../fonts/fontawesome-webfont.ttf') format('truetype'), url('../fonts/fontawesome-webfont.svg') format('svg');
font-weight:normal;font-style:normal;}
.section-accordion .pageGroup h3 span{ float:right; margin-right:20px;}
.section-accordion .pageGroup h3 span:before{display:inline-block;font-family:"FontAwesome";font-weight:normal;font-style:normal;vertical-align:baseline;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; content:"\f068"; }
.section-accordion .pageGroup.opened h3 span:before{display:inline-block;font-family:"FontAwesome";font-weight:normal;font-style:normal;vertical-align:baseline;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\f067";}
/*other*/
.banner{position:relative;z-index:0;width:100%;text-align:center}
.banner img{display:block;width:100%;margin:0 auto}
.positions{position:relative;z-index:0;width:100%;height:100px;background:#f6f6f6}
.positions .fl{width:35%;height:100px;line-height:100px;background:url(../images/icon_11.png) left center no-repeat;text-indent:25px;font-size:14px}
.positions .fr{width:55%;margin-right:5%;font-size:0}
.positions .fr.pro_cates{width:60%;margin-right:0;line-height:100px;font-size:14px}
.positions .fr a{height:96px;margin-left:10px;padding:0 15px;border-bottom:4px solid #fff;line-height:96px;font-size:16px}
.positions .fr a:hover,.positions .fr a.active{text-decoration:none;background:#fff;border-color:#1f316f;color:#0090e1}
.positions .fr.pro_cates select{border:1px solid #ccc;height:24px;font-size:14px;line-height:14px}
.otherMain{margin:30px auto}
/*main content*/
.mainContent{overflow:hidden;width:734px;margin-bottom:20px}
.introduction{padding:0;text-align:justify;line-height:30px;font-size:14px;color:#29221d}
.introduction.nmt{margin-top:0}
.introduction div,.introduction p{font-size:14px;color:#29221d}
.introduction img{max-width:100%}
.articleImg{width:100%;margin:20px 0 10px 0;text-align:center}
.articleImg img{display:block;max-width:100%;margin:0 auto;border:1px solid #ddd;padding:5px;border-radius:5px}
.articleBody{width:400px;margin:20px 0}
.articleTitle{overflow:hidden;width:100%;padding:23px 0 0 0;text-align:center;line-height:40px;font-size:18px;color:#0d0601}
.articleTime{width:100%;margin:10px 0 20px 0;padding-bottom:10px;border-bottom:1px solid #f0f2f5;text-align:center;line-height:160%;font-size:13px;color:#a3afb7}
.articleTime .v{padding-left:19px;background:url(../images/hits.gif) no-repeat left center;line-height:160%;font-size:13px;color:#a3afb7}
.articleDes{text-align:center;line-height:28px;font-size:14px;color:#42403f}
.articlePages{margin-top:20px;border-radius:25px 0 25px 0}
.sidebar{width:227px;margin-bottom:20px;border:1px solid #333}
.side1{width:100%}
.side1 a{display:block;padding:7px 15px;border-bottom:1px solid #a9a9a9;line-height:25px;font-size:14px;color:#4b4b4b;text-decoration:none}
.side1 a:hover,.side1 a.active{background:url(../images/arrow.png) no-repeat 205px 17px #007c64;color:#fff}
.side1:first-child a:hover,.side1:first-child a.active{}
.side1:last-child a{border-bottom:0}
.side1:last-child a:hover,.side1:last-child a.active{border-radius:0 0 22px 0}
.side2{width:100%;margin-bottom:5px;text-indent:10px}
.side2 a{text-decoration:none}
.side2 a:hover,.side2 a.active{color:#0090e1}
.sidebar .contact{margin-top:10px}
.sidebar .contact p{margin-bottom:10px}
.mainContents{width:937px;min-height:300px;margin-bottom:20px}
/*新闻列表*/
.newslist{}
.newslist li{width:100%;padding:15px 0;border-bottom:1px solid #f0f2f5}
.newslist li h2{line-height:180%;font-size:16px;color:#2a333c}
.newslist li .body{margin-bottom:10px;line-height:160%;font-size:14px;color:#76838f}
.newslist li .views{line-height:160%;font-size:13px;color:#a3afb7}
.newslist li .views .v{padding-left:19px;background:url(../images/hits.gif) no-repeat left center;line-height:160%;font-size:13px;color:#a3afb7}
/*下载列表*/
.downlist{}
.downlist li{position:relative;z-index:0;width:100%;padding:20px 0 0 60px;box-sizing:border-box;background:url(../images/downicon.gif) no-repeat 10px 20px;border-bottom:1px solid #f0f2f5}
.downlist li h2{line-height:180%;font-size:16px;color:#2a333c}
.downlist li .views{line-height:160%;font-size:13px;color:#a3afb7}
.downlist li .down{position:absolute;z-index:999;right:20px;top:20px;width:120px;height:37px;background:url(../images/down.png) no-repeat 15px center;border:1px solid #ccc;border-radius:3px;line-height:37px;text-indent:36px;font-size:14px;color:#333}
.downlist li .down:hover{background:url(../images/downhover.png) no-repeat 15px center #007c64;color:#fff}
/*在线留言*/
.guestbook{margin-top:49px}
.guestbook .t{margin-bottom:15px;text-indent:314px;line-height:54px;font-size:24px;color:#007940}
.guestbook li{overflow:hidden;width:100%;padding-bottom:21px}
.guestbook .wz{width:160px;padding-right:20px;text-align:right;line-height:31px;font-size:16px;color:#696969}
.guestbook .wbk{width:372px;height:29px;background:none;border:1px solid #b5b5b5;border-radius:4px;line-height:29px;tedxt-indent:5px;font-size:14px}
.guestbook .wbk2{width:72px;height:29px;background:none;border:1px solid #b5b5b5;border-radius:4px;line-height:29px;tedxt-indent:5px;font-size:14px}
.guestbook .wby{width:372px;height:220px;background:none;border:1px solid #b5b5b5;border-radius:4px;line-height:29px;font-size:14px}
.guestbook .wbk:focus,.guestbook .wbk2:focus,.guestbook .wby:focus{border-color:#007940}
.guestbook .btnSubmit{width:82px;height:28px;margin:10px 0 0 311px;background:#007940;border:0;border-radius:4px;line-height:28px;font-size:16px;font-weight:bold;color:#fbfaf9}
/*图片文字列表*/
.picstextlist{width:100%;margin-top:38px}
.picstextlist li{width:100%;padding-bottom:34px;margin-bottom:36px;background:url(../images/line.gif) left bottom repeat-x}
.picstextlist .img{overflow:hidden;width:238px;height:158px}
.picstextlist img{width:238px;height:158px}
.picstextlist .text{position:relative;z-index:0;width:465px;margin-top:9px;margin-right:10px}
.picstextlist .title{line-height:36px;font-size:18px;color:#007940;font-weight:bold}
.picstextlist .body{margin-top:10px;line-height:26px;text-indent:2em;font-size:14px;color:#2f2e2c}
.picstextlist a:hover .title,.picstextlist a:hover .body{color:#3a87bf}
/*图片列表*/
.picslist{width:100%}
.picslist li{overflow:hidden;width:33.333%;border-bottom:1px dashed #666;padding-bottom:20px}
.picslist h2{line-height:37px;font-size:16px;font-weight:normal}
.picslist .l{width:120px}
.picslist .l img{width:100%}
.picslist h3{line-height:25px;font-size:14px;color:#ababab}
.picslist .r{width:250px;margin-left:22px}
.picslist h4{margin-top:32px;line-height:36px;font-size:16px;font-weight:normal}
.picslist a{text-decoration:none;height:32px;padding:0 12px;border:1px solid #949aa0;border-radius:5px;line-height:32px;background:#d8dadd;background:linear-gradient(to bottom,#f0f1f1,#d8dadd);box-shadow:0 0 5px #666;color:#333}
.picslist a:hover{color:#fff;background:#007c64;background:linear-gradient(to bottom,#0e4693,#007c64)}

.openHtml{overflow:hidden;width:798px;height:533px;background-color:#fff}
.openHtml .h1{position:relative;z-index:0;width:100%;height:46px;border-bottom:1px solid #eee;line-height:46px;text-indent:25px;font-size:14px;font-family:"Microsoft YaHei";color:#333}
.openHtml .close{position:absolute;z-index:999;top:14px;right:17px;display:block;width:13px;height:11px;background:url(../images/close.gif) no-repeat}
.openHtml .htmlContent{overflow:scroll;overflow-x:hidden;overflow-y:auto;width:753px;height:420px;padding:10px 0 0 25px;padding-right:10px;border-bottom:1px solid #ddd;line-height:28px;font-size:14px;font-family:"Microsoft YaHei";color:#333}
.openHtml .closeBlock{position:relative;z-index:0;width:100%;height:54px;margin-top:1px;background-color:#f5f5f5}
.openHtml .close2{position:absolute;z-index:999;top:13px;left:15px;display:block;width:82px;height:30px;background:#2384ef;background:linear-gradient(to bottom, #0080eb, #0565b2);text-align:center;line-height:30px;font-size:14px;font-family:"Microsoft YaHei";color:#fff}

.backtop{width:70px;position:fixed;right:22px;bottom:10px;z-index:5;display:none}
.backtop li{height:70px;overflow:hidden}.backtoplia:hoverimg{margin-top:-70px}

/*产品列表*/
.productslist{width:1000px}
.productslist li{overflow:hidden;position:relative;z-index:0;width:308px;height:260px;margin-right:8px}
.productslist .img{width:290px;height:195px;overflow:hidden;padding:5px;border:1px solid #d1d1d1}
.productslist img{width:290px;height:195px}
.productslist .title{width:302px;margin-top:10px;text-align:center;line-height:26px;font-size:14px;color:#0d0601}
.productslist a:hover .img{border-color:#3a87bf}
.productslist a:hover .title{color:#3a87bf}
/*分页*/
.pages{overflow:hidden;width:100%;padding:20px 0 0;text-align:center;line-height:24px;font-size:14px;color:#333}
.pages li{display:inline-block;*zoom:1;*display:inline}
.pages a,.pages span{display:inline-block;*display:inline;*zoom:1;height:24px;margin-right:10px;padding:0 10px;border:1px solid #ccc;line-height:24px}
.pages li.active a{background-color:#0093e2;color:#fff}
@media only screen and (max-width:1200px)
{  
.searching{ display:none;}
}
@media only screen and (max-width:768px)
{
  *{box-sizing:border-box}
  .pc{display:none !important}
  .m{display:block !important}
  .wrapper,.mainContents,.wrappers{width:100%}
  header{position:relative;z-index:0;width:100%;height:auto !important}
  .headerTop{height:auto;padding:0 2%}
  header .logo{width:100%;margin:0;padding:10px 2%; text-align:center}
  header .logo img{max-width:100%;display:block;margin:0 auto}
  header .b{height:auto}

  
  header .sliders-swiper-container{position:relative}
  header .sliders-swiper-container .swiper-wrapper{width:100%;height:auto}
  header .sliders-swiper-container .swiper-slide img{width:100%;height:auto}
  footer .t,footer .copyright{padding:10px 2%}
  footer .t .tel{display:none}
  footer .links{width:100%}
  footer .links .img{margin:0;width:48%;text-align:center}
  footer .links .img img{max-width:100%}
  footer .links .img:nth-child(2n+1){clear:both}
  footer .links .img:nth-child(2n+2){margin-left:4%}
  footer .cp{width:100%;text-align:center}
  footer .icon{display:none}
  footer .form{width:100%}
  footer .searchText{width:60%}
  footer .form select{width:35%}
  footer .form .searchBtn{margin-top:15px}
  .backtop{width:35px;height:35px;right:5px}
  .backtop img{width:100%}
  .backtop li a:hover img{margin-top:0}
  .ourProducts{margin-top:20px;margin-bottom:0;padding:0 2%;padding-bottom:15px}
  .ourProducts .list{width:100%}
  .ourProducts .list li{width:48%;text-align:center}
  .ourProducts .list li:nth-child(2n+2){margin-left:4%}
  .ourProducts .list li:nth-child(2n+1){clear:both}
  .ourProducts .list img{max-width:100%;margin:0 auto}
  .ourProducts span{margin:10px 0}
  .service{padding:20px 2%}
  .service .wrapper{width:100%}
  .service-swiper-wrapper .swiper-slide a{width:100%;height:auto;background:none;border:0}
  .service-swiper-wrapper .swiper-slide a img{width:auto;height:auto;max-width:95%}
  .service-swiper-wrapper .swiper-slide a{color:#fff}
  .advantage{margin:0;padding:20px 2%}
  .advantage h3{margin:12px 0}
  .advantage .list{width:100%}
  .advantage .list li{width:48%;margin-bottom:15px}
  .advantage .list li:nth-child(2n+2){margin-left:4%}
  .advantage .list li:nth-child(2n+1){clear:both;text-align:center}
  .advantage .list li img{width:auto;height:auto;max-width:100%;margin:0 auto}
  .advantage .list li .title{width:100%;line-height:180%;padding:10px 0}
  .advantage .list li .body{width:100%;font-size:14px}
  .aboutus{height:auto;padding:20px 2%;background-size:100% 100%}
  .aboutus .r{width:100%;height:auto}
  .aboutus .list{width:100%}
  .aboutus .list li{width:32%;height:auto;margin:0 0 10px 0 !important;text-align:center}
  .aboutus .list li:nth-child(3n+1){clear:both}
  .aboutus .list li:nth-child(3n+2){margin-left:2%;margin-right:2%}
  .aboutus .list li img{max-width:100%;margin:0 auto !important}
  .aboutus .list h2{line-height:160%;margin:0 !important;width:100% !important;font-size:12px}
  .aboutus .l{width:100%}
  .customers{margin:0;padding:0 0}
  .customers .list{width:100%;padding:0 1%}
  .customers .list img{width:48%;margin:0 0 10px 0;height:auto;float:left}
  .customers .list img:nth-child(2n+1){clear:both}
  .customers .list img:nth-child(2n+2){margin-left:4%}
  .customers .t{margin-bottom:30px;padding:10px 0}
  .customers .t h2{font-size:30px}
  .customers .t h3{font-size:12px}
  #main .list_pic{width:100%}
  #main .list_pic li{float:left;width:33.3333%;text-indent:0;padding:0;text-align:center;background:linear-gradient(to bottom,#e4ecf9,#bed3ee);font-size:16px}
  #main .list_pic li.hover{background:linear-gradient(to bottom,#2c67ad,#285b9a)}
  #main .list_passage{width:100%;margin:10px 0 0;float:right}
  #main .list_passage img{width:100%;height:auto}
  #main .list_passage h3{position:static;width:100%}
  .gongchang_con{height:auto}
  .news-swiper-wrapper{width:100%}
  .news-swiper-wrapper .swiper-slide a{width:100%}
  .partners-swiper-wrapper{width:100%;margin:15px 0}
  .partners-swiper-wrapper .swiper-slide img{width:100%;height:auto}
  .partners-swiper-wrapper .ctrl{margin:20px 0}
  .otherMain{padding:0 2%;margin:15px 0}
  .positions{padding:0 2%;height:auto}
  .positions .fl{width:100%;height:50px;line-height:50px}
  .positions .fr{width:100%;margin:0;text-align:center}
  .positions .fr a{height:50px;line-height:50px}
  .picslist{width:100%;margin-top:10px}
  .picslist li{width:48%;height:auto}
  .picslist li:nth-child(2n+2){margin-left:4%}
  .picslist li .img{width:100%;padding:0;height:180px;text-align:center}
  .picslist li .img img{height:180px;width:auto;margin:0 auto}
  .picslist li .title{margin:10px 0;width:100%}
  .newslist li{width:98%; padding:10px; }
  .newslist .nright{margin-left:0;}
  .newslist  li .ntxta { height:25px; overflow:hidden; }
  .newslist  li .ntxta a { line-height:25px; }
  .newslist  li .ntxtb{ font-size:12px; line-height:20px; height:40px; overflow:hidden; }
  .psliders-swiper-container,.psliders-swiper-container .swiper-wrapper,.psliders-swiper-container .swiper-slide img{width:100%}
  .service-swiper-wrapper{width:100%}
  .service-swiper-wrapper .swiper-slide{text-align:center}
  .service-swiper-wrapper .swiper-slide img{width:95%;margin:0 auto;height:auto}
  .ev-swiper-wrapper{width:100%}
  .ev-swiper-wrapper .swiper-slide{text-align:center}
  .ev-swiper-wrapper .swiper-slide img{width:95%;margin:0 auto;height:auto}
  .newslist li:nth-child(2n+2){margin-left:0}
  .picslist li .img,.picslist li .img img{height:120px}
  .productslist{width:100%}
  .productslist li{width:48%;height:auto;margin:0}
  .productslist li:nth-child(2+1){clear:both}
  .productslist li:nth-child(2n+2){margin-left:4%}
  .productslist li .img,.productslist li .img img{width:100%;height:auto}
  .productslist li .title{width:100%;margin:10px 0}
  .sidebar,.side1{width:100%}
  .mainContents{min-height:auto;margin-top:20px}
  .introduction{overflow:hidden}
  .side1 a:hover, .side1 a.active{background-position:95% center}
  .newslist  li .ntxtb{width:100%}
  
}

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

}