/* CSS Document */
a { color: #000000; font-size: 12px; }
a:hover { color: #c3122f; font-size: 12px; }

.warp { width: 1095px; margin: 0 auto; }

.index-header { height: 150px; position: relative; }
.index-header img.logo { width: 255px; height: 38px; position: absolute; left: 0; top: 32px; }
.index-header a.site { height: 29px; line-height: 29px; position: absolute; left: 0; top: 98px; color: #000000; font-family: "Roboto",sans-serif; }
.index-header a.site img { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; height: 29px; }
.index-header .sns-icon { height: 30px; width: 160px; position: absolute; top: 43px; right: 230px; font-size: 0; letter-spacing: -4px; word-spacing: -4px; }
.index-header .sns-icon img { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; font-size: 14px; letter-spacing: normal; word-spacing: normal; margin: 0 10px 0 0; }
.index-header img.login-btn { width: 209px; height: 76px; position: absolute; right: 0; top: 18px; }
.index-header .lang { height: 34px; line-height: 34px; text-align: right; position: absolute; right: 0; top: 96px; width: 230px; font-size: 12px; }
.index-header img.cen-logo { width: 260px; height: 260px; box-shadow: 0 0 10px #333; position: absolute; left: 50%; margin-left: -130px; top: 0; z-index: 99; }

.nav { height: 50px; background: #c2122f; }

ul.nav-inner { height: 50px; }
ul.nav-inner li { height: 50px; line-height: 50px; color: #ffffff; font-size: 15px; float: left; }
ul.nav-inner li a { display: block; height: 26px; line-height: 26px; font-family: "Oswald",sans-serif; color: #ffffff; font-size: 15px; padding: 0 12px; margin: 12px 0 0 0; border-right: 2px solid #9c0e26; }
ul.nav-inner li.line a { border-right: none; margin-right: 400px; }
ul.nav-inner li.search a { padding: 0 0 0 30px; border: none; }

.focus { width: 1095px; height: 418px; margin: 20px auto 10px auto; position: relative; }
.focus img { width: 1095px; height: 418px; display: block; }

.slides_container { width: 1095px; height: 418px; display: none; }

.slides_container img { width: 1095px; height: 418px; display: block; }

.index-pro { background: #4d4d4d; border-top: 5px solid #dddddd; border-bottom: 5px solid #dddddd; }
.index-pro .title { height: 80px; line-height: 80px; font-size: 24px; font-weight: bold; margin-top: 26px; color: #ffffff; }
.index-pro .title em { font-size: 18px; }

ul.index-pro-list { width: 1116px; margin-left: -11px; }
ul.index-pro-list li { width: 247px; height: 310px; float: left; margin: 0 16px; }
ul.index-pro-list li img.p { width: 247px; height: 247px; display: block; }
ul.index-pro-list li .txt { line-height: 30px; height: 30px; margin: 8px 0 0 0; color: #ffffff; font-size: 15px; font-weight: bold; overflow: hidden; text-align:center;}
ul.index-pro-list li .txt a { color: #ffffff; font-size: 15px; }

.index-video-out { border-bottom: 5px solid #cccccc; }

.index-video { padding: 55px 0; }

.index-video-left { width: 734px; float: left; }
.index-video-left h2 { height: 38px; line-height: 38px; color: #000000; font-size: 26px; font-weight: bold; }
.index-video-left h5 { height: 28px; line-height: 28px; color: #4d4d4d; font-weight: bold; font-size: 19px; margin-bottom: 15px; }

.video-info { width: 734px; height: 413px; }

.index-video-right { width: 318px; float: right; margin: 62px 0 0 0; }
.index-video-right h5 { height: 56px; line-height: 56px; color: #000000; font-size: 18px; font-weight: bold; }
.index-video-right .mini-video { width: 318px; height: 195px; }
.index-video-right .newsletter { margin: 44px 0 0 0; }
.index-video-right .newsletter h4 { font-size: 18px; color: #c3122f; font-weight: bold; height: 32px; line-height: 32px; letter-spacing: -1px; }
.index-video-right .newsletter h5 { font-size: 14px; color: #000000; line-height: 20px; height: 20px; letter-spacing: -1px; }
.index-video-right .newsletter a.sign-up { width: 168px; height: 40px; line-height: 40px; display: block; text-align: center; border: 1px solid #5b5b5b; color: #c3122f; background: #e8e8e8; letter-spacing: -1px; border-radius: 10px; margin: 5px 0 0 0; }

.index-tools { height: 157px; padding: 30px 0; background: #4d4d4d; }

.index-tools-con { height: 157px; }
.index-tools-con .title { width: 130px; float: left; color: #ffffff; font-weight: bold; font-size: 18px; line-height: 1.2; }

ul.tools-list li { width: 90px; height: 110px; float: left; margin: 0 0 0 40px; }
ul.tools-list li .icon { width: 88px; height: 88px; border: 1px solid #ffffff; border-radius: 50%; }
ul.tools-list li .icon img { width: 56px; height: 56px; display: block; margin: 16px auto 0 auto; }
ul.tools-list li .txt { line-height: 18px; padding: 18px 0 0 0; color: #ffffff; font-size: 12px; text-align: center; }
ul.tools-list li .txt a { color: #ffffff; font-size: 12px; }

.index-footer { background: #bb122f; padding: 25px 0; }

ul.index-footer-inner li { width: 174px; float: left; }
ul.index-footer-inner li dl.fnav dt { line-height: 30px; padding: 0 10px 5px 0; position: relative; font-size: 16px; font-weight: bold; color: #ffffff; margin-bottom: 20px; letter-spacing: -1px; }
ul.index-footer-inner li dl.fnav dt a { color: #ffffff; font-size: 16px; }
ul.index-footer-inner li dl.fnav dt:before { width: 66px; height: 2px; background: #ffffff; position: absolute; left: 0; bottom: -10px; content: ''; }
ul.index-footer-inner li dl.fnav dd { height: 18px; line-height: 18px; color: #ffffff; font-size: 12px; margin: 0 0 12px 0; }
ul.index-footer-inner li dl.fnav dd select { width: 140px; display: block; height: 24px; line-height: 24px; }
ul.index-footer-inner li dl.fnav dd img.d-login { width: 147px; height: 54px; display: block; margin: 26px 0 0 0; }
ul.index-footer-inner li dl.fnav dd .sns-btn { height: 30px; margin: 20px 0 0 0; }
ul.index-footer-inner li dl.fnav dd .sns-btn img { margin: 0 5px 0 0; }
ul.index-footer-inner li dl.fnav dd a { color: #ffffff; font-size: 12px; }

.copyright { height: 52px; line-height: 52; background: #4c4c4c; }

.copyright-inner { height: 52px; line-height: 52px; text-align: center; color: #ffffff; font-size: 12px; }
.copyright-inner .l-menu { float: left; line-height: 52px; height: 52px; color: #ffffff; font-size: 12px; }
.copyright-inner .l-menu a { color: #ffffff; font-size: 12px; }
.copyright-inner .l-menu a:hover { color: #000000; font-size: 12px; }
.copyright-inner .l-menu span { margin: 0 10px; }

.pro-center { margin-top: 70px; }

.pro-nav { width: 190px; float: left; }
.pro-nav .pro-nav-title { color: #000000; font-size: 22px; font-weight: bold; height: 60px; line-height: 60px; margin: 20px 0 0 0; }
.pro-nav ul.pro-list { padding: 0 0 30px 0; }
.pro-nav ul.pro-list li { padding: 0 0 0 20px; line-height: 32px; position: relative; }
.pro-nav ul.pro-list li i.tips { width: 0; height: 0; border-top: 5px solid transparent; border-left: 6px solid #c3122f; border-bottom: 5px solid transparent; content: ''; position: absolute; left: 0; top: 10px; }
.pro-nav ul.pro-list li a { color: #c3122f; font-size: 15px; font-weight: bold; display: block; line-height: 32px; }
.pro-nav ul.pro-list li .s-mini-nav { line-height: 20px; }
.pro-nav ul.pro-list li .s-mini-nav a { padding: 10px 0; line-height: 20px; color: #888888; font-size: 13px; display: block; }
.pro-nav ul.pro-list li .s-mini-nav a.colors {color:#bb122f}
.pro-nav ul.pro-list li .s-mini-nav a:hover { color: #000000; font-size: 14px; }
.pro-nav ul.pro-list li.cur i.tips, .pro-nav ul.pro-list li:hover i.tips { border-left: 6px solid #000000; }
.pro-nav ul.pro-list li.cur a, .pro-nav ul.pro-list li:hover a { color: #000000; }
.pro-nav ul.pro-list li.cur .s-mini-nav a, .pro-nav ul.pro-list li:hover .s-mini-nav a { color: #888888; font-size:13px;}
.pro-nav ul.pro-list li.cur .s-mini-nav a:hover, .pro-nav ul.pro-list li:hover .s-mini-nav a:hover { color: #000000; font-size:13px;}

.pro-info { width: 876px; float: right; }
.pro-info .pro-nav-title { color: #000000; font-size: 22px; font-weight: bold; height: 50px; line-height: 50px; }

.pro-site { height: 60px; line-height: 60px; color: #333333; font-size: 12px; }
.pro-site span { color: #333333; font-size: 12px; }
.pro-site a { color: #c3122f; font-size: 12px; }
.pro-site a:hover { color: #c3122f; font-size: 12px; }

ul.pro-list-pic { width: 892px; margin: 20px 0; }
ul.pro-list-pic li { width: 200px; height: 260px; float: left; margin: 0 16px 0 0; }
ul.pro-list-pic li img { width: 207px; height: 207px; box-shadow: 0 0 5px #444444; display: block; }
ul.pro-list-pic li h6 { color: #000000; font-size: 15px; font-weight: bold; height: 62px; line-height: 1.5; overflow: hidden; width: 207px; text-align:center; margin-bottom:20px;}
ul.pro-list-pic li h6 a { color: #000000; font-size: 13px; width:100%}

.mini-sorts { width: 892px; }
.mini-sorts a { width: 181px; margin: 0 16px 0 0; height: 32px; line-height: 32px; color: #4d4d4d; font-size: 14px; font-weight: bold; padding: 0 20px 0 0; overflow: hidden; float: left; }
.mini-sorts a:hover, .mini-sorts a.cur { color: #bb122f; font-size: 14px; }

.about-focus { height: 250px; }
.about-focus img { width: 100%; height: 250px; }

.about-title { height: 105px; line-height: 105px; }

.about-info { font-size: 14px; line-height: 1.5; color: #666666; font-family: Verdana; }
.about-info p { margin-bottom: 10px; }
.about-info a { color: #c2122f; font-size: 14px; }

.pro-box { padding: 20px; overflow: hidden; }

.pro-box-left { width: 406px; float: left; }

.pro-box-left .bpic { width: 300px; height: 300px; padding: 20px 0 0 0; }
.pro-box-left .bpic img { width: 300px; height: 300px; display: block; }
.pro-box-left ul.spic { overflow: hidden; }
.pro-box-left ul.spic li { width: 70px; height: 62px; padding: 5px 10px 5px 0; float: left; }
.pro-box-left ul.spic li img { width: 70px; height: 62px; }

.pro-box-right { width: 406px; float: right; }

ul.pro-box-icon { height: 24px; }
ul.pro-box-icon li { width: 335px; height: 24px; float: left; }
ul.pro-box-icon li a { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; height: 24px; line-height: 24px; padding: 0 0 0 30px; color: #4d4d4d; font-size: 14px; font-weight: bold; }
ul.pro-box-icon li a:hover { color: #c31238; font-size: 14px; }
ul.pro-box-icon li a.icon01 { background: url("../images/download-icon.png") no-repeat; }
ul.pro-box-icon li a.icon02 { background: url("../images/print-icon.png") no-repeat; }
ul.pro-box-icon li a.icon03 { background: url("../images/email-icon.png") no-repeat; }

dl.pro-rlist dt { line-height: 1.5; color: #c31238; font-size: 26px; font-weight: bold; padding: 25px 0; }
dl.pro-rlist dd { line-height: 20px; color: #222222; padding: 0 0 0 20px; position: relative; font-size: 14px; font-family: Verdana; }
dl.pro-rlist dd:before { width: 8px; height: 8px; position: absolute; left: 0; top: 7px; border-radius: 50%; background: #222222; content: ''; }

select.pro-select { width: 350px; height: 30px; line-height: 30px; border: 1px solid #abadb3; color: #222222; font-size: 14px; }

.pro-pdf { height: 38px; line-height: 38px; }
.pro-pdf a { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; font-size: 14px; height: 38px; line-height: 38px; padding: 0 0 0 30px; background: url("../images/icon_pdf.png") no-repeat 0 center; font-weight: bold; margin-top: 5px; }

.pro-tab { height: 46px; letter-spacing: -4px; word-spacing: -4px; font-size: 0; margin: 5px 0 0 0; border-bottom-width: 2px;border-bottom-style: solid;border-bottom-color: #c3122f;}
.pro-tab a { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; height: 46px; line-height: 46px; color: #c3122f; font-size: 14px; font-weight: bold; padding: 0 20px; letter-spacing: normal; word-spacing: normal; }
.pro-tab a:hover, .pro-tab a.cur { background: #c3122f; color: #ffffff; font-size: 14px; }

ul.pro-tab-list { width: 864px; }
ul.pro-tab-list li { width: 200px; height: 330px; float: left; margin: 0 16px 0 0; }
ul.pro-tab-list li img { width: 198px; height: 198px; border: 1px solid #cccccc; display: block; margin: 0 16px 0 0; }
ul.pro-tab-list li .txt { max-height: 72px; line-height: 24px; color: #000000; font-size: 14px; }
ul.pro-tab-list li .txt a { color: #000000; font-size: 14px; font-weight: bold; }

.pagination { display: none; }

#slides a { width: 40px; height: 49px; position: absolute; top: 50%; margin-top: -20px; text-indent: -9999px; font-size: 0; }

#slides a.prev { left: -45px; background: url("../images/prev.png") no-repeat; }

#slides a.next { right: -45px; background: url("../images/next.png") no-repeat; }

.ppc-table tr td { line-height: 18px; padding: 8px 0; color: #333333; font-size: 12px; text-indent: 6px; }

.ppc-table tr.odd { background: #edeae8; }

.ppc-table tr td strong { font-weight: bold; }

.ppc-table tr td h3 { font-weight: bold; font-size: 22px; }

.map { width: 700px; height: 550px; border: #ccc solid 1px; font-size: 12px; margin-bottom: 10px; }



/*总容器样式*/ 
.pager { padding: 3px; text-align: center; color:#c2122f;font-size:12px; font-family:Tahoma;}   
/*分页链接样式*/ 
.pager a { margin: 2px; padding:2px 5px; color: #c2122f; text-decoration: none; border: 1px solid #aad; }   
/*分页链接鼠标移过的样式*/ 
.pager a:hover { color: #FFF; border: 1px solid #c2122f; background-color:#C21; }   
/*当前页码的样式*/ 
.pager span.current { font-weight: bold; margin: 0 2px; padding: 2px 5px; color: #fff; background-color: #c2122f; border: 1px solid #c2122f; }   
/*不可用分页链接的样式(比如第1页时的“上一页”链接)*/ 
.pager span.disabled { margin: 0 2px; padding: 2px 5px; color: #CCC; border: 1px solid #DDD; }   
/*跳转下拉菜单的样式*/ 
.pager select {margin: 0px 2px -2px 2px; color:#c2122f;font-size:12px; font-family:Tahoma;}   
/*跳转文本框的样式*/ 
.pager input {margin: 0px 2px -2px 2px; color:#c2122f; border: 1px solid #DDD; padding:2px; text-align:center;font-size:12px; font-family:Tahoma;} 

/*# sourceMappingURL=style.css.map */


.search{ height: 76px;
    position: absolute;
    right: 0;
    top: 0px;
    width: 429px;}
.search .con{height: 42px;
    margin-left: 58px;
    margin-top: 28px;
    overflow: hidden;}

.search input{border:none; }
	
.search .con .srcform{border: 2px solid #c2122f;
    float: left;
    height: 38px;
    overflow: hidden;}	
.partno	{background: rgba(0, 0, 0, 0) url("../images/search_bg.jpg") no-repeat scroll left center;
    border-right: 1px solid #c2122f;
    padding-left: 34px;
    text-transform: uppercase;
    width: 270px;}
.search .con .submit_btn{
	background: #c2122f none repeat scroll 0 0;
    color: #fff;
    cursor: pointer;
    height: 38px;
    width: 58px;}