@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0; border:0; outline:none;}
a{ text-decoration:none; color:#333;}
dl,dd,dt,ol,ul,li{ list-style:none;}
.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}
.dis{ display:block !important;}
.dn,.hide{ display:none;}
.clear{ clear:both;}
body,html{ width:100%; height:100%; min-width:1200px; color:#333; font-size:14px; font-family: 微软雅黑, "Microsoft YaHei";}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#999;} 
input:-moz-placeholder,textarea:-moz-placeholder{ color:#999;} 
input::-moz-placeholder,textarea::-moz-placeholder{ color:#999;} 
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#999;} 

.tbox{ width:100%; height:36px; background-color:#f2f2f2;}
.tbox .box{ width:1200px; margin:auto; height:36px;}
.tbox .box .left{ float:left;}
.tbox .box .left p{ display:block; float:left; overflow:hidden; height:36px; line-height:36px; font-size:14px; margin-right:20px;}
.tbox .box .left a{ display:block; float:left; overflow:hidden; height:36px; line-height:36px; font-size:14px;}
.tbox .box .left span{ display:block; float:left; overflow:hidden; width:1px; height:36px; background-image:url(../images/tl.jpg); background-position:center; background-repeat:no-repeat; margin:0 15px;}
.tbox .box .right{ float:right;}
.tbox .box .right span{ display:block; float:left; height:36px; line-height:36px; font-size:14px;}
.tbox .box .right span a{ display:block; float:left; padding-left:15px; padding-right:16px; background-image:url(../images/tl.jpg); background-position:right center; background-repeat:no-repeat;}
.tbox .box .right p{ display:block; float:left; margin:0 15px; height:36px; line-height:36px; font-size:14px;}
.tbox .box .right p a{ color:#192971;}
.tbox .box .right dl{ display:block; float:left; height:36px; overflow:hidden;}
.tbox .box .right dl dt{ width:40px; height:36px; display:block; float:left; background-image:url(../images/t01.png); background-repeat:no-repeat; display:block; float:left;}
.tbox .box .right dl dd{ width:40px; height:36px; display:block; float:left; background-image:url(../images/t02.png); background-repeat:no-repeat; display:block; float:left;}
.tbox .box .right dl dt.on{ background-image:url(../images/t01h.png); background-color:#192971;}
.tbox .box .right dl dd.on{ background-image:url(../images/t02h.png); background-color:#192971;}
.tbox .box .right dl a{ display:block; width:40px; height:36px;}
.tbox .box a:hover{ color:#192971;}

/*ser*/
.sbox{ width:100%; background-color:#fff; height:120px; position:relative; z-index:999;}
.sbox .box{ width:1200px; margin:auto; position:relative;}
.sbox .box .logo{ height:53px; padding-top:34px; float:left;}
.sbox .box .logo img{ display:block; height:53px;}
.sbox .box .ser{ float:right; margin-top:13px; padding-top:28px; width:450px; background-image:url(../images/ser.png); background-position:top right; background-repeat:no-repeat; height:66px;}
.sbox .box .ser .ss{ width:448px; height:34px; border:2px solid #192971; border-right:none;}
.sbox .box .ser .ss .select{ width:78px; height:34px; background-color:#f2f2f2; display:block; position:relative; float:left;}
.sbox .box .ser .ss .select dt{ display:block; height:34px; line-height:34px; padding:0 10px; background-image:url(../images/ser.jpg); background-position:60px center; background-repeat:no-repeat; font-size:14px; cursor:pointer;}
.sbox .box .ser .ss .select dd{ width:120px; position:absolute; left:0; top:34px; background:#f7f7f7; display:none; z-index:999;}
.sbox .box .ser .ss .select dd ul{ width:100%; max-height:130px; padding:10px 0; overflow:auto;}
.sbox .box .ser .ss .select dd ul li{ width:100% !important;}
.sbox .box .ser .ss .select dd ul li a{ width:100%; box-sizing:border-box; line-height:26px; display:block; font-size:14px; padding:0 10px;}
.sbox .box .ser .ss .select dd ul li a:hover{ background:#f2f2f2;}
.sbox .box .ser .ss p{ width:260px; height:34px; padding:0 10px; display:block; position:relative; float:left;}
.sbox .box .ser .ss p input{ width:100%; height:34px; line-height:34px; font-size:14px; display:block; overflow:hidden;}
.sbox .box .ser .ss span{ width:90px; height:34px; text-align:center; display:block; position:relative; float:left;}
.sbox .box .ser .ss span input{ width:100%; height:34px; line-height:34px; font-size:14px; display:block; overflow:hidden; font-weight:bold; background-color:#192971; color:#fff; cursor:pointer;}
.sbox .box .ser .hot{ width:100%; height:28px;}
.sbox .box .ser .hot a{ display:block; float:left; height:28px; line-height:28px; font-size:14px; margin-right:20px; color:#999;}
.sbox .box .ser .hot a:hover{ color:#192971;}
.sbox .box .an{ float:right; padding:41px 0; display:none; width:430px;}
.sbox .box .an dt{ height:28px; display:block; float:right; padding:5px 10px;}
.sbox .box .an dt span{ display:block; float:left; height:28px; line-height:28px; color:#192971; font-size:18px; text-transform:uppercase;}
.sbox .box .an dt p{ display:block; float:left; height:28px; line-height:14px; color:#999; font-size:12px; margin-left:5px;}
.sbox .box .an dd{ width:118px; height:36px; border:1px solid #ddd; background-color:#f2f2f2; display:block; float:right; margin-left:10px; display:table; text-align:center; vertical-align:middle;}
.sbox .box .an dd a{ width:118px; height:36px; display:table-cell; text-align:center; vertical-align:middle; overflow:hidden;}
.sbox .box .an dd a img{ margin-right:10px; vertical-align:middle;}
.sbox .box .an dd a span{ font-size:14px; height:36px; line-height:36px;}
.sbox .box .an dd:hover{ border:1px solid #192971;}
.sbox .box .an dd:hover span{ color:#192971;}

/*banner*/
.banner{ width:100%; height:640px; position:relative; z-index:0;}
.banner .box{ width:1920px; height:640px; position:absolute; left:50%; margin-left:-960px; top:0;}
.banner .shutter{ width:1920px; height:640px; position:relative; overflow:hidden;}
.banner .shutter-img{ z-index:1;}
.banner .shutter-img,.banner .shutter-img a{ position:absolute; left:0; top:0; width:100%; height:100%;}
.banner .shutter-img a{ cursor:default;}
.banner .shutter-img a > img{ width:100%; height:100%;}
.banner .shutter-img .created{ overflow:hidden; position:absolute; z-index:20;}
.banner .shutter-btn li{ position:absolute; z-index:2; top:50%; width:49px; height:49px; margin-top:-25px; cursor:pointer;}
.banner .shutter-btn li.prev{ left:360px; background:url(../images/shutter_prevBtn.png) no-repeat 0 -49px;}
.banner .shutter-btn li.next{ right:360px; background:url(../images/shutter_nextBtn.png) no-repeat 0 -49px;}
.banner .shutter-desc{ display:none;}

/*nav*/
.header-wrap{ width:100%;}
.header-wrap .navwrap{ width:1200px; margin:30px auto; margin-bottom:0;}
.header-wrap .nav{ width:1200px; height:40px; position:relative;}
.header-wrap .nav .navbar{ margin-left:220px; width:970px; height:38px; border-bottom:2px solid #192971; padding-left:10px;}
.header-wrap .nav .navbar a{ display:block; width:120px; text-align:center; float:left; height:40px; line-height:40px; font-size:16px; color:#243a9d;}
.nav .navbar a:hover{ color:#192971; background-color:#eee;}
.nav .navbar a.on{ color:#fff; background-color:#192971;}
.header-wrap .pros{ width:220px; position:absolute; left:0; top:0; z-index:99;}
.header-wrap .pros .title{ width:220px; height:40px; background-color:#192971; display:block; text-align:center; line-height:40px; color:#ffdd93; overflow:hidden; font-size:16px; vertical-align:middle; cursor:pointer;}
.header-wrap .pros .title img{ display:inline-block; vertical-align:middle; margin-right:10px;}
.header-wrap .prosul{ width:220px; display:none; height:450px; background-color:#243a9c; position:relative;}
.header-wrap .prosul li{ width:218px; height:70px; padding-top:20px; margin-left:2px; display:block; background-image:url(../images/nl.jpg); background-position:18px bottom; background-repeat:no-repeat; cursor:pointer;}
.header-wrap .prosul li.n05{ height:68px;}
.header-wrap .prosul li p{ display:block; margin-left:18px; padding-left:40px; height:20px; line-height:20px; overflow:hidden; background-position:left center; background-repeat:no-repeat;}
.header-wrap .prosul li p a{ display:block; color:#ffdd93; font-size:16px; font-weight:bold; margin-right:20px; background-image:url(../images/nr.jpg); background-position:right center; background-repeat:no-repeat;}
.header-wrap .prosul li.prosahover{ background-color:#fff; background-image:none;}
.header-wrap .prosul li.prosahover p a{ color:#192971; background-image:none;}
.header-wrap .prosul li.n01 p{ background-image:url(../images/nav.jpg);}
.header-wrap .prosul li.n01.prosahover p{ background-image:url(../images/navh.jpg);}
.header-wrap .prosul li.n02 p{ background-image:url(../images/nav.jpg);}
.header-wrap .prosul li.n02.prosahover p{ background-image:url(../images/navh.jpg);}
.header-wrap .prosul li.n03 p{ background-image:url(../images/nav.jpg);}
.header-wrap .prosul li.n03.prosahover p{ background-image:url(../images/navh.jpg);}
.header-wrap .prosul li.n04 p{ background-image:url(../images/nav.jpg);}
.header-wrap .prosul li.n04.prosahover p{ background-image:url(../images/navh.jpg);}
.header-wrap .prosul li.n05 p{ background-image:url(../images/nav.jpg);}
.header-wrap .prosul li.n05.prosahover p{ background-image:url(../images/navh.jpg);}
.header-wrap .prosul li span{ display:block; margin-left:18px; height:44px; line-height:44px; font-size:14px; overflow:hidden;}
.header-wrap .prosul li span a{ color:#ffdd93; display:block; float:left; margin-right:20px;}
.header-wrap .prosul li.prosahover span a{ color:#243a9d;}
.header-wrap .prosul li.prosahover a:hover{ color:#192971;}
.header-wrap .prosmore{ position:absolute; left:220px; top:0; width:728px; height:448px; background-color:#fff; border-bottom:2px solid #192971; border-right:2px solid #192971; overflow:auto; display:none; z-index:990;}
.header-wrap .prosmore::-webkit-scrollbar{ width:4px; height:1px;}
.header-wrap .prosmore::-webkit-scrollbar-thumb{ border-radius:10px; background:#aaa;}
.header-wrap .prosmore::-webkit-scrollbar-track{ border-radius:10px; background:#fff;}
.header-wrap .prosul li.prosahover .prosmore{ display:block;}
.header-wrap .prosmore .box{ width:728px;}
.header-wrap .prosul li .prosmore dl{ width:470px; display:block; float:left; margin-left:20px; margin-right:14px; overflow:hidden;}
.header-wrap .prosul li .prosmore dl .cc:hover{ background-color:#f7f7f7;}
.header-wrap .prosul li .prosmore dl dt{ padding-top:15px; height:35px; overflow:hidden; display:block;}
.header-wrap .prosul li .prosmore dl dt a{ display:block; height:30px; line-height:30px; font-size:16px; color:#192971;}
.header-wrap .prosul li .prosmore dl dd{ width:490px; padding-bottom:15px; border-bottom:1px dashed #192971; overflow:hidden; display:block;}
.header-wrap .prosul li .prosmore dl dd a{ font-size:14px; display:block; margin-right:20px; height:24px; line-height:24px; float:left; color:#243a9d;}
.header-wrap .prosul li .prosmore strong{ display:block; float:left; padding-top:20px; width:210px;}
.header-wrap .prosul li .prosmore strong a{ width:100%; height:190px; display:block; margin-top:10px; overflow:hidden;}
.header-wrap .prosul li .prosmore strong a img{ display:block; width:100%;}

/*焦点图*/
.flexslider{ width:740px; height:450px; float:left; margin-left:220px; position:relative; z-index:0;}
.flexslider .bd{ width:740px; height:450px; display:block;}
.flexslider .bd li{ width:740px; height:450px; display:block; overflow:hidden;}
.flexslider .bd li img{ width:740px; display:block;}
.flexslider .hd{ width:100%; display:block; text-align:center; position:absolute; left:0; bottom:10px;}
.flexslider .hd ul{ width:100%; display:block; overflow:hidden;}
.flexslider .hd li{ width:10px; height:10px; display:inline-block; margin:0 5px; border-radius:20px; border:1px solid #192971; cursor:pointer;}
.flexslider .hd li.on{ background-color:#192971;}

.header-wrap .right{ float:left; height:450px; width:240px;}
.header-wrap .right dl{ display:block; height:421px; padding-top:16px; padding-bottom:12px; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.header-wrap .right dl dt{ width:240px; text-align:center; display:block; height:44px; line-height:44px; background-image:url(../images/gg.jpg); background-position:center; background-repeat:no-repeat; font-size:17px;}
.header-wrap .right dl dt span{ color:#192971;}
.header-wrap .right dl dd{ display:block; margin:0 20px; width:200px; height:28px; overflow:hidden;}
.header-wrap .right dl dd a{ display:block; padding-left:10px; background-image:url(../images/li.jpg); background-position:left center; background-repeat:no-repeat; height:28px; line-height:28px; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.header-wrap .right dl dd a:hover{ color:#192971;}
.header-wrap .right ul{ width:240px; display:block; height:81px;}
.header-wrap .right ul li{ width:79px; border-right:1px solid #ddd; display:block; float:left; text-align:center; height:67px; padding-top:14px;}
.header-wrap .right ul li span{ width:80px; display:block; height:30px; background-image:url(../images/bz.jpg); background-position:top center; background-repeat:no-repeat; line-height:24px; font-size:14px; color:#fff;}
.header-wrap .right ul li p{ width:80px; display:block; height:32px; line-height:32px; font-size:14px;}
.header-wrap .right strong{ width:100%; display:block; overflow:hidden;}
.header-wrap .right strong img{ width:100%; display:block; 
	transition-delay:0s;
    transition-duration:1s;
    transition-property:all;
    transition-timing-function:ease;
	/* Firefox 4 */
	-moz-transition-delay:0s;
    -moz-transition-duration:1s;
    -moz-transition-property:all;
    -moz-transition-timing-function:ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay:0s;
    -webkit-transition-duration:1s;
    -webkit-transition-property:all;
    -webkit-transition-timing-function:ease;
	/* Opera */
	-o-transition-delay:0s;
    -o-transition-duration:1s;
    -o-transition-property:all;
    -o-transition-timing-function:ease;
}
.header-wrap .right strong:hover img{
	transform:scale(1.1, 1.1);
	-ms-transform:scale(1.1, 1.1);
	-moz-transform:scale(1.1, 1.1);
	-webkit-transform:scale(1.1, 1.1);
	-o-transform:scale(1.1, 1.1); 
}


/*右侧浮动*/
.dockSideWrap{position:fixed;top:50%;right:0px;width:50px;margin-top:-150px;z-index:9999;overflow:visible; display:none;}
.dockWrap {height:100%;width:50px;}
.dockWrap.close {z-index:50;}
.dockWrap ul.icons {position:absolute;list-style:none;right:0px;padding:0px;width:50px;border-right:none;background:rgba(17,17,17,.7);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2111111,endColorstr=#B2111111);-moz-border-radius:10px 0 0 10px;-webkit-border-radius:10px 0 0 10px;border-radius:10px 0 0 10px;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}
.dockWrap.close ul.icons {right:-70px;}
.dockWrap ul.icons li i {display:block;position:relative;width:50px;height:50px;background:url(../images/dockside-icons.png) no-repeat;cursor:pointer;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;z-index:210;}
.dockWrap ul.icons li.active i {-moz-opacity:0.4;opacity:0.4;}
.dockWrap ul.icons li.up i {background-position:-63px -150px;}
.dockWrap ul.icons li.tel i {background-position:-62px -108px;}
.dockWrap ul.icons li.wx i {background-position:-59px -66px;}
.dockWrap ul.icons li.service i {background-position:-63px -20px;}
.dockWrap ul.icons li.ppt i {height:40px;background-position:-60px -284px;}
.dockWrap ul.icons li.down i {background-position:-63px -190px;}
.dockWrap ul.icons li p {display:block;position:absolute;top:90px;right:-260px;padding:15px 20px;height:120px;color:White;line-height:30px;border-right:none;background:rgba(17,17,17,.7);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2111111,endColorstr=#B2111111);-moz-border-radius:10px 0 0 10px;-webkit-border-radius:10px 0 0 10px;border-radius:10px 0 0 10px;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .4s ease-in-out .1s;-moz-transition:all .4s ease-in-out .1s;-ms-transition:all .4s ease-in-out .1s;-o-transition:all .4s ease-in-out .1s;transition:all .4s ease-in-out .1s;overflow:hidden;z-index:201;}
.dockWrap ul.icons li.active p {right:50px;-moz-opacity:1;opacity:1;filter:alpha(opacity=100);}
.dockWrap ul.icons li.tel p {width:112px;}
.dockWrap ul.icons li.tel p span{display:block;line-height:22px;}
.dockWrap ul.icons li.tel p .first-line{font-size:14px;}
.dockWrap ul.icons li.tel p strong{font-weight:bold;font-size:14px;line-height:34px;}
.dockWrap ul.icons li.service p a {display:block;margin-top:12px;width:100px;height:35px;line-height:32px;color:#00c7df;font-size:16px;text-align:center;text-decoration:none;border:1px solid #00c7df;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}
.dockWrap ul.icons li.service p a:hover {color:White;background:#ee001c;border:1px solid #ee001c;}
.dockWrap ul.icons li.service p {width:118px;}
.dockWrap ul.icons li.service p img {width:115px;border:2px solid White;}
.dockWrap ul.icons li.down a{ display:block; width:50px; height:50px;}
.dockWrap a.switch {position:absolute;display:block;top:298px;right:10px;width:26px;height:26px;background:url(../images/dockside-icons.png) no-repeat 0px 0px;cursor:pointer;-webkit-transition-delay:.15s;-moz-transition-delay:.15s;-ms-transition-delay:.15s;-o-transition-delay:.15s;transition-delay:.15s;}
.dockWrap a.switch.off {background-position:-32px 0px;}

/*产品分类*/
.pbox{ width:100%; background-color:#f2f2f2; height:360px; margin-top:30px; display:none;}
.pbox .box{ width:1200px; margin:auto;}
.pbox .box ul{ display:block; width:1210px; overflow:hidden;}
.pbox .box ul li{ width:232px; display:block; float:left; margin-right:10px; overflow:hidden;}
.pbox .box ul li b{ display:block; width:100%; height:30px; transition:height 0.5s; -moz-transition:height 0.5s; -webkit-transition:height 0.5s; -o-transition:height 0.5s;}
.pbox .box ul li a{ width:100%; display:block; overflow:hidden; height:300px;}
.pbox .box ul li a img{ width:100%; display:block;}
.pbox .box ul li:hover b{ height:20px;}

/*筛选*/
.xuan{ width:1200px; margin:30px auto; margin-bottom:0;}
.xuan .title{ padding-left:31px; height:20px; background-image:url(../images/title.png); background-position:left center; background-repeat:no-repeat;}
.xuan .title span{ display:block; float:left; height:20px; line-height:20px; font-size:17px;}
.xuan .box{ margin-top:20px; padding:10px 19px; border:1px solid #ddd; width:1160px;}
.xuan .box dl{ width:1160px; padding:5px 0; border-bottom:1px solid #eee; overflow:hidden;}
.xuan .box dl dt{ display:block; float:left; height:24px; line-height:24px; font-weight:bold; width:70px; font-size:14px;}
.xuan .box dl dd{ width:1110px; display:block; float:left; margin-left:-20px; overflow:hidden;}
.xuan .box dl dd a{ display:block; float:left; height:24px; line-height:24px; font-size:14px; margin-left:20px;}
.xuan .box dl dd a:hover{ color:#192971;}
.xuan .box dl:last-child{ border-bottom:none;}

/*产品*/
.chan{ width:100%; position:relative; margin-bottom:30px;}
.chan #scroll_menu{ position:absolute; left:50%; top:30px; margin-left:620px; height:295px;}
.chan.pos #scroll_menu{ position:fixed;}
.chan #scroll_menu ul{ width:50px; height:295px; display:block; overflow:hidden;}
.chan #scroll_menu ul li{ width:50px; height:50px; background-color:#918888; display:block; overflow:hidden; margin-bottom:1px; position:relative; left:0 !important;}
.chan #scroll_menu ul li a{ width:50px; height:50px; position:absolute; left:0; top:0; z-index:99; display:block;}
.chan #scroll_menu ul li span{ width:40px; height:40px; display:block; padding:5px; text-align:center; font-size:14px; line-height:20px; color:#fff; position:absolute; left:0 !important; top:0; z-index:90;}
.chan #scroll_menu ul li:nth-child(1) span{ width:50px; padding:5px 0;}
.chan #scroll_menu ul li.current{ background-color:#192971;}
.chan #scroll_menu ul #menu_scroll_number_5{ height:40px;}
.chan #scroll_menu ul li .pr01{ height:40px; background-image:url(../images/top.jpg); background-repeat:no-repeat; background-position:center; background-color:#666666;}

.pro{ width:1200px; margin:auto; margin-top:30px; position:relative; overflow:hidden;}
.pro .left{ width:240px; height:340px; padding-top:20px; background-position:bottom; background-repeat:no-repeat; float:left; text-align:center;}
.pro .left h2{ display:block; height:64px; line-height:64px; font-size:20px; color:#fff; overflow:hidden;}
.pro .left a{ width:130px; height:34px; line-height:34px; font-size:14px; background-color:#fff; border-radius:50px; margin:auto; display:block; overflow:hidden;}
.pro .left a:hover{ color:#192971;}
.pro.pp01 .left{ background-color:#008cc5;}
.pro.pp02 .left{ background-color:#44b9ae;}
.pro.pp03 .left{ background-color:#f8c235;}
.pro.pp04 .left{ background-color:#ff9b43;}
.pro.pp05 .left{ background-color:#e9599d;}

.syFocusThumb{ width:950px; float:right; height:360px; overflow:hidden; position:relative;}
.syFocusThumb .pagination{ padding-left:34px; overflow:hidden; padding-right:114px; height:40px; position:relative; background-image:url(../images/bg.png); background-position:top left; background-repeat:no-repeat;}
.syFocusThumb .pagination .tempWrap{ width:100% !important;}
.syFocusThumb .pagination .btn{ width:24px; height:24px; border-radius:30px; position:absolute; top:7px; cursor:pointer; z-index:3;}
.syFocusThumb .pagination .btn img{ width:100%; display:block;}
.syFocusThumb .pagination .prev{ left:10px;}
.syFocusThumb .pagination .next{ right:90px;}
.syFocusThumb .pagination p{ display:block; width:34px; height:38px; position:absolute; left:0; top:0; background-color:#f2f2f2;}
.pro.pp01 .pagination{ background-color:#008cc5;}
.pro.pp02 .pagination{ background-color:#44b9ae;}
.pro.pp03 .pagination{ background-color:#f8c235;}
.pro.pp04 .pagination{ background-color:#ff9b43;}
.pro.pp05 .pagination{ background-color:#e9599d;}
.pro.pp01 .pagination .btn{ background-color:#008cc5;}
.pro.pp02 .pagination .btn{ background-color:#44b9ae;}
.pro.pp03 .pagination .btn{ background-color:#f8c235;}
.pro.pp04 .pagination .btn{ background-color:#ff9b43;}
.pro.pp05 .pagination .btn{ background-color:#e9599d;}
.syFocusThumb .pagination .thumbWrap{ float:left; height:40px; overflow:hidden;}
.syFocusThumb .pagination .thumbWrap .toc{ float:left; margin-left:40px; line-height:40px; height:40px; font-size:14px; text-align:center;}
.pp01 .pagination .thumbWrap .toc.selected a{ color:#008cc5;}
.pp02 .pagination .thumbWrap .toc.selected a{ color:#44b9ae;}
.pp03 .pagination .thumbWrap .toc.selected a{ color:#f8c235;}
.pp04 .pagination .thumbWrap .toc.selected a{ color:#ff9b43;}
.pp05 .pagination .thumbWrap .toc.selected a{ color:#e9599d;}
.syFocusThumb .pagination .more{ width:80px; text-align:center; position:absolute; top:0; right:0; height:40px; line-height:40px; font-size:14px;}
.syFocusThumb .pagination .more a{ color:#fff;}
.syFocusThumb .sliderwrapper{ width:950px; position:relative; height:310px; margin-top:10px; overflow:hidden;}
.syFocusThumb .contentdiv{ width:950px; height:310px; position:relative;}
.syFocusThumb .contentdiv ul{ width:960px; display:block; height:310px; overflow:hidden;}
.syFocusThumb .contentdiv ul li{ width:228px; height:308px; border:1px solid #ddd; display:block; overflow:hidden; float:left; margin-right:10px; text-align:center;}
.syFocusThumb .contentdiv ul li strong{ width:100%; height:240px; display:block; overflow:hidden;}
.syFocusThumb .contentdiv ul li strong img{ width:100%; display:block; 
	transition-delay:0s;
    transition-duration:1s;
    transition-property:all;
    transition-timing-function:ease;
	/* Firefox 4 */
	-moz-transition-delay:0s;
    -moz-transition-duration:1s;
    -moz-transition-property:all;
    -moz-transition-timing-function:ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay:0s;
    -webkit-transition-duration:1s;
    -webkit-transition-property:all;
    -webkit-transition-timing-function:ease;
	/* Opera */
	-o-transition-delay:0s;
    -o-transition-duration:1s;
    -o-transition-property:all;
    -o-transition-timing-function:ease;
}
.syFocusThumb .contentdiv ul li:hover strong img{
	transform:scale(1.1, 1.1);
	-ms-transform:scale(1.1, 1.1);
	-moz-transform:scale(1.1, 1.1);
	-webkit-transform:scale(1.1, 1.1);
	-o-transform:scale(1.1, 1.1); 
}
.syFocusThumb .contentdiv ul li span{ display:block; height:26px; line-height:26px; font-size:14px; margin:9px; margin-bottom:0; overflow:hidden;}
.syFocusThumb .contentdiv ul li p{ margin:0 9px; display:block; height:24px; line-height:24px; font-size:14px;}
.pro.pp01 .contentdiv ul li:hover{ border:1px solid #008cc5;}
.pro.pp02 .contentdiv ul li:hover{ border:1px solid #44b9ae;}
.pro.pp03 .contentdiv ul li:hover{ border:1px solid #f8c235;}
.pro.pp04 .contentdiv ul li:hover{ border:1px solid #ff9b43;}
.pro.pp05 .contentdiv ul li:hover{ border:1px solid #e9599d;}
.pro.pp01 .contentdiv ul li p{ color:#008cc5;}
.pro.pp02 .contentdiv ul li p{ color:#44b9ae;}
.pro.pp03 .contentdiv ul li p{ color:#f8c235;}
.pro.pp04 .contentdiv ul li p{ color:#ff9b43;}
.pro.pp05 .contentdiv ul li p{ color:#e9599d;}

/*案例*/
.cbox{ width:100%; padding:30px 0; background-color:#f2f2f2;}
.cbox .title{ width:1169px; margin:auto; padding-left:31px; height:20px; background-image:url(../images/title.png); background-position:left center; background-repeat:no-repeat; margin-bottom:20px;}
.cbox .title span{ display:block; float:left; height:20px; line-height:20px; font-size:17px;}
.cbox .title a{ display:block; float:left; height:20px; line-height:26px; font-size:14px; color:#999; margin-left:10px;}
.cbox .box{ width:1198px; margin:auto;}
.cbox .box ul{ width:1200px; display:block; overflow:hidden;}
.cbox .box ul li{ width:198px; display:table; float:left; text-align:center; vertical-align:middle; height:240px; overflow:hidden; margin-right:2px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.cbox .box ul li a{ width:198px; height:240px; display:table-cell; text-align:center; vertical-align:middle; background-color:rgba(0,0,0,0.7);}
.cbox .box ul li a span{ color:#fff; display:block; font-size:17px; height:30px; line-height:30px; width:100%; overflow:hidden;}
.cbox .box ul li a p{ color:#fff; display:block; font-size:14px; height:26px; line-height:26px; width:100%; overflow:hidden;}
.cbox .box ul li a b{ color:#fff; display:block; font-size:12px; height:24px; line-height:24px; width:100%; overflow:hidden; font-weight:normal;}
.cbox .box ul li:hover a{ opacity:0;}

/*问题*/
.wbox{ width:100%; padding-bottom:26px; background-color:#f2f2f2; display:none;}
.wbox .box{ width:1200px; margin:auto;}
.wbox .box .left{ width:520px; float:left;}
.wbox .box .left .title{ padding-left:31px; height:20px; background-image:url(../images/title.png); background-position:left center; background-repeat:no-repeat; margin-bottom:20px;}
.wbox .box .left .title span{ display:block; float:left; height:20px; line-height:20px; font-size:17px;}
.wbox .box .left .title a{ display:block; float:right; height:20px; line-height:20px; font-size:14px; color:#192971; text-transform:uppercase;}
.wbox .box .left dl{ width:100%; display:block; overflow:hidden; height:274px;}
.wbox .box .left dl dt{ display:block; height:24px; padding-left:34px; overflow:hidden; background-image:url(../images/cw.png); background-position:left center; background-repeat:no-repeat; margin-bottom:10px;}
.wbox .box .left dl dt a{ display:block; height:24px; line-height:24px; font-size:16px; overflow:hidden;}
.wbox .box .left dl dd{ display:block; height:48px; padding-left:34px; overflow:hidden; background-image:url(../images/cd.png); background-position:left top; background-repeat:no-repeat; font-size:14px; line-height:24px; margin-bottom:14px;}
.wbox .box .left dl dt a:hover{ color:#192971;}
.wbox .box .right{ display:block; float:right; width:636px; height:310px;}
.wbox .box .right dt{ display:table; float:left; margin-left:2px; margin-bottom:2px; background-color:#fff; text-align:center; vertical-align:middle;}
.wbox .box .right dt a{ display:table-cell; width:210px; height:102px; text-align:center; vertical-align:middle; overflow:hidden;}
.wbox .box .right dt a img{ max-width:190px; max-height:82px;}
.wbox .box .right dd{ width:210px; height:102px; overflow:hidden; display:table; float:left; margin-left:2px; margin-bottom:2px;}
.wbox .box .right dd img{ width:100%; display:block;}

/*footer*/
.footer{ width:100%; background-color:#262626; padding-top:27px; padding-bottom:10px;}
.footer .link{ width:1200px; padding-bottom:11px; border-bottom:1px solid #5b5d5c; margin:auto;}
.footer .link dt{ width:150px; float:left; display:block; height:30px; overflow:hidden;}
.footer .link dt span{ font-size:24px; line-height:24px; height:24px; display:block; float:left; color:#fff; text-transform:uppercase;}
.footer .link dt p{ font-size:14px; line-height:30px; height:30px; display:block; float:left; color:#fff; margin-left:10px;}
.footer .link dd{ width:1086px; margin-left:-36px; float:left; display:block; overflow:hidden;}
.footer .link dd a{ display:block; float:left; margin-left:40px; font-size:14px; line-height:30px; height:30px; color:#999;}
.footer .link dd a:hover{ color:#fff;}
.footer .foot{ width:1200px; margin:auto;}
.footer .foot .left{ width:1070px; overflow:hidden; padding-top:27px;}
.footer .foot .left .f01{ width:495px; height:96px; background-image:url(../images/line.jpg); background-position:right center; background-repeat:no-repeat; overflow:hidden; display:block;}
.footer .foot .left .f01 dt{ display:block; height:32px; line-height:32px; font-size:17px; color:#fff;}
.footer .foot .left .f01 dd{ display:block; line-height:30px; font-size:14px;}
.footer .foot .left .f01 dd a{ display:block; float:left; color:#fff; width:90px;}
.footer .foot .left .f02{ width:500px; margin-left:75px; height:96px; overflow:hidden;}
.footer .foot .left .f02 dt{ display:block; height:32px; line-height:32px; font-size:17px; color:#fff;}
.footer .foot .left .f02 dd{ display:block; line-height:30px; font-size:14px; color:#999;}
.footer .foot .left .f02 dd span{ color:#fff; font-size:28px;}
.footer .foot .left .f03{ width:1200px; overflow:hidden; text-align:center; color:#999; font-size:14px; padding-top:17px; line-height:32px; height:32px;}
.footer .foot .left .f03 a{ color:#999;}
.footer .foot .right{ width:120px; overflow:hidden; padding-top:20px;}
.footer .foot .right strong{ width:120px; height:120px; display:block; overflow:hidden;}
.footer .foot .right strong img{ width:100%; display:block;}
.footer .foot .right p{ width:100%; text-align:center; height:32px; line-height:32px; font-size:14px; display:block; overflow:hidden; color:#999;}

/*关于我们*/
.wei{ width:1200px; margin:auto; height:44px; line-height:44px; color:#666; font-size:14px;}
.wei a{ color:#666;}
.wei span{ color:#192971;}

.nbox{ width:1198px; margin:auto; border:1px solid #ddd; margin-bottom:30px; border-top:2px solid #192971;}
.nbox .title{ padding:0 20px; height:40px; line-height:40px; background-color:#eee; font-size:17px; color:#192971;}
.nbox .box{ padding:20px 30px;}
.nbox .box .wen{ font-size:14px; line-height:24px;}
.nbox .box .wen img{ max-width:100%; height:auto;}
.nbox .box .wen table {
    border-collapse: collapse;
	width:100% !important;
	margin:5px 0;
}

.nbox .box .wen table,.nbox .box .wen td,.nbox .box .wen th {
    border: 1px solid black;
}

/*拓客*/
.main01{ width:1200px; margin:auto; margin-bottom:30px;}
.main01 .left{ width:220px; float:left;}
.account-l{ width:218px; border-left:1px solid #ddd; border-right:1px solid #ddd; border-top:2px solid #192971;}
.main01 .left .title{ padding:0 20px; height:40px; line-height:40px; background-color:#eee; font-size:17px; color:#192971;}
.main01 .accordion{ width:100%; display:block; overflow:hidden;}
.main01 .accordion li{ display:block; padding:9px 20px; border-bottom:1px solid #ddd; overflow:hidden; cursor:pointer;}
.main01 .accordion li .link{ height:22px; line-height:22px; font-size:14px; position:relative;}
.main01 .accordion li .link i{ width:12px; height:22px; float:right; background-image:url(../images/nx.jpg); background-position:center; background-repeat:no-repeat; display:block;}
.main01 .accordion li .submenu{ display:none; width:100%; margin-top:4px; overflow:hidden;}
.main01 .accordion li .submenu li{ display:block; padding:0; padding-left:20px; border-bottom:none; height:24px; line-height:24px;}
.main01 .accordion li .submenu li a{ display:block; font-size:14px; color:#666;}
.main01 .accordion li.open .link{ color:#192971;}
.main01 .accordion li.open .link i{ background-image:url(../images/nxh.jpg);}
.main01 .accordion li .submenu li a.on{ color:#192971;}

.main01 .left .hot{ width:218px; border:1px solid #ddd; border-top:2px solid #192971; margin-top:20px;}
.main01 .left .hot ul{ width:180px; padding-bottom:20px; display:block; margin:auto;}
.main01 .left .hot ul li{ display:block; width:100%; margin-top:20px; overflow:hidden;}
.main01 .left .hot ul li strong{ width:100%; display:block;}
.main01 .left .hot ul li strong img{ display:block; width:100%;}
.main01 .left .hot ul li span{ width:100%; display:block; font-size:14px; height:34px; line-height:34px; overflow:hidden;}
.main01 .left .hot ul li p{ width:100%; display:block; font-size:14px; height:14px; line-height:14px; color:#192971;}
.main01 .left .hot ul li:hover span{ color:#192971;}

.main01 .right{ width:950px; float:right;}
.main01 .right .sx{ width:948px; border:1px solid #ddd; border-top:2px solid #192971;}
.main01 .right .sx .title{ padding:0 20px; height:40px; line-height:40px; background-color:#eee;}
.main01 .right .sx .title a{ display:block; float:left; font-size:17px; color:#192971;}
.main01 .right .sx .title p{ display:block; float:right; font-size:14px; color:#666;}
.main01 .right .sx .title p span{ color:#192971;}
.main01 .sxcon{ padding:10px 19px; padding-bottom:0;}
.main01 .search-by{ height:70px; width:100%;}
.main01 .sxcon dl{ width:910px; display:block; overflow:hidden; border-bottom:1px solid #eee; position:relative;}
.main01 .sxcon dl dt{ width:50px; height:34px; line-height:34px; font-size:14px; float:left; display:block; font-weight:bold;}
.main01 .sxcon dl .show-con{ width:800px; margin:5px 0; height:24px; float:left; display:block;}
.main01 .sxcon dl .show-con a{ display:block; float:left; font-size:14px; line-height:24px; height:24px; margin-right:30px;} 
.main01 .sxcon dl .show-con a.on{ color:#192971;}
.main01 .sxcon dl .show-more{ height:34px; display:block; position:absolute; right:0; top:0; cursor:pointer;}
.main01 .sxcon dl .show-more span{ display:block; float:left; text-align:right; font-size:14px; height:34px; line-height:34px;}
.main01 .sxcon dl .show-more i{ display:block; float:left; margin-left:5px; height:34px; width:14px; background-position:center; background-repeat:no-repeat;}
.main01 .sxcon dl .show-more .icon-angle-down{ background-image:url(../images/xia.jpg);}
.main01 .sxcon dl .show-more .icon-angle-up{ background-image:url(../images/xia01.jpg);}
.main01 .shaixuan-btn{ height:42px; line-height:42px; margin-left:50px;}
.main01 .shaixuan-btn span{ display:block; float:left; font-size:14px; color:#192971; cursor:pointer;}
.main01 .shaixuan-btn i{ display:block; float:left; margin-left:5px; height:42px; width:14px; background-position:center; background-repeat:no-repeat;}
.main01 .shaixuan-btn .icon-angle-up{ background-image:url(../images/xia.jpg);}
.main01 .shaixuan-btn .icon-angle-down{ background-image:url(../images/xia01.jpg);}

.xuanz{ border:1px solid #ddd; border-top:2px solid #192971; padding:6px 19px; background-color:#eee; margin:20px auto; height:28px;}
.xuanz .x01{ display:block; float:left; height:28px;}
.xuanz .x01 a{ display:block; width:60px; height:28px; line-height:28px; text-align:center; font-size:14px; background-image:url(../images/xx.jpg); background-repeat:no-repeat; float:left; margin-right:10px;}
.xuanz .x01 a.selected{ color:#192971;}
.xuanz .x02{ display:block; float:left; height:28px; margin-left:10px;}
.xuanz .x02 span{ display:block; float:left; height:28px; line-height:28px; font-size:14px; width:47px;}
.xuanz .x02 p{ display:none; float:left; width:158px; height:26px; line-height:26px; font-size:14px; text-indent:10px; border:1px solid #cacaca;}
.xuanz .x02 p select{ width:100%; display:block; height:26px; background-color:#fff;}
.xuanz .x03{ display:block; float:left; height:28px; margin-left:20px;}
.xuanz .x03 input{ display:block; float:left; margin-top:7px;}
.xuanz .x03 span{ display:block; float:left; height:28px; line-height:28px; font-size:14px; margin-left:5px;}
.xuanz .x04{ display:block; float:right; height:20px; padding-top:4px;}
.xuanz .x04 span{ display:block; float:left; height:20px; line-height:20px; font-size:14px; margin-right:8px;}
.xuanz .x04 a{ display:block; float:left; height:20px; height:20px; margin-left:2px;}
.xuanz .x04 a img{ display:block; width:20px;}

.diy{ width:100%; display:block; position:relative;}
.diy img{ display:block; width:100%;}
.diy a{ width:160px; height:100%; display:block; position:absolute; right:0; top:0;}

.main01 .cp{ width:100%; margin-top:10px;}
.main01 .cp ul{ width:960px; display:block; overflow:hidden;}
.main01 .cp ul li{ display:block; width:228px; height:318px; border:1px solid #ddd; margin-right:10px; margin-top:10px; float:left; position:relative;}
.main01 .cp ul li strong{ width:100%; height:240px; overflow:hidden; display:block;}
.main01 .cp ul li img{ width:100%; display:block;}
.main01 .cp ul li h1{ width:80px; height:28px; overflow:hidden; display:block; position:absolute; right:10px; top:10px;}
.main01 .cp ul li span{ display:block; width:190px; margin:auto; height:34px; line-height:34px; font-size:14px; padding-top:5px; overflow:hidden;}
.main01 .cp ul li p{ display:block; width:190px; margin:auto; height:24px; overflow:hidden;}
.main01 .cp ul li p a{ width:68px; height:22px; text-align:center; font-size:12px; line-height:22px; display:block; float:left; background-color:#f2f2f2; border:1px solid #ddd;}
.main01 .cp ul li p b{ font-weight:normal; float:right; display:block; height:24px; line-height:24px; font-size:14px; color:#192971;}
.main01 .cp ul li p a:hover{ border:1px solid #192971; background-color:#192971; color:#fff;}
.main01 .cp ul li:hover{ border:1px solid #192971;}
.main01 .cp ul li strong img{ 
	transition-delay:0s;
    transition-duration:1s;
    transition-property:all;
    transition-timing-function:ease;
	/* Firefox 4 */
	-moz-transition-delay:0s;
    -moz-transition-duration:1s;
    -moz-transition-property:all;
    -moz-transition-timing-function:ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay:0s;
    -webkit-transition-duration:1s;
    -webkit-transition-property:all;
    -webkit-transition-timing-function:ease;
	/* Opera */
	-o-transition-delay:0s;
    -o-transition-duration:1s;
    -o-transition-property:all;
    -o-transition-timing-function:ease;
}
.main01 .cp ul li:hover strong img{
	transform:scale(1.1, 1.1);
	-ms-transform:scale(1.1, 1.1);
	-moz-transform:scale(1.1, 1.1);
	-webkit-transform:scale(1.1, 1.1);
	-o-transform:scale(1.1, 1.1); 
}

.fanye{ width:100%; margin-top:20px; text-align:center;}
.fanye a{ display:inline-block; margin:0 3px; min-width:14px; padding:0 5px; background-color:#cecece; font-size:12px; color:#fff; height:24px; line-height:24px;}
.fanye a{ display:inline-block; margin:0 3px; min-width:14px; padding:0 5px; background-color:#192971; font-size:12px; color:#fff; height:24px; line-height:24px;}

/*产品内页*/
.main{ width:1200px; margin:auto; margin-bottom:20px;}
.main .gund{ width:650px; height:540px; float:left; position:relative;}
.main .gund .img_ul{ width:650px; margin:auto; height:450px; position:relative; display:block; overflow:hidden;}
.main .gund .img_ul li{ display:block; width:650px; height:450px; overflow:hidden;}
.main .gund .img_ul li img{ display:block; height:450px; margin:auto;}
.main .gund .change_a{ width:50px; height:100px; display:block; position:absolute; top:205px; cursor:pointer;}
.main .gund .change_a.prev{ left:0;}
.main .gund .change_a.next{ right:0;}
.main .gund .img_hd{ width:650px; height:58px; margin:auto; position:relative; margin-top:20px;}
.main .gund .img_hd .prev_a{ width:14px; height:26px; float:left; margin-top:16px;}
.main .gund .img_hd .next_a{ width:14px; height:26px; float:right; margin-top:16px;}
.main .gund .img_hd .bottom_a img{ display:block; width:14px; height:26px; cursor:pointer;}
.main .gund .img_hd .tempWrap{ width:560px; height:58px; display:block; float:left; margin-left:31px;}
.main .gund .img_hd .smallImg li{ display:block; width:68px; height:56px; border:1px solid #cacaca; float:left; margin:0 5px; position:relative; overflow:hidden;}
.main .gund .img_hd .smallImg li img{ display:block; width:68px; margin:auto;}
.main .gund .img_hd .smallImg li b{ display:none; width:100%; height:2px; position:absolute; left:0; bottom:0; z-index:11; background-color:#192971;}
.main .gund .img_hd .smallImg li.on b{ display:block;}

.main .xx{ width:400px; padding:17px 30px; background-color:#fff; height:566px; float:right; margin-bottom:30px;}
.main .xx .biao{ font-size:18px; line-height:30px; padding:9px 0; color:#192971;}
.main .xx .xin{ height:30px; font-size:14px; line-height:30px;}
.main .xx .xin p{ display:block; float:left; color:#666;}
.main .xx .xin a{ display:block; float:right; text-align:right; color:#666;}
.main .xx .jg{ height:52px; font-size:20px; line-height:46px; color:#192971;}
.main .xx .ys{ border-top:1px solid #ddd; padding-top:15px; max-height:360px;}
.main .xx .ys p{ display:block; line-height:24px; font-size:14px; color:#333;}
.main .xx .ys p span{ color:#666;}
.main .xx .ys p a{ float:right; display:block; color:#666; cursor:pointer;}
.main .xx .ys ul{ display:block; width:410px; overflow:hidden;}
.main .xx .ys ul li{ width:68px; height:48px; border:1px solid #cacaca; position:relative; display:block; float:left; margin-right:12px; margin-top:10px;}
.main .xx .ys ul li img{ display:block; height:48px; margin:auto;}
.main .xx .ys ul li b{ display:none; width:100%; height:2px; position:absolute; left:0; bottom:0; z-index:11; background-color:#192971;}
.main .xx .ys ul li.on b{ display:block;}
.main .xx .ys dl{ display:block; width:300px; overflow:hidden;}
.main .xx .ys dl dt{ min-width:18px; padding:0 10px; height:38px; text-align:center; line-height:38px; font-size:16px; border:1px solid #cacaca; display:block; float:left; margin-right:10px; margin-top:10px;}
.main .xx .ys dl dt a{ width:100%; height:38px; display:block;}
.main .xx .ys dl dt.on{ border:1px solid #192971;}
.main .xx .ys dl dt.on a{ color:#192971;}
.main .xx .ys table th{ background-color:#eee; line-height:36px;}
.main .xx .ys table td{ background-color:#fff; line-height:36px;}
.main .xx .ys01{ font-size:14px; margin-top:10px; height:34px; line-height:34px;}
.main .xx .ys01 span{ color:#192971;}
.main .zx{ width:100%; margin:auto; height:50px; margin-top:20px;}
.main .zx a{ width:48%; height:50px; line-height:50px; text-align:center; font-size:16px; display:block;}
.main .z01{ float:left; background-color:#192971; color:#fff;}
.main .z02{ float:right; background-color:#ddd; color:#333;}

#zoomiocontainer{ position:absolute; z-index:99999; overflow:hidden; background:white; visibility:hidden;}
#zoomiocontainer img{ width:auto !important; height:auto !important; position:absolute !important; display:block !important;}
#zoomiocontainer.mobileclass{ overflow:scroll; -webkit-overflow-scrolling:touch;}

/*节点类*/
.main02{ width:1200px; margin:auto; margin-bottom:30px;}
.main02 .tab{ width:1198px; border:1px solid #ddd; border-top:2px solid #192971;}
.main02 .tab .tab_menu{ width:1190px; padding:0 4px; height:80px; background-color:#eee; display:block;}
.main02 .tab .tab_menu li{ display:block; width:170px; float:left; overflow:hidden; text-align:center; padding-top:6px; height:74px; cursor:pointer;}
.main02 .tab .tab_menu li span{ display:block; height:34px; line-height:34px; font-size:14px; overflow:hidden;}
.main02 .tab .tab_menu li strong{ display:block; height:24px; overflow:hidden;}
.main02 .tab .tab_menu li b{ display:none; height:24px; overflow:hidden;}
.main02 .tab .tab_menu li img{ display:block; height:24px; margin:auto;}
.main02 .tab .tab_menu li.selected{ background-color:#fff;}
.main02 .tab .tab_menu li.selected span{ color:#192971;}
.main02 .tab .tab_menu li.selected strong{ display:none;}
.main02 .tab .tab_menu li.selected b{ display:block;}
.main02 .tab .tab_box{ padding:15px;}
.main02 .tab .tab_box .box{ width:100%; overflow:hidden;}
.main02 .tab .tab_box .box a{ display:block; float:left; margin:0 15px; font-size:14px; line-height:24px; height:24px; overflow:hidden;}
.main02 .tab .tab_box .box a.on{ color:#192971;}

.main02 .cp{ width:1200px;}
.main02 .cp ul{ width:1220px; display:block; overflow:hidden;}
.main02 .cp ul li{ margin-right:20px; margin-top:20px; width:285px; height:330px; float:left; display:block; overflow:hidden;}
.main02 .cp ul li .tu{ width:100%; height:240px; transition:height 0.5s; -moz-transition:height 0.5s; -webkit-transition:height 0.5s; -o-transition:height 0.5s;}
.main02 .cp ul li .tu img{ width:100%; display:block;}
.main02 .cp ul li .wen{ padding:1px 19px; border-left:1px solid #ddd; border-right:1px solid #ddd; width:245px; height:83px; transition:height 0.5s; -moz-transition:height 0.5s; -webkit-transition:height 0.5s; -o-transition:height 0.5s;}
.main02 .cp ul li .wen span{ display:block; height:42px; line-height:42px; font-size:14px; overflow:hidden;}
.main02 .cp ul li .wen p{ width:255px; display:block; height:22px; overflow:hidden;}
.main02 .cp ul li .wen p a{ display:block; float:left; margin-right:10px; height:20px; line-height:20px; font-size:13px; padding:0 9px; border:1px solid #192971; color:#192971;}
.main02 .cp ul li .jia{ padding:7px 20px; background-color:#192971;}
.main02 .cp ul li .jia p{ height:26px; line-height:26px; color:#fff; display:block; float:left; font-size:14px;}
.main02 .cp ul li .jia p span{ font-size:18px; color:#fff;}
.main02 .cp ul li .jia a{ width:70px; height:26px; line-height:26px; text-align:center; float:right; display:block; background-color:#fff;}
.main02 .cp ul li:hover .tu{ height:210px;}
.main02 .cp ul li:hover .wen{ height:78px;}

/*节日类*/
.main03{ width:100%; position:relative;}
.main03 .left{ width:200px; position:absolute; left:50%; margin-left:-600px; top:30px; z-index:9;}
.main03.pos .left{ position:fixed;}
.main03 .left strong{ display:block; width:100%; overflow:hidden;}
.main03 .left strong img{ width:100%; display:block;}
.main03 .account{ width:100%; background-color:#2c48c6; padding-bottom:20px;}
.main03 .accordion{ width:130px; margin:auto; padding-top:10px; display:block; overflow:hidden;}
.main03 .accordion li{ display:block; padding:6px 0; border-bottom:1px dashed #fff; overflow:hidden;}
.main03 .accordion li .link{ height:24px; line-height:24px; font-size:16px; position:relative; padding-left:18px; color:#fff; cursor:pointer;}
.main03 .accordion li .link i{ width:8px; height:8px; border-radius:10px; background-color:#fff; position:absolute; left:0; top:8px; display:block;}
.main03 .accordion li .submenu{ display:none; width:100%; margin-top:4px; height:100%; overflow:auto;}
.main03 .accordion li .submenu li{ display:block; padding:0; margin-left:18px; border-bottom:none; height:24px; line-height:24px;}
.main03 .accordion li .submenu li a{ display:block; font-size:14px; color:#fff;}
.main03 .accordion li.open .link{ color:#ffdd93;}
.main03 .accordion li.open .link i{ background-color:#ffdd93;}
.main03 .accordion li .submenu li a.on{ color:#ffdd93;}
.main03 .left .more{ width:100%; height:30px; background-image:url(../images/gt.png); background-repeat:no-repeat;}
.main03 .left .more a{ width:100px; height:30px; line-height:30px; font-size:14px; text-align:center; display:block; margin:auto; color:#192971;}
.main03 .accordion li .submenu::-webkit-scrollbar{ width:4px; height:1px;}
.main03 .accordion li .submenu::-webkit-scrollbar-thumb{ border-radius:10px; background:#243a9d;}
.main03 .accordion li .submenu::-webkit-scrollbar-track{ border-radius:10px; background:#2c48c6;}

.main03 .dt{ width:100%; padding:30px 0; background-color:#fff;}
.main03 .pp01{ padding-top:0;}
.main03 .dd{ width:100%; padding:30px 0; background-color:#f2f2f2;}
.main03 .box{ width:1200px; margin:auto; height:740px; position:relative;}
.main03 .box .cc{ width:230px; height:240px; background-repeat:no-repeat; background-size:cover; background-repeat:no-repeat; position:absolute;}
.main03 .box .cc a{ width:100%; height:100%; border:1px solid #ddd; box-sizing:border-box; display:block; position:relative; overflow:hidden;}
.main03 .box .cc a p{ display:none; position:absolute; left:0; bottom:0; width:100%; padding:10px 20px; box-sizing:border-box; font-size:14px; line-height:24px; color:#fff; background-color:rgba(0,0,0,0.7);}
.main03 .box .cc a:hover p{ display:block;}
.main03 .box .cc.c01{ left:250px; top:0;}
.main03 .box .cc.c02{ left:490px; top:0; width:470px; height:490px;}
.main03 .box .cc.c03{ right:0; top:0;}
.main03 .box .cc.c04{ left:250px; top:250px;}
.main03 .box .cc.c05{ right:0; top:250px;}
.main03 .box .cc.c06{ left:250px; bottom:0;}
.main03 .box .cc.c07{ left:490px; bottom:0;}
.main03 .box .cc.c08{ right:240px; bottom:0;}
.main03 .box .cc.c09{ right:0; bottom:0;}
.main03 .box .cc a:hover{ border:1px solid #192971;}

/*常规类*/
.main01 .cp01{ width:950px; margin-top:10px;}
.main01 .cp01 ul{ width:960px; display:block; overflow:hidden;}
.main01 .cp01 ul li{ display:block; float:left; margin-top:10px; margin-right:10px; width:210px; height:320px; border:1px solid #ddd; padding:9px; text-align:center;}
.main01 .cp01 ul li strong{ width:210px; height:220px; display:block; overflow:hidden;}
.main01 .cp01 ul li strong img{ width:100%; display:block;}
.main01 .cp01 ul li span{ display:block; margin-top:10px; font-size:14px; line-height:24px; height:24px; overflow:hidden;}
.main01 .cp01 ul li p{ display:block; margin-bottom:4px; font-size:14px; line-height:24px; height:24px; overflow:hidden; color:#192971;}
.main01 .cp01 ul li dl{ display:block; width:210px; overflow:hidden;}
.main01 .cp01 ul li dl dt{ width:100px; height:28px; line-height:28px; display:block; float:left; font-size:14px;}
.main01 .cp01 ul li dl dd{ width:100px; height:28px; line-height:28px; display:block; float:right; font-size:14px;}
.main01 .cp01 ul li dl a{ width:100%; display:block; height:28px; background-color:#f2f2f2;}
.main01 .cp01 ul li:hover{ border:1px solid #192971; background-color:#192971;}
.main01 .cp01 ul li:hover span a,.main01 .cp01 ul li:hover p{ color:#fff;}

/*奕起趣*/
.main04{ width:1200px; margin:auto; margin-bottom:30px;}
.xuan01{ border:1px solid #ddd; border-top:2px solid #192971; margin-bottom:20px;}
.xuan01 .title{ padding:0 19px; height:40px; line-height:40px; background-color:#eee;}
.xuan01 .title a{ display:block; float:left; font-size:17px; color:#192971;}
.xuan01 .title p{ display:block; float:right; font-size:14px; color:#666;}
.xuan01 .title p span{ color:#192971;}
.xuan01 .box{ padding:10px 19px; width:1160px;}
.xuan01 .box dl{ width:1160px; padding:5px 0; border-bottom:1px solid #eee; overflow:hidden;}
.xuan01 .box dl dt{ display:block; float:left; height:24px; line-height:24px; font-weight:bold; width:70px; font-size:14px;}
.xuan01 .box dl dd{ width:1110px; display:block; float:left; margin-left:-20px; overflow:hidden;}
.xuan01 .box dl dd a{ display:block; float:left; height:24px; line-height:24px; font-size:14px; margin-left:20px;}
.xuan01 .box dl dd a:hover{ color:#192971;}
.xuan01 .box dl:last-child{ border-bottom:none;}

.main04 .b01{ width:1200px; height:300px; margin-bottom:20px;}
.main04 .b01 .left{ padding:30px; background-color:#f2f2f2; width:380px; float:left;}
.main04 .b01 .left .biao{ height:60px; line-height:60px; font-size:18px; border-bottom:1px solid #cacaca;}
.main04 .b01 .left .biao a{ color:#192971;}
.main04 .b01 .left .wen{ width:100%; margin-top:15px; margin-bottom:26px; font-size:14px; line-height:24px; height:120px;}
.main04 .b01 .left .sl{ padding-left:36px; height:18px; line-height:18px; background-image:url(../images/yan.png); background-position:left center; background-repeat:no-repeat; font-size:18px; float:right;}
.main04 .b01 .right{ height:300px; width:760px; float:left; background-position:center; background-size:cover; background-repeat:no-repeat;}
.main04 .b01 .right ul{ width:688px; background-color:rgba(0,0,0,.5); display:block; padding:110px 36px; padding-bottom:20px; height:170px; overflow:hidden;}
.main04 .b01 .right ul li{ width:162px; height:170px; display:block; float:left; margin:0 5px; overflow:hidden;}
.main04 .b01 .right ul li img{ width:100%; display:block;}
.main04 .b01 .right ul li:hover{ margin-top:-5px;}

.main04 .b02{ width:1200px; height:460px; margin-bottom:20px;}
.main04 .b02 .box01{ width:590px; height:460px; overflow:hidden;}
.main04 .b02 .box01 .left{ width:100%; height:220px; background-position:center; background-size:cover; background-repeat:no-repeat;}
.main04 .b02 .box01 .left .cont{ width:100%; height:160px; padding-top:60px; background-image:url(../images/mask.png); background-repeat:no-repeat; text-align:center;}
.main04 .b02 .box01 .left .cont .biao{ width:380px; margin:auto; font-size:18px; color:#192971; height:30px; line-height:30px;}
.main04 .b02 .box01 .left .cont .biao a{ color:#192971;}
.main04 .b02 .box01 .left .cont .wen{ width:380px; margin:auto; font-size:14px; height:48px; line-height:24px;}
.main04 .b02 .box01 .left .cont .more{ width:20px; margin:7px auto;}
.main04 .b02 .box01 .left .cont .more img{ width:100%; display:block;}
.main04 .b02 .box01 .right{ width:570px; height:230px; background-color:#fff; border:10px solid #f2f2f2; border-top:none;}
.main04 .b02 .box01 .right ul{ display:block; width:546px; height:170px; margin:auto; padding-top:20px; display:block;}
.main04 .b02 .box01 .right ul li{ width:162px; height:170px; display:block; float:left; margin:0 10px; overflow:hidden;}
.main04 .b02 .box01 .right ul li img{ width:100%; display:block;}
.main04 .b02 .box01 .right ul li:hover{ margin-top:-5px;}
.main04 .b02 .box01 .right .sl{ padding-left:36px; height:40px; line-height:40px; background-image:url(../images/yan.png); background-position:left center; background-repeat:no-repeat; font-size:18px; float:right; margin-right:20px;}

/*方案*/
.main02 .xuan01{ margin-bottom:0;}

/*常见问题*/
.nbox .wt{ width:100%; display:block; overflow:hidden;}
.nbox .wt dt{ display:block; height:24px; padding-left:34px; overflow:hidden; background-image:url(../images/cw.png); background-position:left center; background-repeat:no-repeat; margin-bottom:10px;}
.nbox .wt dt a{ display:block; height:24px; line-height:24px; font-size:16px; overflow:hidden;}
.nbox .wt dd{ display:block; padding-left:34px; overflow:hidden; background-image:url(../images/cd.png); background-position:left top; background-repeat:no-repeat; font-size:14px; line-height:24px;}
.nbox .wt dt a:hover{ color:#192971;}
.nbox .wt span{ display:block; width:100%; height:1px; background-color:#cacaca; overflow:hidden; margin:20px 0;}
.nbox .fanye{ margin-top:0;}

/*文章页*/
.nbox .toub{ width:100%; font-size:18px; line-height:26px; text-align:center; margin-bottom:20px; color:#192971;}
.nbox .back{ width:100%; margin-top:20px;}
.nbox .back .pre{ width:60%; overflow:hidden;}
.nbox .back .pre p{ height:30px; line-height:30px; font-size:14px; overflow:hidden; display:block;}
.nbox .back .pre p a:hover{ color:#192971;}
.nbox .back .fh a{ color:#192971; font-size:14px; line-height:30px;}

/*登录*/
.zuo{ width:67%; float:left; height:100%; background-image:url(../images/gz.jpg); background-position:top left; background-repeat:no-repeat; background-size:cover; display:table; text-align:center; vertical-align:middle;}
.zuo .box{ width:100%; display:table-cell; text-align:center; vertical-align:middle;}
.zuo .box span{ display:block; font-size:54px; color:#fff;}
.zuo .box p{ display:block; font-size:24px; color:#fff; margin:30px auto;}
.zuo .box a{ width:150px; height:40px; line-height:40px; border-radius:5px; background-color:#192971; margin:auto; color:#fff; font-size:16px; display:block;}

.you{ width:33%; float:left; height:100%; display:table; text-align:center; vertical-align:middle;}
.you .box{ width:100%; display:table-cell; text-align:center; vertical-align:middle;}
.you .box .title{ max-width:470px; width:75%; margin:auto; text-align:center;}
.you .box .title span{ width:40%; font-size:24px; height:30px; line-height:30px; display:block; padding-bottom:5px; border-bottom:2px solid #192971; color:#192971; text-transform:uppercase;}
.you .box .title a{ width:40%; font-size:24px; height:30px; line-height:30px; display:block; padding-bottom:5px; border-bottom:2px solid #cacaca;}
.you .box .txt{ max-width:470px; width:75%; margin:auto; margin-top:20px; border:1px solid #192971; border-radius:5px; position:relative;}
.you .box .txt input{ width:100%; display:block; height:40px; line-height:40px; font-size:16px; text-indent:20px;}
.you .box .txt a{ border-left:1px solid #192971; height:30px; position:absolute; padding-left:9px; padding-right:20px; right:0; top:5px; background-color:#fff; display:block;}
.you .box .txt a img{ width:120px; height:30px; display:block;}
.you .box .txt02{ max-width:470px; width:75%; margin:auto; margin-top:20px; border:1px solid #192971; border-radius:5px; position:relative;}
.you .box .txt02 input{ width:100%; display:block; height:40px; line-height:40px; font-size:16px; text-align:center; background-color:#192971; color:#fff; cursor:pointer;}
.you .box .txt03{ max-width:470px; width:75%; margin:auto; margin-top:15px; text-align:center; font-size:14px;}

/*会员*/
.main05{ width:1200px; margin:auto; margin-bottom:30px;}
.main05 .left{ width:220px; float:left;}
.main05 .left .account{ width:218px; border-left:1px solid #ddd; border-right:1px solid #ddd; border-top:2px solid #192971;}
.main05 .left .title{ padding:0 20px; height:40px; line-height:40px; background-color:#eee; font-size:17px; color:#192971;}
.main05 .accordion{ width:100%; display:block; overflow:hidden;}
.main05 .accordion li{ display:block; padding:9px 20px; border-bottom:1px solid #ddd; overflow:hidden; cursor:pointer;}
.main05 .accordion li .link{ height:22px; line-height:22px; font-size:14px; position:relative;}
.main05 .accordion li .link i{ width:12px; height:22px; float:right; background-image:url(../images/nx.jpg); background-position:center; background-repeat:no-repeat; display:block;}
.main05 .accordion li .submenu{ display:none; width:100%; margin-top:4px; overflow:hidden;}
.main05 .accordion li .submenu li{ display:block; padding:0; padding-left:20px; border-bottom:none; height:24px; line-height:24px;}
.main05 .accordion li .submenu li a{ display:block; font-size:14px; color:#666;}
.main05 .accordion li.open .link{ color:#192971;}
.main05 .accordion li.open .link i{ background-image:url(../images/nxh.jpg);}
.main05 .accordion li .submenu li a.on{ color:#192971;}

.main05 .right{ width:950px; float:right;}
.main05 .member{ border:1px solid #FFCD6C; background-color:#FFFBE6; padding:30px 50px; font-size:18px; color:#666; margin-bottom:20px;}
.main05 .member span{ color:#FFCD6C;}
.main05 .cont{ border-top:2px solid #192971;}
.main05 .cont .title{ border-left:1px solid #ddd; border-right:1px solid #ddd; padding:0 19px; height:40px; line-height:40px; background-color:#eee; font-size:17px; color:#192971;}
.main05 .cont .table{ width:100%; background-color:#ddd;}
.main05 .cont .table th{ font-weight:normal; font-size:16px; background-color:#f2f2f2;}
.main05 .cont .table td{ background-color:#fff; padding:10px; font-size:14px;}
.main05 .cont .table td img{ height:80px; width:80px; vertical-align:middle; margin-right:10px;}
.main05 .cont .table td p{ display:inline; font-size:14px; vertical-align:middle;}
.main05 .cont .table td a:hover{ color:#192971;}

.main05 .cont .xiu{ padding:50px 19px; border:1px solid #ddd; border-top:none;}
.main05 .cont .xiu .m01{ width:500px; margin:auto; margin-bottom:20px; overflow:hidden;}
.main05 .cont .xiu .m01 span{ font-size:14px; height:40px; line-height:40px; float:left; display:block; width:80px;}
.main05 .cont .xiu .m01 p{ height:38px; float:left; display:block; border:1px solid #cacaca; width:418px;}
.main05 .cont .xiu .m01 p input{ width:100%; text-indent:19px; height:38px; line-height:38px; display:block; overflow:hidden; font-size:14px;}
.main05 .cont .xiu .m02{ width:260px; height:40px; margin:auto;}
.main05 .cont .xiu .m02 input{ width:100%; height:40px; line-height:40px; text-align:center; background-color:#192971; font-size:14px; color:#fff; cursor:pointer;}

/*我的PPT*/
.ppt_nav{ width:1200px; height:36px; margin:40px auto;}
.stepPic{ float:left; width:540px; height:36px; background:url(../images/realPPTInfo.png) no-repeat left center;}
.add_product{ float:right; height:36px; font-size:14px; cursor:pointer;}
.add_product a{ display:block; padding:0 20px; height:36px; line-height:36px; background-color:#eee; color:#333; float:left; margin-left:20px;}
.add_product a:hover{ color:#fff; background-color:#192971;}

.game163{ width:1200px; margin:auto; position:relative; height:150px; margin-bottom:30px;}
.game163 .smallScroll{ width:1200px; position:relative; overflow:hidden; height:150px;}
.game163 .smallScroll .tempWrap{ width:1120px; margin:auto; display:block; overflow:hidden; height:150px;}
.game163 .smallScroll li{ width:196px; height:146px; padding:4px; padding-bottom:0; display:block; float:left; overflow:hidden; margin:0 10px;}
.game163 .smallScroll li strong{ width:100%; height:110px; display:block; overflow:hidden;}
.game163 .smallScroll li strong img{ width:100%; display:block;}
.game163 .smallScroll li span{ width:100%; display:block; height:36px; line-height:36px; font-size:14px; text-align:center; overflow:hidden;}
.game163 .smallScroll li.on{ background-color:#008cc5;}
.game163 .smallScroll li.on span{ color:#fff;}
.game163 .smallScroll .sPrev{ width:24px; height:24px; padding:3px; position:absolute; left:0; top:60px; cursor:pointer; display:block; overflow:hidden; background-color:#192971; border-radius:50px;}
.game163 .smallScroll .sNext{ width:24px; height:24px; padding:3px; position:absolute; right:0; top:60px; cursor:pointer; display:block; overflow:hidden; background-color:#192971; border-radius:50px;}
.game163 .smallScroll .sPrev.prevStop{ background-color:#999;}
.game163 .smallScroll .sNext.nextStop{ background-color:#999;}
.game163 .smallScroll .sPrev img,.game163 .smallScroll .sNext img{ width:24px; display:block;}
.game163 .bigImg{ position:absolute; left:0; top:170px; text-align:center; width:1200px; display:block; overflow:hidden; z-index:11;}
.game163 .bigImg li{ width:1160px; background-color:#f2f2f2; display:none; padding:50px 20px; text-align:center; overflow:hidden;}
.game163 .bigImg li strong{ width:400px; margin:0 10px; display:inline-block;}
.game163 .bigImg li strong img{ width:100%; display:block;}

.PptPreview{ width:1198px; height:610px; border:1px solid #dcdcdc; margin:auto; position:relative;}
.PptPreview .PptList{ width:300px; height:610px; background-color:#f0f9ff; float:left;}
.PptPreview .PptList .PptTitr{ width:260px; height:160px; padding:0 20px; background-color:#0b5394; display:table; text-align:left; vertical-align:middle;}
.PptPreview .PptList .PptTitr p{ width:100%; height:160px; display:table-cell; text-align:left; vertical-align:middle; font-size:16px; color:#fff; line-height:26px;}
.PptPreview .PptList .PptListInfo{ width:260px; padding:0 20px; height:390px; display:table; text-align:left; vertical-align:middle;}
.PptPreview .PptList .PptListInfo ul{ width:100%; height:450px; display:table-cell; text-align:left; vertical-align:middle; overflow:hidden;}
.PptPreview .PptList .PptListInfo ul li{ display:block; margin:4px 0; font-size:14px; line-height:24px;}
.PptPreview .PptList .PptListInfo ul li .dqSty{ color:#666;}
.PptPreview .GoodsImage{ width:898px; height:610px; background-color:#fff; float:left; position:relative; overflow:hidden; z-index:0;}
.PptPreview .GoodsImage .Image1{ position:absolute; top:55px; left:55px; overflow:hidden; height:500px;}
.PptPreview .GoodsImage .Image2{ position:absolute; top:55px; right:55px; overflow:hidden; height:230px;}
.PptPreview .GoodsImage .Image3{ position:absolute; bottom:55px; right:55px; overflow:hidden; height:230px;}
.PptPreview .GoodsImage .Image1 img{ display:block; height:500px;}
.PptPreview .GoodsImage .Image2 img{ display:block; height:230px;}
.PptPreview .GoodsImage .Image3 img{ display:block; height:230px;}

.PptPreview .page{ width:1158px; margin:auto; height:50px; line-height:50px; font-size:14px; position:absolute; left:20px; bottom:0;} 
.PptPreview .page .pages{ float:left;}
.PptPreview .page .del{ float:right;}
.PptPreview .page .del a{ display:block; float:left; margin-left:30px;}
.PptPreview .page .del a:hover{ color:#192971;}

.ppt_tool{ width:1200px; margin:auto; height:50px; background-color:#e5e5e5; margin-bottom:70px;}
.ppt_tool .nextStep{ float:right; height:50px;}
.ppt_tool .nextStep .steptn{ display:block; text-align:center; padding:0 30px; height:50px; line-height:50px; color:#FFF;  background:#192971; font-size:17px;}

.new_headImg{ background: url(../images/pptAddInfo.png) no-repeat left center;}
.section01{ width:1200px; margin:auto; margin-bottom:70px;}
.pptinfo_imput{ width:1200px; padding:30px auto;}
.section01 .box{ width:580px; overflow:hidden; text-align:center;}
.section01 .box .title{ font-size:18px; height:40px; line-height:40px;}
.firstPage{ padding-top:100px;}
.TBox{ padding-top:25px;}
.section01 .box .ppt_theam{ width:100%; height:315px; background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
.section01 .box .ppt_theam input{ width:300px; height:40px; border:1px solid #192971; background-color:rgba(255,255,255,0.9); font-size:16px; line-height:40px; margin-top:10px; text-align:center;}
.code{ width:1200px; margin:auto; height:50px; background-color:#e5e5e5; margin-top:30px;}
.codeBox{ height:50px; line-height:50px; font-size:14px; color:#333; float:left;}
.codeBox label{ display:block; float:left; margin-left:20px;}
.codeBox label span{ color:#da0000;}
.codeBox .x-input{ width:140px; height:24px; line-height:24x; background-color:#fff; text-indent:10px; background-color:#fff; display:block; float:left; margin-left:5px; margin-top:13px;}
.codeBox #btn{ width:90px; cursor:pointer; height:24px; background-color:#ccc; text-align:center; display:block; float:left; margin-left:5px; margin-top:13px;} 
.codeBox .verify-input{ width:100px; height:24px; line-height:24x; background-color:#fff; text-indent:10px; background-color:#fff; display:block; float:left; margin-left:5px; margin-top:13px;}
.code .exportBtn{ float:right; text-align:center; padding:0 30px; height:50px; line-height:50px; color:#FFF;  background:#192971; font-size:17px;}
 
.section{ width:1200px; margin:30px auto; margin-bottom:70px; background-color:#f2f2f2; overflow:hidden;}
.section .info{ height: 159px; line-height: 169px; padding: 10px 0px 0px; margin: 0px auto; text-align:center; font-size:22px; color:#666666;}
.section .ma{ text-align:center;}
.section .ma strong{ width:160px; height:160px; background-color:#ffffff; margin:0 auto; overflow:hidden;}
.section .ma p{ width:100%; height:50px; color:#666666; line-height:50px; font-size:14px;}
.section .ann{ width:1200px; height:45px; margin-top:70px; margin-bottom:80px; text-align:center;}
.section .ann span{ display:inline-block; font-size:16px; color:#666; line-height:45px; height:45px;}
.section .ann a{ display:inline-block; font-size:16px; color:#fff; width:240px; height:45px; margin:0 10px; line-height:45px;}

/*弹出框*/
#btn1{ cursor: pointer;}
.xcConfirm .xc_layer{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #666666; opacity: 0.5; z-index: 2147000000;}
.xcConfirm .popBox{position: fixed; left: 50%; top: 50%; padding-bottom: 20px; background-color: #ffffff; z-index: 2147000001; width: 570px; margin-left: -285px; margin-top: -160px; border-radius: 5px; font-weight: bold; color: #535e66;}
.xcConfirm .popBox .ttBox{height: 30px; line-height: 30px; padding: 14px 30px;}
.xcConfirm .popBox .ttBox .tt{font-size: 18px; display: block; float: left; height: 30px; position: relative;}
.xcConfirm .popBox .ttBox .clsBtn{display: block; cursor: pointer; width: 12px; height: 12px; position: absolute; top: 22px; right: 30px; background: url(__PUBLIC__/Home/PC/images/icons.png) -48px -96px no-repeat;}
.xcConfirm .popBox .txtBox{width:100%;height:100%;margin-left:0;padding-left:0;overflow:hidden;}
.xcConfirm .popBox .txtBox .bigIcon{float: left; margin-right: 20px; width: 48px; height: 48px; background-image: url(__PUBLIC__/Home/PC/images/icons.png); background-repeat: no-repeat; background-position: 48px 0;}
.xcConfirm .popBox .txtBox p{ margin-top: 16px; line-height: 26px; overflow-x: hidden; overflow-y: auto;}
.xcConfirm .popBox .btnArea{border-top: solid 1px #eef0f1;}
.xcConfirm .popBox .btnGroup{float: right;}
.xcConfirm .popBox .btnGroup .sgBtn{margin-top: 14px; margin-right: 10px;}
.xcConfirm .popBox .sgBtn{display: block; cursor: pointer; float: left; width: 95px; height: 35px; line-height: 35px; text-align: center; color: #FFFFFF; border-radius: 5px;}
.xcConfirm .popBox .sgBtn.ok{background-color: #0095d9; color: #FFFFFF;}
.xcConfirm .popBox .sgBtn.cancel{background-color: #546a79; color: #FFFFFF;}