.header{ height:40px; border-bottom:1px solid #a4a4a4; background:#747474; width:100%; position: relative; 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: relative; background:url(../images/navbg.png) center center no-repeat; background-size:100% auto; z-index:99; ;}
.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);}

.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; margin-top:50px; background:#CCC;}
.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; } 
/*内容*/
.banner{ width:100%; height:427px; overflow:hidden; position:relative;}
.banner .banner_img{ width:1920px; height:427px; position:absolute; left:50%; margin-left:-960px;}
.container{width: 100%; position:relative;}
.container .conta{ width:1350px; position: relative; left:50%; margin-left:-675px;}
.container .conta .left_container{ float:left; width:335px; margin-top:-68px; background:#A4203B; min-height:1000px;}
.container .conta .left_container .title_box{ width:335px; height:100px; background:url(../images/title1.jpg)  no-repeat center center; background-size:cover;}
.container .conta .left_container ul{ width:215px; margin-left:120px; margin-top:50px;}
.container .conta .left_container ul li{ width:215px; height:58px; box-sizing:border-box; text-align:center; font-size:20px; line-height:58px; color:#FFF; cursor:pointer;}
.container .conta .left_container ul li:hover{ background:#a4546f;}
.container .conta .left_container ul .curren{ background:#a4546f;}
.container .conta .right_container{float:right; width:1013px; background:#fff; border-left:1px solid #CCC; border-right:1px solid #CCC; border-top:1px solid #CCC;}
.container .conta .right_container .title_con{ height:88px; width:100%; border-bottom:2px solid #666;}
.container .conta .right_container .title_con p{ line-height:88px; text-align:right; margin-right:60px;}
.container .conta .right_container .title_con p a{ color:#000;}
.container .conta .right_container .text_container{ padding:45px; display:none;}
.container .conta .right_container .text_container h1{ font-size:32px; text-align:center; color:#a4203b; line-height:56px;}
.container .conta .right_container .text_container p{ color:#000; font-size:16px; line-height:32px; margin-top:24px; text-indent:2em;}
.container .conta .right_container .text_container img{ width:923px; height:auto; margin-top:32px;}
.ditu_box{ width:923px; margin-bottom:60px; position:relative;}
.csd-pub{}
.csd-pub a{cursor: pointer;display:block; width:15px; height:15px; border-radius:50%; background:#fff; border:2px solid  #F00;font-size:10px; line-height:12px;}
.csd-pub a:hover{background:#F00;}

.csd-pos1{position:absolute;bottom:250px; left:220px; }
.csd-pos2{position:absolute; bottom:180px; left:500px;}
.csd-pos3{position:absolute; bottom:57px; left:380px;}
.csd-pos4{position:absolute; top:266px;right:204px;}
.csd-pos5{position:absolute; top:145px; left:311px;}
.csd-pos6{position:absolute; top:265px;left:373px;}
.csd-pos7{position:absolute; top:379px;left:400px;}
.csd-pos8{position:absolute; top:500px;right:432px;}
.csd-pos9{position:absolute; bottom:184px;left:417px;}
.csd-pos10{position:absolute;  bottom:168px;left:533px;}
.csd-pos11{position:absolute; top:287px;left:240px;}
.csd-pos12{position:absolute; bottom:317px;left:292px;}
.csd-pos13{position:absolute; top:417px;right:477px;}
.csd-pos14{position:absolute; top:266px;left:458px;}
.csd-pos15{position:absolute; top:457px;right:350px;}
.csd-pos16{position:absolute; top:517px;right:480px;}
.csd-pos17{position:absolute; top:415px;left:308px;}


.csd-hover{position: absolute;left:0;top:-52px;display:none;}
.csd-pub a:hover~.csd-hover{display:block;}
.csd-hover1{left:-57px;}
.csd-hover2{left:-50px;}
.csd-hover3{left:-51px;}
.csd-hover4{left:-64px;}
.csd-hover5{left:-34px;}
.csd-hover6{left:-37px;}
.csd-hover7{left:-30px;}
.csd-hover8{left:-34px;}
.csd-hover9{left:-34px;}
.csd-hover10{left:-34px;}
.csd-hover11{left:-35px;}
.csd-hover12{left:-27px;}
.csd-hover13{left:-34px;}
.csd-hover14{left:-62px;}
.csd-hover15{left:-34px;}
.csd-hover16{left:-20px;}
.csd-hover17{left:-70px;}
.csd-cf{white-space: nowrap; display:block;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;height:20px;min-width:30px;line-height:20px;background:#8c2e3c;padding: 0px 15px;color: #fff; text-indent:0;}
.csd-triangle{height:0;width:0;overflow:hidden;position: absolute;left: 50%;margin-left:-6px;
	border-left:6px dashed transparent;
	border-top:6px solid #8c2e3c;
	border-bottom:6px dashed transparent;
	border-right:6px dashed transparent;
}

/*悬浮*/
.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;}