@charset "utf-8";
/* CSS Document */
body{
	margin:0;
	padding:0;
	font:14px/1.5 arial,"Microsoft Yahei","Hiragino Sans GB",sans-serif;
	}
dl,dt,dd,ol,ul,li,header,foot,nav,article,section,mark,time{
	padding:0;
	margin:0;
	vertical-align: middle;
	}
li{list-style-type:none;}
ol,ul{list-style:none;}  
.banner{ max-width:1200px; margin:0 auto; height:300px;}

a.hide:link{ font-size:16px; color:#333333}
a.hide:visited { font-size:16px; color:#333333}
a.hide:hove{ font-size:16px; color:#333333}

a.s14:link{ font-size:14px;color:#333333;font-weight:bold}
a.s14:visited{ font-size:14px;color:#333333;font-weight:bold}
a.s14:hove{ font-size:14px;color:#333333;font-weight:bold}

a.s12:link{ font-size:12px;color:#333333}
a.s12:visited{ font-size:12px;color:#333333}
a.s12:hove{ font-size:12px;color:#333333}

a{ text-decoration:none;color:#555;}
a:hover{color:#FF0000;}
li{list-style-type:none;}
ol,ul{list-style:none;} 
article{
	word-wrap:break-word;
	}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.fl{
	float:left;
	}
.fr{
	float:right;
	}
img {
    border: 0 none;
    height: auto;
	max-width: 100%;
    vertical-align: middle;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
div[path] .row,#header,#footer{
	margin-left:auto;
	margin-right:auto;
}

#sliderbox {
    overflow: hidden;
    _position: relative
}

#slidebanner {
    width: 100%;
    height: 420px;
    text-align: center;
    overflow: hidden;
    position: relative;
    z-index: 90;
    clear: both
}

#slideshow li {
    width: 100%;
    height: 420px;
    position: absolute;
    left: 0;
    top: 0
}

#slideshow li img {
    width: 100%;
    height: 410px;
    display: block
}

#slidebanner .bx-wrapper {
    height: auto
}

#slidebanner .bx-wrapper .bx-pager {
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 10px;
    z-index: 90
}

#slidebanner .bx-wrapper .bx-pager .bx-pager-item, #slidebanner .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline
}
#slidebanner .bx-wrapper .bx-pager a {
    margin-left: 10px;
    width: 20px;
    height: 5px;
    font-size: 0;
    background: #eee;
    overflow: hidden;
    display: inline-block;
    text-decoration: none;
    moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px
}

#slidebanner .bx-wrapper .bx-pager a.active {
    background: #f65e4f
}

#slidebanner .bx-wrapper .bx-prev, #slidebanner .bx-wrapper .bx-next {
    width: 40px;
    height: 100%;
    _height: 400px;
    text-indent: -9999px;
    background: url(../img/arrow-slider.png) no-repeat -40px center;
    overflow: hidden;
    display: none;
    position: absolute;
    top: 0;
    z-index: 100;
    filter: alpha(opacity=60);
    -moz-opacity: .6;
    opacity: .6
}

#slidebanner .bx-wrapper .bx-prev {
    left: 1%
}

#slidebanner .bx-wrapper .bx-next {
    right: 1%;
    background-position: 0 center
}

#slidebanner .bx-wrapper .bx-prev:hover, #slidebanner .bx-wrapper .bx-next:hover {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1
}

.da-thumbs {
	list-style: none;
	width: 100%;
	position: relative;
	margin: 20px auto;
	padding: 0;
}
.da-thumbs li {
    width:238px;
	line-height:23px;
	margin-right:12px;
	float: left;
	background: #fff;
	position: relative;
}
.da-thumbs li .pic a,
.da-thumbs li .pic a img {
    width:236px;
    height:310px;
	display: block;
	position: relative;
	border:1px solid #ccc;
}
.da-thumbs li .pic a {
	overflow: hidden;
}
.da-thumbs li .pic a div {
	position: absolute;
	background: #333;
	background: rgba(75,75,75,0.7);
	width: 100%;
	height: 100%;
}
.da-thumbs li .tit {
width: 100%;
height: 35px;
line-height: 35px;
font-size: 14px;
text-align: center;
font-weight: bold;
}
.da-thumbs li .pic a div span {
	display: block;
	padding: 10px 0;
	margin: 40px 20px 20px 20px;
	text-transform: uppercase;
	font-weight: normal;
	color: rgba(255,255,255,0.9);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	border-bottom: 1px solid rgba(255,255,255,0.5);
	box-shadow: 0 1px 0 rgba(0,0,0,0.1), 0 -10px 0 rgba(255,255,255,0.3);
}

/* bannerad
----------------------------------------------------------------------------------- */
#focus{width:930px;height:350px;overflow:hidden;position:relative;}
#focus ul{height:230px;position:absolute;}
#focus ul li{float:left;width:930px;height:350px;overflow:hidden;position:relative;background:#FFF;}
#focus ul li img{ width:930px; height:350px;}
#focus ul li div{position:absolute;overflow:hidden;}
#focus .btnBg{position:absolute;width:930px;height:20px;left:0;bottom:0;background:#FFF;}
#focus .btns{position:absolute;width:930px;height:10px;padding:5px 10px;right:0;bottom:10px;text-align:right;}
#focus .btns span{display:inline-block;_display:inline;_zoom:1;width:25px;height:10px;_font-size:0;margin-left:5px;cursor:pointer;background:#FFF;}
#focus .btns span.on{background:#fff;}
#focus .preNext{width:45px;height:100px;position:absolute;top:120px;background:url(../images/sprite.png) no-repeat 0 0;cursor:pointer;}
#focus .pre{left:0;}
#focus .next{right:0;background-position:right top;}

