.header{ height:40px; border-bottom:1px solid #a4a4a4; background:#747474; width:100%; position:absolute; z-index:100;}
.header .top_box{ width:1350px; position:absolute; left:50%; margin-left:-675px;}
.header .top_box .weather_box{ float:left; height:24px; margin-top:8px; margin-left:10px;}
.header .top_box .side_nav{ float:right;}
.header .top_box .side_nav ul{ width:160px;}
.header .top_box .side_nav ul li{ line-height:24px; margin-top:8px; float:left; padding-left:5px; padding-right:5px;}
.header .top_box .side_nav ul li a{ font-size:14px; line-height:24px;color:#c19b4d;}
.header .top_box .side_nav ul li a:hover{ color:#FFF;}
.nav{ height:150px; width:100%; position: absolute; background:url(../images/navbg.png) center center no-repeat; background-size:100% auto; z-index:99; top:40px;}
.nav_box{ width:1350px; height:150px; position: relative; left:50%; margin-left:-675px;}
.logo{ float:left; padding-top:13px; margin-left:36px;}
.nav_con{ float:right;}
.nav_con ul{ margin-top:15px;}
.nav_con ul li{ width:100px; height:100px; border-radius:15px;/* background:#969696;*/ float:left; margin-right:36px; position:relative; cursor:pointer;}
.nav_con ul li a{ display:block; height:88px; border-radius:15px;}
.nav .nav_box .logo img{ width:125px; height:125px;}
.nav_con ul li .nav_title{ font-size:18px; color:#333; margin-top:105px; font-weight:bold; width:120px; text-align:center; margin-left:-25px;}
.nav_con ul li .lg_con{border-radius: 12px; height:90px; width:90px; margin-top:5px; margin-left:5px;}
.nav_con ul li .tys_logo{ background:#e8e8e8 url(../images/tys_logo.png) no-repeat; background-size:90px 90px; }
.nav_con ul li .tys_logo1{ background:#e8e8e8 url(../images/tys_logo1.png) no-repeat; background-size:90px 90px; }
.nav_con ul li .cclj_logo{ background:#e8e8e8 url(../images/cclj_logo.png) no-repeat; background-size:90px 90px;   }
.nav_con ul li .cclj_logo1{ background:#e8e8e8 url(../images/cclj_logo1.png) no-repeat; background-size:90px 90px;   }
.nav_con ul li .cswl_logo{ background:#e8e8e8 url(../images/cswl_logo.png) no-repeat; background-size:90px 90px;  }
.nav_con ul li .cswl_logo1{ background:#e8e8e8 url(../images/cswl_logo1.png) no-repeat; background-size:90px 90px;  }
.nav_con ul li .tqt_logo{ background:#e8e8e8 url(../images/tqt_logo.png) no-repeat; background-size:90px 90px;  }
.nav_con ul li .tqt_logo1{ background:#e8e8e8 url(../images/tqt_logo1.png) no-repeat; background-size:90px 90px;  }
/*导航翻转*/
.flip-container{-webkit-perspective: 500; -moz-perspective: 500; -ms-perspective: 500; perspective: 500; -ms-transform: perspective(500px); -moz-transform: perspective(500px); -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; display: inline-block; position: relative;}
.flip-container:hover .front{-webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg);}
.flip-container:hover .back{-webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); z-index: 3; }
.front, .back{-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: 0.6s; -moz-transition: 0.6s; -o-transition: 0.6s; -ms-transition: 0.6s; transition: 0.6s; position: absolute; top: 0px; left: 0px;}
.front{background: red; z-index: 2;}
.back{background: green; -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); transform: rotateY(-180deg);}

.ar_box{ width:100%; position:relative; overflow:hidden; border-bottom:10px solid #b6b6b6; height:1080px;}
.ar_fr{ width:100%; height:1080px;}
.nextD{ cursor:pointer; cursor:hand; text-align:center; width:96px; height:51px; position:absolute; bottom:0; left:50%; margin-left:-48px; z-index:1; background:url(../images/bc.png) no-repeat center;}
.nextD img{ position:absolute; display:block; width:20x; height:18px; top:5px; left:50%; margin-left:-10px;}
.nextD span{ display:block; padding-top:30px; font:normal 12px/20px "microsoft yahei"; color:#fff; opacity:0.5; -webkit-opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50);}

.rukou{ width:100%; height:490px; position:relative; background:url(../images/rukou_bg.jpg) no-repeat center center; background-size:1920px 490px;}
.rukou .rukou_box{ width:1350px; position:absolute; left:50%; margin-left:-675px;}
.rukou .rukou_box .rukou_title{ width:354px; height:126px; background:url(../images/rktitle.png) no-repeat; background-size:contain; margin-left:500px; line-height:86px; font-size:38px; font-family:'微软雅黑'; padding-left:70px; letter-spacing:6px;}
.rukou_box ul{ margin-top:60px;}
.rukou_box ul li{ width:200px; height:240px; float:left; margin-right:30px; background:url(../images/yinying.png) no-repeat; background-position:center 200px; background-size:169px 28px;}
.rukou_box ul .curren{ margin-right:0;}
.rukou_box ul li .rk_img{ width:200px; height:200px;border-radius: 100px;}
.rukou_box ul li .chi_on{background:#e8e8e8  url(../images/rukou1.png) no-repeat;background-size:200px 200px;}
.rukou_box ul li .chi_off{background:#e8e8e8  url(../images/rukou11.png) no-repeat;background-size:200px 200px;}
.rukou_box ul li .zhu_on{background:#e8e8e8  url(../images/rukou2.png) no-repeat;background-size:200px 200px;}
.rukou_box ul li .zhu_off{background:#e8e8e8  url(../images/rukou22.png) no-repeat;background-size:200px 200px;}
.rukou_box ul li .xing_on{background:#e8e8e8  url(../images/rukou3.png) no-repeat;background-size:200px 200px;}
.rukou_box ul li .xing_off{background:#e8e8e8  url(../images/rukou33.png) no-repeat;background-size:200px 200px;}
.rukou_box ul li .you_on{background:#e8e8e8  url(../images/rukou4.png) no-repeat;background-size:200px 200px;}
.rukou_box ul li .you_off{background:#e8e8e8  url(../images/rukou44.png) no-repeat;background-size:200px 200px;}
.rukou_box ul li .go_on{background:#e8e8e8  url(../images/rukou5.png) no-repeat;background-size:200px 200px;}
.rukou_box ul li .go_off{background:#e8e8e8  url(../images/rukou55.png) no-repeat;background-size:200px 200px;}
.rukou_box ul li .yu_on{background:#e8e8e8  url(../images/rukou6.png) no-repeat;background-size:200px 200px;}
.rukou_box ul li .yu_off{background:#e8e8e8  url(../images/rukou66.png) no-repeat;background-size:200px 200px;}

.footer{ width:100%; height:390px; background:#808080; position:relative}
.footer .footer_box{ width:1350px; position:absolute; left:50%; margin-left:-675px;}
.footer .footer_box ul{ width:200px; float:left; height:350px; padding-top:36px; padding-left:20px;}
.footer .footer_box ul li a{ font-size:14px; color:#FFF; line-height:28px;}
.footer .footer_box ul li:first-child  a{ font-size:16px; color:#FFF; line-height:36px; font-weight:bolder;}
.banquan{ height:40px; width:auto;}
.banquan p{ text-align:center; line-height:40px;}
/*按钮呼吸发光*/
.button { background: #222  url(../images/overlay-button.png) repeat-x 0 0; display: inline-block; padding: 5px 15px 6px; color: #fff !important; font-size: 13px; font-weight: bold; line-height: 1; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); position: relative; cursor: pointer; overflow: visible; width: auto; }
button::-moz-focus-inner { border: 0; padding: 0; }
.button:hover { background-color: #111; color: #fff; }
.button:active { -webkit-transform: translateY(1px); -moz-transform: translateY(1px); }
/* Small Buttons */
.small.button { font-size: 11px; }
/* Large Buttons */
.large.button { font-size: 14px; padding: 8px 19px 9px; }
.orange.button { background-color: #ff5c00; }
.orange.button:hover { background-color: #d45500; }
@-webkit-keyframes orangePulse {
  from { background-color: #b84c04; -webkit-box-shadow: 0 0 9px #333; }
  50% { background-color: #ff5c00; -webkit-box-shadow: 0 0 27px #ff5c00; }
  to { background-color: #b84c04; -webkit-box-shadow: 0 0 9px #333; }
}
a.button {
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: infinite; 
}

.orange.button { -webkit-animation-name: orangePulse; -webkit-animation-duration: 2s; }
.wall-of-buttons { width: 100%; height: 500px; text-align: center; }
.wall-of-buttons a.button { display: inline-block; margin: 0 30px 30px 0; } 
/*轮播新闻*/
 .BreakingNewsController{width:1000px; overflow:hidden; background:#FFF; height:auto; position: absolute; bottom:0; left:50%; margin-left:-500px;}
.BreakingNewsController .bn-title{display:inline-block; float:left; padding:10px 20px; background:#5aa628; color:#FFF;}
.BreakingNewsController ul{padding:0; margin:0; display:block; list-style:none; position:absolute; left:180px; right:50px;}
.BreakingNewsController ul li{list-style:none; padding:10px 20px; display:none;}
.BreakingNewsController ul li a{text-decoration:none; color:#333; display:inline-block; overflow:hidden; padding:0;}
.BreakingNewsController ul li span{ float:right;}
.BreakingNewsController .bn-arrows{display:inline-block; float:right; width:50px; position:absolute; right:0; top:0; bottom:0;}
.BreakingNewsController .bn-arrows span{display:block; width:20px; position:absolute; top:0; bottom:0; cursor:pointer; opacity:0.2;}
.BreakingNewsController .bn-arrows span:hover{opacity:1;}
.BreakingNewsController .bn-arrows-left{ left:0; background:url(../images/bn-arrows.png) left center no-repeat;}
.BreakingNewsController .bn-arrows-right{right:10px; background:url(../images/bn-arrows.png) right center no-repeat;}
.easing a, .easing span{transition:.25s linear; -moz-transition:.25s linear; -webkit-transition:.25s linear;}
/*内容页container*/
/*悬浮*/
.toolbar-item,.toolbar-layer{background:url(../images/toolbar.png) no-repeat;}
.toolbar{position:fixed;right:0px;bottom:50px;}/*假设网页宽度为1200px，导航条在右侧悬浮*/
.toolbar-item{display:block;width:52px;height:52px;margin-top:1px;position:relative;-moz-transition:background-position 1s;-ms-transition:background-position 1s;-o-moz-transition:background-position 1s;-webkit-moz-transition:background-position 1s;transition:background-position 1s;}
.toolbar-item:hover .toolbar-layer{opacity:1;filter:alpha(opacity=100);transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}
.toolbar-item-weixin{background-position:0 -798px;}
.toolbar-item-weixin:hover{background-position:0 -860px;}
.toolbar-item-weixin .toolbar-layer{height:212px;background-position:0 0;}
.toolbar-item-feedback{background-position:0 -426px;}
.toolbar-item-feedback:hover{background-position:0 -488px;}
.toolbar-item-app{background-position:0 -550px;}
.toolbar-item-app:hover{background-position:0 -612px;}
.toolbar-item-app .toolbar-layer{height:194px;background-position:0 -222px;}
.toolbar-item-top{background-position:0 -674px;}
.toolbar-item-top:hover{background-position:0 -736px;}
.toolbar-layer{position:absolute;right:46px;bottom:-10px;width:172px;opacity:0;filter:alpha(opacity=0);
transform-origin: 95% 95%;-moz-transform-origin: 95% 95%;-ms-transform-origin: 95% 95%;-o-transform-origin: 95% 95%;-webkit-transform-origin: 95% 95%;transform:scale(0.01);
-moz-transform:scale(0.01);-ms-transform:scale(0.01);-o-transform:scale(0.01);-webkit-transform:scale(0.01);transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s;}