@charset "UTF-8";
/* CSS Document */

body { font-size: 12px; font-family: "microsoft yahei"; color: #1f1f1f; background: #fff; }
input, select, textarea, button{ vertical-align: middle; outline:none; font-family:"microsoft yahei"; border:0;}
h1, h2, h3, h4, h5, h6, em, i{font-weight:normal; font-style:normal;}
img { border: 0; vertical-align:middle; }
ul, li, ol, dl, dt {list-style: none;}
a { text-decoration: none; outline: none; color: #1f1f1f; }
a:hover{ color:#d90012;}
* { padding: 0px; margin: 0px; }
.fl { float: left; }
.fr { float: right; }
table {  border-collapse: collapse; }
.clear { clear: both; font-size:0; line-height:0; height:0;}
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
.clearfix { zoom: 1 }
.mag { width:996px; margin: 0 auto; }


/**index**/
.site-head{ height:119px;}
.site-head .logo{ padding-top:14px;}
.site-head .tel{ padding-top:27px; text-align:center; font-size:20px; font-weight:bold; color:#666; line-height:34px; letter-spacing:2px;}
.site-head .tel .cn{ background:url(../images/tel.jpg) no-repeat 10px center; padding-left:55px; }
.site-nav{ background:url(../images/navBg.jpg) repeat-x;}
.site-nav ul{ max-width:1001px; margin:auto;}
.site-nav li{ float:left; padding:15px 4px 12px 4px; height:45px; width:135px; text-align:center;}
.site-nav li a{ height:45px; line-height:41px; font-size:20px; font-weight:bold; color:#3b3b3b; display:block;}
.site-nav li a.active, .site-nav li a:hover{ background:url(../images/nav-hover.png) no-repeat; color:#d60900; }


.banner{ width:100%; height:600px; position:relative;}
.banner .hd{ width:100%; position:absolute; text-align:center; left:0; bottom:20px; font-size:0; z-index:10;}
.banner .hd li{ background:#fff; width:16px; height:16px; display:inline-block; margin:0 11px; border-radius:50%; font-size:0; text-indent:-9999px;}
.banner .hd li.on{ background:#f8c301;}
.banner .bd li{ background-repeat:no-repeat; background-size:cover; background-position:top center; width:100%; height:600px; position:absolute; left:0; top:0;}


.hot{ padding:11px 0; border-bottom:1px #e5e5e5 solid;}
.hot-tit{ line-height:33px; font-weight:bold;}
.hot-list li{ float:left; line-height:33px; padding:0 5px;}
.hot-search{ width:240px; height:29px; border:2px #ffe09f solid;}
.hot-search .inpt{ width:185px; padding-left:4px; line-height:29px; float:left;}
.hot-search .btn{ background:#ffc54a url(../images/search-icon.jpg) no-repeat center; width:51px; height:29px; cursor:pointer;}


.proMain{ width:996px; margin:auto; margin-top:25px;}
.proLeft{ width:220px; border:1px #e6e6e6 solid;}
.proLeft-title{ background:url(../images/left-title.jpg) repeat-x; line-height:103px; text-align:center; letter-spacing:2px; font-size:24px; font-weight:bold;}
.proLeft-title .pro-ico{ background:url(../images/pro-ico.png) no-repeat; width:26px; height:32px; display:inline-block; vertical-align:middle; margin-right:9px;}
.proLeft-title .act-ico{ background:url(../images/contact-ico.png) no-repeat; width:39px; height:21px; display:inline-block; vertical-align:middle; margin-right:9px;}
.proLeft-menu{ padding:17px 20px;}
.proLeft-menu li{ height:34px; padding:2px 0; vertical-align:middle; border-bottom:1px #dedede dashed;}
.proLeft-menu li a{ display:block; line-height:34px; font-size:14px; text-align:center; position:relative; }
.proLeft-menu li a:before{ content:''; background:#7e7e7e; width:5px; height:2px; position:absolute; left:18px; top:16px;}
.proLeft-menu li a.active, .proLeft-menu li a:hover{ background:url(../images/proLeft-menu.jpg) no-repeat; color:#d90012;}
.proLeft-menu li a.active:before, .proLeft-menu li a:hover:before{ background:none;}
.proRight { width:750px;}
.proRight-top{ padding:15px 0 10px 0; position:relative; border-bottom:1px #dfdfdf solid;}
.proRight-top .cn{ font-size:18px; font-weight:bold; min-width:140px; padding-bottom:7px; position:absolute; left:0; bottom:-1px; border-bottom:4px #ffc54a solid;}
.proRight-top .img{ padding-left:165px;}
.proRight-top .mo{ background:url(../images/more.png) no-repeat right center; font-weight:bold; padding-right:20px; float:right;}
.proRight-list{ margin-left:-18px; position:relative;}
.proRight-list li{ width:239px; float:left; text-align:center; margin:17px 0 0 17px; display:inline;}
.proRight-list li .aImg{ width:235px; height:176px; border:2px #e1e1e1 solid;}
.proRight-list li .aImg img{ max-width:100%; max-height:100%; display:block;}
.proRight-list li .aWord{ padding-top:8px;}
.proRight-list li:hover .aImg{	-webkit-box-shadow: 2px 3px 3px rgba(40,40,40,.75); -moz-box-shadow: 2px 3px 3px rgba(40,40,40,.75); box-shadow: 2px 3px 3px rgba(40,40,40,.75); border: solid 2px #da261d;}


.contactMain{ background:#f1f1f1; height:347px; margin-top:90px;}
.contactMain .proLeft{ position:relative; top:-77px;}
.contactMain .proRight{ padding-top:20px;}
.contact-tel{ background:url(../images/contact-telBg.jpg) no-repeat bottom center #fff; min-height:271px; line-height:30px; padding:10px 0 0 25px;}
.contact-about{ padding-top:32px;}
.contact-about .video{ width:315px; height:205px;}
.contact-about .word{ width:390px; font-size:14px; line-height:26px;}
.contact-about .word a{ font-size:14px; color:#d60900;}


.news{ width:996px; margin:auto; padding-top:25px;}
.news-title{ padding:15px 0 10px 0; position:relative; border-bottom:1px #dfdfdf solid;}
.news-title .cn{ font-size:18px; font-weight:bold; min-width:140px; padding-bottom:7px; position:absolute; left:0; bottom:-1px; border-bottom:4px #ffc54a solid;}
.news-title .mo{ float:right; font-size:14px; color:#d60900;}
.news-list{ background:#efefef; padding:0 8px; border:1px #dfdfdf solid; border-radius:3px;}
.news-list li{ overflow:hidden; vertical-align:middle; padding:12px 0; border-bottom:3px #fff solid;}
.news-list li .figure img{ width:159px; height:90px; display:block;}
.news-list li .inner{ width:790px;}
.news-list li .inner .s1{ font-size:18px; font-weight:bold; padding-top:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.news-list li .inner .s2{ color:#666; padding-top:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.news-list li .inner .dat{ padding-top:10px; color:#666;}
.news-list li:last-child{ border-bottom:0;}


.honner{ background:#f1f1f1; margin-top:60px; padding-top:10px; min-height:260px;}
.honner-list{ margin-top:17px; position:relative;}
.honner-list a.arrow{ background:url(../images/honner-arrow.png) no-repeat; width:35px; height:54px; display:inline-block; position:absolute; top:56px;}
.honner-list a.prev{ background-position:0 0; left:-15px;}
.honner-list a.next{ background-position:-41px 0; right:-15px;}
.honner-list .bd{ max-width:940px; margin:auto;}
.honner-list li{ width:219px; float:left; margin:0 8px;}
.honner-list li .aImg{ background:#fff; border:3px #e2e2e2 solid; padding:6px; width:201px; height:147px;}
.honner-list li .aImg img{ max-width:100%; max-height:100%; display:block;}
.honner-list li .aWord{ text-align:center; font-weight:bold; color:#666; padding-top:8px;}
.honner-list li .aWord a{ color:#666;}


.footer{ background:#2e2e2e;  margin-top:60px; padding:30px 0 15px 0; color:#fff; border-bottom:10px #ffc54a solid;}
.footer-link{ width:260px;}
.footer-link a{ color:#fff; position:relative; width:130px; float:left; padding-bottom:15px;}
.footer-link a:nth-child(2n+1):before{ content:''; background:url(../images/footer-line.png) no-repeat; width:11px; height:14px; display:block; position:absolute; top:0; right:35px;}
.footer-contact{ width:236px; padding:0 20px 0 60px; position:relative; line-height:24px;}
.footer-contact:before{ content:''; background:#fef5d3; width:4px; height:62px; position:absolute; left:0; top:10px;}
.footer-contact:after{ content:''; background:#fef5d3; width:4px; height:62px; position:absolute; right:0; top:10px;}
.footer-code li{ width:84px; float:left; text-align:center; margin-left:40px; line-height:24px;}
.footer-copy{ background:#1f1f1f; color:#e2e2e2; padding:24px 0 60px 0;}


/****/
.ny-main{ width:1000px; margin:auto; margin-top:25px;}

.left{ width:222px;}
.left .mtp20{ margin-top:20px;}

.right{ width:760px;}
.right .proRight-top .cn{ text-align:center;}
.right-aside{ padding:18px 23px; margin-top:15px;  border:2px #f1f1f1 solid;}
.right-about{ font-size:14px; line-height:24px;}

.right-news li{ background:#f9f9f9; vertical-align:middle; overflow:hidden; display:block; margin-bottom:20px; zoom:1; border:1px #e4e3e3 solid;}
.right-news li .aImg img{ width:200px; height:130px;}
.right-news li .aWord{ width:455px; padding-right:20px;}
.right-news li .aWord .t{ font-size:18px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-top:10px;}
.right-news li .aWord .d{ display:block; padding-top:8px;}
.right-news li .aWord .p{ line-height:24px; padding-top:15px; max-height:48px; overflow:hidden;}
.right-news li:hover{ border-color:#ffcccc; color:#da251c;}
.right-news li:hover a{ color:#da251c;}

.right-page{ text-align:center; padding:25px 0;}
.right-page a{ line-height:20px; display:inline-block; padding:0 6px; color:#666; border:1px #cfcfcf solid;}
.right-page a:hover, .right-page a.cur { background:#da251c; color:#fff;}

.right-newsTag .title{ text-align:center; font-size:16px; color:#da251c; font-weight:bold; padding-bottom:5px; border-bottom:2px #e5e5e5 solid;}
.right-newsTag .Logo{ text-align:center; padding:30px 0;}
.right-newsTag .aside{ background:#f1f1f1; padding:15px; line-height:24px;}

.right-product{ margin-top:15px;  border:2px #f1f1f1 solid;}
.ProItem-h3{ background:url(../images/ProItemBg.jpg) repeat-x; line-height:40px; font-size:16px; font-weight:bold; color:#d90012; padding-left:30px;}
.ProItem-list{ padding:0 0 35px 16px;}
.ProItem-list li{ width:200px; float:left; margin:35px 19px 0 19px; border:1px #efefef solid;}
.ProItem-list li .aImg{ width:200px; height:198px; display:block;}
.ProItem-list li .Name{ padding:5px; text-align:center; line-height:15px;}
.ProItem-list li:hover{ color:#d90012; -webkit-box-shadow: 0 6px 10px rgba(191,190,190,.75); -moz-box-shadow: 0 6px 10px rgba(191,190,190,.75); 	box-shadow: 0 6px 10px rgba(191,190,190,.75); border: solid 1px #d90012;}


.cover{ width:300px;}
.cover-preview{width:300px; position:relative;}
.cover-share{ margin-top:8px;}
.smallImg{position:relative; height:56px; margin-top:20px;  width:300px; overflow:hidden;}
.scrollbutton{ background:url(../images/preview-arrow.png) no-repeat; width:14px; height:38px; position:absolute; top:8px; cursor:pointer; }
.scrollbutton.smallImgUp , .scrollbutton.smallImgUp.disabled{ background-position:0 0; left:0;}
.scrollbutton.smallImgDown , .scrollbutton.smallImgDown.disabled{ background-position:-19px 0; right:0;}
#imageMenu {height:54px; width:256px; overflow:hidden; margin:auto;}
#imageMenu li {height:54px; width:62px; overflow:hidden; float:left; text-align:center; }
#imageMenu li img{width:52px; height:52px; cursor:pointer; border:1px #b8b8b8 solid;}
#imageMenu li#onlickImg img, #imageMenu li:hover img{ border-color:#555555;}
.bigImg{position:relative; width:300px; height:300px; overflow:hidden; border:1px #fefefe solid;}
.bigImg #midimg{ width:100%; height:100%; display:block;}
.bigImg #winSelector{width:235px; height:210px; position:absolute; cursor:crosshair; filter:alpha(opacity=15); -moz-opacity:0.15; opacity:0.15; background-color:#000; border:1px solid #fff;}
#bigView{position:absolute;border: 1px solid #fefefe; overflow: hidden; z-index:999; border:1px #f00 solid;}
#bigView img{ width:100%; height:100%; position:absolute;}

.parameters{ width:365px;}
.parameters-tit{ font-size:16px; font-weight:bold; padding-bottom:10px; border-bottom:1px #e5e5e5 solid;}
.parameters-list{ padding:10px 0;}
.parameters-list li{ line-height:24px; position:relative; padding-left:17px;}
.parameters-list li:before{content:''; height:0; width:0; display:block; border:5px transparent solid; border-right-width:0; border-left-color:#ffc523; position:absolute; top:7px; left:2px;}
.parameters-btn a{ background:url(../images/parameters-btn.jpg) no-repeat; width:65px; height:29px; line-height:29px; padding-left:53px; display:block; border:1px #f2f2f2 solid;}
.product-description{ padding:20px; line-height:24px; margin-top:25px; border: 1px solid #CCCCCC;}