@charset "gb2312";
/* CSS Document */

.mod1, .mod2, .mod3, .mod4,.mod5{ width:100%; margin:0 auto; padding-top:50px}
.w1200{ width:1200px; margin:0 auto;} 
.w1120{width:1120px;margin:0 auto;}
.w1127{width:1127px;margin:0 auto;}
.w1115{width:1115px;margin:0 auto;}
.w1100{width:1100px;margin:0 auto;}
.w1160{width:1160px;margin:0 auto;}
.whitebox{ background-color:#fff}
.pupbox{ background-color:#e5d7ed}
.banner{ width:100%;height:595px;margin:0 auto;background:#dddddd url(banner.jpg) no-repeat center center;}
.section_icon_box{ width:100%;margin:0 auto;height:100px; background-color:#e5d7ed;}
.section_icon_box ul{width:1120px;height:100px;border-left:5px solid #7b38a3;border-right:2px solid #7b38a3;}
.section_icon_box li{float:left;width:157px;height:100px;font-size:16px;color:#7b38a3;border-right:3px solid #7b38a3;position:relative;}
.section_icon_box a{display:inline-block;width:100%;height:100px;text-align:center;line-height:1.5;font-size:12px;color:#7b38a3;cursor:pointer;text-decoration:none;}
.section_icon_box a i{display:inline-block;width:100%;margin:14px auto 6px;height:45px;overflow:hidden;}
.section_icon_box .li1 i{background:url(nav-lipic1.png) no-repeat center top;}
.section_icon_box .li2 i{background:url(nav-lipic2.png) no-repeat center top;}
.section_icon_box .li3 i{background:url(nav-lipic3.png) no-repeat center top;}
.section_icon_box .li4 i{background:url(nav-lipic4.png) no-repeat center top;}
.section_icon_box .li5 i{background:url(nav-lipic5.png) no-repeat center top;}
.section_icon_box .li6 i{background:url(nav-lipic6.png) no-repeat center top;}
.section_icon_box .li8 i{background:url(nav-lipic8.png) no-repeat center top;}
.section_icon_box span{font-size:16px;}
.section_icon_box li:hover a{color:#ffffff;animation:changeBgColor 0.5s 1 alternate forwards;-moz-animation:changeBgColor 0.5s 1 alternate forwards;-ms-animation:changeBgColor 0.5s 1 alternate forwards;-webkit-animation:changeBgColor 0.5s 1 alternate forwards;}
.section_icon_box li:hover a i{animation:changeBgPos 0.5s 1 alternate forwards;-moz-animation:changeBgPos 0.5s 1 alternate forwards;-ms-animation:changeBgPos 0.5s 1 alternate forwards;-webkit-animation:changeBgPos 0.5s 1 alternate forwards;}

.adOfWeb{margin:5px auto 0;text-align:center;background:#ffbd07 url(adofweb-bg.jpg) no-repeat center center;overflow:hidden;}
/*------------mod1-------------*/
.mod1 h1, .mod2 h1, .mod3 h1, .mod4 h1,.mod5 h1{ width:100%;text-align:center;margin:0 auto 36px;}
.mod1 ul{ width:1160px; margin:0 auto 60px;overflow:hidden;}
.mod1 li{ float:left;position:relative;width:286px;padding:22px 1px 1px;height:414px;margin:0 2px 0 0;background-color:#e5d7ed;transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;cursor:pointer;}
.mod1 li img{display:block;margin:0 auto;}
.mod1 li:hover{background-color:#7b38a3;}
.mod1 li:hover p{color:#ffffff;}
.mod1 li p{ color:#7b38a3;font-size:16px;padding:4px 6px 0;line-height:1.5;}
.mod1 li .top{position:absolute;top:286px;}
.mod1 li .bottom{position:absolute;top:316px;}
.mod1 p strong{display:inline-block;background:url(pot01.png) no-repeat left center;font-weight:500;padding:0 0 0 22px;}
.mod1 .top strong{background:url(pot01.png) no-repeat left center;}
.mod1 .bottom strong{background:url(pot02.png) no-repeat left center;}
.mod1 li:hover .top strong{background:url(pot01a.png) no-repeat left center;}
.mod1 li:hover .bottom strong{background:url(pot02a.png) no-repeat left center;}
.mod1 p span{display:inline-block;line-height:20px;}
.zixun{clear:both;width:126px;height:32px;line-height:32px;background-color:#7b38a3;margin:0 auto;text-align:center;color:#fff; font-size:16px;position:absolute;bottom:30px;right:50%;margin-right:-63px;
-moz-border-radius:10px;-ms-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
.mod1 li:hover .zixun{background-color:#ffffff;}
.zixun a{ color:#fff; text-decoration:none}
.mod1 li:hover .zixun a{color:#7b38a3;}

.mod2 ul.mm{width:838px;margin:30px auto 0;padding:10px 0 50px;overflow:hidden;}
.mod2 ul.mm li{float:left;height:390px;width:257px;background-color:#fff;margin:0 10px 30px;border:1px solid #c1c1c1;box-shadow:0 0 10px #999999;-moz-box-shadow:0 0 10px #999999;
-webkit-box-shadow:0 0 10px #999999;-ms-box-shadow:0 0 10px #999999;-o-box-shadow:0 0 10px #999999;text-align:left;position:relative;
transition:all .3s ease 0s;-webkit-transition:all .3s ease 0s;cursor:pointer;z-index:0;}
.mod2 ul.mm li:hover{box-shadow:0 0 15px #555555;-webkit-box-shadow:0 0 15px #555555;margin-top:-4px;height:394px;}
.mod2 ul.mm li .mm-c{clear:both;width:100%;text-align:left;padding:18px 12px 4px 12px;}
.mod2 ul.mm li .mm-c > p{font-size:12px;color:#999999;line-height:24px;}
.mod2 ul.mm li .mm-c > p strong{font-size:26px;color:#000000;font-weight:normal;padding-right:10px;}
.mod2 ul.mm li > p{font-size:13px;line-height:22px;padding:0 10px;text-align:left;}
.mod2 ul.mm li > p a{color:#1088a1;}
.mod2 ul.mm li span{display:block;position:absolute;right:20px;top:20px;width:41px;height:41px;background:url(wuxing.png) no-repeat left center;}
.mod2 ul.mm li span.hanguobangzi{background:url(hanguo.png) no-repeat left center;}
.mod2 ul.mm li .mm-c > p.p000{line-height:20px;padding-bottom:0;padding-top:8px;}
.mod2 ul.mm li .mm-c > p.p000 strong{padding-bottom:4px;display:inline-block;}
.mod2 ul.mm li.USA span{background:url(wuxingmeiguo.png) no-repeat left center;}
.mod2 ul.mm li.hanguo span{background:url(wuxinghanguo.png) no-repeat left center;}
.mod2 ul.mm li .mm-c > p strong{font-size:24px;}
.mod2 ul.mm li .zxPosition{position:absolute;width:256px;height:78px;top:100px;display:none;z-index:1000; text-align:center}
.mod2 ul.mm li.activeFirst .zxPosition{display:block;}
.mod2 ul.mm li .zxPosition a{display:inline-block;width:58px;height:58px;line-height:28px;padding:10px;
border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;
font-size:16px;opacity:0.7;filter:alpha(opacity=70);margin:0 2px;position:relative;z-index:1002;background-color:#8f3ecd;color:#ffffff;}
.mod2 ul.mm li .zxPosition a:hover{ text-decoration:none}
.mod2 ul.mm li .zxPosition a.toggleBgColor{background-color:#dadada;color:#000000;}

.mod4{ width:100%; margin:0 auto;overflow:hidden;}
.mod4 .mc{width:1100px;margin:40px auto 60px;padding:4px 0 0;background-color:#ffffff;overflow:hidden;}
.mod4 .mc ul{position:relative;margin:0 auto 6px;overflow:hidden;}
.mod4 .mc .mod4li{float:left;margin-left:8px;}
.mod4 .mc li a{display:block;width:100%;height:100%;}
.mod4 .mc li a:hover{opacity:0.8;filter:alpha(opacity=80);}
.mod4 .mc .bottom{height:365px;}
.mod5{padding-bottom:60px;}
.mod5 ul{margin:0 auto;overflow:hidden;}
.mod5 li{float:left;width:160px;height:300px;margin:0 50px 0 0;padding:10px;text-align:center;color:#ffffff;font-size:14px;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-ms-border-radius:10px;overflow:hidden;}
.mod5 .mo5-li1{background-color:#7f5139;}
.mod5 .mo5-li2{background-color:#7b38a3;}
.mod5 .mo5-li3{background-color:#92a821;}
.mod5 .mo5-li4{background-color:#ca3263;}
.mod5 .mo5-li5{background-color:#1dadae;margin:0;}
.mod5 li h3{height:56px;line-height:56px;font-size:20px;font-family:"Microsoft Yahei","Hiragino Sans GB","\5b8b\4f53";font-weight:500;}
.mod5 .mo5-li2 h3,.mod5 .mo5-li3 h3,.mod5 .mo5-li5 h3{line-height:1.5;}
.mod5 li span{display:block;text-align:center;height:56px;padding:10px 0 15px;border-bottom:2px solid #ffffff;}
.mod5 li p{color:#ffffff;font-size:14px;line-height:1.5;text-align:left;padding-top:15px;}
.mod5 li:hover{filter:alpha(opacity=80);opacity:.8;cursor:pointer;}
.ad-foot{width:100%;height:650px;background:#e5d7ed url(bottomAd.jpg) no-repeat center top;}

@keyframes changeBgColor {
	0% {background-color:#e5d7ed;-webkit-transform:scale(0.7);-ms-transform:scale(0.7);transform:scale(0.7);}
	100% {background-color:#7b38a3;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
}
@-webkit-keyframes changeBgColor {
	0% {background-color:#e5d7ed;-webkit-transform:scale(0.7);-ms-transform:scale(0.7);transform:scale(0.7);}
	100% {background-color:#7b38a3;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
}
@-moz-keyframes changeBgColor {
	0% {background-color:#e5d7ed;-webkit-transform:scale(0.7);-ms-transform:scale(0.7);transform:scale(0.7);}
	100% {background-color:#7b38a3;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
}
@-ms-keyframes changeBgColor {
	0% {background-color:#e5d7ed;-webkit-transform:scale(0.7);-ms-transform:scale(0.7);transform:scale(0.7);}
	100% {background-color:#7b38a3;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
}

@-webkit-keyframes changeBgPos {
	0% {background-position:center top;}
	100% {background-position:center -45px;}
}
@-moz-keyframes changeBgPos {
	0% {background-position:center top;}
	100% {background-position:center -45px;}
}
@-ms-keyframes changeBgPos {
	0% {background-position:center top;}
	100% {background-position:center -45px;}
}
@keyframes changeBgPos {
	0% {background-position:center top;}
	100% {background-position:center -45px;}
}