﻿
body{ min-width: 1200px; }
*{transition:all .5s;}
#header{ position: absolute;  width: 100%; left: 0;top: 0;right: 0; z-index: 9999;}
#header.header{ background: rgba(0,0,0,0.2) }
#nav{ height: 60px;}
#header  .nav { padding-top: 15px; padding-right: 30px; }
#header  .nav .nav_ ul li a{text-align: center;}
#header  .nav .nav_ ul li a.item span{background-size:0 2px;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;display:inline-block; height:60px; line-height: 60px;}
#header  .nav .nav_ ul li.active a.item span{color:#bb9a13!important}
#header  .nav .nav_ ul li a.item:hover span,.head .nav .nav_ ul li.active a.item span{background-size:100% 2px;color:#bb9a13 !important;}
#header  .nav .nav_ ul li a.item:hover span,.heads .nav .nav_ ul li.active a.item span{background-size:100% 2px;color:#bb9a13!important}
#header  .nav .nav_ ul li a.item {text-align: right;}
#header  .nav .nav_ ul li a.item span{display: inline-block; width: 40px; height: 2px; background:#fff; position: relative;}
#header  .nav .nav_ ul li a.item span:before,#header  .nav .nav_ ul li a.item span:after{ position: absolute; left: 0;display: inline-block; width: 40px; height: 2px; background:#fff;content: '';}
#header  .nav .nav_ ul li a.item span:before{ top: -15px; }
#header  .nav .nav_ ul li a.item span:after{ bottom: -15px; }

