@charset "UTF-8";
/**
 * [xLarge Screen for PC]
 * >=1200
 */
@media screen and (max-width: 1610px) {
.wrapper .inner { width:1200px; margin:0 auto;}
.navbar .navbox{width:100%;} 
.navbar .navbox .wp_nav > li.nav-item{width:11.1%;}
.navbar .navbox .wp_nav li.nav-item a span.item-name{padding: 0 0px;/* height: 53px; */line-height: 53px;}
/**主体开始**/
#container{background:none;}
#container .inner{}
/**首页三列布局**/
.mod{}
.mod1{width:236px; float:left;} /**左列**/
.mod1 .ml{width:100%;}
.mbox{}
.mod2{width:100%;}
.mod2 .mc{width: 901px;float:left;height:390px;float:left;} /**中间**/
.mod2 .mr{width: 285px;float:right;} /**右列**/

.box1{width: 100%; height: auto; padding: 20px 0px 40px;}
.box2{padding: 35px 0px; width: 100%; height: auto;}
.box3{width: 100%; height: auto; padding: 35px 0px 50px 0px;}
.box4{background:url(/_upload/tpl/02/cd/717/template717/images/foot1.png) no-repeat;width: 100%;height: auto;}
.box4l{width: 380px; float: left;}
.box4r{width: 367px;float: right;}

#wp_news_w4 .news_list{margin:0px -10px;float:none;}
#wp_news_w4 .news_list li.news{overflow: hidden;float: left;width:33%;padding-right: 00px;position: relative;}
#wp_news_w4 .news_list li.news .news_box{margin:0px 10px;}
#wp_news_w4 .news_list li.news .news_box img{width:100%;}

#wp_news_w8 .news_list{margin:0px -10px;float:none;}
#wp_news_w8 .news_list li.news{overflow: hidden;float: left;width:25%;padding-right: 0px !important;position: relative;}
#wp_news_w8 .news_list li.news .news_box{margin:0px 10px;}
#wp_news_w8 .news_list li.news .news_box img{width:100%;}

}
/**
 * [Large Screen for PC & Pad]
 * 960~1199
 */
@media screen and (max-width: 1210px) {
.wrapper .inner { width:1100px; margin:0 auto;}
.navbar .navbox{width:100%;} 
.navbar .navbox .wp_nav > li.nav-item{width:11.1%;}
.navbar .navbox .wp_nav li.nav-item a span.item-name{padding: 0 0px;/* height: 53px; */line-height: 53px;}
/**主体开始**/
#container{background:none;}
#container .inner{}
/**首页三列布局**/
.mod{}
.mod1{width:236px; float:left;} /**左列**/
.mod1 .ml{width:100%;}
.mbox{}
.mod2{width:100%;}
.mod2 .mc{width: 814px;float:left;} /**中间**/
.mod2 .mr{width: 260px;float:right;} /**右列**/

.box1{width: 100%; height: auto; padding: 20px 0px;}
.box2{padding: 35px 0px; width: 100%; height: auto;}
.box3{width: 100%; height: auto; padding: 35px 0px 50px 0px;}
.box4{background:url(/_upload/tpl/02/cd/717/template717/images/foot1.png) no-repeat;width: 100%;height: auto;}
.box4l{width: 380px; float: left;}
.box4r{width: 367px;float: right;}

#wp_news_w4 .news_list{margin:0px -10px;float:none;}
#wp_news_w4 .news_list li.news{overflow: hidden;float: left;width:33%;padding-right: 00px;position: relative;}
#wp_news_w4 .news_list li.news .news_box{margin:0px 10px;}
#wp_news_w4 .news_list li.news .news_box img{width:100%;}

#wp_news_w8 .news_list{margin:0px -10px;float:none;}
#wp_news_w8 .news_list li.news{overflow: hidden;float: left;width:25%;padding-right: 0px !important;position: relative;}
#wp_news_w8 .news_list li.news .news_box{margin:0px 10px;}
#wp_news_w8 .news_list li.news .news_box img{width:100%;}

}

@media screen and (max-width: 1100px){
.wrapper .inner { width:1000px; margin:0 auto;}
.mod2 .mc{width: 74.5%;float:left;}
.mod2 .mr{width: 24%;float:right;}

}

/**
 * [Medium Screen for Pad]
 * 768~959
 */
