/* CSS Document
	Copyright	:	kksem.com
	Author		:	Mortimer He In 2013-11-21 16:01
	Email		:	mortimerhe@gmail.com	
*/
/*初始化*/
body{ letter-spacing:1px; padding:0px;margin:0px;line-height:25px; font-size:12px; color:#333333; font-family:SimSun;/* font-family:'Microsoft YaHei';*/}
img{ border:none;}
ul,dl,dd,dt,p,li{ padding:0px; margin:0px; list-style:none;}
a,a:link{ text-decoration:none; color:inherit;}
.margin_a { margin-top:10px;}
.margin_b { margin:10px 0;}
.clear{ clear:both;}

.center-center { width:1000px; margin:auto; padding-top:15px; margin-bottom:20px;}
.center-left { float:left;}
.center-right { float:right;}

/*初始化结束*/
/*引导页样式*/
.panting { margin:10px 0;}
.i_content { width:1000px; margin:auto;}

.b_content { width:1000px; margin:auto;}
.MORE a { float:right; background:url(../Images/MORE.jpg) no-repeat; width:44px; height:14px; margin-top:12px; margin-right:10px;}

.Banners { width:278px; height:170px; margin:auto;}
.Banners img { width:278px; height:170px; margin:auto;}

.flexslider {margin:auto;position:relative; width:977px; height:293px; overflow:hidden;zoom:1;}
.flexslider img { width:100%; height:293px;}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1;}
.flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:-50px 0 0;display:block;background:url(../images/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;}
.flex-direction-nav .flex-next{background-position:0 -90px;right:0;}
.flex-direction-nav .flex-prev{left:0;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1; filter:alpha(opacity=50);}
.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center;}
.flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{background:url(../images/dot.png) no-repeat 0 -16px; display:block;height:16px;overflow:hidden;text-indent:-99em;width:16px;cursor:pointer;}
.flex-control-paging li a.flex-active{background-position:0 0;}


#zzsc { width:100%;	 height: 575px;	 overflow: hidden;}
#zzsc a { position: absolute; top: 0; left: 0; }
#zzsc a img { border: none; width:100%;	 height: 575px;}
/* 以下是針對選單按鈕設定 */
#zzsc .abgne-controls { list-style: none;  position: absolute; margin: 0; padding: 0; right: 10px; bottom: 25px; height: 20px;}
#zzsc .abgne-controls li { float: left; width: 35px;height: 35px; line-height: 35px; font-size: 20px; font-weight: 900; text-align: center; cursor: pointer; margin-right: 2px; color: #0cf; background-color: #fff;}
#zzsc .abgne-controls li.current { color: #fff; background-color: #0cf;}


