﻿*{margin:0;outline:0;padding:0;font-size:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);}
a{text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0); color:#000;}
html{height:100%;min-height: 100%;font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body{height:100%;min-height: 100%;background:#fff;font-family:Microsoft YaHei,Helvitica,Verdana,Tohoma,Arial,san-serif;max-width:600px !important;margin:0 auto !important;}
ul,li{list-style: none;outside none;}
img{ border:none;}

.ttop4{ display:block; background:#4c4c4c; overflow:hidden;height:50px;width:100%;max-width:600px; position:relative; box-shadow:rgba(51,51,51,0.5) 0 0 6px;}
.ttop4 p{ float:left;padding:15px 0 0 10px; line-height:26px;color:#fff; font-size:22px;}
.ttop4 img{height:30px;float:right;padding-right:10px; position:relative;top:5px;}

/*foot*/
.foots{position:fixed;bottom:10px;width:100%;min-height:8%;max-width:600px;z-index:999;}
.foots:after { clear: both; content: " "; display: block; }
.botts{width:50%;height:40px; border-radius:100px; overflow:hidden; background:rgba(204,204,204,0.9); box-shadow:rgba(102,102,102,0.4) 0px 2px 6px;position:absolute; z-index:99;margin:0 0 0 25%;top:0;}
.botts .ttBox { display:block;width:100%;height:40px;box-shadow:rgba(255,255,255,0.9) 0px 0px 5px inset; position:relative; z-index:99; border-radius:100px;top:0; overflow:hidden;}
.botts b{ display:block; position:absolute; z-index:98;width:80%;height:60%; background:rgba(204,204,204,0.6);box-shadow:rgba(204,204,204,1) 0px 0px 20px;top:0;left:0px;margin:0 0 0 10%;top:20%;border-radius:10px;}
.foots .lls,.foots .rrs{ display:block;width:50%; float:left; height:40px; line-height:40px;text-align:center;}
.foots .lls img,.foots .rrs img{height:60%; float:left; display:block; position:absolute;left:5px;top:20%; z-index:97}
.foots .lls a,.foots .rrs a{position:relative; z-index:98;text-align:center; color: #666; font-size:20px;padding-left:20px;}
.foots .rrs{ float:right;}
.foots .rrs img{ float:right;left:auto;right:5px;}
.foots .rrs a{padding:0 20px 0 0;}
.foots .line{width:1px;height:100%; position:absolute; z-index:100;margin-left:50%; background:rgba(51,51,51,0.1);top:0;}

.formenu{ overflow-x:hidden;width:100%;min-height:8%;max-width:600px;}
.formenu li.botts{ text-align:center;width:40%;webkit-transition:-webkit-transform 200ms;-webkit-transition:-webkit-transform 200ms; transform:200ms;}
.formenu li.botts span{color: #666;font-size:20px; line-height:40px;}

.formenu li.botts:nth-child(8n+1){margin-left:8%;top:-50px;}
.formenu li.botts:nth-child(8n+2){margin-left:52%;top:-50px;}
.formenu li.botts:nth-child(8n+3){margin-left:8%;top:-96px;}
.formenu li.botts:nth-child(8n+4){margin-left:52%;top:-96px;}
.formenu li.botts:nth-child(8n+5){margin-left:8%;top:-142px;}
.formenu li.botts:nth-child(8n+6){margin-left:52%;top:-142px;}
.formenu li.botts:nth-child(8n+7){margin-left:8%;top:-188px;}
.formenu li.botts:nth-child(8n+8){margin-left:52%;top:-188px;}


.formenu li.out:nth-child(2n+1){transform:translate(-130%,0);webkit-transform:translate(-130%,0);-webkit-transform:translate(-130%,0);opacity:0}
.formenu li.out:nth-child(2n+2){transform:translate(130%,0);webkit-transform:translate(130%,0);-webkit-transform:translate(130%,0);opacity:0}

.formenu li.out:nth-child(8n+8){transition:all 300ms ease-out;-webkit-transition:all 300ms ease-out;webkit-transition:all 300ms ease-out;}
.formenu li.out:nth-child(8n+7){transition:all 300ms ease-out;-webkit-transition:all 300ms ease-out;webkit-transition:all 300ms ease-out;}
.formenu li.out:nth-child(8n+6){transition:all 450ms ease-out;-webkit-transition:all 450ms ease-out;webkit-transition:all 450ms ease-out;}
.formenu li.out:nth-child(8n+5){transition:all 450ms ease-out;-webkit-transition:all 450ms ease-out;webkit-transition:all 450ms ease-out;}
.formenu li.out:nth-child(8n+4){transition:all 600ms ease-out;-webkit-transition:all 600ms ease-out;webkit-transition:all 600ms ease-out;}
.formenu li.out:nth-child(8n+3){transition:all 600ms ease-out;-webkit-transition:all 600ms ease-out;webkit-transition:all 600ms ease-out;}
.formenu li.out:nth-child(8n+2){transition:all 1000ms ease-out;-webkit-transition:all 1000ms ease-out;webkit-transition:all 1000ms ease-out;}
.formenu li.out:nth-child(8n+1){transition:all 1000ms ease-out;-webkit-transition:all 1000ms ease-out;webkit-transition:all 1000ms ease-out;}


.formenu li.on:nth-child(1n+1){transform:translate(0,0);webkit-transform:translate(0px,0);-webkit-transform:translate(0px,0); opacity:1}
.formenu li.on:nth-child(8n+8){transition:all 500ms ease-out;-webkit-transition:all 500ms ease-out;webkit-transition:all 500ms ease-out;}
.formenu li.on:nth-child(8n+7){transition:all 500ms ease-out;-webkit-transition:all 500ms ease-out;webkit-transition:all 500ms ease-out;}
.formenu li.on:nth-child(8n+6){transition:all 350ms ease-out;-webkit-transition:all 350ms ease-out;webkit-transition:all 350ms ease-out;}
.formenu li.on:nth-child(8n+5){transition:all 350ms ease-out;-webkit-transition:all 350ms ease-out;webkit-transition:all 350ms ease-out;}
.formenu li.on:nth-child(8n+4){transition:all 200ms ease-out;-webkit-transition:all 200ms ease-out;webkit-transition:all 200ms ease-out;}
.formenu li.on:nth-child(8n+3){transition:all 200ms ease-out;-webkit-transition:all 200ms ease-out;webkit-transition:all 200ms ease-out;}
.formenu li.on:nth-child(8n+2){transition:all 100ms ease-out;-webkit-transition:all 100ms ease-out;webkit-transition:all 100ms ease-out;}
.formenu li.on:nth-child(8n+1){transition:all 100ms ease-out;-webkit-transition:all 100ms ease-out;webkit-transition:all 100ms ease-out;}
/*内容通用*/
#news{margin:0 auto;max-width: 640px;min-width: 320px;overflow-x: hidden;}
.center{display:block; width:90%; height:auto; text-align:center;margin:5px auto; font-size:14px; color:#999;}
#content{width:96% !important;margin:10px auto !important; font-size:14px; line-height:26px;}
#content img{max-width:100% !important; height:auto !important;}
.list_page{position: relative;z-index: 2;}
.top46{height:46px;width:100%; overflow:hidden;}
.imgs{ display:block;width:90%; height:auto;margin:0 auto;}
.news_title{position:relative;z-index:2;margin-top:60px;}

/*内容页底部*/
#mcover{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);display:none;z-index:20000;}
#mcover img{position:fixed;right:18px;top:5px;width:260px!important;height:180px!important;z-index:20001;}
#mess_share{width:96%;margin:15px auto;display:block;}
#mess_share img{width:22px!important;height:22px!important;vertical-align:top;border:0;}
#share_1{float:left;width:49%;display:block;}
#share_2{float:right;width:49%;display:block;}
#mess_share .button2{font-size:16px;padding:8px 0;color:#000000;background-color:#FFFFFF;background-image:linear-gradient(to top,#f5f5f5,#ffffff);border:1px solid #D3D3D3;box-shadow:0 1px 2px 0 rgba(0,0,0,0.15);-moz-box-shadow:0 1px 2px 0 rgba(0,0,0,0.15);-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,0.15);text-shadow:0.5px 0.5px 1px #fff;text-align:center;border-radius:3px;width:100%;cursor:pointer;}
.xiazai{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;cursor:pointer;background-image:linear-gradient(to bottom,#fff,#f6f6f6);border:1px solid #DDDDDD;box-shadow:0 0px 2px 0 rgba(0,0,0,0.15);margin:10px;padding:15px;text-align:center;display:block;color:#c62e83;}




/*产品列表分类*/
.pro-p-l{ display:block; overflow:hidden;padding:5px;box-shadow:0 0 6px 0 rgba(0, 0, 0, 0.20); }
.pro-p-l ul{}
.pro-p-l ul li{display:inline-block;width:33.33%;float:left;text-align:center;-webkit-box-sizing:border-box;}
.pro-p-l ul li a{display:block;height:40px;background:#fff;border-radius:3px;-webkit-box-shadow:0px 1px 1px rgba(0,0,0,0.3);padding:0;margin:5px;color:#000;overflow:hidden; line-height:40px;}
.pro-p-l ul li a.this{color:#c62e83;}

/*产品列表*/
#pro-list{}
#pro-list .mainmenu:after { clear: both; content: " "; display: block; }
#pro-list .mainmenu { width:100%; margin: auto; padding:0px; overflow:hidden }
#pro-list .mainmenu li { float:left; margin-left: 2%; margin-top:2%; width:96%;padding-top:3px;}
#pro-list .mainmenu li a { display:block; overflow:hidden;border-radius:3px;box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15); background-color:#fff;padding:5px;}
#pro-list .mainmenu li a .p { display:block; float:left;width:46%;background-color:#fff; text-align:center; overflow:hidden;}
#pro-list .mainmenu li a .p img {float:left;border-radius:3px;border:rgba(0,0,0,0.05) solid 1px;width:98%;}
#pro-list .mainmenu li b { display:block;float:left;width:auto;line-height:30px; text-overflow:ellipsis; white-space:nowrap;font-weight:normal;color:rgba(0,0,0,0.9);position:relative; font-size:16px}
#pro-list .mainmenu li ul{ display:block; float:left;width:50%; overflow:hidden;padding-left:10px;}
#pro-list .mainmenu li ul li{ display:block;float:left;width:100%;line-height:20px; font-size:14px;font-weight:normal;color:rgba(0,0,0,0.4);position:relative;margin:0; padding:0;}
#pro-list .mainmenu li ul li strong{ display:block;float:left;}


.pro_list:after { clear: both; content: " "; display: block; }
.pro_list { width:100%; margin: auto; padding:0px; overflow:hidden }
.pro_list li { float:left; margin-left: 2%; margin-top:2%; width:96%;padding-top:3px;}
.pro_list li a { display:block; overflow:hidden;border-radius:3px;box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15); background-color:#fff;padding:5px;}
.pro_list li a .p { display:block; float:left;width:46%;background-color:#fff; text-align:center; overflow:hidden;}
.pro_list li a .p img {float:left;border-radius:3px;border:rgba(0,0,0,0.05) solid 1px;width:98%;}
.pro_list li b { display:block;float:left;width:auto;line-height:30px; text-overflow:ellipsis; white-space:nowrap;font-weight:normal;color:rgba(0,0,0,0.9);position:relative; font-size:16px}
.pro_list li ul{ display:block; float:left;width:50%; overflow:hidden;padding-left:10px;}
.pro_list li ul li{ display:block;float:left;width:100%;line-height:20px; font-size:14px;font-weight:normal;color:rgba(0,0,0,0.4);position:relative;margin:0; padding:0;}
.pro_list li ul li strong{ display:block;float:left;}

.showpic{width:100%;max-width:600px; overflow: hidden;}
.showpic img{width:100%;max-width:600px;}

/*招商加盟*/
.zslist{}
.zslist .mainmenu:after { clear: both; content: " "; display: block; }
.zslist .mainmenu { width:100%; margin: auto; padding:0px; overflow:hidden }
.zslist .mainmenu li { float:left; margin-left:3%; margin-top:4%; width:94%;padding-top:3px;}
.zslist .mainmenu li a { display:block; overflow:hidden;padding:3px 0;}
.zslist .mainmenu li a p { display:block; float:left;width:44%;background-color:#fff; text-align:center;background-color:#fff;border-radius:5px;box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);}
.zslist .mainmenu li a p img {float:left;border-radius:5px;width:100%;}
.zslist .mainmenu li b{ display:block;float:left;width:auto;padding-left:5px; font-size:20px; text-align:center; line-height:36px; text-overflow:ellipsis; white-space:nowrap;font-weight:normal;color:rgba(0,0,0,0.9);position:relative;}
.zslist .mainmenu li ul{ display:block; float:left;width:47%;margin-left:4%;background-color:#fff;padding:5px;border-radius:5px;box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15); position:relative; background:#eee}
.zslist .mainmenu li ul:after {top:40px;;left:-7px;border-color:rgba(0, 0, 0, 0) #eee rgba(0, 0, 0, 0)  rgba(0, 0, 0, 0); border-width:10px 8px 10px  0px;border-style: solid; position: absolute; content: ""; display:block; width: 0; height: 0;  }
.zslist .mainmenu li ul li{ display:block;float:left;width:100%;line-height:20px; font-size:14px;font-weight:normal;color:rgba(0,0,0,0.4);position:relative;margin:0; padding:0; text-indent:2em;}
.zslist .mainmenu li ul li strong{ display:block;float:left;}

/*新闻列表*/
#news-list{}
#news-list .mainmenu:after { clear: both; content: " "; display: block; }
#news-list .mainmenu { width:100%; margin: auto; padding:0px; overflow:hidden }
#news-list .mainmenu li { float:left; margin-left:3%; margin-top:4%; width:94%;padding-top:3px;}
#news-list .mainmenu li a { display:block; overflow:hidden;padding:3px 0;}
#news-list .mainmenu li .p { display:block; float:left;width:100px;height:100px;background-color:#fff; text-align:center;background-color:#fff;border:#FFF solid 3px;border-radius:1000px;box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15); overflow:hidden;}
#news-list .mainmenu li .p em{display:block;width:100px;height:100px;overflow:hidden;border-radius:60px;box-shadow:0 0 5px 0 rgba(0,0,0,0.5) inset;}
#news-list .mainmenu li .p img {height:100px;}
#news-list .mainmenu li b{ display:block;float:left;width:auto;padding:2px 10px 8px 0;line-height:24px;font-weight:normal;color:rgba(0,0,0,0.9);position:relative;}
#news-list .mainmenu li ul{ display:block; float:left;width:60%;margin-left:3%;background-color:#fff;padding:5px;border-radius:3px;box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15); position:relative;}
#news-list .mainmenu li ul:after {top:50px;left:-5px;border-color:rgba(0, 0, 0, 0) #fff rgba(0, 0, 0, 0)  rgba(0, 0, 0, 0); border-width:6px 6px 6px  0px;border-style: solid; position: absolute; content: ""; display:block; width: 0; height: 0;  }
#news-list .mainmenu li ul li{ display:block;float:left;width:100%;line-height:20px; font-size:14px;font-weight:normal;color:rgba(0,0,0,0.4);position:relative;margin:0; padding:0;}
#news-list .mainmenu li ul li strong{ display:block;float:left;}


.news_list:after { clear: both; content: " "; display: block; overflow:hidden;}
.news_list { width:100%; margin: auto; padding:0px; overflow:hidden }
.news_list li { float:left; margin-left:3%; margin-top:4%; width:94%;padding-top:3px;}
.news_list li a { display:block; overflow:hidden;padding:3px 0;}
.news_list li .p { display:block; float:left;width:100px;height:100px;background-color:#fff; text-align:center;background-color:#fff;border:#FFF solid 3px;border-radius:1000px;box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15); overflow:hidden;}
.news_list li .p em{display:block;width:100px;height:100px;overflow:hidden;border-radius:60px;box-shadow:0 0 5px 0 rgba(0,0,0,0.5) inset;}
.news_list li .p img {height:100px;}
.news_list li b{ display:block;float:left;width:auto;padding:2px 10px 8px 0;line-height:24px;font-weight:normal;color:rgba(0,0,0,0.9);position:relative;}
.news_list li ul{ display:block; float:left;width:60%;margin-left:3%;background-color:#fff;padding:5px;border-radius:3px;box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15); position:relative;}
.news_list li ul:after {top:50px;left:-5px;border-color:rgba(0, 0, 0, 0) #fff rgba(0, 0, 0, 0)  rgba(0, 0, 0, 0); border-width:6px 6px 6px  0px;border-style: solid; position: absolute; content: ""; display:block; width: 0; height: 0;  }
.news_list li ul li{ display:block;float:left;width:100%;line-height:20px; font-size:14px;font-weight:normal;color:rgba(0,0,0,0.4);position:relative;margin:0; padding:0;}
.news_list li ul li strong{ display:block;float:left;}

/*新闻头部*/
#news .text{margin:15px 0;word-wrap:break-word;}
#news .news-header{display:block;width:100%;}
#news-name{font-size:20px; line-height:26px;color:#000;word-break:normal;word-wrap:break-word;padding:8px 3% 8px;}
#news-date{font-size:11px;color:#8c8c8c;margin:0;height:70px;widht:100%; overflow:hidden;padding:5px 0;
background:-webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0)), color-stop(94%, rgba(0, 0, 0, 0)),color-stop(97%, rgba(0, 0, 0,0.02)),to(rgba(0, 0, 0,0.1))),-webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0.1)), color-stop(3%, rgba(0, 0, 0,0.02)),color-stop(6%, rgba(0, 0, 0,0)),to(rgba(0, 0, 0,0)));background-size:100% 100%,100% 100%;background-position: 1px center,2px center; background-repeat:no-repeat; background-color:#f5f5f5;}
#news-date .newsimg{width:60px;height:60px;box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);padding:5px; float:left; border-radius:100px;background-color:#fff;margin-left:2.5%;}
#news-date .newsimg p{width:60px;height:60px;box-shadow:1px 1px 3px rgba(0, 0, 0, 0.07) inset; overflow:hidden;border-radius:100px;}
#news-date .newsimg p img{width:60px; position:relative;top:;}
#news-date h4{color:#c62e83;padding:10px 0 0 0; text-indent:10px;line-height:28px;}
#news-date span{float:left;padding:0 0 0 10px;}

/*其他列表*/
.news-list1{margin:15px auto;background:#fff;width:96%;border-radius:5px;}
.news-list1 h2{font-size:16px;margin-top:10px;}
.n-list li{display:block;margin:0 auto;color:#222222;border-bottom:1px solid #E6E0CD;font-weight:bold;text-decoration:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;position:relative;overflow:hidden;box-shadow:0 1px 0 0 rgba(255,255,255,0.8) inset;-moz-box-shadow:0 1px 0 0 rgba(255,255,255,0.8) inset;-webkit-box-shadow:0 1px 0 0 rgba(255,255,255,0.8) inset;}
.n-list li:first-of-type{box-shadow:0 0 0 0 rgba(255,255,255,0.8);border-top-left-radius:5px;border-top-right-radius:5px;}
.n-list li:last-of-type{border-bottom:none;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.n-list li a{padding:10px 40px 9px 8px;display:block;}
.n-list li .img{width:80px;height:60px;float:left;margin:0 10px 0 0;display:inline;overflow:hidden;border-radius:3px;}
.n-list li img{width:80px;float:left;}
.n-list li:hover{background-color:#ddd;font-weight:bold;cursor:pointer;text-decoration:none;}
.n-list li:active{background-color:#FAFAFB;font-weight:bold;cursor:pointer;text-decoration:none;}
.n-list li h2{font-size:16px;color:#2f2f2f;font-weight:normal;height:20px;font-weight:normal;line-height:16px;padding:0;max-width:100%;text-overflow:ellipsis;white-space:nowrap !important;white-space:normal;overflow:hidden;}
.n-list li.only4 h2{padding:2px 0 0;}
.n-list li p{display:block;font-size:12px;color:#9C9C9C;line-height:16px;font-weight:normal;margin-top:3px;overflow:hidden;text-overflow:ellipsis;padding-right:2px;}
.n-list li p.onlyheight{height:16px;}
.n-list li .icon{margin-top:-6px;position:absolute;top:50%;right:10px;height:14px;width:14px;background:url(../images/jiantou.png) no-repeat 0 0;background-size:14px 14px;}


/*产品上下页*/
#Page_wrapper .c-pnav-con{text-align:center;font-size:18px;}#Page_wrapper .c-pnav-con ul{list-style:none;display:inline-block;}#Page_wrapper .c-pnav-con ul li{display:inline-block;padding:5px 15px;}#Page_wrapper .c-pnav-con ul li:nth-child(2){width:85px;}#Page_wrapper .c-pnav-con ul li:nth-child(3){margin-left:-110px;}#Page_wrapper .c-pnav-con ul li:last-child{margin-left:0;}#Page_wrapper .c-pnav-con .c-p-sec{display:inline-block;margin:20px auto;}#Page_wrapper .c-pnav-con .c-p-sec div{display:inline-block;}#Page_wrapper .c-pnav-con .c-p-sec .c-p-pre{width:88px;}#Page_wrapper .c-pnav-con .c-p-sec .c-p-pre a{display:inline-block;width:70px;height:30px;line-height:30px;background-image:-webkit-gradient(linear,left top,right bottom,from(#fefefe),to(#e8e8e8));background-image:-webkit-linear-gradient(#fefefe,#e8e8e8);background-image:-moz-linear-gradient(#fefefe,#e8e8e8);background-image:-ms-linear-gradient(#fefefe,#e8e8e8);background-image:-o-linear-gradient(#fefefe,#e8e8e8);background-image:linear-gradient(#fefefe,#e8e8e8);border:1px #D5D5D5 solid;overflow:hidden;border-radius:2px;-webkit-border-radius:2px;border-left:0 #d5d5d5 solid;border-right:1px #d5d5d5 solid;}#Page_wrapper .c-pnav-con .c-p-sec .c-p-pre .c-p-p{display:inline-block;width:17px;height:30px;position:relative;overflow:hidden;vertical-align:top;}#Page_wrapper .c-pnav-con .c-p-sec .c-p-pre .c-p-p em{display:inline;-webkit-transform:rotate(45deg);background-image:-webkit-gradient(linear,left top,right bottom,from(#fefefe),to(#e8e8e8));background-image:-webkit-linear-gradient(#fefefe,#e8e8e8);background-image:-moz-linear-gradient(#fefefe,#e8e8e8);background-image:-ms-linear-gradient(#fefefe,#e8e8e8);background-image:-o-linear-gradient(#fefefe,#e8e8e8);background-image:linear-gradient(#fefefe,#e8e8e8);position:absolute;top:4px;left:6px;width:21px;height:21px;border:1px solid #ddd;}#Page_wrapper .c-pnav-con .c-p-sec .c-p-next{width:88px;margin-left:5px;}#Page_wrapper .c-pnav-con .c-p-sec .c-p-next a{display:inline-block;width:70px;height:30px;line-height:30px;background-image:-webkit-gradient(linear,left top,right bottom,from(#fefefe),to(#e8e8e8));background-image:-webkit-linear-gradient(#fefefe,#e8e8e8);background-image:-moz-linear-gradient(#fefefe,#e8e8e8);background-image:-ms-linear-gradient(#fefefe,#e8e8e8);background-image:-o-linear-gradient(#fefefe,#e8e8e8);background-image:linear-gradient(#fefefe,#e8e8e8);border:1px #D5D5D5 solid;overflow:hidden;border-radius:2px;-webkit-border-radius:2px;border-left:1px #d5d5d5 solid;border-right:0 #d5d5d5 solid;}#Page_wrapper .c-pnav-con .c-p-sec .c-p-next .c-p-p{display:inline-block;width:17px;height:30px;position:relative;overflow:hidden;vertical-align:top;}#Page_wrapper .c-pnav-con .c-p-sec .c-p-next .c-p-p em{display:inline;-webkit-transform:rotate(45deg);background-image:-webkit-gradient(linear,left top,right bottom,from(#fefefe),to(#e8e8e8));background-image:-webkit-linear-gradient(#fefefe,#e8e8e8);background-image:-moz-linear-gradient(#fefefe,#e8e8e8);background-image:-ms-linear-gradient(#fefefe,#e8e8e8);background-image:-o-linear-gradient(#fefefe,#e8e8e8);background-image:linear-gradient(#fefefe,#e8e8e8);position:absolute;top:4px;left:-12px;width:21px;height:21px;border:1px solid #ddd;}#Page_wrapper .c-pnav-con .c-p-sec .c-p-cur{position:relative;height:30px;vertical-align:baseline;text-align:center;margin-left:5px;}#Page_wrapper .c-pnav-con .c-p-sec .c-p-cur .c-p-arrow{display:inline-block;width:88px;line-height:30px;border:1px solid #ddd;background-image:-webkit-gradient(linear,left top,right bottom,from(#fefefe),to(#e8e8e8));background-image:-webkit-linear-gradient(#fefefe,#e8e8e8);background-image:-moz-linear-gradient(#fefefe,#e8e8e8);background-image:-ms-linear-gradient(#fefefe,#e8e8e8);background-image:-o-linear-gradient(#fefefe,#e8e8e8);background-image:linear-gradient(#fefefe,#e8e8e8);}#Page_wrapper .c-pnav-con .c-p-sec .c-p-cur .c-p-arrow span:first-child{margin-right:5px;width:50px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}#Page_wrapper .c-pnav-con .c-p-sec .c-p-cur .c-p-down span:last-child{display:inline-block;font-size:0;border-top:3px solid #666;border-left:3px solid #666;width:6px;height:6px;background-color:transparent;-webkit-transform:rotate(225deg);margin-bottom:3px;}#Page_wrapper .c-pnav-con .c-p-sec .c-p-cur .c-p-up span:last-child{display:inline-block;font-size:0;border-top:3px solid #666;border-left:3px solid #666;width:6px;height:6px;background-color:transparent;-webkit-transform:rotate(45deg);}#Page_wrapper .c-pnav-con .c-p-sec .c-p-grey{display:inline-block;}#Page_wrapper .c-pnav-con .c-p-sec .c-p-grey a{color:#999;}#Page_wrapper .c-pnav-con .c-p-sec .c-p-select{position:absolute;top:0;left:0;height:30px;width:90px;opacity:0;}








.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}

@-webkit-keyframes fadeMCG{0%{-webkit-transform:translate3d(0,0px,0);transform:translate3d(0,0px,0)}100%{-webkit-transform:translate3d(681px,0,0);transform:translate3d(681px,0,0)}}
@keyframes fadeMCG{0%{-webkit-transform:translate3d(0,0px,0);transform:translate3d(0,0px,0)}100%{-webkit-transform:translate3d(681px,0,0);transform:translate3d(681px,0,0)}}
.fadeMCG{-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-name:fadeMCG;animation-name:fadeMCG;-webkit-animation-duration:15s;	animation-duration:15s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}
@-webkit-keyframes fadeMCG2{0%{-webkit-transform:translate3d(0,0px,0);transform:translate3d(0,0px,0)}100%{-webkit-transform:translate3d(-681px,0,0);transform:translate3d(-681px,0,0)}}
@keyframes fadeMCG2{0%{-webkit-transform:translate3d(0,0px,0);transform:translate3d(0,0px,0)}100%{-webkit-transform:translate3d(-681px,0,0);transform:translate3d(-681px,0,0)}}
.fadeMCG2{-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-name:fadeMCG2;animation-name:fadeMCG2;-webkit-animation-duration:20s;	animation-duration:20s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}
@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px);opacity:1}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px);opacity:1}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY;-webkit-animation-duration:1s;animation-duration:1s;}

/*WCG */
.WCG_bgs{max-width:600px;width:100%;height:auto;margin-left:auto; margin-right:auto; clear:both; position:relative; z-index:0; overflow:hidden;border-bottom:1px solid #fff;}
.WCG_bgs img{position:relative; z-index:0; display:block; float:left;}
.WCG_bgs .Lun{width:1362px;height:22px;position:absolute;bottom:-1px;right:0; z-index:1;background:repeat-x left bottom; background-size:340px 11px;background-image:url(MCG_bgs.png);}
.WCG_bgs .Lun2{right:atuo;left:0;background-image:url(MCG_bgs2.png);}

.WCG_nav{ overflow:hidden;padding:15px 0;}
.WCG_nav ul{display:box; display:-webkit-box; display:-moz-box;}
.WCG_nav li{overflow:hidden; display:block;box-flex:1;-moz-box-flex:1;    -webkit-box-flex:1; text-align:center; line-height:24px; font-size:14px;color:#454545;}
.WCG_nav li img{ display:block;width:60px;height:60px;margin:0 auto;border-radius:1000px; -webkit-border-radius:1000px; -moz-border-radius:1000px;}
.WCG_nav li .img34{ background:rgba(213,23,131,1);}
.WCG_nav li .img35{ background:rgba(16,126,215,1);}
.WCG_nav li .img36{  background:rgba(255,96,34,1);}
.WCG_nav li .img37{  background:rgba(0,204,11,1);}


/* WCG list*/
.WCG_list_box{overflow:hidden;width:100%;}
.WCG_list{display:block;width:45.5%;float:left;margin:1% 0 2% 3.5%;background:#f8f8f8; position:relative;box-shadow:rgba(0,0,0,0.2) 0 0 5px;-webkit-box-shadow:rgba(0,0,0,0.2) 0 0 5px;-webkit-box-shadow:rgba(0,0,0,0.2) 0 0 5px;opacity:0;}
.WCG_list.flipInY{opacity:1;}
.WCG_list .tit{ line-height:30px;width:90%;margin:0 auto;font-size:13px;color:#454545; overflow:hidden;text-overflow:ellipsis; white-space: nowrap !important;}
.WCG_list .img{width:100%;height:100%; position:relative; z-index:0; overflow:hidden;}
.WCG_list .img img{width:100%;height:100%;position:relative; z-index:0;}
.WCG_list .sort{display:block; overflow:hidden;content:" "; position:absolute;width:100px;height:100px;top:-50px;left:-50px; background:rgba(0,204,204,0.6); z-index:1; z-index:2;border-radius:1000px; -webkit-border-radius:1000px; -moz-border-radius:1000px; overflow:hidden;}
.WCG_list .sort span{ display:block; overflow:hidden;position:relative;width:35px;height:28px;top:55px;left:55px;color:#fff;line-height:14px;font-size:12px;}
.WCG_list .sort.bbg143{ background:rgba(213,23,131,0.6);}
.WCG_list .sort.bbg146{ background:rgba(16,126,215,0.6);}
.WCG_list .sort.bbg144{ background:rgba(0,204,11,0.6);}
.WCG_list .sort.bbg147{ background:rgba(255,96,34,0.6);}





.WCG_list2{width:94%;float:none;margin:5px atuo;}
.WCG_list2 .desc{width:90%;margin:0 auto;font-size:12px;color:#999;}
.WCG_list2 .img{height:auto !important;}
.WCG_list2 .img img{height:auto !important;}

.WCG_list3 .tit{width:100%;font-size:20px; text-align:center;color:#fff; position:absolute; z-index:9;bottom:8px;}
.WCG_list3 .img img{width:60%;height:auto;margin:16% 20% 24%;}


.WCG_list3.bg34{ background:rgba(213,23,131,1);}
.WCG_list3.bg35{ background:rgba(16,126,215,1);}
.WCG_list3.bg36{ background:rgba(0,204,11,1);}
.WCG_list3.bg37{ background:rgba(255,96,34,1);}



/*********      page      ***************/
#page{ width:100%;padding:30px 0;overflow:hidden;margin:auto;}
.pagination{text-align:center;font-size:0}
.pagination > li{display: inline-block;border-bottom:none !important;padding:0 !important;}
.pagination > li > a,.pagination > li > span{display:block;padding:0 10px;font-size:14px;margin:0 2px;border:none;background:#fff;border:1px solid #e5e5e5;border-radius:4px;height:30px; line-height:30px;color:#666;}
.pagination .active span{background-color:#cd0984;border:1px solid #cd0984;color:#fff; font-weight:normal; font-size:14px;font-weight:bold}
.pagination .disabled{color:#aaa;}












