/* CSS Document */
body{ margin:0; padding:0;font-size:12px;  color:#333; font-family: "微軟雅黑"; background:#fff;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,p{margin:0;padding:0; border:0;}
fieldset,img {border:0;}
.clear{ clear:both;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block;}  
img{vertical-align:middle;}
ul,li,ol {list-style:none;}
a:link{text-decoration:none; color:#000;  }
a:visited{text-decoration:none; color:#000;}
a:hover{text-decoration:none; color:#ea5404;  }
.blank5{ height:5px; clear:both;}
.blank8{ height:8px; clear:both;}
.blank10{ height:10px; clear:both;}
.blank12{ height:12px; clear:both;}
.blank15{ height:15px; clear:both;}
.blank20{ height:20px; clear:both;}
.blank25{ height:25px; clear:both;}
.blank30{ height:30px; clear:both;}
.blank35{ height:35px; clear:both;}
.blank40{ height:40px; clear:both;}
.blank45{ height:45px; clear:both;}
.blank50{ height:50px; clear:both;}
.blank60{ height:60px; clear:both;}
.blank70{ height:70px; clear:both;}
.blank80{ height:80px; clear:both;}
.blank90{ height:90px; clear:both;}
.blank100{ height:100px; clear:both;}
.blank120{ height:120px; clear:both;}
.blank130{ height:130px; clear:both;}
.blank150{ height:150px; clear:both;}
.blank180{ height:180px; clear:both;}
.blank200{ height:200px; clear:both;}
.blank250{ height:250px; clear:both;}
.blank280{ height:280px; clear:both;}
.abk1100{ width:1100px; height:100%; overflow:hidden;}
.navbar {
    border-radius: 0px;
}
.h2, h2 {
    font-size: 20px;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{ padding: 0;}

.cf:after {content:"";clear:both;display:block;height:0;overflow:hidden}
.cf {zoom:1}
.fl{float:left}
.fr{float:right}
.b_center{ margin:0 auto; text-align:center;}
.line1{ border-bottom:1px solid #999;}
.line2{ border-bottom:2px solid #db0203;}
.line3{ border-bottom:1px solid #0987aa;}
.line4{ border-bottom:1px solid #076c8f;}
.row{ margin: 0px;}
em, i {
    font-style: normal;
}
.leftcontact{ /*width:261px;*/ width:100%; margin-top:20px;}
.leftlx_c{ height:418px;width:100%; overflow:hidden;text-align: left;}
.leftlx_c h3{ font-size:18px; color:#fff; text-align:center; background:#1c0954; height:64px; line-height:64px; margin-bottom:15px; font-weight:normal;}
.leftlx_c span{ display:block; background:url(../image/Teln.gif) center left no-repeat ; font-size:14px; color:#333; padding-left:56px; margin:0 0 15px 20px;}
.leftlx_c span b{ display:block; font-size:18px; color:#DA3237;}
.leftlx_c ul{ margin:0 0 0 20px;}
.leftlx_c li{ font-size:12px; color:#333; margin-bottom:15px;}
.leftlx_c li em{ display:block; font-size:12px; font-weight:bold; margin-bottom:5px;}
.leftcontact p{ padding-left:30px;text-align: right;}

header{ width:100%; height:60px;background:#262626;}
header .header{ width:1200px; height:60px; }
.headerTop{ width:100%; /*height:120px;*/background:#fff;}
.headerTopCon{ width:100%; /*height:90px;*/ margin: 15px auto 30px;}
@media only screen and (min-width:320PX) and (max-width:640PX) {
	.headerTopCon{ width:90%; /*height:90px;*/ margin: 15px auto;}
	.sub_content .products_list ul li .tui_img{ width:100%; overflow:hidden; border:1px solid #CCC; height: 100%}

}
.logo{ margin-top: 12px;/*width:200px;*/}

.navbar-toggle .icon-bar{background: #ccc;}
.navbar-nav{ width: 100%;}
.navbar-nav>li{width:100%}
@media only screen and (min-width: 768px) {
	.navbar-nav>li{width:13%}
}

.nav>li>a:focus, .nav>li>a:hover{background-color: #DA3237;}
.navbar-nav>li>a{color: #fff;text-align: center;}
.navbar-nav>li>a:hover{background-color: #184998;}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{
	background-color: #DA3237;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: #DA3237;
    border-color: #337ab7;
}
.navbar{ margin-bottom: 0;}
.navbar-nav .open .dropdown-menu>li>a{ text-align: center;color:#E67F24}
/*! responsive-nav.js 1.0.39 by @viljamis */
.h_dw {
    padding: 15px 0 5px 20px;
    font-size: 20px;
    color: #1c0954;
    font-weight: bold;
        text-align: left;
}
.h_dw span {
    display: block;
    font-size: 20px;
    color: #666;
    font-weight: normal;
    padding: 3px 0 0;
        text-align: left;
}
.title_word{ border-left:1px solid #DA3237;margin-left: 20px;}
.nav-collapse ul {
  margin: 0;
  padding: 0;
  width: 100%;
  display: block;
  list-style: none;
}

.nav-collapse li {
  width: 100%;
  display: block;
}

.js .nav-collapse {
  clip: rect(0 0 0 0);
  max-height: 0;
  position: absolute;
  display: block;
  overflow: hidden;
  zoom: 1;
}

.nav-collapse.opened {
  max-height: 9999px;
}

.nav-toggle {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

@media screen and (min-width: 40em) {
  .js .nav-collapse {
    position: relative;
  }
  .js .nav-collapse.closed {
    max-height: none;
  }
  .nav-toggle {
    display: none;
  }
}


/*header .nav{ overflow:hidden;}*/
/*header .nav ul{ text-decoration:none; list-style:none; overflow:hidden;}
header .nav ul li{ float:left; font:300 14px/60px "微軟雅黑"; height:60px; color:#b2b2b2;margin-right:30px ;}
header .nav ul li a{ text-decoration:none; color:#b2b2b2; padding:0 20px; display:block;}
header .nav ul li a:hover{ text-decoration:none; color:#fff; padding:0 20px; background:#000; display:block;}
header .nav ul li.xuan a{ text-decoration:none; color:#fff; padding:0 20px; background:#000; display:block;}
*/.tel_box{position: relative;    width: 765px; color: #000;line-height: 27px;top: 20px;font-size: 14px; text-align: right;}
.tel_line{display: inline-block; text-align: center;margin-left: 20px;font-size: 24px;}
@media screen and (max-width: 1366px) {
	.tel_line{display: inline-block; text-align: center;margin-left: 20px;font-size: 23px;}
}
@media screen and (max-width: 1280px) {
	.tel_line{display: inline-block; text-align: center;margin-left: 20px;font-size: 20px;}
}
.tel_color{color: #DA3237;}

.language{ overflow:hidden; margin-left:15px;}
.language ul{text-decoration:none; list-style:none; overflow:hidden;}
.language ul li{ float:left; font:300 14px/30px "微軟雅黑"; height:30px; color:#b2b2b2; margin-left:5px;}
.language ul li a{ text-decoration:none; color:#b2b2b2; display:block;}
.language ul li a:hover{ text-decoration:none; color:#DA3237;   display:block;}
.language ul li.xuan a{ text-decoration:none; color:#DA3237;   display:block;}
.main_link{	clear:both;	padding:30px 0;	line-height:30px; margin: 0px auto; width: 90%;}
.main_link strong{	display:inline-block;	font-size:16px;	font-weight:normal;	color:#333;	padding:0 15px;	}
.main_link a{	display:inline-block;	color:#666;	padding:0 15px;	}
.searchKey{display: inline;font-size: 14px; float: left; height:30px;  line-height: 30px;}
.search_box{text-align: center;}
.search{ width:210px; height:30px; border:1px solid #b2b2b2; margin: 0px auto;}
.search .input_shurk{ width:165px; background:none; outline:medium; height:30px; font:300 12px/30px "宋體"; color:#b2b2b2; padding:0 5px;}
.search a.sou_btn{ width:22px; height:30px; line-height:28px; padding-right:4px;}
.search .oubmit{width: 27px;height: 30px; float: right;margin-top: -30px;background:url("../image/search.png") ;background-size: 110%;cursor: pointer;outline:none}
form{text-align: center;}
/*banner*/
.main_image {width:100%; height: 250px; overflow:hidden; margin:0 auto; position:relative; }
.main_image ul {width:9999px;  overflow:hidden; position:absolute; top:0; left:0}
.main_image li {float:left; width:100%; height:450px;}
.main_image li span {display:block; width:100%; height:450px}
.main_image li a {display:block; width:100%; height:450px}
div.flicking_con {width:990px; margin:0 auto; position:relative; }
div.flicking_con .flicking_inner{position:absolute; top:410px; right:48%; z-index:180; height:24px;} 
div.flicking_con a {float:left; width:24px; height:24px; margin:0; padding:0; background:url('../image/btn_main_img.png') 0 0 no-repeat; display:block; text-indent:-10000px}
div.flicking_con a.on {background-position:0 -21px}
#btn_prev,#btn_next{z-index:180;position:absolute;display:block;width:40px!important;height:80px!important;top:40%;display:none;}
#btn_prev{left:10%; background:url(../image/arrow_left.png) no-repeat left center; width:40px; height:80px; background-size: 50%}
#btn_next{right:10%; background:url(../image/arrow_right.png) no-repeat left center; width:40px; height:80px; background-size: 50%;}


.i_products{ width:94%; margin-left: 3%; overflow:hidden;}
.i_products .top{ width:100%; overflow:hidden;}
.i_products .top .title{ overflow:hidden; font:300 18px "微軟雅黑"; color:#333;}
.i_products .top .more{ overflow:hidden; font:300 14px "微軟雅黑"; color:#333;}
.i_products .top .more a{ text-decoration:none; color:#666;}
.i_products .top .more a:hover{ text-decoration:none; color:#ea5404;}

.i_products .p_list{ width:100%; overflow:hidden; margin-top:20px;}
.i_products .p_list ul{ text-decoration:none; list-style:none; overflow:hidden;}
.i_products .p_list ul li{ float:left; overflow:hidden; margin-right:10px; /*width:260px;*/width:25%;}
.i_products .p_list ul li .tui_img{border:1px solid #CCC; /*width:258px; height:196px;*/}
.i_products .p_list ul li .title{ /*width:258px; */text-align:center; font:300 12px/30px "宋體"; color:#333; white-space:nowrap; display:block; overflow:hidden; text-overflow:ellipsis;}
.i_products .p_list ul li:hover .tui_img{border:1px solid #e77817; /*width:258px; height:196px;*/}
.i_products .p_list ul li:hover .title{ /*width:258px; */text-align:center; font:300 12px/30px "宋體"; color:#e77817; white-space:nowrap; display:block; overflow:hidden; text-overflow:ellipsis;}

@media (min-width: 1200px){
	.i_products .p_list ul li .tui_img{border:1px solid #CCC;  width:90%;}
	.i_products .p_list ul li:hover .tui_img{border:1px solid #e77817; width:90%; }
	.i_products .p_list ul li:hover .title{ width:90%; text-align:center; font:300 12px/30px "宋體"; color:#e77817; white-space:nowrap; display:block; overflow:hidden; text-overflow:ellipsis;}
	.i_products .p_list ul li .title{ width:90%; text-align:center; font:300 12px/30px "宋體"; color:#333; white-space:nowrap; display:block; overflow:hidden; text-overflow:ellipsis;}
	.sub_content .products_list ul li .tui_img{ /*width:258px;*/ overflow:hidden; border:1px solid #CCC;height: 335px;}	
		
}

.i_cases{ width:90%; overflow:hidden;}
.i_cases .top{ width:100%; overflow:hidden; margin-bottom:15px;}
.i_cases .top .title{ overflow:hidden; font:300 18px "微軟雅黑"; color:#333;}
.i_cases .top .more{ overflow:hidden; font:300 14px "微軟雅黑"; color:#333;}
.i_cases .top .more a{ text-decoration:none; color:#666;}
.i_cases .top .more a:hover{ text-decoration:none; color:#ea5404;}

.multipleColumn{  position:relative; width:100%; height:240px; }
.multipleColumn .title{padding-right: 20px; text-align:left; height:40px; font:300 13px/40px "微軟雅黑"; position: absolute; bottom: 0; width: 100%;}
.multipleColumn .title a{ text-decoration:none; text-align: center; color:#FFF; background:url(../image/ico_02.png) repeat;  padding:0px; width: 100%; display:block; height:40px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.multipleColumn .title a:hover{ text-decoration:none; color:#FFF; background:url(../image/ico_03.png) repeat;  padding:0; width: 100%; display:block; height:40px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.multipleColumn .hd{ overflow:hidden; }
.multipleColumn .hd .next{ display:block;  width:40px; height:38px; float:left; right:0px; margin-top:90px;  overflow:hidden; cursor:pointer; background:url("../image/right.png") no-repeat; position:absolute; z-index:200;}
.multipleColumn .hd .prev{ background:url("../image/left.png") no-repeat;  width:40px; height:38px; overflow:hidden;cursor:pointer; display:block; float:left; position: absolute; margin-top: 90px; z-index:200;}
.multipleColumn .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.multipleColumn .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("https://xinyuantong.com/template/default/images/icoCircle.gif") 0 -9px no-repeat; }
.multipleColumn .hd ul li.on{ background-position:0 0; }
.multipleColumn .bd{width: 100%;}
.multipleColumn .bd ul{padding-right: 20px; overflow:hidden; zoom:1; float:left; _display:inline;  margin:0; margin-bottom: 20px; }
.multipleColumn .bd ul li{ float:left; _display:inline; overflow:hidden; text-align:center; width:100%; background:#FFF; }
.multipleColumn .bd ul li .toux img{/* width:350px; height:240px;*/ }
.multipleColumn .bd ul li .name{ font:300 14px "微軟雅黑"; color:#000; margin-top:10px;}
.multipleColumn .bd ul li .year{ font:300 12px "微軟雅黑"; color:#666; margin-top:5px;}
.toux{ height: 270px;}
.toux img{ }


.i_news{ width:100%; overflow:hidden; background:#f5f5f5; padding:25px 0 25px;}
.i_news .news_content{ width:100%; overflow:hidden;}
.i_news .news_content .zuo{ /*width:519px;*/ overflow:hidden; border-right:1px solid #CCC; padding-right:30px;}
.i_news .news_content .zuo .top{ /*width:519px; */overflow:hidden; margin-bottom:15px;}
.i_news .news_content .zuo .top .title{ overflow:hidden; font:300 18px "微軟雅黑"; color:#333; text-align:left;}
.i_news .news_content .zuo .top .more{ overflow:hidden; font:300 12px/24px "微軟雅黑"; color:#666;}
.i_news .news_content .zuo .top .more a{ text-decoration:none; color:#666;}
.i_news .news_content .zuo .top .more a:hover{ text-decoration:none; color:#ea5404;}

.i_news .news_content .zuo .news_list{ /*width:519px;*/ overflow:hidden;}
.i_news .news_content .zuo .news_list ul{text-decoration:none; list-style:none; overflow:hidden;}
.i_news .news_content .zuo .news_list ul li{/* width:519px; */overflow:hidden; margin-bottom:10px;}
.i_news .news_content .zuo .news_list ul li .tui_img{/* width:140px;*/ height:80px; }
.i_news .news_content .zuo .news_list ul li .tui_img img{max-width:100%;    height: 100%;}
.i_news .news_content .zuo .news_list ul li:hover .tui_img img{max-width:100%; height: 100%;filter:alpha(opacity=80);opacity:0.8;}
.i_news .news_content .zuo .news_list ul li .tui_info{ /*width:366px;*/ overflow:hidden;padding-left: 10px;}
.i_news .news_content .zuo .news_list ul li .tui_info h2{/* width:366px; */overflow:hidden; font:300 15px "微軟雅黑"; color:#333; text-align:left; display:block; white-space:nowrap; text-overflow:ellipsis; margin-bottom:4px;}
.i_news .news_content .zuo .news_list ul li .tui_info h3{ /*width:366px; */overflow:hidden; font:300 12px/18px "宋體"; color:#666; text-align:left; height:36px;}
.i_news .news_content .zuo .news_list ul li .tui_info h4{ /*width:366px; */overflow:hidden; text-align:left; font:300 12px/18px "宋體"; color:#666; text-align:left; margin-top:5px;}

.i_news .news_content .you{ /*width:520px;*/ overflow:hidden; /*padding-left:30px;*/padding-right:30px;}
.i_news .news_content .you .top{/* width:520px; */overflow:hidden; margin-bottom:15px;}
.i_news .news_content .you .top .title{ overflow:hidden; font:300 18px "微軟雅黑"; color:#333; text-align:left;}
.i_news .news_content .you .top .more{ overflow:hidden; font:300 12px/24px "微軟雅黑"; color:#666;}
.i_news .news_content .you .top .more a{ text-decoration:none; color:#666;}
.i_news .news_content .you .top .more a:hover{ text-decoration:none; color:#ea5404;}

.i_news .news_content .you .news_list{/* width:520px;*/ overflow:hidden;}
.i_news .news_content .you .news_list ul{text-decoration:none; list-style:none; overflow:hidden;}
.i_news .news_content .you .news_list ul li{ /*width:520px; */overflow:hidden; margin-bottom:10px;}
.i_news .news_content .you .news_list ul li .tui_img{/* width:140px;*/ height:80px;}
.i_news .news_content .you .news_list ul li .tui_img img{width:100%; height: 100%;}
.i_news .news_content .you .news_list ul li:hover .tui_img img{width:100%; height: 100%; filter:alpha(opacity=80);opacity:0.8;}
.i_news .news_content .you .news_list ul li .tui_info{ /*width:366px; */overflow:hidden; padding-left: 10px;}
.i_news .news_content .you .news_list ul li .tui_info h2{ /*width:366px; */overflow:hidden; font:300 15px "微軟雅黑"; color:#333; text-align:left; display:block; white-space:nowrap; text-overflow:ellipsis; margin-bottom:4px;}
.i_news .news_content .you .news_list ul li .tui_info h3{/* width:366px;*/ overflow:hidden; font:300 12px/18px "宋體"; color:#666; text-align:left; height:36px;}
.i_news .news_content .you .news_list ul li .tui_info h4{ /*width:366px;*/ overflow:hidden; text-align:left; font:300 12px/18px "宋體"; color:#666; text-align:left; margin-top:5px;}




/*footer{ width:100%; padding:15px 0; background:#262626; border-top:2px solid #cf660a;}
footer .footer{ width:1100px; overflow:hidden;}
footer .footer .logo{ width:140px; height:60px;}
footer .footer .banquan{ overflow:hidden; margin-left:30px; padding-top:6px;}
footer .footer .banquan ul{ text-decoration:none; list-style:none; overflow:hidden;}
footer .footer .banquan ul li{ font:300 12px/22px "宋體"; color:#CCC; text-align:left;}
footer .footer .banquan ul li a{ text-decoration:none; color:#CCC;}
footer .footer .banquan ul li a:hover{ text-decoration:none; color:#ea5404;}

footer .footer .footer_nav{ overflow:hidden;}
footer .footer .footer_nav ul{ text-decoration:none; list-style:none; overflow:hidden;}
footer .footer .footer_nav ul li{ float:left; margin-left:8px; font:300 12px/60px "微軟雅黑"; color:#CCC;}
footer .footer .footer_nav ul li a{ text-decoration:none; color:#CCC;}
footer .footer .footer_nav ul li a:hover{ text-decoration:none; color:#ea5404;}
*/
footer {
	margin: 0 auto;
	clear: both;
	background: #f4f4f4;
	padding: 40px 0 0;
}

.foot_nav dt {
	font-size: 18px;
	font-weight: normal;
}

.foot_nav dt a {
	color: #333;
	line-height: 40px;
}

.foot_nav dd {
	clear: both;
}

.foot_nav dd a {
	color: #666;
	line-height: 30px;
}

.foot_contact {}

.foot_c_title {
	font-size: 18px;
	font-weight: normal;
	color: #333;
	line-height: 40px;
}

.foot_c_text {
	clear: both;
	color: #666;
}

.foot_c_text strong {
	clear: both;
	display: block;
	padding: 10px 0;
	font-weight: normal;
	color: #333;
	font-size: 16px;
}

.foot_copy {
	clear: both;
	background: #e9e9e9;
	padding: 30px 0;
	text-align: center;
	font-size: 12px;
}

.foot_c_text {
	float: left;
	width: 70%;
	padding: 0 20px 0 0;
}

.foot_code {
	float: right;
	width: 30%;
}

.foot_code span {
	display: block;
}

.foot_code img {
	display: block;
	background: #fff;
	border: 1px solid #ddd;
	padding: 3px;
}

.foot_code p {
	padding: 8px 0 0;
	text-align: center;
}

.banner_sub{ width:100%; overflow:hidden; position:relative;}

.banner_sub .title{ width:90%; overflow:hidden; text-align:left;  position: relative;  z-index: 300;     margin-top: -60px;}
.banner_sub .title .titles{ /*width:240px;*/ height:60px; background:url(../image/ico_02.png) repeat; float:left; font:300 22px/60px "微軟雅黑"; color:#FFF; padding:0 10px;}
.banner_sub .title .titles span{ font-size:12px;}


/*source.php*/
.source_container{/* width:1100px; */ width:90%;overflow:hidden;  padding:0px 0 30px;}
.div_260{ /*width:260px; */ overflow:hidden; background: #f2f2f2;}
.div_260 .side_menu{ /*width:260px;*/width:100%; overflow:hidden;}
.div_260 .side_menu ul{ text-decoration:none; list-style:none; overflow:hidden;}
.div_260 .side_menu ul li{ /*width:260px; */width:100%;overflow:hidden; text-align:left; font:300 14px/32px "微軟雅黑"; color:#333;}
.div_260 .side_menu ul li a{ text-decoration:none; color:#333; display:block; line-height:32px; padding:0 15px; margin-bottom:4px;}
.div_260 .side_menu ul li a:hover{ text-decoration:none; color:#fff; display:block; background: url(../image/ico_06.jpg) #E67F24 no-repeat left top; padding:0 15px;}
.div_260 .side_menu ul li.xuan a{ text-decoration:none; color:#fff; display:block; background: url(../image/ico_06.jpg) #E67F24 no-repeat left top; padding:0 15px;}

.div_820{ /*width:820px; */overflow:hidden; margin-top: 20px; padding-left: 10px;}
.sub_content{ /*width:820px; */overflow:hidden;}
.sub_content .top{ /*width:820px;*/ text-align:right; overflow:hidden; font:300 14px "微軟雅黑"; color:#666; border-bottom:1px solid #CCC; padding-bottom:8px; margin-bottom:8px;}
.sub_content .top a{ text-decoration:none; color:#666;}
.sub_content .top a:hover{ text-decoration:none; color:#e67f24;}
.sub_content .canshu{ /*width:820px; */height:44px; background:#f2f2f2;}
.sub_content .canshu ul{ text-decoration:none; list-style:none; overflow:hidden;}
.sub_content .canshu ul li{ overflow:hidden; float:left; font:300 14px/44px "微軟雅黑"; color:#333;}

.sub_content .download_list{ /*width:820px; */overflow:hidden;min-height: 280px}
.sub_content .download_list ul{ text-decoration:none; list-style:none; overflow:hidden;}
.sub_content .download_list ul li{overflow:hidden; float:left; font:300 12px/46px "微軟雅黑"; color:#333; cursor:pointer;}
.sub_content .download_list ul li a{ text-decoration:none; color:#e67f24;}
.sub_content .download_list ul li a:hover{ text-decoration:underline; color:#e67f24;}


/*案例*/
.case_bg{ background:#f4f4f4; height:666px; overflow:hidden;}
.case_bg h2{ padding:30px 0 35px;}
.case_l{ padding:180px 48px 0 22px;}
.case_r{ padding:180px 22px 0 48px;}
.case_l img,.case_r img { width:41px; height:41px;}
.case_c{ width: 971px;height: 411px;overflow: hidden;}
/*.case_c ul li { width:615px; margin:0 auto;position:relative;}
.case_c ul li img{ width:613px; height:409px; border:#c7c7c7 1px solid;}
.case_c ul li span{ width:613px; text-align:center; display:block; height:46px; line-height:46px; overflow:hidden; background:
url(Img/Index/ab_picbg.png) repeat; position:absolute; bottom:1px; left:1px;}
.case_c ul li span a{ font-size:18px; color:#fff;font-weight: bold;}*/
.case_bot{width: 630px; margin:0 auto; padding:32px 0 0;}
.case_bot ul li{width: 156px;float: left; border-right:#fff 1px solid;}
.case_bot ul li a{font-size: 18px;color: #fff;display: block;width: 156px;height: 50px;line-height: 50px;text-align: center;background: #2469be;overflow: hidden;}
.case_bot ul li.cur a,.case_bot ul li a:hover{background: #184998; text-decoration:none;}


.case_c { width:971px; height:411px;margin:0 auto; }
.case_c ul{width:971px; height:409px;  position: relative; overflow:hidden;}
.case_c ul li { width:613px; height:409px; overflow:hidden;}
.case_c ul li a{display:block;}
.case_c ul li a img{ width:100%}
.case_c ul li span{ background:url(../image/ab_picbg.png) repeat; left:3px; width:613px;display:block; text-align:center; width:100%; height:54px; line-height:54px; position:absolute; left:0; bottom:0px;}
.case_c ul li span a{ font-size:14px; color:#fff;}


/*分頁代碼*/
.yema{text-align:center; padding:5px 0 0; overflow:hidden; height:30px;}
.yema a{ padding:3px 10px; border:#ccc 1px solid; margin:0 4px; font-size:14px; color:#333; font-family:"微軟雅黑";}
.yema a:hover{ padding:3px 10px; background:#f55a08;font-size:14px; color:#fff; border:#f55a08 1px solid;}
.yema .nohre:hover{background:#fff;border: #ccc 1px solid;color: #333;}
.yema .current{ padding:3px 10px; background:#f55a08;font-size:14px; color:#fff; border:#f55a08 1px solid; font-family:"微軟雅黑";}
.yema .current:hover{color:#fff !important; border:#f55a08 1px solid !important;}
.yema .nofl:hover{ background:#fff;border:#ccc 1px solid;color:#333;}

a.yema_on{color:#fff !important; border:#f55a08 1px solid !important; background:#f55a08;}
a.yema_on:hover{color:#fff !important; border:#f55a08 1px solid !important; }


/*about.php*/
.sub_content .about{ /*width:820px;*/ overflow:hidden; padding-top:5px;}
.sub_content .about ul{ text-decoration:none; list-style:none; overflow:hidden;}
.sub_content .about ul li{ /*width:820px;*/ overflow:hidden; font:300 12px/24px "宋體"; color:#333; text-align:left;}

/*honor.php*/
.honor_list{ /*width:820px;*/ overflow:hidden;}



/*榮誉資質彈窗效果*/
.gallery{list-style-type:none;float:left; /*width:840px;*/ padding:0px;margin:10px 0 0;}
.gallery li{float:left;/*padding:0 20px 15px 0px;*//*width: 260px;height: 246px;*/}

.gallery li img{/*float:left; width:256px;*/ border:2px solid #a8a8a8; height: 175px;}
.gallery li img:hover{/*float:left; width:256px; */border:2px solid #e77817; }
.gallery li a,.gallery li p{ font:300 14px/30px "微軟雅黑"; text-align:center;overflow: hidden; 
      text-overflow:ellipsis;  
      white-space: nowrap; width: 90%; }
#zoom {
	z-index: 99990;
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
#zoom .content {
	z-index: 99991;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 200px;
	height: 200px;
	background: #ffffff no-repeat 50% 50%;
	padding: 0;
	margin: -100px 0 0 -100px;
	box-shadow: -20px 20px 20px rgba(0, 0, 0, 0.3);
	border-radius: 4px;
}
#zoom .content.loading {
	background-image: url('../image/loading.gif');
}
#zoom img {
	display: block;
	max-width: none;
	background: #ececec;
	box-shadow: 0 1px 3px rgba(0,0,0,0.25);

}
#zoom .close {
	z-index: 99993;
	position: absolute;
	top: 0;
	right: 0;
	width: 49px;
	height: 49px;
	cursor: pointer;
	background: transparent url('../image/close.png') no-repeat 50% 50%;
	opacity: 1;
	filter: alpha(opacity=100);
	border-radius: 0 0 0 4px;
}
#zoom .previous,
#zoom .next {
	z-index: 99992;
	position: absolute;
	top: 50%;
	overflow: hidden;
	display: block;
	width: 49px;
	height: 49px;
	margin-top: -25px;
}
#zoom .previous {
	left: 0;
	background: url('../image/arrows.png') no-repeat 0 0;
	border-radius: 0 4px 4px 0;
}
#zoom .next {
	right: 0;
	background: url('../image/arrows.png') no-repeat 100% 0;
	border-radius: 4px 0 0 4px;
}
#zoom .close:hover {
	background-color: #da4f49;
}
#zoom .previous:hover,
#zoom .next:hover {
	background-color: #0088cc;
}


/*contact.php*/
.sub_content .lian{ width:820px; overflow:hidden; padding-top:5px;}
.sub_content .lian ul{ text-decoration:none; list-style:none; overflow:hidden;}
.sub_content .lian ul li{ width:820px; overflow:hidden; font:300 13px/26px "微軟雅黑"; color:#333; text-align:left;}
.sub_content .lian ul li img{ margin-bottom:10px;}


/*news.php*/
.sub_content .news_list{ /*width:820px; */overflow:hidden; padding-top:10px;}
.sub_content .news_list ul{text-decoration:none; list-style:none; overflow:hidden;min-height:420px;}
.sub_content .news_list ul li{ /*width:820px;*/ overflow:hidden; margin-bottom:25px;}
.sub_content .news_list ul li .tui_img{/* width:200px;*/ height:200px; background:#000;}
.sub_content .news_list ul li .tui_img img{ width:100%;    height: 100%;}
.sub_content .news_list ul li:hover .tui_img img{ width:100%; filter:alpha(opacity=80);opacity:0.8;}


.sub_content .news_list ul li .tui_info{ /*width:600px;*/ overflow:hidden;    padding-left: 10px;}
.sub_content .news_list ul li .tui_info h2{ /*width:600px;*/ overflow:hidden; font:300 15px "微軟雅黑"; color:#333; text-align:left; display:block; white-space:nowrap; text-overflow:ellipsis; margin-bottom:4px; border-bottom:1px dashed #CCC; padding-bottom:8px; margin-bottom:8px;}
.sub_content .news_list ul li .tui_info h3{ /*width:600px;*/ overflow:hidden; font:300 12px/20px "宋體"; color:#666; text-align:left; height:40px;}
.sub_content .news_list ul li .tui_info h4{/* width:600px;*/ overflow:hidden; text-align:left; font:300 12px/18px "宋體"; color:#666; margin-top:20px;}


/*news_detail.php*/
.sub_content .news_content{ /*width:820px;*/ overflow:hidden; padding-top:10px;}
.sub_content .news_content h1{/* width:820px;*/ font:300 20px/30px "微軟雅黑"; color:#e67f24; margin-bottom:5px;}
.sub_content .news_content h2{ /*width:820px; */font:300 12px "宋體"; color:#666; margin-bottom:10px; border-bottom:1px dashed #CCCCCC; padding-bottom:10px;}
.sub_content .news_content ul{text-decoration:none; list-style:none; overflow:hidden;}
.sub_content .news_content ul li{/* width:820px;*/ overflow:hidden; margin-bottom:25px; font:300 13px/24px "宋體"; color:#333; text-align:left; border-bottom:1px dashed #ccc; padding-bottom:20px; margin-bottom:20px;}
.sub_content .news_content ul li img{ margin-bottom:8px;}
.news_det_title_t{ width: 100%;}
.news_fanye{ width:100%; overflow:hidden;}
.news_fanye ul{text-decoration:none; list-style:none; overflow:hidden;}
.news_fanye ul li{ width:100%; overflow:hidden; font:300 12px/24px "宋體"; color:#666; text-align:left;}
.news_fanye ul li a{ text-decoration:none; color:#666;}
.news_fanye ul li a:hover{ text-decoration:none; color:#e67f24;}
.ptit{line-height:18px !important;}

/*cases.php*/
.sub_content .cases_list{ /*width:840px;*/ overflow:hidden; padding-top:10px;}
.sub_content .cases_list ul{text-decoration:none; list-style:none; overflow:hidden;min-height: 396px;}
.sub_content .cases_list ul li{ /*width:260px;*/padding-right: 10px; overflow:hidden; float:left;  position:relative; margin-bottom:20px;    /*padding-right: 1%;*/}
.sub_content .cases_list ul li .tui_img{ /*width:260px; */overflow:hidden;height: 178px;}
.sub_content .cases_list ul li .tui_img img{ width:100%;}
.sub_content .cases_list ul li .title{ /*width:240px; */ width:97%;height:40px; padding:0; text-align: center; position:absolute; font:300 13px/40px "微軟雅黑"; color:#FFF; bottom:0; background:url(../image/ico_02.png) repeat; white-space:nowrap; display:block; overflow:hidden; text-overflow:ellipsis;}
.sub_content .cases_list ul li:hover .title{ /*width:240px; */width:100%;height:40px; padding:0 10px; text-align: center; position:absolute; font:300 13px/40px "微軟雅黑"; color:#FFF; bottom:0; background:url(../image/ico_03.png) repeat; white-space:nowrap; display:block; overflow:hidden; text-overflow:ellipsis;}




/*cases.php*/
.sub_content .products_list{ /*width:840px;*/ overflow:hidden; padding-top:10px;}
.sub_content .products_list ul{text-decoration:none; list-style:none; overflow:hidden;min-height: 492px;}
.sub_content .products_list ul li{ /*width:260px;*/ padding-right: 5px;   overflow:hidden; float:left; /*margin-right:20px;*/  margin-bottom:10px;}
.sub_content .products_list ul li .tui_img img{ width:100%;}
.sub_content .products_list ul li .title{white-space:nowrap;/* width:238px;*/ padding:0 10px; overflow:hidden; font:300 12px/38px "宋體"; color:#333; text-align:center;}
.sub_content .products_list ul li:hover .tui_img{ /*width:258px;*/ overflow:hidden; border:1px solid #e67f24;}
.sub_content .products_list ul li:hover .title{ /*width:238px; */padding:0 10px; overflow:hidden; font:300 12px/38px "宋體"; color:#e67f24; text-align:center;}

/*products_detail.php*/
.sub_content .products_content{ /*width:820px;*/ overflow:hidden;}

.sub_content .products_content .p_banner{ /*width:370px; */overflow:hidden; margin-top:20px; /*margin-left:10px;*/}

.main_image2 {width:370px; height:282px; overflow:hidden; margin:0 auto; position:relative; }
.main_image2 ul {width:9999px; height:282px; overflow:hidden; position:absolute; top:0; left:0}
.main_image2 li {float:left; width:100%; height:282px;}
.main_image2 li span {display:block; width:100%; height:282px}
.main_image2 li a {display:block; width:100%; height:282px}
div.flicking_con2 {width:370px; margin:0 auto; position:relative; }
div.flicking_con2 .flicking_inner2{position:absolute; top:250px; right:44%; z-index:180; height:24px;} 
div.flicking_con2 a {float:left; width:22px; height:22px; margin:0; padding:0; background:url('../image/btn_main_img2.png') 0 0 no-repeat; display:block; text-indent:-10000px}
div.flicking_con2 a.on {background-position:0 -21px}
#btn_prev2,#btn_next2{z-index:180;position:absolute;display:block;width:40px!important;height:80px!important;top:40%;display:none;}
#btn_prev2{left:0%; background:url(../image/arrow_left.png) no-repeat left center; width:1px; height:1px; display:none;}
#btn_next2{right:0%; background:url(../image/arrow_right.png) no-repeat left center; width:1px; height:1px; display:none;}

.sub_content .products_content .p_summary{ /*width:420px; */ padding-top:110px;}
.sub_content .products_content .p_summary h1{/* width:420px;*/ font:300 18px "微軟雅黑"; color:#333; text-align:center; margin-bottom:5px;}
.sub_content .products_content .p_summary p{ /*width:420px; */font:300 12px/24px "微軟雅黑"; color:#666;}
.sub_content .products_content .px_top{ /*width:820px;*/ overflow:hidden; font:300 13px "微軟雅黑"; color:#666; text-align:left; border-bottom:1px solid #CCC; padding-bottom:10px; margin-bottom:10px;}
.sub_content .products_content .px_top span{ color:#e67f24; font-size:16px; margin-right:5px;}
.sub_content .products_content .px_xiang{/* width:820px;*/ overflow:hidden;}
.sub_content .products_content .px_xiang ul{ text-decoration:none; list-style:none; overflow:hidden;}
.sub_content .products_content .px_xiang ul li{/* width:820px;*/ overflow:hidden; font:300 13px/24px "微軟雅黑"; color:#333; text-align:left; padding-bottom:20px;}

/* side */
.side{position:fixed;width:54px;right:0;bottom:200px;z-index:150;}
.side ul li{width:54px;height:54px;float:left;position:relative; margin-bottom:1px;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#424242;opacity:0.7;filter:Alpha(opacity=70);color:#fff;font:19px/54px "微軟雅黑";overflow:hidden; text-align:left;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#424242;opacity:0.7;filter:Alpha(opacity=70);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#e67f24;opacity:0.9;filter:Alpha(opacity=90);}
.side ul li img{float:left; padding:2px;}
.side ul li .sidebox2{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#424242;opacity:0.7;filter:Alpha(opacity=70);color:#fff;font:20px/54px "微軟雅黑";overflow:hidden;}
.side ul li .sidebox2:hover{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#e67f24;opacity:0.9;filter:Alpha(opacity=90);color:#fff;font:20px/54px "微軟雅黑";overflow:hidden;}

#bb1{ width:181px; height:168px; margin-left:-178px; background:url(../image/ico_code_bg.png) no-repeat; margin-top:10px; }
#bb1 img{ width:150px; height:150px; margin-left:9px; margin-top:9px;}
.picScroll-left{ height: 100%;}
.hd{position: relative; top: 25%;height: 100%;}
.hd .next{position: absolute;top: 145px;right: 13px;z-index:999}
.hd .prev{position: absolute;top: 145px;left: 0px;z-index:999}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 0px;
    height: 45px;line-height: 45px;
    padding-top: 10px;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
    padding: 15px;
    line-height: 1.42857143;
    vertical-align: top;
    border-bottom: 1px solid #ddd;
    border-top:none;
    overflow: hidden; 
      text-overflow:ellipsis;  
      white-space: nowrap; 
}