﻿@charset "utf-8";
/* 通用代码 */
* {word-wrap:break-word; padding:0; margin:0}
html{padding:0;margin:0;}
*html{background-image:url(about:blank);background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/
body{color:#666;font-size:12px;width:100%;}
body{background:#f3f3f3;background-repeat:repeat;background-position:center;background-attachment:fixed;}
body,button,input,select,textarea{font-family:'helvetica neue',tahoma,'hiragino sans gb',stheiti,'wenquanyi micro hei',\5FAE\8F6F\96C5\9ED1,\5B8B\4F53,sans-serif;}
a{ color:#fff;text-decoration:none}
a:hover{text-decoration:underline; color:#fff}
strong{}
img{border:0}
li{list-style:none}
	body, ul, ol, li, dl, dd, p, h1, h2, h3, h4, h5, h6, form, .pr, .pc {margin:0;padding:0}
	table {empty-cells:show;border-collapse:collapse}
	caption, th {text-align:left;font-weight:400}
	ul li, .xl li {list-style:none}
	h1, h2, h3, h4, h5, h6 {font-size:1em}
	em, cite {font-style:normal}
	p{ line-height:20px;}
.clear{ clear:both;}
/* ------------------------------通用代码 */

.topline{width:100%; height:50px; background:#173e6c;position:fixed;z-index:999999;box-shadow: 0 1px 2px rgba(0, 0, 0, .2);}
.topline img{display:block;height:70%;margin-left:13px;padding-top:8px;}

.pagination{margin-top:10px;}

.pagination .disabled{color:#888 !important;}
.pagination .active{color:#D84830 !important;}
.pagination li{width:auto !important;height:20px !important; line-height:20px;color:#D84830;margin-left:10px !important; text-align:center;}
.pagination li a{color:#173E6D;}


.pages .pagination li{ float:left;}
.pages .pagination .disabled{float:left;}
.pages .pagination .active{float:left;}


.pages .pager li{float:left;padding:10px;}
.pages .pager .disabled{float:left;}
.pages .pager .active{float:left;}
.pages .pager li a{color:#333;}


.rightmenu{border-radius:50px;position:absolute;top:13px;right:15px;width:25px;height:25px;background-image:url(../images/topmenu2.png);background-size:100% }
@-webkit-keyframes opacity_kf {0% {opacity: 0; }100% {opacity: 1;}}
.MenulList{display:none;background:#F16B7B;margin-top:32px; position:fixed;width:100%;left:0;height:100%;-webkit-animation:.5s ease opacity_kf 0s forwards;}
.MenulList li{ text-align:left;line-height:40px;width:70%;margin:0 auto;font-size:14px;list-style:none;}
.MenulList li a{ color:#ffffff;text-decoration:none; display:block;}
.MenulList li a:hover{text-decoration:underline; color:#ffffff;display:block;}
.litopline{border-bottom:1px dotted #fff;padding-top:20px;margin-bottom:20px;}
.libottomline{border-top:1px dotted #fff;margin-top:20px;}

.shoppingcart{width:20%;}
.shoppingcart img  {width:70%;max-width:70% !important; height:auto !important;width:expression(this.width > 100% ? "600px" : this.width)!important; float:left;}



/* top searchs   */

.MenuSearch{background:#fff;width:100%;height:50px;overflow:hidden; }
#topsearch_box {margin:0 auto;width: 80%; height: 32px;background:#F4F4F4;border-radius:5px;margin-top:9px;} 
#topsearch_box #s {font-family:"STHeitiSC-Light","微软雅黑"; float: left; padding: 0; margin: 0 0 0 10px; border: 0; width: 82%; outline:none;color:#555; height:30px; background: none; font-size:12px; } 
#topsearch_box #go { float: right; margin: 4px 7px 0 0;outline:none; } 





/* Ind_menu*/
.Ind_menuall{width:100%; height:60px;background:#e7e7e7; overflow:hidden;padding-top:15px;}
.Ind_menuall li{width:20%;float:left;text-align:center; line-height:25px;font-size:14px;font-weight:bold;color:#444;}
.Ind_menuall li a{color:#444;}
.Ind_menuall li a:hover{color:#444;}

/* banner css -------------------------------------- */
.focus{ width:100%; height:auto;  margin:0 auto; position:relative; overflow:hidden;  }
.focus .hd{ width:100%; height:11px;  position:absolute; z-index:1; bottom:5px; text-align:center;  }
.focus .hd ul{ display:inline-block; height:5px; font-size:0; vertical-align:top;}
.focus .hd ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; border:1px solid #fff;; margin:0 5px;  vertical-align:top; overflow:hidden;   }
.focus .hd ul .on{ background:#fff;  }
.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{ width:100%;  height:170px; background:url(images/loading.gif) center center no-repeat;  }
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }



/* othbanner css -------------------------------------- */
.Ofocus{ width:100%; height:auto;  margin:0 auto; position:relative; overflow:hidden;  }
.Ofocus .hd{ width:100%; height:11px;  position:absolute; z-index:1; bottom:5px; text-align:center;  }
.Ofocus .hd ul{ display:inline-block; height:5px; font-size:0; vertical-align:top;}
.Ofocus .hd ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; border:1px solid #fff;; margin:0 5px;  vertical-align:top; overflow:hidden;   }
.Ofocus .hd ul .on{ background:#fff;  }
.Ofocus .bd{ position:relative; z-index:0; }
.Ofocus .bd li img{ width:100%;  height:135px; background:url(images/loading.gif) center center no-repeat;  }
.Ofocus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }


/* othbanner css -------------------------------------- */
.FCfocus{ width:100%; height:auto;  margin:0 auto; position:relative; overflow:hidden;  }
.FCfocus .hd{ width:100%; height:11px;  position:absolute; z-index:1; bottom:5px; text-align:center;  }
.FCfocus .hd ul{ display:inline-block; height:5px; font-size:0; vertical-align:top;}
.FCfocus .hd ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; border:1px solid #fff;; margin:0 5px;  vertical-align:top; overflow:hidden;   }
.FCfocus .hd ul .on{ background:#fff;  }
.FCfocus .bd{ position:relative; z-index:0; }
.FCfocus .bd li img{ width:100%;  height:105px; background:url(images/loading.gif) center center no-repeat;  }
.FCfocus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }



/* Titles*/
.Titles{padding-top:10px;padding-bottom:10px;font-size:18px;color:#173E6C; background:#fff; line-height:30px; margin-top:10px;}
 .Titles>a{font-weight:bold;}
.Titles a{color:#173E6C; text-decoration:none;}
.Titles a:hover{color:#173E6C;text-decoration:none;}



.Titles i{margin-left:3px;border-right:3px solid #fff;}
.stitle{font-size:14px; float:right;padding-right:10px;color:#333;}
.stitle a{color:#333;}
.stitle a:hover{color:#333;}
.more{font-size:12px; float:right;margin-right:10px;color:#AAA;}
.more a{color:#AAA;font-family: PingFang SC, Arial, \\5FAE\8F6F\96C5\9ED1, \\5B8B\4F53, simsun, sans-serif;}
/* IndNews*/
.Ind_newsall{background:#fff;line-height:30px;margin-top:0px;}
.Ind_news{width:100%;padding:8px 0 8px 0;border-bottom:1px solid #eee;}
.Ind_newsnr{float:left;width:95%;text-indent:1em; overflow:hidden;white-space:nowrap; text-overflow: ellipsis;font-size:16px;}
.Ind_newstimes{float:right;width:20%;color:#ccc;}



.MoreButton{background:#fff; text-align:center;width:95%;height:40px; line-height:40px;border-radius:5px;color:#173E6D;font-size:12px;margin:0 auto; display:block;}
.MoreButton a{color:#173E6D;  display:block;}

/* IndStudio*/
.ind_studio{width:100%; height:auto;list-style:none;overflow:hidden;padding-top:20px; background:#fff;}
.ind_studio li{width:45%;float:left;position:relative;margin-left:2.5%;margin-right:2.5%;margin-bottom:10px; text-align:center; line-height:30px;}
.ind_studio li img{ display:block;width:100%;}
.ind_studio li span a{ color:#555;text-decoration:none; background:#eee;display:block;overflow:hidden;white-space:nowrap; text-overflow: ellipsis;}
.ind_studio li span a:hover{text-decoration:underline; color:#555}
.ficon_new{position:absolute; top:4%;left:4%; width:20%;}
.ficon_best{position:absolute; top:4%;left:4%; width:20%}

/* IndPic*/
.ind_picall{width:100%; height:auto; background:#fff; position:relative;}
.ind_img:before{
			content: " ";
            display: block;
            height:70px;
            width: 70px;
            background: url(../images/imgs.png) no-repeat;
            background-size: 100%;
            position: absolute;
            top: 40%;
            left: 50%;
            margin-top: -35px;
            margin-left: -35px;
}
.ind_pictit{font-size:16px;color:#444; line-height:20px;width:90%;margin-left:2.5%;padding-top:10px;margin-bottom:5px;overflow:hidden;white-space:nowrap; text-overflow: ellipsis;}
.ind_picall img{width:95%;margin-left:2.5%;padding-top:12px;}
.ind_picstit{color:#999;font-size:12px;line-height:20px;width:90%;margin-left:2.5%;padding-bottom:5px;}

.blocks{height:10px;}

/* IndVideo*/
.ind_videos{width:100%; height:auto;list-style:none;overflow:hidden;padding-top:20px; background:#fff;}
.ind_videos li{width:94%;float:left;position:relative;margin-left:3%;margin-right:3%;margin-bottom:12px; text-align:center; line-height:30px;}
.ind_videos li:before{
			content: " ";
            display: block;
            height:58px;
            width:58px;
            background: url(../images/video.png) no-repeat;
            background-size: 100%;
            position: absolute;
            top: 47%;
            left: 50%;
            margin-top: -30px;
            margin-left: -30px;
			z-index:100;
			}
.ind_videos li img{ display:block;width:100%;}
.ind_videos li>a{display:block; height:220px; overflow:hidden; border-radius:10px; position:relative;}
.ind_videos li span a{ font-size:16px;color:#333;text-decoration:none; display:block;overflow:hidden;white-space:nowrap; text-overflow: ellipsis;}
/*.ind_videos li span a:hover{text-decoration:underline; color:#333}*/

.ind_videos li>a:before{
			content: " ";
            display: block;
            height:100%;
            width:100%;
            background-color:rgba(0,0,0,0.2);
            position: absolute;
            top: 0;
            left: 0;

			}

.footer{width:100%;text-align:center;padding-bottom:20px;padding-top:30px; background:#444;}


/* about*/

.backmenu{position:absolute;top:16px;left:12px;width:20px;height:20px;background-image:url(../images/backmenu.png);background-size:100%}
.othline{width:100%; height:50px; background:#173E6D;position:fixed;z-index:999999;}
.othline img{display:block;height:70%;margin-left:10px;padding-top:8px;float:left;}



/*横向导航*/

    .maincate{width: 100%;
        height: 50px;
        line-height: 50px;
        white-space: nowrap;
        overflow-x: scroll;
        overflow-y: hidden;
        -webkit-backface-visibility: hidden;
        -webkit-perspective: 1000;
        -webkit-overflow-scrolling: touch;
        text-align: justify;
       background: #fff;
        padding: 0px 5px;
        box-sizing: border-box;
		font-weight:bold;
	
    }
    .maincate a{ color: #444; text-decoration: none;margin-left:10px; margin-right: 10px; font-size:15px; }
    .maincate::-webkit-scrollbar{display: none;}
    .maincate .onn{color:#173E6D; padding-bottom:5px; border-bottom:2px solid #173E6D;}




/* 横下下方导航*/
.list_bmenu{
	width: 100%;
	height: 50px;
	line-height: 50px;
	white-space: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
	text-align: justify;
	background: #fff;
	padding: 0px 5px;
	margin-bottom: 10px;
	box-sizing: border-box;}

/*.list_bmenu{width:100%;background:#fff;}*/
.list_bmenu li{ width:25%;display:inline-block; text-align:center;font-size:15px;background:#none;overflow:hidden;white-space:nowrap; text-overflow: ellipsis;}
.list_bmenu li a{ color:#000;}



/* video*/

.video_title{width:80%;margin:0 auto;font-size:18px; font-weight:bold;padding:20px 0 10px 0; text-align:center;border-bottom:1px dotted #ccc;color:#333;width:80%;margin:0 auto;padding:20px 0 10px 0; text-align:center;border-bottom:1px dotted #ccc;color:#333;}
.video_title_b{font-size:12px; text-align:center; line-height:35px;color:#555;}

.zan{width:50px;height: 50px;background: url(../images/zan2.png) center no-repeat;display:block;background-size:100%; margin:0 auto; line-height:130px; text-align:center;margin-top:20px;}

.vd-show-page{width:100%;float:left;text-align: center;padding:26px 0;margin-top:20px;}
.vd-show-page a{display: inline-block;margin:0 3px;vertical-align: middle;}
.vd-show-page a.prev,.vd-show-page a.next{width:98px;height: 36px;border:1px solid #979797;text-align: center;line-height: 34px;background: #F0F0F0;color:#777777;}
.vd-show-page a.prev:hover,.vd-show-page a.next:hover{background: #173E6D;border-color: #173E6D;color: #fff;}
.vd-show-page a.lists{background: url(../images/list-ico.png) center no-repeat;text-indent: -9999999px;overflow: hidden;width:56px;height: 36px;}



/* 讨论*/
.talks{margin-left:20px;font-size:14px;padding-top:10px;padding-bottom:10px;}
.text-input{width:90%;margin-left:5%;border:1px solid #E2E2E2;height: 60px;padding:5px 0 5px 0;border-radius:5px;outline: none;-webkit-appearance: none ;  }
.bot{width:100%;float:left;text-align: right;}
.bot .input{width:90px;height: 28px;background: #173E6D;border:none;cursor: pointer;color: #fff;margin-right:5%;margin-top:10px;border-radius:5px;-webkit-appearance: none ;}



/* login*/


.loginr{width:85%;margin:0 auto;margin-top:20px;}
.loginr p{line-height:30px;}
.inputtext{color:#555;width:100%; text-indent:1em;height:40px; line-height:40px;border:1px solid #eee;border-radius:5px;-webkit-border-radius:5px;-webkit-appearance:none;}
.loginpassword{width:100%;height:40px;text-indent:1em;line-height:40px;border:1px solid #eee;border-radius:5px;-webkit-border-radius:5px;-webkit-appearance:none;}
.loginbtn{font-size:16px;width:100%; height:40px; line-height:40px; background:#173E6D;border-radius:5px;border:0;color:#fff;-webkit-border-radius:5px;-webkit-appearance:none;}
.codein{width:60%;height:40px;text-indent:1em; position:absolute;border:1px solid #eee;border-radius:5px;-webkit-border-radius:5px;-webkit-appearance:none;outline:none; }

.hbtn{font-size:16px;width:100%; height:40px; line-height:40px; background:#ccc;border-radius:5px;border:0;color:#333;-webkit-border-radius:5px;-webkit-appearance:none;}





/* list news*/
.list_newsall{background:#fff;line-height:30px;margin-top:10px;}
.list_news{width:100%;padding:5px 0 5px; 0;border-bottom:1px solid #eee;}
.list_newsnr{float:left;width:75%;text-indent:1em; overflow:hidden;white-space:nowrap; text-overflow: ellipsis;font-size:14px;}
.list_newsnr a{color:#444;}
.list_newstimes{float:right;width:20%;color:#ccc;}

.nnr{width:100%;background:#fff; line-height:25px;}
.nnr img{width:100%;}
.nnr a{color:#666}
.nnr a:hover{color:#666}
/* list news pic*/
.listpic_newsall{background:#fff;line-height:30px;margin-top:10px;}
.listpic_news{width:100%;padding:5px 0 5px; 0;border-bottom:1px solid #eee;}
.listpic_newsnr{float:left;width:75%;text-indent:1em; overflow:hidden;white-space:nowrap; text-overflow: ellipsis;font-size:14px;}
.listpic_newsnr a{color:#444;}
.listpic_newstimes{float:left;color:#ccc;text-indent:1em; }




/* studio*/
.ind_top_round{position: relative;height: 210px;background-color: #fff;overflow: hidden;}
.ind_top_round .inner{overflow: hidden;}
.ind_top_round .inner.fixed{position: fixed;top:0;z-index: 9;width: 100%;max-width: 640px;}
.ind_top_round ul{overflow: hidden;overflow-x: scroll;-webkit-overflow-scrolling:touch;white-space: nowrap;background-color: #fff;}
.ind_top_round ul::-webkit-scrollbar{display: none;}
.ind_top_round ul li{display: inline-block;color: #666;font-size: 14px;text-align: left;margin-right: 26px;padding:15px 0 15px 0;}
.ind_top_round ul li:first-child{margin-left: 15px;}
.ind_top_round ul li:last-child{margin-right: 15px;}
.round_ball{background:#f4f4f4; text-align:center;font-size:12px;padding-top:5px;padding-bottom:5px;margin-top:5px;border-radius:5px;line-height:12px;}
.round_itlt{width:150px;margin-top:5px;font-size:14px; text-align:center; overflow:hidden;white-space:nowrap; text-overflow: ellipsis;color:#333;}

.s_studio{width:100%; height:auto;list-style:none;overflow:hidden;padding-top:20px; background:#fff;}
.s_studio li{width:45%;float:left;position:relative;margin-left:2.5%;margin-right:2.5%;margin-bottom:10px; text-align:center; line-height:30px;}
.s_studio li img{ display:block;width:100%; position:relative;}
.s_studio li span a{ position:absolute; z-index:999;bottom:0;width:100%; color:#fff;text-decoration:none; background:#000;display:block;overflow:hidden;white-space:nowrap; text-overflow: ellipsis;filter:alpha(opacity=80); -moz-opacity:0.8;opacity:0.8;}
.s_studio li span a:hover{text-decoration:underline; color:#fff}


.studio_name{color:#173E6D;font-size:16px;margin-left:15px;margin-right:10px;border-bottom:1px dashed #ddd; height:auto; line-height:25px;}


	
	
.flip{font-size:14px;margin:0px;padding:5px;text-align:center;color:#173E6D;margin-bottom:10px;margin-top:10px;margin-right:20px;}
.panel{margin:0px;text-align:center;display:block;}

.flips{font-size:14px;margin:0px;text-align:center;color:#173E6D;margin-bottom:10px;margin-top:10px;margin-right:20px;margin-left:20px;}
.spanel{margin:0px;text-align:center;display:none;}

.gz_button{width:100px; height:25px; line-height:25px; text-align:center;border:1px solid #173E6D;color:#173E6D;margin-top:10px;margin-left:15px;}
.gz_button a{color:#173E6D;display:block;}

.sqjr_button{margin:0 auto;width:100px; height:20px; float:right;line-height:20px; text-align:center;border:1px solid #173E6D;color:#173E6D;margin-top:15px;}
.sqjr_button a{color:#173E6D;display:block;}

#setopsearch_box {margin:0 auto;width: 80%; height: 32px;background:#F4F4F4;border-radius:5px;margin-top:9px;} 
#setopsearch_box #s {font-family:"STHeitiSC-Light","微软雅黑"; float: left; padding: 0; margin: 0 0 0 10px; border: 0; width: 80%; outline:none;color:#555; height:30px; background: none; font-size:12px; } 
#setopsearch_box #go { float: right; margin: 4px 7px 0 0;outline:none; } 

.ui-select{font-family:"STHeitiSC-Light","微软雅黑"; padding: 0; margin: 0 0 0 10px; border:0;border-radius:5px; width: 83.5%; outline:none;color:#333;margin-bottom:5px; height:30px; background: #f4f4f4; font-size:12px;-webkit-appearance:none; text-indent:1em;}

.box-all{ width:100%; position:relative; float:left; }
/*swipe*/
.swipe{ padding-top:10px; width:100%; float:left;overflow: hidden; visibility: visible; position: relative; height:460px;}
.box01_list{position:relative; -webkit-transition: left 600ms ease-out;  width:100%; left:0;}
.li_list{width:100%;position:relative; float: left; vertical-align: top;}
/*news_list*/
.news_list{ width:100%;}


/*page*/
.page{ text-align:left; background:#fff; height:35px; line-height:35px; width:100%;display:-webkit-box;}
.page li{-webkit-box-flex:1; font-size:14px; display:block; color:#000; height:35px; line-height:35px; text-align:center; }
.page li a{ color:#fff; display:block; height:35px; background:#999; text-decoration:none; }
.page a.active{color:#fff;background:#173E6D;text-decoration:none;}

.studio_personnel{padding-top:10px;}
.studio_personnel li{float:left;width:25%;margin:0 auto;}
.studio_personnel li img{width:60px;height:60px;border-radius:5px; }
.studio_personnel li p{text-align:center;font-size:12px;padding-top:5px;overflow:hidden;white-space:nowrap; text-overflow: ellipsis;}
.studio_personnel li p a{color:#333;}



/* fengcai*/

.accordion{width:100%;background:#FFF}
.accordion .link{cursor:pointer;display:block;padding:15px;color:#555;font-size:14px;font-weight:700;position:relative;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}
.accordion li:last-child .link{border-bottom:0}
.accordion li i{position:absolute;top:16px;left:12px;font-size:18px;color:#595959;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}
.accordion li i.fa-chevron-down{right:15px;left:auto;background:url(../images/downarrow.png);background-size:cover;width:20px;height:20px}
.accordion li.open .link{color:#173E6D}
.accordion li.open i{color:#173E6D}
.accordion li.open i.fa-chevron-down{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.submenu{display:none;background:#fff;}

.Fc_studio{width:100%; height:auto;list-style:none;overflow:hidden;padding-top:20px; background:#fff;}
.Fc_studio li{width:45%;float:left;position:relative;margin-left:2.5%;margin-right:2.5%;margin-bottom:10px; text-align:center; line-height:30px;}
.Fc_studio li img{ display:block;width:100%;}
.Fc_studio li span a{ color:#555;text-decoration:none; background:#eee;display:block;overflow:hidden;white-space:nowrap; text-overflow: ellipsis;}
.Fc_studio li span a:hover{text-decoration:underline; color:#555}





/* bbs*/

.list_bmenu_bbs{}
.list_bmenu_bbs li{ width:20%;float:left; text-align:center;margin:8px 2.5% 8px 2.5%;font-size:12px; line-height:25px;border-radius:5px;background:#fff;overflow:hidden;white-space:nowrap; text-overflow: ellipsis;}
.list_bmenu_bbs li a{ color:#333;display:block;}


.bbs_blockall{padding-top:15px;padding-bottom:15px; background:#fff;border-bottom:1px solid #eee;}
.bbs_blocktit{color:#333;font-size:14px;overflow:hidden;white-space:nowrap; text-overflow: ellipsis;}
.bbs_blocktit a{color:#333; text-decoration:none;}
.bbs_blockstit{color:#bbb; font-size:10px;}


/* members*/
.members_name{color:#173E6D;font-size:18px;margin-left:15px;height:30px;float:left;}
.members_gz{margin-right:20px; text-align:center; line-height:30px; background:#ddd;color:#173E6D;border-radius:5px;font-size:14px;}
.members_gz a{color:#173E6D;display:block; text-decoration:none;border-radius:5px;}
.members_open{margin-right:20px; text-align:center; line-height:30px; background:#173E6D;color:#fff;border-radius:5px;font-size:14px;}
.members_open a{background:#173E6D;color:#fff; display:block;border-radius:5px;text-decoration:none;}
	
.vip0{width:15px;height:15px;background-image:url(../images/v0.png);background-size:100%;float:left;margin-left:5px;margin-top:5px;}
.vip1{width:15px;height:15px;background-image:url(../images/v1.png);background-size:100%;float:left;margin-left:5px;margin-top:5px;}
.vip2{width:15px;height:15px;background-image:url(../images/v2.png);background-size:100%;float:left;margin-left:5px;margin-top:5px;}
.vip3{width:15px;height:15px;background-image:url(../images/v3.png);background-size:100%;float:left;margin-left:5px;margin-top:5px;}

/* 通知公告*/
.Nr_noticeall{background:#fff;line-height:30px;margin-top:10px;}
.Nr_notice{width:100%;padding:5px 0 5px; 0;border-bottom:1px solid #eee;}
.Nr_noticeimg{width:110px; height:76px;float:right;margin-right:10px;margin-top:2px;}
.Nr_noticeimg img{width:100%;}
.Nr_noticenr{float:left;width:60%;margin-left:10px; margin-top:5px;line-height:25px;text-overflow: ellipsis;font-size:14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.Nr_noticenr a{color:#666;}
.Nr_noticenr a:hover{color:#666;}
.Nr_noticetimes{float:left;margin-left:10px;font-size:12px;color:#ccc;}
/* 区域发展*/
.Qyfz{background:#eee;width:88%;margin:0 auto;height:45px; line-height:45px; text-indent:1em;border-radius:20px 50px 50px 20px;font-size:14px; position:relative;}
.arrow{background:url("../images/arrow-r.png") no-repeat scroll right center transparent;background-size:100%;width:26px; height:26px; position:absolute; z-index:999;top:9px;right:15px;}
.Qyfz a{color:#666;display:block; text-decoration:none;}
.Qyfz a:hover{color:#666;display:block;text-decoration:none;}

/* 概况-理事*/
.about_top_round{position: relative;height: 210px;background-color: #fff;overflow: hidden;}
.about_top_round .inner{overflow: hidden;}
.about_top_round .inner.fixed{position: fixed;top:0;z-index: 9;width: 100%;max-width: 640px;}
.about_top_round ul{overflow: hidden;overflow-x: scroll;-webkit-overflow-scrolling:touch;white-space: nowrap;background-color: #fff;}
.about_top_round ul::-webkit-scrollbar{display: none;}
.about_top_round ul li{display: inline-block;color: #666;font-size: 14px;text-align: left;margin-right: 26px;padding:15px 0 15px 0;}
.about_top_round ul li:first-child{margin-left: 15px;}
.about_top_round ul li:last-child{margin-right: 15px;}
.about_round_itlt{width:123px;margin-top:5px;font-size:14px; text-align:center; overflow:hidden;white-space:nowrap; text-overflow: ellipsis;color:#333;}

.s_studio{width:100%; height:auto;list-style:none;overflow:hidden;padding-top:20px; background:#fff;}
.s_studio li{width:45%;float:left;position:relative;margin-left:2.5%;margin-right:2.5%;margin-bottom:10px; text-align:center; line-height:30px;}
.s_studio li img{ display:block;width:100%; position:relative;}
.s_studio li span a{ position:absolute; z-index:999;bottom:0;width:100%; color:#fff;text-decoration:none; background:#000;display:block;overflow:hidden;white-space:nowrap; text-overflow: ellipsis;filter:alpha(opacity=80); -moz-opacity:0.8;opacity:0.8;}
.s_studio li span a:hover{text-decoration:underline; color:#fff}




/* IndStudio*/
.standing_director_list{width:100%; height:auto;list-style:none;overflow:hidden;padding-top:20px; background:#fff;}
.standing_director_list li{width:30%;float:left;position:relative;margin-left:1.8%;margin-right:1.5%;margin-bottom:10px; text-align:center; line-height:30px;}
.standing_director_list li img{ display:block;width:100%;}
.standing_director_list li span a{ color:#555;text-decoration:none; background:#eee;display:block;overflow:hidden;white-space:nowrap; text-overflow: ellipsis;}
.standing_director_list li span a:hover{text-decoration:underline; color:#555}


.new-content p,.new-content div{
    margin-bottom: 10px;
    text-indent: 2em;
   /* font-family: "微软雅黑", Arial, Helvetica, sans-serif;*/
    font-size: 16px;
    color: #666;
    line-height: 2;
}
.new-content p img,.new-content div img{
    margin-left: -2em;
}

/* banner_dkt  css -------------------------------------- */
.focus_dkt{ width:100%; height:auto;  margin:0 auto; position:relative; overflow:hidden;  }
.focus_dkt .hd{ width:100%; height:11px;  position:absolute; z-index:1; bottom:5px; text-align:center;  }
.focus_dkt .hd ul{ display:inline-block; height:5px; font-size:0; vertical-align:top;}
.focus_dkt .hd ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; border:1px solid #fff;; margin:0 5px;  vertical-align:top; overflow:hidden;   }
.focus_dkt .hd ul .on{ background:#fff;  }
.focus_dkt .bd{ position:relative; z-index:0; }
.focus_dkt .bd li img{ width:100%;  height:240px; background:url(images/loading.gif) center center no-repeat;  }
.focus_dkt .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }

.Titles_dkt{padding-top:10px;padding-bottom:10px;margin-top:10px;font-size:16px;color:#173E6C; background:#fff; line-height:30px; }
.Titles_dkt i{margin-left:3px;border-right:3px solid #173E6C;}

/* list news pic dkt */
.listpicdkt_newsall{background:#fff;line-height:30px;margin-top:10px;}
.listpicdkt_news{width:100%;padding:5px 0 5px; 0;border-bottom:1px solid #eee;}
.listpicdkt_newsnr{float:left;width:99%;margin-left:2%; overflow:hidden;white-space:nowrap; text-overflow: ellipsis;font-size:14px;}
.listpicdkt_newsnr a{color:#444;}
.listpicdkt_newsbnr{float:left;color:#ccc; line-height:15px;margin-left:2%;margin-top:-3px;width:99%;text-overflow: -o-ellipsis-lastline; overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}

.listpicdkt_news_more{width:200px; height:30px; line-height:30px; text-align:center;border:1px solid #ddd;margin:0 auto;display:block;}
.listpicdkt_news_more a{color:#333;display:block;}
.listpicdkt_news_more a:hover{ color:#333; display:block; text-decoration:none;}

/*swipe*/
.swipe_dkt{ padding-top:0px; width:100%; float:left;overflow: hidden; visibility: visible; position: relative; height:430px;}
.box01_list_dkt{position:relative; -webkit-transition: left 600ms ease-out;  width:100%; left:0;}
.li_list_dkt{width:100%;position:relative; float: left; vertical-align: top;}


/* banner_dkt  css -------------------------------------- */
.focus_dkt{ width:100%; height:auto;  margin:0 auto; position:relative; overflow:hidden;  }
.focus_dkt .hd{ width:100%; height:11px;  position:absolute; z-index:1; bottom:5px; text-align:center;  }
.focus_dkt .hd ul{ display:inline-block; height:5px; font-size:0; vertical-align:top;}
.focus_dkt .hd ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; border:1px solid #fff;; margin:0 5px;  vertical-align:top; overflow:hidden;   }
.focus_dkt .hd ul .on{ background:#fff;  }
.focus_dkt .bd{ position:relative; z-index:0; }
.focus_dkt .bd li img{ width:100%;  height:240px; background:url(images/loading.gif) center center no-repeat;  }
.focus_dkt .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }

.Titles_dkt{padding-top:10px;padding-bottom:10px;margin-top:10px;font-size:16px;color:#173E6C; background:#fff; line-height:30px; }
.Titles_dkt i{margin-left:3px;border-right:3px solid #173E6C;}

/* list news pic dkt */
.listpicdkt_newsall{background:#fff;line-height:30px;margin-top:10px;}
.listpicdkt_news{width:100%;padding:5px 0 5px; 0;border-bottom:1px solid #eee;}
.listpicdkt_newsnr{float:left;width:72%;margin-left:2%; overflow:hidden;white-space:nowrap; text-overflow: ellipsis;font-size:14px;}
.listpicdkt_newsnr a{color:#444;}
.listpicdkt_newsbnr{float:left;color:#ccc; line-height:15px;margin-left:2%;margin-top:-3px;width:72%;text-overflow: -o-ellipsis-lastline; overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}

.listpicdkt_newsnrkt{float:left;width:95%;margin-left:2%; overflow:hidden;white-space:nowrap; text-overflow: ellipsis;font-size:14px;}
.listpicdkt_newsnrkt a{color:#444;}
.listpicdkt_newsbnrkt{float:left;color:#ccc; line-height:15px;margin-left:2%;margin-top:-3px;width:95%;text-overflow: -o-ellipsis-lastline; overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}



.listpicdkt_news_more{width:200px; height:30px; line-height:30px; text-align:center;border:1px solid #ddd;margin:0 auto;display:block;}
.listpicdkt_news_more a{color:#333;display:block;}
.listpicdkt_news_more a:hover{ color:#333; display:block; text-decoration:none;}

/*swipe*/
.swipe_dkt{ padding-top:0px; width:100%; float:left;overflow: hidden; visibility: visible; position: relative; height:430px;}
.box01_list_dkt{position:relative; -webkit-transition: left 600ms ease-out;  width:100%; left:0;}
.li_list_dkt{width:100%;position:relative; float: left; vertical-align: top;}


/* ###########声音样式#################*/
/* ###########声音样式#################*/
#affiche {color: #333;display: block;width: 96%; height: 40px;margin: 0 auto;position: relative;overflow: hidden;}
.affiche_text {position: absolute;top: 0; left: 100%; line-height: 40px; display: block;word-break: keep-all;text-overflow: ellipsis;white-space: nowrap;}


.Titles_voi{padding-top:10px;padding-bottom:10px;font-size:16px;color:#333; background:#fff; line-height:30px; }
.Titles_voi i{margin-left:3px;border-right:3px solid #F86442;}
.more_voi{font-size:12px; float:right;margin-right:10px;color:#AAA;}
.more_voi a{color:#333;}
.more_voi a:hover{color:#333;}



.list_voi{}
.list_voi li{width:22%; padding-left:3%;float:left; margin-top:10px; margin-bottom:5px; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.list_voi li a{color:#333;}
.list_voi li a:hover{color:#333;}



.Voi_P{width:100%; height:auto;list-style:none;overflow:hidden;padding-top:20px; background:#fff;}
.Voi_P li{width:28.2%;float:left;position:relative;margin-left:2.5%;margin-right:2.5%;margin-bottom:10px; text-align:center; line-height:30px;}
.Voi_P li img{ display:block;width:100%;}
.Voi_P li span a{ color:#555;text-decoration:none; background:#eee;display:block;overflow:hidden;white-space:nowrap; text-overflow: ellipsis;}
.Voi_P li span a:hover{text-decoration:underline; color:#555}
.ficon_new{position:absolute; top:4%;left:4%; width:20%;}
.ficon_best{position:absolute; top:4%;left:4%; width:20%}


.MoreButton_Voi{background:#2B4BB8; text-align:center;width:95%;height:40px; line-height:40px;border-radius:5px;color:#fff;font-size:12px;margin:0 auto; display:block;}
.MoreButton_Voi a{color:#fff;}


.Voi_newsall{background:#fff;line-height:30px;margin-top:10px;}
.Voi_news{width:100%;padding:5px 0 5px; 0;border-bottom:1px solid #eee;}
.Voi_newsnr{float:left;width:75%;text-indent:1em; overflow:hidden;white-space:nowrap; text-overflow: ellipsis;font-size:14px;}
.Voi_newsnr a{color:#333;}
.Voi_newsnr a:hover{color:#333; text-decoration:none;}
.Voi_newstimes{float:right;width:20%;color:#ccc;}

.voi_name{color:#173E6D;font-size:18px;margin-left:15px;margin-right:10px;border-bottom:1px dashed #ddd; height:30px;}
.voi_oname{ height:25px; line-height:25px; color:#999;margin-top:5px;margin-left:15px;}


.nav {
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size:16px;
	/*段落中文本不换行*/
	white-space: nowrap;
	/*设置横向滚动*/
	overflow-x: scroll;
	/*禁止纵向滚动*/
	overflow-y: hidden;
	/*文本平铺*/
	text-align: justify;
	/*背景颜色*/
	background: #fff;
	padding: 0px 5px;
	margin-bottom: 10px;
	/*设置边距改变效果为内缩*/
	box-sizing: border-box;
}

.nav a {
	color: #505050;
	/*取消超链接下划线*/
	text-decoration: none;
	margin: auto 10px;
}

.nav::-webkit-scrollbar {
	/*隐藏滚动条*/
	display: none;
}






.ind_top_round{position: relative;height: 175px;background-color: #fff;overflow: hidden;}
.ind_top_round .inner{overflow: hidden;}
.ind_top_round .inner.fixed{position: fixed;top:0;z-index: 9;width: 100%;max-width: 640px;}
.ind_top_round ul{overflow: hidden;overflow-x: scroll;-webkit-overflow-scrolling:touch;white-space: nowrap;background-color: #fff;}
.ind_top_round ul::-webkit-scrollbar{display: none;}
.ind_top_round ul li{display: inline-block;color: #666;font-size: 14px;text-align: left;margin-right: 26px;padding:15px 0 15px 0;}
.ind_top_round ul li:first-child{margin-left: 15px;}
.ind_top_round ul li:last-child{margin-right: 15px;}







/* 首页图片css */
/* 必要布局样式css */
.swiper-container {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 1
}
.swiper-container-no-flexbox .swiper-slide {
	float: left
}
.swiper-container-vertical>.swiper-wrapper {
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column
}
.swiper-wrapper {
	position: relative;
	width: 10%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-wrapper {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate(0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	width: 50%;
	height: 100%;
	position: relative;
	padding: 0;

}
.swiper-button-next, .swiper-button-prev {
	position: absolute;
	top: 50%;
	width: 27px;
	height: 50px;
	margin-top: -25px;
	-moz-background-size: 27px 44px;
	-webkit-background-size: 27px 44px;
	background-size: 27px 44px;
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	right: 10px;
	left: auto
}
.swiper-pagination {
	position: absolute;
	text-align: center;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 10
}
.swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 100%;
	background: #000;
	opacity: .2;
	margin: 0 5px;
	cursor: pointer;
}
.swiper-slide:hover {

}
.banner-box {
	background:#fff;
	width: 100%;
	height:180px;
	float: left;
	position: relative;
	overflow: hidden;
}
.swiper-container {
	width: 100%;
	margin: 12px 0;
}
.swiper-slide {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	transform: scale(.5);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	-webkit-transition: transform 1.0s;
	-moz-transition: transform 1.0s;
	-ms-transition: transform 1.0s;
	-o-transition: transform 1.0s;
	-webkit-transform: scale(0.7);
	-moz-box-shadow: rgba(0,0,0,.2) 0px 0px 30px;
}
.swiper-slide-active, .swiper-slide-duplicate-active {
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
	z-index:1;
}
.swiper-slide img {
	width: 100%;
	display: block;
}
.swiper-pagination {
	position: relative;
	margin-bottom: 30px;
}
.swiper-pagination-bullet-active {
	opacity: 1;
	background: rgba(0,0,0,.8);
}

@media screen and (max-width: 668px) {
.swiper-pagination {
	position: relative;
	margin-bottom: 20px;
}
.swiper-pagination-bullet-active {
	opacity: 1;
	background: rgba(0,0,0,.8);
}
}
.banner-arrow div:hover {
	background-color: #4a4a4a;
}
.swiper-button-prev {
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #7c7c7c center 50%/50% 50% no-repeat;
	left: 10px;
}
.swiper-button-next {
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #7c7c7c center 50%/50% 50% no-repeat;
}
.banner-top {
	padding-top: 3.730928444707274%;
}
.banner-title {
	padding: 5px 0;
}
.banner-title h1 {
	text-align: center;
	letter-spacing: 5px;
	font-size: 45px;
	font-family: "Microsoft YaHei", 微软雅黑, MicrosoftJhengHei, 华文细黑, STHeiti, MingLiu;
	font-weight: normal;
	color: rgb(68, 68, 68);
	padding-bottom: 14px;
}
.banner-text {
	text-align: center;
}
.banner-text p {
	font: 15px/1.5 'Helvetica Neue', 'Helvetica', 'STHeitiSC-Light', "Hiragino Sans GB", Arial, "Microsoft YaHei", "å¾®è½¯é›…é»‘", "STHeiti", "WenQuanYi Micro Hei", 'PingFang SC', SimSun, sans-serif;
	-webkit-font-smoothing: antialiased;
	margin: 0;
	color: rgb(68, 68, 68);
}
.banner-top-one {
	padding-top: 3.311649911295092%;
}
.banner-button {
	width: 100%;
	vertical-align: middle;
	text-align: center;
}
.banner-button a {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	height: auto;
	width: auto;
	line-height: 100%;
	padding: 15px 32px;
	position: relative;
}
.banner-button-btn {
	color: #fff;
	font-weight: 400;
	margin: 0;
	line-height: 1.8em;
	font-size: 16px;
	font-family: 'Helvetica Neue', 'Helvetica', 'STHeitiSC-Light', "Hiragino Sans GB", Arial, "Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", 'PingFang SC', SimSun, sans-serif;
	-webkit-font-smoothing: antialiased;
	background-color: #69ca72!important;
	border-radius: 100px;
}
.banner-button-btn {
	background: #cedad0;
	display: inline-block;
	-webkit-transition: border-color .4s, color .4s;
	-moz-transition: border-color .4s, color .4s;
	transition: border-color .4s, color .4s;
	border: 0;
	vertical-align: middle;
	position: relative;
	z-index: 1;
	color: #fff;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
}
.banner-button-btn, .banner-button-btn::before {
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, .3, 1);
	-moz-transition-timing-function: cubic-bezier(0.2, 1, .3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, .3, 1);
}
.banner-button-btn::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 25px;
	background: #1a7c29;
	z-index: -1;
	opacity: 0;
	-webkit-transform: scale3d(0.7, 1, 1);
	-moz-transform: scale3d(0.7, 1, 1);
	-ms-transform: scale3d(0.7, 1, 1);
	-o-transform: scale3d(0.7, 1, 1);
	transform: scale3d(0.7, 1, 1);
	-webkit-transition: -webkit-transform .4s, opacity .4s;
	-moz-transition: -moz-transform .4s, opacity .4s;
	transition: transform .4s, opacity .4s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, .3, 1);
	-moz-transition-timing-function: cubic-bezier(0.2, 1, .3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, .3, 1);
}
.banner-button-btn:hover::before {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}








/* ###########声音样式#################*/
/* ###########声音样式#################*/
