@charset "utf-8";/* CSS Document */
html {font-size: 62.5%;height: 100%}
body {margin: 0 auto;font-family:Arial, Helvetica, sans-serif;font-size: 12px;font-size: 1.2rem;height: 100%;background:#fff;width:100%;max-width:1920px;margin:0 auto;}
img {border: none;}
ul li {list-style-type: none;}
ul, form, p, a, img, table, tr, td, li, dd, dt, dl, span {margin: 0;padding: 0;list-style: none;color: #333;}
 
a {text-decoration: none;color: #333;outline: none;transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-webkit-transition: 0.5s;}
h1 {margin: 0;padding: 0;font-weight: normal;color: #333;}
.clear {clear: both;}
.maln {margin-left: auto !important}
input, textarea, select {font-family:Arial, Helvetica, sans-serif;font-size: 12px;font-size: 1.2rem;color:#999999;border: none;outline: none;}
.fl {float:left;}
.fr {float:right;}.main3
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block; background: #fff;}

*{ margin:0; padding:0;}
::-webkit-input-placeholder {/* WebKit browsers */
 color:#333;opacity:1}
:-o-placeholder {/* Mozilla Firefox 4 to 18 */
 color:#333;opacity:1 }
::-moz-placeholder {/* Mozilla Firefox 19+ */
 color:#333;opacity:1 }
:-ms-input-placeholder {/* Internet Explorer 10+ */
 color:#333;opacity:1 }
 
.sousuo input::-webkit-input-placeholder {/* WebKit browsers */
 color:#999999;opacity:1}
.sousuo input:-o-placeholder {/* Mozilla Firefox 4 to 18 */
 color:#999999;opacity:1 }
.sousuo input::-moz-placeholder {/* Mozilla Firefox 19+ */
 color:#999999;opacity:1 }
.sousuo input:-ms-input-placeholder {/* Internet Explorer 10+ */
 color:#999999;opacity:1 }

.foot input::-webkit-input-placeholder {/* WebKit browsers */
 color:#a6a6a6;opacity:1}
.foot input:-o-placeholder {/* Mozilla Firefox 4 to 18 */
 color:#a6a6a6;opacity:1 }
.foot input::-moz-placeholder {/* Mozilla Firefox 19+ */
 color:#a6a6a6;opacity:1 }
.foot input:-ms-input-placeholder {/* Internet Explorer 10+ */
 color:#a6a6a6;opacity:1 }

.foot textarea::-webkit-input-placeholder {/* WebKit browsers */
 color:#a6a6a6;opacity:1}
.foot textarea:-o-placeholder {/* Mozilla Firefox 4 to 18 */
 color:#a6a6a6;opacity:1 }
.foot textarea::-moz-placeholder {/* Mozilla Firefox 19+ */
 color:#a6a6a6;opacity:1 }
.foot textarea:-ms-input-placeholder {/* Internet Explorer 10+ */
 color:#a6a6a6;opacity:1 }

@media screen and (min-width:1220px) {.zong {width: 1200px;margin: auto;}}
@media screen and (min-width:1000px) and (max-width:1219px) {.zong {width: 980px;margin: auto;}}
@media screen and (max-width:999px) {.zong {width: 95%;margin: auto;}}

.preloader {background-color: #fff;width: 100%;height: 100%;position: fixed;z-index: 1000;}
.preloader span {position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.preloader .sb-cube-grid {width: 60px;height: 60px;position: absolute;top: calc(50% - 30px);left: calc(50% - 30px);}
.preloader .sb-cube-grid .sb-cube {width: 33%;height: 33%;background-color: #ef8200;float: left;-webkit-animation: sb-cubeGridScaleDelay 1.3s infinite ease-in-out;animation: sb-cubeGridScaleDelay 1.3s infinite ease-in-out;}
.preloader .sb-cube-grid .sb-cube1 {-webkit-animation-delay: 0.2s;animation-delay: 0.2s;}
.preloader .sb-cube-grid .sb-cube2 {-webkit-animation-delay: 0.3s;animation-delay: 0.3s;}
.preloader .sb-cube-grid .sb-cube3 {-webkit-animation-delay: 0.4s;animation-delay: 0.4s;}
.preloader .sb-cube-grid .sb-cube4 {-webkit-animation-delay: 0.1s;animation-delay: 0.1s;}
.preloader .sb-cube-grid .sb-cube5 {-webkit-animation-delay: 0.2s;animation-delay: 0.2s;}
.preloader .sb-cube-grid .sb-cube6 {-webkit-animation-delay: 0.3s;animation-delay: 0.3s;}
.preloader .sb-cube-grid .sb-cube7 {-webkit-animation-delay: 0s;animation-delay: 0s;}
.preloader .sb-cube-grid .sb-cube8 {-webkit-animation-delay: 0.1s;animation-delay: 0.1s;}
.preloader .sb-cube-grid .sb-cube9 {-webkit-animation-delay: 0.2s;animation-delay: 0.2s;}
 @-webkit-keyframes sb-cubeGridScaleDelay {0%, 70%, 100% {-webkit-transform: scale3D(1, 1, 1);transform: scale3D(1, 1, 1);}
 35% {-webkit-transform: scale3D(0, 0, 1);transform: scale3D(0, 0, 1);}
}
 @keyframes sb-cubeGridScaleDelay {0%, 70%, 100% {-webkit-transform: scale3D(1, 1, 1);transform: scale3D(1, 1, 1);}
 35% {-webkit-transform: scale3D(0, 0, 1);transform: scale3D(0, 0, 1);}
}
.site-welcome {display: none;justify-content: center;align-items: center;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: #fff;z-index: 1;}
.site-welcome.active {display: flex;}


/*  head  */
.head{}
.head .zong{position:relative;z-index:99; }
.logo{display:block;float:left;width:325px;}
.logo img{display:block;margin:auto;width:100%;max-width:315px; }

.her{float:right; padding-top:7px;}
.yvn{ float:right; position:relative; z-index:9999}
.yvzhonga{ display:block; background:url(/shou/yvzhong.png) no-repeat right center; padding-right:38px; line-height:28px; font-size:16px; font-size:1.6rem; color:#a0a0a0; border:1px solid #a0a0a0; border-radius:15px; padding-left:24px; cursor:pointer; z-index:99999}
.yvul{ width:100%; position:absolute; top:36px; left:0px; background:#fff; border:1px solid #a0a0a0; border-radius:14px; display:none;}
.yvul a{ display:block; padding:5px 10px; font-size:14px; font-size:1.4rem; line-height:24px; color:#a0a0a0; border-radius:14px;}


.htag{ float:right; margin-right:54px; color:#999999; line-height:18px; padding:6px 0; max-width:770px;}
.htag p{ float:left; color:#999999;}
.htag a{ display:block; float:left; margin:0 3px; color:#999999;}

.sousuo{ float:right; margin-top:9px;}
.sousuo form{ width:201px; height:28px; border:1px solid #a0a0a0; border-radius:15px; overflow:hidden; position:relative; z-index:1}
.sou{ width:160px; height:26px; float:left; line-height:26px; float:left; padding-left:12px; font-size:14px; font-size:1.4rem; color:#999999; border-radius:15px;}
.suo{ width:25px; height:28px; float:right; cursor:pointer; background:none; position:relative; z-index:3;}
.sousuo form i{ display:block; width:25px; line-height:28px; position:absolute; right:0px; top:0px; color:#ef8200; font-size:18px; font-size:1.8rem; font-weight:bold; z-index:2;}

.shejiao{ float:right; margin-right:17px; margin-top:9px;}
.shejiao a{ display:block; color:#c7c7c7; width:30px; line-height:30px; text-align:center; border-radius:50%; background:#fff; font-size:22px; float:left; margin-right:7px;}
.shejiao a:hover{ background:#ef8200; color:#fff; font-size:14px;}

.hlianxi{ float:right; font-size:14px; font-size:1.4rem; color:#666666; line-height:30px; margin-top:9px; margin-right:8px;}
.hlianxi li{ float:left; padding-left:28px; position:relative; min-width:190px; color:#666; margin-left:47px;}
.hlianxi li i{ position:absolute; left:0px; top:0px; color:#ef8200; font-size:20px;}
.hlianxi li a{ color:#666;}
.yvul a:hover,.htag a:hover,.hlianxi li a:hover{ color:#ef8200;}

.daoz{   width:100%;  margin-top:20px; }
.daohang{ background:#007C36; text-align:center;display: -webkit-flex;　display: -moz-flex;　display: flex;display:-moz-box; display:-webkit-box; display:box; display: -ms-flexbox; }
.daohang>li{ float:left;position:relative;z-index:999; padding: 9px 0px 3px 0px;　-ms-flex: 1;　-webkit-flex: 1;flex: 1;-moz-box-flex:1.0;-webkit-box-flex:1.0; box-flex:1.0; width:14.28%\9\0;}
.daohang>li>a{display:inline-block;font-size:16px;font-size:1.6rem; color:#fff; line-height:36px;text-transform:uppercase; position:relative; overflow:hidden;}
.daohang>li>a:before{ content:""; position:absolute; width:100%; height:2px; background:#fff; left:-100%; bottom:0px; transition:0.5s;}
.daohang>li:hover>a:before{ left:0px;}
.dangqiandao>a:before{left:0px !important;}

.yijiw{background:#fff;background:rgba(255,255,255,0.9);position:absolute;width:220px;top:-9999px;left:0px; text-align:left}
.yiji{}
.yiji li{position:relative;transition:0.5s;}
.yiji li a{display:block;font-size:16px;font-size:1.6rem;line-height:0px;padding:5px 25px;}
.yiji li:hover{background:#ef8200;}
.yiji li:hover>a{color:#fff;}
.erji{position:absolute;width:220px;background:#ffffff;background:rgba(255,255,255,0.9);top:-9999px;left:220px;}
.sanji{position:absolute;width:220px;background:#ffffff;background:rgba(255,255,255,0.9);top:-9999px;left:220px;}
.daohang>li:hover .yijiw{top:52px;}
.daohang>li:hover .yiji>li>a{line-height:29px;}
.yiji>li:hover .erji{top:0px;}
.yiji>li:hover .erji>li>a{line-height:29px;}
.erji>li:hover .sanji{top:0px;}
.erji>li:hover .sanji>li>a{line-height:29px;}
.matn{margin-top:auto !important;}

 

/*  banner  */
.slideshow { position: relative; z-index:1; }
.slideshow .wp { position: absolute; z-index:2; left: 50%; margin-left: -600px; top: 50%; margin-top: -166.5px; }
.slideshow .wp img { max-width: 100%; max-height: 80%; }
.slideshow .item a img { width: 100%; -webkit-transition: all 6s ease-out; -o-transition: all 6s ease-out; -moz-transition: all 6s ease-out; transition: all 6s ease-out; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.slideshow .item.slick-active img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }

.slick-dots{position: absolute; width:100%; left:0px; bottom:23px;text-align: center;}
.slick-dots li{display: inline-block;}
.slick-dots li button{cursor: pointer; background:#ffffff; font-size: 0px; margin-left:8px; margin-right:8px; border-radius:50%; border: none;outline: none;width: 18px;height: 18px; border:2px solid #0093dd;}
.slick-dots li.slick-active button{ background:#ef8200;}

.slick-prev,.slick-next{ width: 64px; height: 64px; border: 0px; font-size: 0px; cursor: pointer; border-radius:50%; display:none !important}
.slick-prev{ position: absolute; top: 50%;  margin-top:-32px; left: 79px; z-index: 999;  }
.slick-next {position: absolute; top: 50%;  margin-top:-32px; right: 79px; z-index: 999; } 
.slick-prev:hover{}
.slick-next:hover {} 

.slideshow .item.slick-active.item_one img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.slideshow .item.slick-active.item_one.on img{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }

.slick-list,.slick-slider,.slick-track{position:relative;display:block}
.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}
.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{top:0;left:0} 
.slick-track:after,.slick-track:before{display:table;content:''}
.slick-track:after{clear:both}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] 
.slick-slide{float:right}.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}


@media screen and (max-width:1219px) {
.logo{width:200px;}
.htag{ margin-right:10px; max-width:600px;}
.hlianxi li{ min-width:inherit;  margin-left:17px; padding-left:15px; font-size:12px; font-size:1.2rem;}
.hlianxi li i{ font-size:12px;}
.shejiao{ margin-right:7px;}
.shejiao a{ width:20px; line-height:20px; margin-top:5px;  font-size:18px; float:left; margin-right:2px;}
.shejiao a:hover{ background:#ef8200; color:#fff; font-size:12px;}
.sousuo form{ width:181px;}
.sou{ width:140px;}
}
@media screen and (min-width:1000px) {.carousel,.nav,.clear3{display: none}}
@media screen and (max-width:999px) {
.head .zong{ padding-bottom:0px;}
.her{ float:none;}
.htag{ padding-left:190px; margin-top:30px; max-width:none;}
.yvn{ position:absolute; right:0px; top:7px;}
.logo{ position:absolute; left:0px; top:0px; width:180px;}
.daoz{ position:relative; top:auto; margin-top:10px;}
.yijiw,.yiji2{display:none}
.daohang>li>a{font-size:14px;font-size:1.4rem; text-transform:none;}
.sousuo,.shejiao,.hlianxi{ margin-top:10px;}
.clear3{clear:both;}
  }
@media screen and (max-width:767px) {
.head .zong{padding-bottom:50px;}
.logo{width:120px; left:50%; margin-left:-60px; bottom:0px; top:auto;}

.daohang,.daohang1,.htag,.hlianxi,.sousuo{display: none}
.search{right:40px;top:15px;} 
.yvn{ position:relative; margin-right:30px; top:auto;}
.yvzhonga{ font-size:12px; font-size:1.2rem;}
.shejiao{ position:absolute; left:0px; top:7px; margin-top:0px;}

.jian{display:none}

.slick-dots{right:20px;}
.container {width: 5px;height: 100%;position: absolute;right: 0;-webkit-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;transition: all 0.4s ease 0s;z-index: 999999999999999;cursor: pointer;position: fixed;top: -5px;right: 0;display: block;}
.container .nav {overflow: hidden;width: 300px;background: rgba(0, 0, 0, 0.8);position: absolute;top: 0;right: 0;display: block;height: auto;overflow: scroll;}
.container .nav form {margin: 15px auto;width: 258px;height: 26px;border: 1px solid #fff;position: relative;background: #fff;}
.container .nav form .iptc {-moz-box-sizing: border-box;box-sizing: border-box;padding-left: 15px;background-color: #fff;width: 80%;height: 26px;line-height: 26px;display: block;float: left;}
.container .nav form .ipsc {width: 20%;height: 26px;line-height: 26px;display: block;float: right;background: transparent;position: relative;z-index: 99; cursor:pointer;}
.container .nav form i {position: absolute;right: 10px;top: 5px;}
.container .nav > ul {display: none;margin-top: 0px;margin-bottom: 0px;overflow: scroll;padding-top: 45px;-ms-box-sizing: border-box;-o-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.container .nav > ul > li {line-height: 40px;font-size: 12px;font-size: 1.2rem;padding-left:10px;position: relative;}
.container .nav > ul > li .addition {width: 20px;height: 20px;position: absolute;right: 15px;top: 10px;background:url(/shou/shizi.png) no-repeat center center;}
.container .nav > ul > li .addition.fa:before {margin-right: 5px;color: #fff;text-indent: 0;}
.container .nav > ul > li > a {color: #fff;font-size: 12px;font-size: 1.2rem;display: block;margin-right: 40px;}
.container .nav > ul > li > a span {color: #fff;font-size: 12px;font-size: 1.2rem;}
.container .nav > ul > li .c-show {display: none;width: 100%;}
.container .nav > ul > li .c-show1 .c-s1 {position: relative;padding-left: 15px;}
.container .nav > ul > li .c-show1 .c-s1 > a {position: relative;font-size: 12px;font-size: 1.2rem;color: #fff;display: block;padding-top: 5px;padding-bottom: 5px;line-height: 30px;margin-right: 40px;}
.container .nav > ul > li .c-show1 .c-s1 > a span {font-size: 12px;font-size: 1.2rem;color: #fff;}
.container .nav > ul > li .c-show1 .c-s1 > .c-show2 {position: relative;}
.container .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 {position: relative;}
.container .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 > a {padding-left:20px;font-size: 12px;font-size: 1.2rem;color: #fff;display: block;padding-top: 5px;padding-bottom: 5px;line-height: 30px;margin-right: 40px;}
.container .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 > a span {font-size: 12px;font-size: 1.2rem;color: #fff;}
.container .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 {position: relative;}
.container .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a {padding-left:30px;font-size: 12px;font-size: 1.2rem;color: #fff;display: block;padding-top: 5px;padding-bottom: 5px;line-height: 30px;}
.container .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a span {font-size: 12px;font-size: 1.2rem;color: #fff;}
.container .nav > ul > dl {padding: 20px;}
.container .nav > ul > dl dd {float: left;margin: 0 2px;}
.container .menubtn {width: 23px;height: 18px;position: absolute;top: 19px;right: 12px;-webkit-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;transition: all 0.4s ease 0s;z-index: 9999;}
.container .menubtn span {display: block;width: 100%;height: 3px;margin-bottom: 3px;background-color: #ef8200;}


.carousel{width: 100%;position: relative;overflow: hidden;}
.carousel ul{width: 100%;height: 100%;}
.carousel ul li{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.carousel ul li img{width: 100%;vertical-align: middle;}
.carousel ol{position: absolute;z-index: 2;height:10px;bottom:0px;left: 50%;margin-left:-80px;}
.carousel ol li{float: left;width: 10px;height: 10px;margin-right: 10px;border-radius: 5px;background-color: #fff;transition:all 0.3s ease 0s;}
.carousel ol li.cur{width: 10px;background:#046eb8;}
.carousel ol li:last-child{margin: 0;}

.slick-dots{ bottom:5px;}
.slick-dots li button{width: 10px;height: 10px; border:2px solid #0093dd;}
}



/*  main1  */
@keyframes mor
{
0% { left:50%; margin-left:-140px;}
50% { left:50%; margin-left:108px;}
100% { left:50%;margin-left:-140px;}
}

.main1{ padding-top:68px; padding-bottom:55px;}
.m1biao{ display:block; font-size:44px; font-size:4.4rem; line-height:50px; text-align:center; font-family: "Impact"; position:relative; padding-top:11px;}
.m1biao:before{ content:""; position:absolute; left:50%; margin-left:-123px; top:0px; width:40px; height:3px; background:#ef8200; transition:0.5s;  -webkit-animation-name:mor; animation-name:mor; -webkit-animation-duration:5s; animation-duration:5s; -webkit-animation-timing-function:linear; animation-timing-function:linear;    -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite}

.m1lie{ width:285px; float:left; margin-left:20px; margin-top:61px; height:337px;}
.m1tu{display:block; width:155px; margin:auto; border:15px solid #f4efec; border-radius:50%; background:#f4efec; position:relative;}
.m1tu:before{ content:""; display:block; position:absolute; width:100%; height:100%; left:0px; top:0px; border-radius:50%; border:1px solid #fff;}
.m1tu span{ display:block; border-radius:50%;}
.m1tu span img{ width:100%; max-width:155px; max-height:155px; border-radius:50%;}
.m1a{ display:block; text-align:center; font-size:16px; font-size:1.6rem; color:#ef8200; font-weight:bold; line-height:24px; margin-top:23px;}
.m1lie p a{ display:block; font-size:14px; font-size:1.4rem; line-height:24px; text-align:center; margin-top:9px; height:72px; overflow:hidden;}

@keyframes m1tu
{
0% {transform:rotate(0deg); border:2px dashed #ef8200}
50% {transform:rotate(180deg); border:2px dashed #ef8200}
100% {transform:rotate(360deg); border:2px dashed #ef8200}
}
.m1lie:hover .m1tu:before{ -webkit-animation-name:m1tu; animation-name:m1tu; -webkit-animation-duration:5s; animation-duration:5s; -webkit-animation-timing-function:linear; animation-timing-function:linear;    -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite}
.m1lie:hover .m1a{ color:#0093dd;}
.m1lie:hover p a,.m1biao:hover{ color:#ef8200;}
.m1biao:hover:before{ margin-left:-20px;}
@media screen and (max-width:1219px) {
.m1lie{ width:241px; margin-left:5px;}
}
@media screen and (max-width:999px) {
@keyframes m1tu
{
0% {transform:rotate(0deg); border:1px dashed #ef8200}
50% {transform:rotate(180deg); border:1px dashed #ef8200}
100% {transform:rotate(360deg); border:1px dashed #ef8200}
}

.main1{ padding-top:20px; padding-bottom:20px;}
.m1biao{ font-size:30px; font-size:3rem; padding-top:5px;}
.m1biao:before{ margin-left:-90px;}
.m1lie{ width:48%; margin-left:1% !important; margin-right:1%; margin-top:21px; height:272px;}
.m1tu{ width:100px; border:10px solid #f4efec;}
}
@media screen and (max-width:489px) {
.m1tu{ width:80px; border:8px solid #f4efec;}
.m1tu:before{ left:-1px; top:-1px;}
.m1a{ font-size:14px; font-size:1.4rem;}
.m1lie{ height:248px;}
.m1lie p a{ font-size:12px; font-size:1.2rem;}
}

/*  main2  */
.main2{ background:url(/shou/m2bei.jpg) no-repeat center; background-attachment:fixed; position:relative; padding-top:62px; padding-bottom:78px; overflow:hidden;}
.main2:before{position:absolute; content:''; left:0px; top:0px;	right:0px;	bottom:0px;	background:url(/shou/m2bei.jpg) no-repeat center; background-size: cover; z-index:-1}
.main2 .zong{ background:#fff;}
.m2n{ padding:68px 37px; padding-bottom:85px;}
.m2tu{ display:block; float:left; width:520px; position:relative; z-index:0}
.m2tu img{ width:100%; max-width:520px; max-height:390px; margin:auto; position:relative; z-index:2}
.m2tu:before{ content:""; position:absolute; width:100%; height:100%; left:24px; top:24px; background:url(/shou/m2xiegang.png); z-index:1}
.m2zi{ width:548px; float:right; padding-top:21px;}
.m2a{ display:block; position:relative; font-size:44px; font-size:4.4rem; line-height:50px; font-family: "Impact"; padding-top:18px; margin-top:20px; text-transform:uppercase;}
.m2a:before{ content:""; position:absolute; left:0px; top:0px; width:44px; height:4px; background:#ef8200; transition:0.5s; }
.m2zi p a{ display:block; font-size:16px; font-size:1.6rem; line-height:30px; height:150px; overflow:hidden; margin-top:30px;}
.m2mor{ display:inline-block; background:#ef8200; border-radius:17px; margin-top:34px; position:relative;}
.m2mor i{ display:inline-block; width:34px; height:34px; text-align:center; line-height:34px; color:#fff;}
.m2mor span{ display:none; line-height:34px; font-size:14px; font-size:1.4rem; color:#ffffff;}
.m2mor:hover{ padding-right:9px; padding-left:25px; height:34px;}
.m2mor:hover i{ margin-left:7px;}
.m2mor:hover span{ display:inline-block;}
.m2a:hover,.m2zi p a:hover{ color:#ef8200;}
.m2a:hover:before{ left:22px;}
@media screen and (max-width:1219px) {
.m2n{ padding:30px 10px;}
.m2zi{ width:448px;}
.m2tu{ width:480px;}
.m2tu:before{ left:10px; top:10px;}
}
@media screen and (max-width:999px) {
.main2{ padding-top:30px; padding-bottom:30px;}
.m2n{ padding:20px 10px;}
.m2a{ font-size:30px; font-size:3rem; padding-top:8px; margin-top:10px;}
.m2zi{ width:100%; float:none}
.m2tu{ width:100%; float:none}
.m2tu:before{ display:none}
.m2zi p a{ font-size:14px; font-size:1.4rem; line-height:24px; height:auto; margin-top:10px;}
.m2mor{ margin-top:10px;}
}


/*  main3  */
.main3{ padding-top:77px; overflow:hidden; }
.m3biao{ display:block; font-size:44px; font-size:4.4rem; line-height:50px; text-align:center; font-family: "Impact"; position:relative; text-transform:uppercase; padding-top:18px;}
.m3biao:before{ content:""; position:absolute; left:50%; margin-left:-118px; top:0px; width:44px; height:4px; background:#ef8200; transition:0.5s;  -webkit-animation-name:mor; animation-name:mor; -webkit-animation-duration:5s; animation-duration:5s; -webkit-animation-timing-function:linear; animation-timing-function:linear;    -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite}

.img-scroll { position:relative; margin-top:53px;}
.img-scroll .prev,.img-scroll .next{position:absolute;display:block; color:#999999; text-align:center; font-size:26px; line-height:20px; color:#ef8200; transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; top:50%; margin-top:-52px;}
.img-scroll .prev { left:0px;cursor:pointer;}
.img-scroll .next { right:0px;cursor:pointer;}
.img-scroll .prev:hover,.img-scroll .next:hover{ color:#0093dd}
.img-list { position:relative; overflow:hidden; margin-left:67px; margin-right:73px;}
.img-list ul { width:10000%;}
.img-list li { float:left; display:inline; position:relative; width:244px; margin-right:32px; cursor:pointer; text-align:center;}

.m3tu{ position:relative;}
.m3tun{ display:block; border:1px solid #eeeeee; overflow:hidden;}
.m3tun img{ width:100%; max-width:473px; max-height:473px; transition:0.5s;}
.m3fu{ position:absolute; width:0px; height:0px; left:50%; top:50%; background:#ef8200; background:rgba(239,130,0,0.8); transition:0.5s;}
.m3fu p a{ display:block; position:absolute; width:96%; left:2%; font-size:16px; font-size:1.6rem; line-height:28px; color:#ffffff; height:112px; overflow:hidden; top:50%; margin-top:-56px; text-align:center;}
.img-list li:hover .m3fu{ width:100%; height:100%; left:0px; top:0px;}
.img-list li:hover .m3tun img{transform:scale(1.2);}
.m3a{ display:block; font-size:16px; font-size:1.6rem; line-height:30px; text-align:center;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; margin-top:11px;}
.main3 .m2mor{ margin:auto; margin-top:10px;}
.m3a:hover{ color:#ef8200;}
.m3fu p a:hover{ color:#333;}
.m3biao:hover{ color:#ef8200;}
.m3biao:hover:before{ left:50%; margin-left:-22px}
@media screen and (max-width:1219px) {
.img-list {margin-left:30px; margin-right:30px;}
.img-list li { width:222px; margin-right:10px;}
}
@media screen and (max-width:999px) {
.main3{ padding-top:20px; padding-bottom:24px;}
.m3biao{ font-size:30px; font-size:3rem; padding-top:10px;}
.m3biao:before{ margin-left:-80px;}
.img-scroll { margin-top:23px;}
.img-list li { width:0.32%; margin-right:0.015%;}
.m3fu{ position:relative; width:auto; height:auto; padding:10px; left:auto; top:auto;}
.m3fu p a{ position:relative; height:auto; width:auto; left:auto; top:auto; margin:auto; max-height:112px;}
.img-list li:hover .m3fu{ width:auto; height:auto; left:0px; top:0px;}
}
@media screen and (max-width:699px) {
.m3fu p a,.m3a{ font-size:14px; font-size:1.4rem;}
.img-list li { width:0.49%; margin-right:0.015%;}
}
@media screen and (max-width:449px) {
.img-list li { width:1%; margin-right:0.015%;}
}


/*  main4  */
.main4{ padding-top:30px; background:url(/shou/m4bei.jpg) no-repeat top;  }
.main4:before{position:absolute; content:''; left:0px; top:0px;	right:0px;	bottom:0px;	background:url(/shou/m4bei.jpg) no-repeat center; background-size: cover; z-index:-1}
.m4n{ margin-top:0px; margin-bottom: 50px}

.m4biao{ display:block; font-size:44px; font-size:4.4rem; line-height:50px; color:#fff; text-align:center; font-family: "Impact"; position:relative; text-transform:uppercase; padding-top:18px;}
.m4biao:before{ content:""; position:absolute; left:50%; margin-left:-110px; top:0px; width:44px; height:4px; background:#ef8200; transition:0.5s;  -webkit-animation-name:mor; animation-name:mor; -webkit-animation-duration:5s; animation-duration:5s; -webkit-animation-timing-function:linear; animation-timing-function:linear;    -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite}
.m4p a{ display:block; font-size:16px; font-size:1.6rem; line-height:24px; color:#ffffff; text-align:center; margin-top:23px; padding:0 80px;}

.m4n2{ background:#f2f2f2; margin-top:40px; padding: 10px 0px 10px 0px;}
.m4t .m4lie{  float:left; width: 30%;
    float: left;
    margin: 0px 14px 0px 18px;}
.m4b .m4lie{ width:50%; float:left;}
.m4lien{ margin:1px; position:relative; overflow:hidden;}
.m4tu{ display:block; overflow:hidden;}
.m4tu img{ width:100%; max-width:600px; margin:auto; transition:0.5s;}
.m4fu{ position:absolute; width:100%; height:100%; left:-100%; top:0px; background:#ef8200; background:rgba(239,130,0,0.8); transition:0.5s;}
.m4fun{ width:90%; position:absolute; left:5%; top:50%; margin-top:-100px;}
.m4fun>a{ display:block; font-size:30px; font-size:3rem; color:#ffffff; text-align:center;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.m4fun p a{ display:block; font-size:16px; font-size:1.6rem; color:#ffffff; line-height:28px; text-align:center; margin-top:48px; height:112px; overflow:hidden}
.m4fun a:hover{ color:#333;}
.m4lie:hover .m4fu{left:0px;}
.m4lie:hover .m4tu img{transform:scale(1.1);}
.m4biao:hover{ color:#fff;}
.m4biao:hover:before{ left:50%; margin-left:-22px}
.m4p a:hover{color:#ef8200;}
@media screen and (max-width:999px) {
.main4{ padding-top:23px;}
.m4biao{ font-size:30px; font-size:3rem; padding-top:10px;}
.m4biao:before{ margin-left:-75px;}
.m4fu,.m4fun{ position:relative; left:auto; top:auto; margin:auto; width:auto;}
.m4fun{ padding:10px;}
.m4fun>a{ font-size:16px; font-size:1.6rem;}
.m4fun p a{ font-size:14px; font-size:1.4rem; margin-top:10px; line-height:20px; height:80px;}
.m4p a{ padding:0px;}
}
@media screen and (max-width:559px) {
.m4lie{ width:100% !important}
.m4fun p a{ height:auto;}
}

/*  main5  */
.main5{ padding-top:20px; padding-bottom:80px;}
.m5biao{ display:block; font-size:44px; font-size:4.4rem; line-height:50px; text-align:center; font-family: "Impact"; position:relative; text-transform:uppercase; padding-top:18px;}
.m5biao:before{ content:""; position:absolute; left:50%; margin-left:-135px; top:0px; width:44px; height:4px; background:#ef8200; transition:0.5s;  -webkit-animation-name:mor; animation-name:mor; -webkit-animation-duration:5s; animation-duration:5s; -webkit-animation-timing-function:linear; animation-timing-function:linear;    -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite}
.m5biao:hover{ color:#ef8200;}
.m5biao:hover:before{ left:50%; margin-left:-22px}

.m5lie{ width:347px; float:left;     margin-left: 25px;
    margin-top: 25px;
    margin-right: 25px; }
.m5tu{ display:block; overflow:hidden;}
.m5tu img{ width:100%; max-width:605px; max-height:454px; margin:auto; transition:0.5s;}
.m5a{ display:block; font-size:18px; font-size:1.8rem; line-height:30px; margin-top:9px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.m5lie span{ display:block; position:relative; padding-left:23px; font-size:14px; font-size:1.4rem; line-height:20px; color:#c7c7c7;}
.m5lie span i{ display:block; color:#c7c7c7; line-height:20px; position:absolute; left:0px; top:0px;}
.m5lie p a{ display:block; font-size:16px; font-size:1.6rem; line-height:24px; color:#666666; height:48px; overflow:hidden; margin-top:9px;}
.m5mor{ display:inline-block; min-width:155px; line-height:32px; padding:5px; text-align:center; font-size:16px; font-size:1.6rem; color:#ffffff; background:#666666; margin-top:24px;}
.m5lie a:hover{ color:#ef8200;}
.m5mor:hover{ background:#ef8200; color:#fff !important} 
.m5lie:hover .m5tu{ border-radius:70px;}
.m5lie:hover .m5tu img{transform:scale(1.1);}
@media screen and (max-width:1219px) {
.m5lie{ width:290px; margin-left:10px;}
}
@media screen and (max-width:999px) {
.main5{ padding-top:21px; padding-bottom:20px;}
.m5lie{ width:32.333%; margin-left:0.5% !important; margin-right:0.5%;}
.m5biao{ font-size:30px; font-size:3rem; padding-top:10px;}
.m5biao:before{ margin-left:-90px;}
}
@media screen and (max-width:699px) {
.m5lie{ width:auto; float:none; margin-left:0% !important; margin-right:0%; position:relative;}
.m5tu{ width:200px; position:absolute; left:0px; top:10px;}
.m5lie{ padding-left:220px;}
.m5a{ margin-top:0px;}
.m5mor{ margin-top:10px; min-width:100px; font-size:14px; font-size:1.4rem;}
}
@media screen and (max-width:449px) {
.m5tu{ position:relative; left:auto; top:auto; width:100%;}
.m5lie{ padding-left:0px;}
.m5a{ margin-top:10px;}
}


/*  foot  */
.foot{ background:#2e2e2e; padding-top:80px; padding-bottom:17px;}
.fbiao{ display:block; font-size:26px; font-size:2.6rem; text-transform:uppercase; color:#fbfbfb; line-height:35px;font-family: "Impact";}
.fo1{ width:240px; float:left;}
.fo2{ width:350px; float:left; margin-left:74px;}
.fo3{ width:498px; float:right;}

.ful1{ margin-top:31px;}
.ful1 li{ display:block; font-size:16px; font-size:1.6rem; line-height:24px; color:#ffffff; margin-top:6px;}
.ful1 li a{ color:#bfbfbf;}

.ful2{ margin-top:31px;}
.ful2 li{ display:block; font-size:16px; font-size:1.6rem; line-height:24px; color:#bfbfbf; margin-top:6px;     line-height: 30px;}
.ful2 li a{ color:#bfbfbf;}
.ful2 li a:hover,.ful1 li a:hover,a.fbiao:hover{ color:#ef8200;}

.fo3 form{ padding-top:22px;}
.fo3 .int1{ width:220px; margin-top:19px;}
.fo3 .xing{ padding-left:14px; }
.fo3 .int1 input{ width:205px; line-height:38px; padding-left:13px; border:1px solid #bfbfbf; background:none; font-size:14px; font-size:1.4rem; color:#a6a6a6}
.fo3 .int2,.fo3 .int3{ margin-top:19px;}
.fo3 .int2 textarea{ width:483px; height:85px; line-height:38px; padding-left:13px; border:1px solid #bfbfbf; background:none; font-size:14px; font-size:1.4rem; color:#a6a6a6}
.fo3 .int4{ width:144px; line-height:38px; padding-left:13px; border:1px solid #bfbfbf; background:none; float:left; font-size:14px; font-size:1.4rem; color:#a6a6a6; margin-bottom:19px;}
.fo3 .yanzheng{ width:140px; height:40px; float:left; margin-left:20px; margin-right:20px; margin-bottom:19px; cursor:pointer;}
.fo3 .int5{ float:left; min-width:100%; height:40px; padding:0 5px; background:#ef8200; font-size:20px; font-size:2rem; color:#ffffff; line-height:40px; cursor:pointer; margin-bottom:19px; transition:0.5s;}
.fo3 .int5:hover{ background:#0093dd;}

.shejiao2{ text-align:center; margin-top:17px;}
.shejiao2 a{ display:inline-block; font-size:28px; color:#ffffff; margin:5px 17px;}
.shejiao2 a:hover{ color:#ef8200;}

.foot2{ background:#252525; padding-top:20px; padding-bottom:23px;}
.youlian{ font-size:16px; font-size:1.6rem; color:#e5e5e5; line-height:30px;}
.youlian p{ color:#e5e5e5; float:left;}
.youlian a{ color:#e5e5e5; float:left; margin:0 10px;}
.fp{ font-size:16px; font-size:1.6rem; line-height:30px; color:#e5e5e5; margin-top:1px;}
.fp a{ color:#e5e5e5;}
.fp img{ display:inline-block;}
.foot2 a:hover{color:#ef8200;}
.foot3{ border-top:1px solid #fff; padding-top:33px; padding-bottom:40px;}


@keyframes top
{
0% { background-position:bottom center}
100% { background-position:top center}
}
 
.bottom{bottom:80px;}

@media screen and (max-width:1219px) {
.fbiao{ font-size:20px; font-size:2rem;}
.fo1{ width:200px; float:left;}
.fo2{ width:260px; float:left; margin-left:10px;}
.fo3{ width:498px; float:right;}
}
@media screen and (max-width:999px) {
.foot{ padding-top:30px; padding-bottom:17px;}
.fo1{ width:40%; float:left;}
.fo2{ width:55%; float:right; margin-left:auto;}
.fo3{ width:100%; float:none;}
.fo3 .int1,.fo3 .int2{ width:100%; float:none; margin-top:19px;}
.fo3 .int1 input,.fo3 .int2 textarea{ width:93%;}
.fo3 .int5{ min-width:50%;}
}
@media screen and (max-width:767px) {
.foot{ padding-top:10px; padding-bottom:10px;}
.youlian{display:none}
.shejiao2{ margin-top:0px;}
.foot2{ padding-bottom:70px;}
.fo1,.fo2,.fo3{ display:none}
.top{ width:30px; right:10px; bottom:10px;}
.shejiao2 a{ font-size:20px; color:#ffffff; margin:5px;}
}

/**************************************  product  *************************************/
.fenbanner{ position:relative;}
.fentu{ display:block; overflow:hidden}
.fentu img{ width:100%; max-width:1920px; max-height:304px;}
.fenzi{ position:absolute; left:50%; min-width:272px; top:50%; margin-top:-10px; font-size:34px; font-size:3.4rem; color:#ffffff; text-transform:uppercase; font-weight:bold; line-height:60px; text-align:center;
transform:translate(-50%,0);
	-webkit-transform:translate(-50%,0);
	-moz-transform:translate(-50%,0);
	-o-transform:translate(-50%,0);
	-ms-transform:translate(-50%,0);}
.fenzi:before{ content:""; width:48px; height:2px; background:#ffffff; position:absolute; left:-48px; top:50%; margin-top:-1px;}
.fenzi:after{ content:""; width:48px; height:2px; background:#ffffff; position:absolute; right:-48px; top:50%; margin-top:-1px;}

.mianbao{ font-size:16px; font-size:1.6rem; line-height:24px; padding-top:21px;}
.mianbao a:hover{ color:#ef8200;}
.coef{ color:#ef8200 !important;}

.prmain{ padding-top:39px; padding-bottom:116px;}
.prl{ width:245px; float:left;}
.prr{ width:900px; float:right;}
.prtbiao{ display:block; background:#333333; font-size:22px; font-size:2.2rem; text-transform:uppercase; font-weight:bold; color:#ffffff; text-align:center; line-height:30px; padding:15px 10px;}
.fenlei{}
.fenlei>li{ margin-bottom:8px; margin-top:5px;}
.fenlei>li>a{ display:block; background:#ef8200; font-size:16px; font-size:1.6rem; color:#ffffff; line-height:30px; padding:5px; padding-left:16px;}
.pryiji{ padding-left:33px; padding-bottom:17px;}
.pryiji li a{ display:block; font-size:16px; font-size:1.6rem; line-height:26px; margin-top:10px;}
.prerji{ padding-left:36px;}
.pryiji li:hover>a{ color:#ef8200}
.dangqianpr>a{ color:#ef8200 !important}
.fenlei>li>a:hover{ background:#333}
.dangqianfen>a{ background:#333 !important}

.slide-title { text-align: center; font-size: 24px; font-size: 2.4rem; font-weight: bold; line-height: 45px; text-transform: uppercase; background-color: #1f968f; margin-bottom: 3px; position: relative; margin-top:20px;}
.slide-title, .slide-title a { color: #fff; }
.slide-title a { display: block; }
.slide-title:hover, .slide-title:hover a { color: #fff; }
.slide-title.slide-title1 { display: none; font-size: 20px; font-size: 2rem; line-height: 40px; }
.slide-title.slide-title1:hover { background-color: #333; }
.slide-title.slide-title1:hover, .slide-title.slide-title1:hover a { color: #fff; }
.proslide_menubtn { display: none; width: 23px; height: 18px; position: absolute; top: 12px; right: 12px; cursor: pointer; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 9999; }
.proslide_menubtn span { display: block; width: 100%; height: 3px; margin-bottom: 3px; background-color: #FFFFFF; }

.prlb{ margin-top:79px;}
.prlbbiao{ display:block; line-height:36px; font-size:20px; font-size:2rem; color:#ffffff; text-transform:uppercase; font-weight:bold; padding:5px; background:#333; text-align:center;}
.taul{ padding-top:9px;}
.taul li{ border-top:1px solid #a9a9a9;}
.taul li a{ display:block; font-size:16px; font-size:1.6rem; color:#666666; line-height:24px; padding:23px 0 22px 0;}
.bon{ border:none !important}
.taul li a:hover{ color:#ef8200}
.prlbbiao:hover{ background:#ef8200;}

.tagd{ padding-bottom:3px;}
.taa{ display:inline-block; min-width:165px; line-height:32px; padding:5px; border:2px solid #ef8200; text-align:center; font-size:22px; font-size:2.2rem; font-weight:bold; color:#ef8200;}
.tagn{ font-size:16px; font-size:1.6rem; line-height:28px; color:#666666; padding-top:13px;}
.tagn p,.tagn span,.tagn li{ color:#666666;}

.prlie{ position:relative; min-height:282px; margin-top:30px;}
.prtu{ display:block; width:280px; position:absolute; left:0px; top:0px; border:1px solid #e1e1e1; overflow:hidden;}
.prtu img{ width:100%; max-width:473px; max-height:473px; transition:0.5s;}
.przi{ margin-left:324px; position:relative; padding-top:15px;}
.przi input{ position:absolute; left:0px; top:23px; cursor:pointer}
.pra{ display:block; font-size:20px; font-size:2rem; line-height:30px; padding-left:40px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.przi p a{ display:block; font-size:16px; font-size:1.6rem; line-height:28px; max-height:140px; overflow:hidden; margin-top:16px;}
.prmor{ display:inline-block; min-width:219px; border:1px solid #666666; line-height:28px; text-align:center; padding:5px; font-size:14px; font-size:1.4rem; text-transform:uppercase; margin-top:29px;}
.przi a:hover{color:#ef8200}
.prmor:hover{ border:1px solid #ef8200; background:#ef8200; color:#fff !important}
.prtu:hover img{ transform:scale(1.1,1.1)}

.fenye{ padding-top:102px;}
.fenyen{ float:left; margin-top:3px;}
.fenyen a{ display:block; float:left; width:24px; height:24px; margin:0 5px; border-radius:50%; text-align:center; line-height:24px; border:1px solid #191919; font-size:14px; font-size:1.4rem; color:#0a0a0a; margin-bottom:10px; background:#fff}
.sx{ border:none !important; color:#666666 !important; background:none !important}
.dangfen,.fenyen a:hover{ background:#ef8200 !important; border:1px solid #ef8200 !important; color:#fff !important;}
.fenyen .sx:hover{ border:none !important; background:none !important; color:#ef8200 !important}
.fuxuan{ float:right; background:url(/shou/fuxuan.png) no-repeat left center; padding-left:31px;margin-bottom:10px;}
.fuxuan span{ font-size:16px; font-size:1.6rem; color:#4b4b4b; margin-right:15px; font-family:Verdana, Geneva, sans-serif;}
.fuxuan input{ min-width:170px; line-height:22px; padding:5px; background:#ef8200; font-size:14px; font-size:1.4rem; color:#ffffff; cursor:pointer; transition:0.5s;}
.fuxuan input:hover{ background:#0093dd}

@media screen and (max-width:1219px) {
.prr{ width:700px; float:right;}
}
@media screen and (max-width:999px) {
.prmain{ padding-top:20px; padding-bottom:26px;}
.prl{ width:30%; float:left;}
.prr{ width:65%; float:right;}
.prtu{ position:relative; margin:auto; left:auto;}
.przi{ margin-left:auto; text-align:center;}
.fenye{ padding-top:22px;}

.fenzi{ min-width:auto; width:100%; left:0px; margin-top:-15px; font-size:18px; font-size:1.8rem; line-height:30px;transform:translate(0,0);
	-webkit-transform:translate(0,0);
	-moz-transform:translate(0,0);
	-o-transform:translate(0,0);
	-ms-transform:translate(0,0);}
.fenzi:before{ display:none}
.fenzi:after{ display:none}
}
@media screen and (max-width:767px) {
.prl{ width:100%; float:none; margin-top:20px;}
.prr{ width:100%; float:none;}
.slide-title.slide-title1,.proslide_menubtn { display:block;}
.proslide_menubtn { top:21px;}
.prlb{ margin-top:19px;}
.fentu img{ width:180%; margin-left:-40%;}
.prtbiao{ display:none}
}

/********************************************  product2  ***********************************************/
.prmain2{ padding-top:48px;}

.zoomPad{position:relative; float:left; z-index:99; cursor:crosshair; }
.zoomPreload{-moz-opacity:0.8; opacity: 0.8; filter: alpha(opacity = 80); color: #333; font-size: 12px; font-family: Tahoma; text-decoration: none; border: 1px solid #CCC; background-color: white; padding: 8px; text-align:center; background-image: url(/shou/zoomloader.gif); background-repeat: no-repeat; background-position: 43px 30px; z-index:110; width:90px; height:43px; position:absolute; top:0px; left:0px; * width:100px; * height:49px; }
.zoomPup{overflow:hidden; background-color: #FFF; -moz-opacity:0.6; opacity: 0.6; filter: alpha(opacity = 60); z-index:120; position:absolute; border:1px solid #CCC; z-index:101; cursor:crosshair; }
.zoomOverlay{position:absolute; left:0px; top:0px; background:#FFF;	z-index:5000; width:100%; height:100%; display:none; z-index:101; }
.zoomWindow{position:absolute; left:110%; top:40px; background:#FFF; z-index:6000; height:auto; z-index:10000; z-index:110; }
.zoomWrapper{position:relative; border:1px solid #999; z-index:110; }
.zoomWrapperTitle{display:block; background:#999; color:#FFF; height:18px; line-height:18px; width:100%; overflow:hidden; text-align:center; font-size:10px; position:absolute; top:0px; left:0px; z-index:120; -moz-opacity:0.6; opacity: 0.6; filter: alpha(opacity = 60); }
.zoomWrapperImage{display:block; position:relative; overflow:hidden; z-index:110; }
.zoomWrapperImage img{border:0px; display:block; position:absolute; z-index:101; }
.zoomIframe{z-index: -1; filter:alpha(opacity=0); -moz-opacity: 0.80; opacity: 0.80; position:absolute; display:block; }

.m-propic { margin:0 auto 0; width: 629px; margin:auto;}
.m-propic .pic-big { position: relative; float: left; width: 475px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.m-propic .big-img { display: block; line-height: 0; font-size: 0; border: 1px solid #eaeaea; }
.m-propic .big-img .zoomPad { float: none; z-index: 8; }
.m-propic .zoomWrapperImage img { max-width: 1200px; }
.m-propic .pic-small { position: relative; float: right; width: 129px; padding-top:32px; padding-bottom:33px; overflow: hidden; }
.m-propic .pic-btn { position: absolute; margin: 0 auto; left: 0; right: 0; display: block; width:18px; height:18px; line-height:18px; border:2px solid #333333; border-radius:50%; text-align:center; font-size:12px; font-size:1.2rem; font-weight:bold; background-repeat: no-repeat; background-position: center;cursor: pointer; color:#333;}
.m-propic .pic-btn.prev { top: 0;}
.m-propic .pic-btn.next { bottom: 0; }
.m-propic .pic-btn.prev:hover,.m-propic .pic-btn.next:hover { color:#ef8200; border:2px solid #ef8200;}
.m-propic .pic-list { height: 410px; overflow: hidden;}
.m-propic .pic-list ul { height: 2000px;}
.m-propic .list-item { margin-bottom:11px; }
.m-propic .item-pic { display: block; border: 1px solid #eaeaea; overflow:hidden;}
.m-propic .item-pic img { width: 100%;display: block; transition:0.3s;-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s; }
.m-propic .item-pic:hover { border-color: #ef8200; }
.m-propic .item-pic:hover img {-webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); transform: scale(1.1,1.1);}
.m-propic .item-pic.zoomThumbActive { border-color: #ef8200; }
.m-propic2 { display: none; }

.jianjie{ text-align:center; padding:27px 200px 0 100px;}
.jianjie h1{ font-size:20px; font-size:2rem; line-height:24px; text-align:center;}
.jiann{ font-size:16px; font-size:1.6rem; line-height:28px; padding-top:13px;}
.jiann p,.jiann span,.jiann li{ color:#333;}
.jiann a{ color:#ef8200;}
.share{ text-align:center; margin-top:25px;}
.share1{ display:inline-block; *float:left; font-size:16px; font-size:1.6rem; line-height:26px; color:#666666; vertical-align:middle}
.share2{ display:inline-block; *float:left; margin-left:8px; vertical-align:middle}
.inno{ text-align:center; margin-top:29px;}
.inno a{ display:inline-block; min-width:154px; line-height:35px; padding:5px; text-align:center; border:2px solid #78787a; margin:10px; font-size:14px; font-size:1.4rem;}
.prdo{ border:2px solid #666666 !important; background:#666666 !important; color:#fff !important; font-size:18px !important; font-size:1.8rem !important;}
.inno a:hover{ background:#ef8200 !important; color:#fff; border:2px solid #ef8200 !important;}


#outer { border:1px solid #949494; margin-top:45px;}
#tab {overflow: hidden;zoom: 1;}
#tab li{ width:20%; float:left; cursor:pointer; border-bottom:1px solid #949494; height:58px; background:#f8f8f8; text-align:center; transition:0.5s;}
#tab li a {display:table-cell; vertical-align:middle; font-size:16px; font-size:1.6rem; line-height:20px; height:58px; border-left:1px solid #949494;
display:-moz-box;
-moz-box-pack:center;
-moz-box-align:center;

display:-webkit-box;
-webkit-box-pack:center;
-webkit-box-align:center;

display:box;
box-pack:center;
box-align:center;}
#tab li:hover{ background:#fff; border-bottom:1px solid #fff;}
#tab li:hover a{ color:#ef8200;}
#tab li.current { background:#fff; border-bottom:1px solid #fff;}
#tab li.current a { color:#ef8200}
#content {}
#content .tabul {display: none;  padding:70px;font-size:16px; font-size:1.6rem; line-height:28px;}
.table table{ width:100%; border-collapse:collapse; line-height:22px;}
.table table tr td{ padding:10px; border:2px solid #fff; font-size:14px; font-size:1.6rem;}
.tabul p,.tabul span,.tabul li{ color:#333;}
.tabul a{ color:#ef8200;}
.tabul img{ max-width:100%;}

.prtag{ font-size:16px; font-size:1.6rem; color:#666666; margin-top:26px;}
.prtag a{ display:block; float:left; position:relative; line-height:28px; color:#666666; min-width:189px; padding:5px; margin-right:30px; margin-top:10px; border:1px solid #b7b7b7; text-align:center;}
.prtag a:hover{ background:#ef8200; color:#fff; border:1px solid #ef8200;}

.homain{ padding-top:83px; text-align:center; padding-bottom:62px;}
.holie{ width:244px; display:inline-block; *float:left; margin:0 12px; margin-top:47px;}
.holie:hover .m3fu{ width:100%; height:100%; left:0px; top:0px;}
.holie .m2mor{ margin-top:9px !important;}
.holie:hover .m3tun img{transform:scale(1.2);}

@media screen and (max-width: 1219px) { 
	.zoomPad { cursor: default !important; }
	.zoomPup { display: none !important; }
	.zoomWindow { display: none !important; }
	.zoomPreload { display: none !important; }
.holie{ width:223px;float:left; margin:5px; margin-top:47px;}
.jianjie{ text-align:center; padding:27px 0px 0 0px;}
}
@media screen and (max-width:999px){
	.m-propic1 { display: none; }
	.m-propic2 { position: relative; display: block; overflow: hidden; width: 100%; padding-left: 30px; padding-right: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	.m-propic2 .box-btn { position: absolute; top: 50%; margin-top: -12px; display: block; width: 17px; height: 32px; background-repeat: no-repeat; background-position: center; background-size: 100% 100%; }
	.m-propic2 .box-btn.prev { left: 0; background-image: url(/shou/prev1.png);}
	.m-propic2 .box-btn.next { right: 0; background-image: url(/shou/next1.png);}
	.m-propic2 .box-btn.prev:hover { background-image: url(/shou/prev1_1.png); }
	.m-propic2 .box-btn.next:hover { background-image: url(/shou/next1_1.png); }
	.m-propic2 .box-list { overflow: hidden; }
	.m-propic2 .box-list ul { width: 1000%; }
	.m-propic2 .list-item { float: left; margin-left: .1%; margin-right: .1%; margin-bottom: 0; width: 3.13%; } 
	
	.inno a{ min-width:100px; font-size:14px !important; font-size:1.4rem !important; margin:5px;}
.jiann{ font-size:14px; font-size:1.4rem; line-height:28px; padding:0px; padding-top:13px;}
#content .tabul {padding:10px;font-size:14px; font-size:1.4rem; line-height:28px;}
	#tab li a { font-size:14px; font-size:1.4rem;}
.prtag{ font-size:14px; font-size:1.4rem;}
.prtag a{ min-width:100px; margin-right:10px;}
.m3fu{ width:auto !important}
.homain{ padding-top:23px; text-align:center; padding-bottom:12px;}
.holie{ width:49%; margin:10px 0.5%; margin-top:17px;}
.table{ width:100%;  overflow:scroll;}
.table table{ width:500px;}	
}
@media screen and (max-width: 767px) { 
.holie{ width:32.333%; margin:10px 0.5%; margin-top:17px;}
#tab { width:30%; float:left; height:auto;}
#tab li{ float:none; width:100%; height:auto; border:none !important}
#content { width:70%; float:right;}
#tab li a { border:none; border-top:1px solid #949494;}
#tab li:hover{ border:none}
.m2mor:hover{ padding-left:10px; padding-right:5px;}
 }
 @media only screen and (max-width:500px ) {
 	.m-propic2 .list-item { float: left; margin-left: .1%; margin-right: .1%; margin-bottom: 0; width:4.8%; } 
.holie{ width:49%; margin:10px 0.5%; margin-top:17px;}
}
  @media only screen and (max-width:350px ) {
 	.m-propic2 .list-item { float: left; margin-left: .1%; margin-right: .1%; margin-bottom: 0; width:9.8%; } 
 }

/********************************************  news  ***********************************************/
.nemain{ padding-top:40px; padding-bottom:135px;}
.nelie{ position:relative; min-height:341px; margin-bottom:55px;}
.netu{ display:block;width:605px;}
.netu img{ width:100%; max-width:605px; max-height:454px; margin:auto;}
.nezi{ width:702px; position:absolute; top:50%; margin-top:-170px; background:#fff;box-shadow:0 4px 8px rgba(0,0,0,0.15);}
.nezin{ padding:30px 35px 37px 49px;}
.nea{ display:block; font-size:18px; font-size:1.8rem; line-height:30px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.nezi span{ display:block; position:relative; padding-left:23px; font-size:14px; font-size:1.4rem; color:#c7c7c7; line-height:24px; margin-top:9px;}
.nezi span i{ display:block; position:absolute; left:0px; top:0px; line-height:24px; color:#c7c7c7;}
.nezi p a{ display:block; font-size:16px; font-size:1.6rem; line-height:28px; color:#666666; height:84px; overflow:hidden; margin-top:30px;}
.nemor{ display:inline-block; min-width:155px; line-height:32px; padding:5px; text-align:center; background:#666666; font-size:16px; font-size:1.6rem; color:#ffffff; margin-top:55px;}

.nelie1 .netu{ float:left;}
.nelie2 .netu{ float:right;}
.nelie1 .nezi{ right:0px;}
.nelie2 .nezi{ left:0px;}
.nea:hover,.nezi p a:hover{ color:#ef8200;}
.nemor:hover{ background:#ef8200;}

.nemain .fenye{ padding-top:43px;}
.nemain .fenyen{ text-align:center; padding-top:0px; float:none;}
.nemain .fenyen a{ float:none; display:inline-block; *float:left;}
@media screen and (max-width: 1219px) { 
.nezi{ width:500px;}
}
@media screen and (max-width: 999px) { 
.nemain{ padding-top:20px; padding-bottom:25px;}
.nelie{ margin-bottom:20px;}
.nezi{ width:auto; position:relative; left:auto !important; top:auto; margin:auto; right:auto !important;}
.nezin{ padding:20px 0px 20px 0px; text-align:center;}
.nezi span{ display:inline-block}
.netu{ float:none !important; text-align:center; width:auto;}
.nezi p a{ font-size:14px; font-size:1.4rem; height:auto; margin-top:10px;}
.nemor{ min-width:100px; font-size:14px; font-size:1.4rem; margin-top:10px;}
.nemain .fenye{ padding-top:10px;}
}

/*****************************************  news2  ********************************************/
.nemain2{ padding-top:37px; padding-bottom:13px;}
.nemain2 h1{ font-size:24px; font-size:2.4rem; color:#ef8200; line-height:28px; text-align:center;}
.net{ padding-bottom:8px; margin-top:8px; text-align:center; padding-top:8px;}
.net span{ *float:left; display:inline-block; font-size:14px; font-size:1.4rem; color:#c7c7c7; line-height:26px; vertical-align:middle; position:relative; padding-left:23px;}
.net span i{display:block; position:absolute; left:0px; top:0px; line-height:24px; color:#c7c7c7;}
.net .share{ *float:left; display:inline-block; margin-left:8px; line-height:26px; margin-top:auto;}
.net .share1{ font-size:16px; font-size:1.6rem; color:#ef8200;}
.net .share1,.net .share2{ float:none; *float:left; display:inline-block; vertical-align:middle}
.net .share2{ margin-left:0px;}
.nexiang{ font-size:16px; font-size:1.6rem; line-height:28px; padding-top:40px;}
.nexiang a{ color:#ef8200;}
.nexiang p,.nexiang span,.nexiang li{ color:#333;}
.nexiang img{ max-width:100%;}
.fanpian{ padding-top:24px; margin-top:11px;}
.fanpian li{ position:relative; margin-top:14px; padding-left:102px;}
.fanpian li span{ display:block; min-width:84px; line-height:28px; border:1px solid #ef8200; color:#ef8200; text-align:center; font-size:14px; font-size:1.4rem; margin-right:16px; position:absolute; left:0px; top:50%; margin-top:-15px;}
.fanpian li p{ font-size:16px; font-size:1.6rem; line-height:20px; padding:5px 0; color:#666666}
.fanpian li p a{ display:block; color:#666666}
.fanpian li p a:hover{ color:#ef8200;}

.neho{ padding-bottom:117px;}


 @media only screen and (max-width:767px ) {
.neho{ padding-bottom:30px;}
.nemain2{ padding-top:23px;}
.nemain2 h1{ font-size:16px; font-size:1.6rem; line-height:24px;}
.net span{ font-size:14px; font-size:1.4rem;}
.nexiang{ font-size:14px; font-size:1.4rem; line-height:24px; padding-top:26px;}
.fanpian{ padding-top:4px; margin-top:7px;}
.fanpian li span{ font-size:12px; font-size:1.2rem;}
.fanpian li p{ font-size:12px; font-size:1.2rem;}
 }

/*****************************************  application  ********************************************/
.appmain{ padding-bottom:135px;}
.applie{ padding-bottom:63px; margin-top:39px;}
.apptu{ display:block; width:461px; padding:0 34px; position:relative; z-index:1}
.apptu img{ width:100%; max-width:600px; max-height:450px; margin:auto; position:relative; z-index:3}
.apptu:before{ content:""; position:absolute; height:107px; width:100%; left:0px; top:50%; margin-top:-53px; background:#ef8200; z-index:2}
.appzi{ width:611px;}
.appa{ display:block; font-size:18px; font-size:1.8rem; line-height:30px; margin-top:52px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.appzi p a{ display:block; font-size:16px; font-size:1.6rem; line-height:28px; color:#666666; height:84px; margin-top:58px;}
.appmor{ display:inline-block; min-width:155px; line-height:32px; padding:5px; text-align:center; background:#666666; font-size:16px; font-size:1.6rem; color:#ffffff; margin-top:55px;}

.applie1 .apptu{ float:left;}
.applie2 .apptu{ float:right;}
.applie1 .appzi{ float:right;}
.applie2 .appzi{ float:left;}
.appa:hover,.appzi p a:hover{ color:#ef8200;}
.appmor:hover{ background:#ef8200;}

.appmain .fenye{ padding-top:25px;}
.appmain .fenyen{ text-align:center; padding-top:0px; float:none;}
.appmain .fenyen a{ float:none; display:inline-block; *float:left;}
 @media only screen and (max-width:1219px ) {
.applie{ padding-bottom:23px; margin-top:39px;}
.apptu{ width:400px; padding:0 14px;}
.appzi{ width:520px;}
.appa{ margin-top:20px;}
 }
 @media only screen and (max-width:999px ) {
.appmain{ padding-bottom:35px;}
.applie{ padding-bottom:15px; margin-top:20px;}
.apptu{ width:auto; padding:0px; float:none !important}
.apptu:before{ display:none}
.appzi{ width:auto; float:none !important; text-align:center;}
.appa{ margin-top:20px;}
.appzi p a{ margin:auto; height:auto; margin-top:10px;}
.appmor{ min-width:100px; font-size:14px; font-size:1.4rem; margin-top:10px;}
 }

/*****************************************  application2  ********************************************/
.appmain2{ padding-top:37px; padding-bottom:159px;}
.appmain2 h1{ font-size:24px; font-size:2.4rem; color:#ef8200; text-align:center; line-height:30px;}
.appn{ font-size:16px; font-size:1.6rem; line-height:28px; margin-top:55px;}
.appn a{ color:#ef8200;}
.appn p,.appn span,.appn li{ color:#333;}
.appn img{ max-width:100%;}

 @media only screen and (max-width:999px ) {
.appmain2{ padding-top:27px; padding-bottom:29px;}
.appmain2 h1{ font-size:18px; font-size:1.8rem;}
.appn{ font-size:14px; font-size:1.4rem; margin-top:25px;}
 }

/*****************************************  about  ********************************************/
.abmain{ padding-top:35px; background:url(/shou/abbei.jpg) no-repeat bottom center; padding-bottom:88px;}
.abbiao{ display:block; text-align:center; font-size:32px; font-size:3.2rem; color:#ef8200; line-height:40px; position:relative; padding-bottom:14px;}
.abbiao:before{ content:""; position:absolute; width:78px; height:2px; background:#ef8200; bottom:0px; left:50%; margin-left:-39px;}

.abn{ font-size:16px; font-size:1.6rem; line-height:28px; padding-top:75px;}
.abn a{ color:#ef8200;}
.abn p,.abn span,.abn li{ color:#333;}
.abn img{ max-width:100%;}

.abxun{ padding-top:90px;}
.abxuna{ display:block; font-size:41px; font-size:4.1rem; color:#ef8200; line-height:50px; text-align:center;}
.abxun form{ width:519px; margin:auto; margin-top:38px;}
.abxun form a{ display:block; font-size:16px; font-size:1.6rem; color:#666666; line-height:30px; margin-top:10px;}
.abxun .int1{ width:509px; height:30px; line-height:30px; background:#666666; font-size:14px; font-size:1.4rem; color:#fff; padding-left:10px;}
.abxun textarea{ width:509px; height:96px; line-height:30px; background:#666666; font-size:14px; font-size:1.4rem; color:#fff; padding-left:10px;}
.abxun .int2{ width:189px; height:30px; line-height:30px; background:#666666; font-size:14px; font-size:1.4rem; color:#fff; padding-left:10px; float:left; margin-bottom:10px; margin-right:5px;}
.coyanzheng{ float:left; margin-bottom:10px; width:122px; height:30px; cursor:pointer; margin-right:12px;}
.abxun .int3{ min-width:100%; line-height:20px; padding:5px; font-size:16px; font-size:1.6rem; color:#fff; text-transform:uppercase; float:left; background:#ef8200; cursor:pointer; transition:0.5s;}
.abxun .int3:hover{ background:#0093dd;}
.ditu{ max-width:100%;}
 @media only screen and (max-width:999px ) {
.abmain{ padding-top:20px; padding-bottom:18px;}
.abbiao{ font-size:20px; font-size:2rem; line-height:32px;}
.abn{ font-size:14px; font-size:1.4rem; padding-top:25px;}
.abxun{ padding-top:20px;}
.abxuna{ font-size:20px; font-size:2rem; line-height:30px;}
.abxun form{ width:519px; margin-top:20px;}
.abxun form a{font-size:14px; font-size:1.4rem;}
.abxun .int3{ font-size:14px; font-size:1.4rem;}
 }
 @media only screen and (max-width:579px ) {
.abxun form{ width:100%; margin-top:20px;}
.abxun .int1,.abxun .int2,.abxun textarea{ width:90%; margin-right:auto;}
.abxun .int3{min-width:100px;}
 }

/*****************************************  download  ********************************************/
.domain{ background:url(/shou/abbei.jpg) no-repeat bottom center; padding-bottom:95px;}
.dolie{ width:575px; height:325px; background:#f7f7f7; margin-top:28px;}
.dolien{ border-left:2px solid #ef8200; height:325px; padding-left:38px; padding-right:25px;}
.doa{ display:block; font-size:18px; font-size:1.8rem; line-height:30px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; padding-top:30px;}
.dolien p a{ display:block; font-size:14px; font-size:1.4rem; color:#666666; line-height:26px; max-height:130px; overflow:hidden; margin-top:15px;}
.domor{ display:inline-block; line-height:26px; padding:5px; padding-left:52px; padding-right:27px; position:relative; font-size:16px; font-size:1.6rem; color:#ffffff; background:#a3a3a3; border-radius:7px; margin-top:53px;}
.domor i{ position:absolute; left:21px; top:0px; line-height:36px;}
.doa:hover,.dolien p a:hover{ color:#ef8200;}
.domor:hover{ background:#ef8200;}

.domain .fenye{ padding-top:75px;}
.domain .fenyen{ text-align:center; padding-top:0px; float:none;}
.domain .fenyen a{ float:none; display:inline-block; *float:left;}
@media screen and (max-width:1219px) {
.dolie{ width:475px;}
}
@media screen and (max-width:999px) {
.domain{padding-bottom:25px;}
.dolie{ width:49%;}
.dolien{ padding-left:10px; padding-right:10px;}
.domain .fenye{ padding-top:25px;}
}
@media screen and (max-width:759px) {
.dolie{ width:100%; float:none;}
}

/*****************************************  contact  ********************************************/
.con{ font-family:Verdana, Geneva, sans-serif; padding-bottom:23px;}
.coul{ width:100%; font-size:16px; font-size:1.6rem; line-height:24px; color:#333;}
.coul li{ margin-bottom:10px;}
.con p{ font-size:16px; font-size:1.7rem; line-height:24px; color:#333;}
.coul li a:hover{ color:#ef8200;}
@media screen and (max-width:1219px) {
.con{ padding-left:0px;}
}
@media screen and (max-width:999px) {
.coul{ width:auto; float:none; font-size:14px; font-size:1.4rem;}
.coul li{ margin-bottom:10px;}
.con p{ font-size:14px; font-size:1.4rem;}
}


@font-face {
  font-family: "Impact";
  src: url("../fonts/Impact.woff2") format("woff2"),
       url("../fonts/Impact.woff") format("woff"),
       url("../fonts/Impact.ttf") format("truetype"),
       url("../fonts/Impact.eot") format("embedded-opentype"),
       url("../fonts/Impact.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {font-family: "iconfont";
  src: url('../fonts/iconfont.eot?t=1574068123157'); /* IE9 */
  src: url('../fonts/iconfont.eot?t=1574068123157#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
  url('../fonts/iconfont.woff?t=1574068123157') format('woff'),
  url('../fonts/iconfont.ttf?t=1574068123157') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('../fonts/iconfont.svg?t=1574068123157#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-weibiaoti40:before {
  content: "\e639";
}

.icon-sousuo:before {
  content: "\e628";
}

.icon-facebook:before {
  content: "\e620";
}

.icon-pinterest:before {
  content: "\e8ab";
}

.icon-linkedin:before {
  content: "\e648";
}

.icon-youtube:before {
  content: "\e6d6";
}

.icon-twitter:before {
  content: "\e607";
}

.icon-up7:before {
  content: "\e722";
}

.icon-bottom7:before {
  content: "\e723";
}

.icon-left16:before {
  content: "\e748";
}

.icon-right16:before {
  content: "\e749";
}

.icon-instagram:before {
  content: "\e79d";
}

.icon-download2:before {
  content: "\e7a1";
}

.icon-email1:before {
  content: "\e7c5";
}

.icon-tel:before {
  content: "\e7cc";
}

.icon-calendar5:before {
  content: "\e7e3";
}

.icon-left10:before {
  content: "\e7f0";
}

.icon-right10:before {
  content: "\e7f1";
}








#feedbackForm span.xh,.feedbackForm #feedbackForm .atextarea,.feedbackForm #feedbackForm .fsbtn,.feedbackForm #feedbackForm .lable,.feedbackForm #feedbackForm .submita,.feedbackForm #feedbackForm .text,.feedbackForm #feedbackForm table,.feedbackForm #msg,.feedbackForm .fput,.feedbackForm .ftxt{max-width:none;padding:0;margin:auto;border:0;height:auto;font-size:auto;line-height:1.5;font-family:Arial;color:#333;background:0 0;text-align:left}
.feedbackForm{margin-bottom:3.25rem;max-width:1200px;margin-left:auto;margin-right:auto}
.feed-title{font-size:1.875rem;color:#2c2c2c;margin-top:2.5rem;margin-bottom:1.25rem;font-weight:600;text-transform:uppercase}
.feedbackForm #feedbackForm td{border:0;height:48px;padding:0}
.lable{white-space:nowrap}
.feedbackForm #feedbackForm tbody{display:flex;flex-wrap:wrap;justify-content:space-between}
.feedbackForm #feedbackForm tr{border:1px solid #d9d9d9;border-radius:2px;box-sizing:border-box;margin-bottom:15px;font-size:.9375rem;color:#727272}
.feedbackForm #feedbackForm tr:nth-child(-n+4){width:49%;flex-basis:49%}
.feedbackForm #feedbackForm tr:nth-child(-n+5){display:flex;justify-content:flex-start}
.feedbackForm #feedbackForm tr:nth-child(-n+5) td:first-child{display:flex;align-items:center;padding:0 5px}
.feedbackForm #feedbackForm tr:nth-child(-n+5) td:last-child{width:100%;flex-basis:100%;display:block}
.feedbackForm #feedbackForm tr:nth-child(-n+5) input{width:100%;height:100%;outline:0}
.feedbackForm #feedbackForm tr:nth-child(5){width:100%;flex-basis:100%; height:110px}
.feedbackForm #feedbackForm tr:nth-child(6){width:100%;flex-basis:100%;display:flex;flex-direction:column; border:none}
.feedbackForm #feedbackForm tr:nth-child(7){border:0;padding:0}
#feedbackForm input,.feedbackForm #feedbackForm #SubmitContent{border:0;font-size:.9375rem;color:#000;padding-left:5px;box-sizing:border-box}
.feedbackForm #feedbackForm #SubmitContent{width:100%;margin-top:10px;padding-left:0;box-sizing:border-box}
.feedbackForm #feedbackForm .submita{color:#fff;font-size:24px;padding:13px 90px;border:none;background-color:#007C36;text-transform:uppercase;cursor:pointer}
#feedbackForm{background:#fff}
#feedbackForm input::placeholder{font-size:14px;color:#fff}
#feedbackForm input{color:#666}
.feedbackForm #feedbackForm tr:nth-child(6) td{height:auto;padding:0 5px;display:block}
.feedbackForm #feedbackForm tr:nth-child(6) textarea{outline:0;text-indent:15px}
.feedbackForm #feedbackForm .xh{color:red}



.pro-inquiry .pro-name {
    color: #050713;
    font-size: 34px;
    text-transform: capitalize;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.pro-inquiry .pro-name:after {
    content: ' ';
    position: absolute;
    bottom: 0;
    width: 50px;
    height: 3px;
    left: 0;
    background: #007C36;
}