﻿@charset "utf-8";
.list-a {width:100%;max-width:1920px;margin:0 auto;height:417px;background:url(../images/ad02.jpg) no-repeat center 0;position:relative;z-index:1;overflow:hidden;}
.list-a-b {width:100%;max-width:1920px;height:417px;margin:0 auto;background:url(../images/bg03.png) no-repeat left -110px;}
.list-a-a {width:520px;height:250px;position:absolute;left:50%;top:100px;margin-left:-260px;}
.list-b {width:100%;max-width:1920px;margin:-1px auto;background:url(../images/bg32.jpg) repeat-y left 0;}
.list-bm {width:1169px;margin:0 auto;position:relative;z-index:2;}
/*.list-b-a {width:300px;float:left;height:1110px;}*/
.list-b-a {width:240px;float:left;height:644px;}
/*.list-b-a dl{width:300px;position:absolute;top:0px;left:0;z-index:22;}*/
.list-b-a dl{width:300px;position:absolute;top:70px;left:-32px;z-index:22;}
.list-b-a dl dd{padding-top:30px;}
.list-c-a dl dd a:hover{text-decoration:none;}
.list-b-a dl dd {width:80%;padding-right:6%;height:49px;line-height:22px;background:url(../images/ttextbg02.png) no-repeat center 0;margin-bottom:10px;text-align:center;padding-top:10px;}
.list-b-a dl dd a {font-size:14px;color:#d9dde6;}
.list-b-a dl dd.tab_2 a,.list-b-a dl dd a:hover {text-decoration:none;color:#fff;}
.list-b-a dl dd a b {font-size:20px;font-weight:300;}
.list-b-a dl dd.tab_2 {width:87%;padding-right:48%;height:59px;line-height:30px;background:url(../images/ttextbg01.png) no-repeat 10px 0;margin-bottom:10px;text-align:right;padding-top:15px;}
.list-b-a dl dd.tab_2 a {font-size:16px;color:#fff;display: block;width:100%;height: 100%;text-align: center;}
.list-b-a dl dd.tab_2 a b {font-size:26px;}
.list-c-b{position:relative;z-index:11;}
.list-b-b {width:680px;float:left;padding:30px 48px 0 15px;overflow:hidden;margin-left:13px;background:rgba(255,255,255,1);}
.list-hear,.list-nav {width:100%;height:35px;color:#999;}
.list-hear {text-align:right;}
.list-hear a {color:#999;}
.list-text {/*width:100%;*/line-height:25px;color:#333;}
.list-news  {width:100%;}
.list-news .mk-bm-dl,.list-newsa .mk-bm-dl,.list-newsb .mk-bm-dl {width:100%;}
.list-news .mk-bm-dl dd,.list-newsa .mk-bm-dl dd,.list-newsb .mk-bm-dl dd{width:557px;}
.pages {width:auto;text-align:right;padding-top:10px;float: right;}
.pages a,.pages span{display:inline-table;padding:5px 10px;color:#999;margin-left:5px;}
.pages li.c {display:inline-table;padding:5px 10px;margin-left:5px;}
.pages a:hover,.pages span{background:#42577f;color:#fff;text-decoration:none;}
.pages  li{float: left;}
.list-c {overflow:hidden;width:100%;max-width:1920px;margin:-1px auto;/*position:relative;*//*min-height:1567px;background:url(../images/bg33.jpg) no-repeat center 0;*/}
.list-cm {width:930px;margin:0 auto;position:relative;}
.list-c-a {width:180px;float:left;position:relative;z-index:22;padding-top:90px;}
.list-c-a-a {width:285px;position:absolute;top:20px;left:0;z-index:22;height:60px;font-size:26px;color:#5a5383;}
.list-c-a-a span{position:absolute;top:25px;left:0;z-index:23;font-size:22px;color:#fff;display:inline-table;padding:2px 0;background:#eb4690;}
.list-c-a-a-ysa {color:#b0d7cd;}
.list-c-a-a-ysa span{background:#3ca992;}
.list-c-a-a-ysb span{background:#eb6349;}
.list-c-a-a-ysc {color:#3baa92;}
.list-c-a-a-ysc span{background:#2e4571;}
.list-c-a dl {width:100%;}
.list-c-a dl dt,.list-c-a dl dd {width:100%;height:40px;line-height:40px;text-align:center;background:#5a5383;margin-bottom:10px;}
.list-cc .list-c-a dl dt,.list-cc .list-c-a dl dd {background:#3baa92;}
.list-c-a dl dt a,.list-c-a dl dd a {font-size:16px;color:#fff;}
.list-c-a dl dd {width:90%;}
.list-c-a dl dd.tab_2 {width:100%;cursor: pointer;}
.list-c-b .list-hear {text-align:right;padding-top:20px;}
.list-nav {text-align:right;}
.list-nav a {color:#555;padding-left:15px;}
.list-nav a.list-navon {color:#ff66b3;}
.list-pica {width:723px;float:right;height:4600px;overflow:hidden;}
.item_list{position:relative;padding:0 0 50px;}
.mg-a-ul{overflow:hidden;}
.item{width:230px;overflow:hidden;margin:15px 0 0 0;}
.item .mg-box{margin:0;}
.list-picb {width:725px;float:right;overflow:hidden;}
.list-picb ul{width:110%;}
.list-picb li{width:220px;height:220px;float:left;position:relative;z-index:1;overflow:hidden;margin:10px 30px 20px 0;
    -moz-border-radius: 50%;      
    -webkit-border-radius: 50%;   
    border-radius: 50%;
}
.list-picb li img{width:220px;height:220px;}
.list-picb li .list-boxa{width:220px;height:130px;position:absolute;top:0;left:0;z-index:11;background:url(../images/tmbgc.png);text-align:center;padding-top:90px;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; 
	transition: 0.5s;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;	
-o-transition: 0.5s;
}
.list-picb li:hover .list-boxa{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; }
.list-picb li .list-boxa a{font-size:26px;color:#fff;}
.list-newsa  {width:720px;}
.list-newsa dl.mk-bm-dl dt {background:#ea6da5;}
.list-ca {/*background:url(../images/bg34.jpg) no-repeat center 0;*/background:#faf9f9;/*min-height:1045px;*/}
.list-newsb dl.mk-bm-dl dt {background:#50abd6;}
.list-picc {width:720px;}
.list-picc .mk-em-dl {margin:0 0px 20px 18px;}
.list-ca .list-text,.list-picd,.list-cb .list-text,.list-cc .list-text {width:704px;float:right;}
.list-pice{width:945px;  margin-top: 33px;}
.list-cb {/*background:url(../images/bg35.jpg) no-repeat center 0;min-height:950px;*/background:#faf9f9;position:relative;}
.bg-a{position:absolute;left:-487px;top:0;height:100%;width:772px;}
.bg-b{position:absolute;right:-480px;bottom:0;height:480px;width:480px;}
.list-picdm {width:100%;text-align:left;height:190px;overflow:hidden;margin-top:5px;}
.list-picdm img{max-width:45%;height:190px;
transition: 0.5s;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;	
-o-transition: 0.5s;
}
.list-picdm img:hover{margin-left:-5px;}
.list-picd-a {text-align:right;}
.list-cc {/*background:url(../images/bg36.jpg) no-repeat center 0;*/background:#faf9f9;/*min-height:770px;*/}
.item_list{margin-left:3%;}
/*.infinite_scroll{width:25%;float: left;}*/
.list-pice-ul{width:80%;margin-left:23%;}
.list-pice > ul > li{/*width:140px;height:170px;*/width:240px;/*height: 197px; */overflow:hidden;float:left;margin-bottom:10px;margin-right: 10px;}
.list-pice ul li dl{width:240px;/*height:219px;*/position:relative;z-index:1;}
.list-pice ul li dl dt{width:240px;/*height:219px;*/}
.list-pice ul li dl dt img{width:240px;/*height:219px;*/}
.list-pice ul li dl dd{width:240px;height:100%;float:left;background:url(../images/tmbg.png);position:absolute;left:0;top:0;z-index:11;opacity:0;text-align:center;}
.list-pice ul li dl dd p{padding:10px 20px 0;color:#fff;}
.list-pice ul li dl dd p b{font-size:16px;}
.list-pice ul li dl dd span{position:absolute;right:20px;bottom:20px;z-index:11;}
.list-cd {background:url(../images/bg37.jpg) no-repeat center 0;min-height:1000px;}

.content {
	opacity: 0;
	display: none\9;
	overflow: hidden;
	font: 12px Arial, Helvetica;
	position: absolute;
	height: 120px;
	width: 200px; /* Ideally: height: 100%; width: 100%; but works at it should just in FF */
 -webkit-transition: all .3s ease-out;
 -moz-transition: all .3s ease-out;
 -ms-transition: all .3s ease-out;
 -o-transition: all .3s ease-out;
 transition: all .3s ease-out;
}
.expanded {
	opacity: .95;
	display: block\9;
	overflow: visible;
	padding: 40px;
	height: 300px;
	width: 540px; /* Cover the entire area */
}
 .menu li:nth-child(3n) .content { /* 3,6,9 */
 right: 0;
}
 .menu li:nth-child(3n-1) .expanded { /* 2,5,8 */
 left: 50%;
 margin-left: -310px;
}
 .menu li:nth-child(7) .content, /* 7,8,9 */ .menu li:nth-child(8) .content, .menu li:nth-child(9) .content {
 bottom: 0;
}
 .menu li:nth-child(4) .expanded, /* 4,5,6 */ .menu li:nth-child(5) .expanded, .menu li:nth-child(6) .expanded {
 margin-top: -190px; 
 top: 50%;
}
 



@media only screen and (max-width:1500px) and (min-width:1200px){
.list-a-b {background-position:-300px -109px;}
.list-b {background-position:-300px 0;}
}
@media only screen and (max-width:1700px) and (min-width:1500px){
.list-a-b {background-position:-200px -109px;}
.list-b {background-position:-200px 0;}
}

