@charset "utf-8";
/* by Sean Lu 20151031 */
html { }
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p { padding:0; margin:0; }
body { font-size: 12px; background: #fff; color: #fff; }
ul,li { list-style: none; }
img { border: 0; }
input:focus { outline: none; }

/* 一般滚动条样式
::selection { background: #000; color: #fff; }
::-moz-selection { background: #000; color: #fff; }
::-webkit-scrollbar {width:15px;height:15px} 
::-webkit-scrollbar-track-piece {background-color:#e2e2e2} 
::-webkit-scrollbar-thumb:vertical {height:5px;background-color:#c6c6c6;border-left:1px solid #c7c7c7;border-right:1px solid #c7c7c7} 
::-webkit-scrollbar-thumb:vertical:hover {background-color:#666666} 
::-webkit-scrollbar-thumb:horizontal {width:5px;background-color:#cbcbcb;border-left:1px solid #c7c7c7;border-right:1px solid #c7c7c7} */

/* 圆细滚动条样式 20150717 */
::-webkit-scrollbar{width:12px;height:12px}
::-webkit-scrollbar-button:vertical{display:none;}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#FFF}
::-webkit-scrollbar-thumb:vertical{background-color:#8E8E8E;border-radius:5px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}

/* 全局 */
a { text-decoration: none; color: #333; }
a:hover { text-decoration: underline; }

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

.fl { float: left; }
.fr { float: right; }

.wrapper { width: 1100px; margin: 30px auto; position: relative; background: #fff; border: 1px solid #dedede; box-shadow: 0 15px 30px rgba(0,0,0,0.1); }

.nav { display: block; padding: 0; position: relative; z-index: 2; }
.nav li { display: block; padding: 0; }
.nav li a { display: block; padding: 0 32px; position: relative; }
.nav li a .text { position: relative; z-index: 1; }
.nav li a .bg { position: absolute; z-index:0; width: 194px; height: 145px; background: url(../img/navhoverbg.png) no-repeat center center; display: block; top: -76px; left: 50%; margin-left: -115px; opacity: 0; -webkit-transform: scale(0,0); transform: scale(0,0); -webkit-transition: all .2s ease-in; transition: all .2s ease-in; }
.nav li a:hover .bg, .nav li.on a .bg { opacity: 1; -webkit-transform: scale(1,1); transform: scale(1,1); }
.nav li a:hover, .nav li.on a { text-decoration: none; }

.homeprolist { }
.slideTxtBox .bd li { margin: 0 12px; }
.homeprolist li { width: 220px; height: 205px; border: 1px solid #ccc; position: relative; overflow: hidden; }
.homeprolist li .img { width: 100%; display: block; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; }
.homeprolist li .cover { width: 100%; height: 35px; background: #fff; opacity: .8; filter: alpha(opacity=80); display: block; position: absolute; bottom: 0; left: 0; -webkit-transition: all .2s .1s ease-in; transition: all .2s .1s ease-in; }
.homeprolist li:hover .cover { height: 45px; opacity: 1; filter: alpha(opacity=100); }
.homeprolist li .text { width: 100%; height: 35px; line-height: 35px;  display: block; position: absolute; bottom: 0; left: 0; text-align: center; -webkit-transition: all .2s .1s ease-in; transition: all .2s .1s ease-in; }
.homeprolist li:hover .text { height: 45px; line-height: 45px; }
.homeprolist li:hover .text a { color: #a10000; -webkit-transition: all .2s .1s ease-in; transition: all .2s .1s ease-in; }
.homeprolist li:hover .img { margin-top: -10px; }

.homeinput { color: #fff; font-family: microsoft yahei; padding: 0 10px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; }
.homeinput:focus { color: #333; background: #fff; }
.txt { width: 220px; }
.txt1 { width: 130px; }

.homebtn { height: 33px; line-height: 33px; background: #525252; border: 0; text-align: center; width: 105px; font-family: microsoft yahei; font-size: 13px; color: #fff; cursor: pointer; margin-left: 9px; }

.slideTxtBox { height: 529px; }

.inwrapper { background: url(../img/inwrapperbg.jpg) no-repeat center top; background-attachment: fixed; padding: 0 0 60px; }
.inwrapper2 { background-image: url(../img/inwrapperbg2.jpg); }

.intitle { padding: 50px 0; text-align: center; color: #f0f1f3; }
.intitle .en { font-family: impact; text-transform: uppercase; font-size: 46px; line-height: 56px; margin-bottom: 10px; }
.intitle .cn { font-size: 22px; width: 140px; border-bottom: 2px solid #f0f1f3; padding-bottom: 20px; margin: 0 auto;  }

.incon { background: url(../img/blackbg.png) repeat center center; width: 1080px; margin: 0 auto; -webkit-box-shadow: 0 0 10px rgba(0,0,0,.8); box-shadow: 0 0 10px rgba(0,0,0,.8); padding: 20px; font-size: 14px; line-height: 24px; }
.incon p { margin-bottom: 20px; }

.incon2 { background: #fff; color: #333; }

.new_ulbig { width: 100%; }
.new_ulbig li { padding: 20px 20px 20px 20px; border-bottom: 1px dashed #ccc; height: 152px; overflow: hidden; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; }
.new_ulbig li.on { background: #f1f1f1; }
.new_ulbig li .img { float: left; width: 200px; height: 150px; overflow: hidden; border: 1px solid #ccc; margin-right: 20px; background: url(../img/nopic.jpg) no-repeat center center; }
.new_ulbig li .img img { width: 200px; height: 150px; display: block; }
.new_ulbig li .info { margin-left: 20px; margin-bottom: 20px; }
.new_ulbig li .info a { padding: 2px 4px; color: #333; text-decoration: none; font-family: microsoft yahei; }
.new_ulbig li h3 { margin-bottom: 10px; }
.new_ulbig li h3 a { line-height: 28px; font-size: 18px; font-weight: bold; padding: 3px 2px; font-family: microsoft yahei; }
.new_ulbig li p { line-height: 24px; color: #666; text-indent: 0; }
.new_ulbig li .info a:hover { text-decoration: none; background: #c30101; color: #fff; }
.new_ulbig li .time { display: block; margin-top: 10px; color: #999; }

.newscontent { }
.newscontent .title { font-size: 22px; text-align: center; line-height: 40px; }
.incon2 .newscontent .title { color: #333; }
.newscontent .info { font-size: 12px; text-align: center; line-height: 30px; color: #999; }
.newscontent .info .author, .newscontent .info .time { margin: 0 5px; }
.newscontent .maincon { margin: 20px 0; }

.newsbackline { height: 30px; line-height: 30px; border-top: 1px solid #dedede; padding-top: 10px; margin: 30px 0; }
.newsbackline ul { width: 100%; }
.newsbackline ul li { width: 33.333333%; float: left; text-align: center; display: block; height: 33px; }
.newsbackline ul li a { display: inline-block; width: 120px; border: 1px solid #ccc; color: #666; background: url(../img/arrow_t.png) no-repeat 90px center; padding-right: 10px; text-decoration: none; }
.newsbackline ul li a:hover { border-color: #c30101; color: #c30101; }
.newsbackline ul li.prev { text-align: left; }
.newsbackline ul li.prev a { background: url(../img/arrow_l.png) no-repeat 38px center; padding-left: 10px; padding-right: 0; text-align: center; }
.newsbackline ul li.next { text-align: right; }
.newsbackline ul li.next a { background-image: url(../img/arrow_r.png); text-align: center; }

@-webkit-keyframes zhuanquan {
	0% { -webkit-transform: rotate(0); }
	100% { -webkit-transform: rotate(360deg); }
}
@keyframes zhuanquan {
	0% { transform: rotate(0); }
	100% { transform: rotate(360deg); }
}

.knowslist { }
.knowslist li { width: 300px; border: 1px solid #f0f1f3; float: left; margin: 0 29px; }
.knowslist li:hover { border: 1px solid #ffb900; }
.knowslist li a { display: block; height: 270px; color: #fff; padding: 120px 30px 0; font-size: 16px; }
.knowslist li a:hover { color: #ffb900; }
.knowslist li a:hover .img { -webkit-animation: zhuanquan 1s linear infinite; animation: zhuanquan 1s linear infinite; }
.knowslist li .img { width: 100px; height: 100px; margin: 0 auto 20px; }
.knowslist li .img img { display: block; width: 100%; }
.knowslist li .name { text-align: center; }

.contact { background: url(../img/qiu.jpg) no-repeat right 0; padding: 30px 0 0 100px; width: 860px; font-size: 14px; font-family:"Microsoft YaHei",SimSun,SimHei; position: relative; height:280px; }
.contact p { line-height: 30px; }
.contact p strong { font-size: 16px; line-height: 40px; color: #c30101; }

.productlist { }
.productlist li { float: left; margin: 0 18px 30px; text-align: center; border: 2px solid #fff; padding: 5px; }
.productlist li:hover { border-color: #ffb900; }
.productlist .img { width: 220px; height: 220px; overflow: hidden; }
.productlist .img img { display: block; width: 100%; }
.productlist .name { margin-top: 5px; }

.innav { height: 40px; line-height: 40px; color: #f0f1f3; text-align: center; }
.innav li { display: inline-block; width: 120px; }
.innav li a { display: block; background: rgba(0,0,0,.8); color: #fff; font-size: 16px; }
.innav li a:hover { background: #000; }
.innav li.on a { background: #ffb900; color: #000; }