* { font-size:14px; font-family:"Microsoft YaHei"; }
a { color:#000; text-decoration:none; }
a:hover { color:#ff6600;text-decoration:none; }
body { margin:0px; padding:0px;background:#fff; }
input,select{background:#fff;}
/*div { word-wrap: break-word; word-break: normal; }*/
ul, li, ol, li { margin:0px; padding:0px; list-style:none; word-wrap: break-word; word-break: normal; }
h1, h2, h3, h4, h5, h6, p, dl, dt, dd, form { margin:0px; padding:0px; font-weight:normal; word-wrap: break-word; word-break: normal; }
img { border:0px; vertical-align:middle; }

.clear { clear:both; }
.flex{ display: flex;}
.justify-content{justify-content: space-between; align-items: center;}
.top{ background:#000; }
.top .top-box{line-height:40px; }
.top .t-logo {}
.top .t-logo a{ color: #fff;}
.top .s-login a{ display: inline-block; padding-left:10px; color: #fff;}
.header{ border-bottom: solid 3px #845d19;/* position: absolute; left: 0; right: 0;  top: 50px;*/}
.header-box{ background:#fff; padding:0 0;  /*  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);*/}
.header .logo{ float: left; padding: 10px 0;}
.header h1{ line-height:58px; font-weight: bold;font-size: 20px;/* padding-left: 20px;*/}
.header h1 a{color:#333;font-size: 20px;}
.header h1 a:hover{ color:#333;}
.header .tel{ float: right; margin-top:5px;}
.header .tel .ico{ font-size: 20px; font-weight: 100;}
.header .tel .ico span{ font-size:24px; margin-right: 15px;padding-right:15px;  color: #000; display: inline-block; position: relative;}
.header .tel .ico span:after{ content: ''; display: inline-block; top:8px; bottom:8px; right: 0; width: 1px; margin-left: 5px; background: #cfcfcf; position: absolute;}
.nav{float:  right;}
.nav ul{ float: left;}
.nav ul li{float: left; position:relative;font-size: 18px;line-height:58px;color: #262626;display: flex;align-items: center;justify-content: space-between;}
.nav ul li a{ color: #333; display: inline-block; padding:10px 20px; }
.nav ul li:last-child{ margin-right: 0;}
/*.nav ul li.s:after{ content: ''; display:inline-block; position: absolute;  bottom: 10px; left: 0; right: 0; height: 2px; background:#845d19;}*/
.nav ul li.s a{ color:#fff; /*font-weight: bold;*/}
.nav ul li.s,.nav ul li:hover{ background: #845d19;}
.nav ul li:hover:not(.s)>a {background: 0 0;color:#fff;}
.banner{ position: relative;}
.banner .item a{ display:block; height: 560px; width: 100%; background-repeat: no-repeat; background-position: center center; background-size:cover;}
.banner .owl-pagination{ position:absolute; left:0px; right:0px; bottom:10px; text-align: center;}
.banner .owl-theme .owl-controls .owl-page span{width: 12px;height: 12px;background-color: #b2b2b2;border-radius: 100%;border: 4px solid transparent;margin: 0 7px;box-sizing: border-box;background-clip: content-box;transition: all .36s ease;}
.banner .owl-theme .owl-controls .owl-page.active span, 
.banner .owl-theme .owl-controls.clickable .owl-page:hover span{background-color: transparent;border: 2px solid rgb(203, 157, 78);background: #fff;}
.bg{ background:#f7f7f7 ;}
.in-product,.in-supply{ padding: 60px 0 60px;}
.in-supply{/* background: url(../images/s4-bg.jpg) no-repeat center center;background-size: cover;*/}
.in-tit{position: relative; text-align:left;padding-top: 55px;margin-bottom:30px;}
.in-tit p {position: relative;z-index: 2;line-height: 1; display: none;}
.in-tit p a{font-size:18px;color:#5a5a5a;}
.in-tit h4 {position: relative;z-index: 2;line-height:45px;margin-top: 0;}
.in-tit h4 a{font-size: 26px;color: #fff;}
.in-tit em {position: absolute;left: 0;top: 0; z-index: 1;font-size: 160px; color: transparent;font-style: normal;font-weight: 700;line-height: 1;text-overflow: ellipsis; white-space: nowrap;overflow: hidden;}
.in-tit em:first-letter{color: #d9e3fe;}
.in-tit:after{ content: ''; display: inline-block; left:10px; width:50px; height: 3px; background: rgba(203,157,78,.95);}
.in-s-tit{ text-align:  center;font-size: 30px; color: #333; line-height:24px; margin: 20px 0;}
.in-s-tit span{ color: #666; display:block; font-size: 14px; margin-top: 10px;}
.tit{ font-size: 20px; color: #555; line-height: 50px; margin: 20px 0;}
.tit span{font-size: 14px;color: #bbb;line-height: 26px; display: inline-block; padding-left: 10px;}
.in-product{ background-image:url(../images/ys.jpg); background-position: center center;background-attachment: fixed;}
.product-div.in-product{ background: #fff; padding: 30px 0 50px;}
.product-div.in-product ul{ padding: 0;}
.in-product ul{ padding: 20px 0 0 0;}
.in-product li{ margin-bottom:30px;}
.product-div.in-product li{ margin-bottom: 20px;}
.in-product li a{ display: block;transition: all 0.36s ease; background: #fff;}
.in-product li:hover a{box-shadow: 0px 12px 64px rgba(0, 0, 0, 0.1);}
.in-product li .thumb{ position: relative; overflow: hidden; height:180px; overflow: hidden;}
.in-product li .thumb img{transition: all .36s ease;}
.in-product li:hover .thumb img{-webkit-transform: scale(1.08);-ms-transform: scale(1.08);transform: scale(1.08);}
.in-product li .thumb p:before{content: '';width: 21px;height: 1px;line-height: 40px;margin-left: -10px;top: 0; background: #fff;display: inline-block;position: absolute;left: 50%; z-index: 10; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;opacity: 0;}
.in-product li .thumb p:after{content: '';width: 1px;height: 21px;line-height: 40px;left: 50%;margin-top: -10px;background: #fff;display: inline-block;position: absolute; top: 0;left: 50%;z-index: 10;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;opacity: 0;}
.in-product li .thumb:after{transition: all 0.36s ease;content: "";width: 100%;height: 0;background-color: rgba(0, 0, 0, 0.5);position: absolute;top: 0px;opacity: 0;left: 0;}
.in-product li:hover .thumb:after{ opacity: 1; height: 100%;}
.in-product li:hover .thumb p:before,.in-product li:hover .thumb p:after{ top: 40%; opacity: 1;}
.in-product li h3{text-align:center;line-height:60px;white-space:nowrap;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;  font-size:14px; color:#333;transition: all 0.36s ease;}
.product-div.in-product li h3{ color: #666; text-align: left;}
.in-product li:hover h3{}
.in-product .more-btn{ z-index: 999; text-align:center; margin-top: 30px;}
.in-product .more-btn a{display: inline-block; padding:8px 0; width: 200px; border: solid 1px rgba(203,157,78); border-radius: 20px; overflow: hidden; color: rgba(203,157,78);}
.in-product .more-btn a:hover{ background: rgba(203,157,78); border-color:rgba(203,157,78); color: #fff;}
.in-product li img{ max-width: 100%;}
.in-product .item{ margin: 0 15px 15px; padding:10px; border: solid 1px #ddd; background: #fff;}
.in-product .item a{ display: block;transition: all 0.36s ease;}
.in-product .item:hover{box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);}
.in-product .item .thumb{ position: relative;}
.in-product .item .thumb p:before{content: '';width: 21px;height: 1px;line-height: 40px;margin-left: -10px;top: 0; background: #fff;display: inline-block;position: absolute;left: 50%; z-index: 10; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;opacity: 0;}
.in-product .item .thumb p:after{content: '';width: 1px;height: 21px;line-height: 40px;left: 50%;margin-top: -10px;background: #fff;display: inline-block;position: absolute; top: 0;left: 50%;z-index: 10;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;opacity: 0;}
.in-product .item .thumb:after{transition: all 0.36s ease;content: "";width: 100%;height: 0;background-color: rgba(0, 0, 0, 0.5);position: absolute;top: 0px;opacity: 0;left: 0;}
.in-product .item:hover .thumb:after{ opacity: 1; height: 100%;}
.in-product .item:hover .thumb p:before,.in-product .item:hover .thumb p:after{ top: 50%; opacity: 1;}
.in-product .item h3{line-height:50px; font-size: 16px; color: #666;transition: all 0.36s ease;}
.in-product .item:hover h3{ padding: 0 15px;}
.in-product .item img{ max-width: 100%;}


.in-supplu-box-item{transition: all 0.36s ease; overflow: hidden;}
.in-supplu-box-item:hover{ box-shadow: 5px 8px 20px rgba(0, 0, 0, 0.08);}
.in-supplu-box-item img{ width: 100%;transition: all 0.36s ease;}
.in-supplu-box-item:hover img{transform: scale(1.08); }
.in-supplu-box-desc{ padding: 28px 20px; background: #3488ea;}
.in-supplu-box-desc .date{ margin-top:15px; width:20%; float: left; text-align: center;}
.in-supplu-box-desc .date .d{font-size: 36px; font-weight: bold;position: relative;letter-spacing: 1px;color: #fff;}
.in-supplu-box-desc .date p{color: rgba(255, 255, 255, .6);}
.in-supplu-box-desc .desc{ width:70%; float: right;}
.in-supplu-box-desc .desc h3{ color: #fff; font-size:20px; line-height:60px; border-bottom: solid 1px rgba(255, 255, 255, .7);}
.in-supplu-box-desc .desc p{color: rgba(255, 255, 255, .7);padding-top: 15px;}
.itme-warp{transition: all 0.36s ease; cursor: pointer;}
.itme-warp:hover{ padding-left: 30px;}
.itme-warp .desc{ width:80%; float: left;}
.itme-warp .desc h3{transition: all 0.36s ease;color: #333;font-size: 18px;line-height:30px; margin-bottom:25px;position: relative;}
.itme-warp .desc h3:after{content: '';position: absolute;width: 100%;height: 1px;background: rgba(0, 0, 0, .1);left: 0;margin-top: 40px;}
.itme-warp .desc p{ transition: all 0.36s ease;font-size: 13px;line-height: 26px;height: 52px;overflow: hidden;color: #999;}
.itme-warp .time{ width: 20%; float: right; text-align: center;}
.itme-warp .time .d{font-size: 36px;font-weight: bold; position: relative;letter-spacing: 1px;color: #888;}
.in-supplu-box{ padding: 20px 0;}
.in-supplu-box .item{ margin-top: 45px; line-height: 55px; position: relative; transition: all 0.36s ease; cursor: pointer; margin-bottom: 20px;}
.in-supplu-box .item .in-sup-item{ position: relative;margin:50px 0;background: rgb(243, 243, 243);;padding:80px 50px 20px;}
/*.in-supplu-box .item .in-sup-item:after {content: "";display: block;position: absolute;height: 10px; left: 15px;right: 15px;bottom: -7px;background: rgba(255,255,255,.3);}*/

.in-supplu-box li{background: #4a4a4a}
.in-supplu-box li .in-sup-item-desc{ width: 50%; float: left; padding:66px 80px;}
.in-supplu-box li .in-sup-item-desc h3{color: rgb(217, 217, 217); font-size: 18px; line-height: 30px;white-space:nowrap;
word-break:keep-all;
overflow:hidden;
text-overflow:ellipsis; 
}
.in-supplu-box li .in-sup-item-desc .desc{ overflow: hidden; line-height: 30px; height: 90px; margin:14px 0;color: rgb(170, 170, 170); font-size: 16px;}
.in-supplu-box li .in-sup-item-desc .date p{ line-height:50px;color: rgb(217, 217, 217);}
.in-supplu-box li .in-sup-item-img{ width: 50%; float: right;}
.in-supplu-box li .in-sup-item-img .bg{ width: 100%; height: 330px; text-align: center; background: #fff; line-height: 330px;}
.in-supplu-box li .in-sup-item-img .bg img{ max-width: 100%; max-height: 330px; vertical-align: middle;}
.in-supplu-box li:nth-child(2n) .in-sup-item-desc{ float: right;}
.in-supplu-box li:nth-child(2n) .in-sup-item-img{float: left;}
.s4-more {margin: 30px 0 0;text-align: center;}
.s4-more a {border: 1px solid #666;display: inline-block;padding: 6px 40px;border-radius: 50px;color: #666;}


.in-about{ padding:100px 0 120px;}
.in-about h3{line-height: 80px; text-align:left; color: #333; font-size:32px; position: relative;}
.in-about h3:after{ content: ''; display: inline-block; width: 60px; height: 4px; position: absolute; background:rgba(203,157,78); left: 0; bottom: 0;}
.in-about-box{ position: relative; /*padding:50px 0; background: url(../images/ABOUTUS.png) no-repeat;*/}
.about-img{ position: relative; width: 450px; float: right;}
.about-img img{ position: relative; z-index: 2;}
.about-img:after{z-index: 1; content: ''; display: inline-block; width: 390px; height: 400px; border: solid 5px rgba(203,157,78); position: absolute; right: -30px; bottom: -30px;}
.in-about-info{text-align: left;}
.in-about-info h3{line-height: 60px; text-align: center; color: #333; font-size: 24px; font-weight:100;}
.in-about-info h3 strong{ display: block; color:rgb(203,157,78);font-size:36px;font-weight: 600;margin-right: 10px;}
.in-about-info .text{ line-height:40px; height: 280px; overflow: hidden; margin-top:30px; font-size:16px;}
.in-about-info .text p{ font-size: 16px;}
.in-about-info .more-btn a{ display: inline-block; padding:10px 40px; border: solid 1px rgb(203,157,78); border:solid 1px #845d19;color: #845d19;transition: all 0.3s ease 0s;}
.in-about-info .more-btn a:hover{ background:rgba(203,157,78);color: #fff; border-color:rgba(203,157,78)}
.in-about-info .more-btn{ text-align: left; margin-top: 80px;}
.in-about-contactus{background-color: #eef1f6;border: 1px solid #cfd7e7;padding: 60px;position: absolute;left: 53px;top: -81px;width: 450px;}
.in-about-contactus h3{ line-height: 50px;}
.in-about-contactus li{ line-height: 40px;}
.in-about .in-about-bg{ margin-top: 20px;}

.in-footer{ background:#efefef;}
.in-footer-bg{ position: relative;}
.in-footer-bg:after{ content: ''; display: inline-block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.6);}
.in-footer-item{padding:55px 0; line-height:40px; width: 680px; padding-left: 50px;}
.in-footer-item h3{ margin-bottom: 18px;}
.in-footer-item p{ font-size: 16px;}
.in-footer-item p span{ padding-right: 5px; font-size: 18px;}
.in-footer-code-box{ width: 570px; position: relative; z-index: 3; position: absolute; right:0; top: 30px;}
.in-footer-code{ width:160px; margin: 0 50px; float:left;box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); text-align: center;background: #fff; padding-bottom: 5px;}
.in-footer-code .thumb{}
.in-footer-code img{ width: 140px;padding:10px 0 5px; }
.in-footer-code .t{ font-size: 14px; line-height:24px; text-align: center;}
.in-join{}
.in-join .in-join-title{ width: 40%; float: left; padding: 30px 5% 20px 0; text-align: right;}
.in-join .in-join-title h3{ margin-top:28px; color:#233975 ;}
.in-join .in-join-title h3 span{font-size: 14px;color: #bbb;line-height: 26px;display: inline-block;padding-left: 10px;}
.in-join .in-join-title p{ line-height: 40px; color: #999;}
.in-join .in-join-info{ width: 60%; float: right;background: #233975; position: relative; padding: 35px 0;}
.in-join .in-join-info .text{ position: absolute; top: 20%; left: 10%; color: #fff;}
.in-join .in-join-info .text p{ font-size: 26px; padding: 5px 0;}
.in-join .in-join-info .text p.j-btn{ padding: 10px 0;}
.in-join .in-join-info .text p.j-btn a{ display: inline-block; padding: 5px 20px; border: solid 1px #ddd; border-radius:15px; color: #fff; overflow: hidden;}
.main-product{ width: 620px; margin: 0 10px 0 120px; text-align: center;}
.main-product img{ width: 80px;}
.main-product h3{ color:rgba(255,255,255,.6); font-weight: normal; font-size: 12px; text-align: center; line-height:18px; padding-top: 10px;}
.owl-buttons{ position:absolute;z-index:99999; height:64px; top:50%; margin-top: -32px; left:-64px; right:-64px;}
.owl-buttons div{transition: all 0.36s ease; background-color: rgba(0,0,0,.2); background-repeat: no-repeat; background-position: center center;}
.owl-buttons div:hover{ background-color:rgba(203,157,78);}
.owl-next{ position:absolute; background-image:url(../images/owl-next.png);top:0px; z-index:99999; right:15px; width:64px !important; height:64px !important; text-indent:-9999999px; background-size: 32px;}
.owl-prev{ position:absolute; background-image:url(../images/owl-prev.png);top:0px; z-index:99999; left:15px; width:64px !important; height:64px !important; text-indent:-9999999px;background-size: 32px;}
.footer{ padding:20px 0; background: #141414; line-height: 30px;}
.footer p{ text-align: center; color: #989898;}
.footer p a{ color:#989898; display: inline-block; padding: 0 15px;}
.in-footer-text{ position:relative;background: #232323 url(../images/new-19022801.png) no-repeat 0 -10% / auto 70%; padding: 5% 5% 5% 10%; text-align:left; color: #fff;}
.in-footer-text .wx-coder{ width: 180px; top:40px; position: absolute; right:50px;}
.in-footer-text .wx-coder .thumb{ width: 130px; float: left;}
.in-footer-text .wx-coder img{ width: 130px;}
.in-footer-text .wx-coder .t{ width: 30px; float: right;}
.in-footer-text h3{ font-size: 26px; font-weight: 100; line-height: 40px;}
.in-footer-text h4{ font-size: 20px; font-weight: 100;line-height: 40px;}
.in-footer-text p{ font-size: 16px; font-weight: 100;line-height: 40px;}
.in-footer-x2{ }
.in-footer-coder{ position: relative; text-align:center;background: #04a07b url(../images/common-contact-attach.png) no-repeat 50% 100% / 100% auto;padding:44px 50px;}
.in-footer-coder:after{ content: ''; display: inline-block; position: absolute; left: 1px; top: 1px;}
.in-footer-coder .code .thumb{ text-align: center;}
.in-footer-coder .code .t{ text-align: center; font-size:16px; color: #fff; font-weight:100; padding-top:10px; margin-bottom:20px;}
.in-footer-coder .code .thumb img{ width: 100px; padding: 10px; background: #fff;}
.in-footer .addr{ text-align: left; padding: 10px 0; position: relative;}
.in-footer .addr h3{ line-height:56px;font-size:30px; color:rgba(255,255,255,.6);}
.in-footer .addr span{ font-size: 20px; padding-right: 10px;}
.in-footer .addr p{ line-height:30px; color:rgba(255,255,255,.6); font-size: 16px;}
.in-footer .addr p.btn-a a{ display: inline-block; border-radius: 20px; overflow: hidden; line-height: 35px; padding: 0 20px; background: #fff; color:#233975; font-size: 12px;}
.in-footer .name{ position: relative; width: 460px; float: left; text-align: left;padding-left: 120px;}
.in-footer .name:after{ content: ''; display: inline-block; left: 30px; top: 20px; bottom: 0;width: 1px; background: rgba(255,255,255,.2); position: absolute;}
.in-footer .addr:before{ content: ''; display: inline-block; right: 30px; top: 20px; bottom: 0;width: 1px; background: rgba(255,255,255,.2); position: absolute;}
.in-footer-text{ border-bottom:solid 1px rgba(0,0,0,.2);}
.in-footer .ico{ width: 55px; margin-top:5px;margin-right: 20px;border-right: solid 1px rgba(0,0,0,.1); float: left; /*padding: 20px 0;*/}
.in-footer .ico span{ font-size: 34px;color:rgba(0,0,0,.6); }
.in-footer .text{float: left;}
.in-footer .text h3{ color: #666; font-size: 24px; padding-bottom: 10px;}
.in-footer .text p{ line-height:24px;color:rgba(0,0,0,.6);}
.main-product{ width: 620px; margin: 0 10px 0 120px; text-align: center;}
.main-product img{ width: 80px;}
.main-product h3{ color:rgba(255,255,255,.6); font-weight: normal; font-size: 12px; text-align: center; line-height:18px; padding-top: 10px;}
.owl-buttons{ position:absolute; z-index:99999; height:32px; top:50%; margin-top: -32px; left:-80px; right:-80px; background-repeat: no-repeat;}
.owl-next{ position:absolute;  background-image:url(../images/owl-next.png) no-repeat center right !important ;top:0px; z-index:99999; right:0px !important; width:62px !important; height:62px !important; text-indent:-9999999px; background-size: 32px;}
.owl-prev{  position:absolute; background-image:url(../images/owl-prev.png) no-repeat  center left!important ;top:0px; z-index:99999; left:0px !important; width:62px !important; height:62px !important; text-indent:-9999999px;background-size: 32px;}
.footer{ padding:20px 0; background: #141414; line-height: 30px;}
.footer p{ text-align: center; color: #989898;}
.footer p a{ color:#989898; display: inline-block; padding: 0 15px;}
.in-coder{ position: relative;}
.in-coder .code{ width: 600px; text-align: center; position: absolute; left: 50%; top: 55px; margin-left: -300px;}
.in-coder .code img{ width: 160px; border: solid 10px #fff;}
.in-coder .code p{ line-height: 45px; color: #fff;}
.tit{ padding: 20px; text-align: center;}
.tit h5{font-size: 24px;line-height: 30px;color: #555;}
.tit p{font-size: 14px;color: #bbb;line-height: 26px;}
.page{ text-align: center;}
.about-info{ padding: 20px 0 50px;}
.about-info img{ float: left; margin: 0 30px 30px 0;}
.about-info-text{ line-height: 35px; font-size: 14px; color: #666;}

.trade-list li:hover .more {
  background:#845d19
}
.product-desc .product-info ul{ padding: 20px 0 0 0;}
.product-desc .product-info li{ line-height: 35px; color: #666; margin-bottom: 0;}
.trade-info .job-title-ul span{ padding: 0 20px;}
.trade-info .thumb{ text-align: center; margin-top: 40px;}
.trade-info .thumb img{ padding: 5px; border: solid 1px #cfcfcf;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
	 background:#845d19; border-color:#845d19;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus{
	color:#845d19;
}
.pagination > li > a, .pagination > li > span{ color:#666;}
@media (max-width:960px){
    body{ overflow-x: hidden;}
    .in-product li h3{white-space:nowrap;word-break:keep-all;overflow:hidden;text-overflow:ellipsis; }
    .in-about-contactus{position: static; width: 100%; margin-bottom: 20px; padding: 20px;}
    .in-join .in-join-title{ width: 100%; float: none;}
    .in-join .in-join-info{ width: 100%;float: none;}
    .main-product{ width:80%; margin: 0 10%;}
    .in-about{ padding: 20px 0;}
    .header .logo{ padding: 0;}
    .banner .item a{ height: 120px;}
    .about-img{ width: 100%;}
    .about-img img{ width: 100%; padding: 30px;}
    .about-img:after { z-index: 1; content: '';display: inline-block;width: 80%;height:auto;border: solid 5px rgba(203,157,78); position: absolute;right: 0px; top: 10px; bottom: -0px;}
    .in-about-info .more-btn{ margin-top: 10px; margin-bottom: 10px;}
    .in-supplu-box li .in-sup-item-desc{ width: 100%; padding: 20px; float: none;}
    .in-supplu-box li .in-sup-item-img{ width: 100%; float: none;}
    .in-supplu-box li .in-sup-item-img .bg{ background-size: 100% 100%;}
    .in-footer-code-box{ width:290px; margin-left: auto; margin-right: auto; position: relative; margin-top: -80px;}
    .in-footer-code{ width:40%; margin: 0 5%;}
    .in-footer .row.in-footer-bg{ margin-left: 0; margin-right: 0;}
    .in-footer-item{ padding:240px 0 50px 15px; width: 100%;}
    .header .nav ul li.s a { color: #fff !important;}
    .nav ul li a{ padding:0 20px;}
    .in-footer-code img{ width: 100%; padding: 5px;}
}