@import url(font/siyuan.css);

html, body {

	font-size: 16px;

	color:#666;

	margin: 0px;

	padding: 0px;

	text-decoration: none;

	font-family:"siyuan",airal;

	background: #fff;

	-webkit-text-size-adjust: none;

}

*{margin: 0 ;padding: 0;}

a,a:focus,a:active {color: #fff;	text-decoration: none;outline: 0px none;}

.m30{margin-top: 30px;}

.m15{margin-top: 15px;}

.m35{margin-top: 35px;}

.m45{margin-top: 45px;}

.p20{padding-top:20px;}

h1,h2,h3,h4{margin:0;padding:0;}

a:hover,a:active{text-decoration: none;}

ul,dl,dl dd{padding:0;margin:0;}

ul li{list-style:none;}

.fl{float:left;}

.fr{float:right}

.ct{text-align: center}

.clear{clear:both;}

.pr{position: relative;}

div{padding:0;margin:0;}

.w100{width:100%;overflow:hidden}

.clear{clear: both;}

.w1200{width:1200px;margin:0 auto;overflow: hidden;}

.swiper-container {width: 100%;height: 100%;}

.swiper-slide {text-align: center;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;

	-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;	-webkit-align-items: center;align-items: center;}

.swiper-button-next, .swiper-button-prev{outline: none;}



.page { width:100%; float:left;padding:30px 0; font-size:14px; overflow:hidden; text-align:center; }

.page a { color:#333; background:#f1f1f1; margin:5px; padding:0 15px; line-height:40px; display: inline-table; }

.page a:hover { background:#cc0001; color:#fff; border-radius:0px;}

.page a:active {  background:#cc0001; color:#fff; border-radius:0px;}

.page a.page-num-current { background:#cc0001; color:#fff; display:inline-table; border-radius:0px; line-height:40px; padding:0 15px; margin:0 5px;}

.page span.current { background:#cc0001; color:#fff; display:inline-table; border-radius:0px; line-height:40px; padding:0 15px; margin:0 5px;}

.page span.no { background:#f1f1f1; color:#333; display:inline-table; border-radius:0px; line-height:40px; padding:0 15px; margin:0 5px;}

.page span.disabled { padding:0 9px 0 0px; }



.top{background: #dcdcdc;width: 100%;height: 45px;line-height: 45px;}

.top span{color:#383838;float: left;}

.language{float:right;width:110px;height:25px;margin-top:10px;border-radius: 15px;box-sizing: border-box;overflow: hidden;text-align:center;}

.language span{width:50%;background:#db0f1b;display: inline-block;line-height:25px;}

.language span>a{color:#fff;font-size:14px;display: inline-block}

.language span:nth-child(2){background: #fff;}

.language span:nth-child(2)>a{color:#666;}

.search{width:80px;height:25px;margin-top:10px;float:right;margin-left:20px;}

.search i{width:35px;height:30px;display: inline-block;background: url(../images/ico.png) no-repeat;}

.search i>a{display: block;width:35px;height:30px;}

.search i:nth-child(1){background-position: 0 0;}

.search i:nth-child(2){background-position:-40px 0;}



.logo{height:102px;padding: 20px 0;float:left;box-sizing: border-box;}

.logo a{float: left;line-height: 100px;height: 60px;}



.tel{float: right;height: 50px;width:260px;padding: 20px 0;box-sizing: border-box;}

.tel img{width: 40px;float: left;margin: 10px;}

.tel abbr{display: block;color:#686868;font-size:14px}

.tel p{color:#cc0001;font-size:24px;}



nav{width: 100%;background-color: #e60012;}

nav ul{display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content:space-between;line-height: 60px;position: relative;width:1200px;margin:0 auto;}

nav ul li{padding:0 20px;text-align:center;}

nav ul li:hover{background:#7d0000;}

nav a{color: #fff;text-align: center;display: block;}

nav .active{background:#7d0000;}

nav .active .menu{display: block;}



nav .smenu>.menu{width:300px;position: absolute;z-index: 9999;background:rgba(255,255,255,0.9);margin-left:-120px;border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;display: none;}

nav .smenu>.menu a{height:40px;line-height: 40px;display:block;color:#000}

nav .smenu:hover>.menu{display: block;}



.swiper-container {width: 100%;	height: 100%;margin-left: auto;	margin-right: auto;}

.swiper-slide {text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;webkit-align-items: center;

	align-items: center; }

.swiper-pagination-bullet{background-color: #c00 !important;color: #c00 !important;}



.banner{height:600px;}

.banner .swiper-button-next, .banner .swiper-button-prev{border:none;outline:none;color:#ff0000;}

.nbanner{width: 100%;background-size: 100%;height: 320px;display: block;}



.product{padding:50px;background:url(../images/probg.jpg) center center no-repeat #fbfbfb;box-sizing: border-box;}

.product abbr{font-size:30px;color:#000;display: block;font-weight:bold;float:left}

.product span{font-size:14px;color:#838282;display:block;font-weight: normal;margin-top: 10px;}

.product h1{font-size:14px;color:#838282;display:block;font-weight: normal;margin-top: 10px;}

.product .more{width: 170px;height:45px;line-height: 45px;text-align: center;font-size:18px;float: right;background: #d80000;}

.product .more a{color:#fff;}

.product .swiper-container{margin:45px 0;clear: both;}

.product .swiper-slide{text-align: center; align-items: center;flex-wrap: wrap;}

.product .swiper-button-next, .product .swiper-button-prev{border:none;outline:none;width: calc(var(--swiper-navigation-size)/ 4 * 27);}

.product .swiper-button-prev, .product.swiper-container-rtl .swiper-button-next{left:15%;background: url(../images/left.png) no-repeat;}

.product .swiper-button-next{right:15%;background: url(../images/left.png) no-repeat;transform: rotate(-180deg);}

.product  .swiper-button-prev:after, .product .swiper-container-rtl .swiper-button-next:after,.product .swiper-button-next:after, .product .swiper-container-rtl .swiper-button-prev:after{content:""}

.product .pimg{padding:20px;box-sizing: border-box;width:270px;height:270px;display: flex;align-items: center;text-align: center;overflow: hidden;}

.product .pimg img{max-width:100%;width:auto;height:auto;}

.product .swiper-slide{display: block;}

.product .swiper-slide p{padding:20px 0;margin:0 20px;text-align: center;border-top:1px solid #eee;box-sizing: border-box;}

.product .swiper-slide a{color:#000;}

.product .swiper-slide-active a{color:#db0f1b}



.naiyong{height:417px;background: url(../images/aboutbg.png) center center no-repeat #eee;}



.about{padding:50px 0;background: #eeeeee;box-sizing: border-box;}

.about abbr{font-size:30px;color:#000;display: block;font-weight:bold;float:left}

.about span{font-size:14px;color:#838282;display:block;font-weight: normal;margin-top: 10px;}

.about p{color:#606060;line-height:30px;font-weight: normal;font-size:16px;width:560px;margin: 40px 0;}

.about .more{width: 147px;height:34px;line-height: 22px;background: url(../images/more.jpg) left center no-repeat;}

.about .more>a{color:#fff;font-size:14px;width: 100%;height:100%;display:inline-block;padding-left:40px;box-sizing: border-box;}



.why{height:610px;background: url(../images/aboutbg.jpg) center center no-repeat;box-shadow: 1px 3px 12px #606060;}

.whyleft{height:150px;color:#fff;padding:20px 0;box-sizing: border-box;float:left;}

.whyleft abbr{display:block;font-size:36px;}

.whyleft span{display:block;font-size:49px;font-weight: bold;}

.whyright{font-size:28px;text-align:right; vertical-align: text-bottom;font-weight:bold;color:#fff;float:right;padding-top: 100px;}

.why ul{margin-top:120px;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;}

.why ul li{width:390px;background: #fff;box-shadow: 1px 2px 1px #000;}

.why ul li img{max-width: 100%;}

.why ul li p{text-align: center;font-size: 18px;height:40px;line-height: 40px;color:#000}



.news{background: url(../images/newsbg.png) top center no-repeat;height:560px;margin:70px 0 0 0;padding:0 30px;box-sizing: border-box;}

.news abbr{color:#515151;font-size:30px;text-align: center;display: block;margin-bottom:30px;}

.news ul{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;flex-wrap: wrap;}

.news ul li{width:390px;line-height:30px;}

.news ul li a{color:#666}

.news ul li span{color:#ccc}

.news .pimg{width:390px;height:235px;overflow: hidden;}

.news .pimg img{max-width: 100%;width:auto}

.news .txt {margin:20px 0;}

.news .txt p{font-size:14px;margin: 10px 0;height:45px;line-height:20px}

.news .txt a {color:#000;display: block;font-size:20px;}

.news .txt span{display: block;color:#ccc;font-size:12px}



.foot{background: #1e1e1e;padding:30px 0 10px 0;}

.footico{height:90px;line-height:60px;border-bottom: 1px solid #323232;margin-bottom: 30px;}

.footico ul{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;}

.footico ul li{min-width:260px;color:#fff;}

.footico i{width:30px;height:60px;display: inline-block;float: left;background: url(../images/footico.png) no-repeat;}

.footico ul li:nth-child(1) i{background-position:0 20px}

.footico ul li:nth-child(2) i{background-position:-50px 20px}

.footico ul li:nth-child(3) i{background-position:-95px 20px}

.footico ul li:nth-child(4) i{background-position:-95px 20px}

.footico ul li p{color:#fff;font-size:15px;float: left;margin-left:20px;line-height:34px;}

.footico ul li span{color:#b7b7b7;font-size:15px;display: block;}

.footico ul li abbr{color:#fff;display: block;}

.footlogo{float:left;width:20%;}

.footicp{float:left;text-align: center;width:60%;margin-top:40px;color:#fff;}

.footewm{float: right;width:15%;text-align: center;}

.footewm i{width:35px;height:35px;background: url(../images/footico1.png) no-repeat;display: inline-block;}

.footewm p{height:35px;margin-top:10px;}

.footewm span{display:inline-block;width:50px;height:30px;}

.footewm span:nth-child(1) i{background-position: 0 0;}

.footewm span:nth-child(2) i{background-position: -49px 0;}

.footewm  span:nth-child(3) i{background-position: -95px 0;}



.footlink{margin-top:30px;}

.footlink a{color: #666;}



.nbanner{height:400px;overflow: hidden;display: flex; align-items: center;}

.nbanner .position{display: block;}

.nbanner .position h1{font-size:26px;color:#fff;margin-bottom: 20px;}

.nbanner .position h2{font-size:26px;color:#fff;margin-bottom: 20px;}

.nbanner .position abbr{font-size:16x;color:#fff;}

.nbanner .position a{color:#fff;}



.left{width: 285px;border:1px solid #dfdfdf;float: left;padding:20px 0;box-sizing: border-box;}

.left dl{padding:0 20px;}

.left dl dt{line-height:40px;}

.left dl dt i{display: inline-block;width:30px;height:30px;float:left;}

.left dl:nth-child(1) i{ background:url(../images/1.png);background-size:20px 20px; background-repeat:no-repeat;background-position: bottom;}

.left dl:nth-child(2) i{ background:url(../images/2.png);background-size:20px 20px; background-repeat:no-repeat;background-position: bottom;}

.left dl:nth-child(3) i{ background:url(../images/3.png);background-size:20px 20px; background-repeat:no-repeat;background-position: bottom;}

.left dl:nth-child(4) i{ background:url(../images/4.png);background-size:20px 20px; background-repeat:no-repeat;background-position: bottom;}

.left dl:nth-child(5) i{ background:url(../images/5.png);background-size:20px 20px; background-repeat:no-repeat;background-position: bottom;}

.left dl:nth-child(6) i{ background:url(../images/6.png);background-size:20px 20px; background-repeat:no-repeat;background-position: bottom;}

.left dl:nth-child(7) i{ background:url(../images/7.png);background-size:20px 20px; background-repeat:no-repeat;background-position: bottom;}

.left dl:nth-child(8) i{ background:url(../images/8.png);background-size:20px 20px; background-repeat:no-repeat;background-position: bottom;}

.left dl:nth-child(9) i{ background:url(../images/9.png);background-size:20px 20px; background-repeat:no-repeat;background-position: bottom;}

.left dl dt a{color:#000;}

.left dl dt::after{content:">";font-weight: bold;color:#606060; transform: rotate(90deg);display: inline-block;float: right;}

.left dl dd{height:30px;font-size:12px;padding-left:30px;}

.left dl dd a{color:#4b4b4b}

.left .active a,.left dl dt:hover a,.left dl dd:hover a{color:#cc0001}



.right{width:890px;float:right;}

.right strong{color:#606060;font-size:24px;border-left:6px solid #606060;padding-left:20px;}
.right p>strong{font-size:16px;padding-left:0;border-left:none;}
.right p>strong>a{color:#606060;}
.right .plist ul{margin:20px 0;overflow-wrap: break-word;}

.right .plist ul li{width:200px;height:250px;float:left;padding:7px 7px;box-sizing: border-box;background:#eee;margin:15px 10px;}

.right .plist .pimg{width:186px;height:200px;display: flex;align-items: center;text-align:center;background:#fff;overflow: hidden;}

.right .plist .pimg img{max-width:100%;width:auto;}

.right .plist ul li p{height:50px;line-height:50px;text-align: center;font-size:14px;overflow: hidden;}

.right .plist ul li a{color:#746d51}

.right .plist ul li:hover img{ transform: scale(1.1); transition: all ease-in 0.5s;}





.proview{height:560px;width:100%;overflow: hidden;margin-top:25px;}

.proview .pimg{float:left;width:465px;height:556px;border:1px solid #d2d2d2;vertical-align: middle;overflow: hidden;}

.proview .pimg img{width:auto;height:auto;max-width: 100%;max-height: 100%; /*   position: absolute; top: 50%; transform: translate(20%,-50%);*/}

.proview .txt1{float:right;width:420px;height:556px;border-top:none;}

.proview .txt1 h1{float:none;display:block;font-size:24px;color:#333;border-bottom:1px solid #e8e8e8;padding-bottom: 25px;}

.proview .txt1 p{font-size:14px;color:#666;margin-top:30px;line-height:30px;}

.proview .txt1 p span{display: inline-block;color:#666;line-height: 30px;width:50%;height: 45px;line-height: 45px;padding-left:40px;box-sizing: border-box;margin:0;font-size:16px;overflow: hidden;}

.proview .txt1>p>span>i{float:left;width:25px;height:45px;background: url(../images/chat.png) bottom center no-repeat;display: inline-block;margin-right:10px;    background-position: 0 15px;}

.proview .txt1 a{float:left;font-style: normal;display: inline-block;}

.proview .txt1 p span:nth-child(1){background: #cc0001;}

.proview .txt1 p span:nth-child(1) a{color:#fff;}

.relnews ul{margin:20px 0}

 .relnews ul li{float:left;width: 48%;line-height:35px;text-align: left;}

.relnews ul li a{color:#323232}



.picFocus{float: left; width:445px;position:relative;  overflow:hidden;  zoom:1;   }

.picFocus .hd{ padding-top:5px; height:100px; overflow:hidden;}

.picFocus .hd ul{ overflow:hidden; zoom:1;display: flex;display: -webkit-flex; margin:0;float:left;width:100%;}

.picFocus .hd ul::after{width:180px;content:"";}

.picFocus .hd ul li{text-align:center; width:73px; height:73px; margin-right:8px;border:2px solid #ccc;display: flex;display: -webkit-flex;justify-content: center; align-items: center;box-sizing: border-box;}

.picFocus .hd ul li img{ width:auto;max-width:100%;height:auto;max-height:100%;cursor:pointer;}

.picFocus .hd ul li.on{border:2px solid #ccc;}

.picFocus .bd{border:1px solid #ccc;display: block;margin-bottom: 20px;}

.picFocus .bd ul::after{width:465px;content:"";}

.picFocus .bd ul li{ vertical-align:middle;width:445x; height:445px; border:none;vertical-align: middle;margin-bottom:0;box-sizing: border-box;display: flex;display: -webkit-flex;justify-content: center; align-items: center;}

.picFocus .bd img{ width:auto;max-width:100%;height:auto;max-height:100%; display:block;  }

.picFocus .sPrev,.picFocus .sNext{ display:none;float:left;width:20px; height:30px;font-weight:bold;color:#1d2088;margin-top:30px;margin-right:10px;line-height:30px; border:1px solid #ddd;text-align: center; }

.picFocus .sNext{ float: right;}

.pcontent{border:1px solid #d2d2d2;box-sizing: border-box;width: 100%;margin-top:20px;}

.pcontent .pbg{height:62px;line-height:62px;background: #f8f8f8;font-size: 16px;}

.pcontent .pbg span{height:57px;margin: 6px 0 0 6px;text-align: center;color:#333;background:#fff;display: inline-block;width:160px;}

.pcontent .pbg a{width:160px; display: inline-block;text-align: center;color:#666;}

.pcontent .view{line-height:25px;padding:20px;}

.pcontent .view a{color:#666;}

.pcontent .view table{border-collapse: collapse;width:98%}

.pcontent .view table tr td{border-color:1px solid #e8e8e8;padding-left:10px;}



.aboutmenu{background:#ededed;height:50px;line-height:50px;}

.aboutmenu ul li{padding: 0 30px;text-align: center;float:left;}

.aboutmenu ul li a{color:#333;}

.aboutmenu .active{background:#cc0001;}

.aboutmenu .active a{color:#fff;}

.aboutcontent{margin-top:35px;}

.aboutcontent h3{font-size:36px;color:#b50000;margin:30px 0}

.aboutcontent .nleft{width:750px;float:left;line-height:30px;}

.aboutcontent .nleft p{color:#717171;font-size:14px;}

.aboutcontent .nright{width:424px;float:right;margin-top:50px;}



.aboutcontent ul{display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content:space-between;flex-wrap:wrap;}

.aboutcontent ul li{width:365px;height:250px;overflow: hidden;text-align: center;margin-bottom:20px;}

.aboutcontent ul li p{height:30px;line-height:30px;}

.aboutcontent .pimg{height:250px;overflow: hidden;}

.aboutcontent ul li img{max-width: 100%;width:auto;}

.aboutcontent ul::after{content:"";display: block;width:274px;float:left;}



.abouthonor{background: url(../images/honorbg.jpg) center center no-repeat;min-height:560px;}

.abouthonor ul{display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content:space-between;flex-wrap:wrap;-webkit-flex-wrap:wrap;}

.abouthonor ul li{width:274px;}

.abouthonor ul::after{content:"";display: block;width:274px;float:left;}

.abouthonor h3{font-size:36px;color:#b50000;margin:30px 0}



/*.case ul{display: flex;display: -webkit-flex; justify-content: space-between;-webkit-justify-content: space-between;flex-wrap: wrap;-webkit-flex-wrap:wrap;}*/

.case ul:after{content:"";float:left;width:280px;}

.case ul li{float:left;width: 280px;height: 355px;overflow: hidden;border: 1px solid #dadada;box-sizing: border-box;margin:0 10px 30px 10px;}

.case .pimg{display: flex; justify-content: center; align-items: center;-webkit-justify-content:center;-webkit-align-items:center;width: 280px;height:280px;overflow:hidden;padding:0 10px;box-sizing: border-box;}

.case .pimg img{max-width: 100%;width:auto;max-height: 100%;height:auto;    transition: 0.3s ease 0s;}

.case ul li:hover .pimg img {  transform: scale(1.1);}

.case .txt{padding-top:20px;box-sizing: border-box;border-top:1px solid #e5e5e5;margin:0 20px;height:70px;overflow: hidden;}

.case .txt a{color:#333;}

/*新闻列表*/

.newslist{width:100%;}

.newslist .panel {float:left;width:80px; margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);

	box-shadow: 0 1px 1px rgba(0,0,0,.05);border-color: #ddd;}

.newslist blockquote { padding: 0 20px;  margin: 0 0 20px;  font-size: 17.5px; border-left: 5px solid #eee;display: inline-block;height:70px;}

.panel-heading { color: #333; background-color: #f5f5f5; border-color: #ddd;text-align: center;height: 30px;line-height: 30px;}

.panel-body { height:40px;line-height:40px;text-align: center}

.panel-body::before,.panel-body:after{display: table;content: " ";}

.newslist ul li{width:100%;height:85px;border: none;line-height:25px;clear:both;}

.newslist ul li .txt a{color: #555;}

.newslist ul li:hover{border:none;}

.newslist ul li:hover .txt{border-top:none;background:none;}

.newslist .txt{width:87%;float: left;margin-left:30px;padding-top:0;border-top:none;background:none;}

.newslist ul li:hover .txt a{color:#cc0001}

.newslist .txt small{display: block;color:#bbb;}

.newslist .txt .down{width:80px;text-align: center;height: 30px;line-height:30px;background: #1d2088;border-radius: 20px;font-size:14px;margin-top:12px;}

.newslist .txt .down a,.newslist ul li:hover .down a{color: #fff;}

.nview{line-height:25px;min-height:350px}

.nview h1{font-size:24px;text-align:center;}

.nview a{color:#746d51}



.searchform{width:250px;margin:0 auto; }

.searchinput{width:200px;box-shadow: -1px 1px 5px #746d51;height:30px;line-height:30px;border:none;outline: none;}

.searchsubmit{width: 40px;height: 30px;background: #b50000;color:#fff;border:none;outline: none;}





.izl-rmenu{margin-right: 0;width: 82px;position: fixed;right: 2px;top: 65%;-webkit-box-shadow: #DDD 0px 1px 5px;-moz-box-shadow: #DDD 0px 1px 5px;

	box-shadow: #DDD 0px 1px 5px;z-index:999;}

.izl-rmenu .consult{    background-image: url(../images/consult_icon.gif);  background-repeat: no-repeat; background-position: center -77px;

    display: block;   height: 76px;  width: 82px;}

.izl-rmenu .consult .phone {  background-color: rgb(247,247,255);  position: absolute;  width: 160px;   left: -160px;  top: 0px;line-height: 73px;

    color: #000;   font-size: 18px;  text-align: center;   display: none; box-shadow: #DDD -1px 1px 4px;}

.izl-rmenu a.consult:hover .phone{display:inline !important;}

.izl-rmenu .cart {  background-image: url(../images/consult_icon.gif);   background-repeat: no-repeat;  background-position: center bottom;   display: block;

    height: 16px;   width: 16px;   font-size: 12px;   line-height: 16px;   color: #45BDFF;   text-align: center;  padding-top: 15px;

    padding-right: 18px;   padding-bottom: 47px;   padding-left: 48px;}

.izl-rmenu a.cart:hover .pic{display:block;}

.izl-rmenu .btn_top {  background-image: url(../images/float_top.gif);   background-repeat: no-repeat; background-position: center top;

    display: block;  height: 39px;   width: 82px;  -webkit-transition: all 0s ease-in-out;  -moz-transition: all 0s ease-in-out;

    -o-transition: all 0s ease-in-out;  transition: all 0s ease-in-out;}

.izl-rmenu .btn_top:hover {background-image: url(../images/float_top.gif);background-repeat: no-repeat;background-position: center bottom;}

.izl-rmenu .cart .pic {display:none;  position: absolute;  left: -160px;   top: 65px;  width: 160px;  height: 160px; background:url(../images/ewm.jpg) no-repeat;background-size:100%}



.qq,.qq1{display: block;position: fixed;   right: 2px;   top: 65%;   margin-top: -76px;   -webkit-box-shadow: #DDD 0px -1px 5px;

    -moz-box-shadow: #DDD 0px -1px 5px;  box-shadow: #DDD 0px -1px 5px;   z-index: 10000;   cursor: pointer;background-image: url(../images/consult_icon.gif);

    background-repeat: no-repeat;   background-position: center top;   display: block;   height: 76px;   width: 82px;background-color: #FFF!important;

	z-index:999;}

.qq1{margin-top:-152px;}	

#udesk-feedback-tab {  position: fixed;   right: 2px;   top: 65%;   margin-top: -76px;   -webkit-box-shadow: #DDD 0px -1px 5px;

    -moz-box-shadow: #DDD 0px -1px 5px;  box-shadow: #DDD 0px -1px 5px;   z-index: 10000;   cursor: pointer;background-image: url(../images/consult_icon.gif);

    background-repeat: no-repeat;   background-position: center top;   display: block;   height: 76px;   width: 82px;background-color: #FFF!important;

	z-index:999;}

#udesk-feedback-tab1 {  position: fixed;   right: 2px;   top: 54%;   margin-top: -76px;   -webkit-box-shadow: #DDD 0px -1px 5px;

		-moz-box-shadow: #DDD 0px -1px 5px;  box-shadow: #DDD 0px -1px 5px;   z-index: 10000;   cursor: pointer;background-image: url(../images/consult_icon.gif);

		background-repeat: no-repeat;   background-position: center top;   display: block;   height: 76px;   width: 82px;background-color: #FFF!important;

		z-index:999;}	
.btn-nav{display: none;}

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

.nbanner{width:100%;margin:0 auto;}

}

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

.w100,nav,.nbanner{width:1200px;margin:0 auto;}

}	
@media screen and (max-width:661px){
	.top{display: none;}
	.product .swiper-button-next, .product .swiper-button-prev{width: 32px !important;height: 32px !important;top: 54%;}
	.product .swiper-button-prev, .product.swiper-container-rtl .swiper-button-next{left: 4%;}
	.product .swiper-button-next, .product .swiper-button-prev{right: 4%;}
	.w100, nav, .nbanner{width: 100%}
	nav .smenu:hover>.menu{display: none}
	.w1200{width: 100%}
	.logo{width: 300px;margin-left: 20px;padding-bottom: 0;height: 100px}
	.logo img{width: 100%}
	.tel{display: none}
	nav ul{display: block;width: 100%;line-height: normal}
	nav ul li{padding:0 10px;}
	nav ul li:hover{background: none;}
	.banner{height: 200px;}
	.banner .swiper-slide{background-size: 160% !important}
	.product{padding: 30px 10px;}
	.product abbr{text-align: center;float:none;}
	.product .more{float: none;margin: 20px auto}
	.product .pimg{text-align: center;width: 100%;height: auto;}
	.product .pimg a{display: block;margin: 0 auto}
	.product .pimg img{display: block;}
	.naiyong{width: 100%;background-size: 168%;height: 157px}
	.about{padding: 30px 0;}
	.about abbr{text-align: center;width: 95%;margin: 0 2%;display: block}
	.about p{width: 100%}
	.about .more{margin: 0 auto}
	.about .more>a{padding: 0;}
	.why{background: url(../images/aboutbg1.jpg) top center no-repeat;box-shadow: 1px 3px 12px #606060;height: 500px}
	.whyleft{float: none;}
	.whyleft abbr{font-size: 36px;text-align: center;}
	.whyleft span{font-size: 28px;text-align: center}
	.whyright{float: none;text-align: center;padding-top: 30px;}
	.why ul{margin-top: 50px}
	.news{padding: 30px 0;width: 95%;margin: 0 auto;height: auto;}
	.news abbr{font-size:22px;}
	.footico{height: auto;}
	.footico ul li{min-width: auto;width: 100%;height: 70px;margin-left: 30px}
	.footico ul{display: block;}
	.footlogo{width: 100%;float: none;}
	.footlogo img{margin: 0 auto;display: block}
	.footicp{margin: 20px auto;width: 95%;float: none;}
	.footewm{width: 100%}
	.nbanner .position h1{margin-left: 30px;}
	.nbanner .position abbr{margin-left: 30px;width: 80%;display: block}
	.aboutcontent .nleft{width: 95%;margin: 0 auto;float: none;}
	.aboutcontent h3{text-align: center}
	.aboutcontent .nright{width: 100%}
	.aboutcontent .nright img{width: 100%}
	.abouthonor h3{text-align: center}
	.abouthonor ul{width: 95%;margin: 0 auto}
	.abouthonor ul li{width: 49%;}
	.abouthonor ul li img{width: 100%}
	.aboutcontent ul{width: 95%;margin: 0 auto}
	.aboutcontent ul li{width: 49%;height: auto}
	.case ul{margin: 0 auto;width: 95%;}
	.case ul li{width: 100%;margin: 10px 0;}
	.case .pimg{width: 100%;padding: 0}
	#pictureViewer>.content{width: 100% !important;}
	.aboutcontent p{margin-left: 20px;}
	.m35{margin-top: 0px;}
	.case{margin-top: 20px}
	.left{width: 100%;float: none;}
	.left dl{width: 92%}
	.right{float: none;width: 100%}
	.newslist{width: 95%;margin: 0 auto}
	.newslist blockquote{font-size:15.5px}
	.newslist .txt{width: 68%}
	.newslist .txt small{height: 53px;display: block;overflow: hidden}
	.newslist ul li{margin: 20px 0;}
	.nview{width: 95%;margin: 20px auto}
	.nview h1{line-height: 40px;margin: 20px auto}
	.plist{display: none;}
	.right{margin-top: 30px}
	.right .fl{width: 40%;overflow: hidden;margin: 20px 0}
	.right .fr{width: 40%;overflow: hidden;margin: 20px 0}
	.right .plist{display: block}
	.left dl dt a{font-size: 18px;}
	.left dl dd{font-size: 14px;display: none;}
	.right strong{margin-top: 30px;}
	.right .plist ul li{width: 44%;}
	.right .plist .pimg{width: 100%;height: 175px}
	.page .page-index{display: none}
	.page .page-last{display: none}
	.picFocus{width:100% !important}
	.page a{padding: 0 7px}
.btn-nav {
	display: block;
	position: absolute;
  
  
	right: 6px;
	top: 20px;
  
	background: transparent;
  
	border: none;
  
	padding: 6px;
  
	-webkit-transition: all .5s ease;
  
	-moz-transition: all .5s ease;
  
	-ms-transition: all .5s ease;
  
	-o-transition: all .5s ease;
  
	transition: all .5s ease;
  
	cursor: pointer;
  
	z-index: 99999;
  
	color: #333;
  box-sizing: border-box;
	
  
  }
  
  
  
  .btn-nav:focus {
  
	outline: 0;
  
  }
  
  
  
  .icon-bar {
  
	display: block;
  
	margin: 6px 0;
  
	width: 35px;
  
	height: 5px;
  
	background-color: #cc0001;
  
  }
  
  
  
  .btn-nav:hover .icon-bar {
  
	-webkit-transition: all 1s ease;
  
	-moz-transition: all 1s ease;
  
	-ms-transition: all 1s ease;
  
	-o-transition: all 1s ease;
  
	transition: all 1s ease;
  
	background:#cc0001;
  
  }
  
  
  
  .nav-content {
  
	position: fixed;
  
	top: -100%;
  
	bottom: 0;
  
	left: 0;
  
	right: 0;
  
	background: rgba(0,0,0,0.7);
  
	display: block;
  
	height: 100%;
  
	z-index: 999;
  
  }
  
  
  
  .nav-list {
  
	list-style: none;
  
	padding: 0;
  
	position: relative;
  
	top: 10%;
  
  }
  
  
  
  .item-anchor:after {
  
	content: "";
  
	position: absolute;
  
	width: 3px;
  
	height: 3px;
  
	left: 0;
  
	bottom: 0;
  
	z-index: 9;
  
	background: transparent;
  
	-webkit-transition: all 1s ease;
  
	-moz-transition: all 1s ease;
  
	-ms-transition: all 1s ease;
  
	-o-transition: all 1s ease;
  
	transition: all 1s ease;
  
  }
  
  
  
  .item-anchor {
  
	color: #fff;
  
	font-size: 18px;
  
	text-transform: uppercase;
  
	position: relative;
  
	text-decoration: none;
  
	padding: 10px;
  
  }
  
  
  
  .item-anchor:hover,
  
  .item-anchor:focus {
  
	color: #fff;
  
	-webkit-transition: all 1s ease;
  
	-moz-transition: all 1s ease;
  
	-ms-transition: all 1s ease;
  
	-o-transition: all 1s ease;
  
	transition: all 1s ease;
  
  }
  
  
  
  .item-anchor:hover:after,
  
  .item-anchor:focus:after{
  
	width: 100%;
  
	background: #fff;
  
	-webkit-transition: all 1s ease;
  
	-moz-transition: all 1s ease;
  
	-ms-transition: all 1s ease;
  
	-o-transition: all 1s ease;
  
	transition: all 1s ease;
  
  }
  
  
  
  .nav-item {
  
	margin: 5% auto;
  
	text-align: center;
  
  }
  
  
  
  .animated {
  
	display: block;
  
	margin: 0 auto;
  
  }
  
  
  
  .animated:hover .icon-bar,
  
  .animated:focus .icon-bar
  
  {
  
	background-color: #fff;
  
  }
  
  .animated p{color: #fff;margin:0;}
  
  .animated:focus {
  
	cursor: pointer;
  
	z-index: 9999;
  
  }
  
  
  
  .middle {
  
	margin: 0 auto;
  
  }
  
  
  
  .icon-bar {
  
	-webkit-transition: all .7s ease;
  
	-moz-transition: all .7s ease;
  
	-ms-transition: all .7s ease;
  
	-o-transition: all .7s ease;
  
	transition: all .7s ease;
  
	z-index: 999999;
  
  }
  
  
  
  .animated .icon-bar {
  
	z-index: 999999;
  
	background-color: #fff;
  
  }
  
  
  
  .animated .top {
  
	-webkit-transform: translateY(10px) rotateZ(45deg);
  
	-moz-transform: translateY(10px) rotateZ(45deg);
  
	-ms-transform: translateY(10px) rotateZ(45deg);
  
	-o-transform: translateY(10px) rotateZ(45deg);
  
	transform: translateY(10px) rotateZ(45deg);
  
  }
  
  
  
  .animated .bottom {
  
	-webkit-transform: translateY(-11px) rotateZ(-45deg);
  
	-moz-transform: translateY(-11px) rotateZ(-45deg);
  
	-ms-transform: translateY(-11px) rotateZ(-45deg);
  
	-o-transform: translateY(-11px) rotateZ(-45deg);
  
	transform: translateY(-11px) rotateZ(-45deg);
  
  }
  
  
  
  .animated .middle {
  
	width: 0;
  
  }
  
  
  
  @keyframes showNav {
  
	from {
  
	  top: -100%;
  
	}
  
	to {
  
	  top: 0;
  
	}
  
  }
  
  
  
  @-webkit-keyframes showNav {
  
	from {
  
	  top: -100%;
  
	}
  
	to {
  
	  top: 0;
  
	}
  
  }
  
  
  
  @-moz-keyframes showNav {
  
	from {
  
	  top: -100%;
  
	}
  
	to {
  
	  top: 0;
  
	}
  
  }
  
  
  
  @-o-keyframes showNav {
  
	from {
  
	  top: -100%;
  
	}
  
	to {
  
	  top: 0;
  
	}
  
  }
  
  
  
  .showNav {
  
	-webkit-animation: showNav 1s ease forwards;
  
	-moz-animation: showNav 1s ease forwards;
  
	-o-animation: showNav 1s ease forwards;
  
	animation: showNav 1s ease forwards;
  
  }
  
  
  
  @keyframes hideNav {
  
	from {
  
	  top: 0;
  
	}
  
	to {
  
	  top: -100%;
  
	}
  
  }
  
  
  
  @-webkit-keyframes hideNav {
  
	from {
  
	  top: 0;
  
	}
  
	to {
  
	  top: -100%;
  
	}
  
  }
  
  
  
  @-moz-keyframes hideNav {
  
	from {
  
	  top: 0;
  
	}
  
	to {
  
	  top: -100%;
  
	}
  
  }
  
  
  
  @-o-keyframes hideNav {
  
	from {
  
	  top: 0;
  
	}
  
	to {
  
	  top: -100%;
  
	}
  
  }
  
  
  
  .hideNav {
  
	-webkit-animation: hideNav 1s ease forwards;
  
	-moz-animation: hideNav 1s ease forwards;
  
	-o-animation: hideNav 1s ease forwards;
  
	animation: hideNav 1s ease forwards;
  
  }
  
  
  
  .hidden1 {
  
	display: none;
  
  }
}