.home-news { width: 1200px; height: auto; overflow: hidden; margin: 0 auto; padding: 75px 0px 88px 0px; }
.home-tit { font-size: 30px; height: 40px; line-height: 40px; font-weight: bold; color: #111; text-align: center;}
.home-news-list { width: 1230px; height: auto; overflow: hidden; margin-left: -15px; margin-top: 57px;}
.home-news-list ul li { width: 380px; height: auto; overflow: hidden; float: left; margin: 0px 15px;}
.home-news-list ul li img { display: block; width: 380px; height: 304px; transition:all .3s linear;}
.home-news-list ul li:hover img { 
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1); }
.home-news-list ul li .time { font-size: 14px; line-height: 26px; font-family: arial; color: #999; margin-top: 20px;}
.home-news-list ul li .tit { font-size: 16px; height: 40px; line-height: 40px; font-weight: bold; color: #333; transition: all .3s linear; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal; }
.home-news-list ul li .content { font-size: 14px; height: 52px; line-height: 26px; overflow: hidden; color: #666;}
.home-news-list ul li .news-bt { width: 30px; height: 30px; transition: all .3s linear; margin-top: 30px; background: url(../images/news_jt.png) #ccc center no-repeat; border-radius: 30px;}
.home-news-list ul li:hover .news-bt { width: 60px; background: url(../images/news_jt.png) #d11111 center no-repeat;}
.home-news-list ul li:hover .tit { color: #d11111;}

/*product*/
.home-product { width: 100%; min-width: 1200px; height: 860px; overflow: hidden; background: url(../images/home_pro_bg.jpg) center no-repeat;}
.home-product .pro-box { width: 1200px; height: 860px; overflow: hidden; margin: 0 auto; position: relative; }
.home-product .pro-box .pro-tit { font-size: 30px; line-height: 45px; font-weight: bold; color: #111; margin-top: 82px;}
.home-product .pro-box .pro-logo { width: 170px; height: 20px; overflow: hidden; margin-top: 10px; background: url(../images/home-logo.png) center no-repeat; background-size: 100% 100%; }
.home-product .pro-box .pro-list { width: 1040px; height: 860px; overflow: hidden;}
.home-product .pro-box .pro-list ul li { width: 1040px; height: 860px; overflow: hidden;}
.home-product .pro-box .pro-list ul li img { display: block; margin: 50px auto auto auto;}
.home-product .pro-box .pro-list ul li table { width: 100%; margin-top: 37px;}
.home-product .pro-box .pro-list ul li table b { font-size: 16px; color: #333; line-height: 35px;}
.home-product .pro-box .pro-list ul li table td { width: 50%; }
.home-product .pro-box .pro-list ul li table p { font-size: 14px; color: #666; line-height: 26px;}
.home-product .pro-box .pro-list ul li .pro-more { width: 30px; height: 30px; margin-top: 34px; transition: all .3s linear; overflow: hidden; background: url(../images/news_jt.png) center no-repeat #444; border-radius: 30px;}
.home-product .pro-box .pro-list ul li:hover .pro-more { width: 60px; background: url(../images/news_jt.png) center no-repeat #d11111;}
.home-product .pro-box .pro-name-list { width: 130px; position: absolute; top: 90px; right: 0px; z-index: 20; }
.home-product .pro-box .pro-name-list .lm-bt { width:130px; height: 58px; line-height: 58px; cursor: pointer; background-color: #d11111; font-size: 14px; color: #fff; text-align: center;}
.home-product .pro-box .pro-name-list ul { margin-top: 20px;}
.home-product .pro-box .pro-name-list ul li { width: 100%; text-align: center; float: left; padding: 10px; box-sizing: border-box;}
.home-product .pro-box .pro-name-list ul li a { display: block; font-size: 14px; color: #333; line-height: 22px;}
.home-product .pro-box .pro-name-list ul li a:link,.home-product .pro-box .pro-name-list ul li a:visited { color: #333;}
.home-product .pro-box .pro-name-list ul li a:hover { color: #d11111; }
.home-product .pro-box .pro-name-list ul li.cur a:link,.home-product .pro-box .pro-name-list ul li.cur a:visited { color: #d11111; }

.home-img { width: 100%; height:auto; overflow: hidden; position:relative;}
.home-img>a>img{width:110%;margin-left: -10%; -webkit-transition: opacity .4s ease-in,-webkit-transform .6s linear;transition: opacity .4s ease-in,transform .6s linear;}
.home-img:hover>a>img{ -webkit-transform: translateX(20px); -moz-transform: translateX(20px);-o-transform: translateX(20px);-ms-transform: translateX(20px);transform: translateX(20px);}
.home-img .wz { width:600px; height:150px; background:url(../images/wenzi.png) center no-repeat; position:absolute; left:50%; top:50%; margin-left:-300px; margin-top:-75px; z-index:200; transition:all .5s ease-in-out;}
.home-img:hover .wz { margin-top:20px; }

/*about*/
.home-about { width: 1200px; height:720px; overflow: hidden; margin: 0 auto;}
.home-about ul li { width: 600px; height: 360px; overflow: hidden; float: left;}
.home-about ul li .about-left { width: 300px; height: 360px; overflow: hidden; float: left;}
.home-about ul li img { transition:all .3s linear;}
.home-about ul li img:hover { 
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1); }
.home-about ul li .about-right { width: 300px; height: 360px; overflow: hidden; float: right;}

.about_more1 { display: block; width: 30px; height: 30px; transition: all .3s linear; overflow: hidden; border-radius: 30px; background: url(../images/about_jt.png) center no-repeat #fff; margin-top: 44px; }
.about_more1:hover { width: 60px;}
.about_more2 { display: block; width: 30px; height: 30px; transition: all .3s linear; overflow: hidden; border-radius: 30px; background: url(../images/about_jt_2.png) center no-repeat #fff; margin-top: 76px; }
.about_more2:hover { width: 60px;}

.service-bg { width: 100%; min-width: 1200px; height: auto; overflow: hidden; background-color: #f4f4f4; padding-top: 90px; padding-bottom: 90px;}
.service-box { width: 1200px; height: auto; overflow: hidden; margin: 0 auto;}
.service-list {width: 1230px; height: auto; overflow: hidden; margin-left: -15px; margin-top: 60px;}
.service-list ul li { width: 380px; height: 260px; overflow: hidden; float: left; margin: 0px 15px; padding:50px 28px 0px 28px; box-sizing: border-box; transition:all .3s linear;}
.service-list ul li.bg1 { background: url(../images/service_bg1.jpg) center no-repeat; background-size:380px 260px; }
.service-list ul li.bg2 { background: url(../images/service_bg2.jpg) center no-repeat; background-size:380px 260px;}
.service-list ul li.bg3 { background: url(../images/service_bg3.jpg) center no-repeat; background-size:380px 260px;}
.service-list ul li.bg1:hover,.service-list ul li.bg2:hover,.service-list ul li.bg3:hover { background-size:400px 280px;}
.service-list ul li .tit { font-size: 22px; color: #fff;}
.service-list ul li .list { margin-top: 137px;}
.service-list ul li .list a,.service-list ul li .list a:link,.service-list ul li .list a:hover { font-size: 16px; color: #fff; margin-right: 32px;}
.service-list ul li .contact { margin-top: 103px;}
.service-list .other-links { margin-top: 46px;}
.service-list .other-links .view { display: block; width: 56px; line-height: 30px; height:108px; padding-top: 10px; box-sizing: border-box; float: left; margin: 0px 10px; text-align: center; font-size: 16px; color: #fff; overflow: hidden; border: 1px solid #fff;}
.service-list .other-links .view span { font-family: arial;}

.foot-line { width: 1200px; height: auto; overflow: hidden; margin: 0 auto; padding-top: 42px; padding-bottom: 25px;}
.foot-link { width: 116px; margin: 0 auto; height: auto; overflow: hidden; clear: both;}
.foot-link ul li { width: 58px; float: left; text-align: center;}
.foot-menu { width: 700px; margin: 20px auto auto auto; height: auto; overflow: hidden; clear: both;}
.foot-menu a { display: block; width: 100px; line-height: 30px; text-align: center; float: left; font-size: 16px; color: #333;}
.foot-menu a:link,.foot-menu a:visited { font-size: 16px; color: #333;}
.foot-menu a:hover { font-weight: bold;}
.foot-copyright { width: 1200px; height: auto; line-height: 28px; overflow: hidden; margin: 20px auto auto auto; text-align: center; font-size: 14px; color: #333;}
.foot-copyright a,.foot-copyright a:link,.foot-copyright a:visited,.foot-copyright a:hover { font-size: 14px; color: #999;}