*{margin:0;padding:0}
html{overflow-x:hidden}
body{font-family: "微软雅黑",arial;font-size:16px;color:#333;-webkit-tap-highlight-color:rgba(0,0,0,0); }
a{text-decoration:none}
li{list-style:none}
.clear:after{clear:both;content:'';display:block;*zoom:1}
.container{width:1200px;margin:auto}
/*header*/
#header{width:100%;height:74px;position:absolute;z-index:999;top:0;}
#header #logo{width:100%;height:74px;float:left;text-align:center}
#header .logo-tu{ float:left; }
#header .logo-tu img{float:left;}
#header .logo-dh{float:right;line-height: 74px;color: #fff;}
#header .logo-dh img{vertical-align: middle; padding-right: 15px;}
/*indexbg*/
.indexbg {position: relative;padding-top:36%;font-family: "futura", arial;overflow: hidden}
.indexbg .slide {position: absolute;width: 100%;height: 100%;top: 0;z-index: 1;opacity: 0}
.indexbg img.slide {height: auto}
/*index_about*/
.index-about{width:100%;height: 923px; background: #cdddd3;overflow: hidden;}
.index-about .dhtu{padding-top:60px;}
.index-about .sytitle{width: 100%; margin: 0 auto 50px;text-align: center;}
.index-about .sytitle .bt{font-size: 28px;font-weight: bold; color:#08702b;}
.index-about .sytitle .xz{padding-top:18px; padding-bottom:25px;font-size:18px;color:#9b9b9b;}
.index-about .sytitle .hx{width: 80px; height: 3px;background-color:#08702b;margin: 0 auto;} 
.index-about .about-l{width: 50%;height:512px; float: left; overflow: hidden;}
.index-about .about-l img{width: 100%; height: auto;}
.index-about .about-r{width: 50%;height:512px; float: left;color: #fff; background: url(../images/index/index_about_rtu.jpg);background-repeat: repeat-x;overflow: hidden;}
.index-about .about-r .wenzi{padding: 135px 55px;}
.index-about .about-r h3{font-size: 30px;padding-bottom: 35px;font-weight: normal;}
.index-about .about-r p{font-size:16px;line-height: 32px;font-weight: normal;}
.index-about .about-r .more{display: block;width: 100px; height: 35px;line-height: 35px;text-align: center; margin-top: 45px; font-size:14px; border: 1px solid #fff; color: #fff;}

/*index_pro*/
.index-pro{width: 100%;height:923px; background: url(../images/index/index_pro_bg.jpg) no-repeat center;background-size: 1920px 923px;overflow: hidden;}
.index-pro .dhtu{padding-top:60px;}
.index-pro .pro-l{float: left;width:33.33%;height: auto; padding:70px 4.17% 0 0;}
.index-pro .pro-l p{text-indent: 2em;padding-top: 50px;padding-right:30px; font-size:16px;line-height: 25px;color: #fff; font-weight: normal;}
.index-pro .pro-l .more{display: block;width: 100px; height: 35px;line-height: 35px;text-align: center; margin-top:60px; font-size:14px; border: 1px solid #ff9c01; color: #fff;background: #ff9c01;}
.index-pro .pro-r{float: left;width:62.5%;height: auto; padding-top:70px;}
.index-pro .pro-r ul:after{clear:both;display:block;content:''}
.index-pro .pro-r ul li{width:32%;height: auto !important; float:left;display:inline-block;margin:0 0 1.33% 1.33%;overflow: hidden;}
.index-pro .pro-r ul li .img{display:block;width:100%;padding-bottom:93.333%;height:0; position: relative;background:#fbfdfa;overflow:hidden; }
.index-pro .pro-r ul li .img img{position:absolute;max-width:100%;max-height:100%;top: 0px;bottom: 0px;margin: auto;left: 0px;right: 0px; transition:.8s;-webkit-transition:.8s;}
.index-pro .pro-r ul li .mask{position: absolute;top: 0;left: 0;width:100%;height:100%;background:#ff9c01;opacity: 0;color: #fff;}
.index-pro .pro-r ul li .mask p{text-align: center;margin-top: 40%;color: #fff;}
.index-pro .pro-r ul li:hover .mask{opacity:0.8;}


/*index_news*/
.index-news{width: 100%;height:923px; background: url(../images/index/index_news_bg.jpg) no-repeat center;background-size: 1920px 923px;overflow: hidden;}
.index-news .dhtu{position:absolute; padding-top:60px;z-index: 100;}
.index-news .news-title{float:left;width:11.6%;height:auto;padding-top: 234px;}
.index-news .news-title .news-bt{font-size:34px;color: #fff;}
.index-news .news-title .fenlei{margin-top: 55px;}
.index-news .news-title .fenlei ul li{width: 105px; height: 40px;line-height: 40px; text-align: center;border: 1px solid #fff;margin-bottom: 25px;}
.index-news .news-title .fenlei ul li a{font-size: 18px; color: #fff;}
.index-news .news-title .fenlei ul li:hover{border: 1px solid #ff9c01;background: #ff9c01;}
.index-news .news-lb{ float:left;width:84.44%;padding-left:3.96%; height:auto;}
.index-news .news-lb ul li{float: left; width:28.62%;height: 923px !important; float:left;display:inline-block;padding:0 2.35%;overflow: hidden;}
.index-news .news-lb ul li a{color: #fff;}
.index-news .news-lb .wz-bf{padding: 0 5px;padding-top: 234px;}
.index-news .news-lb ul li .biaoti{font-size: 16px;font-weight: bold; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.index-news .news-lb ul li .hx{margin:17px 0;}
.index-news .news-lb ul li .riqi{font-size: 14px;padding-bottom: 35px;}
.index-news .news-lb ul li .des{height:95px; font-size: 14px;margin-bottom:25px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:5;overflow: hidden;}
.index-news .news-lb ul li .newstu{display:block;width:100%;padding-bottom:55.17%;height:0; position: relative;background:#fbfdfa;overflow:hidden;}
.index-news .news-lb ul li .newstu img{position:absolute;max-width:100%;max-height:100%;top: 0px;bottom: 0px;margin: auto;left: 0px;right: 0px; transition:.8s;-webkit-transition:.8s;}
.index-news .news-lb ul li:hover {background: #fff;}
.index-news .news-lb ul li:hover a{color: #000;}

/*index_video*/
.index-video{width: 100%;height:auto; background: url(../images/index/index_video_tu.jpg) no-repeat center;background-size: 100% 100%;overflow: hidden;}
.index-video .video-tu{width: 100%; height:auto;}
.index-video .video-tu img{width: 100%; height:auto;display: block;}
.video-box{position: relative;text-align: center;}
.video-box video{display: inline-block;vertical-align: baseline;}
.video-box .video-img{position: absolute;top: 0;bottom: 0;width: 100%;z-index: 999;background: url(../images/index/index_video_tu.jpg) no-repeat center center;background-size:cover;cursor:pointer;}
.video-box #video{max-width:1920px;max-height:923px;}



/*index_contact*/
.index-contact{width: 100%;height:923px; background: url(../images/index/index_contact_bg.jpg) no-repeat center;background-size: 1920px 923px;overflow: hidden;}
.index-contact .dhtu{padding-top:60px;padding-bottom: 53px;}
.index-contact .contact-l{float: left;width: 48.75%; height:589px; float: left;color: #fff; background: url(../images/index/index_contact_zibg.jpg);background-repeat:no-repeat;overflow: hidden;}
.index-contact .contact-l .sy-dianhua{margin-top:400px; margin-left: 30px;line-height: 35px;}
.index-contact .contact-r{float: left;width: 51.25%;}
.index-contact .contact-r img{width: 100%; height: auto;}

/*footer*/
.footer{height:295px;color:#fff;background:url(../images/footer_bg.jpg);background-repeat: repeat-x; overflow: hidden}
.footer .footer-logo{float: left; margin-top: 91px; margin-right: 33px;}
.footer .footer-z{width: 570px;float:left;font-size:14px;display:inline-block;margin:25px 5px;position:relative}
.footer .con{width: 620px;margin:50px auto}
.footer .con .name{font-size:20px;font-family: "Microsoft YaHei"}
.footer .con ul{ margin-top: 15px; }
.footer .con ul span{float: left;padding: 0 13px;}
.footer .con ul li{float: left;line-height: 22px;}
.footer .con ul li a{color: #fff;}
.footer .zhong{clear:both;padding-top:15px;}
.footer .zhong-l{float: left;width: 180px;}
.footer .zhong-r{float: left;}
.footer .zhong-z{float: left;margin:10px 20px;height:20px;   border-left: 1px dashed #fff;}
.footer .banquan{clear:both;padding-top:25px;font-size:12px;}

.footer .footer-ewm{ float:right;margin-top: 100px;overflow: hidden; }
.footer .code{float: right;}
.footer .code .fr{float:right;overflow:hidden}
.footer .code .fl{float:right;margin-left:15px}
.footer .code .fl .name,.footer .code .fr .name{font-size:16px;color:#fff;padding-top:10px;text-align: center;}

@media only screen and (min-width:1920px) {
.video-box #video{min-height:923px;}
}
@media only screen and (min-width:1366px) {
.video-box #video{min-height:657px;}
}
@media only screen and (min-width:1280px) {
.video-box #video{min-height:615px;}
}
@media only screen and (min-width:1280px) {
.video-box #video{min-height:615px;}
}
@media only screen and (min-width:1200px) {
#header a{color:#1a1a1a;font-size:18px}
#header ul{width:880px;float:right;line-height:80px;display: none;}
#header ul li,#header ul li a{width:110px;height:80px;float:left;display:inline-block;text-align:center;}
#header ul li.active a,#header ul li a:hover{background:#ea0000;color:#fff}
}
@media only screen and (max-width: 1200px) {
#header .logo-tu .head_dh,#header .logo-dh{display: none;}	
.drawer-main{position:fixed;z-index:999;top:0;width:150px;height:100%;overflow:hidden}
.drawer-left .drawer-main{left:-150px;-webkit-transition:left .4s cubic-bezier(0.19,1,.22,1);-o-transition:left .4s cubic-bezier(0.19,1,.22,1);transition:left .4s cubic-bezier(0.19,1,.22,1)}
.drawer-left.drawer-open .drawer-main{left:0}
.drawer-right .drawer-main{right:-150px;-webkit-transition:right .4s cubic-bezier(0.19,1,.22,1);-o-transition:right .4s cubic-bezier(0.19,1,.22,1);transition:right .4s cubic-bezier(0.19,1,.22,1)}
.drawer-right.drawer-open .drawer-main{right:0}
.drawer-overlay{position:relative}
.drawer-left .drawer-overlay,.drawer-left .drawer-hamberger{left:0;-webkit-transition:left .4s cubic-bezier(0.19,1,.22,1);-o-transition:left .4s cubic-bezier(0.19,1,.22,1);transition:left .4s cubic-bezier(0.19,1,.22,1)}
.drawer-left.drawer-open .drawer-overlay,.drawer-left.drawer-open .drawer-hamberger{left:150px}
.drawer-right .drawer-overlay,.drawer-right .drawer-hamberger{position:fixed;right:0;-webkit-transition:right .4s cubic-bezier(0.19,1,.22,1);-o-transition:right .4s cubic-bezier(0.19,1,.22,1);transition:right .4s cubic-bezier(0.19,1,.22,1)}
.drawer-right.drawer-open .drawer-overlay,.drawer-right.drawer-open .drawer-hamberger{right:150px}
.drawer-overlay-upper{position:fixed;top:0;z-index:1100;display:none;height:100%;background-color:#000;background-color:rgba(0,0,0,0)}
.drawer-left.drawer-open .drawer-overlay-upper{right:0}
.drawer-right.drawer-open .drawer-overlay-upper{left:0}
.drawer-hamberger{position:absolute;top:0;right:0;z-index:1000;display:block;width:30px;height:30px;padding:30px;background-color:transparent;border:0}
.drawer-hamberger span{margin-top:10px}
.drawer-hamberger span,.drawer-hamberger span:before,.drawer-hamberger span:after{position:absolute;display:block;width:30px;height:2px;cursor:pointer;content:'';background-color:#ddd;border-radius:1px;-webkit-transition:all .4s cubic-bezier(0.19,1,.22,1);-o-transition:all .4s cubic-bezier(0.19,1,.22,1);transition:all .4s cubic-bezier(0.19,1,.22,1)}
.drawer-hamberger span:before{top:-10px}
.drawer-hamberger span:after{bottom:-10px}
.drawer-open .drawer-hamberger span{background-color:transparent}
.drawer-open .drawer-hamberger span:before,.drawer-open .drawer-hamberger span:after{top:0}
.drawer-open .drawer-hamberger span:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.drawer-open .drawer-hamberger span:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
.drawer-hamberger:hover{cursor:pointer}
.drawer-default{background-color:#1a1a1a;-webkit-box-shadow:inset 0 0 0 rgba(0,0,0,.5);box-shadow:inset 0 0 0 rgba(0,0,0,.5)}
.drawer-default+.drawer-overlay{background-color:#fff}
.drawer-default .drawer-brand a{display:block;width:100%;padding:20px 15px;font-size:16px;color:#fff}
.drawer-default .drawer-brand a:hover{color:#fff;text-decoration:none}
.drawer-default .drawer-nav-title{display:block;padding:15px 15px 0 15px;font-size:16px}
.drawer-default .drawer-nav-list{padding:0;margin:0 0 20px 0;list-style:none}
.drawer-default .drawer-nav-list li{display:block;text-align:center}
.drawer-default .drawer-nav-list li a{display:block;padding:15px;font-size:16px;color:#fff}
.drawer-default .drawer-nav-list li:hover{background:#ea0000;}
.drawer-default .drawer-nav-list li a:hover{color:#fff}
.drawer-default .drawer-nav-list li.active{background:#ea0000;}
.header{top:0;position:fixed;border-bottom:1px solid #eee}
.header .logo{width:200px;margin:auto;height:80px;}
.header .logo img{margin-top:10px}
.container{width:100%}

.index-about{height:830px;}
.index-about .about-l{height:440px;}
.index-about .about-l img{height:440px;}
.index-about .about-r{height:440px;}
.index-about .about-r .wenzi{padding:60px 55px;}
.index-about .about-r h3{font-size:26px;}

.index-pro{height:820px;}
.index-pro .bianju{width: 98%;padding-left: 1%;padding-right: 1%;}
.index-pro .pro-l .sypro-bt img{width: 100%; height: auto;}
.index-pro .pro-l p{padding-right:0;}
.index-pro .pro-l .more{margin-top:40px;}

.index-news{height:830px;}
.index-news .bianju{width: 98%;padding-left: 1%;padding-right: 1%;}
.index-news .news-title{float:left;width:11.6%;height:auto;padding-top: 234px;}
.index-news .news-title .news-bt{font-size:28px;color: #fff;}
.index-news .news-lb ul li:nth-child(2){background: #fff;}
.index-news .news-lb ul li:nth-child(2) a{color: #000;}

.index-contact{height:830px;}
.index-contact .contact-l{height:510px;background-size: 100% 100%;}
.index-contact .contact-l .sy-dianhua{margin-top:350px; margin-left: 10px;line-height: 30px;}
.index-contact .contact-r img{height:510px;}

.video-box #video{min-height:577px;}

.footer{height:auto;padding:0;}
.footer .footer-logo{float: left; margin-top: 91px; margin-right: 33px;padding-left: 2%;}
.footer .footer-z{width: 570px;float:left;font-size:14px;display:inline-block;margin:0 5px;position:relative;padding-right: 2%;}
.footer .con{width: 620px;margin:50px auto}
.footer .footer-ewm{width:98%;padding:0 1%;margin-top:0;padding-bottom: 20px; background-color:#076f2b;}
.footer .code{width:60%;margin:0 auto; padding: 0 20%;}
.footer .code .fr{float:left;overflow:hidden}
.footer .code .fl{float:right;margin-left:15px}
}
@media only screen and (max-width:1024px) {
.index-about{height:810px;}
.index-about .about-l{height:420px;}
.index-about .about-l img{height:420px;}
.index-about .about-r{height:420px;}
.index-about .about-r h3{font-size:24px;}
.index-pro{height:790px;}
.index-news{height:810px;}
.index-news .news-title .news-bt{font-size:26px;color: #fff;}
.index-contact{height:810px;}
.index-contact .contact-l{height:480px;background-size: 100% 100%;}
.index-contact .contact-l .sy-dianhua{margin-top:340px;}
.index-contact .contact-r img{height:480px;}
.video-box #video{min-height:492px;}

.footer{height:auto;padding:0;}
.footer .footer-logo{margin-top:20px;padding-left:0;}
.footer .footer-logo{width:100%;text-align:center; }
.footer .footer-logo img{width: 30%; height: auto; text-align:center; }
.footer .footer-z{width:98%;padding:0 1%;margin:10px 0 0;}
.footer .con{width:100%;margin:0 auto;}
.footer .con .name{text-align:center;}
.footer .con ul{display: none;}
.footer .zhong{clear:both;padding-top:15px;font-size: 16px;line-height: 25px;}
.footer .zhong-l{float: left;width:50%; text-align: center;}
.footer .zhong-r{float: right;width:50%;text-align: center;}
.footer .zhong-z{display: none;}
.footer .banquan{font-size:16px;text-align: center;}
.footer .footer-ewm{width:98%;padding:0 1%;padding-top:25px;padding-bottom: 20px; background-color:#076f2b;}
.footer .code{width:60%;margin:0 auto; padding: 0 20%;}
.footer .code .fr{float:left;overflow:hidden}
.footer .code .fl{float:right;margin-left:15px}	
}
@media only screen and (max-width:960px) {
.index-about{height:740px;}
.index-about .about-l{height:350px;}
.index-about .about-l img{height:350px;}
.index-about .about-r{height:350px;}
.index-about .about-r .wenzi{padding:50px 35px;}
.index-about .about-r h3{font-size:20px;padding-bottom:25px;}
.index-about .about-r p{font-size:14px;line-height: 25px;font-weight: normal;}

.index-pro{height:700px;}
.index-pro .pro-l p{padding-top:20px;font-size:14px;}
.index-pro .pro-l .more{width:80px;height:30px;line-height:30px;margin-top:20px; font-size:12px;}

.index-news{height:740px;}
.index-news .news-title .news-bt{font-size:20px;}
.index-news .news-title .fenlei{margin-top: 55px;}
.index-news .news-title .fenlei ul li{width: 85px; height: 30px;line-height: 30px;}
.index-news .news-title .fenlei ul li a{font-size: 16px;}
.index-news .news-lb ul li .biaoti{font-size: 14px;}
.index-news .news-lb ul li .riqi{font-size: 12px;}
.index-news .news-lb ul li .des{font-size: 12px;}

.index-contact{height:740px;}
.index-contact .contact-l{height:400px;background-size: 100% 100%;}
.index-contact .contact-l .sy-dianhua{margin-top:270px;line-height: 25px; font-size:12px;}
.index-contact .contact-r img{height:400px;}

.video-box #video{min-height:462px;}

.footer .footer-logo img{width: 25%;}
}
@media only screen and (max-width:768px) {
#header .logo-tu img{width:60%;}
.index-about{height:680px;}
.index-about .about-l{height:300px;}
.index-about .about-l img{height:300px;}
.index-about .about-r{height:300px;}
.index-about .about-r .wenzi{padding:25px 15px;}
.index-about .about-r h3{font-size:18px;padding-bottom:25px;}
.index-about .about-r p{font-size:14px;line-height: 25px;font-weight: normal;}
.index-about .about-r .more{width: 80px; height: 30px;line-height: 30px;margin-top:30px; font-size:12px;}

.index-pro{height:880px;}
.index-pro .pro-l{float: left;width:33.33%;height: auto; padding:70px 4.17% 0 0;}
.index-pro .pro-l p{text-indent: 2em;padding-top: 50px;padding-right:0; font-size:16px;line-height: 25px;color: #fff; font-weight: normal;}
.index-pro .pro-l .more{display: block;width: 100px; height: 35px;line-height: 35px;text-align: center; margin-top:60px; font-size:14px;}
.index-pro .pro-r ul li{width:47.34%;float:right;}

.index-news{height:740px;}
.index-news .news-title .news-bt{font-size:18px;}
.index-news .news-title .fenlei{margin-top: 55px;}
.index-news .news-title .fenlei ul li{width: 75px; height: 30px;line-height: 30px;}
.index-news .news-title .fenlei ul li a{font-size: 14px;}
.index-news .news-lb ul li .biaoti{font-size: 14px;}
.index-news .news-lb ul li .riqi{font-size: 12px;}
.index-news .news-lb ul li .des{font-size: 12px;}

.index-contact{height:680px;}
.index-contact .contact-l{height:340px;background-size: 100% 100%;}
.index-contact .contact-l .sy-dianhua{margin-top:230px;}
.index-contact .contact-r img{height:340px;}

.video-box #video{min-height:369px;}

.footer .footer-logo img{width: 30%;}
}
@media only screen and (max-width:640px) {
.drawer-hamberger span{margin-top:1px}
.header{height:60px}
#header .logo-tu .head_dh,#header .logo-dh{display: none;}
.header .logo{width:180px;margin:auto;height:60px;}
.header .logo img{margin-top:8px;width:85%}

.index-about{height:auto;}
.index-about .dhtu{display: none;}
.index-about .sytitle{margin: 50px auto;}
.index-about .about-l{width:100%;height:auto; float:none;text-align: center;}
.index-about .about-l img{width: 100%; height: auto;display: block;}
.index-about .about-r{width:100%;height:512px; float:none;}
.index-about .about-r .wenzi{padding: 105px 45px;}
.index-about .about-r h3{font-size:26px;padding-bottom: 35px;font-weight: normal;}
.index-about .about-r p{font-size:16px;line-height: 32px;font-weight: normal;}
.index-about .about-r .more{display: block;width: 100px; height: 35px;line-height: 35px;text-align: center; margin-top: 45px; font-size:14px; border: 1px solid #fff; color: #fff;}

.index-pro{height:auto;background-size: 1920px 100%;padding-bottom:50px;}
.index-pro .dhtu{display: none;}
.index-pro .pro-l{float:none;width:100%;height:auto; padding-top:70px;}
.index-pro .pro-l .sypro-bt{width: 100%;text-align: center;}
.index-pro .pro-l .sypro-bt img {width:60%;height: auto;}
.index-pro .pro-l p{padding-left:20px; padding-right:20px;padding-top:20px;}
.index-pro .pro-l .more{display: block;width: 100px; height: 35px;line-height: 35px;font-size:14px;margin: 0 auto;margin-top:30px;}
.index-pro .pro-r{float:none;width:100%;padding-top:50px;}
.index-pro .pro-r ul li{width:47.34%;float:left;margin:1.33%;}


.index-news{height:auto;background-size: 1920px 100%;padding-bottom:50px;}
.index-news .dhtu{display: none;}
.index-news .news-title{float:none;width:100%;padding-top:60px;}
.index-news .news-title .news-bt{font-size:34px;text-align: center;}
.index-news .news-title .fenlei{width: 100%;margin: 0 auto; margin-top:20px;}
.index-news .news-title .fenlei ul li{display:inline-block; width:32.5%; height: 40px;line-height: 40px;border:0px solid #ff9c01;background: #ff9c01;}
.index-news .news-title .fenlei ul li a{font-size: 18px;}
.index-news .news-lb{ float:none;width:100%;padding-left:0;}
.index-news .news-lb ul li{width:95.3%;height:auto !important; float:left;display:inline-block;padding:0 2.35%;overflow: hidden;}
.index-news .news-lb ul li a{color: #fff;}
.index-news .news-lb .wz-bf{padding: 0 5px;padding-top:20px;}
.index-news .news-lb ul li .biaoti{font-size: 16px;}
.index-news .news-lb ul li .hx{margin:0;}
.index-news .news-lb ul li .riqi{font-size: 14px;padding-bottom:15px;}
.index-news .news-lb ul li .des{max-height:60px; font-size: 14px;margin-bottom:10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;}
.index-news .news-lb ul li .newstu img{width:100%;height:auto;}
.index-news .news-lb ul li:nth-child(2){background:none;}
.index-news .news-lb ul li:nth-child(2) a{color: #fff;}

.index-contact{height:auto;background-size: 1920px 100%;}
.index-contact .dhtu{display: none;}
.index-contact .contact-l{float:none;width:100%;height:644px;}
.index-contact .contact-l .sy-dianhua{margin-top:440px; margin-left: 30px;line-height: 35px;font-size: 16px;}
.index-contact .contact-r{float:none;width:100%;}
.index-contact .contact-r img{width: 100%; height: auto;display: block;}
.video-box #video{min-height:308px;}

.footer .footer-logo img{width: 35%;}
}
@media only screen and (max-width:480px) {
.index_news .title img,.index_pro .title img{width:180px}
.index_news .fr li .date{width:80px;height:100px}	

.index-about .about-r .wenzi{padding:95px 35px;}
.index-about .about-r h3{font-size:23px;}
.index-contact .contact-l{height:483px;}
.index-contact .contact-l .sy-dianhua{margin-top:325px; margin-left:10px;}
.video-box #video{min-height:231px;}

.footer .footer-z{width:96%;padding:0 2%;}
.footer .zhong{font-size: 14px;}
.footer .banquan{font-size: 14px;}
.footer .zhong-l{float: left;width:auto;}
.footer .zhong-r{float: right;width:auto;}
}
@media only screen and (max-width:420px) {
.index-about .about-r .wenzi{padding:95px 35px;}
.index-about .about-r h3{font-size:23px;}
.index-contact .contact-l{height:423px;}
.index-contact .contact-l .sy-dianhua{margin-top:285px; margin-left:10px;line-height: 30px;font-size: 14px;}
.video-box #video{min-height:202px;}

.footer .con .name{font-size:18px;}
.footer .footer-z{width:98%;padding:0 1%;}
.footer .zhong{font-size: 13px;}
.footer .banquan{font-size: 13px;}

}