#header .nav .nav_ ul li {width:120px; text-align:center; position: relative;}
#header .nav .nav_ ul li > a{color:#fff; height: 60px; line-height: 60px;font-size:16px;}
#header .nav .nav_ ul li .box{position:absolute;top:100%;width:140%;left:-20%;text-align:center;line-height:38px;padding-top:0px;height:0;overflow:hidden}
#header .nav .nav_ ul li.active .box{height:auto;}
#header .nav .nav_ ul li dd{border-top:1px solid rgba(250,250,250,0.95)}
#header .nav .nav_ ul li:first-child dd{border-top:none;}
#header .nav .nav_ ul li .box a{background:#fff;display:block;box-shadow:0 0 2px rgba(0,0,0,0.05); line-height: 40; line-height: 40px;}
#header .nav .nav_ ul li .box a:hover{background:#000;color:#fff}
#header .nav .nav_ ul li .box dl{padding:0;-webkit-perspective:400px;-moz-perspective:400px;-ms-perspective:400px;-o-perspective:400px;perspective:400px}
#header .nav .nav_ ul li .box dl dd{opacity:0;-webkit-transform:rotateY(90deg);-moz-transform:rotateY(90deg);-ms-transform:rotateY(90deg);-o-transform:rotateY(90deg);transform:rotateY(90deg);-webkit-transition:opacity .4s,-webkit-transform .5s;-moz-transition:opacity .4s,-moz-transform .5s;-ms-transition:opacity .4s,-ms-transform .5s;-o-transition:opacity .4s,-o-transform .5s;transition:opacity .4s,transform .5s}
/*#header .nav .nav_ ul li .box{padding-top:5px}*/
#header .nav .nav_ ul li.active .box dl dd{opacity:1;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}
#header .nav .nav_ ul li.active .box dl dd:nth-child(1){-webkit-transition-delay:1s;-moz-transition-delay:1s;-ms-transition-delay:1s;-o-transition-delay:1s;transition-delay:1s}
#header .nav .nav_ ul li.active .box dl dd:nth-child(2){-webkit-transition-delay:50ms;-moz-transition-delay:50ms;-ms-transition-delay:50ms;-o-transition-delay:50ms;transition-delay:50ms}
#header .nav .nav_ ul li.active .box dl dd:nth-child(3){-webkit-transition-delay:100ms;-moz-transition-delay:100ms;-ms-transition-delay:100ms;-o-transition-delay:100ms;transition-delay:100ms}
#header .nav .nav_ ul li.active .box dl dd:nth-child(4){-webkit-transition-delay:150ms;-moz-transition-delay:150ms;-ms-transition-delay:150ms;-o-transition-delay:150ms;transition-delay:150ms}
#header .nav .nav_ ul li.active .box dl dd:nth-child(5){-webkit-transition-delay:200ms;-moz-transition-delay:200ms;-ms-transition-delay:200ms;-o-transition-delay:200ms;transition-delay:200ms}
#header .nav .nav_ ul li.active .box dl dd:nth-child(6){-webkit-transition-delay:250ms;-moz-transition-delay:250ms;-ms-transition-delay:250ms;-o-transition-delay:250ms;transition-delay:250ms}
#header .nav .nav_ ul li.active .box dl dd:nth-child(7){-webkit-transition-delay:300ms;-moz-transition-delay:300ms;-ms-transition-delay:300ms;-o-transition-delay:300ms;transition-delay:300ms}
#header .nav .nav_ ul li.active .box dl dd:nth-child(8){-webkit-transition-delay:350ms;-moz-transition-delay:350ms;-ms-transition-delay:350ms;-o-transition-delay:350ms;transition-delay:350ms}
#header .nav .nav_ ul li.active .box dl dd:nth-child(1){-webkit-transition-delay:350ms;-moz-transition-delay:350ms;-ms-transition-delay:350ms;-o-transition-delay:350ms;transition-delay:350ms}
#header .nav .nav_ ul li.active .box dl dd:nth-child(2){-webkit-transition-delay:300ms;-moz-transition-delay:300ms;-ms-transition-delay:300ms;-o-transition-delay:300ms;transition-delay:300ms}
#header .nav .nav_ ul li.active .box dl dd:nth-child(3){-webkit-transition-delay:250ms;-moz-transition-delay:250ms;-ms-transition-delay:250ms;-o-transition-delay:250ms;transition-delay:250ms}
#header .nav .nav_ ul li.active .box dl dd:nth-child(4){-webkit-transition-delay:200ms;-moz-transition-delay:200ms;-ms-transition-delay:200ms;-o-transition-delay:200ms;transition-delay:200ms}
#header .nav .nav_ ul li.active .box dl dd:nth-child(5){-webkit-transition-delay:150ms;-moz-transition-delay:150ms;-ms-transition-delay:150ms;-o-transition-delay:150ms;transition-delay:150ms}
#header .nav .nav_ ul li.active .box dl dd:nth-child(6){-webkit-transition-delay:100ms;-moz-transition-delay:100ms;-ms-transition-delay:100ms;-o-transition-delay:100ms;transition-delay:100ms}
#header .nav .nav_ ul li.active .box dl dd:nth-child(7){-webkit-transition-delay:50ms;-moz-transition-delay:50ms;-ms-transition-delay:50ms;-o-transition-delay:50ms;transition-delay:50ms}
#header .nav .nav_ ul li.active .box dl dd:nth-child(8){-webkit-transition-delay:0s;-moz-transition-delay:0s;-ms-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}


