@charset "utf-8";
/*banner*/
.nbanner{position: relative;width:100%;overflow:hidden}
.nbanner img{position:relative;width:1920px;left:50%;margin-left:-960px;}

.index-banner{padding-top:95px;height:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
#pagescroll .swiper-container{width:100%;height:100%;}
#pagescroll .swiper-slide a{display: block;width:100%;height:100%;background-repeat: no-repeat;background-position: center;background-size: cover}
#pagescroll .swiper-container-horizontal > .swiper-pagination-bullets {bottom: 50px;}
#pagescroll .swiper-pagination-bullet {margin:0 10px;width: 12px;height: 12px;display: inline-block;background:#fff;opacity: 0.5;border:2px solid #fff;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease}
#pagescroll .swiper-pagination-bullet-active{opacity:1;border-color:#00a0e9;}

#fp-nav.right {right: 0;}
#fp-nav ul li{width:59px;height:25px;margin: 15px 0;}
#fp-nav ul li a{width: 59px;height: 25px;}
#fp-nav ul li a span{position:relative;left:0;top:0;background:none;border:none;border-radius:0;display:block;width:59px;height:25px;background: url(../imgs/doth2.png) no-repeat center center}
#fp-nav ul li a.active span{background:none;background-image:url(../imgs/doth.png);}

.section{background-color: #1b1b1b}
.section .window-cut{position: absolute;left:0;top:0;width:37.5%;height:100%;background-repeat: no-repeat;background-position: center;background-size: cover}
.section .txt{position: absolute;right:50%;margin-right:-600px;top:50%;margin-top:-200px;height:400px;width:600px;color:#fff;line-height:1.2;}
.section .txt h2{font-size:32px;font-family: arial,"Microsoft Yahei";text-transform: uppercase;}
.section .txt h3{font-size:50px;font-family: arial,"Microsoft Yahei";text-transform: uppercase;font-weight:bold;}
.section .txt h4{font-size:24px;font-weight: normal;font-weight: lighter;display:inline-block;letter-spacing: 15px;margin-top:20px;padding-right:40px;background:url(../imgs/product/pn.png) no-repeat right center}
.section .txt .p{margin-top:25px;font-size:13px;color:#999;line-height:1.8;}
.cate-nav{margin-top:40px;}
.cate-nav li{float:left;margin-right:20px;height:38px;line-height:38px;}
.cate-nav li a{display:block;padding:0 30px;color:#999;font-size:13px;height:36px;line-height:36px;border:1px solid #414141;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease}
.cate-nav li:hover a{color:#fff;background-color:#00a0e9;border-color:#00a0e9;}
.section .yan{margin-top:40px;display:block;padding:0 20px 0 60px;width:70px;height:40px;line-height:40px;text-align:center;color:#999;font-size:13px;background:url(../imgs/y.png) no-repeat 30px center;border:1px solid #414141;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease}
.section .yan:hover {color:#fff;background-color:#00a0e9;border-color:#00a0e9;}

.section3 .window-cut{left:auto;right:0;}
.section3 .txt,
.section6 .txt{right:auto;left:50%;margin-left:-600px;}

.section5-pic{position: absolute;left:50%;margin-left:-600px;top:50%;margin-top:-239px;height:478px;width:388px;overflow: hidden;}
.section5-pic img{height:478px;width:388px;}

.section5-ul{height:100px;width:100%;margin-top:30px;}
.section5-ul li{float:left;margin-right:25px;width:98px;height:98px;text-align:center;border:1px solid #999;opacity:0.7;filter:alpha(opacity=70);-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease}
.section5-ul li a{display:block;width:78px;height:78px;padding:10px;}
.section5-ul li i{display:block;width:50px;height:50px;margin:0 auto 5px;background:url(../imgs/ico01.png) no-repeat 0 0;}
.section5-ul li .ico01{background-position:0 0;}
.section5-ul li .ico02{background-position:-50px 0;}
.section5-ul li .ico03{background-position:-100px 0;}
.section5-ul li p{color:#fff;font-size:14px;font-weight: normal;font-weight: lighter;}
.section5-ul li:hover{opacity:1;filter:alpha(opacity=100);border-color:#00a0e9;background: #00a0e9}

.section6-ul{position: absolute;right:50%;margin-right:-600px;top:50%;margin-top:-240px;width:480px;height:480px;}
.section6-ul li{float:left;margin-right:18px;margin-bottom:18px;width:137px;height:137px;text-align:center;border:1px solid #999;opacity:0.7;filter:alpha(opacity=70);}
.section6-ul li i{display:block;width:50px;height:50px;margin:30px auto 10px;background:url(../imgs/ico01.png) no-repeat 0 0;}
.section6-ul li .ico01{background-position:0 -50px;}
.section6-ul li .ico02{background-position:-50px -50px;}
.section6-ul li .ico03{background-position:-100px -50px;}
.section6-ul li .ico04{background-position:-150px -50px;}
.section6-ul li .ico05{background-position:-200px -50px;}
.section6-ul li .ico06{background-position:-250px -50px;}
.section6-ul li p{font-size:14px;color:#fff;font-weight: normal;font-weight: lighter;}

.index-foot{position: fixed;left:0;bottom:0;width:100%;min-width:1200px;z-index:999;padding:10px 0;line-height:1.2;background-color:rgba(0,0,0,0.9);}
.index-foot a{color:#7e7e7e;}
.index-foot a:hover{color:#b1b1b1;text-decoration: underline;}
.index-foot .copy{float:left;max-width:730px;font-size:12px;color:#7e7e7e;margin-left:20px;}
.index-foot .webbuild{float:left;max-width:150px;margin-left:25px;padding-left:24px;font-size:12px;color:#7e7e7e;border-left:1px solid #666;}
.index-foot .foot-l{float:right;max-width:230px;margin-right:20px;font-size:12px;color:#7e7e7e;text-align: right}
.index-foot .foot-l a {float:left;color:#b1b1b1;margin-left:20px;}
.index-foot .foot-l a i{float:left;width:14px;height:14px;line-height:14px;margin-right:8px;background:url(../imgs/ico02.png) no-repeat 0 0;}
.index-foot .foot-l a .i1{background-position: 0 0}
.index-foot .foot-l a .i2{background-position: -14px 0}


.section2 .window-cut{opacity:0;}
.section2 .txt{opacity:0;}
.section3 .window-cut{opacity:0;}
.section3 .txt{opacity:0;}
.section4 .window-cut{opacity:0;}
.section4 .txt{opacity:0;}
.section5 .section5-pic{opacity:0;}
.section5 .txt{opacity:0;}

.section6 .txt{opacity:0;}
.section6-ul li{opacity:0;}

/*subtitle*/
.subtitle{padding:80px 0 70px;line-height:1.1;color:#333;}
.subtitle .en1{font-size:32px;font-family: arial,"Microsoft Yahei";text-transform:uppercase;}
.subtitle .en2{font-size:50px;font-family: arial,"Microsoft Yahei";text-transform:uppercase;font-weight: bold}
.subtitle .ch{margin-top:15px;font-size:23px;font-weight: normal;font-weight: lighter;text-indent: 15px;letter-spacing: 15px}
.subtitle .ch2{margin-bottom:10px;font-size:16px;font-weight: normal;font-weight: lighter;color:#000;text-indent: 15px;letter-spacing: 15px}
.subtitle.typewhite{color:#fff;}

/*about*/
.profile-container h2{color:#333;font-size:18px;}
.profile-txt{padding:0;line-height:25px;font-size:13px;}
.profile-pic{margin:50px 0;height: 402px;}
.profile-pic ul li{float:left;width:200px;height:201px;margin:0;opacity:0;}
.profile-pic ul li img{width:200px;height:201px;}

/*development*/
.development{margin-top:50px;width:100%;height:850px;background:url(../imgs/about/bg1.jpg) no-repeat center center}

#timeline {width:100%;overflow: hidden;position: relative;}

.date-line{width:100%;margin-top:75px;overflow: hidden;background: url(../imgs/about/icoline.png) bottom center repeat-x;}
#dates {width: 100%;overflow: hidden;}
#dates li {float: left;width: 100px;font-size: 13px;text-align: center;}
#dates a{display:block;height:15px;line-height:15px;padding-top:51px;}
#dates .selected {color:#00a0e9;background: url(../imgs/about/ico.png) center top no-repeat;}

.issues-line{width:1200px;height: 300px;margin:auto;overflow: hidden;}
#issues {width: 1200px;height: 300px;overflow: hidden;}
#issues li {width: 1200px;height: 300px;list-style: none;float: left;}
#issues li.selected img {-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-o-transform: scale(1,1);-ms-transform: scale(1,1);transform: scale(1,1);}
#issues li img {float: left;margin:0;background: transparent;-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE 8 */   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);/* IE 6 & 7 */      zoom: 1;-webkit-transition: all 2s ease-in-out;-moz-transition: all 2s ease-in-out;-o-transition: all 2s ease-in-out;-ms-transition: all 2s ease-in-out; transition: all 2s ease-in-out;-webkit-transform: scale(0.7,0.7);-moz-transform: scale(0.7,0.7);-o-transform: scale(0.7,0.7);-ms-transform: scale(0.7,0.7);transform: scale(0.7,0.7);}
#issues li .txt-box{float: right;width:380px;height:300px;margin-right:60px;}
#issues li .txt-box .inner{display: table-cell;width:380px;height:300px;vertical-align: middle}
#issues li .txt-box h1 {color: #00a0e9;font-size:50px;font-weight:bold;font-family: arial,"Microsoft Yahei"}
#issues li .txt-box p {font-size: 13px;color:#aaa;line-height: 25px;}

/*honor*/
.honor-list{padding-bottom:50px;}
.honor-list table{text-align: center;}
.honor-list table td{padding:10px;vertical-align: middle}

/*video*/
.video{width:100%;height:830px;background:url(../imgs/about/bg2.jpg) no-repeat center center}
.video-lists ul{margin-right:-30px}
.video-lists ul li{float:left;margin-right:30px;width:380px;height:430px;margin-bottom:30px;background: #fff}
.video-lists ul li a{display: block}
.video-lists ul li .pic{position:relative;width:380px;height:300px;overflow:hidden;}
.video-lists ul li .pic img{width:380px;height:300px;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease}
.video-lists ul li .pic:after{content:'';position:absolute;z-index:1;width:100%;height:100%;left:0;top:0;background-color:#232323;opacity:0.8;filter:alpha(opacity=80);}
.video-lists ul li .pic em{position:absolute;z-index:2;width:74px;height:74px;top:50%;left:50%;margin-top:-37px;margin-left:-37px;background:url(../imgs/about/a3.png) no-repeat center;}
.video-lists ul li:hover .pic img{transform: scale(1.1);-ms-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);-moz-transform: scale(1.1);}
.video-lists ul li .con{width:330px;height:100px;padding:15px 25px;overflow:hidden;}
.video-lists ul li .con .title{width:330px;height:50px;line-height:50px;font-size:16px;color:#333;border-bottom:1px solid #e5e5e5}
.video-lists ul li .con .more{margin-top:10px;width:330px;height:30px;line-height:30px;font-size:12px;background:url(../imgs/about/a4.png) no-repeat right center;}


/*require*/
.require{width:100%;height:750px;background:url(../imgs/join/bg1.jpg) no-repeat center center}
.require .subtitle .ch{text-indent: 0;}
.require .profile-txt{width:600px;color:#ddd;}

.require-list {width:1200px;background-color: #fff}
.require-list li{float:left;width:399px;height:400px;margin-left:-1px;border:1px solid #e9e9e9;text-align: center;}
.require-list li i{display:block;margin:70px auto 10px;width:100px;height:100px;background:url(../imgs/join/ico02.png) no-repeat 0 0;}
.require-list li .ico01{background-position: 0 0;}
.require-list li .ico02{background-position: -100px 0;}
.require-list li .ico03{background-position: -200px 0;}
.require-list li .tit{color:#333;font-size:22px;}
.require-list li p{width:230px;margin:20px auto 0;color:#7e7e7e;font-size:14px;}

/*guarantee*/
.guarantee{width:100%;height:790px;background:url(../imgs/join/bg2.jpg) no-repeat center center}
.guarantee-list {margin-right:-30px;}
.guarantee-list li{float:left;width:173px;height:173px;border:1px solid #414141;text-align: center;margin-right:30px;}
.guarantee-list li i{display:block;margin:40px auto 20px;width:50px;height:50px;background:url(../imgs/join/ico01.png) no-repeat 0 0;}
.guarantee-list li .ico01{background-position: 0 0;}
.guarantee-list li .ico02{background-position: -50px 0;}
.guarantee-list li .ico03{background-position: -100px 0;}
.guarantee-list li .ico04{background-position: -150px 0;}
.guarantee-list li .ico05{background-position: -200px 0;}
.guarantee-list li .ico06{background-position: -250px 0;}
.guarantee-list li .tit{color:#ddd;font-size:16px;}
.guarantee-list li:hover{background:#00a0e9;border-color:#00a0e9;}

.guarantee-txt1{margin-top:80px;font-size:25px;color:#fff;}
.guarantee-txt2{margin-top:5px;font-size:12px;color:#ddd;text-transform: uppercase;font-weight:normal;font-weight: lighter;}
.guarantee-txt3{margin-top:30px;font-size:16px;color:#fff;}

/*process*/
.process{width:100%;padding:1px 0 100px;background-color: #f5f5f5}
.process-list {margin-right:-35px;}
.process-list li{float:left;width:210px;height:285px;margin-right:35px;background-color:#fff;border:1px solid #e9e9e9;text-align: center;}
.process-list li i{display:block;margin:50px auto 30px;width:70px;height:70px;background:url(../imgs/join/ico03.png) no-repeat 0 0;}
.process-list li .ico01{background-position: 0 0;}
.process-list li .ico02{background-position: -70px 0;}
.process-list li .ico03{background-position: -140px 0;}
.process-list li .ico04{background-position: -210px 0;}
.process-list li .ico05{background-position: -280px 0;}
.process-list li .num{color:#333;font-size:22px;font-family:arial;}
.process-list li .tit{width:170px;margin:15px auto 0;color:#7e7e7e;font-size:14px;}
.process-list li:hover{border-color:#00a0e9;}

/*service*/
.service-list {margin-right:-28px;}
.service-list li{float:left;width:277px;height:358px;margin-right:28px;background-color:#fff;border:1px solid #e9e9e9;text-align: center;}
.service-list li i{display:block;margin:65px auto 40px;width:100px;height:100px;background:url(../imgs/service/ico.png) no-repeat 0 0;}
.service-list li .ico01{background-position: 0 0;}
.service-list li .ico02{background-position: -100px 0;}
.service-list li .ico03{background-position: -200px 0;}
.service-list li .ico04{background-position: -300px 0;}
.service-list li .num{color:#333;font-size:22px;}
.service-list li .tit{width:190px;margin:15px auto 0;color:#7e7e7e;font-size:14px;}
.service-list li:hover{border-color:#00a0e9;}

.service-list li{opacity:0;}

.album{padding:1px 0 100px;margin-top:80px;background-color: #f5f5f5}

/*contact*/
.contact{margin:50px 0 80px;width:380px;height:460px;padding:40px 50px 40px 770px;background:url(../imgs/contact/c1.jpg) no-repeat left center #00a0e9}
.contact h2{margin-top:40px;font-size:18px;color:#fff;}
.contact .p1,.contact .p2,.contact .p3,.contact .p4{margin-top:20px;height:20px;line-height:20px;padding-left:35px;font-size:14px;color:#fff;background:url(../imgs/contact/ico.png) no-repeat 0 0;}
.contact .p1{background-position: 0 0}
.contact .p2{background-position: 0 -20px}
.contact .p3{background-position: 0 -40px}
.contact .p4{background-position: 0 -60px}
.contact .qrcode{margin-top:30px;}
.contact .qrcode li{float:left;text-align: center;}
.contact .qrcode li img{width:95px;}
.contact .qrcode li p{color:#fff;padding:5px 0;}

.feed-box{padding:0 0 100px;background-color:#f6f6f6;}
.feedback{width:100%;}
.feedback .in_in .f-l{width:580px;height:86px;margin-right:20px;}
.feedback .in_in .f-l label,.feedback .in_area label{display:block;margin-top:20px;width:580px;height:30px;color:#333;}
.feedback .in_in .f-l .input-text{width:578px;height:40px;line-height:40px;padding:0 15px;}
.feedback .input-text,.feedback .textarea{border:solid 1px #ddd;border-radius:2px;-webkit-transition:all 0.2s linear 0s;-moz-transition:all 0.2s linear 0s;-o-transition:all 0.2s linear 0s;transition:all 0.2s linear 0s}
.feedback .in_area .textarea{width:1178px;height:120px;line-height:24px;padding:10px 15px;font-size:14px;resize:none;}
.feedback .input-text:hover,.feedback .textarea:hover{border: solid 1px #00a0e9}
.feedback .input-text:focus,.feedback .textarea:focus{border:solid 1px #00a0e9 \9;border-color:rgba(0,160,233,0.8);box-shadow:0 0 1px rgba(0, 0, 0, 0.075) inset, 0 0 5px rgba(0,160,233, 0.5)}
.feedback .in_sub{margin-top:20px;}
.feedback .in_sub .submit{margin-left:20px;float: left;width:170px;height:40px;color:#fff;background-color:#00a0e9;border:none;cursor:pointer;}
.feedback .in_sub .submit:hover{background-color:#008bcb;}
.feedback .in_sub .yan{float: left;width:100px;height:40px;line-height:40px;padding:0 15px;border:solid 1px #ddd;border-radius:2px;}
.feedback .in_sub img{width:80px;height:38px;float: left;border:solid 1px #ddd;border-left:0}

/*hotnews*/
.hotnews{width:100%;height:450px;overflow: hidden;}
.hotnews .swiper-container{width: 1920px;height:450px;left:50%;margin-left:-960px;}
.hotnews .swiper-container .imgs{width:1920px;height:450px;}
.hotnews .swiper-container .imgs img{width:1920px;height:450px;}
.hotnews .swiper-container .hot-in{position:absolute;z-index:2;top:0;left:50%;margin-left:-600px;width:280px;height:350px;padding:100px 50px 0 110px;background:rgba(0,0,0,0.6);}
.hotnews .swiper-container .hot-in h2{color:#00a0e9;font-size:22px;line-height:1.4;}
.hotnews .swiper-container .hot-in p{margin-top:20px;width:280px;height:50px;line-height:25px;color:#ddd;font-size:14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.hotnews .swiper-container .hot-in .readmore{display:block;margin-top:35px;width:128px;height:36px;line-height:36px;color:#fff;text-align:center;font-family: arial;background-color: rgba(0,160,233,0.8);text-transform: uppercase;}
.hotnews .swiper-container .hot-in .readmore:hover{background-color: rgba(0,160,233,1);}

.hotnews .swiper-container-horizontal > .swiper-pagination-bullets{width:1000px;left:0;right:0;bottom:15px;margin:auto;text-align: left}
.hotnews .swiper-pagination-bullet {width: 10px;height: 10px;display: inline-block;border-radius: 100px;background: #fff;}
.hotnews .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin:3px 10px;}
.hotnews .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active {margin:0 7px;border:3px solid #fff;background:none;}

.hotnews .swiper-button-prev,
.hotnews .swiper-button-next{position: absolute;top: 50%;margin-top: -35px;left:50%;margin-left:-600px;width: 70px;height: 70px;z-index: 10;cursor: pointer;background-image:url(../imgs/news/d1.png);background-position: center;background-repeat: no-repeat;background-color:rgba(0,0,0,0.6);background-size: auto;}
.hotnews .swiper-button-next{left:auto;margin-left:0;right:50%;margin-right:-600px;background-image:url(../imgs/news/d2.png)}
.hotnews .swiper-button-prev:hover,
.hotnews .swiper-button-next:hover{background-color:rgba(0,0,0,0.9);}

/*news*/
.newslist{padding-top:55px;}
.news-nav ul li{float:left;height:40px;line-height:40px;}
.news-nav ul li a{display:block;padding:0 35px;margin-right:12px;height:40px;line-height:40px;color:#333;font-size:16px;border:1px solid #e9e9e9;}
.news-nav ul li:hover a,
.news-nav ul li.active a{color:#fff;background-color: #00a0e9}

.news-lists ul {margin-right:-16px;}
.news-lists ul li{float:left;margin-right:16px;margin-top:30px;width:288px;height:300px;overflow: hidden;}
.news-lists ul li a{display:block;width:288px;height:300px;overflow: hidden;}
.news-lists ul li .imgs{width:286px;height:215px;overflow: hidden;background-color: #f1f1f1;text-align: center;border:1px solid #eee;}
.news-lists ul li .imgs span{display:inline-block; height:100%; width:0; vertical-align:middle;}
.news-lists ul li .imgs img{max-width:286px;max-height:215px;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease}
.news-lists ul li:hover .imgs img{transform: scale(1.05);-ms-transform: scale(1.05);-webkit-transform: scale(1.05);-o-transform: scale(1.05);-moz-transform: scale(1.05);}
.news-lists ul li .tit{margin-top:15px;width:288px;height:30px;line-height:30px;color:#333;font-size:16px;}
.news-lists ul li .date{margin-top:5px;width:288px;color:#999;font-size:12px;}

.n_main .title{ position:relative;border-bottom:1px solid #ddd;padding-bottom:10px;}
.n_main .title .h2{width:1000px;margin-top:20px;line-height:30px;font-size:24px;color:#333; font-weight:normal}
.n_main .title .p1{width:1000px;margin-top:10px; height:24px; line-height:24px; font-size:12px; color:#999}
.n_main .title .qrcode {position:absolute;right:0;bottom:10px;font-size:12px;line-height:20px}
.n_main .title .qrcode .wenzi{margin-top:32px}
.n_main .title .qrcode .code{width:70px;height:70px}
.n_content{ line-height:26px; color:#666; overflow:hidden;}
.n_content img{ width:auto;max-width:1200px;height:auto; overflow:hidden;}
.n_main { position:relative;width:1200px;margin:auto;padding:40px 0 80px;}

/*product*/
.productlist{padding-top:90px;padding-bottom:60px;background:url(../imgs/product/bg.jpg) no-repeat center center;}
.product-nav{text-align: center;font-size:0;}
.product-nav li{display:inline-block;margin:0 13px;height:42px;line-height:42px;}
.product-nav li a{display:block;padding:0 30px;color:#fff;font-size:16px;height:40px;line-height:40px;border:1px solid #e9e9e9;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease}
.product-nav li:hover a,
.product-nav li.active a{background-color:#00a0e9;border-color:#00a0e9;}

.product-lists{margin-top:40px;margin-right:-20px;}
.product-lists li{float:left;width:285px;height:430px;margin-right:20px;margin-top:20px;background-color: #fff;overflow: hidden}
.product-lists li a{display:block;width:285px;height:430px;}
.product-lists li .imgs{width:285px;height:300px;overflow:hidden;margin:auto;font-size:0}
.product-lists li .imgs span{display:inline-block; height:100%; width:0; vertical-align:middle;}
.product-lists li .imgs img{max-width:285px;max-height:300px;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease}
.product-lists li .tit{    margin: 10px auto 0;width: 220px;height: 30px;line-height: 30px;font-size: 16px;color: #3e3a39;text-align: center;overflow: hidden;}
.product-lists li .more{    margin: 25px auto 0;
    padding-right: 20px;
    width: 130px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    background: url(../imgs/product/pm.png) no-repeat 110px center #bababa;
    border-radius: 100px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;}
.product-lists li:hover .more{background-color:#00a0e9;}
.product-lists li:hover .imgs img{
	transform: translateY(-3px);
	-ms-transform: translateY(-3px);		/* IE 9 */
	-webkit-transform: translateY(-3px);	/* Safari and Chrome */
	-o-transform: translateY(-3px);		/* Opera */
	-moz-transform: translateY(-3px);
}


.product-cate{width:100%;overflow: hidden}
.product-cate a{display:block;width:100%;position:relative;overflow: hidden}
.product-cate .imgs{width:1920px;position:relative;left:50%;margin-left:-960px;}
.product-cate em{position:absolute;width:100%;height:100%;left:0;top:0;z-index:2;background:#000;opacity:0;filter:alpha(opacity=0);-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease}
.product-cate .pro-ico{display:block;position: absolute;z-index:3;width:100px;height:100px;left:50%;margin-left:-600px;top:0;background-color:#00a0e9;background-image: url(../imgs/product/ico01.png);background-repeat: no-repeat;background-position: 0 0;}
.product-cate.cate02 .pro-ico{left:auto;margin-left:0;right:50%;margin-right:-400px;}
.product-cate .ico168{background-position: 0 0}
.product-cate .ico169{background-position: -100px 0}
.product-cate .ico162{background-position: -200px 0}
.product-cate .ico159{background-position: -300px 0}
.product-cate .txt{position:absolute;z-index:3;top:180px;left:50%;margin-left:-400px;color:#fff;line-height:1.2;opacity:0;filter:alpha(opacity=0);-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease}
.product-cate .txt h2{font-size:32px;font-family: arial,"Microsoft Yahei";text-transform: uppercase;}
.product-cate .txt h3{font-size:50px;font-family: arial,"Microsoft Yahei";text-transform: uppercase;font-weight:bold;}
.product-cate .txt h4{font-size:24px;font-weight: normal;font-weight: lighter;display:inline-block;letter-spacing: 15px;margin-top:20px;padding-right:40px;background:url(../imgs/product/pn.png) no-repeat right center}
.product-cate.cate02 .txt{left:auto;margin-left:0;right:50%;margin-right:-400px;}
.product-cate:hover em{opacity:0.8;filter:alpha(opacity=80);}
.product-cate:hover .txt{opacity:1;filter:alpha(opacity=100);}


.product-main{padding:70px 0;}
.porduct-img{width:600px;position:relative;border:1px solid #e5e5e5}
.fangda .fd_min_img{width:100%;overflow:hidden;}
.fangda .fd_min_img img{width:100%;}
.fangda .fd_mouse_m{ display:none;width:80px;height:80px;position:absolute;top:0;left:0;opacity:0.3;filter:alpha(opacity=30);background:#e6212a;cursor:pointer;}
.fd_max_img{ display:none;width:350px;height:350px;overflow:hidden; position:absolute;left:550px;top:-1px; z-index:99;border:1px solid #e5e5e5; }
.fd_max_img .img{width:auto;height:auto;position:relative; z-index:10;}

.porduct-text{width:530px;}
.porduct-text h2{font-size:30px;color:#00a0e9;font-weight:bold;}
.porduct-text .con{padding:30px 0;font-size:16px;}
.porduct-text .con img{max-width:100%}
.porduct-text .back a{display:block;width:145px;padding-left:15px;line-height:38px;height:38px;text-align:center;color:#fff;font-size:14px;background:url(../imgs/product/back.png) no-repeat 30px center #00a0e9}
.porduct-text .back a:hover{background-color:#008bcb}

.product-infos{margin-top:50px;}
.product-infos h3{height:40px;font-size:18px;border-bottom:1px solid #e0e0e0;color:#00a0e9;}
.product-infos h3 span{display:inline-block;padding-left:30px;height:55px;line-height:55px;font-size:20px;color:#00a0e9;border-bottom:1px solid #e40082;background:url(p-00.jpg) no-repeat left center;}
.product-infos .con{padding:20px 0}
.product-infos .con img{max-width:100%}




/*********      page      ***************/
#page{ width:100%;padding:50px 0;overflow:hidden;margin:auto}
.pagination{text-align:center;}
.pagination > li{display: inline-block;height:40px !important;border-bottom:none !important;padding:0 !important;}
.pagination > li > a,.pagination > li > span{display:block;padding:0 14px;font-size:14px;margin:0 5px;border:none;background:#fff;border:1px solid #ddd;border-radius:4px;height:38px; line-height:38px;color:#666;}
.pagination .active span{background-color:#00a0e9;border:1px solid #00a0e9;color:#fff; font-weight:normal; font-size:14px;font-weight:bold}
.pagination .disabled{color:#aaa;}



/** prev next button ***/
.pn{ padding-top:20px;margin:auto; width:1200px;line-height:30px; overflow:hidden;border-top:1px solid #ddd;color:#666}
.pn_l{text-align:left; font-size:14px; overflow:hidden;}
.pn_l a:hover{color:#00a0e9;}
.pn_r{ text-align:left;font-size:14px; overflow:hidden;}
.pn_r a:hover{color:#00a0e9;}