.left { float:left;}
.right { float:right;}
/*引导页样式 结束*/
.logobg { background:url(../Images/logobg.jpg) repeat-x; height:98px;}
.logo { background:url(../Images/logo.jpg) no-repeat; width:990px; height:98px; margin:auto;}
.nav { background:url(../Images/nav.jpg) repeat-x; height:56px;}
.nav li { width:100px; float:left; font-size:14px; text-align:center; line-height:56px; color:#333333;}
.sou { background:url(../Images/sou.jpg) no-repeat; width:183px; height:26px;}
.keywords { background-color:#D0D0D0; border:none; width:140px; margin-left:10px; margin-top:4px;}
.search_bt { margin-bottom:-4px;}
.indexbg { background:url(../Images/indexbg.jpg) repeat-x; min-height:360px;}

.chanp { width:250px; height:110px; overflow:hidden; margin:auto; padding-bottom:5px;}
.chanp img{ width:250px; height:110px; display:block;}

.anli { height:110px; width:439px; overflow:hidden; margin:auto; padding-bottom:5px;}
.anli img { width:439px; height:110px; display:block;}

.news_li { height:110px; width:236px; overflow:hidden; margin:auto; padding-bottom:5px;}
.news_li img { width:236px; height:110px; display:block;}

.newsli li { background:url(../Images/ne.jpg) no-repeat 0 center; text-indent:15px;}
.newsli li a:hover{ color:#f00;}
.newsli li span { float:right; color:#A2A2A2;}
.nespan li span { display:none;}
.link { background:url(../Images/link.jpg) no-repeat; width:978px; height:95px; margin:auto;}
#ProMarq_index { width:850px; overflow:hidden;}
#ProMarq_index li { width:134px; float:left; padding:16px 15px;}
#ProMarq_index li a{ display:block;}
#ProMarq_index li img { width:134px; height:58px; display:block;}
.overbg { background-color:#141213; text-align:center; color:#5B595A; padding:30px;}




.goL,.goR{float:left;height:130px;width:16px;cursor:pointer; margin:0 1px;}
.goL{background:url(../images/goL.png) center center no-repeat;}
.goR{background:url(../images/goR.png) center center no-repeat;}
/*首页 结束*/

.sdmenu { width:215px; padding-top:15px; background-color:#024A9E;}
div.sdmenu div{ background:url(../images/lia.jpg) no-repeat; width:189px; margin:auto; overflow:hidden; color:#00458b; font-size:15px; margin-left:12px; margin-top:8px;}
div.sdmenu div.collapsed { height:30px;}
div.sdmenu div span{display:block;line-height:30px; width:189px; height:30px; color:#fff;cursor:pointer; font-size:14px; font-weight:bold; text-indent:15px;}
div.sdmenu div span a{padding:0;background:none;border:0;font-size:14px;line-height:30px;display:block;}
div.sdmenu div.collapsed { background:url(../images/li.jpg) no-repeat !important; width:189px; color:#00458b}
div.sdmenu div dd { background: url(../images/indexdd.jpg) no-repeat; width:198px; height:33px; line-height:33px; padding-left:15px; font-size:12px; color:#FFF; text-indent:5px; margin-bottom:3px;}

/*分类下拉*/

.content-content { padding:10px;}
/* left style */
.left { width:202px;}
.left_meun , .con_mian { width:240px; border:1px solid #ccc; margin-bottom:10px; background-color:#FFF;}
.left_meun_t {height:49px; overflow:hidden; background-color:#DA1D24; text-indent:20px; width:240px; overflow:hidden; white-space:nowrap;}
.left_meun_t h2 { font-size:14px; color:#fff;}
.left_meun_m { width:180px; padding:10px; background-color:#FFF;}
.left_meun_m li { line-height:30px; text-indent:25px; background:url(../images/dot-02.jpg) no-repeat 0 8px;border-bottom:1px solid #F2F2F2; width:220px; overflow:hidden; white-space:nowrap;}
.left_meun_m dd { background:url(../Images/dd.jpg) no-repeat 0 center; border-bottom:1px #B8B8B8 dashed; margin-left:15px;}
.left_meun_m dd { display:none;}
.catlist dd { display:block !important;}


.left_meun_b {padding:12px;}
.left_meun_b li { border-bottom:1px solid #F2F2F2;}
.left_meun_b li a { line-height:20px;  padding-bottom:10px;color:#303030; display:block; padding-left:28px; padding-top:10px; background:url(../images/dot-02.jpg) no-repeat 0 13px; font-family:"微软雅黑","黑体"; font-size:14px;}
.left_meun_b li a:hover { font-size:16px; color:#FF6600; font-weight:800; text-decoration:none;}
.contact {height:66px; overflow:hidden;}
.a_q {height:70px; overflow:hidden;}
.a_q a { display:block;height:70px;}
.new_sch {padding:20px 0 0 18px;height:150px; overflow:hidden;}

.porlist-porlist { padding:20px 0;}
.porlist-porlist li { width:170px; text-align:center; margin:auto;}
.porlist-porlist li img { width:170px; height:135px; border:1px #CCC solid;}
.porlist-porlist li img:hover { border:1px #C30 solid;}

/* right style */
.con_mian { width:720px;}
.con_mian_t { height:49px; overflow:hidden; background:url(../images/right.gif) repeat-x;padding-left:35px;}
.con_mian_t h2 { font-size:14px; color:#333;}
.con_mian_m {padding:20px; line-height:20px; background-color:#FFF;}
.con_mian_m .pic { float:left; margin-right:5px; display:inline;}
.adv_y { font-size:14px; color:#dc143c; font-size:20px; clear:both;padding:20px 0 0 20px;}
.new_con {padding:10px;}
.new_list li , .download li {border-bottom:1px dotted #eee;height:30px; line-height:30px;padding:0 15px 0 20px; font-size:14px; background:url(../images/queryli.gif) no-repeat 5px 11px;}
.new_list li .name a , .download li .name a { color:#555;}
.new_list li .name a:hover , .download li .name a:hover { color:#ff6600; text-decoration:underline;}
.new_list li .date , .download li .date { color:#777;}
.download li  {background:url(../images/li.gif) no-repeat 5px 9px;}
.page {height:30px;}
.page_l {padding:3px 8px;}
.page_r {padding-right:8px;}
.page_r li {background-color:#fff;border:1px solid #ccc;color:#333;padding:0 5px;margin:3px; float:left;height:18px; line-height:18px;}
.page_r li.opt {padding:0 2px;border:none;}
.page_r li.cur {background-color:#EFEFEF;border:1px solid #ccc;color:#333;}

/* feedback style */
.feedback {margin-top:10px; margin-left:10px;}
.feedback table td {padding:4px 3px;}
.feedback table td .text {border:1px solid #ddd;color:#555;height:16px;line-height:16px;padding:4px 3px; width:400px;}
.feedback table td .l_text { width:400px; padding:3px; border:solid 1px #ddd; height:158px;}
.feedback table td .button {background:#F7F7F7;border:1px solid #ddd;height:22px;line-height:22px; width:50px; cursor:pointer; text-align:center;padding:0 3px;}
.red { color:#ff0000;font-family:'宋体';}

.list-news { padding:10px;}
.list-news li { border-bottom:1px dotted #eee;height:30px; line-height:30px;padding:0 15px 0 20px; font-size:14px; background:url(../images/queryli.gif) no-repeat 5px 11px;}
.list-news li span { float:right; color:#999;}
.list-news li:hover { color:#ff6600; text-decoration:underline;}

.new_list li , .download li {border-bottom:1px dotted #eee;height:30px; line-height:30px;padding:0 15px 0 20px; font-size:14px; background:url(../images/queryli.gif) no-repeat 5px 11px;}
.new_list li .name a , .download li .name a { color:#555;}
.new_list li .name a:hover , .download li .name a:hover { color:#ff6600; text-decoration:underline;}
.new_list li .date , .download li .date { color:#777;}

.list-prolist { padding:10px;}
.list-prolist li { width: 223px; height: 187px; overflow: hidden; float: left; padding: 5px 8px; text-align:center;}
.list-prolist li img { width: 215px; height: 155px; border:1px solid #ccc; padding: 3px;}

.list-prolist div.effect7 { float:left; margin:8px;}



.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px; padding:0 10px;}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{color:#23527c;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:2;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}
/*内页结束*/


/*外加*/
.artlist-artlist {}
.artlist-artlist li { border-bottom:1px dotted #eee;height:30px; line-height:30px;padding:0 15px 0 20px; font-size:14px; background:url(../images/queryli.gif) no-repeat 5px 11px; width:350px; float:left; margin:0 10px;}
.artlist-artlist span { float:right;}





#wrapper {
	background:#fff;
	position:relative;
}

a {
	text-decoration:none;
	-webkit-transition:color 0.2s linear;
    -moz-transition:color 0.2s linear;
    -o-transition:color 0.2s linear;
    transition:color 0.2s linear;
}

a:focus , a:link, a:active {
	outline:none;
}

a:hover {
	color:#444;
}

.fullwidthbanner-container .fullwidthabnner	{
	width:100% !important;
	max-height:450px !important;
	position:relative;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	  .banner, .bannercontainer			{	width:768px; height:309px;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	   .banner, .bannercontainer		{	width:480px; height:193px;	}
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
		.banner, .bannercontainer		{	width:320px;height:129px;	}
}

@media only screen and (max-width: 319px) {
		.banner, .bannercontainer		{	width:240px;height:97px;	}
}

.tp-bullets.simplebullets.round .bullet:hover,
.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.navbar .bullet:hover,
.tp-bullets.simplebullets.navbar .bullet.selected {	
	background:#e1472f !important; 
}
.tp-leftarrow:hover,
.tp-rightarrow:hover {	
	background-color:#e1472f !important;
 }
/** BULLETS **/
.tp-bullets {
    z-index: 1001;
    position: absolute;
    bottom: 0px;
}

.tp-bullets.simplebullets.round .bullet {
    cursor: pointer;
    position: relative;
    background: #fff;
    width: 188px;
    height: 6px;
    float: left;
    -webkit-transition: background 0.1s linear;
    -moz-transition: color, background 0.1s linear;
    -o-transition: color, background 0.1s linear;
    transition: color, background 0.1s linear;
}


.tp-leftarrow.large {
	z-index: 100;
	cursor: pointer;
	position: relative;
	background: #393939 url(../images/slider-left-arrow.png) no-Repeat;
	width: 42px;
    height: 43px;
	margin-left: 0px;
	margin-top:-21px;
	-webkit-transition: background 0.1s linear;
	-moz-transition: color, background 0.1s linear;
	-o-transition: color, background 0.1s linear;
	transition: color, background 0.1s linear;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);/*增加阴影*/
	/*
	**打开注释，按钮变成圆形的
	border-radius: 20px;  所有角都使用半径为5px的圆角，此属性为CSS3标准属性 
	-moz-border-radius: 20px;  Mozilla浏览器的私有属性 
	-webkit-border-radius: 20px;  Webkit浏览器的私有属性 
	border-radius: 20px 20px 20px 20px; 四个半径值分别是左上角、右上角、右下角和左下角 
	*/
}

.tp-rightarrow.large {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: #393939 url(../images/slider-right-arrow.png) no-Repeat 0 0;
    width: 42px;
    height: 43px;
    margin-left: 0;
	margin-top:-21px;
    -webkit-transition: background 0.1s linear;
    -moz-transition: color, background 0.1s linear;
    -o-transition: color, background 0.1s linear;
    transition: color, background 0.1s linear;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);/*增加阴影*/
	/*
	**打开注释，按钮变成圆形的
	border-radius: 20px;  所有角都使用半径为5px的圆角，此属性为CSS3标准属性 
	-moz-border-radius: 20px;  Mozilla浏览器的私有属性 
	-webkit-border-radius: 20px;  Webkit浏览器的私有属性 
	border-radius: 20px 20px 20px 20px; 四个半径值分别是左上角、右上角、右下角和左下角 
	*/
}



.tp-bullets.tp-thumbs {
    z-index: 100;
    position: absolute;
    padding: 3px;
    background-color: #fff;
    width: 500px;
    height: 50px;
    margin-top: -50px;
}

.fullwidthbanner-container .tp-thumbs {
    padding: 3px;
}

.tp-bullets.tp-thumbs .tp-mask {
    width: 500px;
    height: 50px;
    overflow: hidden;
    position: relative;
}

.tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer {
    width: 5000px;
    position: absolute;
}

.tp-bullets.tp-thumbs .bullet {
    width: 100px;
    height: 50px;
    cursor: pointer;
    overflow: hidden;
    background: none;
    margin: 0;
    float: left;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	/*filter: alpha(opacity=50);	*/
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
}

.tp-bullets.tp-thumbs .bullet:hover,
.tp-bullets.tp-thumbs .bullet.selected {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.tp-thumbs img {
    width: 100%;
}

.tp-bannertimer {
    width: 100%;
    height: 10px;
    position: absolute;
    z-index: 200;
    z-index: 5000;
}

.tp-bannertimer.tp-bottom {
    bottom: 0px !important;
    height: 5px;
}


@media only screen and (min-width: 768px) and (max-width: 959px) {;
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .responsive .tp-bullets.tp-thumbs {
        width: 300px !important;
        height: 30px !important;
    }

    .responsive .tp-bullets.tp-thumbs .tp-mask {
        width: 300px !important;
        height: 30px !important;
    }

    .responsive .tp-bullets.tp-thumbs .bullet {
        width: 60px !important;
        height: 30px !important;
    }
}

@media only screen and (min-width: 0px) and (max-width: 479px) {
    .responsive .tp-bullets {
        display: none;
    }

    .responsive .tparrows {
        display: none;
    }
}


.tp-simpleresponsive img {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

.tp-simpleresponsive a {
    text-decoration: none;
}

.tp-simpleresponsive ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.tp-simpleresponsive >ul >li {
    list-stye: none;
    position: absolute;
    visibility: hidden;
}

.caption.slidelink a div,
.tp-caption.slidelink a div {
    width: 10000px;
    height: 10000px;
}

.tp-loader {
    background: url(../images/loader.gif) no-repeat 10px 10px;
    background-color: #fff;
    margin: -22px -22px;
    top: 50%;
    left: 50%;
    z-index: 10000;
    position: absolute;
    width: 44px;
    height: 44px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.fullwidthbanner-container{
	width:100% !important;
	position:relative;
	padding:0;
	max-height:390px !important;
	overflow:hidden;
}