@charset "utf-8";
/* CSS Document */
@font-face{
font-family: 'yuehei';
src: url('./font/MFYueHei_Noncommercial-Regular.ttf'),
src: url('./font/MFYueHei_Noncommercial-Regular.woff') format('woff'),
	 url('./font/MFYueHei_Noncommercial-Regular.ttf') format('truetype'),
	 url('./font/MFYueHei_Noncommercial-Regular.svg') format('svg');
font-weight: normal; font-style: normal;
}

body{margin: 0; padding: 0; font-size:12px; color: #676767; line-height: 24px; font-family:"微软雅黑"; background: #fff; }

a{color: #676767; text-decoration: none; transition: all .4s;}
a:hover{color: #5a1214;}
ul,ul li{margin: 0; padding: 0;}
img{border: 0; vertical-align: middle; max-width: 100%; height: auto;}
.web{display:block!important;}
.phone{display:none!important;}

.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}
.wrap{width: 1002px; margin: 0 auto;}
header{height: 132px; background: #bd252c;}
.logo{height: 41px; width: 202px; background: url("index_03.jpg") center no-repeat; margin: 42px 0 0 0;}
.logo a{height: 41px; display: block;}
.lang{height: 30px; line-height: 30px; padding: 12px 0 0 0; color: #fff; text-align: right;}
.lang a{color: #fff; line-height: 30px;}
.nav{height: 65px; line-height: 65px; text-align: right; position: relative;}
.nav ul {}
.nav ul li{display: inline-block; margin-left: 68px;}
.nav ul li a{line-height: 65px; font-size: 18px; color: #fff; font-family: 'yuehei';}
/*.nav .searchform{
    position: absolute; width: 100%; height: 38px; display: none; bottom: -73px; left: 0; right: 0; padding: 5px 0; background: #fff; z-index: 9999; transition: all .4s;
}
.nav .searchform.active{display: block;}
*/
.stxtbox{position: relative;}
.stxtbox button{background: none;position: absolute; top: 0; right: 0; color: #666; }
.stxtbox button:hover{color: #666;}

.searchformphone{
    position: relative; width: 40%; height: 38px; display: block; padding: 0px 2%; background: #fff; z-index: 9999; transition: all .4s; float: right;
}
.searchformphone.stxtbox{position: relative;}
.searchformphone.stxtbox button{background: none;position: absolute; top: 0; right: 0; color: #666; }
.searchformphone.stxtbox button:hover{color: #666;}

.mbbox{padding:5px 0; margin-right:0px;}
.mbbox a.mobileBtn{width:30px; height:30px; float: right; margin: 0px 0px 0 0;  cursor:pointer; position: relative;
transition:.2s .1s; -moz-transition:.2s .1s; -ms-transition:.2s .1s; -o-transition:.2s .1s; -webkit-transition:.2s .1s;
transition:0.4s cubic-bezier(0.215, 0.61, 0.355, 1); 
-moz-transition:0.4s cubic-bezier(0.215, 0.61, 0.355, 1); 
-ms-transition:0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
 -o-transition:0.4s cubic-bezier(0.215, 0.61, 0.355, 1); 
-webkit-transition:0.4s cubic-bezier(0.215, 0.61, 0.355, 1); }
.mbbox a.mobileBtn hr{height:4px; background:#ffffff;  display:block; margin:0; padding:0; border:none; position:absolute;
transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; -webkit-transition:.3s;}
.mbbox a.mobileBtn hr:nth-child(1){width:100%; top:0; right:0;}
.mbbox a.mobileBtn hr:nth-child(2){width:40%; top:50%; left:0; margin-top:-2px; opacity:1;}
.mbbox a.mobileBtn hr:nth-child(3){width:40%; top:50%; right:0; margin-top:-2px; opacity:1;}
.mbbox a.mobileBtn hr:nth-child(4){width:100%; bottom:0; right:0;}

.banner .slide div{height: 600px;background-position: center; background-repeat: no-repeat; background-size: cover!important;}
.banner .slide .slidebox{position: relative; height: 600px; z-index: 999;}
.banner .slide .slidebox .slidecon{position: absolute; width: 304px; height: 344px; top: 40%; right: 20%; margin: -172px -152px 0 0; }

.iprobox{padding: 66px 0 0 0; width: 100%;}
.iprobox .tit{margin-bottom: 60px; text-align: center;}
.iprobox .tit div{display: inline-block;background:url("index_09.jpg") left center no-repeat; font-family:'yuehei'; font-size: 30px; line-height: 30px; color: #000; padding: 0 0 0 25px;}
.iprobox .con{height: 306px; padding-bottom: 60px; position: relative;}
.iprobox .con .graybg{top: 96px; background: #807f7b; position: absolute; bottom: 0; left: 0; right: 0; z-index: 1;}
.iprobox .con ul{ position: relative; z-index: 99;}
.iprobox .con ul li{width: 296px; float: left; margin-right: 57px;}
.iprobox .con ul li:nth-last-child(1){margin-right: 0;}
.iprobox .con ul li a.protit{height: 96px; display: block; background: #a71f24; color: #fff; position: relative; padding-left: 92px; font-size: 20px; line-height: 96px; }
.iprobox .con ul li a.protit:after{content: ''; border-bottom: 2px solid #daa1a3; position: absolute; left: 92px; top: 70px; width: 45px;}
.iprobox .con ul li a.pic{display: block;}

.inewsbox{padding: 66px 0 0 0; width: 100%;}
.inewsbox .tit{margin-bottom: 60px; text-align: center;}
.inewsbox .tit div{display: inline-block;background:url("index_09.jpg") left center no-repeat; font-family:'yuehei'; font-size: 30px; line-height: 30px; color: #000; padding: 0 0 0 25px;}
.inewsbox .con{padding-bottom: 60px; position: relative;}
.inewsbox .con ul{ position: relative; z-index: 99;}
.inewsbox .con ul li{width: 254px; float: left; margin-right: 57px; padding: 26px 21px; background: #f5f5f5;}
.inewsbox .con ul li:nth-last-child(1){margin-right: 0;}
.inewsbox .con ul li a.inewstit{ display: block;  color: #5a1214; position: relative; font-size: 18px; line-height: 24px; margin: 20px 0; text-align: center;}
.inewsbox .con ul li .intro{height: 72px; }
.inewsbox .con ul li a.pic{display: block;}
.inewsbox .con ul li a.more{width: 13px; height: 14px; background: url("index_28.jpg") no-repeat; float: right;}

.icasesbox{padding: 66px 0 0 0; width: 100%;}
.icasesbox .tit{margin-bottom: 60px; text-align: center;}
.icasesbox .tit div{display: inline-block;background:url("index_09.jpg") left center no-repeat; font-family:'yuehei'; font-size: 30px; line-height: 30px; color: #000; padding: 0 0 0 25px;}
.icasesbox .con{padding-bottom: 60px; position: relative;}
.icasesbox .con ul{ position: relative; z-index: 99;}
.icasesbox .con ul li{width: 296px; float: left; margin-right: 57px; }
.icasesbox .con ul li:nth-last-child(1){margin-right: 0;}
.icasesbox .con ul li a.icasetit{ display: block;  color: #000; position: relative; font-size: 18px; line-height: 24px; margin: 25px 0; text-align: center;}
.icasesbox .con ul li a.pic{display: block;}

.iabout{height: 359px; width: 100%; background: url("iabout.jpg") top center no-repeat #8e8799; padding: 54px 0 0 0;}
.iabout .tit{height: 25px; background: url('abouttit.png') center no-repeat; margin-bottom: 40px; }
.iabout .con{font-size: 14px; line-height: 36px; color: #fff;}
.iabout .con .more{text-align: center; padding-top: 40px;}
.iabout .con .more a{display: inline-block; padding: 0px 30px; color: #fff; border: 1px solid #fff; font-size: 14px;}

.footer{width: 100%; padding: 40px 0; background: #807f7b; color: #fff; font-size: 12px; line-height: 30px;}
.footer .contactinfo{width: 25%;}
.footer .wx{width: 50%; float: left; text-align: center;}
.footer .wx div{margin: 0 20px; width: 120px; display: inline-block; font-size: 12px; color: #fff; vertical-align: top;}
.footer .copyinfo{width: 25%; text-align: right;}
.footer a{color: #fff;}

.infobanner{height: 352px; width: 100%; background-position: center; background-repeat: no-repeat; background-size: cover;}

.main{padding: 40px 0; width: 100%;}
.main-tit{height: 36px; }
.main-tit .tit{padding-left: 25px; display: inline-block;background: url(about_03.jpg) left center no-repeat; font-size: 30px; line-height: 36px; color: #000;}
.main-tit .catebox{float: right; height: 36px;}
.main-tit .catebox a{display: inline-block; line-height: 36px; color: #676767; padding: 0 20px; font-size: 18px; }
.main-tit .catebox a:hover,.main-tit .catebox a.active{background: #ff7800; color: #fff;}

.main-con{padding: 40px 0 0 0;}

.about-left{width: 463px;  float: left; margin-bottom: 20px;}
.about-right{width: 490px; float: right; line-height: 48px; font-size: 14px;}
.about-right .tit{font-size: 24px; line-height: 48px; margin-bottom: 40px; color: #bd252c;}

ul.caseslist{ position: relative; z-index: 99;}
ul.caseslist li{width: 296px; float: left; margin-right: 57px; }
ul.caseslist li:nth-child(3n){margin-right: 0;}
ul.caseslist li a.icasetit{ display: block;  color: #000; position: relative; font-size: 18px; line-height: 24px; margin: 25px 0; text-align: center;}
ul.caseslist li a.pic{display: block;}

ul.prolist{ position: relative; z-index: 99;}
ul.prolist li{width: 296px; float: left; margin-right: 57px; margin-bottom: 57px; }
ul.prolist li:nth-child(3n){margin-right: 0;}
ul.prolist li a.pic{display: block; position: relative; border: 1px solid #cbcbcb; min-height: 260px;}
ul.prolist li div.protit{ height: 36px;  color: #ff7800; line-height: 36px;  font-size: 18px; }
ul.prolist li div.protit a{color: #ff7800;}
ul.prolist li div.attr{line-height: 22px; font-size: 12px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
ul.prolist li div.attr b{color: #555;}

.hotnews{ padding: 30px 0;}
.hotnews .pic{width: 30%; float: right; margin-left: 5%;}
.hotnews .text{}
.hotnews .text a.newstit{font-size: 26px; line-height: 48px; margin-bottom: 30px;display: inline-block;}
.hotnews .text .intro{font-size: 14px; line-height: 36px; margin-bottom: 20px;}
.hotnews .text a.more{color: #ff7800; font-size: 14px;}
.newslist{border-top: 1px solid #d7d7d7;}
.newslist li{ height: 70px; line-height: 70px; background: url(line.jpg) bottom repeat-x;}
.newslist li a{display: inline-block; width: 70%;white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.newslist li span{display: inline-block; width: 25%; text-align: right; float: right;}
.prodetailtit{font-size: 20px; line-height: 50px; margin-bottom: 20px; text-align: center;}
.prodetailpic{margin-bottom: 20px; text-align: center;}
.prodetailcon{font-size: 14px; line-height: 30px;}

.newsdetailtit{font-size: 20px; line-height: 50px; margin-bottom: 20px; text-align: center;}
.newsdetailcon{font-size: 14px; line-height: 30px;}

.pagelist{margin: 30px auto; text-align: center;}
.pagelist li{display: inline-block;}
.pagelist li a{padding: 4px 6px; background: #f5f5f5; color: #000;}
.pagelist li a.current,.pagelist li a:hover{background: #ff7800; color: #fff;}

.prodetailbox{width: 100%; margin-bottom: 60px; padding-top:30px; }
.prodetailbox .propicLeft{width: 50%; float: left; margin-bottom: 30px;}
.prodetailbox .prodetailRight{width: 40%; margin-left: 5%; float: left; margin-bottom: 30px;} 
.prodetailRight h2{margin: 0; padding: 0; font-size: 36px; color: #ff7800; font-weight: normal; }
.prodetailRight h4{margin: 0; padding: 0; font-size: 16px; color: #555; font-weight: normal;font-weight: lighter;
    color: #999;
    margin-top: 10px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e8e8e8;}
.prodetailRight .proattr{line-height: 20px; font-size: 14px; color: #555; font-weight: lighter; padding: 5px 0;}
.prodetailRight .proattr b{margin-right: 20px; color: #555; font-size: 14px; float: left;}
.prodetailRight .proattr .txt{margin-left: 90px;}

@media(min-width:1002px) and (max-width:1200px){
	.wrap{width:1002px; margin:0 auto;}
	
}
@media(min-width:768px) and (max-width:962px){
	.wrap{width:96%; margin:0 auto;}
	.nav ul li{display: inline-block; margin-left: 32px;}
	
	.about-left{width: 40%; height: 600px; float: left;}
	.about-right{width: 45%; float: right; line-height: 48px; font-size: 14px;}
}
@media(min-width:768px) and (max-width:1001px){
	.wrap{width:96%; margin:0 auto;}
	.banner .slide div{height: 337px;}
	.banner .slide .slidebox{position: relative; height: 337px; z-index: 999;}
	.iprobox{padding: 40px 0 0 0; width: 100%;}
	.iprobox .tit{margin-bottom: 40px; text-align: center;}
	.iprobox .con{height: auto; padding-bottom: 40px; position: relative;}
	.iprobox .con .graybg{ background: #807f7b; position: absolute; top: 66px; bottom: 0; left: 0; right: 0; z-index: 1;}
	.iprobox .con ul{ position: relative; z-index: 99;}
	.iprobox .con ul li{width: 30%; float: left; margin-right: 5%;}
	.iprobox .con ul li:nth-last-child(1){margin-right: 0;}
	.iprobox .con ul li a.protit{height: 66px; display: block; background: #a71f24; color: #fff; position: relative; padding-left: 66px; font-size: 20px; line-height: 66px; }
	.iprobox .con ul li a.protit:after{content: ''; border-bottom: 2px solid #daa1a3; position: absolute; left: 66px; top: 50px; width: 45px;}
	.iprobox .con ul li a.pic{display: block;}
	
	
	.inewsbox{padding: 40px 0 0 0; width: 100%;}
	.inewsbox .tit{margin-bottom: 40px; text-align: center;}
	.inewsbox .tit div{display: inline-block;background:url("index_09.jpg") left center no-repeat; font-family:'yuehei'; font-size: 30px; line-height: 30px; color: #000; padding: 0 0 0 25px;}
	.inewsbox .con{padding-bottom: 40px; position: relative;}
	.inewsbox .con ul{ position: relative; z-index: 99;}
	.inewsbox .con ul li{width: 26%; float: left; margin-right: 5%; padding: 20px 2%; background: #f5f5f5;}
	.inewsbox .con ul li:nth-last-child(1){margin-right: 0;}
	.inewsbox .con ul li a.inewstit{ display: block;  color: #5a1214; position: relative; font-size: 18px; line-height: 24px; margin: 15px 0; text-align: center;}
	.inewsbox .con ul li .intro{height: 72px; }
	.inewsbox .con ul li a.pic{display: block;}
	.inewsbox .con ul li a.more{width: 13px; height: 14px; background: url("index_28.jpg") no-repeat; float: right;}
	
	
	.icasesbox{padding: 20px 0 0 0; width: 100%;}
	.icasesbox .tit{margin-bottom: 20px; text-align: center;}
	.icasesbox .tit div{display: inline-block;background:url("index_09.jpg") left center no-repeat; font-family:'yuehei'; font-size: 22px; line-height: 30px; color: #000; padding: 0 0 0 25px;}
	.icasesbox .con{padding-bottom: 20px; position: relative;}
	.icasesbox .con ul{ position: relative; z-index: 99;}
	.icasesbox .con ul li{width: 30%; float: left; margin-right: 5%; }
	.icasesbox .con ul li:nth-last-child(1){margin-right: 0;}
	.icasesbox .con ul li a.icasetit{ display: block;  color: #000; position: relative; font-size: 18px; line-height: 24px; margin: 15px 0; text-align: center;}
	.icasesbox .con ul li a.pic{display: block;}
	
	ul.caseslist{ position: relative; z-index: 99;}
	ul.caseslist li{width: 30%; float: left; margin-right: 5%; }
	ul.caseslist li:nth-child(3n){margin-right: 0;}
	ul.caseslist li a.icasetit{ display: block;  color: #000; position: relative; font-size: 18px; line-height: 24px; margin: 15px 0; text-align: center;}
	ul.caseslist li a.pic{display: block;}
	ul.prolist{ position: relative; z-index: 99;}
	ul.prolist li{width: 30%; float: left; margin-right: 5%; margin-bottom: 40px; }
	ul.prolist li:nth-child(3n){margin-right: 0;}
	ul.prolist li a.pic{display: block; position: relative; border: 1px solid #cbcbcb; min-height: 260px;}
	ul.prolist li a.pic div.protit{position: absolute; bottom: 0; left: 0; right: 0; text-align: center;}
	ul.prolist li a.pic div.protit div { height: 36px; background: #ff7800; color: #fff; line-height: 36px;padding: 0 20px; font-size: 18px; display: inline-block;}
	
	.infobanner{height: 300px}
}
@media(max-width:768px){
	.wrap{width: 96%; margin: 0 auto;}
	
	.web{display:none!important;}
	.phone{display:block!important;}
	
	.mbbox a.mobileBtn.open hr:nth-child(1){width:100%; top:50%; margin-top:-2px; transform:rotate(45deg); -moz-transform:rotate(45deg);
-ms-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg); 
transform-origin:center; -moz-transform-origin:center; -ms-transform-origin:center; 
-o-transform-origin:center; -webkit-transform-origin:center;}
	.mbbox a.mobileBtn.open hr:nth-child(2){opacity:0; left:-50%;}
	.mbbox a.mobileBtn.open hr:nth-child(3){opacity:0; right:-50%;}
	.mbbox a.mobileBtn.open hr:nth-child(4){width:100%; bottom:50%; margin-bottom:-2px; transform:rotate(-45deg); -moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform-origin:center; -moz-transform-origin:center; -ms-transform-origin:center; -o-transform-origin:center; -webkit-transform-origin:center;}
	
	.nav{width:100%; text-align: center; height: auto;  line-height: 45px; position:absolute;  background:#fff; left:-100%; transition:all .4s; z-index: 9999; top: 132px; }
	.nav.open{left:0;}
	.nav ul{ }
	.nav ul li{width:100%; padding:0; height:45px; line-height:45px; margin: 0;}
	.nav ul li.open{}
	.nav ul li a{color: #676767; line-height: 45px;}
	
	
	.banner .slide div{height: 337px;}
	.banner .slide .slidebox{position: relative; height: 337px; z-index: 999;}
	
	.iprobox{padding: 20px 0 0 0; width: 100%;}
	.iprobox .tit{margin-bottom: 20px; text-align: center;}
	.iprobox .con{height: auto; padding-bottom: 50px; position: relative;}
	.iprobox .con .graybg{ background: #807f7b; position: absolute; top: 50px; bottom: 0; left: 0; right: 0; z-index: 1;}
	.iprobox .con ul{ position: relative; z-index: 99;}
	.iprobox .con ul li{width: 30%; float: left; margin-right: 5%;}
	.iprobox .con ul li:nth-last-child(1){margin-right: 0;}
	.iprobox .con ul li a.protit{height: 50px; display: block; background: #a71f24; color: #fff; position: relative; padding-left: 50px; font-size: 16px; line-height: 50px; }
	.iprobox .con ul li a.protit:after{content: ''; border-bottom: 2px solid #daa1a3; position: absolute; left: 50px; top: 40px; width: 40px;}
	.iprobox .con ul li a.pic{display: block;}
	
	.inewsbox{padding: 20px 0 0 0; width: 100%;}
	.inewsbox .tit{margin-bottom: 20px; text-align: center;}
	.inewsbox .tit div{display: inline-block;background:url("index_09.jpg") left center no-repeat; font-family:'yuehei'; font-size: 30px; line-height: 30px; color: #000; padding: 0 0 0 25px;}
	.inewsbox .con{padding-bottom: 20px; position: relative;}
	.inewsbox .con ul{ position: relative; z-index: 99;}
	.inewsbox .con ul li{width: 26%; float: left; margin-right: 5%; padding: 10px 2%; background: #f5f5f5;}
	.inewsbox .con ul li:nth-last-child(1){margin-right: 0;}
	.inewsbox .con ul li a.inewstit{ display: block;  color: #5a1214; position: relative; font-size: 18px; line-height: 24px; margin: 15px 0; text-align: center;}
	.inewsbox .con ul li .intro{height: 72px; }
	.inewsbox .con ul li a.pic{display: block;}
	.inewsbox .con ul li a.more{width: 13px; height: 14px; background: url("index_28.jpg") no-repeat; float: right;}
	
	.icasesbox{padding: 20px 0 0 0; width: 100%;}
	.icasesbox .tit{margin-bottom: 20px; text-align: center;}
	.icasesbox .tit div{display: inline-block;background:url("index_09.jpg") left center no-repeat; font-family:'yuehei'; font-size: 22px; line-height: 30px; color: #000; padding: 0 0 0 25px;}
	.icasesbox .con{padding-bottom: 20px; position: relative;}
	.icasesbox .con ul{ position: relative; z-index: 99;}
	.icasesbox .con ul li{width: 30%; float: left; margin-right: 5%; }
	.icasesbox .con ul li:nth-last-child(1){margin-right: 0;}
	.icasesbox .con ul li a.icasetit{ display: block;  color: #000; position: relative; font-size: 18px; line-height: 24px; margin: 15px 0; text-align: center;}
	.icasesbox .con ul li a.pic{display: block;}
	
	.iabout{height: 389px; width: 100%; background: url("iabout.jpg") top center no-repeat #8e8799; padding: 24px 0 0 0;}
	.iabout .tit{height: 25px; background: url('abouttit.png') center no-repeat; margin-bottom: 20px; }
	.iabout .con{font-size: 14px; line-height: 36px; color: #fff;}
	.iabout .con .more{text-align: center; padding-top: 20px;}
	.iabout .con .more a{display: inline-block; padding: 0px 30px; color: #fff; border: 1px solid #fff; font-size: 14px;}
	
	ul.caseslist{ position: relative; z-index: 99;}
	ul.caseslist li{width: 30%; float: left; margin-right: 5%; }
	ul.caseslist li:nth-child(3n){margin-right: 0;}
	ul.caseslist li a.icasetit{ display: block;  color: #000; position: relative; font-size: 18px; line-height: 24px; margin: 15px 0; text-align: center;}
	ul.caseslist li a.pic{display: block;}
	
	
	ul.prolist{ position: relative; z-index: 99;}
	ul.prolist li{width: 30%; float: left; margin-right: 5%; margin-bottom: 40px; }
	ul.prolist li:nth-child(3n){margin-right: 0;}
	ul.prolist li a.pic{display: block; position: relative; border: 1px solid #cbcbcb;}
	ul.prolist li a.pic div.protit{position: absolute; bottom: 0; left: 0; right: 0; text-align: center;}
	ul.prolist li a.pic div.protit div { height: 36px; background: #ff7800; color: #fff; line-height: 36px;padding: 0 20px; font-size: 18px; display: inline-block;}
	
	.about-left{width: 100%;  float: none; display: none; text-align: center;}
	.about-right{width: 100%; float: none; line-height: 48px; font-size: 14px;}
	.hotnews .text a.newstit{font-size: 20px; line-height: 30px; margin-bottom: 20px;display: inline-block;}
	.hotnews .text .intro{font-size: 14px; line-height: 36px; margin-bottom: 20px;}
	
	.infobanner{height: 260px}
    .prodetailbox .propicLeft{width: 100%; float: none;}
    .prodetailbox .prodetailRight{width: 95%; margin-left: 5%; float: none;} 
    
    a.searchbtn{display: none;}
    .nav .searchform{display: none; position:relative; bottom: 0; padding: 5px 2%; width: 96%;}
    
    .searchformphone{
    position: relative; width: 30%; height: 38px; display: block; padding: 5px 2%; background: #fff; z-index: 9999; transition: all .4s; margin-bottom: 10px; margin-top: 15px;
}
.searchformphone.stxtbox{position: relative;}
.searchformphone.stxtbox button{background: none;position: absolute; top: 0; right: 0; color: #666; }
.searchformphone.stxtbox button:hover{color: #666;}
}

@media(max-width:590px){
	.wrap{width: 96%; margin: 0 auto;}
	
	.web{display:none!important;}
	.phone{display:block!important;}
	
	.banner .slide div{height: 200px;}
	.banner .slide .slidebox{position: relative; height: 200px; z-index: 999;}
	
	.iprobox{padding: 20px 0 0 0; width: 100%;}
	.iprobox .tit{margin-bottom: 20px; text-align: center;}
	.iprobox .con{height: auto; padding-bottom: 0px; position: relative;}
	.iprobox .con .graybg{ background: #807f7b; position: absolute; top: 50px; bottom: 0; left: 0; right: 0; z-index: 1; display: none;}
	.iprobox .con ul{ position: relative; z-index: 99;}
	.iprobox .con ul li{width: 100%; float: left; margin-right: 0; margin-bottom: 20px;}
	.iprobox .con ul li:nth-last-child(1){margin-right: 0;}
	.iprobox .con ul li a.protit{height: 50px; display: block; background: #a71f24; color: #fff; position: relative; padding-left: 50px; font-size: 16px; line-height: 50px; }
	.iprobox .con ul li a.protit:after{content: ''; border-bottom: 2px solid #daa1a3; position: absolute; left: 50px; top: 40px; width: 40px;}
	.iprobox .con ul li a.pic{display: block; text-align: center;}
	.iprobox .con ul li a.pic img{width: 100%;}
	
	.inewsbox{padding: 20px 0 0 0; width: 100%;}
	.inewsbox .tit{margin-bottom: 20px; text-align: center;}
	.inewsbox .tit div{display: inline-block;background:url("index_09.jpg") left center no-repeat; font-family:'yuehei'; font-size: 22px; line-height: 24px; color: #000; padding: 0 0 0 25px;}
	.inewsbox .con{padding-bottom: 20px; position: relative;}
	.inewsbox .con ul{ position: relative; z-index: 99;}
	.inewsbox .con ul li{width: 96%; float: none;  padding: 10px 2%; background: #f5f5f5; margin-bottom: 8px;}
	.inewsbox .con ul li:after{content: ''; width: 100%; display: block; clear: both;}
	.inewsbox .con ul li:nth-last-child(1){margin-right: 0;}
	.inewsbox .con ul li a.inewstit{ display: block;  color: #5a1214; position: relative; font-size: 18px; line-height: 24px; margin: 5px 0; text-align: center;}
	.inewsbox .con ul li .intro{height: 72px; }
	.inewsbox .con ul li a.pic{display: block; width: 40%; float: left; margin-right: 10px; height: 100px;}
	.inewsbox .con ul li a.pic img{max-height: 100%; max-width: 100%;}
	.inewsbox .con ul li a.more{display: none;}
	
	.icasesbox{padding: 20px 0 0 0; width: 100%;}
	.icasesbox .tit{margin-bottom: 20px; text-align: center;}
	.icasesbox .tit div{display: inline-block;background:url("index_09.jpg") left center no-repeat; font-family:'yuehei'; font-size: 22px; line-height: 30px; color: #000; padding: 0 0 0 25px;}
	.icasesbox .con{padding-bottom: 20px; position: relative;}
	.icasesbox .con ul{ position: relative; z-index: 99;}
	.icasesbox .con ul li{width: 100%; float: left; margin-right: 0; }
	.icasesbox .con ul li:nth-last-child(1){margin-right: 0;}
	.icasesbox .con ul li a.icasetit{ display: block;  color: #000; position: relative; font-size: 18px; line-height: 24px; margin: 15px 0; text-align: center;}
	.icasesbox .con ul li a.pic{display: block;}
	.icasesbox .con ul li a.pic img{width: 100%;}
	
	.iabout{height: 450px; width: 100%; background: url("iabout.jpg") top center no-repeat #8e8799; padding: 24px 0 0 0;}
	.iabout .tit{height: 25px; background: url('abouttit.png') center no-repeat; margin-bottom: 20px; }
	.iabout .con{font-size: 14px; line-height: 30px; color: #fff;}
	.iabout .con .more{text-align: center; padding-top: 20px;}
	.iabout .con .more a{display: inline-block; padding: 0px 30px; color: #fff; border: 1px solid #fff; font-size: 14px;}
	
	ul.caseslist{ position: relative; z-index: 99;}
	ul.caseslist li{width: 100%; float: left; }
	ul.caseslist li:nth-child(3n){margin-right: 0;}
	ul.caseslist li a.icasetit{ display: block;  color: #000; position: relative; font-size: 18px; line-height: 24px; margin: 15px 0; text-align: center;}
	ul.caseslist li a.pic{display: block;}
	ul.caseslist li a.pic img{width: 100%;}
	
	ul.prolist{ position: relative; z-index: 99;}
	ul.prolist li{width: 100%; float: left; margin-bottom: 40px; }
	ul.prolist li:nth-child(3n){margin-right: 0;}
	ul.prolist li a.pic{display: block; position: relative; border: 1px solid #cbcbcb;}
	ul.prolist li a.pic img{width: 100%;}
	ul.prolist li a.pic div.protit{position: absolute; bottom: 0; left: 0; right: 0; text-align: center;}
	ul.prolist li a.pic div.protit div { height: 36px; background: #ff7800; color: #fff; line-height: 36px;padding: 0 20px; font-size: 18px; display: inline-block;}
	.main-tit .catebox.procate{float: none; width: 100%; margin: 20px 0 0 0; text-align: center;}
	.promaintit{height: auto;}
	.promaintit .catebox a{padding: 0 6px;}
	.footer .contactinfo{width: 100%;}
	.footer .copyinfo{width: 100%; text-align: center; padding-top: 20px;}
	
	.footer .wx{width: 100%; float: left; text-align: center;}
	.footer .wx div{margin: 0 2%; width: 40%; display: inline-block; font-size: 12px; color: #fff; vertical-align: top;}
	.hotnews .text a.newstit{font-size: 16px; line-height: 30px; margin-bottom: 10px;display: inline-block;}
	.hotnews .text .intro{font-size: 14px; line-height: 26px; margin-bottom: 10px;}
	
	.infobanner{height: 160px}
    .prodetailbox .propicLeft{width: 100%; float: none;}
    .prodetailbox .prodetailRight{width: 95%; margin-left: 5%; float: none;} 
    a.searchbtn{display: none;}
    .nav .searchform{display: none; position:relative; bottom: 0; padding: 5px 2%; width: 96%;}
    
    .searchformphone{
    position: relative; width: 96%; height: 38px; display: block; padding: 5px 2%; background: #fff; z-index: 9999; transition: all .4s; margin-top: 15px;
}
.searchformphone.stxtbox{position: relative;}
.searchformphone.stxtbox button{background: none;position: absolute; top: 0; right: 0; color: #666; }
.searchformphone.stxtbox button:hover{color: #666;}
}