@charset "utf-8";

/*reset*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,  pre, a,address,em, img, q, s, strong, dd, dl, dt, li, ol, ul, form,input,button, textarea,label, table, tr, th, td{margin:0;padding:0;}
textarea{resize:none}
ul li{list-style-type:none;}
fieldset,img {border:0;}
a{cursor:pointer;}
body{font-size:12px;overflow-x:hidden; background:#e8e8e8;font-family: '微軟正黑體', sans-serif;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
dt{font-weight:normal;}
b{font-weight:normal;}

/*syn css*/
.icons{ background:url(img/icons.png) no-repeat;display:inline-block;}
.l{float:left;}
.r{float:right}
.cell{display:table-cell;width:999px;*display:inline-block;*width:auto;}
.clearfix:after{content:"\200B";display:block;height:0;clear:both;}
.clearfix{*zoom:1;}
.wrapper{width:1050px;margin:0 auto;}
.f-bottom .l dd a,.l-slide li p,.pro-hot li a,.pro-hot li strong,.pro-hot li .content,.pro-hot li .more,.pro-hot li .more i,.box2-about li strong i,.f-bottom .r i,.nav .sub-nav li i,.nav ul li a,.sub-nav dl a,.sub-pro-more a,.news li p span,.news li dt,.overlay dt,.overlay dd,.box3 li:hover .overlay,.news li p span,.sub-faq li dt p,.box5 .r a{transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out; -ms-transition:all .5s ease-in-out;}
.radius{-moz-border-radius:50%;-ms-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}
.radius5{-moz-border-radius:5%;-ms-border-radius:5%;-webkit-border-radius:5%;border-radius:5%;}

