.wrap{ width:100%; margin:0 auto;}
.wrap1{ width:1620px; margin:0 auto;}
/*<!---->去掉苹果短的样式*/
input[type="button"], input[type="submit"], input[type="reset"] {
    -webkit-appearance: none;
}
textarea {  -webkit-appearance: none;}
/*head*/
.head{ padding:0px 0; width:100%; position:absolute; top:0; left:0; z-index:99;}
.logo{ margin:20px 0 0 60px;}
.logo a{ display:block;}

.nav{padding:0 0 0;}
.nav ul li{ float:left; height:78px; line-height:78px; margin:0 23px;}
.nav ul li a{ color:#d6d5d5; font-size:16px; padding:0 0px; display:block; background-image:none; position:relative;}
.nav ul li a em {content:'';display:block;width:0px;height:2px;background-color:#fff;overflow:hidden;position:absolute;left:50%;bottom:0;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.nav ul li.on a{ color:#fff;}
.nav ul li.on a em{ width:100%; left:0;}
.nav ul li:hover a{ color:#fff;}
.nav ul li:hover a em { width:100%; left:0;}

.head_zx{ width:108px; height:30px; line-height:30px; border:1px solid #76777f; border-radius:30px; text-indent:35px; background:url(../images/index3.png) no-repeat 16px 50%; font-size:14px; color:#fff; margin:24px 58px 0px 0; margin-left:83px;}
.head_zx:hover{ color:#fff;}

/*banner*/
.banner{ width:100%; overflow:hidden;}
.banner .owl-nav{ display:none;}
.banner .owl-dots{ position:absolute; bottom:36px; width:100%; text-align:center;}
.banner.owl-theme .owl-dots .owl-dot{ padding:0 18px 0 0;}
.banner.owl-theme .owl-dots .owl-dot:last-child{ padding:0 0 0 0; }
.banner.owl-theme .owl-dots .owl-dot span{ width:10px; height:10px; background:#a0a7b5; margin:0;}
.banner.owl-theme .owl-dots .owl-dot.active span{background:#ffffff;}

.banner .item{ position:relative; width:100%; height:100%; display:block;}
.banner .item .title{ position: absolute; left:10%; top:29%; z-index:999; width:80%;}
.banner .item .title1{ color:#fff; font-size:92px; line-height:92px; display:block; margin-bottom:40px; font-weight: normal; width:100%; position:absolute; transition: all 1.6s;}
.banner .item .title2{ color:#fff; font-size:42px; line-height:42px; display:block; margin-bottom:56px; width:100%; position:absolute; transition: all 1.6s;}
.banner .item .more{ color:#fff; font-size:16px; width:174px; display: inline-block; text-align:center; border-radius:50px; line-height:50px; background:url(../images/index1.png) no-repeat center center;position:absolute;  transition: all 1.6s;}
.banner .item .title_s{ left:0;  text-align:center; width:100%;}
.banner .title_li{ text-align:center; position:absolute; transition: all 1.6s;}
.banner .title_li li{ display:inline-block; width:112px; height:112px; position:relative; border-radius:50%; text-align:center; background:url(../images/index2.png) no-repeat center center; margin:0 21px;}
.banner .title_li li em{ font-size:20px; color:#fff; line-height:28px; width:100%; position:absolute; top:50%; left:0; margin-top:-28px;}

.banner .item1{}
.banner .item1 .title1{ left:0; top:80px; opacity: 0; transition-delay: 0.3s;}
.banner .item1 .title2{ left:0; top:212px; opacity: 0; transition-delay: 0.6s;}
.banner .item1 .more{ left:0; top:310px; opacity:0; transition-delay: 0.9s;}

.banner .item2{}
.banner .item2 .title1{left:0;  top:120px; opacity: 0; transition-delay: 0.3s;}
.banner .item2 .title2{left:0px; top:232px; opacity: 0; transition-delay: 0.6s;}
.banner .item2 .title_li{left:50%; margin-left:-392px;top:310px; opacity:0; transition-delay: 0.9s;}

.banner .item3{}
.banner .item3 .title1{left:0; top:-80px; opacity: 0;transition-delay: 0.3s;}
.banner .item3 .title2{left:0; top:212px; opacity: 0;transition-delay: 0.6s;}
.banner .item3 .more{left:50%; margin-left:-115px; top:310px; opacity:0;transition-delay: 0.9s; }

.banner .active .item1{}
.banner .active .item1 .title1{ left:0; top:0; opacity: 1;}
.banner .active .item1 .title2{ left:0; top:132px; opacity: 1; }
.banner .active .item1 .more{ left:0; top:230px; opacity: 1; }

.banner .active .item2{}
.banner .active .item2 .title1{left:0; top:0; opacity: 1; animation-delay:0.3s;}
.banner .active .item2 .title2{left:0; top:132px; opacity: 1; animation-delay:0.6s;}
.banner .active .item2 .title_li{left:50%; margin-left:-392px; top:230px; opacity: 1; animation-delay:0.9s;}

.banner .active .item3{}
.banner .active .item3 .title1{left:0; top:0; opacity: 1; animation-delay:0.3s;}
.banner .active .item3 .title2{left:0; top:132px; opacity: 1; animation-delay:0.6s;}
.banner .active .item3 .more{left:50%; margin-left:-115px; top:230px; opacity: 1; animation-delay:0.9s;}

/*
.bg01 { position: absolute; bottom: -280px; left:50% ; width: 100px; margin: 0 0 0 -50px; height: 10px; opacity: 0; transition: all 1.7s; bottom: 90px\0;}
.active .bg01 { bottom:50% ; margin-bottom:15px ; opacity: 1; transition-delay: 0.7s; }
.ltie10 .bg01 {   bottom:50% ; margin-bottom:15px ;  transition-delay: 0.7s; }
*/

/**首页标题**/
.index_bt{ text-align:center;}
.index_bt .title{ display:block; font-size:48px; color:#323232; line-height:48px; padding:92px 58px 0;}
.index_bt .title1{ display:block; font-size:16px; color:#969696; line-height:30px; margin-top:40px;}

/**新一代**/
.xinyd_s{ margin-top:54px;}
.xinyd_s ul{}
.xinyd_s ul li{ width:25%; float:left; padding:46px 0; text-align:center;transition: 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: 0.4s ease-in-out;-o-transition: 0.4s ease-in-out; border-radius:6px;}
.xinyd_s ul li .img_w{ width:68px; height:68px; position:relative; margin:0 auto; overflow:hidden;}
.xinyd_s ul li .img1{ position:absolute; left:0; top:0;transition:all 0.5s;}
.xinyd_s ul li .img2{ position:absolute; left:0; top:68px;transition:all 0.5s;}
.xinyd_s ul li:hover .img1{ top:-68px;}
.xinyd_s ul li:hover .img2{top:0px;}
.xinyd_s ul li .title1{ font-size:22px; line-height:22px; margin-top:34px; display:block;}
.xinyd_s ul li .title2{ font-size:16px; line-height:26px; min-height:52px; color:#878f92; margin-top:18px; display:block;}
.xinyd_s ul li:hover{-webkit-box-shadow:0 0px 20px 5px #f9f9f9;-moz-box-shadow:0 0px 20px 5px #f9f9f9; box-shadow:0 0px 20px 5px #f9f9f9;}

/**我们的优势**/
.wmdys{ background:#f2f5fa; margin-top:104px; padding-bottom:88px;}
.wmdys_s{ margin-top:62px;}
.wmdys_s ul li{ float:left; width:23%; margin:0 1%; border-radius:4px; margin-bottom:40px;}
.wmdys_s ul li .kj{ padding:40px 46px; background:#fff;}
.wmdys_s ul li .img{ width:88px; height:88px; margin-right:24px;}
.wmdys_s ul li .title{}
.wmdys_s ul li .title1{ font-size:22px; line-height:22px; display:block;}
.wmdys_s ul li .title2{ font-size:16px; line-height:28px; min-height:56px; display:block; margin-top:16px; color:#878f92;}
.wmdys_s ul li:hover .kj{-webkit-box-shadow:0 0px 20px 5px #dedede;-moz-box-shadow:0 0px 20px 5px #dedede; box-shadow:0 0px 20px 5px #dedede;}

/**万词霸屏**/
.wcbp{}
.wcbp_s{ margin-top:60px;}
.wcbp_s ul li{ float:left; width:20%;}
.wcbp_s ul li .kj{ padding:0 56px; background:url(../images/index21.png) no-repeat right center;}
.wcbp_s ul li .title{ text-align:center;}
.wcbp_s ul li .title1{ font-size:22px; line-height:22px; display:block; margin-top:5px;}
.wcbp_s ul li .title2{ font-size:16px; line-height:26px; min-height:78px; display:block; margin-top:16px; color:#878f92;}

/**666家企业选择优推宝**/
.xzytb{ background:#f2f5fa; margin-top:94px; padding-bottom:128px;}
.xzytb_s_w{ width:76%; margin:0 auto;}
.xzytb_s{ margin-top:62px;}
.xzytb_s span{ display:block;}
.xzytb .owl-dots{ display:none;}
.xzytb .owl-nav{ position:absolute; top:50%; margin-top:-36px; left:0; height:72px; width:100%;}
.xzytb .owl-prev,.xzytb .owl-next{ width:72px; height:72px; position:absolute; top:0; font-size:0;}
.xzytb .owl-prev{ left:-122px; background-image:url(../images/index23.png);}
.xzytb .owl-next{ right:-122px; background-image:url(../images/index24.png);}
.xzytb .owl-prev:hover{ background-image:url(../images/index23_s.png);}
.xzytb .owl-next:hover{ background-image:url(../images/index24_s.png);}

/**合作客户**/
.hzkh_s{ margin:60px 3% 0;}
.hzkh_s ul{}
.hzkh_s ul li{ width:11.111%; float:left; padding:0 0; text-align:center;transition: 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: 0.4s ease-in-out;-o-transition: 0.4s ease-in-out;}
.hzkh_s ul li .img_w{ width:100%; position:relative; margin:0 auto; overflow:hidden;}
.hzkh_s ul li .img{ }
.hzkh_s ul li img:nth-child(1){ position:absolute; left:0; top:0;transition:all 0.5s;}
.hzkh_s ul li img:nth-child(2){ position:absolute; left:0; top:110px;transition:all 0.5s;}
.hzkh_s ul li:hover img:nth-child(1){ top:-110px;}
.hzkh_s ul li:hover img:nth-child(2){top:0px;}

/**为您介绍**/
.jies{ background:#f2f5fa; margin-top:128px; padding-bottom:128px;}
.jies_s{ width:78%; margin:60px auto 0;}
.jies_s .input1{ width:31%; margin-right:3.5%; margin-bottom:38px;}
.jies_s .input1 input{ width:100%; border:0; background:#fff; border-radius:6px; height:46px; font-family: "微软雅黑"; font-size:16px; color:#878f92; text-indent:20px;}
.jies_s .textarea1{ width:100%; border-radius:6px; background:#fff; border:none; font-size:16px; color:#878f92; text-indent:20px; line-height:46px; height:220px; font-family:"Microsoft YaHei"; margin-bottom:50px;}
.jies_s .sub{ border:none; background:#394f83; color:#fff; font-size:16px; height:54px; border:1px solid #c5ccdc; width:260px; border-radius:54px; margin:0 auto; display:block;}

/**新闻中心**/
.xwzx{}
.xwzx_s{ margin-top:70px; margin-bottom:66px;}
.xwzx_s ul li{ float:left; margin-bottom:60px; width:33.33%;}
.xwzx_s ul li .kj{ padding:0px 75px 0;}
.xwzx_s ul li .time{ width:68px; margin-right:30px; text-align:right;}
.xwzx_s ul li .time em{ font-size:26px; line-height:26px; display:block; font-family:'Helvetica';}
.xwzx_s ul li .time i{ font-size:14px; color:#878f92; line-height:14px; display:block; font-family:'Helvetica'; margin-top:18px;}
.xwzx_s ul li .title{ width:75%;}
.xwzx_s ul li .title1{ font-size:18px; line-height:20px; height:20px; overflow:hidden; display:block;text-overflow: ellipsis;white-space: nowrap;}
.xwzx_s ul li .title2{ font-size:14px; color:#878f92; line-height:26px; height:52px; overflow:hidden; display:block; margin-top:18px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.xwzx_s ul li:hover .time em{ color:#394f83;}
.xwzx_s ul li:hover .title1{ color:#394f83;}


/**footer**/
.footer{ background:#203360; padding:40px 0;}
.footer_nav{ text-align:center;}
.footer_nav li{ display:inline-block; padding:0 18px;}
.footer_nav li a{ font-size:14px; color:#56658a; line-height:16px;}
.footer_nav li a:hover{ color:#c6cad5; text-decoration:underline;}
.footer_title{font-size:14px; margin-top:22px; color:#56658a; line-height:24px; text-align:center;}

/*******关于我们*********/
.list_banner{ width:100%; height:400px; background-repeat:no-repeat; background-position: center center; background-size: auto 100%;}
.list_banner_title{ line-height:400px; font-size:54px; color:#fff; text-align: center;letter-spacing:6px; }

/**关于优推宝**/
.about_gy_s{ margin-top:60px; margin-bottom:42px;}
.about_gy_l{ width:766px; margin-right:92px; float:left;}
.about_gy_l p{ font-size:18px; color:#878f92; display:block; line-height:38px; text-indent:45px; margin-bottom:35px;}
.about_gy_r{ width:760px; padding-top:11px;}

/**数据**/
.shuj{ padding:108px 0; background:#f2f5fa;}
.shuj_s{}
.shuj_s li{ float:left; width:20%;}
.shuj_s li .kj{ padding:0 100px;}
.shuj_s li .title{ font-size:72px; line-height:72px; color:#384c83; position:relative; font-family:'Helvetica';}
.shuj_s li .title b{ font-weight:normal;}
.shuj_s li .title em{ font-size:14px; line-height:14px; position:absolute; top:0; right:-14px; font-weight:bold;}
.shuj_s li .title1{ font-size:20px; line-height:20px; color:#333333; margin-top:26px;}
.shuj_s li .sz{ display:none;}

/**公司荣誉**/
.gsry{}
.gsry_s{ text-align:center; margin:60px 0 166px;}
.gsry_s ul{ display: inline-block;}
.gsry_s ul li{ float:left; margin:0 45px;}
.gsry_s ul li .img{ display:block; margin:0 auto; border-radius:4px;}
.gsry_s ul li .title{ display:block; font-size:22px; line-height:22px; margin-top:30px;}

/**我们的优势**/
.gstd{ background:#f2f5fa; margin-top:104px; padding-bottom:88px;}
.gstd_s{ margin-top:62px;}
.gstd_s ul li{ float:left; width:20%;}
.gstd_s ul li .kj{ padding:0px 30px;}
.gstd_s ul li .img{ width:88px; height:88px; margin:0 auto; display:block;}
.gstd_s ul li .title{ text-align:center; margin-top:36px;}
.gstd_s ul li .title1{ font-size:22px; line-height:22px; display:block;}
.gstd_s ul li .title2{ font-size:16px; line-height:28px; min-height:56px; display:block; margin-top:16px; color:#878f92;}

/**客户分布**/
.khfb{ background:url(../images/index34.jpg) bottom center no-repeat; padding-bottom:88px;}
.khfb_s{}
.khfb_s .img{ display:block; margin:58px auto 0;}


/**合作共赢**/
.hzgy{}
.hzgy_s{ margin:58px 13% 128px;}
.hzgy_s ul{}
.hzgy_s ul li{ width:14.28%; float:left; padding:0 0; text-align:center;transition: 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: 0.4s ease-in-out;-o-transition: 0.4s ease-in-out;}
.hzgy_s ul li .img_w{ width:100%; height:auto; position:relative; margin:0 auto; overflow:hidden;}
.hzgy_s ul li img:nth-child(1){ position:absolute; left:0; top:0;transition:all 0.5s;}
.hzgy_s ul li img:nth-child(2){ position:absolute; left:0; top:110px;transition:all 0.5s;}
.hzgy_s ul li:hover img:nth-child(1){ top:-110px;}
.hzgy_s ul li:hover img:nth-child(2){top:0px;}


/*******成功案例************/
.cgal_t{ padding:36px 0;}
.cgal_t_l{ float:left; width:60%;}
.cgal_t_l .kj{ padding:10px 0;}
.cgal_t_l .kj em{ font-size:16px; color:#; line-height:30px;}
.cgal_t_l .kj span{ width:80%;}
.cgal_t_l .kj span a{ font-size:16px; line-height:30px; display:block; float:left; color:#878f92; padding:0 14px; margin:0 6px;}
.cgal_t_l .kj span a:hover{ background:#384c83; color:#fff; border-radius:4px;}
.cgal_t_l .kj span a.on{ background:#384c83; color:#fff; border-radius:4px;}
.cgal_t_r{ float:right; position:relative; padding-right:60px; margin-top:20px;}
.cgal_t_r .input1{ float:left; width:228px; height:40px; border:1px solid #e0e0e0; border-radius:4px 0 0 4px; text-indent:20px; font-size:16px;}
.cgal_t_r .input2{ float:left; width:60px; height:100%; position:absolute; right:0; border-radius:0 4px 4px 0; border:1px solid #384c83; background:#384c83 url(../images/index36.png) no-repeat center center; color:#fff;}

.cgal_list{ background:#f2f5fa; padding-bottom:140px; padding-top:46px;}
.cgal_list_s{}
.cgal_list_s li{ width:22%; margin-right:4%; float:left; margin-bottom:48px; border-radius:4px 4px 0 0;}
.cgal_list_s li a{ display:block; background:#fff;-webkit-box-shadow:0 0 10px 5px #eceff3;-moz-box-shadow:0 0 10px 5px #eceff3; box-shadow:0 0 8px 1px #eceff3;}
.cgal_list_s li a .img{ display:block; width:100%;}
.cgal_list_s li a .title{ display:block; line-height:68px; height:68px; font-size:20px; overflow:hidden;text-overflow: ellipsis;white-space: nowrap; text-align:center;}
.cgal_list_s li:hover a .title{ color:#394f83;}

.pages{ width:100%; text-align:center; margin:56px 0 0px;}
.pages ul { display:inline-block;}
.pages ul li {line-height:36px;font-size:16px; border:1px solid #edf0f5; background:#fff; float:left;}
.pages ul li a {color:#878f92;display:block; padding:0 14px;}
.pages ul li:hover{background-color:#384c83; color:#FFF;}
.pages ul li:hover a{ color:#FFF;}
.pages ul li.thisclass,.pages ul li.thisclass a,.pagebox ul li.thisclass a:hover {background-color:#384c83; color:#FFF;}
.pages .prev,.pages .next{ background-repeat:no-repeat; background-position:center center;}
.pages .prev{ background-image:url(../images/index39.png);}
.pages .next{ background-image:url(../images/index38.png);}
.pages .prev:hover{ background-image:url(../images/index39_s.png);}
.pages .next:hover{ background-image:url(../images/index38_s.png);}


.page_n{text-align: center;}
.pages01 {font-size: 16px;  padding: 1.5em 0;text-align:center;display: inline-block; }
.pages01 a { font-size: 16px; color: #878f92;padding:6px 12px;background: #fff;float: left;margin: 1px;}
/*
.pages01 a:first-child{font-family: "宋体";}
.pages01 a:last-child{font-family: "宋体";}
*/
.pages01 a.active, .pages a:hover { color: #fff; 	background-color:#008bdf; }

  /*****************************************************************/
.fy{border-top: 1px dashed #ccc; margin-top: 10px; padding-top: 10px;}
.fy a{color: #555; text-decoration: none; }


/******行业动态*******/
.list_nav{ text-align:center; padding:36px 0;}
.list_nav ul{ display:inline-block;}
.list_nav li{ float:left; margin:0 19px;}
.list_nav li a{ display:block; font-size:16px; color:#878f92;line-height:30px; padding:0 14px;}
.list_nav li a:hover{ background:#384c83; color:#fff; border-radius:4px;}
.list_nav li a.on{ background:#384c83; color:#fff; border-radius:4px;}

.list_news li{ background:#fff; float:left; width:48.5%; margin-right:3%; margin-bottom:46px;}
.list_news li .kjs{ padding:31px;}
.list_news li .img{ margin-right:20px; width:200px; height:190px; overflow:hidden;}
.list_news li .img a{ display:block;}
.list_news li .img a img{ width:100%; height:auto;}
.list_news li .kj{}
.list_news li .kj .title{ font-size:18px; color:#323232; line-height:40px; height:40px; display:block; overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.list_news li .kj .title1{ display:block; overflow:hidden; font-size:14px; line-height:26px; max-height:78px; margin-top:6px; color:#878f92; font-size:14px;}
.list_news li .kj .title2{ display:block; font-size:14px; line-height:22px; margin-top:14px; overflow:hidden; color:#878f92; font-size:14px;}
.list_news li .kj .title2 em{ line-height:24px; margin-right:28px;}
.list_news li .kj .title2 i{ background:#febe33; border-radius:3px; color:#ffffff; padding:0 11px;}
.list_news li .kj .title2 .more{ font-size:14px; border:1px solid #e6e6e6; color:#c8c8c8; padding:0 12px;}
.list_news li .kj .title2 .more:hover{ color:#0396d9; border:1px solid #0396d9;}
.list_news li:hover{}
.list_news li:hover .title{ color:#394f83;}

.news_article{}
.news_article .title{ font-size:40px; color:#; text-align:center; line-height:50px; display:block; margin-top:14px;}
.news_article .title1{ font-size:14px; line-height:30px; color:#878f92; text-align:center; display:block; margin-top:22px;}
.article_con{ background:#fff; width:94%; margin:32px auto 0; padding:80px 0; font-size:16px; color:#747b7e; line-height:30px;}
.article_con p,.article_con span,.article_con a,.article_con div{ font-size:16px; color:#747b7e;}
.article_con p img{display:block;width:100%;}
.sx_p{ margin-top:40px;}
.sx_p a{ padding:0 36px; display:block; float:left; font-size:16px; border:1px solid #878f92; line-height:40px; border-radius:4px; margin-right:53px; color:#878f92;}
.sx_p a:hover{ border:1px solid #394f83; color:#394f83;}

.zsjm_banner{}
.zsjm_banner .img{ display:block; width:100%;}

/**********招商加盟************/
/**市场前景**/
.scqj{ text-align:center;}
.scqj ul{ display:inline-block; width:65%;}
.scqj ul li{ width:46%; margin-right:8%; -webkit-box-shadow:0 0px 40px 5px #f9f9f9;-moz-box-shadow:0 0px 40px 5px #f9f9f9; box-shadow:0 0px 40px 5px #f9f9f9;}
.scqj ul li .kj{ padding:0 60px;}
.scqj ul li:hover{ -webkit-box-shadow:0 0px 40px 5px #f9f9f9;-moz-box-shadow:0 0px 40px 5px #f9f9f9; box-shadow:0 0px 40px 5px #f9f9f9;}

/**项目优势**/
.xmys{ width:64%; text-align:center; margin:64px auto 0;}
.xmys ul{ display:inline-block;}
.xmys ul li{ text-align:center; width:29%; margin-left:0; margin-right:6.5%;}
.xmys ul li .img{ display: block; text-align:center; margin-right: auto !important; margin:0 auto;}
.xmys ul li .title1{ margin-top:32px;}
.xmys ul li .title2{ min-height:112px;}


/**运营优势**/
.yyys{}
.yyys_s{ margin-top:60px; width:90%; margin:60px auto 0;}
.yyys_s ul li{ float:left; width:11%; margin:0 4.5%;}
.yyys_s ul li .kj{ padding:0 ;}
.yyys_s ul li .title{ text-align:center;}
.yyys_s ul li .title1{ font-size:16px; line-height:26px; display:block; margin-top:20px;}

/**利润回报**/
.lrhb{ background:#f2f5fa; margin-top:116px; padding-bottom:128px;}
.lrhb_s1{ text-align:center; margin-top:62px;}
.lrhb_s1 span{ display:inline-block;}
.lrhb_s1 span p{ float:left; margin:0 65px;}
.lrhb_s1 span img{}
.lrhb_s1 span p:hover img{-webkit-animation: swi 1s ease-in-out;-o-animation: swi 1s ease-in-out;animation: swi 1s ease-in-out;}
.lrhb_s1 span em{ display:block; font-size:22px; line-height:22px; margin-top:22px;}


.lrhb_s2 { width:64%; margin:54px auto 0;}
.lrhb_s2 ul li{ float:left; width:20%; margin:0 5% 0 0;}
.lrhb_s2 ul li .kj{ padding:50px 0; background:#fff; border-radius:4px;-webkit-box-shadow:0 0px 20px 5px #d5d5d5;-moz-box-shadow:0 0px 20px 5px #d5d5d5; box-shadow:0 0px 20px 5px #d5d5d5;}
.lrhb_s2 ul li .title{ text-align:center;}
.lrhb_s2 ul li .title1{ font-size:16px; line-height:26px; display:block; margin-top:4px;}

/**总部支持**/
.zbzc_s{ width:70%; margin:60px auto 124px;}
.zbzc_s ul li{ float:left; width:17%; margin-right:10.5%;}
.zbzc_s ul li .kj{ padding:0px;}
.zbzc_s ul li .img{margin:0 auto; display:block;}
.zbzc_s ul li .title{ text-align:center; margin-top:36px;}
.zbzc_s ul li .title1{ font-size:22px; line-height:22px; display:block;}
.zbzc_s ul li .title2{ font-size:16px; line-height:28px; min-height:56px; display:block; margin-top:16px; color:#878f92;}


/********联系我们*********/
.lxwm{}
.lxwm_t{ margin:92px 0 100px;}
.lxwm_t li{ float:left; width:23%; margin:0 1%; text-align:center;}
.lxwm_t li .title1{ font-size:22px; line-height:22px; margin-top:34px;}
.lxwm_t li .title2{ line-height:26px; font-size:16px; color:#878f92; margin-top:14px; font-family:'Helvetica';}
.lxwm_t li a{ display:block; width:118px; height:38px; line-height:38px; margin:0 auto; font-size:16px; color:#384c83; font-family:'Helvetica'; font-weight:700; margin-top:18px; border:1px solid #384c83; border-radius:38px;}
.lxwm_t li a:hover{ background:#394f83; color:#FFF;}

.lxwm_b{ background:#f2f5fa; padding:90px 10%;}
.lxwm_b .title1{ font-size:30px; line-height:30px; display:block;}
.lxwm_b .title2{ font-size:16px; color:#878f92; line-height:30px; display:block;}
.lxwm_b .title3{ margin-top:34px; background:url(../images/index75.png) no-repeat left center; padding-left:24px;}
.lxwm_b .title4{ background:url(../images/index76.png) no-repeat left center; padding-left:22px;}

.lxwm_b_s{ background:#f2f5fa; width:100%; overflow:hidden;}

#dituContent{width:100%; border:none; height:550px;border:0; margin:0 auto;}

.footer_p{ width:120px; position:fixed; right:2%; top:20%; z-index:999;}
.footer_p ul li{ background:#394f83; border-radius:4px; margin-bottom:6px; position:relative;}
.footer_p ul li .kj{ text-align:center; padding: 14px 0; position:relative; z-index:99;}
.footer_p ul li .kj img{ display:block; margin:0 auto;}
.footer_p ul li .kj p{ color:#ffffff; font-size:14px; line-height:15px; margin-top:6px;}
.footer_p .gb_zms{position:absolute; top:-16px; right:-10px; cursor:pointer;}
.footer_p .ewm .kj{ background:#fff; border:1px solid #e0e0e0; padding:12px 16px; border-radius:4px;}
.footer_p .ewm p{ font-size:14px; line-height:14px; margin-top:10px; text-align:center;}
.footer_p .kj_l{ position:absolute; right:-100px; opacity:0; top:-3px; width:192px; padding:18px 10px 18px 14px; border:1px solid #e0e0e0; background:#fff; border-radius:4px; transition: all 1s;}
.footer_p .kj_l .img{ margin-right:12px;}
.footer_p .kj_l p{ font-size:14px;}
.footer_p .kj_l span{ font-size:18px;}
.footer_p .kj_l em{ width:6px; height:11px; position:absolute; right:-5px; top:50%; margin-top:-6px; background:url(../images/footer6.png) no-repeat center center;}
.footer_p ul li:hover .kj_l{ opacity:1; right:132px;}

.footer_t{ position:fixed; right:3%; bottom:10%; width:65px; height:65px; border-radius:50%;  z-index:999;}




@media only screen and (max-width:1660px)  {
	.banner .item .title1{ font-size:72px; line-height:92px;}
	.banner .item .title2{ font-size:32px; line-height:42px;}
	.banner .item .more{ font-size:16px; width:174px; border-radius:50px; line-height:50px;}
	.banner .item .more{ font-size:16px; width:174px;border-radius:50px; line-height:50px;}
	.banner .title_li{ text-align:center; position:absolute; transition: all 1.6s;}
	.banner .title_li li{ width:112px; height:112px;}
	.banner .title_li li em{ font-size:20px; line-height:28px;margin-top:-28px;}
	
	.banner .item1 .title1{top:80px;}
	.banner .item1 .title2{top:212px;}
	.banner .item1 .more{top:310px;}
	
	.banner .active .item1 .title1{top:0;}
	.banner .active .item1 .title2{top:112px;}
	.banner .active .item1 .more{top:200px;}
	
	.banner .item2 .title1{ top:80px;}
	.banner .item2 .title2{left:0px; top:142px;}
	.banner .item2 .title_li{margin-left:-392px;top:310px;}
	
	.banner .active .item2 .title1{top:0;}
	.banner .active .item2 .title2{top:112px;}
	.banner .active .item2 .title_li{margin-left:-392px; top:200px;}
	
	.banner .item3 .title1{top:-80px;}
	.banner .item3 .title2{top:212px;}
	.banner .item3 .more{margin-left:-87px; top:310px; }
	
	.banner .active .item3 .title1{top:0;}
	.banner .active .item3 .title2{top:112px;}
	.banner .active .item3 .more{margin-left:-87px; top:200px;}
	
	/**首页标题**/
	.index_bt{ text-align:center;}
	.index_bt .title{ display:block; font-size:42px; color:#323232; line-height:42px; padding:85px 52px 0;}
	.index_bt .title1{ display:block; font-size:15px; color:#969696; line-height:30px; margin-top:36px;}

	.wmdys_s ul li .kj{ padding:34px 30px;}
	.wmdys_s ul li .img{ width:80px; height:80px; margin-right:20px;}
	.wmdys_s ul li .title1{ font-size:18px; line-height:18px; display:block;}
	.wmdys_s ul li .title2{ font-size:14px; line-height:24px; min-height:48px; margin-top:14px;}
	
	.xwzx_s ul li .time{margin-right:22px;}
	.xwzx_s ul li .title{width: 70%;}
	
	/*******************/
	.wrap1{ width:90%; margin:0 auto;}
		
	/**关于优推宝**/
	.about_gy_s{ margin-top:60px; margin-bottom:42px;}
	.about_gy_l{ width:48%; margin-right:4%; float:left;}
	.about_gy_l p{ font-size:17px; color:#878f92; display:block; line-height:32px; text-indent:34px; margin-bottom:24px;}
	.about_gy_r{ width:48%; padding-top:11px;}
	
	/**数据**/
	.shuj{ padding:108px 0;}
	.shuj_s li{ float:left; width:20%;}
	.shuj_s li .kj{ padding:0 80px;}
	.shuj_s li .title{ font-size:66px; line-height:66px;}
	.shuj_s li .title b{ font-weight:normal;}
	.shuj_s li .title em{ font-size:14px; line-height:14px; position:absolute; top:0; right:-14px; font-weight:bold;}
	.shuj_s li .title1{ font-size:18px; line-height:20px; color:#333333; margin-top:26px;}
	.shuj_s li .sz{ display:none;}
	
	/**关于优推宝**/
	.about_gy_s{ margin-top:60px; margin-bottom:42px;}
	.about_gy_l{ width:48%; margin-right:4%; float:left;}
	.about_gy_l p{ font-size:16px; color:#878f92; display:block; line-height:30px; text-indent:32px; margin-bottom:18px;}
	.about_gy_r{ width:48%; padding-top:11px;}
	
	.shuj_s li .kj{ padding:0 70px;}
	.shuj_s li .title{ font-size:60px; line-height:60px;}
	.shuj_s li .title1{ font-size:17px; margin-top:24px;}
	
	/**市场前景**/
	.scqj{ text-align:center;}
	.scqj ul{ display:inline-block; width:65%;}
	.scqj ul li{ width:46%; margin-right:6%;}
	.scqj ul li .kj{ padding:0 30px;}
	.scqj ul li:hover{ -webkit-box-shadow:0 0px 40px 5px #f9f9f9;-moz-box-shadow:0 0px 40px 5px #f9f9f9; box-shadow:0 0px 40px 5px #f9f9f9;}
	.scqj ul li .title1{ font-size:18px; line-height:24px; margin-top:24px; display:block;}
	
	.lrhb_s2 { width:80%; margin:54px auto 0;}
	
}

@media only screen and (max-width:1440px)  {
	.wmdys_s ul li .kj{ padding:34px 20px;}
	.wmdys_s ul li .img{ width:70px; height:70px; margin-right:16px;}
	.wmdys_s ul li .title1{ font-size:17px; line-height:17px; display:block;}
	.wmdys_s ul li .title2{ font-size:15px; line-height:22px; min-height:44px; margin-top:12px;}
	
	/**关于优推宝**/
	.about_gy_l p{ font-size:15px; color:#878f92; display:block; line-height:26px; text-indent:30px; margin-bottom:16px;}
	
	.shuj{ padding:94px 0;}
	.shuj_s li .kj{ padding:0 60px;}
	.shuj_s li .title{ font-size:60px; line-height:60px;}
	.shuj_s li .title1{ font-size:16px; margin-top:24px;}
	
	.xmys ul li{ text-align:center; width:31.33%; margin-left:0; margin-right:3%;}
	.xmys ul li .title2{ font-size:14px; line-height:22px; min-height:88px; margin-top:14px;}

	/**运营优势**/
	.yyys{}
	.yyys_s{width:90%; margin:40px auto 0;}
	.yyys_s ul li{ float:left; width:15%; margin:0 2.5%;}
	
	.xinyd_s ul li .title2{ font-size:16px; line-height:26px; min-height:104px; color:#878f92; margin-top:18px; display:block;}


}

@media only screen and (max-width:1366px)  {
	.wmdys_s ul li .kj{ padding:28px 16px;}
	.wmdys_s ul li .img{ width:60px; height:60px; margin-right:12px;}
	.wmdys_s ul li .title1{ font-size:15px; line-height:15px; display:block;}
	.wmdys_s ul li .title2{ font-size:14px; line-height:20px; min-height:40px; margin-top:8px;}
	
	.xwzx_s ul li .kj{ padding:0px 40px 0;}
	.xwzx_s ul li .time{ width:68px; margin-right:20px;}
	.xwzx_s ul li .time em{ font-size:20px; line-height:20px;}
	.xwzx_s ul li .time i{ font-size:13px; line-height:14px; margin-top:12px;}
	.xwzx_s ul li .title{ width:75%;}
	.xwzx_s ul li .title1{ font-size:16px; line-height:16px; height:16px;}
	.xwzx_s ul li .title2{ font-size:14px;line-height:22px; height:44px; margin-top:10px;}
	
	.list_news li{ background:#fff; float:left; width:48.5%; margin-right:3%; margin-bottom:26px;}
	.list_news li .kjs{ padding:20px;}
	.list_news li .img{ margin-right:20px; width:160px; height:152px; overflow:hidden;}
	.list_news li .kj .title1{ display:block; overflow:hidden; font-size:13px; line-height:20px; max-height:60px; margin-top:0px; color:#878f92;}
	

	.cgal_list{ padding-bottom:100px; }
	.news_article{}
	.news_article .title{ font-size:28px; line-height:36px; margin-top:10px;}
	.news_article .title1{ font-size:13px; line-height:24px; margin-top:14px;}
	.article_con{ background:#fff; width:94%; margin:32px auto 0; padding:50px 0; font-size:16px; color:#747b7e; line-height:30px;}
	.article_con p,.article_con span,.article_con a,.article_con div{ font-size:16px; color:#747b7e;}
	
	.xmys{ width:74%;}
	.xmys ul li{ text-align:center; width:31.33%; margin-left:0; margin-right:3%;}
	.xmys ul li .title2{ font-size:14px; line-height:22px; min-height:88px; margin-top:14px;}
	
	/**运营优势**/
	.yyys_s{width:92%; margin:40px auto 0;}
	.yyys_s ul li{ float:left; width:18%; margin:0 1%;}
	

	.lxwm_b{ background:#f2f5fa; padding:60px 10%;}
	.lxwm_b .title1{ font-size:24px; line-height:30px; display:block;}
	.lxwm_b .title2{ font-size:16px; color:#878f92; line-height:30px; display:block;}
	.lxwm_b .title3{ margin-top:14px; background:url(../images/index75.png) no-repeat left center; padding-left:24px;}
	.lxwm_b .title4{ background:url(../images/index76.png) no-repeat left center; padding-left:22px;}
	
	#dituContent{ height:450px;border:0;}
	
	.banner .owl-dots{ bottom:46px;}
	
}

@media only screen and (max-width:1280px)  {
	.xinyd_s ul li .title1{ font-size:20px; line-height:20px; margin-top:30px;}
	.xinyd_s ul li .title2{ font-size:13px; line-height:22px; min-height:44px; margin-top:14px;}
	
	.wmdys_s ul li .title2{ font-size:13px;}
	
	.xwzx_s ul li .title{ width:72%;}
	.xwzx_s ul li{ margin-bottom:40px;}
	
	/**我们的优势**/
	.gstd{ margin-top:90px; padding-bottom:78px;}
	.gstd_s{ margin-top:42px;}
	.gstd_s ul li{ float:left; width:20%;}
	.gstd_s ul li .kj{ padding:0px 20px;}
	.gstd_s ul li .img{ width:70px; height:70px;}
	.gstd_s ul li .title{ text-align:center; margin-top:30px;}
	.gstd_s ul li .title1{ font-size:18px; line-height:18px; display:block;}
	.gstd_s ul li .title2{ font-size:14px; line-height:22px; display:block; margin-top:14px; color:#878f92;}
	
	.cgal_t_l{ float:none; width:100%;}
	.cgal_t_r{ float:left; position:relative; padding-right:60px; margin-top:20px;}
	.cgal_list_s li a .title{ display:block; line-height:48px; height:48px; font-size:16px; overflow:hidden;text-overflow: ellipsis;white-space: nowrap; text-align:center;}
	
	.scqj ul{ display:inline-block; width:80%;}
	.scqj ul li{ width:48%; margin:0 1%;}
	.scqj ul li .title1{ font-size:16px; line-height:24px; margin-top:24px; display:block;}
	.scqj ul li .img_w{ width:48px; height:48px; }
	.scqj ul li .img_w img{ height:48px; width:auto;}
	.scqj ul li .title2{ min-height:88px;}
	
	.yyys_s ul li .title1{ font-size:14px; line-height:24px; display:block; margin-top:14px;}
	
	.lrhb_s2 ul li .kj{ padding:30px 2%; background:#fff;}
	.lrhb_s2 ul li .kj img{ width:60%;}
	.lrhb_s2 ul li .title1{ font-size:14px; line-height:24px; display:block; margin-top:6px;}
	
	.zbzc_s{ width:80%; margin:60px auto 124px;}
	.zbzc_s ul li{ float:left; width:21%; margin:0 2%;}
	.zbzc_s ul li .title{ text-align:center; margin-top:16px;}
	.zbzc_s ul li .title1{ font-size:18px; line-height:18px; display:block;}
	.zbzc_s ul li .title2{ font-size:14px; line-height:22px; margin-top:6px;}

	.gsry_s ul{ width:90%;}
	.gsry_s ul li{ width:31.33%; margin:0; margin-right:2%;}
	
	.banner .owl-dots{ bottom:32px;}

}

.pc{ display: block !important;}
.wap{ display:none !important;}

.nav_wap_i{display: inline-block;width: 32px;height: 32px;background: url(../images/wap_nav.png);background-size: cover; display:none; margin-top:23px; margin-right:20px;}
.nav_wap_is{width: 32px;height: 32px;font-size: 24px; line-height:20px;	text-align: center;	transition: all .2s ease-in-out;cursor: pointer;margin-right: 4px; margin-top:12px; margin-bottom:12px; display:none;}
.nav_wap_is::after {content: '×';display: block;width: 100%;height: 100%;line-height: 32px;text-align: center;color: rgba(0,0,0,.64);transition: all .2s ease-in-out;}

@media only screen and (max-width:1024px)  {
	.pc{ display:none !important;}
	.wap{ display:block !important;}
	
	.head{ z-index: 9999;}
	
	.nav_wap_i{ display:block;}
	.nav_wap_is{ display:block;}
	.nav{padding:0px 0 0px;background: rgba(255,255,255,.98); position: fixed; left:0; top:0; width:100%; height:100%; display:none;}
	.nav ul{ clear:both;}
	.nav ul li{ float:none; height:50px; line-height:50px; margin-left:0px; text-align:center; border-bottom:1px solid #dedede; width:100%;}
	.nav ul li a{ color:#666; font-size:14px; padding:0 24px; display:block; border-radius:4px; background-image:none;}
	.nav ul li a em{ display:none;}
	.nav ul li.on a{ color:#394f83; background-image:url(../images/nav.png);}
	.nav ul li:hover a{background-image:url(../images/nav.png);}
	.nav ul li:hover a{ color:#394f83;}
	
	.head_zx{ width:108px; height:30px; line-height:30px; text-indent:35px; margin:24px 20px 0px 23px;}
	
	.logo{ margin:20px 0 0 40px;}
	.logo img{ width:120px;}
	
	
	.banner .item .title1{ font-size:52px; line-height:52px;}
	.banner .item .title2{ font-size:22px; line-height:22px;}
	.banner .item .more{ font-size:14px; width:124px; border-radius:36px; line-height:36px;}
	.banner .item .more{ font-size:14px; width:124px;border-radius:36px; line-height:36px;}
	.banner .title_li li{ width:82px; height:82px;margin: 0 10px;}
	.banner .title_li li em{ font-size:15px; line-height:22px;margin-top:-22px;}
	
	.banner .item1 .title1{top:60px;}
	.banner .item1 .title2{top:140px;}
	.banner .item1 .more{top:200px;}
	
	.banner .active .item1 .title1{top:0;}
	.banner .active .item1 .title2{top:80px;}
	.banner .active .item1 .more{top:140px;}
	
	.banner .item2 .title1{ top:60px;}
	.banner .item2 .title2{left:0px; top:120px;}
	.banner .item2 .title_li{margin-left:-262px;top:200px;}
	
	.banner .active .item2 .title1{top:0;}
	.banner .active .item2 .title2{ top:80px;}
	.banner .active .item2 .title_li{margin-left:-262px; top:130px;}
	
	.banner .item3 .title1{top:-80px;}
	.banner .item3 .title2{top:212px;}
	.banner .item3 .more{margin-left:-62px; top:310px; }
	
	.banner .active .item3 .title1{top:0;}
	.banner .active .item3 .title2{top:80px;}
	.banner .active .item3 .more{margin-left:-62px; top:140px;}
	
	
	/**首页标题**/
	.index_bt{ text-align:center;}
	.index_bt .title{ display:block; font-size:32px; line-height:32px; padding:65px 22px 0;}
	.index_bt .title1{ font-size:13px; line-height:22px; margin-top:22px;}
	
	.xinyd_s{ margin-top:34px;}
	.xinyd_s ul li{ width:50%; padding:36px 0;}
	.xinyd_s ul li .img_w{ width:48px; height:48px; position:relative; margin:0 auto; overflow:hidden;}
	.xinyd_s ul li:hover .img1{ top:-48px;}
	.xinyd_s ul li .title1{ font-size:18px; line-height:18px; margin-top:24px;}
	.xinyd_s ul li .title2{ font-size:14px; line-height:22px; margin-top:14px;}
	
	/**我们的优势**/
	.wmdys{ background:#f2f5fa; margin-top:74px; padding-bottom:68px;}
	.wmdys_s{width:680px; margin:0 auto; margin-top:42px; }
	.wmdys_s ul li{ width:48%;}
	/**万词霸屏**/
	.wcbp{}
	.wcbp_s{ margin-top:40px; text-align:center;}
	.wcbp_s ul li{ float:none; display: inline-block; width:31%;}
	.wcbp_s ul li .kj{ padding:0 36px; background:url(../images/index21.png) no-repeat right center;}
	.wcbp_s ul li .kj .img{ width:80px; height:80px;}
	.wcbp_s ul li .title1{ font-size:18px; line-height:18px; display:block; margin-top:5px;}
	.wcbp_s ul li .title2{ font-size:14px; line-height:22px; min-height:66px; display:block; margin-top:16px; color:#878f92;}
	/**666家企业选择优推宝**/
	.xzytb{ background:#f2f5fa; margin-top:64px; padding-bottom:80px;}
	
	.xzytb .owl-prev{ left:-100px;}
	.xzytb .owl-next{ right:-100px;}
	
	/**为您介绍**/
	.jies{ background:#f2f5fa; margin-top:88px; padding-bottom:88px;}
	
	.xwzx_s ul li .time{ width:100%; float:none; margin-right:20px; padding-bottom:10px;}
	.xwzx_s ul li .time em{ float:left;}
	.xwzx_s ul li .time i{ float: left; margin-top:4px; margin-left:10px; margin-top:6px;}
	
	.xwzx_s ul li .title{ width:100%;}
	
	.wcbp_s_wrap.owl-theme .owl-nav{ display:none !important;}
		
	/**关于优推宝**/
	.about_gy_s{ margin-top:60px; margin-bottom:42px;}
	.about_gy_l{ width:50%; margin-right:2%; float:left;}
	.about_gy_l p{ font-size:14px; line-height:22px; text-indent:32px; margin-bottom:12px;}
	.about_gy_r{ width:48%; padding-top:11px;}
	
	
	.shuj_s li .kj{ padding:0 40px;}
	.shuj_s li .title{ font-size:50px; line-height:50px;}
	.shuj_s li .title1{ font-size:15px; margin-top:20px;}
	
	.scqj ul li{ width:48%; margin:0 1%;}
	.scqj ul li .title1{ font-size:15px; line-height:20px; margin-top:20px; display:block;}
	.scqj ul li .title2{ font-size:13px; line-height:20px; margin-top:6px;}
	
	.xmys{ width:74%;}
	.xmys ul li{ text-align:center; width:31.33%; margin-left:0; margin-right:3%;}
	.xmys ul li .title2{ font-size:14px; line-height:22px; min-height:88px; margin-top:14px;}

	/**运营优势**/
	.yyys_s{width:92%; margin:40px auto 0;}
	.yyys_s ul li{ float:left; width:96%; margin:0 4%;}
	.yyys_s ul li .kj img{ width:50%; max-width:116px;}
	.yyys_s_wrap.owl-theme .owl-dots{ display:block; width:100%; text-align:center; margin-top:30px;}
	.yyys_s_wrap.owl-theme .owl-controls {position: absolute;bottom: -30px;width: 100%;text-align: center;}
	.yyys_s_wrap.owl-theme .owl-dots .owl-dot{ width:10px; margin:0 1%;}
	.yyys_s_wrap.owl-theme .owl-dots .owl-dot span{ width:6px; height:6px; background:#999;}
	.yyys_s_wrap.owl-theme .owl-dots .owl-dot.active span{ background:#394f83;}
	.yyys_s_wrap.owl-theme .owl-nav{ display:none !important;}

	/**总部支持**/
	.zbzc_s{ width:90%; margin:40px auto;}
	.zbzc_s ul li .img{ width:50%; max-width:116px;}
	.zbzc_s ul li{ float:left; width:100%; margin:0 0%;}
	.zbzc_s_wrap.owl-theme .owl-dots{ display:block; width:100%; text-align:center; margin-top:30px;}
	.zbzc_s_wrap.owl-theme .owl-controls {position: absolute;bottom: -30px;width: 100%;text-align: center;}
	.zbzc_s_wrap.owl-theme .owl-dots .owl-dot{ width:10px; margin:0 1%;}
	.zbzc_s_wrap.owl-theme .owl-dots .owl-dot span{ width:6px; height:6px; background:#999;}
	.zbzc_s_wrap.owl-theme .owl-dots .owl-dot.active span{ background:#394f83;}
	.zbzc_s_wrap.owl-theme .owl-nav{ display:none !important;}
	

	.lxwm_b{ padding:40px 10%;}
	.lxwm_b .fl{ float:none;}
	.lxwm_b .fr{ float:none; margin-top:30px;}
	.lxwm_b .title1{ font-size:18px; line-height:30px; display:block;}
	.lxwm_b .title2{ font-size:14px; color:#878f92; line-height:24px; display:block;}
	.lxwm_b .title3{ margin-top:4px; background:url(../images/index75.png) no-repeat left center; padding-left:24px; margin-bottom:4px;}
	.lxwm_b .title4{ background:url(../images/index76.png) no-repeat 0 2px; padding-left:22px;}
	
	#dituContent{ height:450px;border:0;}
	
	/********联系我们*********/
	.lxwm{}
	.lxwm_t{ margin:92px 0 100px;}
	.lxwm_t li{ float:left; width:23%; margin:0 1% 40px; text-align:center;}
	.lxwm_t li .title1{ font-size:18px; line-height:18px; margin-top:34px;}
	.lxwm_t li .title2{ line-height:20px; font-size:14px; color:#878f92; margin-top:12px; font-family:'Helvetica';}
	.lxwm_t li a{ display:block; width:98px; height:28px; line-height:28px; margin:0 auto; font-size:14px; color:#384c83; font-family:'Helvetica'; font-weight:700; margin-top:18px; border:1px solid #384c83; border-radius:28px;}
	.lxwm_t li a:hover{ background:#394f83; color:#FFF;}
	
	
	.footer_p{ display:none;}
	
}


@media only screen and (max-width:800px)  {
	
	/**首页标题**/
	.index_bt{ text-align:center;}
	.index_bt .title{ display:block; font-size:26px; line-height:26px; padding:55px 10% 0;}
	.index_bt .title1{ font-size:13px; line-height:22px; margin-top:22px; padding:0 10%;}
	
	.xwzx_s ul li .kj{ padding:0px 20px 0;}
	.xwzx_s{ margin-top:70px; margin-bottom:46px;}
	
	/**万词霸屏**/
	.wcbp{}
	.wcbp_s{ margin-top:40px; text-align:center;}
	.wcbp_s ul li{ float:none; display:block; width:100%;}
	.wcbp_s ul li .kj{ padding:0 36px; background:none !important;}
	.wcbp_s ul li .kj .img{ width:80px; height:80px;}
	.wcbp_s ul li .title1{ font-size:18px; line-height:18px; display:block; margin-top:5px;}
	.wcbp_s ul li .title2{ font-size:14px; line-height:22px; min-height:66px; display:block; margin-top:16px; color:#878f92;}
	.wcbp_s_wrap.owl-theme .owl-dots{ display:block; width:100%; margin-top:12px;}
	.wcbp_s_wrap.owl-theme .owl-controls {position: absolute;bottom: -30px;width: 100%;text-align: center;}
	.wcbp_s_wrap.owl-theme .owl-dots .owl-dot{ width:10px; margin:0 1%;}
	.wcbp_s_wrap.owl-theme .owl-dots .owl-dot span{ width:100%; height:10px; background:#999;}
	.wcbp_s_wrap.owl-theme .owl-dots .owl-dot.active span{ background:#394f83;}
	.wcbp_s_wrap.owl-theme .owl-nav{ display:none !important;}

	/**我们的优势**/
	.wmdys{ background:#f2f5fa; margin-top:74px; padding-bottom:68px;}
	.wmdys_s{width:98%; margin:0 auto; margin-top:42px; }
	.wmdys_s ul li{width: 48%;}
	
	.xzytb .owl-nav{ margin-top:-26px; height:52px;}
	.xzytb .owl-prev,.xzytb .owl-next{ width:52px; height:52px; position:absolute; top:0; font-size:0; background-size:100% 100%;}
	.xzytb .owl-prev{ left:-60px;}
	.xzytb .owl-next{ right:-60px;}
	
	.hzkh_s ul li{ width:100%; float:left; padding:0 0;}
	.hzkh_s_wap.owl-theme .owl-dots{ display:block; width:100%; text-align:center; margin-top:40px;}
	.hzkh_s_wap.owl-theme .owl-controls {position: absolute;bottom: -30px;width: 100%;text-align: center;}
	.hzkh_s_wap.owl-theme .owl-dots .owl-dot{ width:10px; margin:0 1%;}
	.hzkh_s_wap.owl-theme .owl-dots .owl-dot span{ width:6px; height:6px; background:#999;}
	.hzkh_s_wap.owl-theme .owl-dots .owl-dot.active span{ background:#394f83;}
	.hzkh_s_wap.owl-theme .owl-nav{ display:none !important;}
	
	/**为您介绍**/
	.jies{ background:#f2f5fa; margin-top:48px; padding-bottom:48px;}
	.jies_s{ width:92%; margin:60px auto 0;}
	
	/**新闻中心**/
	.xwzx{}
	.xwzx_s{ margin-top:50px; margin-bottom:40px;}
	.xwzx_s ul li{ float:left; margin-bottom:40px; width:50%;}

	/**关于优推宝**/
	.about_gy_s{ margin-top:60px; margin-bottom:42px;}
	.about_gy_l{ width:100%; margin-right:0%; float:left; margin-top:24px;}
	.about_gy_l p{ font-size:14px; line-height:22px; text-indent:32px; margin-bottom:12px;}
	.about_gy_r{ width:100%; float:none; padding-top:0px;}
	
	.shuj_s li:nth-child(4){ display:none;}
	.shuj_s li:nth-child(5){ display:none;}
	.shuj_s li{ width:33.33%}
	.shuj_s li .kj{ padding:0 20px;}
	.shuj_s li .title{ font-size:40px; line-height:40px;}
	.shuj_s li .title1{ font-size:14px; margin-top:16px;}
	
	/**公司荣誉**/
	.gsry_s{ text-align:center; margin:60px 0 106px;}
	.gsry_s ul li{ float:left; width:29.33%;margin:0 2%;}
	.gsry_s ul li .img{ display:block; margin:0 auto; border-radius:4px;}
	.gsry_s ul li .title{ display:block; font-size:18px; line-height:22px; margin-top:20px;}

	/**我们的优势**/
	.gstd{ background:#f2f5fa; margin-top:104px; padding-bottom:88px;}
	.gstd_s{ margin-top:42px;}
	.gstd_s ul li{ float:left; width:100%;}
	.gstd_s ul li .kj{ padding:0px 30px;}
	.gstd_s ul li .img{ width:88px; height:88px; margin:0 auto; display:block;}
	.gstd_s ul li .title{ text-align:center; margin-top:36px;}
	.gstd_s ul li .title1{ font-size:22px; line-height:22px; display:block;}
	.gstd_s ul li .title2{ font-size:16px; line-height:28px; min-height:56px; display:block; margin-top:16px; color:#878f92;}
	.gstd_s_wap.owl-theme .owl-stage-outer{ padding-top:10px;}
	.gstd_s_wap.owl-theme .owl-dots{ display:block; width:100%; text-align:center;}
	.gstd_s_wap.owl-theme .owl-controls {position: absolute;bottom: -30px;width: 100%;text-align: center;}
	.gstd_s_wap.owl-theme .owl-dots .owl-dot{ width:10px; margin:0 1%;}
	.gstd_s_wap.owl-theme .owl-dots .owl-dot span{ width:6px; height:6px; background:#999;}
	.gstd_s_wap.owl-theme .owl-dots .owl-dot.active span{ background:#394f83;}
	.gstd_s_wap.owl-theme .owl-nav{ display:none !important;}
	
	.khfb_s{ width:90%; margin:0 auto;}
	
	
	/**合作共赢**/
	.hzgy{}
	.hzgy_s{ margin:38px 10% 88px;}
	.hzgy_s ul{}
	.hzgy_s ul li{ width:100%;}
	.hzgy_s ul li .img_w{}
	.hzgy_s ul li .img1{top:0;}
	.hzgy_s ul li .img2{top:110px;}
	.hzgy_s ul li:hover .img1{top:-110px;}
	.hzgy_s ul li:hover .img2{top:0px;}
	.hzgy_s_wap.owl-theme .owl-dots{ display:block; width:100%; text-align:center; margin-top:16px;}
	.hzgy_s_wap.owl-theme .owl-controls {position: absolute;bottom: -30px;width: 100%;text-align: center;}
	.hzgy_s_wap.owl-theme .owl-dots .owl-dot{ width:10px; margin:0 1%;}
	.hzgy_s_wap.owl-theme .owl-dots .owl-dot span{ width:6px; height:6px; background:#999;}
	.hzgy_s_wap.owl-theme .owl-dots .owl-dot.active span{ background:#394f83;}
	.hzgy_s_wap.owl-theme .owl-nav{ display:none !important;}
	
	/**成功案例**/
	.cgal_list{ background:#f2f5fa; padding-bottom:70px; padding-top:46px;}
	.cgal_t_l .kj span a{ margin-bottom:8px;}
	.cgal_list_s li{ width:29.33%; margin:0 2% 28px !important;}
	
	.list_news li{ background:#fff; float:left; width:48.5%; margin-right:3%; margin-bottom:26px;}
	.list_news li .kjs{ padding:20px;}
	.list_news li .img{ margin-right:14px; width:120px; height:114px; overflow:hidden;}
	.list_news li .kj .title{ font-size:16px; color:#323232; line-height:30px; height:30px;  }
	.list_news li .kj .title1{ display:block; overflow:hidden; font-size:13px; line-height:20px; max-height:40px; margin-top:0px; color:#878f92;}
	.list_news li .kj .title2{line-height:22px; margin-top:6px; font-size:13px;}

	.xmys{ width:74%;}
	.xmys ul li{ text-align:center; width:48%; margin:0 1% 14px !important;}
	.xmys ul li .title2{ font-size:14px; line-height:22px; min-height:88px; margin-top:14px;}
	
	.yyys_s ul li .kj img{ width:60%;}
	.yyys_s ul li .title1{ font-size:14px; line-height:20px; display:block; margin-top:2px;}
	
	
	/**利润回报**/
	.lrhb{ background:#f2f5fa; margin-top:40px; padding-bottom:40px;}
	.lrhb_s1 span{ width:90%;}
	.lrhb_s1 span p{ float:left; width:46%; margin:0 2%;}
	.lrhb_s1 span img{ width:50%;}
	.lrhb_s1 span em{ display:block; font-size:15px; line-height:22px; margin-top:10px;}
	
	.lrhb_s2 { width:90%; margin:44px auto 0;}
	.lrhb_s2 ul li{ float:left; width:46%; margin:0 2% 14px;}
	.lrhb_s2 ul li .img{ max-width:80px;}
	
	.footer_t{width:45px; height:45px;}

	.xwzx_s ul li .time{padding-bottom:20px;}
	
	.gsry .wrap1{ width:100%;}
	
	.about_gy .index_bt .title{ padding-top:70px;}
	
	.lxwm_b .title1{ font-weight:bold;}
	
}

@media only screen and (max-width:640px)  {
	
	.head_zx{ width:90px; height:26px; line-height:26px; text-indent:28px; font-size:12px; margin:14px 18px 0px 23px;background: url(../images/index3.png) no-repeat 10px 50%; background-size: auto 50%;}
	
	.logo{ margin:14px 0 0 20px;}
	.logo img{ width:90px;}
	
	.nav_wap_i{margin-top:13px;}

	
	.banner .item .title1{ font-size:42px; line-height:42px;}
	.banner .item .title2{ font-size:18px; line-height:18px;}
	.banner .item .more{ font-size:13px; width:100px; border-radius:30px; line-height:30px;}
	.banner .item .more{ font-size:13px; width:100px;border-radius:30px; line-height:30px;}
	.banner .title_li li{ width:62px; height:62px;margin: 0 5px;}
	.banner .title_li li em{ font-size:13px; line-height:18px;margin-top:-18px;}
	
	.banner .item1 .title1{top:60px;}
	.banner .item1 .title2{top:140px;}
	.banner .item1 .more{top:200px;}
	
	.banner .active .item1 .title1{top:0;}
	.banner .active .item1 .title2{top:60px;}
	.banner .active .item1 .more{top:100px;}
	
	.banner .item2 .title1{ top:60px;}
	.banner .item2 .title2{left:0px; top:90px;}
	.banner .item2 .title_li{margin-left:-187px;top:160px;}
	
	.banner .active .item2 .title1{top:0;}
	.banner .active .item2 .title2{ top:60px;}
	.banner .active .item2 .title_li{margin-left:-187px; top:90px;}
	
	.banner .item3 .title1{top:-80px;}
	.banner .item3 .title2{top:160px;}
	.banner .item3 .more{margin-left:-50px; top:260px; }
	
	.banner .active .item3 .title1{top:0;}
	.banner .active .item3 .title2{top:60px;}
	.banner .active .item3 .more{margin-left:-50px; top:100px;}
	
	
	.list_banner{ width:100%; height:300px; }
	.list_banner_title{ line-height:300px; font-size:34px;letter-spacing:4px; }

	/**关于优推宝**/
	.about_gy_s{ margin-top:20px; margin-bottom:22px;}
	
	.shuj{ padding:40px 0;}
	.shuj_s li .kj{ padding:0 10px; text-align:center;}
	.shuj_s li .title{ font-size:36px; line-height:30px;}
	.shuj_s li .title em{ font-size:10px;}
	.shuj_s li .title1{ font-size:13px; margin-top:13px;}
	
	/**公司荣誉**/
	.gsry_s{ text-align:center; margin:30px 0 16px;}
	.gsry_s ul li{ float:left; width:29.33%;margin:0 2%;}
	.gsry_s ul li .img{ display:block; margin:0 auto; border-radius:4px;}
	.gsry_s ul li .title{ display:block; font-size:18px; line-height:22px; margin-top:20px;}
	
	/**我们的优势**/
	.gstd{ background:#f2f5fa; margin-top:64px; padding-bottom:58px;}
	
	.list_news li{ background:#fff; float:left; width:100%; margin-right:0%; margin-bottom:26px;}
	
	/******行业动态*******/
	.list_nav{ text-align:center; padding:26px 0;}
	.list_nav li{ margin:0 14px;}
	.list_nav li a{ font-size:14px; line-height:26px; padding:0 12px;}
	
	.cgal_list{ padding-bottom:50px; padding-top:30px;}
	.news_article{}
	.news_article .title{ font-size:22px; line-height:30px; margin-top:10px; padding:0 4%;}
	.news_article .title1{ font-size:13px; line-height:24px; margin-top:8px;}
	.article_con{ background:#fff; width:94%; margin:12px auto 0; padding:30px 0; font-size:14px; color:#747b7e; line-height:26px;}
	.article_con p,.article_con span,.article_con a,.article_con div{ font-size:14px; line-height:26px; color:#747b7e;}
	
	.sx_p{ margin-top:30px;}
	.sx_p a{ padding:0 26px; font-size:14px;line-height:30px; border-radius:4px; margin-right:23px; color:#878f92;}
	.sx_p a:hover{ border:1px solid #394f83; color:#394f83;}
	
	
	.scqj ul li{ width:100%; margin:0 0% 40px; padding:16px 0;}
	.scqj ul li .img_w{ height:48px; width:48px;}
	.scqj ul li .img_w img{ height:48px; width:auto;}
	.scqj ul li .title1{ font-size:15px; line-height:20px; margin-top:20px; display:block;}
	.scqj ul li .title2{ font-size:13px; line-height:20px; margin-top:6px;}
	
	.lxwm_t{ margin:42px 0 30px;}	
	.lxwm_t li{ width:48%; margin:0 1% 40px;}
	.lxwm_t li img{ width:44px;}
	.lxwm_t li .title1{ font-size:16px; line-height:16px; margin-top:14px;}
	
	#dituContent{ height:350px;border:0;}
	
	.xzytb_s{ margin-top:30px;}
	
	/**首页标题**/
	.index_bt{ text-align:center;}
	.index_bt .title{ display:block; font-size:20px; line-height:20px; padding:50px 10% 0;}
	.index_bt .title1{ font-size:12px; line-height:20px; margin-top:10px; padding:0 10%;}
	
}

@media only screen and (max-width:450px)  {
	
	.head_zx{ width:80px; height:22px; line-height:22px; text-indent:23px; font-size:12px; margin:18px 10px 0px 23px;background: url(../images/index3.png) no-repeat 8px 50%; background-size: auto 50%;}
	
	.logo{ margin:20px 0 0 14px;}
	.logo img{ width:60px;}
	
	.nav_wap_i{margin-top:14px; margin-right:8px;}
	
	.banner .item .title{ position: absolute; left:10%; top:29%; z-index:999; width:80%;}
	.banner .item .title1{ font-size:22px; line-height:22px;}
	.banner .item .title2{ font-size:12px; line-height:14px;}
	.banner .item .more{ font-size:12px; width:100px; border-radius:30px; line-height:30px;}
	.banner .item .more{ font-size:12px; width:100px;border-radius:30px; line-height:30px;}
	.banner .title_li li{ width:48px; height:48px;margin: 0 3px;}
	.banner .title_li li em{ font-size:12px; line-height:16px;margin-top:-16px;}
	
	.banner .item1 .title1{top:60px;}
	.banner .item1 .title2{top:140px;}
	.banner .item1 .more{top:200px;}
	
	.banner .active .item1 .title1{top:0;}
	.banner .active .item1 .title2{top:34px;}
	.banner .active .item1 .more{top:66px;}
	
	.banner .item2 .title1{ top:60px;}
	.banner .item2 .title2{left:0px; top:64px;}
	.banner .item2 .title_li{margin-left:-142px;top:90px;}
	
	.banner .active .item2 .title1{top:0;}
	.banner .active .item2 .title2{ top:34px;}
	.banner .active .item2 .title_li{margin-left:-142px; top:60px;}
	
	.banner .item3 .title1{top:-80px;}
	.banner .item3 .title2{top:160px;}
	.banner .item3 .more{margin-left:-40px; top:260px; }
	
	.banner .active .item3 .title1{top:0;}
	.banner .active .item3 .title2{top:34px;}
	.banner .active .item3 .more{margin-left:-40px; top:66px;}
	
	.banner .owl-dots{ bottom:10px;}
	.banner.owl-theme .owl-dots .owl-dot span{ width:6px; height:6px; background:#a0a7b5; margin:0;}
	.banner .item .more{ font-size:12px; width:80px;border-radius:24px; line-height:24px;}

	

	/**新一代**/	
	.xinyd_s{ margin-top:24px;}
	.xinyd_s ul li{ width:46%; padding:16px 2%;}
	.xinyd_s ul li .img_w{ width:38px; height:38px;}
	.xinyd_s ul li:hover .img1{ top:-38px;}
	.xinyd_s ul li .title1{ font-size:16px; line-height:18px; margin-top:20px;}
	.xinyd_s ul li .title2{ font-size:12px; line-height:20px; min-height:80px; margin-top:12px;}
	
	/**我们的优势**/
	.wmdys{ background:#f2f5fa; margin-top:14px; padding-bottom:18px;}
	.wmdys_s{width:98%; margin:0 auto; margin-top:42px; }
	.wmdys_s ul li{width: 48%;margin-bottom:20px;}
	.wmdys_s ul li .kj{ padding:18px 5px;}
	.wmdys_s ul li .img{ width:60px; height:60px; margin-right:12px; float:none; margin:0 auto;}
	.wmdys_s ul li .title{ text-align:center; margin-top:14px;}
	.wmdys_s ul li .title1{ font-size:15px; line-height:15px; display:block;}
	.wmdys_s ul li .title2{ font-size:14px; line-height:20px; min-height:60px; margin-top:8px;}
	
	/**666家企业选择优推宝**/
	.xzytb{ background:#f2f5fa; margin-top:34px; padding-bottom:50px;}
	
	.xzytb .owl-nav{ margin-top:-16px; height:32px;}
	.xzytb .owl-prev,.xzytb .owl-next{ width:32px; height:32px; position:absolute; top:0; font-size:0; background-size:100% 100%;}
	.xzytb .owl-prev{ left:-40px;}
	.xzytb .owl-next{ right:-40px;}
	

	/**合作客户**/
	.hzkh_s{ margin:30px 3% 0;}
	.hzkh_s_wap.owl-theme .owl-dots{ display:block; width:100%; text-align:center; margin-top:20px;}
	
	/**为您介绍**/
	.jies{ background:#f2f5fa; margin-top:28px; padding-bottom:28px;}
	.jies_s{ width:92%; margin:20px auto 0;}
	.jies_s .input1{ width:98%; margin-right:0%; margin-bottom:18px;}
	.jies_s .input1 input{ width:100%; border:0; background:#fff; border-radius:6px; height:36px; line-height:36px; font-size:14px; color:#878f92; text-indent:12px;}
	.jies_s .textarea1{ width:98%; border-radius:6px; background:#fff; border:none; font-size:14px; color:#878f92; text-indent:14px; line-height:36px; height:120px; font-family:"Microsoft YaHei"; margin-bottom:30px;}
	.jies_s .sub{ border:none; background:#394f83; color:#fff; font-size:14px; height:40px; border:1px solid #c5ccdc; width:200px; border-radius:40px; margin:0 auto; display:block;}

	.xwzx_s{ margin-top:30px; margin-bottom:30px;}
	.xwzx_s ul li{ float:left; margin-bottom:30px; width:50%;}
	.xwzx_s ul li .kj{ padding:0px 10px 0;}
	
	/**footer**/
	.footer{ background:#203360; padding:30px 2%;}
	.footer_nav{ text-align:center;}
	.footer_nav li{ display:inline-block; padding:0 12px; margin-bottom:20px;}
	.footer_nav li a{ font-size:14px; color:#56658a; line-height:16px;}
	.footer_nav li a:hover{ color:#c6cad5; text-decoration:underline;}
	.footer_title{ padding:0 2%;font-size:14px; margin-top:0px; color:#56658a; line-height:24px; text-align:center;}

	/**我们的优势**/
	.gstd{ background:#f2f5fa; margin-top:44px; padding-bottom:38px;}
	.gstd_s{ margin-top:22px;}
	.gstd_s ul li{ float:left; width:100%;}
	.gstd_s ul li .kj{ padding:0px 10px;}
	.gstd_s ul li .img{ width:58px; height:58px; margin:0 auto; display:block;}
	.gstd_s ul li .title{ text-align:center; margin-top:16px;}
	.gstd_s ul li .title1{ font-size:16px; line-height:22px; display:block;}
	.gstd_s ul li .title2{ font-size:12px; line-height:20px; min-height:auto; display:block; margin-top:10px; color:#878f92;}
	
	.khfb_s{ width:90%; margin:0 auto;}
	
	
	/**合作共赢**/
	.hzgy{}
	.hzgy_s{ margin:38px 10% 38px;}
	
	
	/**公司荣誉**/
	.gsry_s{ text-align:center; margin:20px 0 12px;}
	.gsry_s ul li{ float:left; width:29.33%;margin:0 2%;}
	.gsry_s ul li .img{ display:block; margin:0 auto; border-radius:4px;}
	.gsry_s ul li .title{ display:block; font-size:14px; line-height:22px; margin-top:10px;}
	
	/*.shuj{ padding:30px 0;}
	.shuj_s li .kj{ padding:0 4px; text-align:center;}
	.shuj_s li .title{ font-size:18px; line-height:30px;}
	.shuj_s li .title em{ font-size:10px;}
	.shuj_s li .title1{ font-size:12px; margin-top:10px;}*/

	.list_banner{ width:100%; height:220px; }
	.list_banner_title{ line-height:220px; font-size:28px;letter-spacing:4px; }
	
	/*******成功案例************/
	.cgal_t{ padding:20px 0;}
	.cgal_t_l .kj em{ font-size:14px;line-height:24px;}
	.cgal_t_l .kj span a{ font-size:14px; line-height:24px; padding:0 10px; margin:0 3px 4px;}
	.cgal_t_l .kj{ padding:10px 0 0;}
	
	.cgal_t_r{ float:left; position:relative; padding-right:0px; margin-top:10px;}
	.cgal_t_r .input1{ float:left; width:260px; height:30px; text-indent:20px; font-size:14px;}
	.cgal_t_r .input2{ float:left; width:60px; background-size: auto 60%;}
	
	.cgal_list_s li{ width:46%; margin:0 2% 28px !important;}
	.cgal_list_s li a .title{ line-height:38px; height:38px; font-size:14px;}
	
	.pages{ width:100%; text-align:center; margin:26px 0 0px;}	
	
	.list_news li .kjs{ padding:14px;}
	.list_news li .img{ margin-right:12px; width:100px; height:95px; overflow:hidden;}
	
	.sx_p{ margin-top:20px;}
	.sx_p a{ padding:0 16px; font-size:13px;line-height:26px; border-radius:4px; margin-right:23px; color:#878f92;}
	
	.xmys{ width:90%;}
	.xmys ul li{ text-align:center; width:48%; margin:0 1% 14px !important;}
	.xmys ul li .title2{ font-size:12px; line-height:20px; min-height:100px; margin-top:10px;}
	.xmys ul li .title1{ margin-top:12px;}
	
	
	.scqj ul li{ width:100%; margin:0 0% 40px; padding:16px 0;}
	.scqj ul li .img_w{ height:48px; width:48px;}
	.scqj ul li .img_w img{ height:48px; width:auto;}
	.scqj ul li .title1{ font-size:15px; line-height:20px; margin-top:20px; display:block;}
	.scqj ul li .title2{ font-size:13px; line-height:20px; margin-top:6px;}
	
	
	.lxwm_b .title1{ font-size:16px; line-height:26px; display:block;}
	
	.footer_t{width:32px; height:32px;}
	
}

#mypage a{display:block;float:left;transition:all 0.3s ease;-o-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-mos-transition:all 0.3s ease;-moz-transition:all 0.3s ease;}
#mypage span{display:block;float:left;padding:6px 12px;color:#fff;background:#384c83;margin:1px;}
#mypage a:hover{color:#fff;background:#384c83;}