@charset "utf-8";

.wrapper{ width:1200px; margin:0 auto;}

/*-------------------------------  ■ index 首页---------------------------------*/

/*-----首页 banner-----*/
.index_focus {position: relative;width: 100%;height:720px;margin: 0 auto;overflow: hidden;}
.index_focus .bd li {  display: none;position: absolute;left: 0;top: 0; width:100%; text-align:center;}
.index_focus_post {z-index: 10;}
.index_focus .pic {height:720px;display: block; text-align:center;}
.index_focus .pic:hover {text-decoration: none;}
.index_focus .slide_nav {position: absolute; left:46%; bottom:2%; width:100%;  position: absolute; z-index:9999999; }
.index_focus .slide_nav a {cursor:pointer;f/loat:left;font-size:40px;font-family: arial;color: #fff;padding:5px;}
.index_focus .slide_nav li:hover,.index_focus .slide_nav .on{text-decoration: none;color: #087BCC;opacity:0.9;}
.index_focus_pre,.index_focus_next {position: absolute;top: 50%;margin-top: -36px;width:38px;height:80px;text-indent: 100%;white-space: nowrap;overflow: hidden;z-index: 10;}

.index_focus_pre {left: 30px;background-position: 0 0;background:url(/Html/css/../images/jt1.png) no-repeat;}
.index_focus_pre:hover {left: 30px;background-position: 0 0;background:url(/Html/css/../images/jt1.png) no-repeat;}
.index_focus_next {right: 30px;background-position: 0 0;background:url(/Html/css/../images/jt2.png) no-repeat;}
.index_focus_next:hover {right: 30px;background-position: 0 0;background:url(/Html/css/../images/jt2.png) no-repeat;}


/* 本例子css */
.slideBox{ width:100%; height:460px; overflow:hidden; position:relative; }
.slideBox .hd{ overflow:hidden; position:absolute; right:5px; bottom:15px; width:100%; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; text-align:center; height:25px;}
.slideBox .hd ul li{ display:inline; margin-right:2px; padding:10px; font-size:0; text-align:center; color:#ffef00; cursor:pointer; background:url(/Html/css/../images/qqq02.jpg) no-repeat center center;}
.slideBox .hd ul li.on{color:#fff;background:url(/Html/css/../images/qqq01.jpg) no-repeat center center; padding:10px 20px;}

.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }




/* 本例子css */
.slideBox{ width:100%; height:460px; overflow:hidden; position:relative; }
.slideBox .hd{ overflow:hidden; position:absolute; right:5px; bottom:15px; width:100%; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; text-align:center; height:25px;}
.slideBox .hd ul li{ display:inline; margin-right:2px; padding:10px; font-size:0; text-align:center; color:#ffef00; cursor:pointer; background:url(/Html/css/../images/qqq02.jpg) no-repeat center center;}
.slideBox .hd ul li.on{color:#fff;background:url(/Html/css/../images/qqq01.jpg) no-repeat center center; padding:10px 20px;}

.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }



.cpbt{ text-align:center; font-size:45px; color:#D6D6D6; text-transform:uppercase; font-weight:bold; padding-bottom:20px; font-family:Arial; padding-top:70px;}
.cpbt span{ display:block; font-size:35px; color:#000; font-weight:normal; font-family:'微软雅黑';}

.about02{ line-height:34px; font-size:16px;color:#414141; width:1000px; margin:auto; font-family:'微软雅黑'; text-align:center; padding-bottom:60px; background:url(/Html/css/../images/jt.png) center bottom no-repeat; margin-bottom:50px;}


/*-----首页 我们的产物-----*/
.quan01{ width:100%; margin:0 auto; height:750px; background:url(/Html/css/../images/bbj.jpg) 240px 440px no-repeat;}
.quan03{ width:1260px; margin:auto;}
.quan03 a{ height:115px; display:block;font-size:14px; color:#f9f9f9; text-align:center; padding-top:25px; font-weight:bold;}

.quan04{ width:140px; display:block; height:140px; background:url(/Html/css/../images/qq01.png) no-repeat; -moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s; float:left; margin-left:70px; margin-right:40px; margin-bottom:30px;}
.quan04:hover{background:url(/Html/css/../images/qq01_on.png) no-repeat;}



/*-----首页 我们的产物-----*/
.index_pro{ height:595px; background:url(/Html/css/../images/cp01.jpg) no-repeat top center fixed; padding-top:80px;}

.index_case01{ float: left; width:400px; height: 520px;}
.index_case02{ height: 260px; padding-left:30px; color:#8A8A8A; padding-right:30px; line-height:22px; font-size:13px; background: #fff; text-align: center; }
.index_case02 span{ display: block; background:url(/Html/css/../images/case01.jpg) no-repeat bottom center; line-height: 37px; font-size: 26px; color: #333; padding:58px 0 10px;}
.index_case02 a{ display: block; color: #fff; background: #e0a92a; width: 82px; line-height: 24px; text-align: center; margin: 20px auto; -moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.index_case02 a:hover{ border-radius:10px;}
.index_case03{}




/*-----首页 实力-----*/
.index_shili{}
.index_shili01{ height:119px; background:url(/Html/css/../images/shili01.png) no-repeat center center; margin:75px 0px 20px 0px;}
.index_shili02{ height:1337px; width:1200px; margin:0 auto; background:url(/Html/css/../images/shili02.jpg) no-repeat top center;}

.index_shili03{ width:525px; overflow:hidden; padding:45px 0 0 675px; height:355px; }
.index_shili04{ float:left; width:82px; padding-left:16px; line-height:43px; background:#c20109 url(../images/kuai06.jpg) no-repeat top right; font-size:24px; color:#fff; font-weight:bold; margin-top:10px;}
.index_shili05{ float:left; width:415px; margin-left:10px;}
.index_shili05 h2{ font-size:25px; color:#087BCC; font-weight:bold; line-height:42px;}
.index_shili05 span{ font-size:14px; display:block;color:#a8a8a8; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;}
.index_shili06{ line-height:25px; color:#424242; font-size:13px; padding-top:23px;}
.index_shili06 ul li{ background:url(/Html/css/../images/shili03.jpg) no-repeat left 10px; padding-left:17px;}




/*-----首页 4块差异的-----*/
.sikuai{ width:1200px; margin:0 auto; overflow:hidden; margin-top:40px;}
.sikuai01{ float:left; width:600px; height:372px; overflow:hidden; background:#087BCC url(../images/kuai01.png) no-repeat center center; }
.sikuai02{ padding:63px 72px 0; color:#fff;}
.sikuai03{ font-size:15px; line-height:15px;}
.sikuai04{ font-size:25px; font-weight:bold;}
.sikuai05{ font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:18px; text-transform:uppercase; color:#5485CF;}
.sikuai06{ font-size:14px; line-height:24px; height:120px; overflow:hidden; margin-top:37px; text-align:justify;}
.sikuai07{ float:left; width:600px; height:372px; }
.sikuai08{ float:left; width:600px; height:330px; background:url(/Html/css/../images/kuai03.jpg) no-repeat top right; }
.sikuai09{ font-size:23px; color:#c5312d; font-weight:bold; line-height:32px; padding-top:60px;}
.sikuai09 span{ font-size:25px; color:#8d8d8d; font-family:Arial, Helvetica, sans-serif; display:block;}
.sikuai10{ line-height:24px; color:#8b8b8b; font-size:14px; height:96px; overflow:hidden; padding-top:20px;}
.sikuai11{ width:100px; line-height:28px; height:28px; display:block; text-align:center; color:#fff; background:#606060; margin-top:25px; font-size:14px;}
.sikuai12{ float:left; width:600px; height:330px; background:#e6e6e6; }
.sikuai12 dl dd{ float:left; padding:0 0 0 29px; width:190px;}
.sikuai12 dl dd h2{ font-size:20px; color:#393939; font-weight:bold; padding-top:40px;}
.sikuai12 dl dd span{ display:block; line-height:24px; height:120px; overflow:hidden; font-size:14px; color:#616161; margin-top:22px;}
.sikuai12 dl dt{ float:right; width:363px;}
.sikuai13{ color:#c5312d; margin-top:35px; width:83px; height:36px; text-align:center; font-size:14px; line-height:36px; display:block; background:url(/Html/css/../images/kuai05.jpg) no-repeat;}



/*-----首页 新闻动态-----*/
.index_news{ width:1300px; margin:0 auto; height:560px; padding-top:70px;}
.index_news01{ text-align:center; background:url(/Html/css/../images/lx08.jpg) no-repeat center center; text-align:center; font-size:35px; color:#000; }
.index_news02{ font-size:20px; color:#555454; text-align:center; padding-top:12px; }



.xwjj{ width:100%; padding-bottom:70px; background:#F3F3F3; padding-top:70px; margin-top:40px;}
.xwjjnr{ width:1150px; background:#FFF; margin:auto; padding-top:15px; padding-left:25px; padding-right:25px; padding-bottom:25px;}
.xwkuai{ width:650px; float:left;}
.xwkuaibt{ font-size:22px; color:#333; padding-left:50px; background:url(/Html/css/../images/xb3.jpg) left center no-repeat; height:60px; border-bottom:1px solid #EAEAEA; line-height:55px;}
.xwkuainr{ loat:left; padding-top:30px;}


.xwkuaian02 a{ width:150px; display:block; height:36px; float:left; font-size:16px; text-align:center; background:#fff; border:1px solid #19ACEA; color:#19ACEA; line-height:36px; margin-top:35px;}
.xwkuaian02 a:hover{background:#19ACEA; color:#FFF;}


.yj{ width:442px; float:right;}
.yjbt{ font-size:22px; color:#333; padding-left:50px; background:url(/Html/css/../images/xb4.jpg) left center no-repeat; height:60px; border-bottom:1px solid #EAEAEA; line-height:55px;}
.yjnr{ padding-top:25px;}

.yjlb a{ height:32px; font-size:14px; line-height:32px; font-family:"微软雅黑"; color:#606060; display:block; text-decoration:none; background:url(/Html/css/../images/yy.jpg) 2px center no-repeat; padding-left:25px;}
.yjlb a:visited{color:#606060;}
.yjlb a:hover{background:url(/Html/css/../images/yy1.jpg) 2px center no-repeat; color:#FF6600;}
.yjlb a:active{color:#FF6600;}


.news02{ float:left; width:319px; height:215px; overflow:hidden;}
.news03{ float:right; width:300px; height:220px; overflow:hidden;}

.news03{}
.news03 dl{ border-bottom:#ddd solid 1px; height:113px; margin-bottom:20px;}
.news03 dl dt{ font-size:16px; padding-top:5px;}
.news03 dl dt a{ color:#1a1a1a;}
.news03 dl dt a:hover{ color:#10a4c2; padding-left:10px;}
.news03 dl dd{ display:block; overflow:hidden; line-height:22px; height:44px; color:#8c8c8c; font-family:'微软雅黑'; margin-top:15px;}































/*-----111111111111111-----*/
.slide01{
	-webkit-animation: slide01 1s; -moz-animation: slide01 1s; -ms-animation: slide01 1s; -o-animation: slide01 1s; animation: slide01 1s;
    visibility: visible; 
}
@keyframes slide01 {
    0% {opacity: 0;-webkit-transform: translateX(50%);} 
    100% {opacity: 1;-webkit-transform: translateX(0%);} 
}
@-webkit-keyframes slide01 {
    0% {opacity: 0;-webkit-transform: translateX(50%);} 
    100% {opacity: 1;-webkit-transform: translateX(0%);}
}


/*-----222222222-----*/
.slide02{
   -webkit-animation: slide02 1s; -moz-animation: slide02 1s; -ms-animation: slide02 1s; -o-animation: slide02 1s; animation: slide02 1s;
    visibility: visible; 
}
@keyframes slide02 {
    0% {opacity: 0;-webkit-transform: translateX(-50%);} 
    100% {opacity: 1;-webkit-transform: translateX(0%);} 
}
@-webkit-keyframes slide02 {
    0% {opacity: 0;-webkit-transform: translateX(-50%);} 
    100% {opacity: 1;-webkit-transform: translateX(0%);}
}



/*-----33333333333-----*/
.slide03{
   -webkit-animation: slide03 1s; -moz-animation: slide03 1s; -ms-animation: slide03 1s; -o-animation: slide03 1s; animation: slide03 1s;
    visibility: visible; 
}
@keyframes slide03 {
    0% {opacity: 0;-webkit-transform: translateY(50%);} 
    100% {opacity: 1;-webkit-transform: translateY(0%);} 
}
@-webkit-keyframes slide03 {
    0% {opacity: 0;-webkit-transform: translateY(50%);} 
    100% {opacity: 1;-webkit-transform: translateY(0%);}
}



/*-----33333333333-----*/
.slide04{
   -webkit-animation: slide04 1s; -moz-animation: slide04 1s; -ms-animation: slide04 1s; -o-animation: slide04 1s; animation: slide04 1s;
    visibility: visible; 
}
@keyframes slide04 {
    0% {opacity: 0;-webkit-transform: translateY(-50%);} 
    100% {opacity: 1;-webkit-transform: translateY(0%);} 
}
@-webkit-keyframes slide04 {
    0% {opacity: 0;-webkit-transform: translateY(-50%);} 
    100% {opacity: 1;-webkit-transform: translateY(0%);}
}





.canpinbt{ width:100%; height:59px; margin-top:50px; background:url(/Html/css/../images/cbb.jpg) top center no-repeat;}
.cen{ width:1200px; margin:auto; height:auto;}

.nycanpin{ width:238px; float:left; background:url(/Html/css/../images/cpbj.png); }
.canpinbt1{width:158px; padding-left:80px; height:60px; padding-top:31px; background:url(/Html/css/../images/nycpb.jpg) left center no-repeat;  font-family:"微软雅黑"; color:#ffffff; font-size:22px; font-weight:bold;}


.nycplb a{ height:36px; font-size:13px; width:214px; line-height:36px; padding-left:24px; margin-top:3px; font-family:"微软雅黑"; color:#333333; display:block; text-decoration:none; float:left; background:url(/Html/css/../images/cplbbj1.jpg) left center no-repeat; border-bottom:1px solid #E4E4E4;}
.nycplb a:visited{color:#414141;}
.nycplb a:hover{background:url(/Html/css/../images/cplbbj2.jpg) left center no-repeat; color:#ffffff;}
.nycplb a:active{color:#ffffff;}



.nyright{ width:890px; height:auto; float:left; margin-left:50px;}
.nyaboutb{ height:40px; line-height:29px; color:#414141; border-bottom:1px solid #DDDDDD; font-family:"微软雅黑"; font-size:18px; font-weight:bold;}
.nyaboutnr{line-height:28px; padding-left:2px; color:#333333; padding-top:20px; font-size:14px; height:auto!important;_height:355px;min-height:355px;}

.aboutxw{margin-top:35px; padding-top:20px; border-top:1px solid #CCC;}




/*-------------------------------  ■ 内页区域---------------------------------*/
<!--0.0001380443572998-->