@charset "UTF-8";
*{
  box-sizing: border-box;
}
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}
body {
  overflow-x: hidden;
  font-family: Arial,"微软雅黑","宋体";
  margin: 0;
  padding: 0;
}
:after,:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
ul {
  padding: 0;
  margin: 0;
}

li {
  list-style: none;
}

a {
  color: #333;
  text-decoration: none;
}
a:active,
a:focus,
a:hover {
  text-decoration: none;
  outline: 0
}
a:focus {
  outline-offset: -2px;
}
img {
    vertical-align: middle;
}

.clearfix:after,.clearfix:before,.pager:after,.pager:before{
    display: table;
    content: " ";
}
.clearfix:after,.pager:after{
    clear: both;
}
.fl {float: left;}
.fr {float: right;}
.ptb100 {padding-top: 100px; padding-bottom: 100px;}
.ptb60 {padding-top: 60px; padding-bottom: 60px;}
.ptb40 {padding-top: 40px; padding-bottom: 40px;}
.pb30 {padding-bottom: 30px;}
.tc {text-align: center;}
section, div, form, input, a, ul, li, dt, dd, dl, ol, header, nav, footer {margin: 0;padding: 0;box-sizing: border-box;line-height: inherit;}

.container {width: 1230px;}

.headtop {background-color: rgb(245, 245, 245); font-size: 12px; height: 32px; line-height: 32px;}
.headtop span {float: left;}
.headtop ins {float: right; text-decoration: none;}
.headtop ins a {display: inline-block; padding:0 4px;}

