@charset='utf-8';
body,html{ padding:0; margin:0; font-size:14px; color:#666; font-family: "微軟正黑體","Microsoft Yahei","Hiragino Sans GB","SimHei","STHeiti" !important;}
ul,li,p,h1,h2,h3,dl,dt,dd,input{ padding:0; margin:0; list-style:none;}
a{ text-decoration:none; color:#666; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
a:hover{ color: #0065a3; text-decoration: none;  -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.demo{ -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.clear{ clear:both;}
img{ vertical-align:top !important; border:none;}
input{ font-family: "微軟正黑體","Microsoft Yahei","Hiragino Sans GB","SimHei","STHeiti" !important;}
input:focus{ outline: none;}
textarea:focus{ outline: none; }


#top{ width: 100%; height: 122px;}
.top{ width: 1200px; margin: 0 auto; height: 122px;}
.top_left{ width: 160px; float: left; padding-top: 20px;}
.top_left img{ width: 100%;}
.top_lefts{ width: 180px; float: left; padding-top: 28px;margin-left: 30px;}
.top_lefts img{ width: 100%;}
.top_right{ float: right; width: 811px;height: 122px;position: relative;}
.top_right_t{ width: 226px; float: right; margin-top: 27px; height: 15px;}
.top_right_t .div{ float: left; margin-right: 22px;position: relative;}
.top_right_t .div .img{ float: left; margin-top: 2px; margin-right: 5px;}
.top_right_t .div:last-child{ margin-right: 0px;}

.top_right_t .div .codesub{ width: 265px; height: 160px; padding-left: 5px; padding-top: 10px;  background:#fff; box-shadow: 0 3px 7px rgba(0,0,0,0.5); position: absolute; top: 44px; left: 50%; margin-left: -132.5px; display: none; border-radius: 5px; overflow: hidden; text-align: center;z-index: 999;}
.top_right_t .div .codesub-icon{ width: 26px; height: 14px; position: absolute; top: 30px; left: 50%; margin-left: -13px; z-index: 9999; display: none; }
.top_right_t .div .codesub .codeimg{ width: 130px; height: 160px; float: left; }
.top_right_t .div .codesub .codeimg img{ width: 120px; height: 120px; margin-left: 5px; margin-top: 8px;}
.top_right_t .div:hover .codesub{animation: submenudemo 1s linear 0s alternate forwards; display: block;}
.top_right_t .div:hover .codesub-icon{ display: block; animation: submenudemo 1s linear 0s alternate forwards; }
.top_right_t .div .codesub1{width: 135px; margin-left: -55px;}
.top_right_t .div .codetel{ width: 140px; height: 95px; padding-top: 20px; padding-left: 20px; padding-right: 20px; background: #fff; position: absolute; top: 79px; left: 50%; margin-left: -80px; display: none; border-radius: 5px; overflow: hidden;box-shadow: 0 3px 7px rgba(0,0,0,0.5);}
.top_right_t .div:hover .codetel{ animation: submenudemo 1s linear 0s alternate forwards; display: block; }
.head-white{ width: 100%; height: 96px; }
.top_right_t .div .codetel img{ width: 140px; }


/* .top_right_b{ width: 100%;float: right; margin-top: 36px;} */
.top_right_b{ width: 100%;position: absolute;bottom: 0;left: -200px;}
.top_right_b a{ width: 62px; text-align: center; display: block; height: 44px;float: left; margin-right: 45px;}
.top_right_b a:hover{ background: url(../images/nav.jpg) no-repeat bottom;  color: #0065a3;}
.top_right_b a.nav{ background: url(../images/nav.jpg) no-repeat  bottom;  color: #0065a3;}
.top_right_b a:last-child{ margin-right: 0px;}

/*banner*/
#banner{width:100%; height:520px;position: relative;overflow:hidden; }
.www51buycom { width:1920px; height:520px;  position: absolute; top:50%; left: 50%;  display: inline-block; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}

.www51buycom .num { overflow:hidden; height: 16px;  position: absolute; bottom:20px; left: 50%;  display: inline-block; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.www51buycom .num li { width: 13px; height: 13px;  line-height:100px;  background:rgba(255,255,255,0.5); margin-right: 10px; border-radius:13px; cursor:pointer; float: left;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.www51buycom .num li.on { background: #fff; width: 45px;} /*当前项*/
.www51buycom .next,.prev  { display: none; width: 40px; height: 100px; background: url(../images/btn.png) no-repeat; position: absolute; top: 115px;}
.www51buycom .prev { left: 0; }
.www51buycom .next { right: 0; background-position: right }

#about{ width: 100%; height: 412px;}
.about{ width: 1200px; margin: 0 auto; padding-top: 80px; overflow: hidden;}
.about_left{ float: left; width: 600px;}
.about_left_title{ width: 100%;}
.about_left_title b{  color: #666; font-size: 30px; display: block;font-weight: normal;}
.about_left_title span{ font-size: 18px; color: #333; padding: 10px 0 16px 0; display: block;}
.about_left_text{ font-size: 13px; color: #666; line-height: 26px;}
.about_left_more{ width: 116px; height: 35px; border:1px solid #6b6b6b; text-align: center; line-height: 35px; margin-top: 11px;}
.about_left_more a{ width: 100%; height: 100%; display: block; color: #333;}
.about_left_more a:hover{ color: #0065a3;}
.about_left_more:hover{border:1px solid #0065a3;}
.about_right{float: right;}

#product{ width: 100%; height: 712px; background: #f8f8f8;}
.product{ width: 1200px; padding-top: 82px; margin: 0 auto;}
.product_title{ width: 100%; height: 100px;}
.product_title b{  color: #666; font-size: 30px; display: block; font-weight: normal;}
.product_title span{ font-size: 18px; color: #333; padding: 10px 0 16px 0; display: block;}
.product_list{ width: 100%; height: 300px;}
.product_list li{ width: 298px; height: 298px; border:solid 1px #f8f8f8; float: left; position: relative;}
.product_list li span{ width: 100%; height: 40px; line-height: 40px; position: absolute; left: 0px; bottom: 15px; z-index: 9; display: block; text-align: center;}
.product_list li img{ width: 100%; height: 100%; position: absolute; left: 0px; top: 0px;  z-index: 8;}
.product_list div{ width: 298px; height: 298px;  border:solid 1px #f8f8f8; float: left;}
.product_list div img{ width: 100%; height: 100%;}
.product_bottom{width: 100%; height: 230px;}
.product_bottom div{ float: left; width: 600px; height: 230px;}

#news{ width: 100%; height: 814px;}
.news{ width: 1200px; margin: 0 auto;}
.news_con{ height: 400px; background: #f8f8f8; overflow: hidden;}

.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }

#box{ position:relative; width:1200px; height:400px; }
#box .bigUl{ width: 600px; height: 400px; float: right;}
#box .bigUl img{ width: 100%; height: 100%;}

#box .prev{ position:absolute; width:40px; height:60px; background:url(../images/icon-focusimg-btn-png24-20131225.png) -44px -63px no-repeat; z-index:500; top:160px; left:640px; opacity:0; filter:alpha(opacity=0); cursor:pointer; }
#box .next{ position:absolute; width:40px; height:60px; background:url(../images/icon-focusimg-btn-png24-20131225.png) -74px -63px no-repeat; z-index:500; top:160px; right:0px; opacity:0; filter:alpha(opacity=0);cursor:pointer;}
.bigUl li { position:absolute;width: 600px; height: 400px;overflow: hidden}
.numberUl { position: absolute; left: 80px; bottom:72px;}
.numberUl li{width:13px; height:13px; overflow: hidden; float: left; margin: 0 5px;}
.numberUl li a{ display:block ;width:13px; height:13px; border-radius: 13px; background: #c2c2c2; }
.numberUl li.night a{ background:#444; color:black; }

.news_text{width: 600px; height: 400px; float: right;}
.news_text li{ display: none; height: 440px; height: 240px; padding: 80px;}
.news_text_title{ color: #333; font-size: 20px; height: 42px;}
.news_text_text{ color: #666; font-size: 13px; line-height: 26px; height: 78px; overflow: hidden; margin-bottom: 30px;}
.news_text_more img{ margin-left: 5px; margin-top: 2px;}
.news_text_more a:hover{ display: block; width: 66px;}

.case{ height: 347px; width: 100%; padding-top: 66px;}
.case_title{ width: 100%; height: 99px;}
.case_title b{  color: #666; font-size: 30px; display: block; font-weight: normal;}
.case_title span{ font-size: 18px; color: #333; padding: 10px 0 16px 0; display: block;}
.case ul{ width: 100%; height: 210px;}
.case ul li{ float: left; width: 230px; height: 210px;margin-right: 12px;}
.case ul li img{ display: block; width: 230px; height: 150px;}
.case ul li span{width: 100%; text-align: center; height: 60px; line-height: 60px; display: block; }
.case ul li:last-child{ margin-right: 0px;}


#bottom{ width: 100%; background: #222222; height: 162px;}
.bottom{ width: 1200px; margin: 0 auto; padding-top: 46px; }
.bottom_top{ width: 1200px; height: 48px; border-bottom: solid 1px #2d2d2d;}
.bottom_top a{ color: #fff; margin:0 16px;}
.bottom_top a:nth-child(1){ margin-left: 0px;}
.bottom_top span{ color:#fff; float: right;}
.bottom_bottom{ padding-top: 27px; font-size: 13px;}
.bottom_bottom span{  float: right;}

/*内页*/

.page-ban{ width: 100%; height: 90px; background: url(../images/pagebanimg.jpg) no-repeat top center; }
.page-ban span{ display: block; width: 1200px; height: 90px; margin: 0 auto; text-align: right; line-height: 90px; color: #333; text-transform: uppercase; font-size: 30px; font-weight: 100; box-sizing: border-box; padding-right: 40px; }

.link-box{ width: 100%; height: 60px; background: #f5f5f5; }
.link-box .link-cent{ width: 1200px; height: 60px; margin: 0 auto; position: relative; box-sizing: border-box; padding-left: 900px; line-height: 60px; color: #333; text-align: right;}
.link-box .link-cent img{ margin: 24px 6px 0 6px; }
.link-box .link-cent span{ color: #666; }

.link-box .link-cent .subnav{ width: 900px; height: 60px; position: absolute; top: 0; left:0px; text-align: left; line-height: 60px;}
.link-box .link-cent .subnav a{ padding: 0 15px; font-size: 13px; position: relative;}
.link-box .link-cent .subnav a em{ font-style: normal; position: relative; z-index: 2; }
.link-box .link-cent .subnav a span{ width: 100%; height: 70px; position: absolute; left: 0; top: 50%; margin-top: -37px; background: #0065a3; opacity: 0; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.link-box .link-cent .subnav a:hover span{ opacity: 1;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease; transform: rotateX(180deg);-webkit-transform: rotateX(180deg);-moz-transform: rotateX(180deg);}
.link-box .link-cent .subnav a:hover em{ color: #fff; }
.link-box .link-cent .subnav a.nav{ color: #fff; }
.link-box .link-cent .subnav a.nav span{ opacity: 1; }

.page-box{ width: 1200px; height: auto; overflow: hidden; margin: 0 auto; padding: 50px 0;}
.page-box .page-lft{ width: 850px; padding-right: 50px; height: auto; float: left; }
.page-box .page-rht{ width: 300px; height: auto; float: right; }

.page-ass-box{ width: 240px; height: auto; padding: 30px; background: #dfe1e3; }
.page-ass-box .page-ass-tit{ width: 100%; height: auto; font-size: 20px; color: #333; padding-bottom: 35px; }
.page-ass-box dl{ display: block; width: 100%; height: auto; margin-bottom: 7px;}
.page-ass-box dl dt{ display: block; width: 100%;height: 84px; overflow: hidden; position: relative;}
.page-ass-box dl dt img{ width: 240px;   position: absolute; top: 50%; left: 50%;  display: inline-block; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.page-ass-box dl dd{ display: block; width: 100%; height: auto; font-size: 12px; padding: 5px 0;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap;overflow:hidden; height: 16px; }
.page-ass-box .page-ass-a{ display: block; width: 60px; height: 24px; border-top: solid 1px #666; line-height: 24px; text-align: center; }

.page-con-box{ width: 240px; height: auto; padding: 30px; background: #53575a; }
.page-con-box .page-con-tit{ width: 100%; height: auto; font-size: 20px; color: #fff; padding-bottom: 35px; }
.page-con-box ul{ display: block; width: 100%; height: auto; padding:0 0 15px 0; border-bottom: solid 1px #616568; }
.page-con-box ul li{ padding: 7px 0; color: #fff; }
.page-con-box ul li img{ margin-right: 7px; }
.page-con-tit-en{ width: 100%; height: auto; padding: 15px 0; color: #fff; font-size: 18px; }
.page-con-code{ width: 240px; height: auto; overflow: hidden;}
.page-con-code dl{ display: block; width: 120px; height: auto; float: left; }
.page-con-code dl dt{ display: block; width: 120px; height: auto; }
.page-con-code dl dt img{ width: 110px; height: auto; margin: 0 auto; display: block; }
.page-con-code dl dd{ display: block; width: 120px; height: 30px; line-height: 30px; text-align: center; color: #fff;}

/* 公司简介 */
.about-title-en{ width: 100%; height: auto; font-size: 33px; color: #0065b6; text-transform: uppercase; }
.about-title{ width: 100%; height: auto; padding: 7px 0; font-size: 16px; }
.about-txt{ width: 100%; height: auto; padding-bottom: 15px; line-height: 28px; }
.about-txt p{ padding-bottom: 15px; }
.about-txt img{ display: block; max-width: 100%; }
.about-num{ font-size: 48px; color: #eee; text-transform: uppercase; }



/* 公司活动 */
.news-list{ width: 850px; height: auto; overflow: hidden; padding-top: 30px;}
.news-list dl{ display: block; width: 850px; height: 170px; background: #f5f5f5; margin-bottom: 20px; }
.news-list dl dt{ display: block; width: 170px; height: 170px; float: left; overflow: hidden; }
.news-list dl dt img{  height: 170px; }
.news-list dl dd{ display: block; width: 650px; padding-left: 30px; float: left;}
.news-list dl dd a span{ display: block; width: 100%; height: auto; padding-top:20px; color: #999;}
.news-list dl dd a h1{ display: block; width: 100%; height: auto; font-size: 18px; padding: 7px 0 15px 0; }
.news-list dl dd a p{ display: block; width: 90%; height: auto; line-height: 24px; }

/* 产品中心 */
.manner-list{ width: 100%; height: auto; overflow: hidden; padding: 20px 0; }
.manner-list dl{ display: block; width: 262px; height: auto; float: left; margin-right: 20px; margin-bottom: 20px;}
.manner-list dl dt { width: 242px; height: 242px; border: solid 1px #eee; padding: 10px; }
.manner-list dl dt img{ width: 240px; height: 240px; }
.manner-list dl dd{ display: block; width: 100%; height: 40px; line-height: 40px; text-align: center; }


/* 产品中心 */
.indexboxtwo_product{ width: 100%; height: auto; }
.indexboxtwo_product ul li{ display: block; width: 33%; height: 476px; float: left; box-sizing: border-box; padding: 70px 45px; }
.indexboxtwo_product ul li a{ display: block; width: 100%; height: 100%; }
.indexboxtwo_product ul li a .boxtwoicon{ width: 62px; height: 62px; }
.indexboxtwo_product ul li a .boxtwoicon img{ width: 62px; height: 62px; }
.indexboxtwo_product ul li a h2{ display: block; width: 100%; height: auto;  padding-bottom: 10px; font-family: '黑体'; font-weight: 500; font-size: 18px; color: #0e61ad; padding-top: 30px;}
.indexboxtwo_product ul li a span{ display: block; width: 32px; height: 4px; background: #00c6ff; }
.indexboxtwo_product ul li a p{ display: block; width: 100%; height: 78px; line-height: 26px; font-size: 13px; margin: 30px 0; }
.indexboxtwo_product ul li a .boxtwomore{ width: 42px; height: 42px; }
.indexboxtwo_product ul li:nth-child(2){ background: #f1f1f1; }
.indexboxtwo_product ul li:nth-child(4){ background: #f1f1f1; }
.indexboxtwo_product ul li:nth-child(6){ background: #f1f1f1; }
.indexboxtwo_product ul li a:hover .boxtwoicon{transform: rotateY(360deg);-webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-webkit-transition:all .7s ease;-moz-transition:all .7s ease;transition:all .7s ease;}
.indexboxtwo_product ul li a:hover .boxtwomore{transform: rotateY(360deg);-webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-webkit-transition:all .7s ease;-moz-transition:all .7s ease;transition:all .7s ease;}

.product-btn{ width: 100%; height: 34px; padding: 15px 0; }
.product-btn a{ display: block; width: 130px; height: 34px; text-align: center; line-height: 34px; color: #fff; background: #fe5d02; float: left; margin-right: 15px; cursor: pointer;}
.product-btn a:hover{ color: #fff !important; }
.product-btn a:first-child{ background: #555; }
.product-btn a:last-child{ background: #0082eb; }

.product_img{ width: 100%; padding-top: 15px;}
.product_img img{  max-width: 400px; max-height: 300px;}


/* 案例 */
.case_list{ width: 100%; height: auto; overflow: hidden; padding: 20px 0; }
.case_list dl{ display: block; width: 262px; height: auto; float: left; margin-right: 20px; margin-bottom: 20px;}
.case_list dl dt { width: 242px; height: 159px; border: solid 1px #eee; padding: 10px; }
.case_list dl dt img{ width: 240px; height: 157px; }
.case_list dl dd{ display: block; width: 100%; height: 40px; line-height: 40px; text-align: center; }

/*下载*/
.productdemo{ width: 100%; height: auto; overflow: hidden; padding-top: 15px;}
.productdemo dl{background: #f5f5f5; position: relative; box-sizing: border-box; padding-right: 70px; width: 100%; height: 70px; margin-bottom: 10px;}
.productdemo dl dt{ width: 100%; height: 70px; line-height: 70px; color: #333; text-indent: 2em; }
.productdemo dl dt a{ display: block; width: 100%; height: 70px; }
.productdemo dl dd{ display: block; width: 70px; height: 70px; position: absolute; right: 0; top: 0; line-height: 70px; }
.productdemo dl dd a{ color: #0065b6; }
.productdemo dl dd a img{ margin-top: 24px;-webkit-transition:all .7s ease;-moz-transition:all .7s ease;transition:all .7s ease; }
.productdemo dl:hover dd a img{transform: rotateY(360deg);-webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-webkit-transition:all .7s ease;-moz-transition:all .7s ease;transition:all .7s ease;}

/* 联系我们 */
.contact-tit{ width: 100%; height: auto; padding:40px 0 20px 0; font-size: 18px; color: #333; }
.contact-tit span{ font-size: 14px; }
.contact-list{ width: 100%; height: auto; line-height: 32px; color: #333; display: block;}
.contact-list li{ width: 100%; height: 32px; }
.contact-code{ width: 100%; height: auto; overflow: hidden; }
.contact-code li{ display: block; width: 132px; height: 162px; line-height: 32px; float: left; text-align: center; margin-right: 30px; }
.contact-code li img{ width: 132px; height: 132px; }
.map{ width: 770px; height: 330px; }

.contactnav{ display: block; width: 128px; height: 34px; background: url(../images/contactnavicon.jpg); margin-top: 10px; }
.contact-tit-t{ width: 100%; height: auto; padding-bottom: 7px; color: #fe5d02; }