html,body{height:100%;font-family: "Microsoft Yahei";}

.logo-img{margin-left:-20px; margin-top:-3px;}

intr-right*{ margin:0px; padding:0px;}

.intr-body a{ color:#000;}

.top{ width:100%; height:70px; background-color:#363636; position: relative; position: fixed; z-index: 3000;}

.logo{ position:absolute;  width:140px; height:30px; border-right: 1px solid #CCCCCC;  top:50%; margin-top:-15px;  left:50px;}

body{ overflow-x: hidden;}

.phone{  position:absolute; width:150px height:70px; left:205px; color:#fff; font-size:14px;} 

.phone div{height:30px; width:150px; margin-top :20px; position: relative; }

.phone button{ position:absolute; top:50%;margin-top:-15px; width:30px; height:30px; background-image: url(../images/search.png);border: none;outline: none; background-color:#363636 ; }

.phone p{ margin-left: 40px;line-height:15px; display: table-cell; position: absolute;} 

.phone p:last-child{ margin-top: 15px;}

.daoh{position: absolute; right:0px;}

.daoh ul{ list-style: none; width:900px;height:70px;}

.daoh ul a{ text-decoration: none; color: #CCCCCC;}

.daoh ul li{ float:left; color:#CCCCCC; font-size:14px;width:100px;height:70px;line-height: 70px; text-align: center; cursor: pointer;}

.youshi{width:1000px;margin:85px auto;}
.youshi li{float:left;width:17%;margin:0 8%;transition: 1s;-webkit-transform-style: preserve-3d;}
.youshi li img{margin:0 auto;text-align:center;width:100%; -webkit-transition: width 1s, height 1s, -webkit-transform 1s; /* For Safari 3.1 to 6.0 */
    transition: width 1s, height 1s, transform 1s;}
.youshi li img:hover{ -webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
    transform: rotate(360deg);}
.youshi li p{font-size:16px;font-weight:bold;width:100%;text-align:center;}
.youshi li span{font-size:14px;display:block;text-align:center;}
.youshi li span a{color:#666;}




.daoh ul li:hover{ background:#292929 ; border-bottom: 3px solid #CB1714;}

.navbar-nav{ cursor: pointer; }

#bs-example-navbar-collapse-9 li a{ padding-left:50px;}

#slide_1{background: url(../images/banner.jpg); background-position:center center ; background-size:cover ;  background-repeat:no-repeat ;}

#slide_2{background: url(../images/ban2.jpg);background-position:center center ; background-size:cover ;  background-repeat:no-repeat ;}

#slide_3{background: url(../images/probg3.jpg);background-position:center center ; background-size:cover ;  background-repeat:no-repeat ;}

#slide_4{background: url(../images/ban4.jpg);background-position:center center ; background-size:cover ;  background-repeat:no-repeat ;}

#slide_5{background: url(../images/ban5.jpg);background-position:center center ; background-size:cover ;  background-repeat:no-repeat ;}
#slide_6{background: url(../images/ban6.jpg);background-position:center center ; background-size:cover ;  background-repeat:no-repeat ;}



/*introduction*/

.intr-c{width:100%; height:700px; position: relative;}

.intr{ width:100%; height:700px; top: 0px; position: absolute;}
.xintr-c{width:100%; height:500px;}
.xintr{ width:100%; height:500px;margin-top:50px;}
.intr .intr-top{ width:100%; height:100px ; text-align:center; margin-top: 60px; }

.intr-top h3{ margin-top: 0px;}

.intr-body{ width:1000px;height:500px; margin: 0 auto; position: relative; }

.intr-main{width:100%;height:500px; position:absolute;top:0px;}

.intr-top{ width:100%;height:80px; position:relative;}

.intr-top p{text-align:justify;float:left;width:900px;height:100px;font-size: 12px;color:#999; text-indent: 20px;line-height: 25px;}

.intr-r{float:left ;width:80px;height:80px; margin-left: 20px; cursor: pointer;}

.intr-bot{ width:100%;height:350px; padding-top: 50px;}



.intr-bot li{ float: left; list-style: none; width:14%;height:250px; margin-left:7%; text-align: center; cursor: pointer;}

.intr-bot li h2{ font-size: 100px; }

.intr-bot li p{ font-size: 18px; line-height: 10px;}

.intr-bot li span{ width:50px;height:4px; display: inline-block; background: #ccc; }

.intr-now{ border:4px solid #CB1814;}

.intr-bot li:first-child{margin-left:0px;}

.intr-bottom{ width:100%; height:60px;text-align:center;}

/*product*/

.product{width:100%;height:500px;  margin-top:65px;}

.pro-main{width:100%;height:500px; background-image: url(../images/pro-main-bg.png) ; background-position: center center;background-repeat:no-repeat ; background-size:cover ;}

.pro-body{ width:1000px;height:100%;  margin:0 auto;}

.pro-body-l{width:300px;height:100%; position: relative;float:left;}

.pro-body-l .pro-title{width:100%;height:430px;background:#333333;position: absolute; top:-70px;}

.pro-body-l .pro-zixun{ width:100%; height:175px; background:#D32B2A; position:absolute; bottom:-60px;}

.pro-title > div:first-child { margin-top:50px;width:100%; height:150px; text-align: center; color:#ccc;position: relative;}

.pro-title > div > h1{color:#ccc; letter-spacing: 8px; font-size: 42px; line-height: 15px;;}

.pro-title > div > h1:last-child{ position: absolute;left:45px;}

.pro-title > div:last-child{color:#ccc;width:100%;height:180px; position: relative; margin-top:50px;}

.pro-title > div > span{ display: block; width:50px;height:4px; background-color:#CA1713 ; position: absolute;left:45px;}

.pro-title > div > h3{position: absolute;left:45px;top:15px;font-size: 20px;}

.pro-title > div > h5{position: absolute;left:45px; top:60px;}

.pro-title > div > p{position: absolute;left:45px; top:100px; font-size: 12px;}

.pro-title > div > p:last-child{top:120px; }

.pro-zixun{ text-align: center; }

.pro-zixun h3{font-size: 20px;color:#ccc; margin-top:40px; }

.pro-zixun p{font-size: 12px;color:#ccc;}

.pro-body-r{height:100%;width:650px;float:left; margin-left:50px;}

.pro-body-r > div:first-child{width: 100%;height:150px;  position: relative; margin-top:20px;}

.pro-body-r > div:first-child h3{ color:#fff;font-family:'Microsoft Yahei';font-size: 20px;position:absolute;right:8px;top:20px;}

.pro-body-r > div:first-child p{color:#ccc;font-family:'Microsoft Yahei';font-size: 12px;position:absolute;right:0px;top:70px;}

.pro-body-r > div:first-child > p{ text-align:right; width:78%;margin-right:5px;}

.pro-body-r > div:last-child{width:100%; height:410px;  position: relative; }

.more{height:35px; position:absolute;right:175px; top:-70px; z-index:200; }

.more span{margin-left:10px;display:inline-block; width:35px;height:35px;  margin-top:0px; cursor: pointer; }

.more span:first-child{ background-image: url(../images/arrow-left.png);}

.more span:last-child{ background-image: url(../images/arrow-right.png);}

.more a{vertical-align:top;cursor:pointer; margin-left:10px; text-align:center;line-height:35px;color:#ccc; font-family: "FZLTXHJW";; font-size: 14px; display:inline-block; width:110px;height:35px; border-radius: 35px;

-webkit-border-radius: 35px; -moz-border-radius: 35px;-ms-border-radius: 35px;-o-border-radius: 35px;border:1px solid #fff;}

.more a:hover{color:#ccc; text-decoration: none; background: #fff;}

.diban{width:100%; height:100%; position:relative; }

.silder-box{position:relative;margin:50px auto ;}

.silder-news{margin:0 auto 0;}

.silder-news li{width:300px;height:250px; position: relative; cursor: pointer; }

.silder-news li img{width:100%;height:100%; position: absolute; top:0px; left:0px;}
.indexanli{ overflow:hidden;}
.indexanli li{width:19%;position: relative; cursor: pointer;float:left;margin: 0.5%; }
.indexanli li a{ display:block;}
.indexanli li img{width:100%;}

.silder-button{top:173px;width:25px;height:54px;position:absolute;cursor:pointer;}

.silder-button.btl{left:10px;background:url(../images/bl.png);}

.silder-button.btr{right:10px;background:url(../images/br.png);}

.silder-box-1{width:1000px; position:absolute !important; left:-175px; top:70px; }

.silder-news li div{ width:280px;height:230px; position: absolute; background:#000000; top:10px; left:10px;opacity: 0.8;

 z-index: 300; text-align: center; color:#fff;}

.silder-news li h3{  font-size: 18px;  margin-top:70px;margin-bottom: 30px;} 

.silder-news li span{ display: block; width:80px;height:1px;background: #fff; margin: 0 auto; margin-bottom: 30px;}

.silder-news li p{ font-size: 14px; width:85%; margin: 0 auto;}

.silder-news li div{

	 transition: transform .3s ease-out;

    -webkit-transition: transform .3s ease-out;

    -moz-transition: transform .3s ease-out;

    -o-transition: transform .3s ease-out;

    transform: scale(0,0);

    -webkit-transform: scale(0,0);

    -moz-transform: scale(0,0);

    -o-transform: scale(0,0);

    -ms-transform: scale(0,0);

	

}

.silder-news li:hover div{

	transform: scale(1,1);

    -webkit-transform: scale(1,1);

    -moz-transform: scale(1,1);

    -o-transform: scale(1,1);

    -ms-transform: scale(1,1);

	

}







.indexanli li div{ width:100%;height:100%; position: absolute; background:#000000; opacity: 0.8;

 z-index: 300; text-align: center; color:#fff;}

.indexanli li h3{  font-size: 18px;  margin-top:70px;margin-bottom: 30px;} 

.indexanli li span{ display: block; width:80px;height:1px;background: #fff; margin: 0 auto; margin-bottom: 30px;}

.indexanli li p{ font-size: 14px; width:85%; margin: 0 auto;}

.indexanli li div{

	 transition: transform .3s ease-out;

    -webkit-transition: transform .3s ease-out;

    -moz-transition: transform .3s ease-out;

    -o-transition: transform .3s ease-out;

    transform: scale(0,0);

    -webkit-transform: scale(0,0);

    -moz-transform: scale(0,0);

    -o-transform: scale(0,0);

    -ms-transform: scale(0,0);

	

}

.indexanli li:hover div{

	transform: scale(1,1);

    -webkit-transform: scale(1,1);

    -moz-transform: scale(1,1);

    -o-transform: scale(1,1);

    -ms-transform: scale(1,1);

	

}
/*product end*/
.newsanli{ width:100%;  margin-top: 0px; overflow:hidden;}

.newsanli .news-top{ width:100%; height:100px ; text-align:center; margin-top: 100px; font-family:'FuturaCondensedBQ-Medium' ;}


/*news*/

.news{ width:100%; height:700px; margin-top: 50px;}

.news .news-top{ width:100%; height:100px ; text-align:center; margin-top: 100px; font-family:'FuturaCondensedBQ-Medium' ;}

.news-top h3{ margin-top: 0px;}

.news-body{width:1000px;height:600px; margin: 0 auto; position: relative;}

.news-info{width:1000px;height:210px; }

.intr-left{width:310px;height:210px; float:left;z-index: 20; position: relative; overflow: hidden;}



.intr-left img{width:100%;height:170px;margin-top:20px;

}

.intr-right{cursor:pointer;display:table;width:700px;height:100%;background: #F0F0F0; float:left; margin-left: -50px;z-index: 2;position: relative;}

.intr-right:hover .date{ background-color:#D32B2A ;}

.intr-right:hover{ background:#333 ;}

.intr-right:hover h3{color:#fff;}

.intr-right > div:first-child{top:0px; position: absolute;

	width: 0;

    height: 0;

    border-top: 20px solid transparent;

    border-left: 50px solid #ccc;

    border-bottom: 20px solid transparent;}

.intr-right > div:nth-child(2){bottom:0px;position: absolute;

	width: 0;

    height: 0;

    border-top: 20px solid transparent;

    border-left: 50px solid #ccc;

    border-bottom: 20px solid transparent;}

.date{ padding-top:5px; padding-bottom:10px;text-align: center; color:#fff; width:80px;height:80px; background:#333;position:absolute;right:-40px;top:60px;

	}

.date span{ font-size:24px; font-family: 'Linotype Didot Headline Oldstyle Figures';}

.date p{ font-family: 'Linotype Didot Headline Oldstyle Figures' !important;color:#fff !important;font-size:18px !important; margin-top:5px;}

.date i{background-color:#fff;width:70px;height:1px;display:block;  margin-left:5px; margin-top:3px;

transform: rotate(10deg);-webkit-transform: rotate(10deg);-moz-transform: rotate(10deg);-ms-transform: rotate(10deg);-o-transform: rotate(10deg);}

.intr-right h3{ font-family: "微软雅黑","Microsoft Yahei";font-size: 16px;color:#000; font-weight: bold;}

.intr-right p{ font-size: 12px;color:#999; line-height: 25px;}

.intr-right > div:nth-child(3){ height: 100%; width:600px; display: table-cell; vertical-align: middle; padding-left:30px;}

.news-list .row{ height:110px;margin-top:50px;}

.row-left{ padding-top:5px; padding-bottom:10px;text-align: center; color:#fff; width:80px;height:80px; background:#f0f0f0;}

.row-left span{ font-size:24px; font-family: 'Linotype Didot Headline Oldstyle Figures';color:#333;}

.row-left p{ color:#999 !important;font-family: 'Linotype Didot Headline Oldstyle Figures' !important;font-size:18px !important; margin-top:5px;}

.row-left i{background-color:#999;width:70px;height:1px;display:block;  margin-left:5px; margin-top:3px;

transform: rotate(10deg);-webkit-transform: rotate(10deg);-moz-transform: rotate(10deg);-ms-transform: rotate(10deg);-o-transform: rotate(10deg);}

.row-left{float: left;}

.row-right{float: left; height:100%; width:83%;padding-left:15px;}

.row > div{cursor: pointer;height:100%; }

.row-right h3{ font-family: "微软雅黑","Microsoft Yahei";font-size: 16px;color:#000; font-weight: bold; }

.row-right p{ font-size: 12px;color:#999;}

.news-list .row > div:hover .row-left{background-color:#D32B2A ;}

.news-list .row > div:hover> .row-left > span{color:#fff;}

.news-list .row > div:hover> .row-left > p{color:#fff !important;}

.news-list .row > div:hover> .row-left > i{background-color:#fff !important;}

.news-list .row > div:hover> .row-right{background:#333 ;}

.news-list .row > div:hover> .row-right h3{color:#fff;}

.news-list-m{ position: absolute; top:230px; width: 100%;}

.news-list{ position: relative; width: 100%;}

#row1{ position: absolute;top:0px; left:2%; width:105%}

#row2{ position: absolute; top:150px;left:2%; width: 105%;}



/*news end*/

/*icon*/

.icon-main{width:100%;  height:400px; position: relative;}

.icon-list{position:absolute; top:0px;width:100%;  padding-top:75px;height:400px; background: url(../images/icon-bg.png);background-position: center center;

    background-repeat:no-repeat ;

    background-size:cover ;}

.icon-list .row{ width:1050px; margin:0 auto;height:250px; }

.icon-1 , .icon-2 , .icon-3 , .icon-4{width:143px;height:143px; margin:0 auto;

 background-position:0px 0px; transition:background-position .3s ease-in-out ;

-webkit-transition:background-position .3s ease-in-out ;-moz-transition:background-position .3s ease-in-out ;-ms-transition:background-position .3s ease-in-out ;

-o-transition:background-position .3s ease-in-out ;

}

.icon-1{ background:url(../images/icon11.png) ;

}

.icon-2{ background:url(../images/icon2.png) ;}

.icon-3{ background:url(../images/icon3.png) ;}

.icon-4{ background:url(../images/icon4.png) ;}

.icon-1:hover{background-position:0px -145px ; }

.icon-2:hover{background-position:0px -145px ;}

.icon-3:hover{background-position:0px -145px ;}

.icon-4:hover{background-position:0px -145px ;}



.icon-list .row > div{ text-align: center;}

.icon-list .row > div  span{color:#fff; font-family: "微软雅黑","Microsoft Yahei"; font-size:20px; line-height: 100px;}

.icon-list .row > div  p{color:#ccc; font-family: "微软雅黑","Microsoft Yahei"; font-size:14px; line-height:0px; margin-top: -15px;text-transform: uppercase;}

.icon-list .row > div:hover > div{ background-position-y:-145px ;}

/*icon end*/

/*footer*/

.foot{width:100%;height:350px; }

.footer-top{width:100%; height:350px;background:#333 ;  }

.footer-top a{text-decoration: none;color:#ccc;}

.footer-top a:hover{text-decoration: none;color:#fff;}

.footer-main{width:1050px;height:100%; margin:0 auto; }

.footer-left{width:700px; height:100%; float:left;color:#ccc; }

.footer-right{width:300px;height:100%; float:left; }

.footer-left dl{float:left; margin-left:45px; width:25%; text-align: center; margin-top:50px;  cursor: pointer;}

.footer-left dl:nth-child(2){ width:25%; margin-left:25px;}

.footer-left dl:nth-child(3){ width:25%; margin-left:25px;}



.footer-left dl:nth-child(2) i{ height:2px; background:#CA1713 ; display: block; margin: 0 auto; margin-top:15px;}

.footer-left dl:first-child{margin-left:0px;}

.footer-left dt{font-family: "微软雅黑","Microsoft Yahei"; font-size:14px;border-bottom: 2px solid #CA1713; padding-bottom: 15px; }

.footer-left dd{font-family: "微软雅黑","Microsoft Yahei"; font-size:12px;margin-top: 15px;}

#dd1{margin-top: 22px;}

#dd2{margin-top: 8px;}

.wx{float:left ;}

.wx-r{float:left ; margin-left: 30px;margin-top:20px;}

.wx-r img{ height:142px;}

.weix{width:120%;height:236px;margin-top:55px; border-left:1px solid #ccc; padding-left:30px; text-align: center;}

.foot-bottom{width: 100%; height:50px;}

.footer-bottom{ width: 100%; height:85px; background: #242424; position:absolute;}

.weix ul{list-style: none;}

.weix li:nth-child(2){ margin-top:8px;}

.weix li:last-child{ margin-top:10px;}

.weix p{ font-family: "微软雅黑","Microsoft Yahei"; font-size:12px;color:#ccc; margin-top:5px;}

.wx-r p{ margin-top:20px; position: relative;}

.wx-r span{position: absolute; top:5px;left:33px}

.wx-r i{ position: absolute; top:0px;left:0px;display:inline-block;width:30px;height:30px; background:url(../images/wx11.png);}

.wx-b{clear:both;  }

.wx-b p{ font-size:16px; line-height: 0px; padding-top: 25px;}

.copy{width:1050px;height:100%; margin: 0 auto; position: relative;}

.copy span{ color:#999; font-size:12px; line-height: 50px;}

.copy span:nth-child(2){margin-left:140px;}

.copy span:last-child{ position: absolute; right:0px;}

.copy span i , .copy span em{margin-right:10px;}

.foot-phone{ width:100%;height:370px; background: #333; padding-top: 15px;}

.foot-phone-m{width:97%; height:100%; margin: 0 auto;}

.foot-phone li {  list-style: none; color:#ccc; width:100%;height:40px; background:#242424;margin-top:8px;line-height: 40px;text-align: center;}

.foot-phone li a{color:#ccc; text-decoration: none; }

/*footer end*/

@font-face {

	font-family:'Linotype Didot Headline Oldstyle Figures';

	src: url('../fonts/Linotype Didot Headline Oldstyle Figures.ttf');

	font-weight:normal;

    font-style: normal;

}

@font-face {

	

	src: url('../other/FZLTXHJW.ttf') format('truetype');

	font-weight:normal;

    font-style: normal;

}

@font-face {

	font-family:'futura_medium';

	src: url('../other/futura_medium.ttf') ;

	font-weight:normal;

    font-style: normal;

}

@font-face {

	font-family:'FuturaCondensedBQ-Medium';

	src: url('../other/FuturaCondensedBQ-Medium.otf') ;

	font-weight:normal;

    font-style: normal;

}

@media  (max-width: 768px) {}

 

@media  (max-width: 910px) {

.phone{display:none;}	

.logo{ border: none;}

}

@media  (min-width: 1100px) and (max-width: 1300px) {

.daoh ul{ width:720px;}

.daoh ul li{ width:80px; ;}
.slider{height:600px !important; }

.yjdh{display:none;}
}

@media  (min-width: 769px) and (max-width: 1099px) {



.daoh ul{ width:630px;}

.daoh ul li{ width:70px;}	

.logo{width:115px; left:20px;}

.logo img{ width:125px; margin-top:0px;}

.phone{ left:140px;}

.intr-body{ width:80%;}

.intr-top p{width:80%;}

.intr-bot{ margin-top:40px;}





}

@media  (min-width: 767px) and (max-width: 1099px) {

.pro-body{ width:100%;}

.pro-body-l{width:25%;}

.pro-body-r{width:65%;}

.pro-title > div > h1{ font-size: 28px;}

.silder-box-1{width:100%;left:-30px;}

.silder-news{ width:100% !important;}

.more{right:0px;}	

	

}

@media (min-width: 841px) and (max-width:1099px) {

.silder-news li{width:260px;height:280px; }

.silder-news li div{ width:240px;height:260px;}	
.indexanli li{width:260px;height:280px;margin:30px; }

.indexanli li div{ width:100%;height:100%;}	
.silder-news{ margin-top:40px}

#p1{width:100%;}

.silder-news li h3{ margin-top:30px;margin-bottom: 30px;} 	

}

@media (min-width: 767px) and (max-width: 840px) {

#p1{width:100%;}

.more{top:-20px}

.silder-news li{width:220px ;height:240px ;}

.silder-news li div{ width:200px;height:220px ;}

.silder-news{ margin-top:80px}

.silder-news li h3{ font-size: 16px;  margin-top:30px;margin-bottom: 30px;} 

.silder-news li span{  width:70px; margin-bottom: 20px;}

.silder-news li p{font-size: 12px; }



.indexanli li{width:220px ;height:240px ;margin: 16px;}

.indexanli li div{ width:200px;height:220px ;}

.indexanli{ margin-top:80px}

.indexanli li h3{ font-size: 16px;  margin-top:30px;margin-bottom: 30px;} 

.indexanli li span{  width:70px; margin-bottom: 20px;}

.indexanli li p{font-size: 12px; }

	}

@media  (min-width: 769px)  

{

.bs-example{ display:none;}

	

}

@media  (max-width: 768px) 

{

.intr-bot{margin-top:50px;}

.intr-body{ width:80%;}

.intr-top p{width:80%;}

.banner{ margin-top: -20px;}

.top{ display:none;}	

}



@media  (max-width: 766px){

.pro-body-l{ clear:both; display:none;}

.pro-body{ width:100% ;}

.pro-body-r{ clear:both; width:90%; margin-left:6%}

.more{right:0px; position: absolute;}	

.pro-body-r > div:first-child{ right:0px;}

.silder-news li p{font-size: 12px; }

#p1{width:80%; text-align: left;}

.silder-box-1{ width: 100%; left:0px; position: relative; margin: 0 auto;}

.silder-news{width: 100% !important;}

.silder-news li{width:300px;height:320px;}

.silder-news li div{ width:280px;height:300px;}

.indexanli{    width: 98% !important;
    
    height: auto;
    overflow: hidden;
    margin: 0 auto;}

.indexanli li{width:48%;height:auto;margin:1%;}

.indexanli li div{ width:100%;height:100%;}
}

@media  (max-width: 670px){

.silder-news li{width:270px;height:290px;}

.silder-news li div{ width:250px;height:270px;}	

.indexanli li{width:270px;height:290px;margin: 2px;}

.indexanli li div{ width:100%;height:100%;}	
}

@media  (max-width: 645px){

.silder-news li{width:260px;height:280px;}

.silder-news li div{ width:240px;height:260px;}	

.silder-news li h3{  margin-top:40px;margin-bottom: 30px;} 

.indexanli li{width:260px;height:280px;margin: 2px;}

.indexanli li div{ width:100%;height:100%;}	

.indexanli li h3{  margin-top:40px;margin-bottom: 30px;} 		

}

@media  (max-width: 570px){

.silder-news li{width:230px;height:210px;}

.silder-news li div{ width:210px;height:190px;}	

.silder-news li h3{ font-size: 16px;  margin-top:15px;} 

.pro-main{ height:420px}	
.indexanli li{width:230px;height:210px;}

.indexanli li div{ width:100%;height:100%;}	

.indexanli li h3{ font-size: 16px;  margin-top:15px;} 
.yjdh{display:block;background:#f00;color:#fff;width:100%;line-height:50px;text-align:center;position:fixed;bottom:0;font-size:18px;}
}

@media  (max-width: 435px){

.silder-news li{width:160px;height:180px;}

.silder-news li div{ width:140px;height:160px;}	

.silder-news li h3{ font-size: 16px;  margin-top:5px;}

.silder-news li span{  width:70px; margin-top:-20px;}

.silder-news li p{font-size: 12px;  margin-top: -25px;} 

.pro-main{ height:400px}	

.indexanli li{width:48%;height:auto;margin:1%;}

.indexanli li div{ width:100%;height:100%;}	

.indexanli li h3{ font-size: 16px;  margin-top:5px;}

.indexanli li span{  width:70px; margin-top:-20px;}

.indexanli li p{font-size: 12px;  margin-top: -25px;} 

}

@media  (max-width: 375px){

	.silder-news li { width:150px;height:180px;}	
.indexanli li { width:48%;height:auto;margin:1%;}
	}

@media  (max-width: 320px){

.silder-news li{width:130px;height:180px;}

.silder-news li div{ width:120px;height:160px;}	

.silder-news li h3{ font-size: 14px;  margin-top:5px;}

.silder-news li span{  width:70px; margin-top:-20px;}

.silder-news li p{font-size:5px;  margin-top: -25px;} 

.pro-main{ height:400px}

.product{margin-top:100px;}

.intr-bot{margin-top:130px;}

.intr-top p{width:75%;}

.indexanli li{width:130px;height:180px;}

.indexanli li div{ width:100%;height:100%;}	

.indexanli li h3{ font-size: 14px;  margin-top:5px;}

.indexanli li span{  width:70px; margin-top:-20px;}

.indexanli li p{font-size:5px;  margin-top: -25px;} 	

}

@media  (max-width: 320px){

.silder-news li{width:130px;height:170px;  margin-left: 0px;}

.silder-news li div{ width:120px;height:160px;}	

.silder-news li h3{ font-size: 12px;  margin-top:0px;}

.silder-news li span{  width:70px; margin-top:-25px;}

.silder-news li p{font-size:5px;  margin-top: -30px;} 

.pro-main{ height:400px}	
.indexanli li{width:48%;height:auto; margin:1%;}

.indexanli li div{ width:100%;height:100%;}	

.indexanli li h3{ font-size: 12px;  margin-top:0px;}

.indexanli li span{  width:70px; margin-top:-25px;}

.indexanli li p{font-size:5px;  margin-top: -30px;} 
}

@media (max-width:768px){

.intr-r{ width:50px;height:50px;}

.intr-bot li{height:170px}

.intr-bot li h2{font-size:40px;}

.intr-bot li p{font-size:14px;}

.intr-bot li span{width:70%;}

.slider{height:580px !important; }

.box{ margin-top: 180px !important;}

}

@media (max-width:520px){

.slider{height:480px !important; }

.box{ margin-top: 80px !important;}	

}



@media (max-width:630px){

.intr-bot{margin-top:110px;}

.intr-bot li p{font-size:12px;}

}



@media (max-width:455px){
#huand{height:300px!important;}
.slide{}
	#slide_1{background: url(../images/mbanner.jpg); background-position:center center ; background-size:cover ;  background-repeat:no-repeat ;}

#slide_2{background: url(../images/mban2.jpg);background-position:center center ; background-size:cover ;  background-repeat:no-repeat ;}

#slide_3{background: url(../images/mprobg3.jpg);background-position:center center ; background-size:cover ;  background-repeat:no-repeat ;}

#slide_4{background: url(../images/mban4.jpg);background-position:center center ; background-size:cover ;  background-repeat:no-repeat ;}

#slide_5{background: url(../images/mban5.jpg);background-position:center center ; background-size:cover ;  background-repeat:no-repeat ;}
#slide_6{background: url(../images/mban6.jpg);background-position:center center ; background-size:cover ;  background-repeat:no-repeat ;}

.product{margin-top:100px;}

.intr-r{ }

.intr-body{ width:95%;}

.intr-top p{width:76%;}

.intr-body{height:550px;}

.intr-bot{margin-top:120px;}

.intr-bot li p{ }

.intr-bot li{height:200px}

.intr-top p{ margin-left:2%;}
.youshi{width:100%;margin:50px auto;}
.youshi li{float:left;width:42%;margin:2% 4%;height:290px;overflow: hidden;}
.youshi li img{margin:0 auto;text-align:center;width:100%;}
.youshi li p{font-size:16px;font-weight:bold;width:100%;text-align:center;font-family: "微软雅黑","Microsoft Yahei";}
.youshi li span{font-size:14px;font-family: "微软雅黑","Microsoft Yahei";display:block;text-align:center;}
.xintr-c {
    width: 100%;
    height: 700px;
}
.xintr {
    width: 100%;
    height: 700px;
    margin-top: 50px;
}
}

@media (max-width:320px){

.intr-bot li{ width:18%; margin-left:5px;}	

	

}

@media (max-width:375px){.intr-r{width:40px;height:40px;}}



@media (max-width:320px){

.intr-body{ height:580px;}	

.intr-bot{margin-top:180px;}	

.intr-top p{width:75%;}

.intr-r{width:40px;height:40px;}

}

@media (max-width:360px){

.intr-r{width:40px;height:40px;}	

}



/*news*/

@media  (max-width:1099px){

.news-body{ width:100%}	

.news-info{     width: 95%;margin-left: 5%;}

.intr-left{width:30%}

.intr-right{width:70%}



	

}

@media (max-width:700px){

	

.news-info{     width: 100%;margin-left: 0%;}

	

}



@media  (max-width:955px){

.intr-right > div:nth-child(3){ width:70%;}

.intr-right p{ width:90%}



	

}



@media  (max-width:650px){

.intr-left{ display: none;}	

.intr-right{ width:100%;}	

}





@media (min-width: 770px) and (max-width:1099px) {

.row-right{ width:75%;height:130%;}	

.news-list .row{padding-left: 20px;}	

}



@media  (max-width:769px){

.row-right{ width:78%;height:105%;}	

#row2{ margin-top: 130px;}	

.icon-main{margin-top: 200px;}

}

@media  (max-width:525px){

.row-right{height:130%;}		

.news-list .row > div{margin-top:50px;}	

#row2{ margin-top: 200px;}

.icon-main{margin-top: 400px;}

}

@media  (max-width:413px){

.row-right{ width:75%;}	

#row2{ margin-top: 220px;}



}

@media  (max-width:360px){

.row-right{ width:70%;}	

#row2{ margin-top: 220px;}



}



@media  (max-width:570px){

.news-top{ margin-top:0px !important;}

}

@media  (max-width:435px){

.news-top{ margin-top:-20px !important;}

}

/*icon*/

@media  (max-width:1099px){

.icon-list .row{ width:100%;}	

.icon-list .row > div p{ line-height: 20px; text-transform:uppercase;}	

}

@media  (max-width:767px){

.foot{ margin-top:250px;height:389px;}	

.icon-list{ height:650px; padding-top:50px;}	

.foot-phone {
    width: 100%;
    height: 410px;
    background: #333;
    padding-top: 15px;
}	

}



@media  (max-width:516px){

.icon-list .row > div span{ line-height: 70px;}

}

/*foot*/



@media  (max-width:975px){

.foot-bottom{ height:90px;margin-bottom:60px;}

.footer-bottom{ height:90px;}

.copy{ width:50%;}

.copy span{ display:block;width:100%;line-height:20px;}

.copy span:nth-child(2){ margin-left: 0%;}

.copy{ padding-top:10px; text-align: center;}



}	

@media  (max-width:715px){

.copy{ width:70%;text-align: center;}

}

@media  (max-width:515px){

.copy{ width:90%;text-align: center;}

}

@media  (max-width:404px){

.copy{ width:100%;text-align: center;}

}

@media  (max-width:320px){

.foot-bottom{ height:110px;}

.footer-bottom{ height:110px;}



}





@media (min-width:920px) and  (max-width:1090px){

.copy{ width:90%;}	

.copy span:nth-child(2){ margin-left:5%;}

.footer-main{ width:100%;}

.footer-left{ width:69%;margin-left:10px;}

.footer-right{ width:31%; margin-left: -60px;}

.footer-left dl{ width:10%; margin-left: 15px;}	

.footer-left dl:nth-child(3){ width:9%; margin-left:5px;}

.footer-left dl:nth-child(2){ margin-left: 3px;}



}

@media (max-width:919px){

.footer-right{ display: none;}

.footer-main{ width: 100%; }

.footer-left{ width:100%; clear: both; margin-left:4%;}

}

@media (max-width:718px){

.footer-left dl{margin-left:25px; width: 9%;}

.footer-left dl:nth-child(3){ width:9%}	

.footer-left dl:nth-child(2){width:14%;margin-left:15px;}	

}

@media (max-width:640px){

.footer-left dl{margin-left:15px; width: 10%;}

.footer-left dl:nth-child(3){ width:10%; margin-left: 10px;}	

.footer-left dl:nth-child(2){width:15%;margin-left:10px;}	

}

@media (max-width:579px){

.footer-left dl{margin-left:8px; width: 11%;}

.footer-left dl:nth-child(3){ width:11%; margin-left: 0px;}	

.footer-left dl:nth-child(2){width:18%;margin-left:0px;}

}



@media (max-width:525px){

.footer-top{ display:none;}	

.footer-bottom{margin-top:20px;}

}

@media (min-width:526px){

.foot-phone{display:none;}		

}