@media screen and (max-width: 999px) {
.wrapper .inner { width:100%; margin:0 auto;}
.head .sitetitle{top:26px;left:10px;}
.rhead{float: right; width: 500px; height:120px;background: url(/_upload/tpl/02/cd/717/template717/images/listrbgm.png) no-repeat;}

.mod2 .mc{width:100%;float:none;}
.mod2 .mr{width:100%;float:none;}
.box1{width:auto; height: auto;padding:20px 10px;}
.box1 .mr{margin-top:20px;}
.box2{width:auto; height: auto;padding:20px 10px;}
.box3{width:auto; height: auto; padding:20px 10px 30px 10px;}
.box4{width:auto;padding:0px 10px 20px;}
.box4r{width: 367px;float: right;}

.wp-navi .navi-slide-head { display: block; padding:0 10px;height: 46px;}
/*导航样式：后台绑定时也可以定义配置*/
/*.wp-menu {display:none;background:#fff;}
.wp-menu .menu-item {display: inline-block;float:none; position: relative; z-index: 100;width:100%;padding-left:0px;border-bottom:1px solid #eee;}
.wp-menu .menu-item.i1 { background:none;}
.wp-menu .menu-item a.menu-link > .menu-switch-arrow{ display:inline-block; width:20px; height:20px; background:url(/_upload/tpl/02/cd/717/images/navj.png) no-repeat center center; vertical-align:middle; }
.wp-menu .menu-item a.menu-link {display: inline-block;padding: 0 29px;line-height: 40px;color: #343434;font-size: 15px;}
.wp-menu .menu-item a.menu-link:hover,.wp-menu .menu-item.hover{ text-decoration: none; color: #8f000b; background-color: #eee; }
.sub-menu {display: none;position:relative;left: 0;bottom: 0px;top: 0px;min-width: 0px;z-index: 100;background: #fff;opacity: 0.8\9;background: #444343\9;filter:alpha(opacity=90);}
.sub-menu .sub-item { position: relative; white-space: nowrap; vertical-align: top; _zoom:1;float: left; border: 1px solid #eee;}
.sub-menu .sub-item a { display: block;color: #000000;height: auto;line-height: 43px;padding: 0 44px;font-size: 14px; background:none;}
.sub-menu .sub-item a:hover { color: #eee; background-color:#444343; display: block; }
.sub-menu .sub-menu { left: 100%; top: 0; z-index: 200; background: rgba(11, 102, 244, 0.8); opacity: 0.8\9; background: #444343\9; filter:alpha(opacity=90); }*/
.main-nav-panel .wp_nav {margin:0 auto;display: none;}
.main-nav-panel .wp_nav .nav-item {/* display: block; */float:none;width:100%!important;overflow: hidden;position: relative;}
.main-nav-panel .wp_nav .nav-item  >.mark{display: block;width: 38px;height: 38px;position: absolute;left:auto;right: 8px;top: 1px;background: url(/_upload/tpl/02/cd/717/template717/css/img/icons.png) no-repeat 10px -116px;border:0px solid red;z-index: 1000;}
.main-nav-panel .wp_nav .nav-item a {display: block;padding: 0 10px;line-height: 37px;color: #545454;font-size: 15px;font-weight: normal;background-color: #fff;}
.main-nav-panel .wp_nav .nav-item a:hover { text-decoration: none; color: #fff; background-color: #eee;}
.main-nav-panel .wp_nav .sub-nav {width:100%!important;position: relative; display: none;visibility:visible!important;left: 0!important;top: auto!important;height:auto!important;padding-bottom: 0px;background:#fff;z-index: 1000;}
.main-nav-panel .wp_nav .sub-nav .nav-item {white-space: nowrap;vertical-align: top;_zoom:1;border-top: 1px solid #e5e5e5;position:relative;}
.main-nav-panel .wp_nav .sub-nav .nav-item a {display: block;color: #272727;line-height: 39px;font-size:15px;padding:0 10px;display: block;text-indent: 20px;}
.main-nav-panel .wp_nav .sub-nav .nav-item a span{height:auto!important;line-height:40px!important;}
.main-nav-panel .wp_nav .sub-nav .nav-item a:hover {  color: #fff; display: block; background-color: #eee;}
.main-nav-panel .wp_nav .sub-nav .sub-nav {left: 100%; top: 0;background-color: #fff;}

.main-nav-panel .wp_nav .nav-item a{ display: block; font-size: 14px; color: #333!important; text-align:left;background:#fff;}
.main-nav-panel .wp_nav .nav-item a:hover { background:#eee; color:#000;}
.main-nav-panel .wp_nav .nav-item a span {display: block;height:auto;line-height:40px!important;padding: 6px 0;margin: 0 10px;}

}


/**
 * [Small Screen for Smart Phone and Mini Pad]
 * 480~767
 */
@media screen and (max-width: 767px) {
.head .sitetitle{top:23px;left:10px; text-align:center;}
.head .sitetitle img{width:80%; margin:0 auto;}
.rhead{height:100px;background:none;}
.focus-pagination {display:none;}

.box4l{width:100%; float:none;}
.box4r{width:100%;float: none;}

#wp_news_w8 .news_list li.news{width:50%;margin-bottom:15px;}

/**页脚开始**/
#footer .inner{padding:15px 0;}
#footer .inner p span{display:block;line-height:24px;}
}

/**
 * [xSmall Screen for Smart Phone]
 * 480~767
 */
@media screen and (max-width: 479px) {
.head .sitetitle{top:30px;left:10px; text-align:center;}
.head .sitetitle img{width:80%; margin:0 auto;}
#wp_news_w4 .news_list{margin:0px 0px;float:none;}
#wp_news_w4 .news_list li.news{overflow: hidden;float:none;width:100%;margin-bottom:20px;}
#wp_news_w4 .news_list li.news .news_box{margin:0px 0px;}
#wp_news_w4 .news_list li.news .news_box .news_title{height:auto;}

#wp_news_w8 .news_list{/* margin:0px 0px; */float:none;}
#wp_news_w8 .news_list li.news{overflow: hidden;float:none;width:100%;margin-bottom:`0px;}
#wp_news_w8 .news_list li.news .news_box{margin:0px 10px;}
#wp_news_w8 .news_list li.news .news_box .news_title{margin:0px 10px;}
}

/**
 * [Tiny Screen for Older Phone and Smart Phone]
 * <319
 */
@media screen and (max-width: 319px) {
	
}