@charset "gb2312";
/* CSS Document by whc */
a,a:hover{ text-decoration:none;}
.zyjc_ban{ width:100%; height:521px; background:url(../images/x_zyjc01.jpg) no-repeat center top;}
.zyjc_ban a{ width:998px; height:115px;/* background:url(../images/x_zyjc02.jpg) no-repeat;*/ margin:0 auto; overflow:hidden; display:block; padding:406px 0 0 2px;}
.zyjc_ban a b{ width:323px; height:57px; display:block; font-size:18px; color:#fff; text-indent:55px; line-height:57px; background:url(../images/x_zyjc03.jpg) no-repeat;}
.zyjc_ban a b:hover{ background:url(../images/x_zyjc04.jpg) no-repeat;}
.zyjc_cn1{ width:100%; height:78px; background:#ff3b69; overflow:hidden;}
.zyjc_xbt{ width:1000px; margin:0 auto; overflow:hidden; text-align:center;}
.zyjc_xbt b{ font-size:30px; color:#fff; line-height:50px;}
.zyjc_cn2{ width:1000px; margin:45px auto 35px; overflow:hidden;}
.zyjc_cn2 dl{ width:1000px; overflow:hidden; margin:0 auto 40px;}
.zyjc_cn2 dl dt{ width:560px; float:left; overflow:hidden;}
.zyjc_cn2 dl dt b{ color:#333; background:url(../images/x_zyjc06.jpg) no-repeat left bottom; font-size:26px; display:block; line-height:35px; padding:0 0 15px; margin:0 0 10px;}
.zyjc_cn2 dl dt em{ font-size:16px; color:#494949; line-height:38px;}
.zyjc_cn2 dl dt em span{ color:#ff5076;}
.zyjc_cn2 dl dt p{ font-size:16px; color:#333; line-height:28px; margin:0 0 10px;}
.zyjc_cn2 dl dt ul{ width:200px; float:left;}
.zyjc_cn2 dl dt ul li{ width:200px; overflow:hidden; height:25px;}
.zyjc_cn2 dl dt ul li span{ width:80px; display:block; font-size:16px; color:#333; float:left;}
.zyjc_cn2 dl dt ul li img{ float:left; margin:5px 3px 0;}
.zyjc_cn2 dl dt a{ width:303px; display:block; float:right; background:url(../images/x_zyjc08.jpg) no-repeat; height:41px; display:block; line-height:41px; text-indent:32px; color:#01c3c5; font-weight:bold; font-size:16px; margin:8px 0 0;}
.zyjc_cn2 dl dt a:hover{ background:url(../images/x_zyjc09.jpg) no-repeat; color:#fff;}
.zyjc_cn2 dl dd{ float:right;}
.zyjc_cn2 .zyjc_cn2_1 dt{ float:right;}
.zyjc_cn2 .zyjc_cn2_1 dd{ float:left;}
.zyjc_cn2_2{ width:1000px; height:60px; background:#eee; overflow:hidden;}
.zyjc_cn2_2 img{ float:left;}
.zyjc_cn2_2 p{ float:left; line-height:60px; text-indent:35px; font-size:20px; font-weight:bold;}
.zyjc_cn3{ width:1000px; margin:55px auto 50px;}
.zyjc_cn3 img{ margin:0 auto;}
.zyjc_cn3 a{ width:393px; height:55px; line-height:55px; display:block; margin:0 auto; text-indent:64px; font-size:18px; color:#fff; font-weight:bold; background:url(../images/x_zyjc16.jpg) no-repeat;}
.zyjc_cn3 a:hover{ background:url(../images/x_zyjc17.jpg) no-repeat;}
.zyjc_cn4{ width:100%; height:180px; background:url(../images/x_zyjc18.jpg) no-repeat center top; margin:0 auto 50px;}
.zyjc_cn4 a{ width:100%; height:180px; display:block; margin:0 auto; overflow:hidden;}
.zyjc_cn4 a:hover{ background:url(../images/x_zyjc19.jpg) no-repeat center top;}
.zyjc_cn5{ width:1000px; margin:55px auto 50px; overflow:hidden;}
.zyjc_cn5 .zyjc_cn5_1{ width:934px; height:499px; background:url(../images/x_zyjc21.jpg) no-repeat center center; margin:0 auto; position:relative;}
.zyjc_cn5 .zyjc_cn5_1 ul{ width:934px; overflow:hidden;}
.zyjc_cn5 .zyjc_cn5_1 ul li{ width:300px; height:188px; float:left; position:relative;}
.zyjc_cn5 .zyjc_cn5_1 ul li p{ width:300px; height:41px; background:url(../images/x_zyjc56.png) no-repeat center top; text-align:center; line-height:41px; font-weight:bold; color:#fff; font-size:18px; position:absolute; left:0; top:127px; transition:all 0.5s ease 0s;}
.zyjc_cn5 .zyjc_cn5_1 ul li:hover p{ background:url(../images/x_zyjc57.jpg) no-repeat;}
.zyjc_cn5 .zyjc_cn5_1 ul .wwli01{ float:right;}
.zyjc_cn5 .zyjc_cn5_1 .clrr{ height:311px; overflow:hidden;}

.zyjc_cn5 dl{ width:970px; margin:55px auto 0; overflow:hidden;}
.zyjc_cn5 dl dt{ float:left;}
.zyjc_cn5 dl dd{ width:620px; float:right; overflow:hidden;}
.zyjc_cn5 dl dd strong{ font-size:24px; color:#333; display:block; background:url(../images/x_zyjc23.jpg) no-repeat left bottom; padding:0 0 15px; margin:0 0 15px;}
.zyjc_cn5 dl dd p{ font-size:16px; line-height:25px; color:#333;}
.zyjc_cn5 dl dd a{ width:338px; height:42px; line-height:42px; display:block; font-size:17px; color:#fff; float:right; text-indent:50px; background:url(../images/x_zyjc24.jpg) no-repeat; font-weight:bold;}
.zyjc_cn5 dl dd a:hover{ background:url(../images/x_zyjc25.jpg) no-repeat;}
.zyjc_cn6{ width:1000px; margin:35px auto 0; overflow:hidden;}
.zyjc_cn6 blockquote{ width:967px; margin:0 auto 25px; text-indent:2em; line-height:28px; font-size:16px; color:#333;}

.zyjc_cn7{ width:1000px; margin:0 auto 20px; overflow:hidden; position: relative;}
.zyjc_cn7 .picc li{ width:1000px; height:559px; float:left; background:url(../images/x_zyjc27.jpg) no-repeat; position:relative;}
.zyjc_cn7 .picc li dl{ width:1000px; overflow:hidden;}
.zyjc_cn7 .picc li dl dt{ width:365px; height:559px; position:absolute; left:0px; top:0px; z-index:100;}
.zyjc_cn7 .picc li dl dd{ width:551px; height:315px; position:relative; float:right; background:url(../images/x_zyjc39.jpg) no-repeat; margin:57px 65px 0 0; padding:28px 0 0 45px;}
.zyjc_cn7 .picc li dl dd strong{ font-size:39px; color:#444; background:url(../images/x_zyjc40.jpg) no-repeat left bottom; display:block; margin:0 0 25px; padding:0 0 15px; overflow:hidden;}
.zyjc_cn7 .picc li dl dd .alj{ width:83px; height:83px; display:block; background:url(../images/x_zyjc41.jpg) no-repeat; color:#fff; position:absolute; top:27px; right:32px; font-size:20px; font-weight:bold; text-align:center; line-height:24px; padding:18px 0 0 0;}
.zyjc_cn7 .picc li dl dd .alj:hover{ background:url(../images/x_zyjc42.jpg) no-repeat;}
.zyjc_cn7 .hd { width:840px; float:left; margin:0 0 0 35px; overflow:hidden; padding:15px 0 0;}
.zyjc_cn7 .hd li{ float:left; width:248px; height:97px; display:inline; cursor:pointer; overflow:hidden; margin:0 28px 0 4px;}
.zyjc_cn7 .hd li a{ width:248px; height:97px; display:block; float:left;}
.zyjc_cn7 .hd .wli01 a{ background:url(../images/x_zyjc33.jpg) no-repeat;}
.zyjc_cn7 .hd .wli01 .on{ background:url(../images/x_zyjc28.jpg) no-repeat;}
.zyjc_cn7 .hd .wli02 a{ background:url(../images/x_zyjc29.jpg) no-repeat;}
.zyjc_cn7 .hd .wli02 .on{ background:url(../images/x_zyjc34.jpg) no-repeat;}
.zyjc_cn7 .hd .wli03 a{ background:url(../images/x_zyjc30.jpg) no-repeat;}
.zyjc_cn7 .hd .wli03 .on{ background:url(../images/x_zyjc35.jpg) no-repeat;}
.zyjc_cn7 .hd .on{ background:#fff; filter:alpha(opacity=100);opacity:1;}
.zyjc_cn7 .prev,.zyjc_cn7 .next{ width:24px; height:42px; display:block; float:left;}
.zyjc_cn7 .prev{ background:url(../images/x_zyjc31.png) no-repeat; margin:45px 0 0 35px;}
.zyjc_cn7 .next{ background:url(../images/x_zyjc32.png) no-repeat; float:right; margin:45px 35px 0 0;}
.zyjc_cn7_2{ width:1000px; height:123px; background:url(../images/x_zyjc51.png) repeat-x; overflow:hidden; position:absolute; left:0; bottom:0; z-index:102;}
.zyjc_cn7_1{ width:520px; overflow:hidden; margin:0 0 15px;}
.zyjc_cn7_1 em{ width:50px; height:47px; display:block; float:left; background:url(../images/x_zyjc43.png) no-repeat; color:#fff; font-size:16px; text-align:center; line-height:20px; padding:5px 0 0 0; margin:2px 0 0;}
.zyjc_cn7_1 p{ width:455px; float:left; padding:5px 0 0 14px; font-size:16px; line-height:24px; color:#333;}
.ys_n{ width:1000px; margin:52px auto 0; overflow:hidden;}
.ys_n dl{ width:1000px; margin:0 auto 50px; overflow:hidden;}
.ys_n dt{ width:271px; height:143px; overflow:hidden; float:left; position:relative;}
.ys_n dt .img02{ position:absolute; top:40px; left:58px; z-index:200;}
.ys_n dd{ width:694px; float:right; padding:0 14px 0 0;}
.ys_n dd p{ font-size:20px; font-weight:bold; color:#666; line-height:32px; margin:0 0 25px;}
.ys_n dd a{ width:265px; height:42px; line-height:42px; font-weight:bold; font-size:17px; display:block; color:#fff; background:url(../images/x_zyjc47.jpg) no-repeat; float:right; text-align:center; text-indent:-55px;}
.ys_n dd a:hover{ background:url(../images/x_zyjc48.jpg) no-repeat;}
.ys_n01 dd a{ background:url(../images/x_zyjc49.jpg) no-repeat;}
.ys_n01 dd a:hover{ background:url(../images/x_zyjc50.jpg) no-repeat;}





/*Chrome Flicker Hack*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
body .tc_inner_card {transform-style: flat ; -webkit-transform-style: flat; -moz-transform-style: flat;-o-transform-style: flat;}
body .tc_flipped {transform-style: preserve-3d;-webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; }}
.tc_inner_card{ transform-style: preserve-3d; -webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-o-transform-style: preserve-3d;-webkit-transform: perspective(2200px) translate(0, 0);-moz-transform: perspective(2200px) translate(0, 0); -ms-transform: perspective(2200px) translate(0, 0);-o-transform: perspective(2200px) translate(0, 0);box-sizing: border-box; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; -webkit-transition: all 500ms cubic-bezier(0.1, 0.1, 0.41, 0.99);-moz-transition: all 500ms cubic-bezier(0.1, 0.1, 0.41, 0.99);-o-transition: all 500ms cubic-bezier(0.1, 0.1, 0.41, 0.99);transition: all 500ms cubic-bezier(0.1, 0.1, 0.41, 0.99);}
.tc_close { display:none;}
.tc_flip_toggle {z-index: 110;position: absolute;right: 30px;top: 10px;font-size: 24px;font-weight: 100;line-height: 100%;}
.tc_inner_card > * {position: relative;}
.tc_entrance.tc_next {right: -100px;opacity: 0;}
.tc_entrance.tc_prev {left: -100px;opacity: 0;}
.tc_next, .tc_prev { display:none;}
.tc_next { right: -24px; text-indent: -16px;}
.tc_prev {left: -24px;text-indent: 16px;}
.tc_card.animate {-webkit-transition: all 500ms cubic-bezier(0.1, 0.1, 0.41, 0.99);-moz-transition: all 500ms cubic-bezier(0.1, 0.1, 0.41, 0.99);-o-transition: all 500ms cubic-bezier(0.1, 0.1, 0.41, 0.99);transition: all 500ms cubic-bezier(0.1, 0.1, 0.41, 0.99);}
.tc_inner_card:hover {-webkit-transform: perspective(2200px) rotateY(25deg);-moz-transform: perspective(2200px) rotateY(25deg);-ms-transform: perspective(2200px) rotateY(25deg);-o-transform: perspective(2200px) rotateY(25deg);transform: perspective(2200px) rotateY(25deg);}
body .tc_flipped {-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg); -o-transform: rotateY(180deg);transform: rotateY(180deg);}

.beian{ width:100%; height:113px; font-size:18px; background:#e8e8e8; overflow:hidden; text-align:center; line-height:53px;}
.beian a{ color:#949292;}