.header {padding: 15px 0;}
.header .container {position: relative;}
.header .logo {}
.header .tnav {margin-left: 110px;}
.nav {margin:0 auto;}
.nav li{height:70px; text-align:center; float:left; position:relative; z-index:999; padding:0 12px;}
.nav li:nth-child(1){padding-left: 0px; }
.nav li:nth-child(8){padding-right:0px; background: none; }
.nav li a{display:block;line-height:36px;color:#3b3b3b;height:49px;font-size: 14px;margin-top:10px; padding: 10px 0px; }
.nav li:hover a.a{color:#D43B02; text-decoration:none; border-bottom: 2px solid rgb(226, 100, 77); background:none;}
.nav li .active {color: rgb(226, 100, 77); border-bottom: 2px solid rgb(226, 100, 77);}

.nav .sec{background:#D43B02;overflow:hidden;z-index:9999;position:absolute;top:70px;left:0px; display: none;width: 130px;}
.nav .sec a{height:38px;line-height:20px;width:100%;overflow: hidden;color: #fff;margin-top: 0px;}
.nav .sec a:hover{background:#FF4500;text-decoration:none;color:#fff;}

.header .search {position: absolute; right: -110px; top: 24px;}
.header .search input {width: 120px; border: none; border-radius: 0; border-bottom: 1px solid #D43B02; box-shadow:none;}
.header .search button {border: none; color: #D43B02;}


.footer {background-color: #282828; color: #fff; padding: 40px 0;}
.footer a {color: #fff;}
.footer .footnav {margin-bottom: 15px;}
.footer .footnav a {display: inline-block; margin-right: 25px;}
.footer .footadd dl {padding: 5px 0;}
.footer .footadd dt {float: left; padding-right: 15px;}
.footer .footadd dd {float: left;}
.footer .footewm {}
.footer .footewm li {display: inline-block; text-align: center;}
.footer .footewm li img {margin-bottom: 10px;}
.footer .footewm li:nth-child(1){margin-right: 10px; }


.x-banner {overflow: hidden;}
.x-banner .owl-carousel {position: relative; }
.x-banner .owl-carousel .banner-item a {display: block; }
.x-banner .owl-carousel .owl-nav .owl-prev {left: 0; }
.x-banner .owl-carousel .owl-nav .owl-next {right: 0; }
 .x-banner .owl-carousel .owl-nav button.owl-prev,
.x-banner .owl-carousel .owl-nav button.owl-next {
  outline: none;
  position: absolute;
  top: 50%;
  z-index: 9999;
  background: #424246;
  height: 65px;
  width: 50px;
  margin-top: -32.5px;
  border-radius: 0;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
.x-banner img {width: auto!important; max-width: 100%; display: inline-block!important;}
.x-banner .banner-item {text-align: center;}
.x-banner .owl-carousel .owl-nav button.owl-prev:hover,
.x-banner .owl-carousel .owl-nav button.owl-next:hover {background: #ab001a; }
.x-banner .owl-carousel .owl-nav .icon-font {display: block; width: 100%; height: 100%; }
.x-banner .owl-carousel .owl-nav .icon-left-arrow:after {background-position: -34px -180px; }
.x-banner .owl-carousel .owl-nav .icon-right-arrow:after {background-position: -26px -480px; }
@media (max-width: 990px) {
  .x-banner .owl-carousel .owl-nav button.owl-prev,
  .x-banner .owl-carousel .owl-nav button.owl-next {height: 40px; width: 30px; margin-top: -20px; }
  .x-banner .owl-carousel .owl-nav .iconfont {font-size: 20px; }
}
.x-banner .owl-carousel .owl-dots {position: absolute; z-index: 999; left: 0; width: 100%; text-align: center; font-size: 0; bottom: 5%; }
.x-banner .owl-carousel .owl-dots button.owl-dot {display: inline-block; vertical-align: middle; font-size: 14px; margin: 0 6px; outline: none; background: #fff; border-radius: 3px; width: 22px; height: 6px; opacity:1; }
.x-banner .owl-carousel .owl-dots button.owl-dot:hover {width: 54px; }
.x-banner .owl-carousel .owl-dots button.owl-dot.active {width: 54px; }

@media (max-width: 990px) {
  .x-banner .owl-carousel .owl-dots button.owl-dot {font-size: 12px; }
}


.slide{width:50px;position:fixed;top:50%;margin-top:-126px;background:#9c9c9c;right:0;border-radius:5px 0 0 5px;z-index:999}
.slide ul{list-style:none}
.slide .icon li{width:49px;height:50px;background:url(../images/icon.png) no-repeat}
.slide .icon .up{background-position:-330px -120px}
.slide .icon li.qq{background-position:-385px -73px}
.slide .icon li.tel{background-position:-385px -160px}
.slide .icon li.email{background-position:-336px -78px}
.slide .icon li.wx{background-position:-385px -120px}
.slide .icon li.down{background-position:-330px -160px}
.slide .info{top:50%; position:absolute;right:100%;background:#C1BFC0;width:0;overflow:hidden;margin-top:-73.5px;transition:.5s;border-radius:4px 0 0 4px}
.slide .info.hover {width:145px}
.slide .info li {width:145px;color:#FF4500;text-align:center}
.slide .info li p {font-size:1.1em;line-height:2em;padding:15px;text-align:left; margin-bottom:0;}
.slide .info li.qq p a, .slide .info li.email p a{display:block; width:100px; line-height:32px;color:#fff;font-size:16px;text-align:center; border:1px solid #D43B02;border-radius:5px; background:#D43B02;}
/*.slide .info li.qq p a:hover, .slide .info li.email p a:hover{color:#fff;border:none;}*/
.slide .info li div.img{height:100%;background:#defff9;margin:15px}
.slide .info li div.img img{width:100%;height:100%}
.index_cy{width:32px;height:32px;background:url(../images/hide_btn.png);position:fixed;right:0;top:50%;margin-top:140px;cursor:pointer}
.index_cy2{width:32px;height:32px;background:url(../images/show_btn.png);position:fixed;right:0;top:50%;margin-top:140px;cursor:pointer}
/*
.slide .hover .qq {width:145px}
.slide .hover .email {width:145px}
.slide .hover .tel {width:145px}
.slide .hover .wx {width:145px}
*/

@media screen and (max-width:1050px){.slide{display:none}
#btn{display:none}
}


/* index */
.indexabout {padding: 150px 0 50px; /*background: url(../images/ibg01.png) repeat-x center bottom;*/}

.idxabt-img {}
.idxabt-img img {max-width: 100%;}

.idxtit {position: relative;}
.idxtit h1 {margin: 0; font-size: 98px; color: #FDF5F4;}
.idxtit h4 {position: absolute; left: 0; bottom: 5px; font-size: 30px; font-weight: bold; color: rgb(226, 100, 77);}
.idxtit span {display: inline-block; position: absolute; left: 0; bottom: 8px; width: 156px; height: 8px; background: rgba(0,0,0,0.2);}

.idxtext {padding: 15px 0; text-align: justify; line-height: 24px;}
.idxdl {}
.idxdl dl {width: 50%; padding: 0 2% 20px 2%; float: left;}
.idxdl dl dt {height: 44px; width: 2%; float: left; background: #ddd;}
.idxdl dl dd {width: 94%; float: left; margin-left: 4%;}
.idxdl dl dd h4 {font-size: 18px; color: #333; margin-bottom: 10px; margin-top: 0; font-weight: bold;}
.idxdl dl dd p {font-size: 14px; color: #888;}


.indexsetp {}
.isetp1 {}
.is {display: block; position: relative; overflow: hidden;}
.is img {width: 100%; border-radius: 10px;}
.is table {position: absolute; color: #fff; height: 100%; width: 100%; z-index: 100; top: 0; left: 0; text-align: center; background: rgba(0,0,0,.6); border-radius: 10px; transition: all 0.4s; opacity: 0; visibility: hidden;}
.is table p {font-size: 16px; font-weight: 400;}
.is:hover table {visibility: visible; opacity: 1;}

.isetp1 .is1 {width: 695px; height: 495px; float: left;}
.isetp1 .is1 img {height: 495px;}
.isetp1 .isetpr {width: 480px; float: right;}
.isetp1 .is2 {height: 235px; margin-bottom: 24px;}
.isetp1 .is2 img {height: 235px;}
.isetp1 .is3 {height: 235px;}
.isetp1 .is3 img {height: 235px;}

.isetp2 {margin-top: 25px;}
.isetp2 .is4 {width: 550px; height: 350px; float: left;}
.isetp2 .is5 {width: 300px; height: 350px; float: left; margin: 0 24px;}
.isetp2 .isetpr {width: 300px; float: right;}
.isetp2 .is6 {width: 300px; height: 240px; margin-bottom: 24px;}
.isetp2 .is4 img {height: 350px;}
.isetp2 .is6 img {height: 240px;}

.isbtn {height: 85px; width: 100%; display: block; text-align: center; color: #fff; line-height: 85px; font-size: 16px; background: rgb(226, 100, 77); border-radius: 10px; transition: all 0.4s;}
.isbtn:hover {color: #fff; box-shadow: 0 0 10px #888;}


.indexadv {background: url(../images/ibg02.jpg) no-repeat; }
.iadvtit {color: #fff;}

.idvul {padding-top: 40px;}
.idvul li {width: 20%; float: left; text-align: center;}
.idvul li a {display: inline-block; }
.idvul li a p {padding-top: 20px; font-weight: 400;}
.idvul li a img {transition: all 0.4s;}
.idvul li a:hover p {color: #e2644d}
.idvul li a:hover img {transform: scale(0.9);}


.tab {position:relative; overflow:hidden;}
.tab h2 {float: left; margin: 0;}
.tab-nav {float: right; line-height: 34px;}
.tab-nav a {display:block; float:left; color:#333; padding: 0 25px; font-size: 16px;}
.tab-nav a.active {color:#D43B02}

.tab-con {position:relative; overflow:hidden; width: 1200px; height: 300px; margin: 40px auto;}
.tab-con-item {display:none; width: 1200px; height: 300px;}

.iproinner {overflow: hidden; width: 25%; float: left;}
.iproinner .proimg {}
.iproinner .proimg a {overflow: hidden; position: relative; display: block; height: 250px;}
.iproinner .proimg a img {max-height: 250px; display: inline-block;}
.iproinner .proimg table {width: 100%; height: 100%;}
.iproinner .proimg td {text-align: center; vertical-align: middle; }
.iproinner .protit h3 {font-size: 16px; text-align: center;}
.iproinner .protit h3 a:hover {color:#D43B02}

.indexnew {padding-bottom: 60px;}
.idxnewtitbox {float: left; width: 20%;}
.idxnewtitbox P {padding-top: 40px; line-height: 67px;}
.idxnewtit {position: relative; }
.idxnewtit h1 {margin: 0; font-size: 48px; color: #F1F1F1;}
.idxnewtit h4 {position: absolute; left: 0; bottom: 15px; font-size: 30px; font-weight: bold; color:#333;}
.idxnewtit span {display: inline-block; position: absolute; left: 0; bottom: 8px; width: 156px; height: 8px; }

.idxnewbox {float: left; width: 80%;}
.inewinner {overflow: hidden; width:33%; padding: 0 20px; float: left;}
.inewinner .proimg {}
.inewinner .proimg a {overflow: hidden; position: relative; display: block; height: 250px;}
.inewinner .proimg a img {max-height: 250px; display: inline-block;}
.inewinner .proimg table {width: 100%; height: 100%;}
.inewinner .proimg td {text-align: center; vertical-align: middle; }
.inewinner .protit h3 {font-size: 14px; height: 44px; margin: 0; line-height: 22px; text-align: left;}
.inewinner .protit h3 a:hover {color:#D43B02}


.pagefy {text-align: center; padding-top: 20px;}
.pagefy .pagination {margin: 0}


.newa {line-height: 40px; padding: 0 0 0 20px; border-bottom: 1px dashed #ccc; background: url(../images/dot2.png) no-repeat 0px center;}
.newa span {float: right; color: #888;}
.newa a:hover {color:#D43B02}

.sidenav {padding: 20px;}
.sidenav li {display: block; overflow: hidden; padding-top: 5px;}
.sidenav li a {border-bottom: 1px dashed #ccc; display: block; line-height: 35px;  padding-left: 15px; background: url(../images/dot2.png) no-repeat 0px center;}
.sidenav li a.active {border-color: #D43B02; color: #D43B02;}

/* page  */
.bor {border: 1px solid #ededed;}

.pil {width: 328px;}
.pir {width: 860px;}

.box {margin-bottom: 10px;}
.boxtit {line-height: 48px;}
.boxtit span {background-color: #ededed; width: 130px; text-align: center; display: inline-block; font-size: 18px; font-weight: 700; color: #555;}
.pil .boxtact {padding: 20px 25px; min-height: 160px;}
.pil .boxtact p {margin-bottom: 10px; font-size: 16px; color: #888;}


.topnav {padding: 15px;}
ul.topnav li {}
ul.topnav li a {line-height: 10px; font-size: 16px; padding: 10px 5px; color: #888; display: block;  font-weight: bolder; }
ul.topnav li a:hover {color:#FF4500; }
ul.topnav ul {margin: 0; padding: 0; display: none; }
ul.topnav ul li {margin: 0; padding: 0; clear: both; }
ul.topnav ul li a {padding-left: 20px; font-size: 12px; font-weight: normal; line-height:16px; }
ul.topnav ul li a:hover {color:#FF4500; }
ul.topnav ul ul li a {color:silver; padding-left: 40px; }
ul.topnav ul ul li a:hover { color:#FF4500; }
ul.topnav span{float:left; display: inline-block; width: 30px; font-size: 14px;}
ul.topnav ul li.active a {color:#FF4500;}


.pagecon {background: url(../images/aboutbg.jpg) no-repeat center bottom;}
.pagecon .container {width: 1030px;}

.pcaboutit {font-size:22px; margin-bottom: 60px; font-weight:600; color:#000; text-align: center;}
.pcaboutit h1 {margin-bottom: 0;}
.pcaboutit span {display: inline-block; height: 8px; width: 180px; background: rgb(218,213,209);}
.pcabout-content {font-size: 18px; color: #555; text-align: justify;}


.pagecontact {background: url(../images/conbg.jpg) repeat-x center top;}
.pc-content {box-shadow: 0 5px 20px rgba(0,0,0,0.15);}
.pc-content img {max-width: 100%;}

.pcform {background: url(../images/pcformbg.png) no-repeat center bottom;}
.pfbdl {padding:10px 0;}
.pfbdl dl {float: left; width: 48%; font-size: 12px;}
.pfbdl dl dt {float: left; width: 10%;}
.pfbdl dl dd {float: right; width: 85%;}

.pcformbox {background: #e2644d; color: #fff; width: 500px; padding: 30px 50px; height: 440px; float: right;}
.pfbbd {padding-top: 10px;}
.pfbbd p {overflow: hidden; padding-bottom: 15px;}
.pfbbd input, .pfbbd textarea {border: 1px solid #fff; border-radius: 0; background: none; padding: 0 5px;}
.pfbbd input {height: 40px; width: 48%; float: left;}
.pfbbd input:nth-child(2) {float: right;}
.pfbbd textarea {height: 100px; padding: 6px 10px; width: 100%;}
.pfbbd input[type=text]:focus, .pfbbd textarea:focus {outline: none;}
.pfbbd input::-webkit-input-placeholder, .pfbbd textarea::-webkit-input-placeholder {color: #fff; font-size: 16px; }
.pfbbd button {color: #e2644d; padding: 6px 30px;}


.page-form form {width: 600px; margin: 0 auto;}
.page-form .inputbox, .page-form .inputarea {padding: 10px 0;}
.page-form .form-group {width: 49%;}
.page-form .form-group:nth-child(2) {float: right;}
.page-form .form-group input {width: 100%;}
.page-form .inputarea {margin-bottom: 15px;}


.page-position {padding: 20px 0 0;}

.prbox {padding: 15px 15px 15px;}
.prbox .boxtit span {width: auto; padding: 0 15px;}

.prc-cont {padding-bottom: 15px;}
.prc-cont img {max-width: 100%;}

.relatedul {padding: 15px;}
.relatedul .relbox {}
.relatedul .inner {border:1px solid #ddd; margin-bottom: 10px; transition: all 0.4s;}
.relatedul .inner a {display: block; text-align: center;}
.relatedul .inner a img {display: inline-block; max-height: 200px; }
.relatedul .pic-attr {height: 24px; line-height: 24px; overflow: hidden;}
.relatedul .pic-attr a {color: 444; font-size: 14px; font-weight: 700; text-align: center; display: inline-block; transition: all 0.4s;}
.relatedul .inner:hover {border-color: #e2644d;}
.relatedul .pic-attr a:hover {color: #e2644d;}


.left-pro{ width: 420px; border: 1px solid #ccc; float: left; }
.left-pro .t1 {padding: 0 10px 10px; overflow: hidden;}
.left-pro .t2 {width:100%; text-align: center;}
.left-pro .t2 img{text-indent:0; display: inline-block;}
#showArea a {display: block; width: 82px; text-align: center; height: 82px; border:1px solid #ccc; float:left; margin: 0 2px;}
#showArea img {display:inline-block; max-height: 80px; max-width: 100%;}
#showArea a:hover {border-color: #e2644d;}
#main_img{cursor:pointer;display:block}
#gotop{cursor:pointer;display:inline-block; float: left; padding-top: 24px;}
#gobottom{cursor:pointer;display:inline-block; padding-top: 24px;}
#showArea{overflow:hidden; float: left; margin: 0 10px; width: 350px;}

.MagicZoomBigImageCont{border:1px solid #ddd; overflow:hidden}
.MagicZoomBigImageCont img{height:1200px}
.MagicZoomBigImageCont iframe{width:300px;height:300px}
.MagicZoomHeader{font:10px Tahoma, Verdana, Arial, sans-serif;color:#fff;background:#91b817;text-align:center !important}
.MagicZoomPup{border:1px solid #aaa;background:#fff;cursor:hand;left:100px;}
.MagicZoomLoading{text-align:center;background:#fff;color:#444;opacity:0.8;padding:3px 3px 3px 3px !important;display:none}
.MagicZoomLoading img{padding-top:3px !important}
.MagicThumb{cursor:url(), pointer;outline:none}
.MagicThumb-zoomed{cursor:default}
.MagicThumb span{display:none}
.MagicThumb-image{border:1px solid #ccc;outline:none}
.MagicThumb-image-zoomed{cursor:url(), pointer}
.MagicThumb-caption{color:#333333;background-color:#F0F0F0;border:1px solid #CCC;border-top:none;font-family:Verdana, Helvetica;font-size:11px;padding:8px 16px}
.MagicThumb-controlbar{display:block;height:18px}
.MagicThumb-controlbar a{display:block;width:180px;height:180px;margin:0px 1px;outline:none;float:left;overflow:hidden}
.MagicThumb-controlbar a span{display:block;width:1000px;height:1000px;background:transparent url() no-repeat 0 0;outline:none;position:absolute;left:0px;top:0px}
.MagicThumb-loading{border:1px solid #000;background:#fff url() no-repeat 2px 50%;padding:2px 2px 2px 22px;margin:0;text-decoration:none;text-align:left;font-size:8pt;font-family:sans-serif;}

.left-title {float: right; width: 390px;}
.left-title h1 {font-size: 18px; font-weight: bold; line-height: 26px;}

.feedimg {}
.feedimg a {display: inline-block; border:1px solid #ddd; padding: 5px 0 2px 18px; transition: all 0.4s;}
.feedimg a:hover {border-color: #e2644d; box-shadow: 0 0 8px #ddd;}


/* products list */

.probox {padding: 20px; min-height: 342px;}
.proinner {overflow: hidden; border-bottom: 1px dashed #ccc;}
.proinner .proimg {float: left; width: 35%; }
.proinner .proimg a {overflow: hidden; position: relative; display: block; height: 280px;}
.proinner .proimg a img {max-height: 210px; display: inline-block;}
.proinner .proimg table {width: 100%; height: 100%;}
.proinner .proimg td {text-align: center; vertical-align: middle; }

.proinner .protit {float: right; width: 62%;}
.proinner .protit h3 {font-size: 20px; font-weight: 400; line-height: 26px; color: #333;}
.proinner .prodes {color: #888; font-size: 16px; padding-top: 10px;}
.proinner .prodes p {margin-bottom: 0;}