@charset "utf-8";

*{margin:0px;padding:0px;}
.breadcrumb{ margin-bottom:10px; background:#7a6a55;}
.breadcrumb a{color:#fff;}
.breadcrumb a:hover{color:#fff;}

body {
	font-family: "Microsoft JhengHei", PMingLiU;
	color: #000;
	font-size:18px;
	line-height: 36px;
}

li{list-style:none;}
a {color: #000;text-decoration: none;}
a img {border: 0px;}
a:hover {color:#0000a0;text-decoration: underline;text-decoration: none;}
a:focus{outline: none; }
img{width:auto;max-width: 100%;height: auto;display: inline-block; border:0;}
.nopadding{padding:0;}
.nopadding_right{padding-right:0;}


#indcon {overflow:hidden;padding:0;}
#indcon2 {overflow:hidden;padding:10px 0 0 0;background: url(../img/N_bj.png) right bottom no-repeat;}

.banner{padding:0 0 20px 0; position:relative; z-index:2;}
#owl-demo:before,
#owl-demo:after {content:'';z-index: -1;position: absolute;left:50px;bottom: 15px;width: 70%;max-width: 300px;max-height: 100px;height: 55%;
-webkit-box-shadow:0 20px 16px rgba(0, 0, 0, 0.3);
-moz-box-shadow:0 20px 16px rgba(0, 0, 0, 0.3);
box-shadow:0 20px 16px rgba(0, 0, 0, 0.3);
-webkit-transform: skew(-15deg) rotate(-3deg);
-moz-transform: skew(-15deg) rotate(-3deg);
-ms-transform: skew(-15deg) rotate(-3deg);
-o-transform: skew(-15deg) rotate(-3deg);
transform: skew(-15deg) rotate(-3deg);
}
#owl-demo:after {left: auto;right:50px;
-webkit-transform: skew(15deg) rotate(3deg);
-moz-transform: skew(15deg) rotate(3deg);
-ms-transform: skew(15deg) rotate(3deg);
-o-transform: skew(15deg) rotate(3deg);
transform: skew(15deg) rotate(3deg);
}
.banner a{ float:left; width:100%;}
.banner img{width:100%;}
.bannertitle{font-size:20px;font-weight:bold;padding:30px;color:#666;}
.bannercontent{font-size:16px;padding:30px 15px;color:#666;}
.banner2{height:240px;overflow: hidden;}

.top{position:relative; z-index:9999; padding:0;background:url(../img/top_2.png) top right no-repeat;}
.topfb{padding:5px 15px;background:#CCC;text-align:right;}
.topfb img{width:auto;margin-right:20px;max-height:20px;}

.scut-container {float: right;font-size:0.9em; margin-top:18px;}
.scut-container a {min-width:120px;width:auto;line-height:30px; margin:0 5px;text-align: center;display: inline-block;color: #FFF;float:left; padding:0; border:1px #fff solid;
border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.scut-container a span{ display:inline-block; margin-right:5px;}
.scut-container .searchdiv {max-width:60px;height:40px;line-height:40px;text-align: center;color: #FFF;background: #ff9362;float:right;position:relative;}
.scut-container .searchdiv2{background:#f77c45;}
.scut-container .sinput{position:absolute;top:0;right:120px;height:100%;float:left;}
.scut-container .sinput input{height:100%;padding:0 5px;color:#404040;}
.scut-container .searchdiv button{background:none;border:0;width:100%;}
.searchdivxs{display:none;padding:5px 1%;text-align: center;color: #FFF;background: #575757;}
.searchdivxs input{height:30px;width:85%;}
.searchdivxs button{height:30px;width:13%;background:#575757;border:none;}

.scut-container .searchdivB{ width:auto;line-height:30px;text-align: center;float:right;position:relative;}
.scut-container .searchdivB button{border:0;min-width:30px;height:30px;background: #c9bc9c;color: #FFF;}
.scut-container .sinput2{float:left;}
.scut-container .sinput2 input{height:100%;padding:0 5px;color:#404040; line-height:28px; border:1px #e2dccb solid;}

@media screen and (max-width: 767px) {
body{width: 100%;float: left; position:relative; z-index:9}
.scut-container { width:100%;margin-top: 0;padding: 0;position:fixed;bottom:0;left:0;z-index:99999999; background:#900;}
.scut-container a{max-width:none; width:33.333%; text-align:center;margin:0;line-height: 46px;border:0; position:relative; z-index:99999999;}
.scut-container .searchdiv{max-width:none;}
}

.modal-body {padding-bottom: 30px;}
.logo {font-family: Arial;font-weight: bold;color: #fb5e74;padding:0;}
.logo a {color: #fb5e74;}

.logo img {display: inline-block;width: auto;height: auto;max-width:100%;max-height:150px;}
.logo1 {padding-top: 30px;line-height: 40px;}
@media ( max-width :1024px) {
.logoie,.smenu {padding: 0px;}
}
@media ( max-width :767px) {
.logo {text-align: center;}
}



.smenu {line-height:50px;color:#fff;padding:0 8%;background:rgba(255, 255, 255, 0.7) !important;filter:Alpha(opacity=70);background:#fff;}
.smenu li{padding:12px 0;text-align: center; line-height:26px; position:relative;}
.smenu li:before{position: absolute;bottom:0px;left:0;content:""; width:100%; height:6px; opacity:0; background:#0000a0;
-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;}
.smenu li:hover:before{opacity:1;}
.smenu a {color: #000;display: inline-block;font-size:1.1em;font-weight:bold;position:relative;border-right:1px #000 dotted; width:100%; float:left;
-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;}
.smenu li:last-child a{border-right:0;}
.smenu li ul{position:absolute;top:100%;left:0;width:100%;height:auto;z-index:99999;background:#0000a0;float: left;}
.smenu li ul li{border-top:1px solid #fff; line-height:100%;border-right:none; float:left; width:100%; padding:0;}
.smenu li ul li:hover{background:#0000cb;}
.smenu>li ul li a{color: #FFF;font-size:1em;line-height:22px; padding:10px 5px; border:0;}
.smenu li ul li a:hover{ color:#fff;}
.smenu li ul li ul{position:absolute;top:-1px;left:100%;width:100%;height:auto;z-index:9999999;background:#007cb5;}
.smenu li .indicator {position: absolute;color: #fff;top:25px;right: 8px;font-size:0.9em; display:none;}
.smenu li:hover .indicator {color: #fff;}
.smenu ul li .indicator {top:10px;right: 8px;color: #fff;}
@media ( max-width :1365px) {
.smenu {padding:0;}
}
@media ( max-width : 768px) {
.smenu {margin-top:0; line-height:56px;background:rgba(0, 0, 160, 1) !important;filter:Alpha(opacity=100);background:#0000a0;}
.smenu>li:first-child{text-align:center;border:0}
.smenu li {text-align: left;border-top:1px solid #fff; padding:0; line-height:56px;}
.smenu a{font-size:1em; padding-left:10px; color:#fff; width:100%;}
.smenu li:before { display:none;}
.smenu li:hover{ background:#0000cb;}
.smenu li:hover a{ color:#fff;}
.smenu li ul li{border-top:1px solid #fff;}
.smenu li ul li:hover{}
.smenu li ul,.smenu li ul li ul {position: static;}
.smenu li .indicator {right:20px; display: block;top:20px;}
.smenu ul li .indicator {right:20px;top:20px;}
.smenu li ul li a {padding-left:20px !important;}
.smenu>li>ul>li>ul>li>a {padding-left:30px !important;}
.smenu>li>ul>li>ul>li>ul>li>a {padding-left:40px !important;}
}



.cart1{background: #ff9900;text-align: center;color: #FFF;position: relative;border-right: 1px solid #d9d4d0;padding: 0px;}
.cart2{background: #999;text-align: center;color: #FFF;border-right: 1px solid #d9d4d0;padding: 0px;}
.cart2:last-child {border-right: 0px;}
.cartarrow {position: absolute;right: -3px;top: 28px;z-index: 99;}
.cart3 {font-size: 15px;padding-top: 10px;}
.cart4 {font-size: 15px;}
.cart5 {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;color: #bluelink2;}
.cart5 a {color: #f60;}
.cart7 {font-size: 18px;color: #999;}
.cart8 {color: #000;font-family: Arial;text-align: right;}
.cart9 {font-size: 18px;color: #F90;font-weight: bold;}
.cart10 {font-size: 16px;color: #000;}
.cart11 {text-indent: -12px;padding-left: 27px;padding-top: 15px;line-height: 24px;}
.cart12 {font-size: 20px;}
.cart13 {padding-left: 35px;padding-bottom: 15px;line-height: 24px;}
.cart14 {padding-left: 20px;line-height: 18px;}
.cart15 {padding-left: 20px;line-height: 18px;font-size: 14px;padding-top: 0px;padding-bottom: 20px;}
.cart16 {font-weight: bold;color: #000;font-size: 15px;padding-top: 5px;padding-bottom: 5px;}
.cart17 {font-size: 13px;padding-top: 5px;color: #666;line-height: 18px;}
.cart18 {font-size: 15px;color: #000;font-weight: bold;}
.cartnotice {color: #cd403c;font-size: 16px;padding-top: 7px;padding-bottom: 7px;}
.cartnotice a {color: #cd403c;}
.carttitle {background: #2a201f;color: #FFF;margin: 10px 0px; line-height:46px;text-align: center;font-size:1.1em;}
.form-horizontal .control-label {text-align: right;font-size: 15px;font-weight: normal;padding-right: 10px}
.iconcartn {font-size: 11px;font-family: Arial;color: #F60;}

.case1 {width: 100%;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;position: relative;padding:0px;border-bottom:none;}

.login1 {font-size: 13px;text-align: center;padding-top: 5px;padding-bottom: 5px;color: #000;}
.login2 {background: #3a5898;color: #FFF;border-radius: 7px;text-align: center;margin-bottom: 20px;}
.login2 a {width: 100%;height: 100%;display: inline-block;text-align: center;color: #FFF;padding-top: 5px;padding-bottom: 5px;}
.login3 {font-size: 13px;padding-top: 5px;padding-bottom: 5px;color: #000;}

.indexcon {padding:20px 0;position: relative;overflow: hidden;}
.indexcon img{width:auto;max-width: 100%;height: auto;}
.indexconimg{padding:0;}
.indexconimg img{width:100%;height:auto;}

.indextitle{float:left;font-size:1.8em;margin-bottom:40px;color:#000;line-height:38px;letter-spacing:8px;}
.indextitle a{color:#000;}
.indextitle span{ position:relative; padding:0 30px 0 40px;display:inline-block;}
.indextitle span:before{content:'';background: url(../img/title_1.png) left no-repeat; height:38px;width:266px;left:0;top:0;position:absolute;z-index:1;}
.indextitle span:after{content:'';background: url(../img/title_2.png) right no-repeat; height:38px;width:266px;right:0;top:0;position:absolute;z-index:1;}


.indextitle2 {float: left;padding: 0 10px 0px 50px;line-height: 40px;margin-bottom: 10px;color:#FFF;}
.indextitle2 a{color:#FFF;}
.indextitlec {text-align: center;}
.indextitlec a{color:#F90;}

.ljh{ padding:5px;}

.ljh:hover .lj{ display:block; margin-top:-40px; line-height:40px;text-align:center; background-color:#000000;filter: alpha(opacity=70);opacity: 0.7;-moz-opacity:0.7; color:#ffa700;}
.lj{color: #fff;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis; display:none;}

.indexnews{}
.indexnews2{margin-top:5px;padding-bottom:5px;border-bottom:1px #CCC dashed;}
.indexnews2:last-child{border-bottom:0;}
.indexnewst{font-size:18px;font-weight:bold;margin:5px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;}
.indexnewst2{font-size:18px;font-weight:bold;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;}
.indexnewsc{margin:5px;}
.indexnewsc2{margin:5px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;}
.indexnewsb a{display:inline-block;padding:5px 15px;border:1px #CCC solid;}
.indexnewsb2 a{display:inline-block;padding:2px 10px;border:1px #CCC solid;}

.indexnews5{ background-color:#5b382f;box-sizing:border-box; padding:10px;text-align: left;margin-bottom:10px;float: left; width:100%;}
.indexnews5 img {width: 16px;height: 16px;display: inline-block;}
.indexnews5 a{white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis; overflow:hidden;display: block;}

.indexnews3{box-sizing:border-box;padding:10px;text-align:left;float:left;width:100%; font-size:0.9em;border-top:1px dotted rgba(0, 0, 0, 0);}
.indexnews3 img {width: 16px;height: 16px;display: inline-block;}
.indexnews3 a{float:left;width:100%;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;padding-right:60px;margin-right:-60px;position:relative;z-index:2;}
.indexnews3 span{float:right;}
.indexnews3:hover{background:#005982;border-top:1px dotted rgba(0, 0, 0, 1)}
.indexnews3:hover a{color:#fff;}
.indexnews3:hover span{color:#fff;}

.indexpro {padding: 1% 0;}

.proh{padding:10px;}
.proh a {padding: 0px;display: block;float: left;width: 100%;}
.proimg {background:#fff;padding:10px;border:4px solid #919191;}
.proimg:hover{border:4px solid #7c3f2a;}

.prot {float: left;color: #9B4D00;text-align: center;padding: 0;height:38px;line-height:38px;margin: 10px 0px 6px 0px;
overflow: hidden;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;}
.prot a {color: #4AB54A;}
.proc {color: #777;}
.prob{margin-top:10px;}
.prob button{display:inline-block;padding:5px 10px;background:#FFF;border:2px #4AB54A solid;color:#4AB54A;}
.prob button:last-child{float:right;}

.prop1{text-decoration:line-through;font-size:16px;text-align: left;color: #ccc;padding-left: 5px;height:38px;line-height:38px;position:absolute;width:80px;height:38px;left:0px;top:0px;}
.prop2 {position:absolute;color: #e08f31;font-size: 20px;font-weight: bold;text-align: right;background:url(../images/ssio.png) no-repeat left center;
	height:40px;line-height:40px;width:90px;right:0px;top:0px;}
.prop2 a{background-color: #36ad36;color: #4AB54A;padding: 0 10px;float: left;font-size:15px;}
.prop2 a:hover {background-color: #008100;}
.prop3 {color: #c40000;font-size: 18px;font-weight: bold;}

.listmode{text-align:right;padding-right:20px;font-size:1em;}
.listmode a{display:inline-block;margin:0 10px;}
.actlist{color:#F60;}
.prodlist{padding:0 15%;}
@media (max-width:768px) {
.prodlist{padding:0;}
}
.prodlist>.prodinfo {padding-top: 14px;padding-bottom: 14px;border-bottom: 1px dotted #666666;}
.prodlist>.prodinfo:hover {background: #efefef;}
.prodlistpic {padding: 3px;box-sizing: border-box;border: 1px solid #999;width: 100%;}
.prodlistc{color: #999;}
.prodlistc span{font-weight: bold;font-size: 15px;color: #111;}

.fbshare{float:left;margin-right:10px;padding:0;margin-top:-4px;}

.productpic {width: 100%;text-align: center;}
.productpic img {display: inline;max-width: 400px;height: auto;text-align: center;}

.product1 {margin: 10px 0px;border-right: 1px solid #b4b4b4;font-size: 15px;text-align: center;}
.product2 {margin: 10px 0px;font-size: 16px;text-align: center;}
.product3 {font-family: Arial;font-size: 18px;color: #F00;}
.product4 {font-size: 16px;}
.product5 {padding-top: 10px;border-bottom: 1px dotted #000;}

.productinfo a {color: #666;}
.productinfo select {display: inline;width: 80px;}

.procon {color: #000;line-height: 26px;padding:15px;}
.procon img{width:auto;max-width:100%;}

.subtb {background: #2a201f; line-height:46px;text-align: center;position: relative;color: #FFF;font-size: 1.1em;margin-top: 10px;}

.footer{padding:0; background:#eee;}
.botconmar{margin:0 auto;float:left;color:#000;word-break:break-all;}
.botconmar a{ color:#000;display:inline-block;text-decoration: none;}
.botcon{ text-align:left;}
.botcon li{ float:left; width:100%;list-style-image:none;list-style-type:none;}
.botcon a{ color:#000;display:inline-block;text-decoration: none;}
.botcon a:hover{color: #0000a0;transition: all 0.3s ease 0s;}
.ibot_nav{ text-align:center;color:#000;}
.ibot_nav a{ color:#000;}
.copyright{line-height:22px; padding:14px 10px; text-align:center; background:#fff;}


@media ( max-width :767px) {
.botconmar{width:100%;}
}

.subline {margin-top: 10px;}
.subtitle {color: #fff;padding-bottom: 8px;padding-top: 7px;position: relative;background-color: #ff7400;text-align: center;}
.subtitle:hover{color: #fff;}
.subtitle1 {font-size: 25px;font-weight:bold;border-bottom:1px #ccc solid;padding:10px 10px;}
.subtitle1:before{font-family: 'Glyphicons Halflings';content:"\e131";font-size:18px;margin-right:10px;}
.subtitle2 {font-size: 35px;font-weight:bold;border-bottom:1px #ccc solid;padding:15px 25px;text-align:center;}
.subtitle1 ul,.subtitle2 ul{float:right;}
.subtitle1 ul li,.subtitle2 ul li{font-size: 16px;font-weight:normal;display:inline-block;}
.subtitle1 ul li:before,.subtitle2 ul li:before{content:" / ";}
.subtitle1 ul li:first-child:before,.subtitle2 ul li:first-child:before{content:"";}
@media screen and (max-width: 767px) {
.subtitle1 ul,.subtitle2 ul{display:none;}
}

.subtitle3 {color: #b01317;padding-bottom: 5px;padding-top: 15px;}
.subcon {min-height: 330px;height: auto !important;height: 330px;padding:30px 20px;}
.subcon img{width:auto;	max-width:100%;}
.subcon ul{list-style:inside;}
.companyt {font-size: 24px;color: #ff6600;padding-bottom: 5px;}

.contact {background: #EEE;padding-top: 10px;}
.contact label {color: #666;}
.contact ol {padding-left: 20px;}

.note1 {border-top: 1px dotted #666;padding-top: 5px;padding-bottom: 5px;}
.note2 {color: #000;}
.note3 {font-family: Arial;font-size: 12px;text-align: right;color: #999;}
@media ( min-width :1024px) {
.news1{min-height:400px; height:auto !important; height:400px;}
}
.news1>a {padding:14px 0;border-bottom:1px dotted #ccc;display: block;color: #666;}
.news1>a:hover{color: #000;text-decoration: none;}
.news1>a:hover .news3{color:#005982;}
.contitle1{color:#005982;font-size:20px;word-break:break-all;}

.news2 {border-bottom: 1px dotted #000;padding-bottom: 10px;margin-bottom:20px;}
.news3 {color:#000;display:block;float:left;overflow:hidden;white-space:nowrap;padding-right:7px;padding-left:7px;text-overflow: ellipsis;-o-text-overflow: ellipsis;}
.news3 span{ padding-left:25px;font-family: "Microsoft JhengHei", PMingLiU; width:100%; display:inline-block;}
.news3 span:before{ position:absolute;left:0;top:0;font-family: 'Glyphicons Halflings'; font-size:1em; color:#000;}

.newsdetail {word-break: break-all;min-height: 300px;height: auto !important;height: 300px;}
.newsdetail img {width: auto;max-width: 100%;height: auto;display: block;}
.newsimg {width: auto;max-width: 100%;}

@media ( min-width :1024px) {
.conlist{min-height:400px; height:auto !important; height:400px;}
}
.conlist{padding-top:15px;}
.conlist>a {padding-top: 14px;padding-bottom: 14px;border-bottom: 1px dotted #cfcfcf;display: block;}
.conlist>a:hover {text-decoration: none;}
.conlistpic {padding: 3px;box-sizing: border-box;border: 1px solid #999;width: 100%;}
.news4 { float:left; width:100%;font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis; color:#fff;}
.news5 {float:left; width:100%;color: #999;overflow: hidden;white-space: nowrap;padding-right: 7px;text-overflow: ellipsis;-o-text-overflow: ellipsis;}
.conlist>a:hover .news4{ color:#ffc;}

.pager a {color: #000;}
.member {padding-left: 5px;padding-right: 5px;text-align: center;}
.member1 {font-size: 17px;}
.member2 {padding-top: 20px;}
.member2 table{border-top: 1px solid #cccccc;}
.member2 .form-group .col-xs-2 {}
.member3 {color: #F60;}
.member4 {font-size: 11px;font-family: Arial;}
.szmenub {background: #ff9900;text-align: center;font-size: 15px;margin-bottom: 5px;color: #FFF;font-family:"Microsoft JhengHei", PMingLiU;}
.szmenub:hover {background: #e4393c;text-align: center;font-weight:bold;font-family:"Microsoft JhengHei", PMingLiU;}
.szmenub:hover .szmenu{display:block;}

.szmenu {position: absolute;top: 100%;left: 0px;border: 2px solid #e4393c;z-index: 1100;padding-right: 0px;padding-left: 0px;
background:#fafafa;font-family: PMingLiu;padding-top:10px;padding-bottom:10px;display:none;}
.szmenu ul {list-style: none;padding: 0;margin: 0;text-align: left;}
.szmenu li {padding: 5px 3%;color: #000;position:relative;}
.szmenu ul a {color: #000;font-weight:normal;font-family:"Microsoft JhengHei", PMingLiU;}
.szmenu ul a:hover {font-weight: bold;text-decoration: underline;color: #e4393c;}
.szmenu>ul {padding-left: 10px;padding-right: 10px;}
.szmenu>ul>li {border-bottom: 1px solid #FFF;position: relative;padding-left: 10px;}
.szmenu>ul>li:hover {border: 1px solid #CCC;background: #FFF;padding-bottom: 4px;font-family:"Microsoft JhengHei", PMingLiU;}
.szmenu li ul{display:none;border-left:none;background-color:#E4393C;filter: alpha(opacity=90);opacity: 0.9;-moz-opacity:0.9;}
.szmenu li ul li{margin:0px;padding:0px;}
.szmenu li ul a{color:#FFF;padding:1% 2%;display:block;text-decoration:none;}
.szmenu li ul a:hover{font-weight:300;color:#FFF;background:#dd292c;text-decoration:none;}
.szmenu li:hover ul{ display:block; position:absolute; top:-1px; right:-100%; width:100%; }
.szmenu li:hover ul ul{ display:none; }
.szmenu li li:hover ul{ display:block; position:absolute; top:-1px; right:-100%; width:100%; }
.szmenu li li:hover ul ul{ display:none; }
.szmenu li li li:hover ul{ display:block; position:absolute; top:-1px; right:-100%; width:100%; }
.szmenu li li li:hover ul ul{ display:none; }
.szmenu li li li li:hover ul{ display:block; position:absolute; top:-1px; right:-100%; width:100%; }
.szmenu li li li li:hover ul ul{ display:none; }
.szmenu li li li li li:hover ul{ display:block; position:absolute; top:-1px; right:-100%; width:100%; }
.szmenu li li li li li:hover ul ul{ display:none; }
.szmenu li li li li li li:hover ul{ display:block; position:absolute; top:-1px; right:-100%; width:100%; }
.szmenu li li li li li li:hover ul ul{ display:none; }

.red {color: #F00;text-align:center;}
.green {color: #489f48;}
.clear {height: 0px;clear: both;overflow: hidden;}
.prodtran{position:absolute;top:100%;left:50%;z-index:999;background:#FFF;border:1px #CCC solid;padding-left:5px;}
.qty{width:40px;height:30px;text-align:center;margin:0;}
.qtyadd{height:30px;width:20px;text-align:center;margin:0;cursor:pointer;}
.piccon {background:#FDF8E4;border:1px solid #F9EAC9;padding:20px;color:#8A6E3C;width:98%;margin:1%;
border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;-icab-border-radius: 5px;
}

.movebg{top:0;padding:0;width:100%;height:100%;margin: 0 auto;position:absolute;background-size:cover;background-attachment:fixed;background-repeat:repeat-y;background-repeat:repeat;}
.moveoverlay {top: 0;width: 100%;height: 100%;position: absolute;}
.movecontainer { position: relative;}
.mm-footer img{ width:auto;}
.tbformt{text-align:center;}
.tbformi{padding:5px;text-align:center;}
.tbforms{padding:10px;}

.nopadding{ padding:0;}
.de_yj img{border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;}
.de_yy img{-moz-border-radius: 5px 5px 5px 5px;background-color: #000;
filter: progid:DXImageTransform.Microsoft.Shadow(color=&qpos;#969696&qpos;, Direction=135, Strength=10);
-moz-box-shadow:1px 3px 5px #969696;-webkit-box-shadow:1px 3px 5px #969696;box-shadow:1px 3px 5px #969696;}
.de_x img{webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;transition: all 0.5s ease;}
.de_x img:hover{-webkit-transform: rotate(-4deg);-moz-transform: rotate(-4deg);}

@media screen and (max-width: 767px) {
.bannertitle{font-size:11px;padding:3px;}
.bannercontent{font-size:8px;padding:0 1px;line-height:10px;}
}

#szpop {position: fixed;left: 10px;bottom: 50px;z-index: 10000;font-size: 18px;color: #FFF;cursor: pointer;line-height: 18px;}
#szpop a {color: #FFF;}

.szmp {display: inline-block;border: 5px solid #FFF;background: rgba(21, 93, 78, .7);font-size: 22px;padding: 10px 10px 12px 12px;border-radius: 30px;}
.szcall {position: absolute;top: -33px;left: 35px;background: rgba(21, 93, 78, .7);padding: 6px 7px;border-radius: 18px;}
.szmsg {position: absolute;top: -38px;left: 0px;background: rgba(21, 93, 78, .7);padding: 6px 7px;border-radius: 18px;}

/*background:#165d4e;*/
.szlist {position: absolute;top: -5px;left: 60px;left: 57px;background: rgba(21, 93, 78, .7);padding: 6px 7px;border-radius: 18px;}
.szhide {position: absolute;top: 33px;left: 57px;background: rgba(21, 93, 78, .7);padding: 6px 7px;border-radius: 18px;}

.scrollup { background:#0000a0; color:#fff; text-align:center;width:50px;height:50px;line-height:50px; border:2px #fff solid; font-size:1.4em;
border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;
position: fixed;bottom: 50px;right: 50px;display: none;z-index:99999;}
.scrollup .glyphicon{top:-2px;right:-1px;}
.scrollup:hover{background:#1111d4;}

/*Gy*/
.contact{font-size:1em; padding:30px 10px 20px 10px;}
.form-horizontal .control-label {font-size:1em;}
.form-horizontal .control-label {padding-top:0;}
.contact label{ color:#000;}
input[type="radio"], input[type="checkbox"] {margin:10px 0 0;}
.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { padding-top: 0;}
.movecontainer{ padding:0;}
.news1{margin:15px 0;}
.breadcrumb{ color:#fff;margin-bottom:0px; background:#0000a0; text-align:right;}
.breadcrumb > li + li::before {color:#fff;}
.baseprod { padding:0 10px;}
.subtitle{padding-bottom:8px;padding-top:8px;background:#0000a0;font-size:1.1em;color:#fff;}
.subtb{background: #0000a0;line-height: 46px;text-align: center;position: relative;color: #FFF;font-size: 1.1em;margin-top: 10px;}
.procon {font-size:1em;line-height:32px;padding:15px 10px;}
.btn{font-size:1em;}
.producttitle {font-size:1.2em;line-height:28px; border-bottom:1px #d2d2d2 solid; color:#000; font-weight:bold;padding-bottom:10px; margin-bottom:20px;text-align:center;}
.owl-theme .owl-controls {margin-top:10px;text-align: center;}
.cart14 input{margin:2px 0 0;}
.checkbox input{margin: 12px 0 0;}
.cart17{ margin-bottom:15px;}
.modal{ z-index:99999}
.modal.in .modal-dialog{ position: relative; z-index:9999999;}
.modal-content{float: left;width: 100%;}
.modal-body{ display:inline-block; padding-bottom:10px;}
.Nde_prod{ padding:20px 0;}
.iconf_1{ font-size:0.85em;}
.carttitle{}
.contact1{ padding:0;}
.owl-theme .owl-controls .owl-page span{background:#fff;}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {filter: Alpha(Opacity=90);opacity: 0.9;}
.Nnews_2{ padding-right:0;}
.Npro{ padding:30px 0 10px 0;}
.pagination-sm > li > a, .pagination-sm > li > span {;font-size:0.85em;}
.tip1{ margin-bottom:10px; font-size:0.95em;}
.control-label img{ float:left; margin-top:5px;}

.itop_con{width:1200px;margin:0 auto;content:"";display: table;clear: both; float:none;}
.idxc_1{ padding:20px 0 40px 0;}
.idxc_1 .movecontainer{width:1200px;margin:0 auto;content:"";display: table;clear: both; float:none;}
.botconmar{width:1200px;margin:0 auto;content:"";display: table;clear: both; float:none;padding:20px 0;}

.ide_con{width:1200px;margin:0 auto;content:"";clear: both; float:none;display: table;}
.ide_con2{width:1200px;margin:0 auto;content:"";clear: both; float:none;}

.Nde_m1{width:1200px;margin:0 auto;content:" ";display: table;clear: both;}
.Nde .top{background: url(../img/top_bj.jpg) center top no-repeat;background-size: auto auto;background-size: cover; padding-bottom:10px;}

.logoie{ padding:60px 20px 40px 20px;}

.top_icon{float:right;position:relative; z-index:99; margin-top:20px; display:none;}
.top_icon a img{ float:left;}
.top_icon a{display:inline-block; margin:0 3px;color:#fff;
-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;}
.top_icon a:hover{-webkit-transform: translateY(-6px); -moz-transform: translateY(-6px);transform: translateY(-6px);}

.ide_m1{position:relative;}
.ide_m1:before{content:""; position:absolute;right:0;bottom:-300px;top:0;width:100%;background: url(../img/top_bj.jpg) center top no-repeat;background-size:cover;}

.iabout{padding-left:50%;background:url(../img/iabout_1.jpg) left top no-repeat;background-size:50% auto;}
.iaboutA{padding:30px 10px 30px 30px;background:rgba(255, 255, 255, 0.6) !important;filter:Alpha(opacity=60);background:#fff;}
.iabout_1{border-left:5px #0000a0 solid; padding-left:10px; font-size:1.1em; line-height:24px; margin-bottom:10px;}
.iabout_1 span{ color:#0000a0; font-size:0.8em;}
.iabout_2 a{ color:#0000a0;}

.idxc_2{padding:40px 0;}
.idxc_2 .movecontainer{width:1200px;margin:0 auto;content:"";display: table;clear: both; float:none;}
.ilinkA_1{ text-align:center; margin-bottom:10px;}
.ilinkA_3{ text-align:center; margin:30px 0;}
.ilinkA_3 img{ display:inline-block; padding:0 10px;}
.ilinkA_4{ text-align:center;}
.ilinkA_4 a{background:url(../img/ilink_more.png) center bottom no-repeat; padding-bottom:26px; color:#0000a0; display:inline-block;}

.icontA{ margin-top:30px; text-align:center;}
.icontB{line-height:26px;}
.icontB li span{ padding-left:35px;font-family:"Microsoft JhengHei", PMingLiU; width:100%; display:inline-block;line-height:26px; margin:3px 0;}
.icontB li span:before{ position:absolute;left:10px; top:2px;font-family: 'Glyphicons Halflings'; font-size:0.9em; color:#0000a0;}
.icontC{border-left:1px #0000a0 dotted;border-right:1px #0000a0 dotted; padding:15px 10px;}

.about_1{ text-align:center; font-size:1.6em; font-weight:bold; position:relative; z-index:9;padding:0 20px;}
.about_1 span{ display:inline-block; background:#fff; padding:0 20px;}
.about_2{ border:2px #0000a0 dotted; padding:40px 20px 20px 20px; margin-top:-20px; text-align:center; position:relative;}
.about_3{ margin:30px 0;}
.about_3_1{ padding:10px;}
.about_3_1 img{border-radius:20px 0 20px 0;-moz-border-radius:20px 0 20px 0;-webkit-border-radius:20px 0 20px 0; border:3px #fff solid;z-index: 9;position: relative;}
.about_3_1 span{ position:relative; display:inline-block;}
.about_3_1 span:after{content: ""; position:absolute; width:100%; height:100%;right:-6px;bottom:-6px; background:#d2d2d2;
border-radius:20px 0 20px 0;-moz-border-radius:20px 0 20px 0;-webkit-border-radius:20px 0 20px 0;z-index:1;}

.contA_1{padding-bottom:20px; margin-bottom:20px; border-bottom:1px #ddd dotted;}
.contA_2{padding-bottom:20px; margin-bottom:20px; border-bottom:1px #ddd dotted;}
.contA_3{ padding-left:0;}
.contA_4{ padding-right:0;}

.down{background:url(../img/down_1.jpg) center bottom no-repeat;background-size:cover; text-align:center; padding:100px 10px;}
.down_1{ margin-bottom:30px;}
.down_2 a{ background:#0000a0; color:#fff;display:inline-block; padding:0 30px;border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px;
-moz-box-shadow:2px 3px 0px #fff;-webkit-box-shadow:2px 3px 0px #fff;box-shadow:2px 3px 0px #fff;
-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;}
.down_2 span{ padding-left:25px;font-family:"Microsoft JhengHei", PMingLiU; width:100%; display:inline-block;}
.down_2 span:before{ position:absolute;left:0; top:0px;font-family: 'Glyphicons Halflings'; font-size:0.9em; color:#fff;}
.down_2 a:hover{background:#1111d4;}

.jinimgA{ padding:10px;}
.jinimgA_1{border:1px #e5e5e5 solid; padding:2px; border:1px #ddd solid;}
.jinimgA_2{text-align:center;line-height:22px; padding:15px 0;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis; overflow:hidden;
-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;}
.jinimgA:hover .jinimgA_2{background:#0000a0; color:#fff;}

.iGyimg{ padding:10px;}
.iGyimgB{background:#fff;border:1px #ddd solid;padding:2px;position:relative;}
.iGyimgB a{ color:#fff; width:100%; display:inline-block; position:relative; float:left;}
.iGyimgB_1{ position:relative; padding:0; overflow:hidden;}
.iGyimgB_1:before{top:50%;left:0;content:"";position:absolute;background:rgba(0, 0, 0, 0.4) !important;filter:Alpha(opacity=40);background:#000; height:0;width:100%;
-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;}
.iGyimgB_1 img{ width:100%;}
.iGyimgB_2{opacity:0;top:50%;left:0;position:absolute;text-align:center; color:#fff; width:100%; font-size:1em;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;}
.iGyimgB_2 span{ padding-top:40px;font-family: "Microsoft JhengHei", PMingLiU; line-height:22px; float:left; width:100%;}
.iGyimgB_2 span:before{font-size:1.6em; position:absolute; width:100%; height:30px;top:0; left:0;font-family: 'Glyphicons Halflings';}
.iGyimgB_3{ position:absolute; width:100%; height:100%; top:0; left:0;opacity:0; z-index:2;}
.iGyimgB_3 a{width:100%; height:100%; float:left;text-indent:-9999px;}
.iGyimg:hover .iGyimgB_1:before{top:0;height:100%;}
.iGyimg:hover .iGyimgB_2{opacity:1;margin-top:-31px;top:50%;z-index:1;}
.iGyimg:hover .iGyimgB_3{opacity:1;}
.iGyimgB_4{text-align:center;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;line-height:44px;margin-top:20px;position: relative; z-index:3;}
.iGyimgB_4:before{ content:""; position:absolute; width:60px; height:3px; background:#005982;left:50%;top:0; margin-left:-30px;
-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;}
.iGyimg:hover .iGyimgB_4:before{width:100px;margin-left:-50px;}

@media (max-width:1200px) {
.itop_con{width:100%;display: block;float:left;}
.idxc_1 .movecontainer{width:100%;display: block;float:left;}
.idxc_2 .movecontainer{width:100%;display: block;float:left;}
.botconmar{width:100%;display: block;float:left;padding:40px 0;}

.Nde_m1{width:100%;display: block;float:left;}
.ide_con2{width:100%;display: block;float:left;}

.idxc_1{background:#eee; padding:30px 10px;}
.ide_m1:before{bottom:0;}

}

@media (max-width:1000px) {
.scrollup {right: 10px;}
}



@media (max-width:767px) {
.subcon{ padding:30px 10px;}

.top{ padding:0; background:none;}
.logoie{ padding:40px 20px;}
.top_icon{ text-align:center; width:100%; padding:0; margin:10px 0;}

.iabout{padding:200px 0 0 0;background-size:100% auto;}
.iaboutA {padding: 30px 10px; background: rgba(255, 255, 255, 1) !important;filter: Alpha(opacity=100);background: #fff;}
.icontA{ margin:0;}
.idxc_2 .ilinkA:nth-child(2n){ margin:30px 0;}
.icontB li span:before{top:-2px;}
.icontC{border:0;padding:20px 0;}

.contA_3{ padding:0;}
.contA_4{ padding:0; margin-top:10px;}





/*Gy*/
.scrollup .glyphicon{top:2px;right:-1px;}
.productinfo{ padding:0;}
.subcon{ padding:30px 10px;}
.glyphicon:before {top:0;}
.iGyimg{ padding:10px;}
.iGyimgB_4{ font-size:0.9em;}

}
@media (max-width:500px) {

}