@font-face {
    font-family:'verdana';
    src:url('img/verdana.eot');
    src: url('img/verdana.eot?#iefix') format('embedded-opentype'),
         url('img/verdana.woff') format('woff'),
         url('img/verdana.ttf') format('truetype'),
         url('img/verdana.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'alternategothic2_btregular';
    src: url('img/alternate_gothic_no.2_bt-webfont.eot');
    src: url('img/alternate_gothic_no.2_bt-webfont.eot?#iefix') format('embedded-opentype'),
         url('img/alternate_gothic_no.2_bt-webfont.woff2') format('woff2'),
         url('img/alternate_gothic_no.2_bt-webfont.woff') format('woff'),
         url('img/alternate_gothic_no.2_bt-webfont.ttf') format('truetype'),
         url('img/alternate_gothic_no.2_bt-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
.header{background:#fff;}
.header-top{ background:#013564;height:35px;}

.head-l,.head-r{height:35px; line-height:35px; color:#fff;font-family: '微軟正黑體', sans-serif;}

.head-l a,.head-l i{width:40px;height:35px;display:inline-block}
.head-l .share01 i{ background-position:-69px 10px;}
.head-l .share02 i{ background-position:-99px 10px;}
.head-l .share03 i{ background-position:-127px 10px;}
.head-l .share04 i{ background-position:-156px 10px;}
.head-l .share05 i{ background-position:-187px 10px;}



.head-l .share06 i{
	width:40px;
	height:35px;
	display:inline-block;
	background-attachment: scroll;
	background-color: rgba;
	background-image: url(img/icons1.png);
	background-repeat: no-repeat;
	background-position: -41px -151px; 
}






.head-l a:hover{background-color:#1e1e1f;}

.head-r li{ float:left;}
.head-r li.head-ser form{ position:relative;}
.head-r li.head-ser form .btn{width:40px;height:35px; background:url(img/icons.png) no-repeat 12px 11px #4438A8;border:none;outline:none; cursor:pointer;}
.head-r form span{position: absolute;background:#fff; display:inline-block;width:0;height:35px;right:-140px;top:0;z-index:15;}
.head-r li.head-ser .search{width:0;height:35px;line-height:35px;transition:width .1s ease-in-out;background:transparent; border:none;outline:none;padding:0 5px; box-sizing:content-box; }
.head-r li.head-ser:hover form span{width:150px;}
.head-r li.head-ser:hover form .search{width:100%;}


.head-r li.language{ position:relative; cursor:pointer;z-index: 12;background: none;margin-right:25px;*width:115px;}
.head-r li.language .val{ height:35px; line-height:35px;color:#fff;}

.head-r li.language .val i{width:40px;height:30px; vertical-align: top;margin-right:10px;  background:url(img/toptop.png) no-repeat;}


.head-r li.language .options{ position: absolute;width: 100%;left:0;top:35px;*background:#999;background:#000;opacity:.7;filter:alpha(Opacity=70);
text-align: center;border-color: #eee;border-bottom: 4px solid #013564;display:none;}
.head-r li.language .options a{ display:block; height:25px; line-height:25px;  color:#fff;}
.head-r li.language .options a:hover{background:#f0f0f0;color:#333;}

/*导航*/
.logo img{margin-top:12px;}
.nav{ position:relative;border-bottom:1px solid #bfbfbf;height:100px;font-family: '微軟正黑體', sans-serif;background-color:#E8E8E8;}
/*.nav ul{height:97px; width:1050px;}*/
.nav ul{height:97px; }
.nav ul li{display:inline-block;padding:0 5px;*float:left; }
.nav ul li a{display:block;padding:0 25px;line-height:97px;font-size:15px;color:#37383a;  font-weight:bold;}
.nav ul li i{width:10px;height:6px; background-position:0 -54px;margin-left:9px;vertical-align:middle;}
.nav ul li:hover > a{color:#d91b04;}
.nav ul li:hover > a >i{background-position:-10px -50px;width:10px;height:10px;}
*html .nav ul li i{display:none}
/*二级导航*/
.nav .sub-nav{width:130px;padding:10px 0 30px; background:#fff; position:absolute;top:157px;z-index:10;height:auto;border-top:3px solid #d91b04;display:none;}
.nav .sub-nav li{position:relative; display:block;padding:0;}
.nav .sub-nav li a{color:#37383a;display:block;padding:13px 0 15px;margin:0 12px;border-bottom:1px dashed #bcbcbc; line-height:16px;font-size:13px; font-weight:100;}
.nav .sub-nav li i{width:15px;height:15px; background-color:#c9c9c9;background-position:-106px -49px;margin: 0 10px -3px 0; vertical-align:inherit;}
.sub-nav dl{width:220px;position:absolute;display:none; background:#fff;top:-10px;left:170px;padding:10px 15px 20px;z-index:99;}
.sub-nav dl dd{border-bottom:1px dashed #bfbfbf;}
.nav .sub-nav dl a{display:block;color:#d91b04;border:none;}
.nav .sub-nav li:hover> a,.sub-nav dl dd:hover a{ color:#d91b04;}
.nav .sub-nav li:hover i{ background-color:#d91b04;width:15px;height:15px;background-position:-106px -49px;}
.nav .sub-nav li:hover dl{display:block;}
.nav .sub-nav dl a:hover{-webkit-transform:translateX(10px); -moz-transform:translateX(10px); -ms-transform:translateX(10px); -o-transform:translateX(10px);transform:translateX(10px);}
.nav .nav li:hover .sub-nav{1display:block;}
/*banner*/
.banner {position:relative;overflow:hidden;width:100%; height:570px;}
.banner .bd {position:relative; margin-left:-960px; left:50%;}
.banner .bd li img{ width:1920px; height:560px;}
.banner .bd li a {display:block;}
.banner .hd {position:absolute;bottom:0px;text-align:center;display:block;width:100%; background:#dcdcdc;height:10px;}
.banner .hd ul{display:inline-block;}
.banner .hd li{float:left;font-size:0;width:24.5%; cursor:pointer;height:10px;background:#37383a;margin-right:1px;}
.banner .hd li.on{background:#d91b04;}
.banner .prev,.banner .next{width:50px;height:50px;line-height:50px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;background:#fff;text-align:center;font-size:40px;color:#d91b04; position:absolute;top:42%;font-family:-webkit-body,sans-serif,monospace,serif;cursor:pointer;opacity:.6;filter:alpha(Opacity=60); font-weight:bold;}
.banner .prev{left:80px;}
.banner .next{right:80px;}

.title{text-align:center;}
.title dt a{text-transform:uppercase;font-size:36px;}
.title dd{color:#212121;margin-top:5px; font-size:16px;}
.box1 .title{padding:43px 0 39px;}
.box2 .title,.box3 .title{padding:50px 0 40px;}
.box4 .title{padding:45px 0 20px;}
.box2 .title dd{margin-top:13px;}
.box1 .title dt,.box3 .title dt{ background:url(img/box3_t_bg.png) no-repeat 0 20px;}
.box1 .title dt a,.box3 .title dt a{color:#212121;}
.box2 .title dt a{ font-weight:bold;color:#fff;}
.box4 .title dt a{font-size:36px;color:#212121;}
.box4 .title dd{width:50px;height:2px;background:#a3a3a3;margin:12px auto 0;}
/*.box1*/


.box1{background:#fff;padding-bottom:75px;}
.pro-hot{position:relative;}
.pro-hot li{float:left;margin-right:20px;width:270px;}
.pro-hot li a{display:block;padding:10px; background:#e3e3e3;}
.pro-hot li img{width:250px;height:188px;}
.pro-hot li div{text-align:center;width:270px;}
.pro-hot li strong{color:#1e1816;font-size:18px;padding:10px 0 15px;display:block;    height: 35px;overflow: hidden;}
.pro-hot li .content{color:#555;padding:0 20px; line-height:20px;overflow:hidden;text-overflow:ellipsis;  display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;font-size:14px;}
.pro-hot li .more{ background:#37383a;color:#fff; font-weight:bold;width:150px;height:30px; line-height:30px; text-transform:uppercase;margin:20px auto 10px;}
.pro-hot li .more i{ background-position:-124px -41px;width:19px;height:19px;vertical-align:middle;margin-left:10px;}
.pro-hot .btn a{position:absolute; background:url(img/icons.png) no-repeat #37383a;width:43px;height:43px;display:inline-block;top:40%}

.pro-hot .btn #prev { background-position:-241px -29px; right:903px;top:320px;}
.pro-hot .btn #next { background-position:-214px -29px;left:30px; top:320px;}



.pro-hot li:hover a{ background:#D22630;}
.pro-hot li:hover strong{color:#fff;}
.pro-hot li:hover .content{color:#C2CCDA;}
.pro-hot li:hover .more{color:#d91b04; background:#fff;}
.pro-hot li:hover .more i{background-position:-143px -41px;}
.pro-hot .btn a:hover{ background-color:#d91b04;}
.sub-prolist .pro-hot li{margin-bottom:35px;}
























.pro-hot1{position:relative; width:870px;}
.pro-hot1 li{float:left;margin-right:20px;width:270px; margin-bottom:40px;}



.pro-hot1 li a{display:block;padding:10px; background:#e3e3e3;}

.pro-hot1 li img{width:250px;height:188px;}
.pro-hot1 li div{text-align:center;width:270px;}
.pro-hot1 li strong{color:#1e1816;font-size:18px;padding:10px 0 15px;display:block;    height:20px;overflow: hidden;}


.pro-hot1 li .content{color:#555;padding:0 20px; line-height:20px;overflow:hidden;text-overflow:ellipsis;  display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;font-size:14px;}
.pro-hot1 li .more{ background:#37383a;color:#fff; font-weight:bold;width:150px;height:30px; line-height:30px; text-transform:uppercase;margin:20px auto 10px;}
.pro-hot1 li .more i{ background-position:-124px -41px;width:19px;height:19px;vertical-align:middle;margin-left:10px;}
.pro-hot1 .btn a{position:absolute; background:url(img/icons.png) no-repeat #37383a;width:43px;height:43px;display:inline-block;top:40%}



.pro-hot1 .btn #prev { background-position:-241px -29px; right:903px;top:320px;}
.pro-hot1 .btn #next { background-position:-214px -29px;left:30px; top:320px;}



.pro-hot1 li:hover a{ background:#D22630;}
.pro-hot1 li:hover strong{color:#fff;}
.pro-hot1 li:hover .content{color:#C2CCDA;}
.pro-hot1 li:hover .more{color:#d91b04; background:#fff;}
.pro-hot1 li:hover .more i{background-position:-143px -41px;}
.pro-hot1 .btn a:hover{ background-color:#d91b04;}
.sub-prolist1 .pro-hot1 li{margin-bottom:35px;}







/*box2*/

.box2{ background:url(img/box2_bg.jpg) no-repeat;height:706px;}
.box2-about li{float:left;width:290px;margin-top:40px;margin-right:65px;}
.box2-about a{display:block;}
.box2-about li strong{font-size:18px;color:#fff;margin-bottom:15px;display:block;}
.box2-about li strong i{width:42px;height:42px;border:1px solid #fff;margin-right:20px; vertical-align:middle}
.box2-about li strong i.box2-i01{ background-position: -218px 11px;}
.box2-about li strong i.box2-i02{ background-position: -252px 11px;}
.box2-about li strong i.box2-i03{ background-position:-286px 11px;}
.box2-about .content{color:#b4b4b4; line-height:26px; font-size:15px;}
.box2-about .more{ text-transform:uppercase;color:#fff;margin-top:20px;}
.box2-about li:hover strong i{background-color:#d91b04;border:1px solid #d91b04;}

/*box3*/
.box3{background:#fff;padding-bottom:60px;}
.box3 li{float:left;width:240px;height:320px; position:relative;margin-right:11px;}
.box3 li img{width:240px;height:320px;}
.overlay{ position:absolute;top:0;left:0;width:100%;height:100%; background:#d91b04;opacity:0;filter:alpha(Opacity=0);}
.overlay{color:#fff;}
.overlay dl{padding:43px 15px 20px 20px;}
.overlay dt{font-family: 'alternategothic2_btregular';font-size:50px;border-bottom:5px solid #fff;display:inline-block;color:#fff;padding-bottom:9px;}
.overlay .content{overflow:hidden;text-overflow:ellipsis;  display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:3; line-height:26px;color:#fff;margin:30px 0;}
.overlay .more{ text-transform:uppercase;}
.overlay .more i{ background-position:-30px -51px;width:6px;height:9px; margin-left:9px;vertical-align:middle}
.overlay dt,.overlay dd{-webkit-transform: translate3d(0,30px,0);transform: translate3d(0,30px,0);}
.box3 li:hover .overlay dt,.box3 li:hover .overlay dd{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.box3 li:hover .overlay{opacity:.9;filter:alpha(opacity=90);}
/*box4*/
.box4{padding-bottom:50px;}
.box4 .news li{width:485px;}
.box4 .news li .cell{width: 240px;float: left;overflow: hidden;}
.news li{ background:#fff;float:left;margin-right:29px;}
.news li a{padding:5px;display:block;clear:both; overflow:hidden;}
.news li p{float:left; position:relative;height:150px;}
.news li p span{ position:absolute;width:88px;height:26px; text-align:center;color:#fff; line-height:26px; background:#37383a;left:0;bottom:0;}
.news li img{width:200px;height:150px;}
.news dl{padding:0 13px 0 21px;}
.news dl dt{color:#212121;margin:20px 0 10px;text-overflow: ellipsis;overflow: hidden;white-space:nowrap; font-size:16px; font-weight:bold;}
.news dl dd{color:#b6b6b6;}
.news dl dd i{width:21px;height:12px;background-position:-56px -48px;  margin: 0 10px -1px 0;}
.news dl dd.content{color:#656565; line-height:20px;margin-top:12px;overflow:hidden;text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:3; font-size:13px;}
.news li:hover p span{background:#d91b04;}


/*box5*/
.box5{ background:#d91b04;height:90px; line-height:88px;}
#cpzsm01 span{font-size:16px; background:#1f2021;width:33px;height:33px; line-height:30px; text-align:center;margin-right:20px;display:inline-block}
#cpzsm01 li a{font-size:20px;color:#fff; display:block;width:830px;line-height:88px; }
.box5 .r a{ display:inline-block;font-size:16px;background:#1f2021;width:160px;height:40px;color:#fff; text-transform:uppercase; text-align:center; line-height:40px;}
.box5 .r a:hover{ background:#fff;color:#d91b04}
#cpzsm01 li a:hover{ text-decoration:underline;}
/*footer*/

.footer{ background:#75787B; position:relative; width:1100px; margin:0 auto; padding:0;}
.f-contact{border-bottom:1px solid #3b3d3e;}
.f-contact li{width:298px;height:88px;border:1px solid #3b3d3e;float:left; position:relative;margin:60px 49px 53px 0;}
.f-contact li i{ background-color:#d91b04;width:50px;height:50px; position:absolute;left:20px;bottom:-25px;}
.f-contact li i.f-icon01{ background-position:-319px 14px;}
.f-contact li i.f-icon02{ background-position:-357px 14px;}
.f-contact li i.f-icon03{ background-position:-396px 14px;}
.f-contact li p{padding:15px 10px 15px 85px;}
.f-contact li p,.f-contact li p a{font-size:16px;color:#777;}
.f-contact li p span{display:block;color:#fff;font-size:19px;padding-bottom:7px;}

.f-bottom dt a{font-size:20px;color:#fff;margin:18px 0 20px;display:block; text-transform:uppercase;}
.f-bottom .l{width:70%}
.f-bottom .l dd i{width:5px;height:7px; background-position:-98px -53px;margin-right:15px;}
.f-bottom .l dd a{color:#8b8b8b;font-size: 14px; line-height:20px;margin: 9px 0 13px;display:inline-block;width: 33%;height: 35px;float: left;overflow: hidden;}

.f-bottom .l dd a:nth-child(1){width:27%;}
.f-bottom .l dd a:nth-child(2){width:28%;}
.f-bottom .l dd a:nth-child(3){width:38%;}
.f-bottom .r dd{color:#777;}
.f-bottom .r i{width:36px;height:36px;background-color:#fff;margin-right:23px;margin-bottom:15px;}
.f-bottom .r .f-share01{ background-position: -438px 8px;}
.f-bottom .r .f-share02{ background-position: -468px 8px;}
.f-bottom .r .f-share03{ background-position: -493px 8px;}
.f-bottom .r .f-share04{ background-position: -521px 8px;}
.f-bottom .r a:hover i{background-color:#d91b04;}
.f-bottom .r a:hover .f-share01{ background-position: -438px -21px;}
.f-bottom .r a:hover .f-share02{ background-position: -468px -21px;}
.f-bottom .r a:hover .f-share03{ background-position: -493px -21px;}
.f-bottom .r a:hover .f-share04{ background-position: -521px -21px;}
{-webkit-transform:translateY(-8px); -moz-transform:translateY(-8px); -ms-transform:translateY(-8px); -o-transform:translateY(-8px);transform:translateY(-8px);}
.copyright{ background:#D22630;margin-top:50px;height:58px;line-height:58px;}
.copyright b,.copyright b a,.copyright span{color:#781e23;}
.f-bottom .l dd a:hover{color:#d91b04;}
.f-contact li p a:hover{ text-decoration:underline;}

.sub-banner{min-width:1000px;width:100%;z-index:6}
.sub-banner img{ position:relative;left:50%;margin-left:-960px;display:block;}
.breadcrumbs{ position:relative; z-index:9}
.breadcrumbs .wrapper{ background:#fff;height:35px;line-height:35px;margin-bottom:28px;margin-top:-19px;}
.breadcrumbs i{ background-position:-283px -34px; background-color:#d91b04;width:45px;height:35px;float:left;margin-right:15px;}
.breadcrumbs p,.breadcrumbs a{color:#25282f}
.breadcrumbs a:hover,.breadcrumbs .position{color:#d91b04;}



.sub-main{padding-bottom:60px;position:relative}
.sub-left{width:250px; position:relative;z-index:9;}
.sub-right{width:720px;position:relative;z-index:8;}


.l-box-t a{ display:block;background:#d91b04;height:50px; line-height:50px;font-size:16px; text-transform:uppercase; text-align: center;color:#fff; font-weight:bold;}
.l-nav{padding:10px 0 30px; background:#fff;}
.l-nav li{position:relative;}
.l-nav li a{color:#37383a;display:block;padding:13px 0 15px;margin:0 12px;border-bottom:1px dashed #bcbcbc;}
.l-nav li i{width:15px;height:15px; background-color:#c9c9c9;background-position:-106px -49px;margin: 0 10px -3px 0;}
.l-nav dl{width:220px;position:absolute;display:none; background:#fff;top:-10px;left:250px;padding:10px 10px 20px;z-index:99;}
.l-nav dl a{display:block;border-bottom:1px dashed #bfbfbf;}
.l-nav li:hover> a,.l-nav dl dd:hover a{ color:#d91b04;}
.l-nav li:hover i{ background-color:#d91b04;}
.l-nav li:hover dl{display:block;}
.pro-hot{ position:relative;}
.fix{width:180px;position:absolute;float:left;margin-top:40px;z-index:99}
*html .fix{display:none;}
.fix .l-box-t a{ background:#37383a;height:40px; line-height:40px;font-size:12px;}
.fix li i{float:left;margin:2px 10px 0 0;}
.fix li a{padding:10px 0 12px}
.fix li p{ overflow:hidden; line-height:20px;}

.l-slide{background:#fff;margin:23px 0 25px;position:relative;}
.l-slide li{padding:5px;}
.l-slide li .l-img{width:240px;height:165px;display:block;}
.l-slide li p{text-align:center;color:#37383a;margin:17px 0 12px; font-weight:bold;}
.l-slide .hot{ position:absolute;top:-3px;left:10px;}
.l-btn{text-align:center;}
.l-btn li{width:50px;height:6px; background:#d91b04;cursor:pointer;float:left;padding:0;}
.l-btn li.now{ background:#37383a;}
.l-slide li:hover p{color:#d91b04;}

.l-box3{ position:relative;}
.l-box3 img{width:250px;height:105px;display:block;}
.l-box3 a{width:118px;height:28px; line-height:28px;color:#fff; text-align:center;display:block; position:absolute;bottom:0;right:0; background:#d91b04;}
.l-box3 i{width:16px;height:16px; margin: 0 0 -4px 9px;background-position:-92px -48px; background-color:#fff;}


/*product*/
.sub-pro .pro-hot{padding:50px 0 30px;}
.sub-pro .pro-hot:first-child{margin-top:-20px;}
.sub-pro .pro-hot li{margin-right:13px;}
.sub-pro .pro-hot li img{width:220px;height:165px;}
.sub-pro .pro-hot li div{text-align:left;width:220px;}
.sub-pro .pro-hot li .content{padding:0;}
.sub-pro .pro-hot li .more{text-align:center;}


.sub-pro ul{margin:36px 0 30px;}
.sub-pro-t{border-bottom:1px solid #000;text-align:center;height:16px;}
.sub-pro-t a{font-size:22px; font-weight:bold;display:inline-block; text-transform:uppercase; background:#e8e8e8;color:#37383a;}
.sub-pro-t a:before,.sub-pro-t a:after{ content:"";display:inline-block;width:30px;height:5px; background:#37383a; vertical-align:middle;}
.sub-pro-t a:before{margin-right:20px;}
.sub-pro-t a:after{margin-left:20px;}
.sub-pro-more a{width:160px;height:40px; display:block;margin:0 auto; line-height:40px; text-align:center; font-weight:bold; text-transform:uppercase;border:1px solid #d91b04;color:#d91b04;}
.sub-pro .white{ background:#fff;}
.sub-pro .white .sub-pro-t a{background:#fff;}
.sub-prolist .pro-hot li{margin-bottom:35px;}
.sub-pro-more a:hover{background:#d91b04;color:#fff;}




/*prodetail*/
.detail-top{ background:#fff;margin-bottom:30px;padding:15px;}
.preview{float:left;position:relative}
.jqzoom{ position:relative;}
.jqzoom img{width:512px;height:387px;border:1px solid #d2d2d2;}
#spec-list ul li{float:left;margin-left:10px;margin-top:15px;}
#spec-list ul li img{width:80px; height:60px; cursor:pointer;padding:4px;border:1px solid #d2d2d2;}
#spec-list ul li img:hover{border:1px solid #d91b04}
.zoomdiv{z-index:100;position:absolute;left:514px !important;top:0 !important;display:none;text-align:center;overflow:hidden;}
.bigimg{width:900px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;width:50px;height:50px;border:1px solid #aaa;background:#fede4f 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}

.sub-prodetail .right{padding-left:18px;}
.sub-prodetail .right dt h1{color:#302e2f;font-size:25px;font-weight:bold;border-bottom:1px dashed #7b7b7b;padding-bottom:26px;padding-top:20px;}
.sub-prodetail .right dd{color:#6c6c6c; line-height:28px;border-bottom:1px dashed #7b7b7b;padding-bottom:22px;}
.sub-prodetail .right dd span{display:block;color:#302e2f; font-weight:bold;padding:13px 0 7px;}
.sub-prodetail .right .help{color:#6c6c6c;}
.sub-prodetail .right .help span{color:#d5140d;padding:26px 0;display:inline-block;}
.sub-prodetail .right a.send,.sub-prodetail .right a.get{width:155px;height:32px;background-color:#d5140d;display:inline-block;color:#fff; text-transform:uppercase; line-height:32px; text-align:center;margin-bottom:25px;}
.sub-prodetail .right a.get{ background-color:#f38624;margin-left:20px;}
.sub-prodetail .right p i{width:19px;height:17px;margin-right:10px; vertical-align:middle;}
.sub-prodetail .right a.send i{ background-position: -616px -17px;}
.sub-prodetail .right a.get i{ background-position: -413px -42px;}
.pro-share span{color:#302e2f;float:left;margin-top:2px;}
.pro-share div{display:inline-block;margin-left:10px;}

.detail-bot{ background:#fff;padding:20px 15px 90px;}
.main .tab_menu{ background:#d91b04;margin-bottom:30px;}
.main .tab_menu li{cursor:pointer;border-right:2px solid #fff;height:36px;line-height:36px;float:left;color:#fff;width:150px; text-align:center;font-size:15px;}
.main .tab_menu li.current:after{ content:"";width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent; border-top: 7px solid #8a0c07; display: block; margin: 0 auto;}
.tab_box .hide{display:none;}
.tab_box .infor{padding:0 15px;}
.tab_box .infor p{color:#37383a; line-height:30px;margin-bottom:40px;}
.tab_box .infor p span{display:block;font-size:14px; font-weight:bold;}

.pro-form .pro-form-t{height:32px; background:#302e2f;color:#fff;}
.pro-form .pro-form-t span{ background:#d91b04;width:95px; font-size:14px; line-height:32px;margin-right:15px;display:inline-block; text-align:center; font-weight:bold;}
.pro-form .form{padding:25px 15px 60px;}
.pro-form .form p{clear:both; overflow:hidden;*zoom:1;}
.pro-form .form p:last-child{text-align:center}
.pro-form .form span{width:47%;float:left;}
.pro-form .form span:first-child{margin-right:4%;}
.pro-form .form label{display:block;width:100%; text-align:left}
.pro-form .form input,.pro-form .form textarea{width:97%;}
.pro-form .form textarea{height:160px;}
.pro-form .form .send,.pro-form .form .reset{width:150px;height:32px;text-indent:30px; line-height:32px;border:none;color:#fff; background-color:#d91b04;margin-top:3px;cursor:pointer; text-transform:uppercase;margin-right:40px; cursor:pointer;}
.pro-form .form .reset{ background:url(img/icons.png) no-repeat -578px -35px #f38624;}
.pro-form .form .send{ background:url(img/icons.png) no-repeat -578px -9px #d91b04;}
.related-pro p{height:30px; background:#302e2f;margin-bottom:35px;}
.related-pro p span{width:170px; background:#d91b04; font-size:16px; font-weight:bold; text-align:center; line-height:30px;display:inline-block;color:#fff;}
.related-pro li{width:230px;float:left;margin-right:15px;}
.related-pro li img{width:220px;height:165px;padding:4px;border:1px solid #d2d2d2;}
.related-pro li span{display:block;color:#1f2021;padding:13px 0 0 10px;}
.related-pro li:hover span{color:#d91b04;}

/*about*/
.sub-about{ background:#fff;padding:39px 35px;}
.sub-about .about-t{font-size:16px;text-align:center; font-weight:bold;color:#212121;margin-bottom:19px; text-transform:uppercase;}
.sub-about .text{color:#505050; line-height:30px;margin-bottom:23px;}
.sub-about img{margin-bottom:45px;}
.sub-about .l,.sub-about .r{width:430px;}
.sub-about .l .about-t,.sub-about .r .about-t{font-size:14px; text-align:left;}


/*news*/
.sub-news .news li p{height:180px;}
.sub-news .news li{margin-bottom:20px;}
.sub-news .news li a{padding:7px;}
.sub-news .news li img{width:240px;height:180px;}
.sub-news .news dl dt{margin:22px 0 17px;}
.sub-news .news dd.content{ line-height:24px;}
.news li:hover dt{color:#d91b04;}


/*faq*/
.sub-faq li{background:#fff;padding:18px 18px 30px 12px;margin-bottom:20px;}
.sub-faq dt,.sub-faq dd{clear:both; overflow:hidden;}
.sub-faq dt{margin-bottom:15px;}
.sub-faq li p{ overflow:hidden;}
.sub-faq li span{width:26px;height:26px; background:#37383a;line-height:25px;text-align:center;color:#fff;float:left;margin-right:15px;}
.sub-faq dt span{ background:#d91b04;}
.sub-faq li dt p{color:#212121; font-weight:bold; line-height:25px;}
.sub-faq li dd p{color:#565656;line-height:25px;overflow:hidden;text-overflow:ellipsis;  display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:3;}
.sub-faq li:hover dt p{color:#d91b04;}

/*case*/
.sub-case li{ background:#fff;display:inline-block;width:320px;margin:0 15px 30px 0;letter-spacing: 0;vertical-align: top;}
*html .sub-case li{display:inline; zoom:1;}
.sub-case li img{width:320px;height:240px;display:block;}
.sub-case dl{padding:20px 12px 25px;}
.sub-case dl dt{font-weight:bold;border-bottom:1px solid #dcdcdc;color:#212121;padding-bottom:13px;margin-bottom:11px; line-height:16px;height: 32px;overflow: hidden;}
.sub-case dl dd{color:#505050;overflow:hidden;text-overflow:ellipsis;  display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:3; line-height:22px;}
.sub-case dl dd.more{ text-transform:uppercase;color:#4b4b4b;margin-top:15px; font-weight:bold;}
.sub-case dl dd.more span{width:20px;height:20px; text-align:center; line-height:19px;color:#fff; background:#d91b04;display:inline-block;margin-left:13px;}
.sub-case li:hover dl{background:#d91b04;}
.sub-case li:hover dt,.sub-case li:hover dl dd,.sub-case li:hover dl dd.more{color:#fff;}
.sub-case li:hover dd.more span{color:#d91b04; background:#fff;}


/*contact*/
.sub-contact{ background:#fff;padding:35px 14px 115px;}
.con-t{color:#37383a;font-size:14px; text-transform:uppercase; text-align:center; font-weight:bold;margin-bottom:20px;}
.sub-contact ul{border:1px solid #d2d2d2;padding:20px 50px 8px;}
.sub-contact li{color:#37383a;float:left;margin-bottom:12px;}
.sub-contact li span{ font-weight:bold;}
.sub-contact li i{width:26px;height:26px;border:1px solid #434343;margin-right:15px;vertical-align: middle;}
.sub-contact li i.con01{ background-position: -373px -39px;}
.sub-contact li i.con02{ background-position: -328px -39px;}
.sub-contact li i.con03{ background-position: -165px -41px;border:1px solid #d91b04;}
.sub-contact li i.con04{ background-position:-350px -40px;}
.sub-contact li i.con05{ background-position: -187px -39px;}
.sub-contact li a{color:#d91b04; text-decoration:underline;}
.sub-contact li:odd{width:40%;}
.sub-contact li:even{width:50%;}

.con-form-t{ line-height:30px;color:#37383a; background:#e0e0e0;font-size:12px;margin:32px 0 35px;}
.con-form-t i{width:45px;height:30px; background-position:-548px 4px;margin-right:14px; background-color:#d91b04;vertical-align: middle;}


.form p{margin-bottom:10px;}
.form label{width:20%;margin-right:15px;text-align:right;float:left; font-size:14px;color:#4d4d4d; line-height:30px;}
.form label b{color:#d91b04;padding-right:6px;}
.form textarea,.form input{border:1px solid #c2c2c2;height:28px;width:70%;text-indent:10px;color:#868686;font-family:'verdana';}
.form textarea{height:85px;padding-top:9px;color:#868686;font-family:'verdana';margin-bottom:27px;}
.form .submit{width:141px;height:31px; text-align:center; line-height:31px;border:none; text-indent:0;color:#fff; background:#d91b04;margin-top:20px;margin-left:22%; cursor:pointer;}

.prodetailnr{ line-height:22px; margin-bottom:30px;}
.prodetailnr table{border:none;border-top:1px solid #cccccc; border-left:1px solid #cccccc; text-align:center; text-shadow:none;}
.prodetailnr table tr{border:0px;}
.prodetailnr table td,.prodetailnr table th{border:none;border-bottom:1px solid #cccccc;border-right:1px solid #cccccc;padding:0;padding:10px 2px;}

.right_title{width:100%;height:30px;background:#FFFFFF;line-height:30px;text-indent:12px;color:#666666;font-size:14px;font-weight:bold;    margin-bottom: 20px;}

.sub_detail{ background:#fff;padding:20px 20px 50px;}
.sub_detail .tit{ line-height:26px;color:#333;font-weight:bold;font-size:16px; text-align: center;}
.sub_detail .tit span{font-size:12px;display:block;text-align: right;margin-bottom: 20px;}
.sub_detail .text{line-height:22px;color:#666;}
.fenxiang{color:#363636;line-height: 22px;margin-top:20px;}
.fenxiang a{color:#363636;}
.fenxiang span{color:#323232; font-size:16px;font-weight:bold;}
.fenxiang div{margin-bottom:10px;}
.fenxiang a:hover{ text-decoration:underline;}
@media (max-width:1360px){
	.fix{display:none;}
	}
	
	
.gsjj{
	width:1100px; margin:0 auto; padding-top:30px;
	border-top: 1px solid #CFCFCF;
	height:424px; background-color:#F9F9F9;
}	
	
.gsjj1{color: #d22630;
    font-family: "Trebuchet MS",Arial,"微軟正黑體",Helvetica;
    font-size: 3.25em;
    line-height: 145%;
    margin: 0 0 5px;
    padding: 0;
	margin-top:50px;
	
	}
	
.gsjj2{

color: #231815;
    font-size: 2.4em;
    font-weight: normal;
    line-height: 145%;
    margin: 0 0 15px;
    padding: 0;
    text-transform: none;

}	
	
.gsjj3{

 color: #75787b;
    font-family: Arial,"微軟正黑體";
    font-size: 1.3em;
    line-height: 28px;
    margin: 0 0 15px;
    padding: 0;

}	
		
.gsjj4 a{ color: #D22630;
    font-family: Arial,"微軟正黑體";
    font-size: 1.5em;
    line-height: 145%;
    margin: 0 0 15px;
    padding: 0;
}		
			
			
			
			
			
			
			
			
			
			
			
			
/*------================== aside ================= ------- */
aside {
  border-top: 1px solid #575a5d;
  position: relative;
  background: #75787b;
  padding-bottom: 30px;
  font-size: 0.9em;
  line-height: 145%;
}
aside h3 {
  font-size: 1.25em;
  line-height: 1.2em;
  text-transform: none;
  color: #ebebeb;
  padding: 43px 0 21px;
}
aside p {
  color: #ebebeb;
  line-height: 20px;
}

aside h5 {
  color: #efefef;  
  margin-bottom:5px;
}
aside h5 a {color:#efefef;}
aside h5 a:hover {color:#231815;}
aside a.link {color:#c6ccd1;}
aside a.link:hover {color:#231815; text-decoration:none;}

.extra-aside {padding: 37px 0 29px 0;}
.form-newsletter p {font-size: 13px;}
.extra-aside .form-newsletter.extra span {
  font-size: 20px;
  font-family: 'Open Sans', Arial, '微軟正黑體', sans-serif;
  line-height: 42px;
  color: #f9f9f9;
}
.extra-aside .form-newsletter.extra [id^="newsletter"] input {width: 574px;}

/*------================== top-row-landing ================= ------- */
.top-row-landing {
  background-color: #232323;
  background-image: -moz-linear-gradient(top, #231815, #303030);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#231815), to(#303030));
  background-image: -webkit-linear-gradient(top, #231815, #303030);
  background-image: -o-linear-gradient(top, #231815, #303030);
  background-image: linear-gradient(to bottom, #231815, #303030);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1b1b1b', endColorstr='#ff303030', GradientType=0);
  padding: 39px 0 0;
}
.top-row-landing h2 {
  color: #fff;
  font-family: 'Open Sans', Arial, '微軟正黑體', sans-serif;
  font-weight: bold;
  font-size: 36px;
  line-height: 1em;
  text-transform: none;
  margin: 31px 0 20px;
}
.top-row-landing p {
  color: #fff;
  margin-bottom: 54px;
 }
.row-landing1 {padding-bottom: 0;}
.row-landing2 {padding: 30px 0 30px;}
.row-landing2 h3 {padding: 17px 0 19px;}
.row-landing4 {padding-bottom: 30px;}

/*------================== list-landing ================= ------- */
.list-landing {margin-bottom: 12px;}
.list-landing li {
  margin-top: 10px;
  margin-bottom: 12px;
}
.list-landing .dropcap {
  float: left;
  width: 55px;
}
.list-landing .dropcap i {
  font-size: 40px;
  line-height: 1em;
  color: #d22630;
}
.list-landing .dropcap i.fa-list-ul {font-size: 35px;}
.list-landing .dropcap i.fa-wrench {font-size: 38px;}
.list-landing .dropcap i.fa-font {font-size: 36px;}
.list-landing h4 {padding: 0 0 13px;}
.list-landing p {
  font-size: 14px;
  line-height: 21px;
}

/*------================== FOOTER ================= ------- */
.address-1 span {
  display: block;
  padding-left: 23px;
  position: relative;
  font-size: 1m;
  color: #ebebeb;
  line-height: 145%;
  padding-bottom: 10px;
}
.address-1 span a {color:#ebebeb;}
.address-1 span a:hover {color:#231815;}
.address-1 span.mail-info {
  padding-bottom: 12px;
  word-wrap:break-word;
}
.address-1 i {
  color: #ebebeb;
  font-size: 12px;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 20px;
}
.link-1 {color: #ebebeb;}
.list-footer {
  display: block;
  *zoom: 1;
  margin: 0;
}
.list-footer:before,
.list-footer:after {
  display: table;
  content: "";
  line-height: 0;
}
.list-footer:after {clear: both;}
.list-footer li {
  display: block;
  margin: 0 0 5px 0;
  line-height: 20px;
  padding: 0 0 5px 0;
  color: #ebebeb;
  border-bottom:1px dotted #c6ccd1;
  list-style:none;
  background: url(img/icon_arrow.png) 0 5px no-repeat;
  width:120px;
  }
.list-footer li a {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-size: 1em;
  color: #ebebeb;
  padding-left: 15px;
  position: relative;
}
.list-footer li a:hover {color: #231815;}
.list-footer li a:before {
  font-size: 5px;
  /*content: "";*/
  font-family: FontAwesome;
  line-height: 16px;
  position: absolute;
  top: 0;
  left: 0;
  color: #ebebeb;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.list-footer li a:hover:before {color: #ebebeb;}
.list-footer li a:hover {padding-left: 12px;}




.fff1{ background: url(1.jpg) 0 5px no-repeat;
	width:200px;
	height:50px; line-height:24px;
	color: #FFFFFF; padding-left:25px; font-size:14px;}
	
.fff2{ background: url(2.jpg) 0 5px no-repeat;
	width:200px;
	height:70px; line-height:24px;
	color: #FFFFFF; padding-left:25px;font-size:14px;}
	
	
.fff3{ background: url(3.jpg) 0 5px no-repeat;
	width:200px;
	height:70px; line-height:24px;
	color: #FFFFFF; padding-left:25px;font-size:14px;}
	
.fwww a{ color:#333333;}





#topnavbar{width:100%;position:fixed;_position:absolute;top:0;left:0;z-index:999;display:none;_top:expression(this.scrollTop=document.documentElement.scrollTop); height:200px;background-color:#E8E8E8;}

#topnanv{height:35px;line-height:35px;font-size:14px;margin:0 auto;}
#anvlfteb{float:left;height:35px;position:relative;padding:0 1px;}




.breadcrumb_front {
    background: rgba(0, 0, 0, 0) url("img/bg_page-top.png") no-repeat scroll center top;
    height: 100px;
    padding: 0;
    text-align: left;
}


.breadcrumb_front h2 {
    color: #999999;
    font-family: "Trebuchet MS",Arial,"微軟正黑體",Helvetica;
    font-size: 2.35em;
    font-weight: normal;
    line-height: 120%;
    margin: 0 25px;
    padding: 25px 0 0;
    text-transform: capitalize;
}

.breadcrumb_front h6 {
    color: #bfbfbf;
    font-size: 0.7em;
    font-weight: normal;
    line-height: 130%;
    margin: 4px 25px;
    padding: 0;
}



.wgywmz{
width:270px;
 border-right: 2px solid #f0f0f0;

}

.wxianxian{
width:250px;
 border-bottom: 2px solid #f0f0f0;
 margin:50px 0 30px 0;

}
.wgywm1{
 border-bottom: 2px solid #f0f0f0;
    margin-bottom: 24px;
    padding: 7px 0 17px;
	
	width:250px;
	
	font-size: 1.60em;
    font-weight: 600;
    padding: 24px 0 12px;
    text-transform: uppercase;
	
	
	}

#accordion li {
  font: .95em/145% Arial, '微軟正黑體', Helvetica, sans-serif;
  float: none;
  position: relative;
  padding: 10px 0 10px 0px;
  height: auto;
  background: none;
  text-transform: none;
  border-bottom: 1px solid #f0f0f0;
  width:230px;
}
#accordion li {
  font-weight: 400;
  font-size: 1.30em; padding-left:20px;
}
#accordion li a {
  color: #75787b;
  text-decoration: none;
  padding: 0;
  display: inline-block;
  background: none;
  -webkit-transition: margin-left 0.5s linear, color 0.5s linear;
  -moz-transition: margin-left 0.5s linear, color 0.5s linear;
  -o-transition: margin-left 0.5s linear, color 0.5s linear;
  -ms-transition: margin-left 0.5s linear, color 0.5s linear;
  transition: margin-left 0.5s linear, color 0.5s linear;
}

#accordion li a:hover {
  color: #D22630;
  text-decoration: none;
  padding: 0;
  display: inline-block;
  background: none;
  -webkit-transition: margin-left 0.5s linear, color 0.5s linear;
  -moz-transition: margin-left 0.5s linear, color 0.5s linear;
  -o-transition: margin-left 0.5s linear, color 0.5s linear;
  -ms-transition: margin-left 0.5s linear, color 0.5s linear;
  transition: margin-left 0.5s linear, color 0.5s linear;
}


#accordion .current {
font-weight:bold;
  color: #D22630;
  text-decoration: none;
  padding: 0;
  display: inline-block;
  background: none;
  -webkit-transition: margin-left 0.5s linear, color 0.5s linear;
  -moz-transition: margin-left 0.5s linear, color 0.5s linear;
  -o-transition: margin-left 0.5s linear, color 0.5s linear;
  -ms-transition: margin-left 0.5s linear, color 0.5s linear;
  transition: margin-left 0.5s linear, color 0.5s linear;
}





.ncpimg{ text-align:center; margin-top:20px;}

.ncpimg img{ border: 1px solid #e1e1e1;
    border-radius: 8px;
    margin: 0 auto;
    padding: 0;
	width:250px; height:160px;}
	
	
.block-widget {
  background: none repeat scroll 0 0 #f9f9f9;
  overflow: hidden;
  padding: 0 20px 13px 0;
  margin-bottom: 10px;
  position: relative;
  z-index: 1;
  top:-20px;
}
.block-widget h4 {
 color: #231815;
    display: block;
    font-size: 1.6em;
    font-weight: bold;
    line-height: 145%;
    padding: 11px 0 15px;
	
}
.block-widget p {
font-size: 14px;
    line-height: 21px; color:#75787B;
	
}


.btn-small{ margin:20px 0 10px 0;}

.block-widget a {
display:block;
width:90px;
height:40px;
line-height:40px;
  background-color: #d22630;
  background-image: -moz-linear-gradient(top, #d22630, #ba1a23);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d22630), to(#ba1a23));
  background-image: -webkit-linear-gradient(top, #d22630, #ba1a23);
  background-image: -o-linear-gradient(top, #d22630, #ba1a23);
  background-image: linear-gradient(to bottom, #d22630, #ba1a23);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd22630', endColorstr='#ffba1a23', GradientType=0);
  border-top: 1px solid #f1f1f1 !important;
  border-bottom: none !important;

text-align:center;
color:#FFFFFF;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
font-size:14px;}

.block-widget a:hover {
  color: #ffffff;
  background-color: #75787b;
  background-image: -moz-linear-gradient(top, #75787b, #65686b);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#75787b), to(#65686b));
  background-image: -webkit-linear-gradient(top, #75787b, #65686b);
  background-image: -o-linear-gradient(top, #75787b, #65686b);
  background-image: linear-gradient(to bottom, #75787b, #65686b);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff75787b', endColorstr='#ff65686b', GradientType=0);
}



.ngsjjx{width:270px;
 border-right: 2px solid #f0f0f0;
 height:310px;
}

.ngsjj1{ color: #a1a1a1;
    font-size: 1.2em;
    line-height: 145%;
    margin: 0 0 8px;
    padding: 0; width:240px; padding-left:20px;}


.ngsjj2{ font-size: 13px;
    line-height: 21px;color: #a1a1a1;width:240px; padding-left:20px;}

.gsjjneir{ padding:0 20px 0 20px;}

.gsjjtou{ color: #231815;
    display: block;
    font-size: 1.7em;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 140%;
    margin: 0;
    padding: 12px 0 24px;
    text-transform: uppercase;}	
	
.gsjjrr{
	color: #75787b;
	font-size: 1.3em;
    line-height: 28px;
}	
	
.gsjjrr p{    margin-bottom: 18px;
}	
	
	
	
	




/*分页样式*/
.page_info{text-align:center;margin-top:50px;color:#333;font-family: "微软雅黑";}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:14px;margin-top:20px;}
.page_list a{display:inline-block;color:#898989;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 1px;}
.page_list a:hover{color:#fff;border:1px solid #898989;background:#898989;}
.page_list a.on{color:#333;border:1px solid #ccc;background:#E5EDF2;}


/*内容分页*/
.contPage{height:20px;line-height:20px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:10px;margin-top:20px;}
.contPage a{display:inline-block;color:#898989;background:#fff;text-align:center;padding:0 7px;margin:0 1px;}
.contPage a:hover{color:#fff;background:#898989;}
.contPage a.on{color:#333;background:#E5EDF2;border:1px solid #C2D5E3;}




/*列表内容页*/
.listConts{line-height:26px;color:#666;}
.listConts .title{font-size:24px;text-align:center;line-height:40px;color:#000; font-family: "微软雅黑"; padding-top:30px;}
.listConts .info{width:380px;height:27px;line-height:28px;text-align:center;margin:15px auto;border:1px solid #ccc;border-left:none;border-right:none;color:#666;}
.listConts .info small{margin-left:8px;margin-right:3px;color:#999;font-size:12px;}
.listConts .info .small,.info .big{font-family:Georgia;font-weight:bold;cursor:pointer;}
.listConts .info .small{font-size:10px;padding-right:3px;}
.listConts .info .big{color:#003ba6;padding-left:3px;}
.listConts .desc{margin:20px 0 15px;padding:5px 10px;line-height:20px;border:1px solid #f4e4b4;background:#fffff0;}
.listConts .showimg{margin:20px 0;text-align:center;}
.listConts .showimg a img{border:1px solid #ccc;padding:1px;}
.listConts .showimg a:hover img{border:1px solid #F90;padding:1px;}
.listConts .conttitle{font-weight:bold;padding-bottom:7px;margin-bottom:7px;color:#2f2f2f;line-height:24px;border-bottom:1px solid #ddd;font-size:14px; margin-top:20px;}
.listConts .author{text-align:right;color:#999;}




/*详细页功能区*/
.preNext{position:relative;}
.preNext .line{height:10px;overflow:hidden;clear:both;background:url(box_dotline.gif) left 15px repeat-x;margin:4px auto;padding-top:10px;}
.preNext .line strong{display:block;width:8px;height:10px;overflow:hidden;font-size:0px;line-height:100px;background:url(box_dotline.gif) right -10px no-repeat;float:left;}
.preNext .text{color:#999;}
.preNext .text a{color:#000;}
.preNext .text a:hover{color:#009933;
	text-decoration: underline;}

.preNext .actBox{position:absolute;top:25px;right:0;}
.preNext .actBox li{display:inline;padding-left:22px;background-image:url(actbox-ico.gif);background-repeat:no-repeat;margin-left:10px;}
.preNext .actBox li a{color:#666;}
.preNext .actBox li#act-fav{background-position:4px 0px;}
.preNext .actBox li#act-err{background-position:4px -37px;}
.preNext .actBox li#act-pus{background-position:4px -73px;}
.preNext .actBox li#act-pnt{background-position:4px -109px;}







/*评论样式*/
.commnet{margin:20px 0 30px;padding:8px 0 0 8px;background:url(commnet_bg.png) repeat-x;border:1px solid #ccc;border-radius:3px;}
.commnet textarea{width:100%;height:59px;border:none;background:transparent;outline:none;font-size:14px;color:#999;overflow:auto;}
.commnet .toolbar{padding-top:8px;_padding-top:5px;*padding-top:5px!important;height:30px;line-height:30px;overflow:hidden;}
.commnet .options{float:left;}
.commnet .button,
.commnet .button_on{float:right;width:100px;height:30px;border:none;border-left:1px solid #ccc;font-size:14px;font-weight:bold;cursor:pointer;}
.commnet .button{background:url(commnet_btn_bg.png) repeat-x;}
.commnet .button_on{background:url(commnet_btnon_bg.png) repeat-x;}
.commlist{margin-top:20px;}
.commlist li{border-bottom:1px solid #eaeaea;word-wrap:break-word;}
.commlist li p{line-height:20px;color:#999；}
.commlist li span.uname{color:#D32;font-family:Verdana;font-weight:bold;}
.commlist li span.time{color:#bbb;}
.commnum span{display:inline-block;width:70px;margin-top:20px;line-height:24px;border:1px solid #ccc;background:#f5f5f5;border-radius:3px;text-align:center;}
.commnum span i{color:#900;font-family:Verdana;font-weight:bold;}






/*大图样式*/
.picarr{position:relative;margin:0 auto; padding:0;}
.picarr .picture{width:100%;text-align:center;}
.picarr .picture img{width:600px; height:auto;}

.picarr .picture a{display:none;}
.picarr .preview{width:100%; height:70px;margin-top:20px;padding:5px;background:#eef3fa;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px; text-align:center;}


.picarr .preview li{display:inline-block;margin:4px;}
.picarr .preview li a{width:100px;height:58px;border:1px solid #fff;background:#fff;display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:35px;*font-family:Arial;}
.picarr .preview li a img{vertical-align:middle; width:100px; height:58px;}
.picarr .preview li.current a{border:1px solid #000;}



.newsyang1{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E9E9E9;
}
.catname{font-size:24px;font-weight:bold;float:left;font-family:"微软雅黑";color:#333;}
.fryang{color:#666;}
.fryang a{color:#666;}
.fryang a:hover{
	color:#009933;
	text-decoration: underline;
}







#textarea{
	font-size: 14px;
    line-height: 33px;
    width: 100%;}



/*留言栏目*/
.subCont{line-height:36px;color:#666; padding-left:10%;}

.msgtitle{display:block;padding-bottom:5px;font-size:14px;font-weight:bold;}
.message_block{color:#666;}
.message_block p{padding:12px;}
.msg_input{width:400px;border:1px solid #e0e0e0;padding:8px 9px;background:#fff;font-size:13px;color:#888;-webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);border-radius:2px;}
.msg_input_on{width:400px;border:1px solid #8cd1ff;background:#f1f9ff;padding:8px 9px;-webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);border-radius:2px;font-size:13px;color:#888;}
.message_labes{font-size:14px;}
.message_title{height:34px;line-height:34px;background:#f6f9fb;padding:0 12px;}
.message_title h2{color:#376b88;font-size:14px;float:left;}
.message_title span{float:right;font-weight:bold;color:#999;}
.message_info{color:#8ea6b6;text-align:right;}
.message_replay{background:#f5f5f5;padding:0 12px;}
.msg_btn_area{margin:16px 0;text-align:center;}
.msg_btn_area a{display:inline-block;padding:5px 15px;background:#09F;color:#fff;text-align:center;font-size:14px;overflow:hidden;cursor:pointer;font-weight:bold;}
.msg_btn_area a:hover{text-decoration:none;background:#F60}
.msgflag{margin-left:4px;font-size:12px;color:#900;}



.liuyanzifangkuang{background: none repeat scroll 0 0 #f9f9f9;
    border: 1px solid #e6e6e6;
    color: #777777;
    line-height: 190%;
    margin-top: 25px;
	margin-bottom:25px;
	font-size:14px;
    padding: 10px;
}


.liuyanxin{ width:700px; margin:0 auto;}

.hr_10 {
    height: 10px;
}







.news_list li {
    background: url("../images/dot_line.gif") repeat-x scroll 0 30px rgba(0, 0, 0, 0);
    line-height: 30px;
    padding-top: 1px;
}
.news_list li a:hover {
    color: #999;
    text-decoration: none;
}
.news_list span {
    color: #5868bf;
    float: right;
    font-family: Arial;
}
.news_list strong {
    color: #fc0000;
    font-size: 8px;
    padding-right: 5px;
}
.news_list2 li {
    border-bottom: 1px solid #eff2f4;
    color: #a0a0a0;
    height: 50px;
    line-height: 25px;
    padding: 6px 0 5px;
}
.news_list2 li span.title a {
    color: #0f5fbb;
    float: left;
    font-weight: bold;
}
.news_list2 li span.title a:hover {
    color: #000;
    text-decoration: none;
}
.news_list2 li span.time {
    float: left;
}
.news_list2 li span.hits {
    float: right;
}
.news_list2 li span.class {
    margin-left: 12px;
}
.news_list2 li span.class a {
    color: #a0a0a0;
    text-decoration: underline;
}











.product_list li {
    float: left;
    margin-bottom: 50px;
    width: 33.3%;
}
.product_list li a.img {
    border: 1px solid #ccc;
    display: table-cell;
    height: 150px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    width: 220px;
}
.product_list li a.img img {
    vertical-align: middle;
}
.product_list li a.img:hover {
    border: 1px solid #f90;
}
.product_list li p.info {
    line-height: 30px;
    width: 251px;
	text-align:center;
	margin-top:10px;
}
.product_list li p.info span {
    color: #d94f44;
    float: right;
    font-family: Verdana;
}
.product_list li p.info a {
    color: #555;
    float: left;
}






.detailtable{ margin-top:20px;font-family: "微软雅黑";}







/*
 * 新闻中心
 */
.news_con1{border-bottom: #dbdbdb solid 1px; height: 360px; padding: 27px 0 0 36px;}
.news_con1 .son{width: 320px; float: left; margin-right: 40px;}
.news_con1 .son .pic{height: 205px; width: 320px;}
.news_con1 .son .text{height: 26px; display: block; font: bold 14px/26px "微软雅黑"; margin: 17px 3px 0; color: #1d221f;}
.news_con1 .son .text2{height: 50px; font: 400 12px/22px "微软雅黑"; color: #666666; padding: 0 3px; text-align: justify; text-justify: inter-ideograph;}
.news_con1 .son .tim{font: 400 12px/24px "微软雅黑"; color: #999; padding: 0 3px;}



.news_con2{padding-bottom: 20px;}
.news_con2 dl{height: 30px; padding: 29px 0 0 0; border-bottom: #dbdbdb dashed 1px;}
.news_con2 dl dt{height: 30px; position: relative;}
.news_con2 dl dt a{font: 400 14px/26px "微软雅黑"; color: #191c21; float: left; padding-left: 24px;}
.news_con2 dl dt .tim{float: right; color: #999;font: 400 12px/26px "微软雅黑"; }
.news_con2 dl dd{font:400 12px/24px "微软雅黑"; color: #666666; padding-left: 24px;}
.news_con2 dl dt i{position: absolute; top: 5px; left: 0; background: #ff6633; text-align: center; font: 400 12px/16px "微软雅黑"; color: #fff; width: 16px; height: 16px; display: block;}







#product_list{ width:720px;}


#product_list li {
    float: left;
    margin-bottom: 50px;
    width: 33.3%; list-style-type:none;
}
#product_list li a.img {
    border: 1px solid #ccc;
    display: table-cell;
    height: 110px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    width: 180px;
}
#product_list li a.img img {
    vertical-align: middle;
}
#product_list li a.img:hover {
    border: 1px solid #f90;
}
#product_list li p.info {
    line-height: 30px;
    width: 180px;
	text-align:center;
	margin-top:10px;
}
#product_list li p.info span {
    color: #d94f44;
    float: right;
    font-family: Verdana;
}
#product_list li p.info a {
    color: #555;
    float: left;
}






.detailtable{ margin-top:20px;font-family: "微软雅黑";}




.search1 .key{width:80px;height:15px;line-height:15px;margin:1px 0 1px 5px;border:0;float:left;}
.search1 .key[type="text"]:focus{outline:none;}
.search1 .sub1{float:right;width:30px;height:20px;background:url(search_bg.gif) no-repeat right 0;border:none;cursor:pointer;}
.search1 .sub1 span{display:none;}