.top { padding-right: 50px; padding-top:10px; }
.top .item{ padding:20px 20px 10px; text-align: center; }
.top .item span{ width: 38px; height: 38px; display: inline-block; }
.top .item p{ color: #fff; font-size: 13px; }
.top .item .icon-1{ background-position:-1px -1px; }
.top .item .icon-2{ background-position:-41px -1px; }
.top .item .icon-3{ background-position:-84px -1px; }
.top .item .icon-4{ background-position:-135px -1px; }
.top .item .icon-5{ background-position:-190px 1px; }
.top .item .icon-6{ background-position:-235px 1px; }



.swiper-container{width:100%;height:800px;position:relative;overflow:hidden;}
.swiper-container .swiper-slide{width:100%;height:800px;position:relative;overflow:hidden;}
.swiper-container .swiper-slide .banner_in{ position: absolute; left: 0;top: 0; right: 0; bottom: 0; z-index: 0; background-position: center; background-repeat: no-repeat; width: 100%;height: 100%;}
.swiper-container .swiper-slide.swiper-slide-active .banner_in{
	background: no-repeat 50% 50%;
	background-size: cover;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-duration: 16s;
	animation-duration: 16s;
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-animation-name: kenburns-1;
	animation-name: kenburns-1;
}






.swiper-container .swiper-slide .banner_text{ position: absolute; width:1000px; left: 50%; margin-left:-500px; top: 40%; opacity:0; z-index: }
.swiper-container .swiper-slide .banner_text h3{ color: #fff; font-size: 30px; }
.swiper-container .swiper-slide .banner_text p{ color: #fff; font-size: 20px; padding-top:20px;}
.swiper-container .swiper-slide-0 .banner_text{ opacity: 1; }
.swiper-pagination-bullet{ width: 40px; height: 5px; border-radius: 0; margin: 0 10px !important; background: #ff0000;}

.pb50{ padding-bottom:80px; }
.index_pro .box{ width:230px; height:360px; background: url(../imgs/pro_bg.jpg) no-repeat top; margin-left: 5px; margin-right: 5px; position: relative; overflow: hidden;}
.index_pro .box img{ width: 220px; top: 50%; position: absolute;  left: 50%; transform: translate(-50%,-50%); }
.index_pro .box .text{ position: absolute; z-index: 400; padding: 10px; left: 0; top:300px ; width: 100%; height: 360px; box-sizing: border-box;}
.index_pro .box .text p,.index_pro .box .text h3{ color: #fff;}
.index_pro .box .text h3{ font-size: 18px; text-align: center; height: 40px; line-height: 40px; }
.index_pro .box .text p{ display:none;line-height: 30px;padding: 10px; }
.index_pro .box:hover .text{ background: rgba(0,0,0,.5); top:0;}
.index_pro .box:hover .text h3{border-bottom: 1px solid rgba(255,255,255,.5); padding-top: 120px;}
.index_pro .box:hover .text p{ display: block; padding-top: 20px;}



.process{width:100%;height:800px;position:relative;overflow:hidden;}
.process .box{background: url(../imgs/process.jpg); background-repeat: no-repeat; background-position:  50% 50%;position: absolute; left: 0;top:0; width: 100%; height: 100%; right: 0;}
.process:hover .box{
	background-size: cover;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-duration: 16s;
	animation-duration: 16s;
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-animation-name: kenburns-1;
	animation-name: kenburns-1;
}
.process .text{ position: absolute; width:1000px; left: 50%; margin-left:-500px; top: 25%;  z-index:0;}
.process .text h3{ color: #fff; font-size: 30px; }
.process .text p{ color: #fff; font-size: 20px; padding-top:10px; }
.process .text .more{ margin-top:200px; background: none; }
.process .text .more a{ display: inline-block; color: #ff0000; padding: 10px 30px;border:1px solid #ff0000;}

.index_about{ padding-bottom:80px; }
.index_about .box{ width:30%; height: 415px;}
.index_about .box.mid{ margin-left: 5%; margin-right: 5%; }
.index_about .box a{ display: block; width: 100%; height: 100%; position: relative; overflow: hidden;}
.index_about .box a img{ width: 100%;height: 415px; position: relative; z-index: 0;}
.index_about .box .bg{ background: rgba(0,0,0,.4); position: absolute; left: 0;top: 0; right: 0;bottom: 0; display:none;  z-index:100;}
.index_about .box .t{ width: 100%; position: absolute; left: 0; top: 20%; font-size: 25px; color: #fff; z-index: 100}
.index_about .box .text{ padding:20px; position: absolute; left:0;top: 100%; z-index: 100; color:#fff; line-height: 30px;}
.index_about .box a:hover .bg{ display: block; }
.index_about .box a:hover .t{ top: 20%; }
.index_about .box a:hover .text{ top: 30% }


.index_news{background:#fefcfc;}
.index_l{ width:490px;}
.index_l img{ width:490px; height: 290px;}
.index_l h3{ margin-top: 15px; color:#333; font-size: 20px; line-height: 24px; height: 48px; overflow: hidden;}
.index_l p{ color: #999; color:#999; height: 40px; line-height: 20px; overflow: hidden; margin-top: 10px;}

.index_r{ width: 640px;}
.index_r .box {height: 160px; position: relative;}
.index_r .box .time{ width: 115px; float: left; padding: 0px 0; border-right: 1px solid #eee; margin-top: 10px;}
.index_r .box .time .date{ font-size: 20px; color:#333;font-weight: bold;}
.index_r .box .time .year{ font-size: 16px; color: #999; padding-left: 18px; font-weight: bold;}
.index_r .box .content{ position: relative; width:480px; float: right; }
.index_r .box .content h3{ font-size: 18px; line-height: 30px; padding-right: 30px; margin-bottom: 15px;}
.index_r .box:hover .content h3{ color: #333!important; }
.index_r .box .content .icon{ background-position:-300px -2px; display: inline-block; width:26px; height: 26px;}
.index_r .box:hover  .content .icon{margin-left: 30px;}

.index_panter{ background-color: #f9f9f9; }
.index_panter .box{ background: #fff; border:1px solid #ddd; width: 222px; height: 140px; line-height: 140px; margin-right: 20px; margin-bottom: 20px; text-align:center;}
.index_panter .box img{ display: inline-block; vertical-align: middle;}
.index_panter .box:nth-child(5n){margin-right: 0;}

.footer{ background: #000; padding: 40px 0 50px;}
.foot{ width: 580px;margin: 0 auto; padding-bottom: 30px;}
.foot .link{ width: 190px; }
.foot .last{ padding-left: 80px; width: 110px; }
.foot .mid{ width: 200px; }
.foot .link h3,.foot .last h3,.foot .mid h3{ font-size: 16px; color: #fff; padding-bottom: 10px;}
.foot .link h3 a{ color: #fff; }
.foot .link p,.foot .last p,.foot .mid p,.foot .link p a,.foot .last p a,.foot .mid p a{ color: #666; font-size: 14px; padding: 5px 0; }
.foot p a:hover{ color: #fff; }
.footer .copyright{ color: #666; font-size: 14px;}
@-webkit-keyframes kenburns-1 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  
  26.5625% {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
  }

  50% {
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
  }
  100% {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
  }  
}





.banner_innner{ height: 400px; position: relative; z-index: 0; width: 100%;}
.pro_banner{background: url(../imgs/pro_banner.png) no-repeat top;}
.news_banner{background: url(../imgs/news_banner.jpg) no-repeat top;}
.news_info_banner{background: url(../imgs/news_info_banner.jpg) no-repeat top;}
.news_info_banner2{background: url(../imgs/news_info_banner2.jpg) no-repeat top;}






.loca_box{ height: 70px; }
.loca_box .home{ line-height: 70px; font-size: 15px;}
.loca_box .nav_inner li{ float: left; }
.loca_box .nav_inner li a{ padding: 0 20px; display: block; line-height: 70px; height: 70px; color: #333; font-size: 15px;}
.loca_box .nav_inner li a:hover,.loca_box .nav_inner li.active a{ background: #f00; color: #fff; }

.graybg{ background: #fbfbfb; }
.acticle{ padding: 60px 0; }
.pro_top img{ width: 560px; height: 300px; }
.pro_top .content{ width: 550px; padding:  0 20px; }
.pro_top .content h3{ font-weight: bold;font-size: 22px; height: 44px; line-height: 22px; overflow: hidden; margin-bottom: 15px;}
.pro_top .content p{ color: #777; line-height: 30px; height:240px; overflow: hidden;}
.acticle .desc{ font-weight: bold; font-size: 22px; padding: 20px 0; text-align: center; margin-top: 50px; }
.acticle .info{ padding: 0 110px 50px; font-size: 14px; line-height: 30px;}
.acticle .info img{ display: block; margin:0 auto; height:auto}
.acticle table{ width:100% !important; }


.news_box{ padding: 50px 0; }
.news_box img{ width: 420px; height: 250px; }
.news_box .content{ width: 560px; padding: 20px; }
.news_box .content h3{ font-weight: bold;font-size: 22px; height: 44px; line-height: 22px; overflow: hidden; margin-bottom: 10px;}
.news_box .content p{ color: #777; line-height: 40px; height:80px; overflow: hidden; font-size: 16px;}

.news_box .content .read_more{ text-align: left; padding-top: 30px;}
.news_box .content .read_more a{ display: inline-block; padding: 10px 30px; color: #f00; border:1px solid #f00;}

.news_list{ padding-top: 40px; border-top: 1px solid #ddd; margin-top: 40px; }
.news_list li{ width: 100%; margin-bottom: 40px;}
.news_list li img{ width: 420px; height: 250px; }
.news_list li .content{ width: 720px; height: 240px; border-bottom: 1px solid #ddd;}
.news_list li .content p{ line-height: 24px; color: #333;}
.news_list li .content p.time{ padding-top: 60px; color: #999;}

.news_box .content h3 a:hover{ color: #f00;}
.news_more{ width:980px; padding: 50px 110px; border-top: 1px solid #ddd; }
.news_more .fl{ width: 600px; }
.news_more p{ padding: 5px 0;  }
.news_more .fr a{ display: inline-block; padding: 10px 30px; border:1px  solid #ddd; }
.news_more p a:hover{ color: #f00; }
.news_more .fr a:hover{ color: #f00;border:1px solid #f00;}
.acticle .meta{ color: #999; padding-bottom: 30px}
.news_info_desc{ font-weight: bold; font-size: 22px; padding: 20px 0; text-align: center;}

.message_list{padding:40px 110px;background: #fff; margin-bottom: 40px; }
.message{margin-bottom: 20px; min-height:100px; font-size: 12px; color: #333;}
.message .img{width: 80px; height:110px;}
.message img{ width: 80px; height: 80px;}
.message .box{ width: 860px; float: right; line-height: 22px;}
.top.us{ display: none; }


@media (max-width: 600px){
	body{min-width: 100%;}
	*{box-sizing: border-box;}
	#header .logo{ width: 160px; }
	#header .logo img{ width: 100%; }
	#header .nav{ padding: 0; }
	#header .nav .nav_ ul li a.item span,
	#header .nav .nav_ ul li a.item span:before, #header .nav .nav_ ul li a.item span:after{ width: 20px; }
	#header .nav .nav_ ul li a.item span:before{top:-5px;}
	#header .nav .nav_ ul li a.item span:after{bottom:-5px;}
	#header .nav .nav_ ul li > a{ line-height: 40px; }
	#header .nav .nav_ ul li{ width: 80px; }
	#header .nav .nav_ ul li .box{left: -40%;}
	#header .top{ display: none; }
	.top.us{ display: block; background:#000; padding: 0;}
	.top.us .item{ padding:10px 0; width:33.3333%;}
	.top.us p{ padding:0; }


	.w1200{ width: 100%; }
	.swiper-container{ height:350px; }
	.swiper-container .swiper-slide .banner_in{ background: cover; }
	.swiper-container .swiper-slide .banner_text{ width: 100%;margin-left: -50%; padding: 0 20px; }
	.swiper-container .swiper-slide{ height: 100%; }
	.swiper-container .swiper-slide .banner_text h3{ font-size: 20px; }
	.swiper-container .swiper-slide .banner_text p{font-size: 16px;}
	.swiper-pagination-bullet{ width:20px; }
	.index_pro .w1200{ padding:0 10px; }
	.index_pro > .center img{ height: 150px; }
	.index_pro .box{ width: 100%; float: none; background-size: cover;margin: 0; margin-bottom: 20px; }
	.index_pro .box:hover .text h3{ padding-top: 0; }
	.pb50{padding-bottom: 30px;}
	.process{ height: 400px; }
	.process .box{ background-size:cover; }
	.process .text{top: 20%;}
	.process .text .more{ margin-top: 100px; }
	.process .text h3{ font-size: 20px; }
	.process .text p{ font-size: 16px; }
	.process .text .more a{padding: 6px 20px;}
	.index_about{padding-bottom: 40px;}
	.index_about .w1200{ padding:0 10px; }
	.index_about > .center img{ height: 150px;}
	.index_about .box{ width: 100%; float: none;margin-bottom: 20px; height: auto;}
	.index_about .box.mid{ margin: 0; margin-bottom: 20px; }
	.index_about .box img{ width: 100%; height:auto; }
	.index_news > .center img{ height: 150px; }
	.index_news .w1200{ padding: 0 10px; }
	.index_news .index_l,.index_news .index_r{ width: 100%; float: none; }
	.index_news .index_l img{ width: 100%; height: auto; }
	.index_news .index_l h3{ font-size: 16px; }
	.index_news .index_l{ margin-bottom: 20px; }
	.index_news .index_r .box{ height: 120px; border-bottom: 1px solid #ddd;}
	.index_news .index_r .box .time,.index_news .index_r .box .content{ float: none; width:100%;}
	.index_news .index_r .box .content h3{ font-size:16px; padding:0; margin-bottom: 0;}
	.index_news .index_r .box .time *{ display: inline-block; }
	.index_news .index_r .box .time { padding:0; }
	.index_r .box .time .date,.index_r .box .time .year{ font-size: 14px; }
	.index_r .box:hover .content .icon{ margin-left: 0; }
	.index_panter .w1200{ padding:0 10px; }
	.index_panter > .center img{ height:80px; }
	.index_panter .box{ width: 48%; margin-right:0; margin-bottom: 15px;}
	.index_panter .box:nth-child(n){ margin-right: 2%; }
	.index_panter .box:nth-child(2n){ margin-right:0; margin-left: 2%;}
	.index_panter .box{height: 100px; line-height: 100px;}
	.foot{ width: 100%;padding: 0 20px;}
	.foot .link,.foot .mid,.foot .last{ float: none !important; width: 100%; padding-left: 0; margin-bottom: 15px;}

	.banner_innner{ background-size: cover;  height: 150px;}
	.loca_box{ height: auto }
	.loca_box .home{ padding: 0 10px; width: 100%; float: none; }
	.loca_box .nav_inner{width: 100%; float: none;}
	.loca_box .nav_inner ul{ display: block; width: 100%; }
	.loca_box .nav_inner li{width: 33.33333%;}
	.loca_box .nav_inner li a,.loca_box .nav_inner li a:hover, .loca_box .nav_inner li.active a{ height: 40px; line-height: 40px;  font-size: 14px; padding: 0; text-align: center;}
	.acticle{ padding: 0; background:#fff }
	.news_info_desc{ font-size: 16px; padding: 10px 0;}
	.acticle .info{ padding:40px 10px; }
	.acticle .info img{ width: 100%; }
	.news_more{ width: 100%; padding: 20px 10px; margin-top: 20px;}
	.news_more .fl{ width: 100%; float: none; }
	.news_more .fl p{ height: 30px; line-height: 30px; overflow: hidden; }
	.news_more .fr{ width: 100%; float: none; padding-top: 20px;}

	.message_list{ padding: 20px  10px; }
	.message{ position: relative; min-height: 80px; padding-left:60px;}
	.message .img{ position: absolute; left: 0;top: 0; width: 50px; height: 50px;}
	.message .img img{width: 50px; height: 50px; border-radius: 50%;}
	.message .img p{ font-size: 12px; }
	.message .box{ float: none; width: 100%; }
	.news_box{ padding: 20px 0; }
	.news_box .top{ padding:0 10px; padding-left: 120px; position: relative;}
	.news_box img{  width:100px; height:auto; margin-right: 10px; position: absolute; left: 10px; top:0;}
	.news_box .content{ width: 100%; float:none; padding:0;}
	.news_box .content h3{ font-size:16px; height: 24px; line-height: 24px; overflow: hidden; margin-bottom: 5px;}
	.news_box .content p{ font-size: 12px; line-height: 20px; height:40px; }
	.news_box .content .read_more{ padding:0; }
	.news_box .content .read_more a{ border:none; padding: 0; font-size: 12px;}
	.news_list{ padding: 20px 10px;margin-top:20px;}
	.news_list li{ position: relative; height: auto; width: 100%; margin-bottom: 20px; padding-left: 110px;}
	.news_list li img{ width: 100px; position: absolute;left:0 !important;top: 0; height: 56px; margin:0; float: none;}
	.news_list li .content{ width: 100%; height:100px; float: none;}
	.news_box .content p{ line-height: 20px !important; }
	.news_list li .content p.time{ padding-top: 0; }
	.pro_top{ padding:10px; }
	.pro_top img{ float: none; width: 100%; }
	.pro_top .content{ width: 100%; float: none; padding:10px 0; }
	.pro_top .content h3{ font-size:16px; height: auto; line-height: auto; }
	.pro_top .content p{ line-height: 20px; }
	.acticle .desc{ font-size: 18px; padding:0; margin-top: 20px;}

}	






	