/* CSS Document */
@charset "utf-8";

*{ margin:0; padding:0;}
body{
	margin: 0px;
	padding:0;
	margin-left:auto;
	margin-right:auto;
	font:14px tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif;
	background:#fff;
	color: black;
	font-family: 'FangSong_GB2312';
	overflow-x:hidden;
}
a{ color:black; text-decoration:none;}
li{ list-style-type:none;}
img{ border:none;}
ul{ list-style:none;}



.center{ width:1200px; height:auto; margin:0 auto; overflow:hidden;}


/*首页*/

/*head*/
#head{ width:1920px; height:90px; background:#007fcc; position:relative; left:50%; margin-left:-960px;
z-index:999;
position:fixed;
top:0;
_position:absolute;
_top: expression_r(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);
overflow:visible;}
.head-left{ float:left;}
.head-right{ float:right; }

.head-left .logo{ float:left;}
.head-left .nav{ float:left;}
.head-left .nav ul li{ float:left; margin-left:30px;line-height:90px;}
.head-left .nav ul li a{ color:#fff;}
.head-left .nav ul li a:hover{ padding-bottom:5px; border-bottom:2px solid #fff;}

.head-right{ margin-top:30px; overflow:hidden;}
.head-right img.dlzc{ margin-right:25px;}

/*banner*/
.banner{width:100%; height:460px;overflow:hidden; margin:0 auto; text-align:center; margin-top:90px; position:relative;z-index:5;}
#banner{width:1920px; height:460px; overflow:hidden;position:relative;left:50%; margin-left:-960px; top:0px; overflow:hidden;}

#banner ul li{ float:left;}
.b-contorl{ position:absolute; z-index:50; left:47%; top:92%;}	  
.b-contorl span{ display:block; background:url(../images/b-bar.png) no-repeat; width:30px; height:29px; text-align:center; line-height:29px; float:left; margin:0 3px; cursor:pointer; color:#ccc; }
span.ban-active{ background:url(../images/b-bar1.png) no-repeat;color:#fff;}
/*main*/
#main{width:100%;margin:0 auto; padding-bottom:100px; overflow:hidden;}

.sy-zxt{ width:1200px; height:100%; overflow:hidden;}
.sy-title{ text-align:center; margin:30px auto;}
.sy-title2{ text-align:center; margin:60px auto 40px;}
.sy-ywlx{ width:100%; height:auto;overflow:hidden;}
.sy-ywlx ul li{float:left; margin-bottom:13px; margin-right:24px; position:relative;}
.sy-ywlx ul li img{width:383px; height:222px;cursor:pointer;}
.sy-ywlx ul li span{ position:absolute; bottom:20px; left:20px; font-size:20px; color:#fff;}



.sy-about{ margin-top:80px; margin-bottom:80px; width:1920px; height:523px;position:relative; left:50%; margin-left:-960px; background:url(../images/sy_about.jpg) no-repeat;color:#fff; overflow:hidden;}
.sy-about-name{ font-size:32px; text-align:center; margin-top:52px; }
.sy-about-name span{ display:block; font-size:16px; margin-top:5px;}
.sy-about-nr{ height:210px; font-size:16px; margin-top:65px; text-align:center; line-height:32px; overflow:hidden;}
.sy-about-more a{ display:block; width:153px; height:48px; line-height:48px;font-size:20px; text-align:center; margin:0 auto; border:1px solid #fff; color:#fff;}

.sy-hzjg{ text-align:center;}
.sy-hzjg td{ width:300px; height:127px;border:solid #e8e8e8; border-width:0px 1px 1px 0px;}
.sy-hzjg table{border:solid #e8e8e8; border-width:1px 0px 0px 1px;}

/*首页新闻中心*/
#news{padding-top:20px;}
#newstop{height:45px; border-bottom:1px dashed #bebebe; margin-top:10px; font-size:14px; }
#newstop span{ height:35px; width:163px; color:#ffffff; display:inline-block; color:#007fcc; text-align:center; line-height:35px; _float:left;}

#news2{padding-top:20px;}
#newstop2{height:45px; border-bottom:1px dashed #bebebe; margin-top:10px; font-size:14px; }
#newstop2 span{ height:35px; width:163px; color:#ffffff; display:inline-block; color:#007fcc; text-align:center; line-height:35px; _float:left;}


#newscon{ margin-top:30px; }

#news_list_1 li,#news_list_2 li,#news_list_3 li,#news_list_4 li{width:580px; height:94px; float:left;padding-top:6px;background:url(../images/news_01.jpg) no-repeat;margin-bottom:16px; margin-right:40px; position:relative;}
/*#news_list_1  li:hover{background:url(../images/news_02.jpg) no-repeat;}*/
#news_list_1 li span,#news_list_2 li span,#news_list_3 li span,#news_list_4 li span{ display:block; height:52px; width:480px; padding:6px;}
#news_list_1 li span a,#news_list_2 li span a,#news_list_3 li span a,#news_list_4 li span a{ display:block;width:480px;}
#news_list_1 li p,#news_list_2 li p,#news_list_3 li p,#news_list_4 li p{ margin-top:4px; line-height:20px; font-size:14px;}
#news_list_1 li a.more,#news_list_2 li a.more,#news_list_3 li a.more,#news_list_4 li a.more{ position:absolute; top:72px; left:474px; color:white;}









/*#news_list_2  li{width:580px; height:48px; float:left;padding-top:6px;background:url(../images/li2bg.jpg) no-repeat;margin-bottom:16px; margin-right:40px; position:relative; line-height:20px; overflow:hidden;}
#news_list_2  li:hover{background:url(../images/libg.jpg) no-repeat;}
#news_list_2  li a{ margin-left:10px;}
#news_list_2  li p{ font-size:12px; margin-left:10px; width:480px;margin-top:4px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
#news_list_2  li span{ display:block; width:94px; height:44px; line-height:44px;float:right; text-align:center; color:white;}

#news_list_3  li{width:580px; height:40px; float:left;padding-top:6px;margin-bottom:10px; margin-right:40px; position:relative; line-height:20px; border-bottom:1px dashed #007fcc;}
#news_list_3  li span{ width:54px; height:40px; color:#007fcc; float:left; font-size:24px;}
#news_list_3  li a.news_list_3n{ display:block; width:526px; float:left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#news_list_3  li p{font-size:12px; color:#999; float:right;}*/


/*公共内页标题名称*/
.ny-name{ font-size:32px; text-align:center; margin-top:52px; color:#fff;}
.ny-name span{ display:block; font-size:16px; margin-top:5px;}
.ny-name-hx{ border-top:1px solid #fff; margin-top:5px; margin-bottom:5px;}
.hys-hx{ margin:0 auto; width:130px; border-top:1px solid #eecc2d;}


/*存量房*/
#head-clf{ width:1920px; height:90px; background:#a60115; position:relative; left:50%; margin-left:-960px;
z-index:999;
position:fixed;
top:0;
_position:absolute;
_top: expression_r(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);
overflow:visible;}

#main-clf{ width:1500px; height:auto; background:#fff; padding-bottom:30px; position:relative; left:50%; margin-left:-750px; overflow:hidden;}
#main-clf .ny-name{color:#2d2d2d;}
#main-clf .ny-name span{color:#959393;}


/*存量房滑动门效果*/

.w936{margin:35px auto;clear:both;width:1200px; height:auto;/*滑动门的宽度*/}
/* TAB 切换效果 */
.w936 .tb_ ul{height:45px; text-align:center;}
.w936 .tb_ ul li{ display:inline-block; width:215px;height:45px;line-height:45px; text-align:center;font-size:22px; }
/* 控制显示与隐藏css类 */
.w936 .normaltab{color:#959393;}
.w936 .hovertab{background:#a60115; color:#fff;}

.w936 .ctt{height:auto; margin-top:60px;}

.w936 .ctt ul li{ float:left; width:580px; height:120px; background:#fff; margin-bottom:25px; margin-right:40px; overflow:hidden;}
.w936 .ctt ul li img{ float:left;}
.w936 .ctt ul li .clf-lb{ float:left; padding:10px 20px; width:380px;}
.w936 .ctt ul li .clf-lb h3{ font-size:18px; font-weight:normal; color:#2d2d2d;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.w936 .ctt ul li .clf-lb p{ color:#939393; margin-top:5px; margin-bottom:20px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.w936 .ctt ul li:hover{ background:#a60115;}
.w936 .ctt ul li:hover .clf-lb h3{ color:#fff;}
.w936 .ctt ul li:hover .clf-lb p{ color:#fff;}
.w936 .ctt ul li:hover .kssj{ color:#fff;}
.w936 .ctt ul li:hover .jssj{ color:#fff;}

.w936 .kssj{ float:left;}
.w936 .jssj{ float:right;}

.w936 .dis{display:block;}
.w936 .undis{display:none;}

/*存量房滑动门效果 end*/


/*股权托管*/

#head-gqtg{ width:1920px; height:90px; background:#e47728; position:relative; left:50%; margin-left:-960px;
z-index:999;
position:fixed;
top:0;
_position:absolute;
_top: expression_r(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);
overflow:visible;}
#main-gqtg{ width:1500px; height:auto; background:#e47728; padding-bottom:30px; position:relative; left:50%; margin-left:-750px; overflow:hidden;}


/*股权托管滑动门效果*/

.w937{margin:35px auto;clear:both;width:1200px; height:567px; background:url(../images/gqtb_bj.jpg) no-repeat;/*滑动门的宽度*/}
/* TAB 切换效果 */
.w937 .tb_{ float:left; width:260px; height:567px; overflow:hidden;}
.w937 .tb_ ul{height:auto; text-align:center;}
.w937 .tb_ ul li{margin-top:80px;width:260px; height:38px; line-height:38px; padding-left:10px;text-align:center;font-size:24px; }
/* 控制显示与隐藏css类 */
.w937 .normaltab1{color:#585858;background:url(../images/wsgd1.jpg) no-repeat;}
.w937 .normaltab2{color:#585858;background:url(../images/wsdb1.jpg) no-repeat;}
.w937 .normaltab3{color:#585858;background:url(../images/qytg1.jpg) no-repeat;}
.w937 .normaltab4{color:#585858;background:url(../images/xxzs1.jpg) no-repeat;}
.w937 .hovertab1{color:#e47728;background:url(../images/wsgd2.jpg) no-repeat;}
.w937 .hovertab2{color:#e47728;background:url(../images/wsdb2.jpg) no-repeat;}
.w937 .hovertab3{color:#e47728;background:url(../images/qytg2.jpg) no-repeat;}
.w937 .hovertab4{color:#e47728;background:url(../images/xxzs2.jpg) no-repeat;}

.w937 .ctt{ width:940px;height:567px; overflow:hidden;}

.w937 .dis{display:block;}
.w937 .undis{display:none;}

/*股权托管滑动门效果 end*/


/*我是股东*/
.w937 #tbc_01 ul{ margin-top:55px;}
.w937 #tbc_01 ul li{ padding-left:130px; padding-top:25px;width:810px; height:130px; overflow:hidden;}
.w937 #tbc_01 .wsgd_left{ float:left; width:203px; font-size:22px; color:#949494;}
.w937 #tbc_01 .wsgd_right{ float:right; margin-right:77px; width:365px; padding-top:18px; padding-bottom:18px;}
.w937 #tbc_01 .wsgd_right h3{ font-size:18px;color:#2d2d2d;}
.w937 #tbc_01 .wsgd_right p{ color:#949494;}

.w937 #tbc_01 .wsgd-hx{ margin-left:45px; margin-right:18px; border:1px solid #c2c2c2;}

.w937 #tbc_01 ul li.wsgd1{ background:url(../images/wsgd_yygq1.jpg) no-repeat;}
.w937 #tbc_01 ul li.wsgd1:hover{ color:#e47728; background:url(../images/wsgd_yygq2.jpg) no-repeat;}

.w937 #tbc_01 ul li.wsgd2{ background:url(../images/wsgd_cgqk1.jpg) no-repeat;}
.w937 #tbc_01 ul li.wsgd2:hover{ color:#e47728; background:url(../images/wsgd_cgqk2.jpg) no-repeat;}

.w937 #tbc_01 ul li.wsgd3{ background:url(../images/wsgd_ghzy1.jpg) no-repeat;}
.w937 #tbc_01 ul li.wsgd3:hover{ color:#e47728; background:url(../images/wsgd_ghzy2.jpg) no-repeat;}

.w937 #tbc_01 ul li:hover .wsgd_left{ color:#e47728;}
.w937 #tbc_01 ul li:hover h3,
.w937 #tbc_01 ul li:hover p{ color:#fff;}

/*我是懂办*/
.w937 #tbc_02 ul{ margin-top:55px;}
.w937 #tbc_02 ul li{ padding-left:130px; padding-top:25px;width:810px; height:130px; overflow:hidden;}
.w937 #tbc_02 .wsgd_left{ float:left; width:203px; font-size:22px; color:#949494;}
.w937 #tbc_02 .wsgd_right{ float:right; margin-right:77px; width:365px; padding-top:18px; padding-bottom:18px;}
.w937 #tbc_02 .wsgd_right h3{ font-size:18px;color:#2d2d2d;}
.w937 #tbc_02 .wsgd_right p{ color:#949494;}

.w937 #tbc_02 .wsgd-hx{ margin-left:45px; margin-right:18px; border:1px solid #c2c2c2;}

.w937 #tbc_02 ul li.wsdb1{ background:url(../images/wsdb_yygq1.jpg) no-repeat;}
.w937 #tbc_02 ul li.wsdb1:hover{ color:#e47728; background:url(../images/wsdb_yygq2.jpg) no-repeat;}

.w937 #tbc_02 ul li.wsdb2{ background:url(../images/wsdb_cgqk1.jpg) no-repeat;}
.w937 #tbc_02 ul li.wsdb2:hover{ color:#e47728; background:url(../images/wsdb_cgqk2.jpg) no-repeat;}

.w937 #tbc_02 ul li.wsdb3{ background:url(../images/wsdb_ghzy1.jpg) no-repeat;}
.w937 #tbc_02 ul li.wsdb3:hover{ color:#e47728; background:url(../images/wsdb_ghzy2.jpg) no-repeat;}

.w937 #tbc_02 ul li:hover .wsgd_left{ color:#e47728;}
.w937 #tbc_02 ul li:hover h3,
.w937 #tbc_02 ul li:hover p{ color:#fff;}

/*企业托管*/
.w937 #tbc_03 .tglj{ width:820px; height:170px;margin-top:70px;margin-left:60px; margin-right:60px; border-bottom:1px solid #000; overflow:hidden;}
.w937 #tbc_03 .glj-lf{ float:left; width:180px; height:180px;text-align:center;}
.w937 #tbc_03 .glj-rt{ float:left; width:520px; margin-left:40px; line-height:35px; font-size:16px;}

.w937 #tbc_03 ul{width:820px; height:240px;margin-top:30px;margin-left:60px; margin-right:60px;overflow:hidden;}

.w937 #tbc_03 .tgqyzs{ margin-bottom:30px; text-align:center;font-size:20px; color:#323232; font-weight:bold;}
.w937 #tbc_03 .tgqyzs p{ font-size:14px; color:#666;}

.w937 #tbc_03 ul li{float:left;width:130px; height:180px;margin-bottom:30px; margin-right:6px;text-align:center; overflow:hidden;}
.w937 #tbc_03 ul li img{ width:130px; height:90px;}
.w937 #tbc_03 ul li h3{ font-size:18px; color:#323232;}
.w937 #tbc_03 ul li p{color:#F00;}

/*信息展示*/

.w937 #tbc_04 .xxzs-s{ margin:100px 45px 60px; width:850px; height:230px; text-align:center; overflow:hidden;}
.w937 #tbc_04 .xxzs-s h3{ font-size:20px; color:#323232; margin-bottom:20px;}
.w937 #tbc_04 .xxzs-sz{ float:left; width:220px;}
.w937 #tbc_04 .xxzs-sz span{font-size:72px; color:#3aaae1;}
.w937 #tbc_04 .xxzs-szhong{ float:left; width:200px; margin-left:30px;}
.w937 #tbc_04 .xxzs-sx{ float:right;margin-left:30px; width:370px;}

.w937 #tbc_04 .xxzs-x{margin:0 45px; width:850px; height:130px; font-size:16px; line-height:34px; color:#4b4b4b; overflow:hidden;}


/*国有产权/行政资产*/

#head-gycq{ width:1920px; height:90px; background:#F4A708; position:relative; left:50%; margin-left:-960px;
z-index:999;
position:fixed;
top:0;
_position:absolute;
_top: expression_r(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);
overflow:visible;}
#main-gycq{ width:1500px; height:auto; background:#fff; padding-bottom:30px; position:relative; left:50%; margin-left:-750px; overflow:hidden;}
#main-gycq .ny-name{color:#2d2d2d;}
#main-gycq .ny-name span{color:#959393;}


.gyzc{ margin-top:50px;}
.left-gycq{ float:left; width:570px; height:auto; overflow:hidden;}
.right-xzzc{ float:right;width:570px;height:auto; overflow:hidden;}
.gycq-btname{ width:570px;font-size:24px;color:#2d2d2d;}
.gycq-btname a{ float:right; color:#2d2d2d;}
.gycq-btname span{ float:left; padding-bottom:5px; border-bottom:1px solid #2d2d2d;}

ul.gyzc-list{  margin-top:25px;}
.gyzc-list li{ width:570px; height:70px; margin-bottom:15px; background:url(../images/gyzc-list1.jpg) no-repeat; overflow:hidden;}
.gyzc-list li:hover{background:url(../images/gyzc-list2.jpg) no-repeat;}
.list1-lf{ float:left; width:480px; padding:10px; line-height:25px; font-weight:bold; color:#2d2d2d;}
.list1-lf p{ color:#939393; font-weight:normal;}
.list1-lr{ float:left; width:70px; text-align:center; line-height:70px;color:#939393;}
.gyzc-list li:hover .list1-lf,
.gyzc-list li:hover .list1-lf p,
.gyzc-list li:hover .list1-lr{ color:#fff;}

/*加贸废料*/
#head-jmfl{ width:1920px; height:90px; background:#85c037; position:relative; left:50%; margin-left:-960px;
z-index:999;
position:fixed;
top:0;
_position:absolute;
_top: expression_r(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);
overflow:visible;}
#main-jmfl{ width:1500px; height:auto; background:#85c037; padding-bottom:30px; position:relative; left:50%; margin-left:-750px; overflow:hidden;}

.jmfl-list{ margin-top:40px;}
.jmfl-list ul li{ float:left; margin-right:26.5px; margin-bottom:15px; position:relative;}
.jmfl-list ul li img{ width:280px; height:210px; border:0;}
.jmfl-list ul li .jmfl-more{ position:absolute; top:5px; margin-left:222px; width:50px; height:22px; text-align:center;color:#fff; background:url(../images/jmfl_more.png) no-repeat;}

.jmfl-more a{ color:#fff;}
.jmfl-list ul li .jmfl-name{position:absolute; bottom:10px; padding-left:10px; width:260px; height:40px;color:#fff; font-size:12px; overflow:hidden;}

/*电子竞价*/

#head-dzjj{ width:1920px; height:90px; background:#0080cc; position:relative; left:50%; margin-left:-960px;
z-index:999;
position:fixed;
top:0;
_position:absolute;
_top: expression_r(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);
overflow:visible;}
#main-dzjj{ width:1500px; height:auto; background:#0080cc; padding-bottom:30px; position:relative; left:50%; margin-left:-750px; overflow:hidden;}

.w938{margin:35px auto;clear:both;width:1200px; height:auto;/*滑动门的宽度*/}
/* TAB 切换效果 */
.w938 .tb_ ul{height:45px; text-align:center;}
.w938 .tb_ ul li{ display:inline-block; width:215px;height:45px;line-height:45px; text-align:center;font-size:22px; }
/* 控制显示与隐藏css类 */
.w938 .normaltab{color:#fff;}
.w938 .hovertab{background:#fff; color:#0080cc;}

.w938 .ctt{height:auto; margin-top:60px;}

.w938 .ctt ul li{ float:left; width:385px; height:180px; background:url(../images/jjxt_list.png) no-repeat; margin-bottom:15px; margin-right:22.5px; overflow:hidden;}
.w938 .ctt ul li .dzjj-lb{ float:left; padding:10px 20px 10px 40px; width:320px;}
.w938 .ctt ul li .dzjj-lb h3{ padding-top:18px; font-size:18px; font-weight:normal; color:#fff;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.w938 .dzjj-lblf{ margin-top:40px;width:190px; float:left;}
.w938 .qpj,.w938 .bzj{ color:#fff;}
.dzjj-lb img{ float:right; padding-top:20px;}


.w938 .dis{display:block;}
.w938 .undis{display:none;}

/*农村产权*/

#head-nccq{ width:1920px; height:90px; background:#237f36; position:relative; left:50%; margin-left:-960px;
z-index:999;
position:fixed;
top:0;
_position:absolute;
_top: expression_r(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);
overflow:visible;}
#main-nccq{ width:1500px; height:auto; background:#237f36; padding-bottom:30px; position:relative; left:50%; margin-left:-750px; overflow:hidden;}

.nccq{ margin:50px auto;}
.nccq ul li{ float:left; width:580px; height:105px; margin:25px 40px 25px 0;overflow:hidden;}
.nccq ul li a{ color:#fff;}
.nccq-lf{ float:left; width:105px; height:105px; text-align:center; background:url(../images/nccq_list11.png) no-repeat;}
.nccq-lf span{ display:block; font-size:38px; padding-top:10px;}

.nccq-rt{ float:right; width:440px; height:105px; padding-top:25px;}
.nccq ul li a:hover .nccq-lf{background:url(../images/nccq_list22.png) no-repeat;}




.zscq ul li a:hover .nccq-lf{background:url(../images/nccq_list22.png) no-repeat;}






/*知识产权*/

#head-zscq{ width:1920px; height:90px; background:#f4a708; position:relative; left:50%; margin-left:-960px;
z-index:999;
position:fixed;
top:0;
_position:absolute;
_top: expression_r(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);
overflow:visible;}
#main-zscq{ width:1500px; height:auto; background:#fff; padding-bottom:30px; position:relative; left:50%; margin-left:-750px; overflow:hidden;}
#main-zscq .ny-name{color:#2d2d2d;}
#main-zscq .ny-name span{color:#959393;}

.zscq{/* margin:50px auto;*/}
.zscq ul li{ float:left; width:580px; height:105px; margin:25px 40px 25px 0;overflow:hidden;}
.zscq ul li a{ color:#fff;}

.zscq-lf{ float:left; width:105px; height:105px; text-align:center; background:url(../images/zscq_list1.png) no-repeat;}
.zscq-lf span{ display:block; font-size:38px; padding-top:10px;}

.zscq-rt{ float:right; width:440px; height:105px; padding-top:25px;color:#2d2d2d;}
.zscq-rt p{color:#959393;}
.zscq ul li a:hover .zscq-lf{background:url(../images/zscq_list2.png) no-repeat;}



/*新闻资讯*/

#head-news{ width:1920px; height:90px; background:#1c9ad9; position:relative; left:50%; margin-left:-960px;
z-index:999;
position:fixed;
top:0;
_position:absolute;
_top: expression_r(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);
overflow:visible;}
#main-news{ width:1500px; height:auto; background:#1c9ad9; padding-bottom:30px; position:relative; left:50%; margin-left:-750px; overflow:hidden;}

.w939{margin:35px auto;clear:both;width:1200px; height:auto;/*滑动门的宽度*/}
/* TAB 切换效果 */
.w939 .tb_ ul{height:45px; text-align:center;}
.w939 .tb_ ul li{ display:inline-block; width:215px;height:45px;line-height:45px; text-align:center;font-size:22px;cursor:pointer; }
.w939 .tb_ ul li a{ display:block;width:215px;height:45px; color:#fff;}
/* 控制显示与隐藏css类 */
.w939 .normaltab{color:#fff;}
.w939 .tb_ ul li a.here{background:#fff; color:#1c9ad9;}

.w939 .ctt{height:auto; margin-top:60px;}

.w939 .ctt ul li{width:1200px; height:140px; background:#fff; margin-bottom:15px; overflow:hidden;}
.w939 .ctt ul li .news-lf{ float:left; width:215px; height:140px; background:#b3b3b3; color:#fff; text-align:center; padding-top:35px;}
.w939 .ctt ul li:hover .news-lf{background:#eecc2d;}
.w939 .ctt ul li .news-lf span{ font-size:36px;}
.w939 .ctt ul li .news-rt{ float:right; width:825px; height:70px; padding:35px 80px;}
.w939 .ctt ul li .news-rt h3{ color:#2d2d2d; padding-bottom:10px; width:820px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.w939 .ctt ul li .news-rt p{ color:#939393;}
.w939 .qpj,.w938 .bzj{ color:#fff; }

.w939 .dis{display:block;}
.w939 .undis{display:none;}

/*新闻资讯内容*/


.w939 .ctt-nr{ margin-top:60px; margin-bottom:-65px; padding-left:50px; padding-right:50px; width:1100px; height:auto;background:#fff;}

.w939 .pos{padding-top:65px; padding-left:50px; line-height:35px; font-size:18px; background:url(../images/news-nrico.png) left 66px no-repeat; border-bottom:1px solid #d7d7d7;}
.w939 .news-nr-title{ text-align:center; margin-top:70px; color:#000;}
.w939 .info{ text-align:center; margin-top:15px; margin-bottom:40px;}

.w939 .news-content{ padding-bottom:80px; line-height:30px;}
.w939 .news-content p{ margin-bottom:10px;}

.w939 .fenxiang{ width:100%; height:40px;background:#f2f2f2; margin-bottom:50px;}
.w939 #bdshare{ padding-top:7px; padding-left:20px;}
.w939 .sxp{ width:100%; height:170px; line-height:170px; border-top:1px solid #d7d7d7;}
.w939 .sp{ float:left;}
.w939 .xp{ float:right;}

/*全文搜索*/
#head-search{ width:1920px; height:90px; background:#007fcc; position:relative; left:50%; margin-left:-960px;
z-index:999;
position:fixed;
top:0;
_position:absolute;
_top: expression_r(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);
overflow:visible;}
#main-search{ width:1500px; height:auto; background:#fff; padding-bottom:30px; position:relative; left:50%; margin-left:-750px; overflow:hidden;}

.ssk{ margin:30px auto;}
.ssk form{ padding-left:250px;}
#text{ float:left; width:534px; height:31px;}
#img{ float:left;}

.search-lb{ margin-top:40px;}
.search-lb ul{ padding-bottom:50px;}
.search-lb ul li{ margin-bottom:50px;}
.search-lb h3{ height:35px; line-height:35px;}

.container2{ background:#ffffff; width:1200px; margin:0 auto; padding-bottom:20px;   }
.container2 ul{ padding: 0px 40px; padding-top:40px;}
.container2 ul li{ display:block; height:120px; padding-top:20px; border-bottom:1px dashed #007fcc;}
.container2 ul li:hover h1 a{ color:#007fcc;}

.search_date{ width:75px; height:75px; float:left;}
.search_date span{ display:block; text-align:center; font-size:12px;}

.search_list{float:right;height:75px; width:1000px; line-height:24px; background:url(../images/jiaoyi_bar.jpg) no-repeat left center; text-indent:10px; padding:0 20px; overflow:hidden;}
.search_list h1{ font-size:16px; line-height:28px;}





/*关于我们*/

.about-title{ text-align:center; margin:40px auto;}
.about-wz{ margin:100px auto;}
.about-wz-lf{ float:left; width:565px;}
.about-wz-rt{ float:right;}
.about-wz-lf h3{ width:130px; margin:0 auto 30px; font-size:32px; padding-bottom:5px; color:#2d2d2d; border-bottom:2px solid #007fcc;}
.about-wz-lf p{ line-height:25px; padding-bottom:10px;}

.about-ywfw{width:1920px; height:575px; background:#fbfbfb; position:relative; left:50%; margin-left:-960px; overflow:hidden;}
.about-ywfw h3{ width:130px; margin:65px auto 85px; font-size:32px; padding-bottom:5px;color:#2d2d2d; border-bottom:2px solid #007fcc;}

.about-ywfw ul li{ width:225px; height:auto; text-align:center; float:left; margin-right:100px;}
.about-ywfw ul li img{ width:135px; height:135px;} 
.about-ywfw ul li span{ display:block; font-size:18px; height:60px; line-height:60px;color:#2d2d2d;}
.about-ywfw ul li p{ color:#a1a1a1; text-align:justify;}

.about-zzjg{ margin:0 auto;}
.about-zzjg h3{ width:130px; margin:65px auto 50px; font-size:32px; padding-bottom:5px;color:#2d2d2d; border-bottom:2px solid #007fcc;}

.about-job{ margin-top:50px;}
.about-job h3{ width:130px; margin:65px auto 85px; font-size:32px; padding-bottom:5px;color:#2d2d2d; border-bottom:2px solid #007fcc;}
.about-job span{ display:block; font-size:16px; color:#2d2d2d; font-weight:bold; padding-top:30px; padding-bottom:30px;}
.about-job p{ line-height:25px; color:#a1a1a1;}

.job1 h4{ padding-bottom:15px; font-size:18px; color:#007fcc;}

.job2,
.job3{ margin:70px auto;}
.job2 img{ float:left; padding-top:30px;}
.job2-rt{ float:right; width:675px;}

.job3-lf{ float:left; width:700px;}
.job3-lf span{ color:#007fcc;}
.job3 img{ float:right;}

/*时间轴*/
#head-sjz{ width:1920px; height:90px; background:#0180cd; position:relative; left:50%; margin-left:-960px;
z-index:999;
position:fixed;
top:0;
_position:absolute;
_top: expression_r(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);
overflow:visible;}
#main-sjz{ width:1500px; height:auto; background:#fff; padding-bottom:30px; position:relative; left:50%; margin-left:-750px; overflow:hidden;}

.sjz-lb{ margin:130px auto;}
.sjz-lb ul li{ width:1200px; height:140px; overflow:hidden;}
.sjz-lb-lf{ float:left; padding-left:97px; width:133px; text-align:center; color:#fff;padding-top:10px; padding-bottom:15px; font-size:22px;}
.sjz-lb-lf span{ font-size:38px;}
.sjz-lb-rt{ float:right; width:860px; padding-top:15px; padding-bottom:15px; padding-right:80px;}
.sjz-lb-rt h3{ line-height:30px; color:#2d2d2d;}
.sjz-lb ul li.sjz1{ background:url(../images/list_sjz1.jpg) no-repeat;}
.sjz-lb ul li:hover.sjz1{ background:url(../images/list_sjz2.jpg) no-repeat;}

/*会员登录*/
.ny-name-zc{ font-size:32px; text-align:center; margin-top:52px; color:#2d2d2d;}
.ny-name-zc span{ display:block; font-size:16px; margin-top:5px;}

.dlzc-lb{ margin:80px auto; color:#fff;}
.left{ float:left; margin-left:14px;margin-right:14px; margin-bottom:75px;}
.left2{ float:left; margin-right:4px; margin-bottom:75px;}
.dllb1{ display:block; position:relative;width:372px; height:352px; overflow:hidden;}
.dllb2{display:block;position:relative;width:372px; height:352px; overflow:hidden;}
.dllb3{display:block;position:relative;width:372px; height:352px; overflow:hidden;}
.dllb4{display:block;position:relative;width:372px; height:352px;overflow:hidden;}
.dllb5{ width:1600px; height:auto; margin:0 auto; overflow:hidden;}


.zzc{ position:absolute; width:372px; height:352px; top:0; background:#000;
filter:alpha(opacity=85); 
-moz-opacity:0.85; 
opacity:0.85;
border-radius:8px;
-moz-border-radius:8px; /* Old Firefox */}
.dllb1:hover .zzc,
.dllb2:hover .zzc,
.dllb3:hover .zzc,
.dllb4:hover .zzc{ display:none;}

.zzc .zzc-name{ font-size:36px; text-align:center; margin-top:60px;}
.zzc p{ margin-top:50px; padding:0 20px;font-size:16px; line-height:30px;}


.left h3{ font-size:30px; font-weight:normal; height:90px; line-height:90px; text-align:center;}

/*登录表单*/
.text{ float:right; padding-left:10px; padding-right:10px;width:217px; height:40px; line-height:40px; font-size:16px; color:#fff;background:transparent; border:none;}
input:focus {outline:none;}
/* WebKit browsers */
::-webkit-input-placeholder {
	color: #fff;
	font-size:16px;
}
/* Mozilla Firefox 4 to 18 */
:-moz-placeholder {
	color: #fff;
	opacity: 1;
	font-size:16px;
}
/* Mozilla Firefox 19+ */
::-moz-placeholder {
	color: #fff;
	opacity: 1;
	font-size:16px;
}
/* Internet Explorer 10+ */
:-ms-input-placeholder {
	color: #fff;
	font-size:16px;
}

.left ul{ padding-left:50px; padding-top:13px; width:237px; height:auto; margin:0 auto;}
.left ul li{width:237px; height:40px; margin-bottom:20px;}
#txtUsername{width:237px; height:40px; color:#fff;}
#txtPassword{width:237px; height:40px;}
#txtyzm{ margin-left:-50px; padding-top:2px; width:300px; height:40px;}
#txtyzm img{ float:left; margin-left:15px;}
.yzm{ float:left;width:145px;height:40px;line-height:40px;font-size:32px; text-align:center;color:#fff;background:transparent; border:none;}
.tjzc{ margin:0 40px;}
.button1{ width:115px; height:40px; font-family:'微软雅黑'; font-size:20px; color:#86c038; background:#fff;border:none; cursor:pointer;border:0 solid;
border-radius:5px;
-moz-border-radius:5px; /* Old Firefox */}
a.zc1{ display:block; float:right;width:115px; height:40px; line-height:40px;font-size:20px; text-align:center;color:#86c038; background:#fff;border:0 solid;
border-radius:5px;
-moz-border-radius:5px; /* Old Firefox */}

.button2{ width:115px; height:40px; font-family:'微软雅黑'; font-size:20px; color:#e34635; background:#fff;border:none; cursor:pointer;border:0 solid;
border-radius:5px;
-moz-border-radius:5px; /* Old Firefox */}
a.zc2{ display:block; float:right;width:115px; height:40px; line-height:40px;font-size:20px; text-align:center;color:#e34635; background:#fff;border:0 solid;
border-radius:5px;
-moz-border-radius:5px; /* Old Firefox */}

.button3{ width:115px; height:40px; font-family:'微软雅黑'; font-size:20px; color:#e57728; background:#fff;border:none; cursor:pointer;border:0 solid;
border-radius:5px;
-moz-border-radius:5px; /* Old Firefox */}
a.zc3{ display:block; float:right;width:115px; height:40px; line-height:40px;font-size:20px; text-align:center;color:#e57728; background:#fff;border:0 solid;
border-radius:5px;
-moz-border-radius:5px; /* Old Firefox */}

.button4{ width:115px; height:40px; font-family:'微软雅黑'; font-size:20px; color:#007fcc; background:#fff;border:none; cursor:pointer;border:0 solid;
border-radius:5px;
-moz-border-radius:5px; /* Old Firefox */}
a.zc4{ display:block; float:right;width:115px; height:40px; line-height:40px;font-size:20px; text-align:center;color:#007fcc; background:#fff;border:0 solid;
border-radius:5px;
-moz-border-radius:5px; /* Old Firefox */}



/*列表分页*/
.page{ text-align:center; margin:40px auto; font-size:16px; color:#fff;}
.page a{color:#414141; padding:2px 5px;font-size:14px; border:1px solid #000; background:#fff;}
.page a:hover{ color:#fff;background:#414141;}
/*footer*/
#footer{  width:1920px; height:450px; background:#f2f2f2; position:relative; left:50%; margin-left:-960px; overflow:hidden;}

.footer-s{ margin-top:40px; width:100%; height:349px; border-bottom:1px solid #d0d0d0;}
.footer-x{ width:100%; height:60px; line-height:60px;}
.footer-nav{ width:100%; margin-bottom:50px;}
.footer-z{ width:100%; height:240px; overflow:hidden;}
.footer-z span{ display:block; color:#000; font-size:20px; padding-bottom:20px; margin-top:15px;}
.footer-z p{ padding-bottom:10px;}
.footer-z1,.footer-z2,.footer-z3{ float:left; height:240px;border-right:1px dashed #d0d0d0;}
.footer-z1{ width:180px;}
.footer-z2{ width:280px; text-align:center;}
.footer-z3{ width:415px; padding-left:100px;}
.footer-z4{ float:right;}

.otherSystem{    position: relative;
    float: right;

 
		right:400px;
bottom:70px;

}
.otherSystem img{ max-width: 100%;}

.otherSystem a{ cursor:pointer; display:block;float:left;margin-right:20px;}
.otherSystem .otherlist{   
width:0px;
height:0px;
position: absolute;
left: 25px;
top:50px;
background: #fff;
box-shadow:0px 0px 8px rgba(0, 0, 0, 0.33);
overflow:hidden;
}
@keyframes shouqi{
    from{top:50px; left:-275px; width:300px; height:360px; opacity:1;}
    to{top:50px; left:25px; width:0px; height:0%; opacity:0; }
}
@keyframes zhankai{
    from{top:50px; left:25px; width:0px; height:0%;opacity:0;}
    to{top:50px; left:-275px; width:300px; height:360px;opacity:1; }
}
.otherlist ul{ padding:0px; margin:0px;}
.otherlist li{
    display:block;
    float:left;
    width:25%;
    margin:8px 4%;
    cursor:pointer;
}
.otherlist li a{
    display:block;
    width:100%;
}

.otherlist li  img {
            border-radius: 100px;
        }

.otherlist li label{
    font-size:80%;
    color:#666;
    display:block;
    text-align:center;
    line-height:30px;
}


.cd-horizontal-timeline {
  opacity: 0;
  margin: 2em auto;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.cd-horizontal-timeline::before {
  /* never visible - this is used in jQuery to check the current MQ */
  content: 'mobile';
  display: none;
}
.cd-horizontal-timeline.loaded {
  /* show the timeline after events position has been set (using JavaScript) */
  opacity: 1;
  width:45%;float:right;margin-top:5%;
}
.cd-horizontal-timeline .timeline {
  position: relative;
  height: 300px;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.cd-horizontal-timeline .events-wrapper {
  position: relative;
  height: 100%;
  margin: 0 40px;
  overflow: hidden;
}
.cd-horizontal-timeline .events-wrapper::after, .cd-horizontal-timeline .events-wrapper::before {
  /* these are used to create a shadow effect at the sides of the timeline */
  content: '';
  position: absolute;
  z-index: 2;
  top: 0;
  height: 100%;
  width: 20px;
}
.cd-horizontal-timeline .events-wrapper::before {
  left: 0;
/*  background-image: -webkit-linear-gradient( left , #f8f8f8, rgba(248, 248, 248, 0));
  background-image: linear-gradient(to right, #f8f8f8, rgba(248, 248, 248, 0));*/
}
.cd-horizontal-timeline .events-wrapper::after {
  right: 0;
/*  background-image: -webkit-linear-gradient( right , #f8f8f8, rgba(248, 248, 248, 0));
  background-image: linear-gradient(to left, #f8f8f8, rgba(248, 248, 248, 0));*/
}
.cd-horizontal-timeline .events {
  /* this is the grey line/timeline */
  position: absolute;
  z-index: 1;
  left: 0;
  top: 49px;
  height: 2px;
  /* width will be set using JavaScript */
  background: #dfdfdf;
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  transition: transform 0.4s;
}


.cd-horizontal-timeline .filling-line {
  /* this is used to create the green line filling the timeline */
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgb(0,127,204);
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
.cd-horizontal-timeline .events a {
  position: absolute;
  margin-left:-5px;
  bottom: -2px;
  z-index: 2;
  text-align: center;
  font-size: 1.1em;
  padding-bottom: 15px;
  color: #383838;
  /* fix bug on Safari - text flickering while timeline translates */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}
.cd-horizontal-timeline .events span {
position: absolute;
margin-left:-13px;
color:rgb(0,0,0);
cursor:pointer;

}

.cd-horizontal-timeline .events span.selected {

position: absolute;
color:rgb(255,255,255);
cursor:pointer;

}
.cd-horizontal-timeline .events span.selected p{background-color:rgb(0,127,204);border:1px solid rgb(0,127,204);}

.cd-horizontal-timeline .events a::after {
  /* this is used to create the event spot */
  content: '';
  position: absolute;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -5px;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  border: 2px solid #dfdfdf;
  background-color: #f8f8f8;
  -webkit-transition: background-color 0.3s, border-color 0.3s;
  -moz-transition: background-color 0.3s, border-color 0.3s;
  transition: background-color 0.3s, border-color 0.3s;
}
.no-touch .cd-horizontal-timeline .events a:hover::after {
  background-color: rgb(0,127,204);
  border-color: rgb(0,127,204);
}
.cd-horizontal-timeline .events a.selected {
	margin-left:-5px;	
  pointer-events: none;
}
.cd-horizontal-timeline .events a.selected::after {
  background-color: rgb(0,127,204);
  border-color: rgb(0,127,204);
}
.cd-horizontal-timeline .events a.older-event::after {
  border-color: rgb(0,127,204);
}
@media only screen and (min-width: 1100px) {
  .cd-horizontal-timeline {
    margin: 6em auto;
  }
  .cd-horizontal-timeline::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: 'desktop';
  }
}

.cd-timeline-navigation a {
  /* these are the left/right arrows to navigate the timeline */
  position: absolute;
  z-index: 1;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 34px;
  width: 34px;
  border-radius: 50%;
  border: 2px solid rgb(0,127,204);
  /* replace text with an icon */
  overflow: hidden;
  color: transparent;
  text-indent: 100%;
  white-space: nowrap;
  -webkit-transition: border-color 0.3s;
  -moz-transition: border-color 0.3s;
  transition: border-color 0.3s;
}
.cd-timeline-navigation a::after {
  /* arrow icon */
  content: '';
  position: absolute;
  height: 16px;
  width: 16px;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  background: url(../images/cd-arrow.svg) no-repeat 0 0;
}
.cd-timeline-navigation a.prev {
  left: 0;
  -webkit-transform: translateY(-50%) rotate(180deg);
  -moz-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  -o-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}
.cd-timeline-navigation a.next {
  right: 0;
}
.no-touch .cd-timeline-navigation a:hover {
  border-color: rgb(0,127,204);
}
.cd-timeline-navigation a.inactive {
  cursor: not-allowed;
  border: 2px solid #dfdfdf;

}
.cd-timeline-navigation a.inactive::after {
  background-position: 0 -16px;
}
.no-touch .cd-timeline-navigation a.inactive:hover {
  border-color: #dfdfdf;
}
.linechange
{
transform:translate3d(207px,0px,0px);
}




.cd-horizontal-timeline .events-content {
  position: relative;
  width: 100%;
/*  margin: 2em 0;
*/  overflow: hidden;
  -webkit-transition: height 0.4s;
  -moz-transition: height 0.4s;
  transition: height 0.4s;
}
.cd-horizontal-timeline .events-content li {
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 0;
  top: 0;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  padding: 0 5%;
  opacity: 0;
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
.cd-horizontal-timeline .events-content li.selected {
  /* visible event content */
  position: relative;
  z-index: 2;
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.cd-horizontal-timeline .events-content li.enter-right, .cd-horizontal-timeline .events-content li.leave-right {
  -webkit-animation-name: cd-enter-right;
  -moz-animation-name: cd-enter-right;
  animation-name: cd-enter-right;
}
.cd-horizontal-timeline .events-content li.enter-left, .cd-horizontal-timeline .events-content li.leave-left {
  -webkit-animation-name: cd-enter-left;
  -moz-animation-name: cd-enter-left;
  animation-name: cd-enter-left;
}
.cd-horizontal-timeline .events-content li.leave-right, .cd-horizontal-timeline .events-content li.leave-left {
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  animation-direction: reverse;
}
.cd-horizontal-timeline .events-content li > * {
  max-width: 800px;
  margin: 0 auto;
}
.cd-horizontal-timeline .events-content h2 {
  font-weight: bold;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.2;
  color:rgb(0,0,0);
}
.cd-horizontal-timeline .events-content em {
  display: block;
  font-style: italic;
  margin: 10px auto;
    color:rgb(0,0,0);

}
.cd-horizontal-timeline .events-content em::before {
  content: '- ';
}
.cd-horizontal-timeline .events-content p {
  font-size: 1.4rem;
  color: #000000;
}
.cd-horizontal-timeline .events-content em, .cd-horizontal-timeline .events-content p {
  line-height: 1.6;
}
@media only screen and (min-width: 768px) {
  .cd-horizontal-timeline .events-content h2 {
    font-size: 5rem;
  }
  .cd-horizontal-timeline .events-content em {
    font-size: 2rem;
  }
  .cd-horizontal-timeline .events-content p {
    font-size: 1.3rem;
  }
}

@-webkit-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -moz-transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0%);
  }
}
@keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-webkit-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0%);
  }
}
@keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}
.myChart2
{
	width:25%;height:230px;float:left;margin-top:8%;margin-left:-2%;
	}
	
	.myChart
{
	width:25%;height:230px;float:left;margin-top:8%;margin-left:1%;
	}
	
.timelinetext{ width:auto; height:200px;-webkit-text-orientation:upright;text-align:left;font-size:0.9rem;border: 1px solid rgb(0,127,204);-webkit-writing-mode:vertical-lr; -ms-text-combine-horizontal:digits 4;writing-mode:vertical-lr;text-orientation:upright;-ms-writing-mode:tb-lr;-ms-text-orientation:upright;}



.tab
{
background:#f3f3f3;
overflow:hidden;
position:fixed;
margin-top:66px;
z-index:100;
width:100%;
}

.tab span
{
height:40px;
line-height:40px;
width:20%;
float:left;
text-align:center;
}

.tab span.active
{
color:#1C9AD9;
transition:0.1s;
font-weight:bold;
}

.tab span.state
{
color:#F4A708;
transition:0.1s;
font-weight:bold;
}


.lineborder
{
height:2px;
overflow:hidden;
border-bottom:1px solid #1C9AD9;
background:#f3f3f3;
width:100%;
z-index:100;
margin-top:105px;
position:fixed;
}

.line
{
background:#1C9AD9;
height:2px;
width:20%;
}
#caseMarronFonce {
  height : 220px;
  width : 150px;
  padding-top : 80px;
  position : relative;
}

/****FIN PROGRESS****/

/****DEBUT SPINNER****/
#spinner {
  height : 90px;
  width : 90px;
  margin:0 auto;
  /*background-color : #61615E;*/
  border : 4px solid #F4A708;
  border-left-color : transparent;
  border-right-color : transparent;
  border-radius : 50%;
  animation : spin 1.5s infinite;
  -webkit-animation : spin 1.5s infinite;
}
#spinner2 {
  height : 45px;
  width : 45px;
  margin:0 auto;
  /*background-color : #61615E;*/
  border : 2.5px solid #7f2190;
  border-left-color : transparent;
  border-right-color : transparent;
  border-radius : 50%;
  animation : spin 0.5s infinite;
  -webkit-animation : spin 1s infinite;
float:left;
margin-left:40%
}

.listlist {

}


@-webkit-keyframes spin {
  0% {-webkit-transform : rotate(0deg);}
  50% {-webkit-transform : rotate(360deg);}
  100% {-webkit-transform : rotate(0deg);}
}

@keyframes spin {
  0% {transform : rotate(0deg);}
  50% {transform : rotate(360deg);}
  100% {transform : rotate(0deg);}
}
/****FIN SPINNER****/










@media (min-device-width : 275px) and (max-device-width : 567px) and (-webkit-min-device-pixel-ratio : 2){
.sy-zxt{ width:1200px; height:650px; overflow:hidden;}
.page-title-container ._page-title
{
	font-size:31px
	}

.myChart2
{
	width:50%;height:330px;float:left;margin-top:2%;margin-left:-8%;
	}
	
	.myChart
{
	width:50%;height:330px;float:right;margin-top:2%;margin-right:3%;
	}
/*
	
.timelinetext{height:150px;-webkit-text-orientation:upright;text-align:left;font-size:0.7rem; -ms-text-combine-horizontal:digits 4;-webkit-writing-mode:vertical-lr;writing-mode:vertical-lr;text-orientation:upright;-ms-writing-mode:tb-lr;-ms-text-orientation:upright}
*/
.cd-horizontal-timeline {
  opacity: 0;
  margin: 0em auto;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.cd-horizontal-timeline.loaded {
  /* show the timeline after events position has been set (using JavaScript) */
  opacity: 1;
  width:100%;height:260px;float:left;margin-top:0%;margin-right:0%;
}

}


@keyframes shouqimobile{
    from{margin:103px 25% 0; width:70%; height:100%; opacity:1;}
    to{ margin:103px 95.2%;width:0px; height:0%; opacity:0; }
}
@keyframes zhankaimobile{
    from{ margin:103px 95.2% 0;width:0px; height:0%;opacity:0;}
    to{ margin:103px 25% 0;width:70%; height:100%;opacity:1; }
}


@media (min-device-width : 275px) and (max-device-width : 320px) and (-webkit-min-device-pixel-ratio : 2){
}