@charset "utf-8";
@font-face { 
font-family: zt; /*这里是说明调用来的字体名字*/ 
src: url("../font/苹果丽黑W3.OTF"); /*这里是字体文件路径*/ 
} 
/* CSS Document */
html{color:#4c4948;background:#fff;font-size:12px;font-family:"微软雅黑"}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,input,button,textarea,th,td,form,dt,dd{margin:0;padding:0;}

/*body{ background:url(images/top.gif) repeat-x 0 0;}*/
img{border:0;}
li{list-style:none; }
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:"";}
input,button,textarea,select{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win,IE7-Win */
input,button,textarea,select{*font-size:100%;}
a{text-decoration:none;color:#757574;}
a:hover{ color:#6699CC}
p{line-height:1.5em;margin:2.5em auto;padding:0}
img{_vertical-align:worksdle;}/*防止IE6，IMG底部出现间隙*/
/*英文强制换行*/
.word{word-break:break-all;}

/* clear both */
.clearfix{display:table;zoom:1;}
.clear{clear:both}
.fl{float:left;display:inline}
.fr{float:right;display:inline}



/*----------公共样式---------------*/
.slide .hd{ text-align: center;}
.slide .hd h2{ font-size: 28px; color: #3c3c3c; width: 220px; margin: 0 auto; background: #fff; position: relative;z-index: 9999;}
.slide .hd h2 span{ font-size: 20px; color: #ccc}
.slide .hd .border{ border-top: 4px #234aa4 solid; height: 4px; display: inline-block; width: 320px;position: relative;
    top: -46px;}
.nth-class-2{ background: url(../img/blackground2.png) no-repeat center 75px; background-size: 90%}
.nth-class-3{ background: url(../img/blackground5.png) no-repeat center 75px; background-size: 90%}
.nth-class-7{ background: url(../img/blackground1.png) no-repeat center bottom; background-size: 100%}
.nth-class-8{ background: url(../img/blackground3.png) no-repeat -100px center; background-size: 80%}
@media (min-width: 1170px) { 
	.w1000{ width: 1000px;}
    .w1080{ width: 1080px;}
	.w1200{ width: 1200px;}	
}
.w_100{ width: 100%; }


/*-----------header--------*/
.header_bg .logo{background-size:291px 35px;transition: background-size 2s; height: 36px;
-moz-transition: background-size 2s;-webkit-transition: background-size 2s;-o-transition: background-size 2s; }
.logo{ width: 34%; height: 40px; padding-top:5px }
.logo img{ width: 100%;}
.logo a{ display: inline-block; height: 100%;display:-webkit-box; -webkit-box-align:center;}
.logo .companyName{text-indent: -9999px; display: none;  }
.header_bg{ background: #ccc; height: 48px;transition: height 2s;
-moz-transition: height 2s;-webkit-transition: height 2s;-o-transition: height 2s;}
.header_bg .nav li a{line-height: 35px;transition: line-height 2s;
-moz-transition: line-height 2s;-webkit-transition: line-height 2s;-o-transition: line-height 2s; }
.nav li a:hover{color: #234aa4}
header{ width: 100%; padding:0 5% 5px 5%; position: fixed; top: 0; z-index: 9000; height: 60px;transition: height 2s;
-moz-transition: height 2s;-webkit-transition: height 2s;-o-transition: height 2s; background: url(../img/blue.png)}
#nav{ width: 60%;z-index: 9999; position: fixed; right: 5% }
#nav ul{width: 100%}
#nav li{ float: left; width: 14%; text-align: center;padding-top:3px;font-size: 16px; color: #fff;
 line-height: 45px;  cursor: pointer; position: relative; }
#nav li.active{ border-top:3px #fff solid;padding-top:0px }
#nav li:nth-child(3){ position: absolute; left: 14%; z-index: -9999; text-indent: -9999px}
#nav li:hover{border-top:3px #fff solid;}
#nav li a{ font-size: 16px; color: #fff; line-height: 45px; display: block; width: 100%; height: 100%;
transition: line-height 2s;
-moz-transition: line-height 2s;-webkit-transition: line-height 2s;-o-transition: line-height 2s;}
/*-----------手机版nav--------------*/


/*--------PCbanner--------*/
@media (max-width: 1024px) {.banner{ display: none}}
.banner{ width:100%; height:850px; overflow:hidden; position:relative;font-size:0}
.b-img{ height:500px;  position:absolute; left:0; top:0; width: 100%}
.b-img a{ display:block; height:850px; float:left; width: 100%}
.b-list{ height:50px; padding-top:730px; position:relative; margin:0 auto;z-index:1;}
.b-list span{ display:block;cursor:pointer; width:14px; height:14px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:3px solid #fff; float:left; margin:0 5px; _margin:0 3px;}
.b-list .spcss{border:3px solid #234aa4;}
.bar-left{ position:absolute; z-index:1; display:block; width:100px; height:100%; left:0px; background:none; top:0px; }
.bar-right{ position:absolute;z-index:1; display:block; width:100px; height:100%; right:0px; background:none; top:0px; }
.bar-left em{ display:block; width:50px; height:100px; background:url(../img/arrow.png) 0px 0px no-repeat; margin:0 auto; margin-top:325px;}
.bar-right em{ display:block; width:50px; height:100px; background:url(../img/arrow.png) -50px 0px no-repeat; margin:0 auto; margin-top:325px;}
.bar-left .emcss{ background-position:0px -100px;}
.bar-right .emcss{ background-position:-50px -100px;}
/*---------手机/平板banner--------------*/
@media (min-width: 1025px) {.banner1{ display: none}}
.swipe{ width:100%;overflow:hidden;position:relative; text-align:center;}
.swipe ul{-webkit-transition:left 800ms ease-in 0;-moz-transition:left 800ms ease-in 0;	-o-transition:left 800ms ease-in 0;
	-ms-transition:left 800ms ease-in 0;transition:left 800ms ease-in 0;}
.swipe #pagenavi{position:relative;left:0;bottom:20px;text-align:center;width:100%;}
.swipe #pagenavi a{width:8px; height:8px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:3px solid #fff;margin:0 1px;overflow:hidden;cursor:pointer;display:inline-block;*display:inline;*zoom:1;}
.swipe #pagenavi a.active{border:3px solid #234aa4;}
.swipe img{ width:100%}
/*---------main----------*/
.index_about_mod,.index_product_mod,.index_news_mod,.index_cooperation_mod,.index_recruit_mod,.index_contact_mod{margin: 0 auto}
.index_about_mod .bd p{ text-align: center; font-size: 20px; color: #fff; transition:color 3s;-moz-transition:color 3s;
    -webkit-transition:color 3s; -o-transition:color 3s;}
.index_about_mod .bd .row{ position: relative;}
.index_about_mod .bd .row li{ text-align: center; width: 50%; float: left; height: 200px}
.index_about_mod .bd .row:nth-child(2) li{ text-align: center; width:33%; float: left; height: 200px}
.index_about_mod .bd .row img{ -moz-box-shadow: 0px 0px 10px #333;
    -webkit-box-shadow: 0px 0px 10px #333;box-shadow: 0px 0px 10px #333;}
.index_about_mod .bd .row .top0:hover img{ position: relative; top:-150px; left: -80px; width: 580px; 
    height: 425px; z-index: 9999; -moz-box-shadow: 0px 0px 10px #333;
    -webkit-box-shadow: 0px 0px 10px #333;box-shadow: 0px 0px 10px #333;
transition:all 0.7s;-moz-transition:all 0.7s;
    -webkit-transition:all 0.7s; -o-transition:all 0.7s;}
.index_about_mod .bd .row .top1:hover img{ position: relative; top:-80px; left: -200px; width: 580px; 
    height: 425px; z-index: 9999; -moz-box-shadow: 0px 0px 10px #333;
    -webkit-box-shadow: 0px 0px 10px #333;box-shadow: 0px 0px 10px #333;
transition:all 0.7s;-moz-transition:all 0.7s;
    -webkit-transition:all 0.7s; -o-transition:all 0.7s;}
.index_about_mod .bd .row .top200:hover img{ position: relative; top: -180px; left: -80px; width: 425px;
 height: 580px; z-index: 9999;    -moz-box-shadow: 0px 0px 4px #333;
    -webkit-box-shadow: 0px 0px 4px #333;
    box-shadow: 0px 0px 4px #333;transition:all 0.7s;-moz-transition:all 0.7s;
    -webkit-transition:all 0.7s; -o-transition:all 0.7s;}
@media (min-width: 992px) { 
	.container-fluid { padding-top:100px }
}

.index_product_mod .bd{margin-top: 50px}
.index_product_mod .bd li{ text-align: center;padding-top: 10px; padding-bottom: 10px}
.index_product_mod .bd li a{ display: inline-block; width: 100%}
.index_product_mod .bd li p{ color: #3c3c3c; font-size: 24px; width: 80%;margin:10px auto 0 auto; height: 72px}
@media (min-width: 1170px) { 
.index_product_mod .bd li img{filter:alpha(opacity:20); opacity:0.2; -moz-opacity:0.2;-khtml-opacity: 0.2;
-webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);-webkit-transition: -webkit-transform 0.2s;
    -moz-transition: -moz-transform 0.2s;
    -ms-transition: -moz-transform 0.2s transition: transform 0.2s;}
.index_product_mod .bd li:hover{-moz-box-shadow: 0px 0px 10px #ccc; -webkit-box-shadow:0px 0px 10px #ccc;
    box-shadow: 0px 0px 10px #ccc;
    transition:box-shadow 0.5s;-moz-transition:box-shadow 0.5s;-webkit-transition:box-shadow 0.5s;
    -o-transition:box-shadow 0.5s;}
.index_product_mod .bd li:hover p{ font-size: 26px;transition:all 0.2s;-moz-transition:all 0.2s;
    -webkit-transition:all 0.2s; -o-transition:all 0.2s;}
.index_product_mod .bd li:hover img{filter:alpha(opacity:100); opacity:1; -moz-opacity:1;-khtml-opacity:1;
transition:opacity 0.5s;-moz-transition:opacity 0.5s;-webkit-transition:opacity 0.5s;-o-transition:opacity 0.5s;
-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);-webkit-transition: -webkit-transform 0.2s;
    -moz-transition: -moz-transform 0.2s;
    -ms-transition: -moz-transform 0.2s transition: transform 0.2s;}
.index_product_mod .bd li:hover p{ color: #234aa4;transition:color 1s;-moz-transition:color 1s;
	-webkit-transition:color 1s;-o-transition:color 1s;}
}

.index_news_mod .bd{-moz-box-shadow: 0px 0px 15px #ccc; -webkit-box-shadow:0px 0px 15px #ccc;
    box-shadow: 0px 0px 15px #ccc;}
.index_news_mod .bd li{ position:relative;padding: 0; margin:0;box-sizing: border-box; cursor: pointer; }
.index_news_mod .bd li .guide{ display: block; width: 20px; height: 20px;  background: #fff;
 position: relative; left: 50%; top: 120px; z-index: 9999; margin:-10px 0 0 -10px;transform:rotate(45deg);
-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);}
.index_news_mod .bd li .col-sm-6{ padding: 0; height: 240px}
.index_news_mod .bd li p{ font-size: 20px;  font-family: "黑体"; margin: 15px auto; color: #494949; width:90%; text-align: center; }
.index_news_mod .bd li p:nth-child(2),.index_news_mod .bd li p:nth-child(3){ font-size: 14px; font-family: "微软雅黑"; text-align: left;text-indent: 2em;line-height: 25px}
.index_news_mod .bd li a.news_more{font-size: 16px;  font-family: "黑体"; color: #9b9b9b;
 background: url(../img/news_more.png) no-repeat center right; display: inline-block; line-height: 25px;
  padding-right: 15px; background-size:9px 15px; position: absolute;right:30px; bottom: 30px}
.index_news_mod .bd li:hover .guide,.index_news_mod .bd li:hover{ background: #234aa4;
transition:background 0.5s;-moz-transition:background 0.5s;-webkit-transition:background 0.5s;
    -o-transition:background 0.5s;}
.index_news_mod .bd li:hover p,.index_news_mod .bd li:hover a.news_more{ color: #fff;
transition:color 0.5s;-moz-transition:color 0.5s;-webkit-transition:color 0.5s;
    -o-transition:color 0.5s;}
.index_news_mod .bd li img{ position: relative; left: 0%;top:-50px}
.index_news_mod .bd li:hover img{-webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);-webkit-transition: -webkit-transform 0.2s;
    -moz-transition: -moz-transform 0.2s;
    -ms-transition: -moz-transform 0.2s transition: transform 0.2s;}
.index_news_mod .bd li div:nth-child(1){ overflow: hidden;}
.index_news_mod .bd li:hover a.news_more{background: url(../img/news_more2.png) no-repeat center right;
	background-size:9px 15px;}

.index_cooperation_mod .bd li img{ width: 100%;height: 75px;}
.index_cooperation_mod .bd li{margin-bottom: 20px;  width: 24.5%}
@media(min-width: 1025px){
.index_cooperation_mod .bd li img{-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);
    filter: grayscale(100%);filter: gray; filter:alpha(opacity:50); opacity:0.5; -moz-opacity:0.5;-khtml-opacity: 0.5;}
.index_cooperation_mod .bd li:hover img{-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);
	filter: grayscale(0%);filter: gray;transition:opacity 1s;-moz-transition:opacity 1s;
	-webkit-transition:opacity 1s; -o-transition:opacity 1s;
filter:alpha(opacity:100); opacity:1; -moz-opacity:1;-khtml-opacity:1;}
}
.index_cooperation_mod .bd li:nth-child(17),.index_cooperation_mod .bd li:nth-child(18),
.index_cooperation_mod .bd li:nth-child(19),.index_cooperation_mod .bd li:nth-child(20),
.index_cooperation_mod .bd li:nth-child(21),.index_cooperation_mod .bd li:nth-child(22),
.index_cooperation_mod .bd li:nth-child(23),.index_cooperation_mod .bd li:nth-child(24){/*display: none*/}
.cooperation_bt{ /*   color: #fff; text-decoration: none; display: block;background: #234aa4;
    font-size: 16px; -webkit-border-radius: 25px;-moz-border-radius: 25px; border-radius: 25px;line-height: 50px;
    height: 50px; text-align: center; margin-right: auto; margin-left: auto; width: 200px; cursor: pointer;
    border:none;*/} 
.cooperation_bt a{ display: block; width: 50px; height: 50px; margin: 0 auto;transform: rotate(180deg);-ms-transform: rotate(180deg);-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);-moz-transform: rotate(180deg); transition:all 1s;-moz-transition:all 1s;
    -webkit-transition:all 1s; -o-transition:all 1s;}    
.cooperation_bt .cooperation_btA{ transform: rotate(0deg);-ms-transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);
    -moz-transform: rotate(0deg);  
    transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s; -o-transition:all 1s;} 
.cooperation_ul{ height: 360px; overflow: hidden; transition:all 1s;-moz-transition:all 1s;
    -webkit-transition:all 1s; -o-transition:all 1s;}
.index_cooperation_mod .cooperation_ulTop .cooperation_ul{ height: 560px;transition:all 1s;-moz-transition:all 1s;
    -webkit-transition:all 1s; -o-transition:all 1s;}
.index_cooperation_mod .hd{position: relative; top: 0px;transition:all 1s;-moz-transition:all 1s;
    -webkit-transition:all 1s; -o-transition:all 1s;}
.index_cooperation_mod .cooperationTop{ position: relative; top: -10px;transition:all 1s;-moz-transition:all 1s;
    -webkit-transition:all 1s; -o-transition:all 1s;filter:alpha(opacity:0); opacity:0; -moz-opacity:0;}
.index_cooperation_mod .bd ul{position: relative; top: 0px;margin-bottom:100px;transition:all 1s;-moz-transition:all 1s;
    -webkit-transition:all 1s; -o-transition:all 1s;} 
.index_cooperation_mod .cooperation_ulTop ul{position: relative; top: -100px;margin-bottom:-100px;transition:all 1s;-moz-transition:all 1s;
    -webkit-transition:all 1s; -o-transition:all 1s;} 

.index_recruit_mod .bd{margin-top:30px}
@media(min-width: 750px){.index_recruit_mod .bd ul{ width: 90%;margin:0 auto;}}
.index_recruit_mod .bd li h3{ color: #3c3c3c; font-size: 22px; font-weight: bold; padding: 0 10% 0 15%;
 background: url(../img/recruit.png) no-repeat center left; background-size:25px;margin-bottom: 15px }
.index_recruit_mod .bd li p{ width: 190px; margin: 5px auto; color: #777; font-size: 18px; font-family: "黑体"}

.index_contact_mod .bd ul{ width: 100%}
.index_contact_mod .bd ul li { text-align: center;}
.index_contact_mod .bd ul li h3{color: #3c3c3c; font-size: 20px; font-family: "黑体"}
.index_contact_mod .bd ul li p{color: #000; font-size: 18px;font-family: "黑体" ;margin:10px 0;}
.footer{ text-align: center; width: 80%; border-top: 1px #eee solid; margin: 20px auto 0 auto; padding-top: 20px}
.footer p{margin: 0; line-height: 28px}
.footer img{width: 150px; height:150px;}

/*----------翻页CSS3特效------------*/
@media(min-width: 750px){
.index_about_mod .bd{margin-top:150px;transition:margin-top 2s;-moz-transition:margin-top 2s;
    -webkit-transition:margin-top 2s; -o-transition:margin-top 2s;}
.active-slide .index_about_mod .bd {margin-top:50px;transition:margin-top 2s;-moz-transition:margin-top 2s;
    -webkit-transition:margin-top 2s; -o-transition:margin-top 2s;}
.active-slide .index_about_mod .bd p{ color: #000;transition:color 3s;-moz-transition:color 3s;
    -webkit-transition:color 3s; -o-transition:color 3s;}
.index_cooperation_mod .bd{opacity:0.1; -moz-opacity:0.1;-khtml-opacity: 0.1;
transition:opacity 2s;-moz-transition:opacity 2s; -webkit-transition:opacity 2s; -o-transition:opacity 2s;}
.active-slide .index_cooperation_mod .bd{opacity:1; -moz-opacity:1;-khtml-opacity: 1;
transition:opacity 2s;-moz-transition:opacity 2s; -webkit-transition:opacity 2s; -o-transition:opacity 2s;}
.index_recruit_mod .bd li{ position:relative;bottom:-400px;
    opacity:0.5; -moz-opacity:0.5;-khtml-opacity: 0.5;
    transition:opacity 2s;-moz-transition:opacity 2s; -webkit-transition:opacity 2s; -o-transition:opacity 2s;
    transition:bottom 1s;-moz-transition:bottom 1s; -webkit-transition:bottom 1s; -o-transition:bottom 1s;}
.active-slide .index_recruit_mod .bd li{position:relative;bottom: 0;
    opacity:1; -moz-opacity:1;-khtml-opacity: 1;
    transition:opacity 2s;-moz-transition:opacity 2s; -webkit-transition:opacity 2s; -o-transition:opacity 2s;
    transition:bottom 1s;-moz-transition:bottom 1s; -webkit-transition:bottom 1s; -o-transition:bottom 1s;}
.index_contact_mod .bd ul li:nth-child(1){ position: relative; left: -200px;
opacity:0.5; -moz-opacity:0.5;-khtml-opacity: 0.5;
    transition:opacity 2s;-moz-transition:opacity 2s; -webkit-transition:opacity 2s; -o-transition:opacity 2s;
transition:left 1s;-moz-transition:left 1s; -webkit-transition:left 1s; -o-transition:left 1s;}
.active-slide .index_contact_mod .bd ul li:nth-child(1){ position: relative; left: 0;
opacity:1; -moz-opacity:1;-khtml-opacity: 1;
    transition:opacity 2s;-moz-transition:opacity 2s; -webkit-transition:opacity 2s; -o-transition:opacity 2s;
transition:left 1s;-moz-transition:left 1s; -webkit-transition:left 1s; -o-transition:left 1s;}
.index_contact_mod .bd ul li:nth-child(2){ position: relative; right: -200px;
opacity:0.5; -moz-opacity:0.5;-khtml-opacity: 0.5;
    transition:opacity 2s;-moz-transition:opacity 2s; -webkit-transition:opacity 2s; -o-transition:opacity 2s;
transition:right 1s;-moz-transition:right 1s; -webkit-transition:right 1s; -o-transition:right 1s;}
.active-slide .index_contact_mod .bd ul li:nth-child(2){ position: relative; right: 0;
opacity:1; -moz-opacity:1;-khtml-opacity: 1;
    transition:opacity 2s;-moz-transition:opacity 2s; -webkit-transition:opacity 2s; -o-transition:opacity 2s;
transition:right 1s;-moz-transition:right 1s; -webkit-transition:right 1s; -o-transition:right 1s;}

.index_contact_mod .footer p{position: relative; bottom: -200px;
opacity:0.5; -moz-opacity:0.5;-khtml-opacity: 0.5;
    transition:opacity 2s;-moz-transition:opacity 2s; -webkit-transition:opacity 2s; -o-transition:opacity 2s;
transition:bottom 1s;-moz-transition:bottom 1s; -webkit-transition:bottom 1s; -o-transition:bottom 1s;}
.active-slide .index_contact_mod .footer p{position: relative; bottom:0;
opacity:1; -moz-opacity:1;-khtml-opacity: 1;
    transition:opacity 2s;-moz-transition:opacity 2s; -webkit-transition:opacity 2s; -o-transition:opacity 2s;
transition:bottom 1s;-moz-transition:bottom 1s; -webkit-transition:bottom 1s; -o-transition:bottom 1s;}
.active-slide .index_contact_mod .footer img{animation:footcss 3s;-moz-animation:footcss 3s; 
    -webkit-animation:footcss 3s;-o-animation:footcss 3s;}

@keyframes footcss
{
0%   {transform: rotate(15deg);}
25%  {transform: rotate(-10deg);}
50%  {transform: rotate(5deg);}
75%  {transform: rotate(-2deg);}
100% {transform: rotate(0deg);}
}

@-moz-keyframes footcss /* Firefox */
{
0%   {transform: rotate(15deg);}
25%  {transform: rotate(-10deg);}
50%  {transform: rotate(5deg);}
75%  {transform: rotate(-2deg);}
100% {transform: rotate(0deg);}
}

@-webkit-keyframes footcss /* Safari and Chrome */
{
0%   {transform: rotate(15deg);}
25%  {transform: rotate(-10deg);}
50%  {transform: rotate(5deg);}
75%  {transform: rotate(-2deg);}
100% {transform: rotate(0deg);}
}

@-o-keyframes footcss /* Opera */
{
0%   {transform: rotate(15deg);}
25%  {transform: rotate(-10deg);}
50%  {transform: rotate(5deg);}
75%  {transform: rotate(-2deg);}
100% {transform: rotate(0deg);}
}
}

/*-------------news----------------*/
header{box-sizing: border-box; position: fixed;top: 0}
header .nav{ width: 60%; position: fixed;right: 5%}
header .nav ul{ width: 100%}
header .nav li a{ color: #fff; font-family: "微软雅黑"; display: inline-block; width: 100%}
header .nav li:hover{border-top: 3px #fff solid;}
header .nav li a:hover{ color: #fff;}
header .nav li{width: 14%; text-align: center; padding-top: 3px; font-size: 16px;line-height: 45px; }
header .nav li.active{border-top: 3px #fff solid;padding-top:0;}


.news_list,.about_list{  padding-top: 700px;padding-left: 0; padding-right: 0}
.news_list ul,.about_list ul{background: #f1f1f1; width: 100%;margin: 0;padding:60px;box-sizing: border-box;
background-color:rgba(255,255,255,0.9);}
.news_list ul li{box-sizing: border-box;position: relative;padding: 0 30px; margin: 30px 0}
.news_list ul li img{ width: 100%;/* -webkit-filter: grayscale(30%);-moz-filter: grayscale(30%);
    -ms-filter: grayscale(30%);-o-filter: grayscale(30%);filter: grayscale(30%);filter: gray;*/overflow: hidden;
    -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; height: 248px}
.news_list ul li:hover img{-webkit-filter: blur(2px); -moz-filter: blur(2px);
        -ms-filter: blur(2px); filter: blur(2px); }
.news_list ul li a{ display: inline-block; width: 100%}
.news_list ul li p{ width: 70%; font-size: 20px; color: #fff; position: absolute;
 top:40%; left: 15%;margin:0; font-weight: bold;}

.news_margin{ width: 100%; padding-top: 700px;padding-left: 0; padding-right: 0;box-sizing: border-box;}
.news_main{background: #fff;padding:20px 5%; }
/*.news_main img{max-width: 80%;margin: 0 10%}*/
.pImg{ text-align: center;}
.news_main h2{ color: #2f2f2f; font-size: 30px; text-align: center;}
.news_main p span{ text-align: center; font-size: 18px;margin: 0 15px}
.news_main p{ font-size: 16px; text-indent: 2em}

.about_list ul{ display: table; zoom:1;}
.about_list ul li{ width: 20%; float: left; text-align: center;  height: 290px}
.about_list .row img{ -moz-box-shadow: 0px 0px 10px #333;
    -webkit-box-shadow: 0px 0px 10px #333;box-shadow: 0px 0px 10px #333;}
.about_list .row .top0:hover img{ position: relative; top:1px; left: 1px; width: 425px; 
    height: 580px; z-index: 9999; -moz-box-shadow: 0px 0px 10px #333;
    -webkit-box-shadow: 0px 0px 10px #333;box-shadow: 0px 0px 10px #333;
transition:all 0.7s;-moz-transition:all 0.7s;
    -webkit-transition:all 0.7s; -o-transition:all 0.7s; z-index: 9999}
.about_list .row .top1:hover img{ position: relative; top:1px; left: -180px; width: 425px; 
    height: 580px; z-index: 9999; -moz-box-shadow: 0px 0px 10px #333;
    -webkit-box-shadow: 0px 0px 10px #333;box-shadow: 0px 0px 10px #333;
transition:all 0.7s;-moz-transition:all 0.7s;
    -webkit-transition:all 0.7s; -o-transition:all 0.7s;z-index: 9999; }


/*---------news-mod-more-botton-------------*/
.more-button{line-height: 50px; height: 50px; text-align: center; margin-right: auto;margin-left: auto;
 width: 200px; cursor: pointer; margin-top:10px  }
.more-button::before { content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;
    border: 1px solid #234aa4;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;
    transition: all 0.3s;}
.more-button { color: #234aa4; -webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;
    transition: all 0.5s; position: relative;}
.more-button a{color:#fff;text-decoration: none;display: block;background: #234aa4; font-size: 16px;
-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px;}
.more-button:hover a{ color: #234aa4}
.more-button::before{content: ''; position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;
    border: 1px solid #234aa4;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;
    transition: all 0.3s;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px;}
.more-button:hover::before{ opacity: 0; -webkit-transform: scale(1.2,1.2); transform: scale(1.2,1.2);}
.more-button::after{ content: '更多'; position: absolute; top: 0;left: 0;
    width: 100%; height: 100%;z-index: 1; opacity: 0;  background-color: #fff;
     -webkit-transition: all 0.3s;-moz-transition: all 0.3s; -o-transition: all 0.3s;
    transition: all 0.3s;-webkit-transform: scale(0.5,0.5); transform: scale(0.5,0.5);}
.more-button:hover::after{ opacity: 1 ;-webkit-transform: scale(1,1); transform: scale(1,1);font-size: 16px;
 border: 1px solid #234aa4;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px;}

 /*--------------product_main------------------*/
.download_mod{ position: absolute; bottom:16%; right: 30%}
.download_mod a{ text-align: center; cursor: pointer;}
.download_mod a span{  padding:0 15px;line-height: 30px; text-align: center;
 border:#789bcd 2px solid;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;
 color: #2f2f2f; font-size: 16px; margin: 0 10px;display: inline-block;}
 .download_mod a img{opacity:0; -moz-opacity:0;-khtml-opacity: 0;}
 .download_mod a:hover img{opacity:1; -moz-opacity:1;-khtml-opacity: 1;
    -webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;
    transition: all 0.5s;}
 .download_mod a:nth-child(2) span{ background: #eee;border:#eee 2px solid; color: #fff}
.product_banner{ width: 100%; position: relative;}
.product_banner img{ width: 100%}
.product_main{ width: 90%; margin: 0 auto}
.product_main h2{ font-size: 44px; color: #2f2f2f; }
.product_main p{ font-size:24px; margin: 0; line-height: 36px;}

/*------------------------------*/