.w_1200{max-width:1200px; margin:0 auto; padding-top:8px;}
.w_300{ width:260px; height:346px; float:right; border:1px solid #CCCCCC;box-shadow: 2px 2px 1px #888888;}
.w_300 .p1{ padding:5px 5px 0 5px;}
.w_300 .p2{ padding:5px;}
.w_300 .p2 .h_join{ background:#E6E6E6; height:165px;}

.h_leawords{ display:inline-block;height:288px; padding:48px 0 0 59px;}
.h_ly1{ width:339px; height:31px; line-height:31px; border:1px solid #999; margin-bottom:12px; _margin-bottom:8px; font-size:14px; color:#333;}
.h_ly1 span{ padding-left:9px; float:left; width:90px;}
.h_ly1 .ly01{ border:none; float:left; background:none; height: 31px; width:235px; line-height:31px;}
.h_ly3{ width:339px; height:88px; font-size:14px; color:#333; margin-top:5px; margin-bottom:8px;}
.h_ly3 span{ display:block; margin-bottom:9px;}
.h_ly3 .ly003{ resize:none; background:none; border:1px solid #999; overflow:hidden; width:339px; height:61px; line-height:30px;}
.h_ly4{ width:339px; height:57px; font-size:14px; color:#333;}
.h_ly4 span{ float:left; border:1px solid #999; width:62px; height:26px; line-height:26px; text-align:center; margin-top:7px;}
.h_ly4 img{ margin:5px 20px 0 0;}
.h_ly4 em{ display:block;}
.h_ly4 a.a01{ margin-left:20px;}
.h_ly5{ font-size:12px; color:#246cd7;}
.h_ly02{ width:60px; height:28px; border:1px solid #ccc; float:left; margin:6px 0 0 6px;}
.h_btn{ width:80px; height:35px; background:url(../images/cz.jpg) no-repeat; border:0;}

.w_880{ width:930px; float:left;}

.w_keybg{max-width:1200px;margin:10px auto; height:35px; background:url(../images/tbg.jpg) repeat-x; border:1px solid #CCCCCC;box-shadow: 2px 2px 1px #888888;}
.w_keybg .tit{ width:95px; line-height:35px; float:left; text-align:center; font-size:12px; color:#CC0000; background:url(../images/t_line.jpg) right no-repeat;}
.w_keybg .tn_list{ width:840px;height:35px;overflow:hidden; float:left; padding-left:10px;}
.w_keybg .tn_list li{ height:35px; line-height:35px;}

.cat_bg{ width:100%; height:174px;}
.cat_t{ width:1200px; margin:0 auto;}
.cat_bg .cat_menu1{ width:370px;float:left;}
.cat_bg .cat_menu2{ width:370px;float:left;margin-left:45px;}
.cat_bg .cat_menu3{ width:370px;float:right;}
.cat_bg .tbi{ font-size:16px; height:30px; color:#333333;font-family:微软雅黑; font-weight:bold;}
.cat_bg .boxt{background:url(../images/cat_bg.jpg) repeat-x #FFFFFF;height:135px; border:1px solid #DDDDDD;box-shadow: 2px 2px 1px #888888;}

.cat_bg .pic{ width:140px; float:left; padding:4px; background:#FFFFFF;}
.cat_bg .pic img{ width:140px; height:125px;}
.cat_bg .txt{ width:220px; float:left; padding:5px 0;}
.cat_bg .txt .c_ti{ height:35px; line-height:35px;}
.cat_bg .txt .c_ti a{ color:#CC0000;font-size:16px;font-family:微软雅黑; font-weight:bold;}
.cat_bg .txt .c_tx{ height:120px; overflow:hidden; line-height:20px;}

.w_hpro{ width:100%;}
.w_hpro .c_bg{ height:30px; line-height:30px; border-bottom:1px solid #CCCCCC;}
.w_hpro .c_bg .tit{ float:left; font-size:14px; font-weight:bold;}
.w_hpro .c_bg .tit span{ color:#FF0000}
.w_hpro .c_bg .more{ float:right;padding-top: 5px;}
.h_prolist{ width:100%; margin-top:10px;}
.h_prolist li{ float:left; width:100px; margin-right:10px;}
.h_prolist li .img_hold {margin-bottom: 6px;position: relative;width: 100px;height: 100px;overflow: hidden;}
.h_prolist .pic .dec {position: absolute;background: #333333;filter: alpha(opacity=70);-khtml-opacity: .7;-moz-opacity: .7;opacity: .7;width: 140px;height: 30px;line-height: 30px;text-align: center;bottom: 0;z-index: 1;}
.h_prolist .pic .tlb {color: white;height: 30px;position: absolute;width: 100px; font-size:12px;line-height: 30px;text-align: center;bottom: 0;z-index: 999;}
.h_prolist li .pic{ width:100px; height:100px; border:1px solid #CCCCCC;}
.h_prolist li .pic img{ width:100px; height:100px;}
.w_hnew{ width:100%;}
.w_hnew .c_bg{ height:30px; line-height:30px; border-bottom:1px solid #CCCCCC;}
.w_hnew .c_bg .tit{ float:left; font-size:14px; font-weight:bold;}
.w_hnew .c_bg .tit span{ color:#FF0000}
.w_hnew .c_bg .more{ float:right;padding-top: 5px;}
.w_hnew_list{ width:220px; margin:0 auto;}
.w_hnew_list li{width:220px; overflow:hidden; border-bottom:1px dashed #CCCCCC; float:left; height:25px; line-height:25px; background:url(../images/c.jpg) 5px no-repeat;}
.w_hnew_list li a{ width:220px; float:left; padding:0 15px; font-size:12px;}

.top_bg{ background:#3A3A3A;}
.top_tool{max-width:1200px; padding-top: 5px;padding-bottom: 5px; margin:0 auto;}
.top_tool .to_left{ float:left;}
.top_tool .to_right{ float:right; padding-right:20px;}

.solutions{ width:100%; margin:0 auto;}
.solutions ul {margin-right: -30px;}
.solutions li {width: 380px;float: left;margin-right: 20px;background: #f5f5f5;height: 330px; overflow:hidden;margin-bottom: 40px;position:relative;display:inline}
.solutions li img{ width:380px; border:1px solid #E2EEFA;}
.solutions li a {display: block;line-height: 22px;}
.solutions li h1 {font-size: 18px;color: #333;line-height: 40px;}
.solutions li h1, .solutions li p {padding: 0 15px;}
.solutions li p {color: #999;}
.solutions ul li .pic{width:380px;height:197px;overflow:hidden;}
.solutions .rsp{width:380px;height:197px;overflow:hidden;position: absolute;background:#000;top:0px;left:0px;}
.solutions .text{position:absolute;width:380px;height:197px;left:-380px;top:0px;overflow:hidden;}
.solutions .text h3{width:380px;margin-top:70px;height:55px;line-height:55px;text-align:center;color:#FFFFFF;background:#007BFC;font-family:"microsoft yahei";font-size:16px;}

.solutions2{ width:90%; margin:0 auto;}
.solutions2 ul {margin-right: -30px;}
.solutions2 li {width: 380px;float: left;margin-right: 20px;background: #f5f5f5;height: 290px; overflow:hidden;margin-bottom: 40px;position:relative;display:inline}
.solutions2 li img{ width:380px; border:1px solid #E2EEFA;}
.solutions2 li .dshow{ float:right; padding-right:10px; padding-top:40px;}
.solutions2 li .dshow img{ width:30px; height:29px; border:none;}
.solutions2 li a {display: block;line-height: 22px;}
.solutions2 li h1 {font-size: 18px;color: #333;line-height: 40px;}
.solutions2 li h1, .solutions li p {padding: 0 15px;}
.solutions2 li p {color: #999;}
.solutions2 ul li .pic{width:380px;height:220px;overflow:hidden;}
.solutions2 .rsp{width:380px;height:220px;overflow:hidden;position: absolute;background:#000;top:0px;left:0px;}
.solutions2 .text{position:absolute;width:380px;height:220px;left:-380px;top:0px;overflow:hidden;}
.solutions2 .text h3{width:380px;margin-top:70px;height:55px;line-height:55px;text-align:center;color:#FFFFFF;background:#007BFC;font-family:"microsoft yahei";font-size:16px;}

.menu_bg{padding-top:10px; padding-bottom:10px;padding-left: 10px; max-width:1200px; margin:0 auto;}
.menu_tool{max-width:1200px;margin:0 auto; }
.menu_tool .logo{ float:left; width:40%;}
.menu_tool .menu_t{ float:right;}
.menu_tool .menu_t .menu_s li{ float:left; padding:0 20px;}
.menu_tool .menu_t .menu_s li a{font-size:16px;font-family:微软雅黑; font-weight:bold;}
.menu_tool .menu_t .menu_s li a:hover{ border-bottom:4px solid #990000}

.hot_tel{ width:100%; margin:0 auto; background:#D70000; padding-bottom:10px;}
.hot_tel .t_left{float:left;height:30px; line-height:30px; color:#FFFFFF; font-size:14px; padding-left: 10px;}
.hot_tel .t_left2{float:right;height:30px; line-height:30px;color:#FFFFFF; padding-right:10px; font-size:14px;}
.hot_tel .t_left2 a{ color:#FFFFFF}
.cat_m{margin:0 auto; padding:50px 0;}
.cat_m li{ float:left; width:25%; text-align:center;}

.h_about{max-width:1200px;margin:10px auto;}
.h_about .pic{ width:40%; float:left;}
.h_about .pic img{width:90%;}
.h_about .r_ti{ width:60%; float:right;}
.h_about .r_ti .c_bg{ width:100%;height:40px; line-height:40px; font-size:18px;}
.h_about .r_ti .c_txt{ line-height:25px;}
.h_about .r_ti .c_more{ width:160px; height:30px; line-height:30px; text-align:center; float:right; background:#CCCCCC;border-radius: 10px; margin-top:10px;}

.leawords{ display:inline-block;height:288px; padding:48px 0 0 59px;}
.ly1{ width:339px; height:31px; line-height:31px; border:1px solid #999; margin-bottom:12px; _margin-bottom:8px; font-size:14px; color:#333;}
.ly1 span{ padding-left:9px; float:left; width:90px;}
.ly1 .ly01{ border:none; float:left; background:none; height: 31px; width:235px; line-height:31px;}
.ly3{ width:339px; height:88px; font-size:14px; color:#333; margin-top:5px; margin-bottom:8px;}
.ly3 span{ display:block; margin-bottom:9px;}
.ly3 .ly003{ resize:none; background:none; border:1px solid #999; overflow:hidden; width:339px; height:61px; line-height:30px;}
.ly4{ width:339px; height:57px; font-size:14px; color:#333;}
.ly4 span{ float:left; border:1px solid #999; width:62px; height:26px; line-height:26px; text-align:center; margin-top:7px;}
.ly4 img{ margin:5px 20px 0 0;}
.ly4 em{ display:block;}
.ly4 a.a01{ margin-left:20px;}
.ly5{ font-size:12px; color:#246cd7;}
.ly02{ width:60px; height:28px; border:1px solid #ccc; float:left; margin:6px 0 0 6px;}
.btn{ width:80px; height:35px; background:url(../images/cz.jpg) no-repeat; border:0;}

.h_leawords{ display:inline-block;height:288px; padding:5px;}
.h_ly1{ width:236px; height:27px; line-height:27px; border:1px solid #999; background:#F4F4F4; margin-bottom:5px; _margin-bottom:3px; font-size:14px; color:#333;}
.h_ly1 span{ padding-left:9px; float:left; width:55px;}
.h_ly1 .ly01{ border:none; float:left; background:none; height: 25px; width:165px; line-height:25px;}
.h_ly3{ width:230px; height:88px; font-size:12px; color:#333; margin-top:5px; margin-bottom:8px;}
.h_ly3 span{ display:block; margin-bottom:9px;}
.h_ly3 .ly003{ resize:none; background:#F4F4F4; border:1px solid #999; overflow:hidden; width:150px; height:61px; line-height:30px;float:left;}
.h_ly4{ width:339px; height:57px; font-size:14px; color:#333;}
.h_ly4 span{ float:left; border:1px solid #999; width:62px; height:26px; line-height:26px; text-align:center; margin-top:7px;}
.h_ly4 img{ margin:5px 20px 0 0;}
.h_ly4 em{ display:block;}
.h_ly4 a.a01{ margin-left:20px;}
.h_ly5{ font-size:12px; color:#246cd7;}
.h_ly02{ width:60px; height:28px; border:1px solid #ccc; float:left; margin:6px 0 0 6px;}
.h_btn{ width:73px; height:58px; float:right; margin-left:5px; background:url(../images/cz.jpg) no-repeat; border:0;}
.post {
    overflow: hidden
}

.post .post-title {
    margin-bottom: 8px;
    padding-bottom: 8px;
    line-height: 40px;
    font-size: 28px;
    text-align: center;
    border-bottom: 1px solid #e9e9e9;
    color: #333
}

.postmeta {
    margin-bottom: 25px;
    color: #999;
    text-align: center
}

.postmeta a:link, .postmeta a:visited {
    color: #999
}

.postmeta a:hover {
    color: #666
}
.related {
    margin: 30px auto 0
}

.related h2 {
    padding: 0 0 6px 20px;
    font-size: 18px;
    border-bottom: 1px solid #CCC;
    color: #111;
    background: url(../images/icon.png) no-repeat 0 -200px;
    text-transform: capitalize;
    overflow: hidden
}

.related ul.post-list, .related ul.thumb-list {
    margin-top: 20px;
    overflow: hidden
}

.related ul.post-list li {
    float: left;
    margin: 2px auto;
    padding-right: 5%;
    width: 45%;
    height: 24px;
    background: url(../images/icon.png) no-repeat 0 10px;
    overflow: hidden
}

.related ul.post-list li a {
    padding-left: 15px
}
.entry {
    font-size: 14px;
    overflow: hidden;
}

.d_bord{
padding:10px 0;
border-bottom:1px dashed #CCCCCC;
}

.entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
    margin-bottom: 15px;
    padding: 0;
    border: 0;
    background: none;
    color: #000
}

.entry p {
    margin-bottom: 20px
}

.entry a:link, .entry a:visited {
    color: #339e67
}

.entry a:hover {
    color: #f65e4f
}

.entry img {
    margin-bottom: 15px;
    max-width: 100%;
    height: auto
}

.entry ol, .entry ul {
    margin: 10px 20px
}



.entry table {
    margin-bottom: 15px;
    color: #666;
}

.entry th {
    padding: 3px 10px;
    background: #f5f5f5
}

.entry td {
    padding: 3px 10px;
}




.post .share {
    margin: 25px auto;
    padding-bottom: 8px;
    line-height: 28px;
    border-bottom: 1px solid #e8e8e8;
    color: #999;
    text-align: right;
    clear: both
}

.post #bdshare {
    float: right
}

.post .page-title {
    margin-bottom: 25px;
    padding-bottom: 8px;
    line-height: 40px;
    font-size: 28px;
    text-align: center;
    border-bottom: 1px solid #e9e9e9;
    color: #333
}


.postlist {
    padding: 0;
    overflow: hidden
}
.postlist li { padding:10px 0;}
.postlist li a{ color:#4AAFCD; font-size:16px; font-weight:bold;}
.postlist li .tit {height: 35px; line-height:35px;border-bottom: 1px solid #EEE;background: url(../images/icon.png) no-repeat 0 11px;overflow: hidden}
.postlist li .time{ height:25px; line-height:25px; color:#666666;}
.postlist li .time span{ padding-right:10px;}
.postlist li .ctxt{ width:100%; height:160px; line-height:23px; overflow:hidden}
.postlist li .ctxt .ms{ width:70%; float:left; color:#666666}
.postlist li .ctxt .pic{ width:30%; float:right; text-align:right}

.postlist li.nb {
    border: 0
}


/* 分页效果 */
.page{width:100%; text-align:center; overflow:hidden;padding:20px 0; margin:10px auto 0 auto ; vertical-align:top; color:#333;}
.page a{padding:2px 5px;background-color:#ddd;border:1px solid #ddd; color:#333; display:inline; margin:0 1px;}
.page .up, .page .down{color:#333;}
.page .this{color:#fff; font-weight:bold; background-color:#333;border:1px solid #000;}
.page span.a{color:#333; padding:0 10px;}
.page a:hover{color:#fff;background-color:#333;border:1px solid #333;}


.foot_bg{background:#D70000; height:250px; width:100%; margin-top:40px;}
.foot_bg .f_60{ float:left; width:60%;}
.foot_bg .f_60 .f_menu{ width:100%; padding-top:40px;}
.foot_bg .f_60 .f_menu a{ float:left; padding:0 25px 0 0; font-size:16px; color:#FFFFFF;}
.foot_bg .f_60 .f_cont{ padding:10px 0;}
.foot_bg .f_60 .f_cont .f_ti{ font-size:20px; color:#FFFFFF;}
.foot_bg .f_60 .f_cont .f_txt{ color:#FFFFFF; line-height:23px; font-size:12px;}

.foot_bg .f_30{ float:left; width:25%;color:#FFFFFF; padding-top:60px;}
.foot_bg .f_30 .tel{ height:35px; line-height:35px;  font-size:18px; font-weight:bold; background:url(../images/ftel.png) left no-repeat; padding-left:20px;}
.foot_bg .f_30 .tel span{ font-weight:normal; font-size:16px;}
.foot_bg .f_30 .fenx{ height:35px; line-height:35px;}
.foot_bg .f_30  .address{ height:35px; line-height:35px;}

.foot_bg .r_40{ width:15%; float:right; margin-top:10px; height:230px;}

.foot_bg .r_40 .wxlogo{ width:100%;}
.foot_bg .r_40 .wxlogo li{ float:right; padding-top:20px;}
.foot_bg .r_40 .wxlogo li .pic{ width:100%; text-align:center;}
.foot_bg .r_40 .wxlogo li .tit{ line-height:20px; padding-top:10px; text-align:center; color:#FFFFFF}

.breadcrumb {height: 32px;line-height: 34px;border-bottom: 1px solid #e8e8e8;color: #888;background: #f4f4f4;overflow: hidden}

.foot_copy{ padding-top:10px; font-size:12px; padding-bottom:10px; text-align:center;}

.inner {padding: 20px 0;overflow: visible;position: relative;max-width: 1200px;}
.column-fluid {float: right;width: 100%}
.content {margin-left: 275px;overflow: hidden;}
.wcontent {margin-left: 5px; margin-right:5px;overflow: hidden;}
.wcontent .con_left {width: 40%;float: left;padding-left: 20px;}
.wcontent .con_right{width: 60%;float: right;}

.breadcrumb {
    max-width:1200px;
	margin:0 auto;
    height: 32px;
    line-height: 34px;
    border-bottom: 1px solid #e8e8e8;
    color: #888;
    background: #f4f4f4;
    overflow: hidden
}

.breadcrumb i {
    padding: 0 8px;
    background: url(../images/icon.png) no-repeat 7px -39px
}
.cur-title {
    padding: 0 0 10px 20px;
    font-size: 18px;
    border-bottom: 1px solid #DDD;
    color: #333;
    background: url(../images/icon.png) no-repeat 0 -200px;
    text-transform: capitalize;
    overflow: hidden
}

.cur-title a {
    color: #333;
    text-decoration: none
}

.cur-title span {
    padding-left: 4px;
    color: #999
}

.piclist {
    margin-left: -1.83%;
    overflow: hidden
}

.piclist li {
    float: left;
    margin-bottom: 25px;
    margin-left: 1.83%;
    *margin-left: 1.8%;
    _margin-left: .935%;
    width: 22.5%;
    height: auto;
    text-align: center;
    overflow: hidden
}

.piclist li .folio-thumb {
    position: relative
}

.piclist li .folio-thumb img {
    width: 100%;
    height: auto;
    display: block
}

.piclist li .folio-thumb .opacity-pic {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #007BFC;
    cursor: pointer;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    _display: none
}

.piclist li:hover .folio-thumb .opacity-pic {
    -moz-opacity: .4;
    -khtml-opacity: .4;
    opacity: .4;
    filter: alpha(opacity=40);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.piclist li h3 {
    margin-top: 8px;
    width: 100%;
    height: 24px;
    font-size: 14px;
    overflow: hidden;
    position: relative;
    z-index: 10
}


/* 横幅广告 */
.slideBox{max-width: 1200px;margin:0 auto;height:420px;overflow:hidden; position:relative; z-index:888;}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; left:47%; bottom:10px; z-index:888;}
.slideBox .hd ul{ overflow:hidden; zoom:1;   }
.slideBox .hd ul li{ float:left; margin-right:4px;  width:11px; height:11px; line-height:11px; text-align:center; background:url(../images/bbar_li.png) no-repeat; cursor:pointer; text-indent:-99999px; }
.slideBox .hd ul li.on{background:url(../images/bbar_hover.png) no-repeat; }

.slideBox .bd{ position:relative; height:100%; z-index:0;}
.slideBox .bd li{ zoom:1; vertical-align:middle; height:420px;}

.sidebar {
    float: left;
    margin-right: -250px;
    width: 250px;
    color: #666;
    overflow: hidden
}

.sidebar h3 {
    padding-left: 14px;
    line-height: 36px;
    font-size: 16px;
    border-top: 1px solid #36A5C5;
    border-left: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    color: #333;
    background: #f2f2f2
}

.sidebar h3 a:link, .sidebar h3 a:visited {
    color: #333
}

.sidebar h3 a:hover {
    color: #339e67
}

.sidebar ul li {
    margin-bottom: 20px
}

.sidebar ul li ul {
    padding: 10px;
    border: 1px solid #e8e8e8;
    background: #FFF;
    overflow: hidden
}

.sidebar ul li ul li {
    margin: 4px auto;
    padding-left: 12px;
    height: 24px;
    background: url(../images/icon.png) no-repeat 0 10px;
    overflow: hidden
}

.sidebar ul li ul li ul {
    border: 0
}

.sidebar ul li div {
    padding: 15px 10px 10px;
    line-height: 28px;
    border: 1px solid #e8e8e8;
    background: #FFF;
    overflow: hidden
}

.sidebar ul li.widget_nav_menu h3 {
    line-height: 38px;
    border-left: 0;
    border-right: 0;
    border-top: 1px solid #339e67;
    border-bottom: 1px solid #2e8d5b;
    background: #339e67;
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px
}

.sidebar ul li.widget_nav_menu h3 a, .sidebar ul li.widget_nav_menu h3 a:hover {
    color: #fff
}

.sidebar ul li.widget_nav_menu ul {
    padding: 0;
    font-size: 14px;
    border: 0
}

.sidebar ul li.widget_nav_menu ul li {
    margin: 0;
    padding: 0;
    height: auto;
	border-bottom:1px solid #DDDDDD;
	color:#333333;
    overflow: hidden;
}

.sidebar ul li.widget_nav_menu ul li .cat-item {
    margin: 0;
    padding: 0;
    height: auto;
    background: #DDDDDD;
	border-bottom: 1px solid #CCCCCC;
    overflow: hidden;
}


.sidebar ul li.widget_nav_menu .cat-item a:link{ color:#333333;}

.sidebar ul li.widget_nav_menu ul li .cat-sitem {
    margin: 0;
    padding: 0;
    height: auto;
    background: #f2f2f2;
    overflow: hidden;
}


.sidebar ul li.widget_nav_menu .cat-sitem a:link{ color:#333333;}

.sidebar ul li.widget_nav_menu ul li a:link, .sidebar ul li.widget_nav_menu ul li a:visited {
    height: 38px;
    line-height: 38px;
    text-indent: 24px;
    color: #333333;
    background: url(../images/icon.png) no-repeat right -377px;
    display: block;
    overflow: hidden
}

.sidebar ul li.widget_nav_menu ul li a:hover, .sidebar ul li.widget_nav_menu ul li.current-cat a:link, .sidebar ul li.widget_nav_menu ul li.current-cat a:visited, .sidebar ul li.widget_nav_menu ul li.current_page_item a:link, .sidebar ul li.widget_nav_menu ul li.current_page_item a:visited, .sidebar ul li.widget_nav_menu ul a:hover, .sidebar ul li.widget_nav_menu ul li.current-cat a:hover {
    color: #FF0000;
    text-decoration: none
}

.sidebar ul li.widget_nav_menu ul li.current_page_item ul li a:link{
	background: url(../images/icon.png) no-repeat right -377px;
	}
.sidebar ul li.widget_nav_menu ul li.current_page_item ul li a:hover{
	background:#f65e4f url(../images/icon.png) no-repeat right -377px;
	}

.sidebar ul li.widget_nav_menu ul li ul li a:link, .sidebar ul li.widget_nav_menu ul li ul li a:visited, .sidebar ul li.widget_nav_menu ul li ul li a:hover {
    text-indent: 34px
}

.sidebar ul li.widget_search .searchInput {
    padding: 4px 8px 3px;
    width: 168px;
    height: 24px;
    line-height: 24px;
    border: 1px solid #d6d6d6;
    color: #666;
    background: #FFF
}

.sidebar ul li.widget_search .searchInput:hover {
    border: 1px solid #999;
    color: #666
}

.sidebar ul li.widget_search .searchBtn {
    float: right;
    *float: none;
    width: 60px;
    height: 33px;
    *line-height: 30px;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    text-indent: 0;
    border: 0;
    color: #FFF;
    background: #666;
    cursor: pointer;
    position: static
}

.sidebar ul li.widget_search .searchBtn:hover {
    background: #333
}

.sidebar ul li.wpyou_widget_SpecialCatList ul {
    padding: 0
}

.sidebar ul li.wpyou_widget_SpecialCatList ul li {
    height: auto;
    background: url(#) no-repeat 3px 10px
}

.sidebar ul li.wpyou_widget_SpecialCatList ul li ul li {
    line-height: 20px;
    background: url#) no-repeat 3px 7px
}

.sidebar ul li.wpyou_widget_SpecialCatPicPosts ul li {
    margin-bottom: 15px;
    padding: 0 0 15px;
    height: auto;
    border-bottom: 1px solid #EEE;
    background: none
}

.sidebar ul li.wpyou_widget_SpecialCatPicPosts ul li img {
    float: left;
    padding-right: 10px;
    width: 110px;
    height: 80px
}

.sidebar ul li.wpyou_widget_SpecialCatPicPosts ul li h4 {
    margin-bottom: 5px;
    height: 54px;
    line-height: 18px;
    font-size: 14px;
    overflow: hidden
}

.sidebar ul li.wpyou_widget_SpecialCatPicPosts ul li p {
    color: #666
}

.sidebar ul li.wpyou_widget_SpecialCatBigPicPosts ul li {
    margin: 0 auto 15px;
    padding: 0;
    height: auto;
    text-align: center;
    background: none
}

.sidebar ul li.wpyou_widget_SpecialCatBigPicPosts ul li img {
    width: 240px;
    height: 180px
}

.sidebar ul li.wpyou_widget_SpecialCatBigPicPosts ul li h4 {
    margin-bottom: 10px;
    line-height: 18px;
    font-size: 14px;
    overflow: hidden
}

/* 标题 */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 10px 0;
  font-family: inherit;
  font-weight: normal;
   color: inherit;
  text-rendering: optimizelegibility;
}
/* 文字段落 */
h1{
	font-size:60px;
	}
h2{
	font-size:36px;
	}
h3{
	font-size:26px;
	}
h4{
	font-size:16px;
	}
h5{
	font-size:14px;
	}
h6{
	font-size:12px;
	}
	
dl,dt,dd,ol,ul,li,header,foot,nav,article,section,mark,time{
	padding:0;
	margin:0;
	vertical-align: middle;
	}
p{
	margin:0 0 5px 0;
 	}
p:last-child{
	margin-bottom:0;
	}
/* 有序、无序、无样式列表 */
ul,ol{
    padding: 0;
	list-style-position:inside;
	}
li {
}
ul.unstyled, ol.unstyled {
    list-style: none outside none;
    margin-left: 0;
}
/* 标题描述 */

dl{
	margin-bottom:10px;
	}
dl:last-child{
	margin-bottom:0;
	}
dt{
	font-weight:bold;
	}
dt, dd{
	line-height:20px;
	}
dd {
    margin-left: 10px;
}
/* 表单  */
.radio, .checkbox {
    min-height: 20px;
    padding-left: 20px;
}
label {
    display: block;
    margin-bottom: 5px;
}
.radio input[type="radio"], .checkbox input[type="checkbox"] {
    float: left;
    margin-left: -20px;
}
.inputBlock {
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}
.textareaBlock {
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	resize:none;
	}
/* 行内复选框 */
.radio.inline, .checkbox.inline {
    display: inline-block;
    margin-bottom: 0;
    padding-top: 5px;
    vertical-align: middle;
}
.radio, .checkbox {
    min-height: 20px;
    padding-left: 20px;
}

.boxBlock{
 	min-height:1px;
	margin-left:20px;
 	}
.boxscroll .boxBlock{
	min-height:20px;
	}
.rowPatch{
	margin-left:-20px;
	}
.clearPatch .boxBlock,
.clearPatch .rowPatch{
	margin-left:0;
	}
.transition{
	-webkit-transition:  0.2s ease-in 0s;
	-moz-transition:  0.2s ease-in 0s;
	-ms-transition:  0.2s ease-in 0s;
	-o-transition:  0.2s ease-in 0s;
	transition:  0.2s ease-in 0s;
	}
.textInput{
	padding-left:5px;}
/* layout */
	
.row {
	width: 100%;
	box-sizing: border-box;
 }
.row:before,
.row:after,
.rowPatch:before,
.rowPatch:after {
	display: table;
	content: "";
	line-height: 0;
	}
.row:after,
.rowPatch:after {
	clear: both;
	}
.row >div >div {
	display: block;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
   	}
.row .span12:first-child {
	width: 100%;
	margin:0 auto;
	float:none ;
 	}
.row .span11 {
	width: 91.666666666666666%;
	}
.row .span10 {
	width: 83.333333333333333%;
	}
.row .span9 {
	width: 75%;
	}
.row .span8 {
	width: 66.666666666666666%;
	}
.row .span7 {
	width: 58.333333333333333%;
	}
.row .span6 {
	width: 50%;
	}
.row .span5 {
	width: 41.666666666666666%;
	}
.row .span4 {
	width: 33.333333333333333%;
	}
.row .span3 {
	width: 25%;
	}
.row .span2 {
	width: 16.666666666666666%;
	}
.row .span1 {
	width: 8.333333333333333%;
	}
@media (min-width: 1200px) {	
	.row[column_min1200="2"] >div >div:nth-child(2n+1),
	.row[column_min1200="3"] >div >div:nth-child(3n+1),
	.row[column_min1200="4"] >div >div:nth-child(4n+1),
	.row[column_min1200="5"] >div >div:nth-child(5n+1),
	.row[column_min1200="6"] >div >div:nth-child(6n+1){
		clear:both;
		}
	}
@media (min-width: 961px) and (max-width: 1199px) {
	.row[column_961_1199="2"] >div >div:nth-child(2n+1),
	.row[column_961_1199="3"] >div >div:nth-child(3n+1),
	.row[column_961_1199="4"] >div >div:nth-child(4n+1),
	.row[column_961_1199="5"] >div >div:nth-child(5n+1),
	.row[column_961_1199="6"] >div >div:nth-child(6n+1){
		clear:both;
		}
	}
	
@media (min-width: 768px) and (max-width: 960px) {
	.row[column_768_960="2"] >div >div:nth-child(2n+1),
	.row[column_768_960="3"] >div >div:nth-child(3n+1),
	.row[column_768_960="4"] >div >div:nth-child(4n+1),
	.row[column_768_960="5"] >div >div:nth-child(5n+1),
	.row[column_768_960="6"] >div >div:nth-child(6n+1){
		clear:both;
		}
	}
@media (min-width: 480px) and (max-width: 767px) {
	.row[column_480_767="2"] >div >div:nth-child(2n+1),
	.row[column_480_767="3"] >div >div:nth-child(3n+1),
	.row[column_480_767="4"] >div >div:nth-child(4n+1),
	.row[column_480_767="5"] >div >div:nth-child(5n+1),
	.row[column_480_767="6"] >div >div:nth-child(6n+1){
		clear:both;
		}
	}
@media (max-width: 479px) {
	.row[column_max479="2"] >div >div:nth-child(2n+1),
	.row[column_max479="3"] >div >div:nth-child(3n+1),
	.row[column_max479="4"] >div >div:nth-child(4n+1),
	.row[column_max479="5"] >div >div:nth-child(5n+1),
	.row[column_max479="6"] >div >div:nth-child(6n+1){
		clear:both;
		}
	}
/* pc */
@media (min-width: 1200px) {
	
	.row[column_min1200="1"] >div >div{
		width: 100%;
		margin-left:auto;
		margin-right:auto;
		float:none ;
		}	
		
	.row[column_min1200="2"] >div >div{
		width:50% !important;
		float:left;
 	}
	.row[column_min1200="3"] >div >div{
		width:33.333333333333333% !important;
		float:left;
 	}
	.row[column_min1200="4"] >div >div{
		width:25% !important;
		float:left;
 	}
	.row[column_min1200="5"] >div >div{
		width:20% !important;
		float:left;
 		}
	
	.row[column_min1200="6"] >div >div{
		width:16.666666666666666% !important;
		float:left;
 	}
}
	
/* pad横版 */ 
@media (min-width: 961px) and (max-width: 1199px) {
	.row[column_961_1199="1"] >div >div{
		width: 100%;
		margin-left:auto;
		margin-right:auto;
		float:none ;
		}
		
	.row[column_961_1199="2"] >div >div{
		width:50% !important;
		float:left;
 	}
	.row[column_961_1199="3"] >div >div{
		width:33.333333333333333% !important;
		float:left;
 	}
	.row[column_961_1199="4"] >div >div{
		width:25% !important;
		float:left;
 	}
	.row[column_961_1199="5"] >div >div{
		width:20% !important;
		float:left;
 		}
	.row[column_961_1199="6"] >div >div{
		width:16.666666666666666% !important;
		float:left;
 	}
}
/* pad竖版 */
@media (min-width: 768px) and (max-width: 960px) {
	h1{
		font-size:50px;
		}
	h2{
		font-size:32px;
		}
	h3{
		font-size:22px;
		}
	h4{
		font-size:16px;
		}
	h5{
		font-size:14px;
		}
	h6{
		font-size:12px;
		}
		
	.row[column_768_960="1"] >div >div{
		width: 100%;
		margin-left:auto;
		margin-right:auto;
		float:none ;
		}
		
	
	.row[column_768_960="2"] >div >div{
		width:50% !important;
		float:left;
 	}
	.row[column_768_960="3"] >div >div{
		width:33.333333333333333% !important;
		float:left;
 	}
	.row[column_768_960="4"] >div >div{
		width:25% !important;
		float:left;
 	}
	.row[column_768_960="5"] >div >div{
		width:20% !important;
		float:left;
 		}
	.row[column_768_960="6"] >div >div{
		width:16.666666666666666% !important;
		float:left;
 	}
}
/* 手机横版 */
@media (min-width: 480px) and (max-width: 767px){
	h1{
		font-size:42px;
		}
	h2{
		font-size:24px;
		}
	h3{
		font-size:18px;
		}
	h4{
		font-size:16px;
		}
	h5{
		font-size:14px;
		}
	h6{
		font-size:12px;
		}
	p{
	margin:0 0 5px 0;
 	}
	.row:not([column_480_767="no"])  >div >div{
		display: block;
		width: 100%;		
		float: none;
	}
	.row[column_480_767="1"] >div >div{
		width: 100%;
		margin-left:auto;
		margin-right:auto;
		float:none ;
		}
		
	.row[column_480_767="2"] >div >div{
		width:50% !important;
		float:left !important;
 	}
	.row[column_480_767="3"] >div >div{
		width:33.333333333333333% !important;
		float:left !important;
 	}
	.row[column_480_767="4"] >div >div{
		width:25% !important;
		float:left !important;
 	}
	.row[column_480_767="5"] >div >div{
		width:20% !important;
		float:left !important;
 	}	
	.row[column_480_767="6"] >div >div{
		width:16.666666666666666% !important;
		float:left !important;
 	}
	
}
/* 手机竖版 */
@media (max-width: 479px) {
	h1{
		font-size:32px;
		}
	h2{
		font-size:20px;
		}
	h3{
		font-size:16px;
		}
	h4{
		font-size:14px;
		}
	h5{
		font-size:12px;
		}
	h6{
		font-size:11px;
		}
	.row:not([column_max479="no"]) >div >div{
		display: block;
		width: 100%;		
		float: none;
	}
	.row[column_max479="1"] >div >div{
		width: 100%;
		margin-left:auto;
		margin-right:auto;
		float:none;
		}
	
	.row[column_max479="2"] >div >div{
 		width:50% !important;
		float:left !important;
  	}
	.row[column_max479="3"] >div >div{
		width:33.333333333333333% !important;
		float:left !important;
   	}
	.row[column_max479="4"] >div >div{
  		width:25% !important;
		float:left !important;
 	}
	.row[column_max479="5"] >div >div{
  		width:20% !important;
		float:left !important;
 	}
	.row[column_max479="6"] >div >div{
		width:16.666666666666666% !important;
		float:left !important;
 	}
	
}

/* 常调用显示隐藏 */
.none{
	display:none;
	}
.block{
	display:block;
	}	
.s1200{
	display:none !important;
	}
.s1199{
	display:none !important;
	}
.s960{
	display:none !important;
	}
.s767{
	display:none !important;
	}
.s479{
	display:none !important;
	}
@media (min-width: 1200px) {
	.h1200{
		display:none !important;
		}
	.s1200{
		display:block !important;
		}

}
@media (min-width: 961px) and (max-width: 1199px) {
	.h1199{
		display:none !important;
		}
	.s1200{
		display:none !important;
		}
	.s1199{
		display:block !important;
		}
	.s960{
		display:none !important;
		}
	.s767{
		display:none !important;
		}
	.s479{
		display:none !important;
		}
}

@media (min-width: 768px) and (max-width: 960px) {
    
	.h960{
		display:none !important;
		}
	.s1200{
		display:none !important;
		}
	.s1199{
		display:none !important;
		}
	.s960{
		display:block !important;
		}
	.s767{

		display:none !important;
		}
	.s479{
		display:none !important;
		}
}
@media (min-width: 480px) and (max-width: 767px) {
	.h767{
		display:none !important;
		}
	.s1200{
		display:none !important;
		}
	.s1199{
		display:none !important;
		}
	.s960{
		display:none !important;
		}
	.s767{
		display:block !important;
		}
	.s479{
		display:none !important;
		}
}
@media (max-width: 479px) {
	.h479{
		display:none !important;
		}
	.s1200{
		display:none !important;
		}
	.s1199{
		display:none !important;
		}
	.s960{
		display:none !important;
		}
	.s767{
		display:none !important;
		}
	.s479{
		display:block !important;
		}
}
/* 老版显示隐藏 */
.visible-phone{}
.visible-tablet{}
.visible-desktop{}
.hidden-phone{}
.hidden-tablet{}
.hidden-desktop{}

.hidden{
	display:none;
	}
.inline{
	display:inline-block;
	}
.block{
	display:block;
	}
.text-visible-phone {
  display: none !important;
}
.text-visible-tablet {
  display: none !important;
}
.text-hidden-desktop {
  display: none !important;
}
.text-visible-desktop {
  display: inline-block !important;
}

	
.visible-phone {
  display: none !important;
}
.visible-tablet {
  display: none !important;
}
.hidden-desktop {
  display: none !important;
}
.visible-desktop {
  display: inherit !important;
}

@media (min-width: 768px) and (max-width: 979px) {
  .hidden-desktop {
    display: none !important;
  }
  .visible-desktop {
    display: none !important ;
  }
  .visible-tablet {
    display: inherit !important;
  }
  .hidden-tablet {
    display: none !important;
  }
  
  
  .text-hidden-desktop {
    display: inline-block !important;
  }
  .text-visible-desktop {
    display: none !important ;
  }
  .text-visible-tablet {
    display: inline-block !important;
  }
  .text-hidden-tablet {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important;
  }
  .visible-phone {
    display: inherit !important;
   }
  .hidden-phone {
    display: none !important;
  }
  
  .text-hidden-desktop {
    display: inline-block !important;
  }
  .text-visible-desktop {
    display: none !important;
  }
  .text-visible-phone {
    display: inline-block !important;
   }
  .text-hidden-phone {
    display: none !important;
  }
}

/* 个性化设置显示隐藏 */
.hide_basic{
	display:none;
	}
.show_basic{
	display:block;
	}

@media (min-width: 1200px) {
	.hide_min1200{
		display:none;
		}
	.show_min1200{
		display:block;
		}
}
@media (min-width: 961px) and (max-width: 1199px) {
	.hide_961_1199{
		display:none;
		}
	.show_961_1199{
		display:block;
		}
}

@media (min-width: 768px) and (max-width: 960px) {    
	.hide_768_960{
		display:none;
		}
	.show_768_960{
		display:block;
		}
}
/* btn display */
.btn.hide_basic{
	display:none;
	}
.btn.show_basic{
	display: inline-block;
	}

@media (min-width: 1200px) {
	.btn.hide_min1200{
		display:none;
		}
	.btn.show_min1200{
		display:inline-block;
		}
		
}
@media (min-width: 961px) and (max-width: 1199px) {
	.btn.hide_961_1199{
		display:none;
		}
	.btn.show_961_1199{
		display:inline-block;
		}
}

@media (min-width: 768px) and (max-width: 960px) {
	.btn.hide_768_960{
		display:none;
		}
	.btn.show_768_960{
		display:inline-block;
		}
}
@media (min-width: 480px) and (max-width: 767px) {
	.btn.hide_480_767{
		display:none;
		}
	.btn.show_480_767{
		display:inline-block;
		}
}
@media (max-width: 479px) {
	.btn.hide_max479{
		display:none;
		}
	.btn.show_max479{
		display:inline-block;
		}
}



/* appRow layout*/
.appRow:before,
.appRow:after {
  display: table;
  content: "";
  line-height: 0;
}
.appRow:after {
  clear: both;
}
.appRow .appPatch{
	margin:-20px 0 0 -20px;
	padding:0;
	list-style:none;
	}
.latticePad{
	margin:20px 0 0 20px;
	}
.appRow .appPatch .appColumn{
	display: block;
	width: 100%;		
	float: none;
	}


.list_min1200_1 .appPatch .appColumn{
		display: block;
		width: 100%;		
		float: none;
	}
	.list_min1200_2 .appPatch .appColumn{
		width:50%;
		float:left;
	}
	.list_min1200_3 .appPatch .appColumn{
		width:33.333333333333333%;
		float:left;
	}
	.list_min1200_4 .appPatch .appColumn{
		width:25%;
		float:left;
	}
	.list_min1200_5 .appPatch .appColumn{
		width:20%;
		float:left;
	}
	.list_min1200_6 .appPatch .appColumn{
		width:16.666666666666666%;
		float:left;
	}
	
@media (min-width: 1200px) {
	.list_min1200_1 .appPatch .appColumn{
		display: block;
		width: 100%;		
		float: none;
	}
	.list_min1200_2 .appPatch .appColumn{
		width:50% !important;
		float:left !important;
	}
	.list_min1200_3 .appPatch .appColumn{
		width:33.333333333333333% !important;
		float:left !important;
	}
	.list_min1200_4 .appPatch .appColumn{
		width:25% !important;
		float:left !important;
	}
	.list_min1200_5 .appPatch .appColumn{
		width:20% !important;
		float:left !important;
	}
	.list_min1200_6 .appPatch .appColumn{
		width:16.666666666666666% !important;
		float:left !important;
	}
}
@media (min-width: 961px) and (max-width: 1199px) {
	.list_961_1199_1 .appPatch .appColumn{
		display: block;
		width: 100%;		
		float: none;
	}
	.list_961_1199_2 .appPatch .appColumn{
		width:50% !important;
		float:left !important;
	}
	.list_961_1199_3 .appPatch .appColumn{
		width:33.333333333333333% !important;
		float:left !important;
	}
	.list_961_1199_4 .appPatch .appColumn{
		width:25% !important;
		float:left !important;
	}
	.list_961_1199_5 .appPatch .appColumn{
		width:20% !important;
		float:left !important;
	}
	.list_961_1199_6 .appPatch .appColumn{
		width:16.666666666666666% !important;
		float:left !important;
	}
}
@media (min-width: 768px) and (max-width: 960px) {
	.list_768_960_1 .appPatch .appColumn{
		display: block;
		width: 100%;		
		float: none;
	}
	.list_768_960_2 .appPatch .appColumn{
		width:50% !important;
		float:left !important;
	}
	.list_768_960_3 .appPatch .appColumn{
		width:33.333333333333333% !important;
		float:left !important;
	}
	.list_768_960_4 .appPatch .appColumn{
		width:25% !important;
		float:left !important;
	}
	.list_768_960_5 .appPatch .appColumn{
		width:20% !important;
		float:left !important;
	}
	.list_768_960_6 .appPatch .appColumn{
		width:16.666666666666666% !important;
		float:left !important;
	}
}
@media (min-width: 480px) and (max-width: 767px) {
	.list_480_767_1 .appPatch .appColumn{
		display: block;
		width: 100%;		
		float: none;
	}
	.list_480_767_2 .appPatch .appColumn{
		width:50% !important;
		float:left !important;
	}
	.list_480_767_3 .appPatch .appColumn{
		width:33.333333333333333% !important;
		float:left !important;
	}
	.list_480_767_4 .appPatch .appColumn{
		width:25% !important;
		float:left !important;
	}
	.list_480_767_5 .appPatch .appColumn{
		width:20% !important;
		float:left !important;
	}
	.list_480_767_6 .appPatch .appColumn{
		width:16.666666666666666% !important;
		float:left !important;
	}
}
@media (max-width: 479px) {
	.list_max479_1 .appPatch .appColumn{
		display: block;
		width: 100%;		
		float: none;
	}
	.list_max479_2 .appPatch .appColumn{
		width:50% !important;
		float:left !important;
	}
	.list_max479_3 .appPatch .appColumn{
		width:33.333333333333333% !important;
		float:left !important;
	}
	.list_max479_4 .appPatch .appColumn{
		width:25% !important;
		float:left !important;
	}
	.list_max479_5 .appPatch .appColumn{
		width:20% !important;
		float:left !important;
	}
	.list_max479_6 .appPatch .appColumn{
		width:16.666666666666666% !important;
		float:left !important;
	}
}
@media (min-width: 1200px) {	
	.list_min1200_2 .appPatch .appColumn:nth-child(2n+1),
	.list_min1200_3 .appPatch .appColumn:nth-child(3n+1),
	.list_min1200_4 .appPatch .appColumn:nth-child(4n+1),
	.list_min1200_5 .appPatch .appColumn:nth-child(5n+1),
	.list_min1200_6 .appPatch .appColumn:nth-child(6n+1){
		clear:both;
		}
	}
@media (min-width: 961px) and (max-width: 1199px) {
	.list_961_1199_2 .appPatch .appColumn:nth-child(2n+1),
	.list_961_1199_3 .appPatch .appColumn:nth-child(3n+1),
	.list_961_1199_4 .appPatch .appColumn:nth-child(4n+1),
	.list_961_1199_5 .appPatch .appColumn:nth-child(5n+1),
	.list_961_1199_6 .appPatch .appColumn:nth-child(6n+1){
		clear:both;
		}
	}
	
@media (min-width: 768px) and (max-width: 960px) {
	.list_768_960_2 .appPatch .appColumn:nth-child(2n+1),
	.list_768_960_3 .appPatch .appColumn:nth-child(3n+1),
	.list_768_960_4 .appPatch .appColumn:nth-child(4n+1),
	.list_768_960_5 .appPatch .appColumn:nth-child(5n+1),
	.list_768_960_6 .appPatch .appColumn:nth-child(6n+1){
		clear:both;
		}
	}
@media (min-width: 480px) and (max-width: 767px) {
	.list_480_767_2 .appPatch .appColumn:nth-child(2n+1),
	.list_480_767_3 .appPatch .appColumn:nth-child(3n+1),
	.list_480_767_4 .appPatch .appColumn:nth-child(4n+1),
	.list_480_767_5 .appPatch .appColumn:nth-child(5n+1),
	.list_480_767_6 .appPatch .appColumn:nth-child(6n+1){
		clear:both;
		}
	}
@media (max-width: 479px) {
	.list_max479_2 .appPatch .appColumn:nth-child(2n+1),
	.list_max479_3 .appPatch .appColumn:nth-child(3n+1),
	.list_max479_4 .appPatch .appColumn:nth-child(4n+1),
	.list_max479_5 .appPatch .appColumn:nth-child(5n+1),
	.list_max479_6 .appPatch .appColumn:nth-child(6n+1){
		clear:both;
		}
	}
.wrapper,
.container,
.header,
.headerWrapper,
.headerContainer,
.main,
.mainWrapper,
.mainContainer,
.footer,
.footerWrapper,
.footerContainer,
.appWrapper,
.elementContainer{
	margin-left:auto;
	margin-right:auto;
	}

/* common app */
.con_header{
	position:relative;
	}
.appMore{
	position:absolute;
	right:0;
	top:0;
	}
.quickMenu a{
	display:inline-block;
	margin:0 5px;
	}
.quickMenu i{
	margin-right:4px;
	font-size:14px;
	vertical-align:middle;
	}
.quickMenu a span{
	display:inline-block;
	vertical-align:middle;
	}

/* common app */

/* 手机导航 */
@media (max-width: 767px) {	
	.phoneDropMenu li{
		display:none;
	}
	.phoneDropMenu li.topMenu{
		display:block;
	}
	.phoneDropMenu.active li,
	.phoneDropMenu.phone_active li{
		display:block;
	}
}

/* 滚动条 */
.boxscroll {
 	overflow: hidden;
 }
.boxscrollColumn{
	margin-right:3px;
	background:#ccc;
	z-index:999;
	width:5px;
	}
.boxscrollColumn:hover{
	background:#999;
	}
/* 滚动条 End */
.showNavMore ul.moreNav,
.showNavMore .navHideContent{
	display:block !important;
	}


.videoPlayerBtn{
	border-radius:100%;	
	width:70px;
	height:70px;
	background:rgba(0,0,0,0.7);
	background:#000/0;
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	margin:-35px 0 0 -35px;
	text-align:center;
	line-height:70px;
	transition:  0.25s ease-in 0.2s;
	}
.videoPlayerBtn i{
	margin-top:23px;
	display:inline-block;
 	width:0;
	height:0;
	border-width:12px 0 12px 12px;
	border-style:solid;
	border-color: transparent transparent transparent #fff;
	transition:  0.25s ease-in 0s;
	}
.videoPlayerBtn:hover{
 	box-shadow:0 0 30px #5E96F5;
	transition:  0.25s ease-in 0s;
	background:rgba(0,0,0,1);
	}
	
.videoPlayerBtn:hover i{
 	border-color: transparent transparent transparent #5E96F5;
	transition:  0.25s ease-in 0s;
	}
/**/
@media (max-width: 767px) {
	.tipsAlertFoot{
		text-align:center !important;
		padding:10px 15px 20px 15px !important;
		}
	div[role="Confirm"] .tipsAlertFoot .btn{
		width:110px;
		padding:0;
		text-align:center !important;
		margin:0 3px !important;
		line-height:40px !important;
		height:40px !important;
		border-radius:4px;
		font-size:14px;
		}
	div[role="Alert"] .tipsAlertFoot .btn{
		width:auto;
		display:block;
		padding:0;
		text-align:center !important;
		margin:0 !important;
		line-height:40px !important;
		height:40px !important;
		border-radius:4px;
		font-size:14px;
		}
	.tipsAlertText{
		padding:20px 10px 0 10px !important;
		text-align:center;
		font-size:14px;
		min-height:50px;
		}
	.tipsAlert{
		border-radius:5px !important;}
	
	
}
.formList ul{
        margin-left: 0;
        list-style: none;
}