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

body{font:12px/1.5 arial,"Source Han Sans CN Normal","Heiti"; background:#3c3c3c; padding:0; margin:0;}

div,ul,li,p,a,h1,h2,h3,a,input{padding:0;margin:0; list-style:none; font-family:"Source Han Sans CN Normal","Heiti";}
input{vertical-align:middle;}
a,img,input{border:0;font:12px/1.5 arial,"Source Han Sans CN Normal"; }
a,a:hover,a:link,a:visited,a:active{text-decoration:none; color:#3a3a3a; font-family:"Source Han Sans CN Normal","Heiti";}
.blue{color:#4499dd;}
.orange{ color:#ee9911;}
.green{ color:#99bb22;}
.mr10{ margin-right:10px;}
.ml10{ margin-left:10px;}
.mt10{ margin-top:10px;}
.mb10{ margin-bottom:10px;}
.mt20{ margin-top:20px;}
.bold{ font-weight:bold;}
.fz18{ font-size:18px;}
.fz14{ font-size:14px;}
.bold{ font-weight:bold;}
.italic{ font-style:italic;}


/*home*/
/*home-top*/
.wrap{ margin:0 auto; width:1000px; height:auto;}
.h_top{ float:left; width:100%; height:302px; background:#fff;}
.top_line{float:left; width:100%; height:8px; background:#3c3c3c;}
.h_top_main{ float:left; width:100%; height:294px;}
.h_top_logo{ float:left; /*width:230px;*/ width:23%; height:294px; background:#ee9911;}
.h_logo{ float:left; width:90%; margin-top:37px;  margin-left:5%; background-color: #ee9911}
.h_logo-text{float:left; width:70%; margin-top:10px;  margin-left:15%;}
.h_top_nav{ float:left; /*margin-left:30px; width:740px;*/ margin-left:2%; width:70%;  height:68px;display: inline-flex;align-items: center;justify-content: space-between}
.h_top_nav a{ float:left;  font-size:16px; color:#666; line-height:68px; }
.h_top_nav a:hover{ color:#4499dd;}
.h_top_nav .select{ color:#4499dd;}
/*首页幻灯片*/
.in_fla{ float:left; width:77%; height:226px; text-align:center;}
.slides_pc_1{ width:100%; background:url("../images/h_banner11.jpg") no-repeat center top;}
.slides_pc_2{ width:100%; background:url("../images/h_banner8.jpg") no-repeat center top;}
.slides_pc_6{ width:100%; background:url("../images/h_banner9.jpg") no-repeat center top;}
.slides_pc_7{ width:100%; background:url("../images/h_banner10.jpg") no-repeat center top;}
.slides_ipad_1{ display:none;}
.slides_ipad_2{ display:none;}
.slides_ipad_6{ display:none;}
.slides_ipad_7{ display:none;}
.slides_phone_1{ display:none;}
.slides_phone_2{ display:none;}
.slides_phone_6{ display:none;}
.slides_phone_7{ display:none;}

/*home-booklist*/
.h_booklist{ float:left; margin:15px 0px; width:100%; height:140px; background:#fff;}
.h_booklist a{ float:left;  margin-left:10px; margin-top:10px; width:80px; height:122px; text-align:center; line-height:15px; font-size:12px; color:#666; }
.h_booklist a:hover{ color:#4499dd;}
.box{ display:none;}
.s_changelist{ display:none;}
/*home-copyright*/
.h_copyright{ float:left; margin-right:15px; width:230px; height:360px; background:#4499dd; color:#fff;}
.h_vca{float:left; margin-right:15px; width:230px; height:360px; background:#ee9911; color:#fff;}
.h_copyright img,.h_vca img{ float:left; width:230px; height:152px;}
.h_copyright h2,.h_vca h2{ float:left; margin:10px 10px 0px; font-size:18px; width:210px; font-weight:normal; }
.h_copyright a,.h_vca a{ color:#fff;}
.h_copyright a:hover{ color:#003355;}
.h_vca a:hover{ color:#663300;}
.h_copyright .content,.h_vca .content{ float:left; margin:10px; font-size:14px; width:210px; height:125px; overflow:hidden;}
.h_copyright .content p,.h_vca .content p{ float:left; margin:0px; padding:0px; line-height:18px; margin-bottom:5px;}
.h_copyright .more,.h_vca .more{ float:left; margin-left:10px; font-size:14px; width:210px; height:20px; text-align:right;}
/*home-news*/
.h_news{ float:left; padding:10px 10px 0px; width:490px; height:195px; background:#99bb22; color:#fff;}
.h_news ul{ width:100%; height:auto;}
.h_news li{ width:100%; height:45px; margin-bottom:10px;}
.h_news img{ float:left; width:45px; height:45px;}
.h_news .title{ width:100%; margin-left:10px; height:auto; line-height:20px; display:inline; overflow:hidden; }
.h_news .title a{ float:left; margin-left:10px; width:70%; font-size:14px; font-weight:bold; color:#fff; display:inline; height:20px; white-space: nowrap; overflow:hidden; text-overflow: ellipsis}
.h_news a:hover{color:#fffc00;}
.h_news .title span{ text-align:right; float:right;}
.h_news .news_con{ float:left; margin-top:5px; width:420px; margin-left:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.h_news .more{ float:left; font-size:14px; width:100%; height:20px; text-align:right; color:#fff;}
/*home-android*/
.h_android{ float:left; margin-top:15px; margin-right:15px; width:108px; height:190px; background:#99bb22;}
.h_android img{ width:70px; height:70px; margin:35px 19px 20px;}
.h_android p{ width:100%; font-size:14px; text-align:center; color:#fff; display:block;}
.h_android:hover p{ color:#fffc00;}
.h_android .title{ font-size:18px;}
/*home-IOS*/
.h_ios{ float:left; margin-top:15px; width:108px; height:190px; background:#fff;}
.h_ios img{ width:70px; height:70px; margin:35px 19px 20px;}
.h_ios p{ width:100%; font-size:14px; text-align:center; color:#666; display:block;}
.h_ios:hover p{ color:#000;}
.h_ios .title{ font-size:18px;}
/*home-partner*/
.h_partner{ margin:15px 0px 0px 0px; float:left; width:510px; height:140px; background:#ee9911; position:relative;}
.h_partner h2{ float:left; margin:10px 10px 0px; font-size:18px; width:210px; font-weight:normal; color:#fff; }
.h_partner ul{ float:left; margin-top:10px; padding:0%; margin-left:20px; width:94%; height:auto;}
.h_partner li{ float:left; width:60px; height:115px; margin:0px 9px;}
.h_partner a{ color:#fff; width:60px; text-align:center; font-size:12px; display:block;}
.h_partner a:hover{ color:#663300}

.h_partner .more{ position:absolute; left:0px; top:15px; font-size:14px; width:98.5%; height:20px; text-align:right;}
.partnerul-pad{ display:none;}

/*home-footer *//*  allused  */
.footer{ float:left; margin-top:15px; width:1000px; height:70px; background:#222; color:#cdcdcd;}
.footer .fnav{ width:100%; margin-top:20px; height:16px; line-height:20px; text-align:center;}
.footer .copyright{ width:100%; margin-top:15px; height:16px; line-height:20px; text-align:center;}
.footer .copyright a{color: #cdcdcd;}
.footer .copyright a:hover{color: #fff;text-decoration: underline;}
.footer .fnav a{ text-align:center; color:#cdcdcd;}
.footer .fnav a:hover{ color:#fff;}
/*aboutus*/
/*s-top*//*  allused  */
.s_top{ float:left; width:100%; height:68px; background:#fff;}
.s_top_main{ float:left; width:100%; height:68px; background:#fff;}/*20160926*/
.s_top_logo{ float:left; /*width:230px;*/ width:23%; height:68px; background:#ee9911;}/*20160926*/
.s_logo{height: 88%; float:left; width:40%; margin-top:4px;  margin-left:30%; background-color: #ee9911}
.s_top_nav{ float:left; /*margin-left:30px; width:740px;*/ margin-left:2%; width:70%;  height:68px;display: inline-flex;align-items: center;justify-content: space-between;}
.s_top_nav a{ float:left; font-size:16px; color:#666; line-height:68px; }/*20160926*/
.s_top_nav a:hover{ color:#4499dd;}
.s_top_nav .select{ color:#4499dd;}
.s_top_nav a img{ float:left; margin-top:27px; margin-right:5px;}
/*s_content_box*//*  allused  */
.s_content_box{ float:left; margin:15px 0px 0px; width:100%; height:auto; background:#fff;}
/*aboutus*/
.aboutus_logobox{ float:left; margin-top:110px; width:23%; height:auto;}
.aboutus_logo{ float:left; margin-left:15%; width:70%; height:auto;}
.aboutus_conbox{ float:left; padding:0px 4.5% 0px 2.5%; width:70%;}
.aboutus_cricket_titile{ float:left; margin-top:50px; margin-bottom:40px; width:100%; height:21px; line-height:21px; color:#99bb22; font-size:16px; font-weight:bold; font-family: Helvetica,Arial, sans-serif; background:url(../images/s_titile_icon_green.png) no-repeat; text-indent:30px;}
.aboutus_neupals_titile{ float:left; margin-top:50px; margin-bottom:40px; width:100%; height:21px; line-height:21px; color:#4499dd; font-size:16px; font-weight:bold; font-family: Helvetica,Arial, sans-serif; background:url(../images/s_titile_icon_blue.png) no-repeat; text-indent:30px;}
.aboutus_text{ float:left; margin-bottom:40px; width:100%; height:auto; line-height:26px; color:#666; font-size:14px; text-indent:28px; }
.aboutus_text p{ margin-bottom:15px;}
.aboutus_line{ float:left; width:100%; height:1px; background:#e6e6e6;}
/*product*/
.product_navbox{ float:left; margin-top:40px; width:23%; height:auto;}
.product_navbox a{ margin-bottom:15px; color:#666; background:#ebebeb; line-height:46px; text-align:center; font-size:16px; height:46px; width:100%; display:block;}
.product_navbox a:hover{color:#fff; background:#4499dd;}
.product_navbox .select{ color:#fff; background:#4499dd; height:46px; width:100%; display:block;}
.product_conbox{ float:left; padding:0px 4.5% 0px 2.5%; width:70%;}
.product_h1{ float:left; margin-top:50px; margin-bottom:20px; width:100%; height:21px; line-height:21px; color:#99bb22; font-size:16px; font-weight:bold;  background:url(../images/s_titile_icon_green.png) no-repeat; text-indent:30px;}
.product_intro{ float:left; width:100%; height:auto; background:#ebebeb;}
.product_intro .product_text{ width:65%; height:auto; margin:15px 2% 10px 3%;}
.product_intro img{ float:left; width:28%; margin-top:15px;}
.product_book_intro{ float:left; width:100%; height:auto;}
.product_book_intro .product_text{ width:65%; height:auto; margin:15px 2% 10px 3%;}
.product_book_intro .img{ float:left; width:28%; margin-top:15px;}
.product_book_intro .img img{ float:left; width:100%; height:auto; margin-bottom:10px;}
.product_h2_theme{ float:left; margin-top:10px; width:100%; height:40px; line-height:40px; color:#333; font-size:15px; font-weight:bold;  background:#c2e4ff; text-indent:10px;}
.product_h2_theme span{ float:left; width:10px; height:40px; background:#80c4ff;}
.product_h2_age{ float:left; margin-top:5px; width:100%; height:40px; line-height:40px; color:#333; font-size:15px; font-weight:bold;  background:#ffe3a0; text-indent:10px;}
.product_h2_age span{ float:left; width:10px; height:40px; background:#d4ae51;}
.product_h3{ float:left; margin-top:20px; margin-bottom:20px; width:100%; height:30px; line-height:30px; color:#333; border-bottom:1px solid #e7e073; font-size:14px; font-weight:bold;}
.product_age_box{ float:left; width:94%; height:auto; padding:0px 3%; background:#fffae6;}
.p_allbook{ width:100%; height:auto; margin-top:10px;}
.product_h3 .title{ float:left; margin-right:5px; padding:0px 5px; width:auto; height:30px; line-height:30px; background:#e7e073;}
.product_h3 a{ font-size:14px; font-weight:bold; color:#4499dd;}
.product_h3 .bookname{ color:#837b08; font-weight:bold; font-size:14px;}
.product_mao{ float:left; width:100%; display:block;}
.product_h4_bookname{ float:left; margin-bottom:20px; width:100%; height:21px; line-height:21px; color:#837b08; font-size:12px; font-weight:bold; text-indent:0px; text-align:center;}
.product_h4_credit_title{ float:left; margin-bottom:20px; width:100%; height:21px; line-height:21px; color:#c52121; font-size:14px; font-weight:bold; text-indent:0px;}
.product_creditbox .bg_orange{ float:left; width:100%; height:auto; line-height:25px; padding:5px 0px; margin:0px; color:#fff; background:#d77946;}
.product_creditbox .bg_l_orange{float:left; width:100%;  height:auto; line-height:25px; padding:5px 0px; margin:0px; color:#fff; background:#ed9b6f;}
.p_h5_title{ float:left; width:100%; height:34px; line-height:34px; color:#837b08; font-weight:bold; text-indent:0px; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; margin:10px 0px;}
.product_h4_circle{ float:left; width:100%; height:73px; line-height:73px; color:#333; text-indent:7px; background:url(../images/product_circle_babybug.jpg) no-repeat; margin:15px 0px 5px; font-weight:bold;}
.product_h4{ float:left; margin-bottom:20px; width:100%; height:21px; line-height:21px; color:#837b08; font-size:12px; font-weight:bold; text-indent:0px;}
.product_text{ float:left; width:100%; height:auto; line-height:26px; color:#666; font-size:14px; text-indent:28px; }
.product_text p{ margin-bottom:10px;}
.product_text p a{ font-size:14px; color:#4499dd;}
.product_book_box{ float:left; width:100%; height:auto;}
.product_line{ float:left; width:100%; height:1px; background:#e6e6e6; margin:25px 0px;}
.product_book_box img{ float:left; width:auto; height:auto; margin-bottom:10px;}
.product_bookcon p{ margin-bottom:0px;}
.p_bookcon_color{ color:#837b08;}
.product_bookcon .p_imglist{ float:left; width:auto; height:auto;}
.product_bookcon .p_imglist a{ float:left; margin-right:5px; text-indent:0px;}
.product_conbox .pdf_box{float: left;width: 110px; height: auto;  text-indent:0px;}
.product_conbox .pdf{ float:left; width:100px; height:126px; background:url(../images/pdf.png) no-repeat;}
.product_conbox .pdf_text{ text-align:left; color:#666;}
/*newslist*/
.newslist{float:left; margin-left:4%; margin-top:30px; width:92%; height:auto;}
.newslist ul{ padding:25px 0; overflow:hidden; border-bottom:1px dotted #b2b2b2;}
.newslist ul li{clear:both; width:100%; overflow: hidden; font-size:1em;}
.newslist ul li.newslist_title{font-size:18px; display:inline;}
.newslist ul li.newslist_title a{width:70%; height:20px; line-height:20px; overflow:hidden; float:left; font-size:18px; color:#333; margin-bottom:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.newslist ul li.newslist_title a:hover{color:#4499dd;}
.newslist ul li.newslist_title span{ display:block; float:right; background:url(../img/arrow_time.png) no-repeat; padding-left:29px; font-size:14px; color:#999;}
.newslist_con{ color:#606060;}
/*news*/
.s_top_nav .back_home{ float:right;}
.news_box{float:left; margin-left:4%; margin-top:50px; width:92%; height:auto;}
.news_title{float:left; margin-top:20px; margin-bottom:5px; width:100%; height:auto; line-height:30px; color:#333; font-size:22px; font-weight:bold; font-family: Helvetica,Arial, sans-serif; text-align:left;}
.news_s_title{float:left; margin-top:5px; margin-bottom:10px; width:100%; height:auto; line-height:20px; color:#333; font-size:14px; font-weight:bold; font-family: Helvetica,Arial, sans-serif; text-align:left;}/*20160926*/
.news_date{ float:left; width:100%; color:#999; font-size:14px; margin-bottom:40px;}
.news_text{float:left; margin-bottom:40px; width:100%; height:auto; line-height:26px; color:#666; font-size:14px; text-indent:28px; }
.news_text p{ margin-bottom:15px;}
.news_text p img{ text-align:center; margin-bottom:10px; width:75%; margin-left:10%;}
.news_text p a{ color:#4499dd;}
/*copyright*/
.copyright_logobox{ float:left; margin-top:110px; width:23%; height:auto;}
.copyright_logo{ float:left; margin-left:15%; width:70%; height:auto;}
.copyright_conbox{ float:left; padding:0px 4.5% 0px 2.5%; width:70%;}
.copyright_cricket_titile{ float:left; margin-top:50px; margin-bottom:40px; width:100%; height:21px; line-height:21px; color:#99bb22; font-size:16px; font-weight:bold; font-family: Helvetica,Arial, sans-serif; background:url(../images/s_titile_icon_green.png) no-repeat; text-indent:30px;}
.copyright_text{ float:left; margin-bottom:0px; width:100%; height:auto; line-height:26px; color:#666; font-size:14px; text-indent:28px; }
.copyright_text p{ margin-bottom:15px;}
.copyright_coo_title{ float:left; margin-top:10px; width:100%; height:40px; line-height:40px; color:#333; font-size:15px; font-weight:bold;  background:#c2e4ff; text-indent:10px;}
.copyright_coo_title span{ float:left; width:10px; height:40px; background:#80c4ff;}
.copyright_coo_con{ float:left; width:94%; height:auto; padding:3%; background:#f2f9ff; margin-top:10px;}
.copyright_coo_con p{ float:left; width:100%; height:auto; line-height:18px; font-size:14px; color:#666; margin-bottom:10px;}
.copyright_coo_con p img{ float:left; width:60px; height:60px; margin-right:5px;}
.copyright_coo_con p span{ float:left; margin-top:20px;}
.copyright_coo_con .title{ float:left; width:100%; height:auto; line-height:24px; font-size:16px; color:#4499DD; margin-bottom:10px;}
.copyright_coo_con p .link{ font-weight:bold; text-decoration:underline; color:#4499DD;}
.copyright_coo_con .pdf_box{ float:left; width:110px; height:auto;}
.copyright_coo_con .pdf{ float:left; width:100px; height:126px; background:url(../images/pdf.png) no-repeat;}
.copyright_coo_con .pdf_text{ text-align:left; color:#666;}
/*contactus*/
.contactus_conbox{ float:left; padding:0px 4.5% 0px 2.5%; width:70%;}
.contactus_neupals_titile{ float:left; margin-top:50px; margin-bottom:40px; width:100%; height:21px; line-height:21px; color:#4499dd; font-size:16px; font-weight:bold; font-family: Helvetica,Arial, sans-serif; background:url(../images/s_titile_icon_blue.png) no-repeat; text-indent:30px;}
.contactus_text{ float:left; margin-bottom:38px; width:100%; height:auto; line-height:38px; color:#666; font-size:14px; }
.contactus_text .title{ float:left; width:100%; height:40px; line-height:40px; font-size:16px; color:#4499dd;}
.contactus_text .bg_l_blue{ float:left; width:100%; margin-bottom:5px; background:#e8f5ff;}
.contactus_text .bg_blue{ float:left; margin-right:6px; background:#c2e4ff; height:38px; padding:0px 6px 0px 10px; color:#333; }
.contactus_text .bg_l_green{ float:left; width:100%; margin-bottom:5px; background:#f3ffd2;}
.contactus_text .bg_green{ float:left; margin-right:6px; background:#cae386; height:38px; padding:0px 6px 0px 10px; color:#333; }
.contactus_text .weibo{ color:#4499dd; text-decoration:underline;}
/*android-ios*/
.android_logobox{ float:left; margin-top:0px; width:23%; height:auto;}
.android_logo{ float:left; margin-left:15%; width:70%; height:auto;}
.android_conbox{ float:left; padding:0px 4.5% 0px 2.5%; width:70%;}
.android_titile{ float:left; margin-top:0px; margin-bottom:40px; width:100%; height:46px; line-height:46px; color:#fff; font-size:16px; font-weight:bold; font-family: Helvetica,Arial, sans-serif; background:#99BB22; text-align:center; }
.android_daishu_titile{ float:left; margin-top:50px; width:100%;}
.android_text{ float:left; margin-bottom:40px; width:100%; height:auto; line-height:26px; color:#666; font-size:14px; text-indent:0px; }
.android_text p{ margin-bottom:15px;}
.android_line{ float:left; width:100%; height:1px; background:#e6e6e6;}
.copyright_partner p{ width:50%;}/*商务合作--合作伙伴宽度*/
/*teacher_guides*/
.teacher_guides .nav_list{margin-bottom: 150px; }
.teacher_guides .nav_list .sel{ color: #4499DD;}
.teacher_guides .nav_list li{margin-left: 70px; list-style-type: disc; font-size: 10pt;}
.teacher_guides .nav_list a{ margin-bottom:0px; font-weight: bold; text-align: left; text-indent: 5px; width: auto; color: #4a4a4a; font-size: 16px; background: none;}
.teacher_guides .nav_list a:hover{ color:#4499DD;}
.teacher_guides .product_intro{ background: none; margin-bottom: 50px;}
.teacher_guides .product_intro .t_imgbox{ float: left;	 width: 30%; margin-left: 3%; display: block;	}
.teacher_guides .t_imgbox img{ width: 100%; max-width: 208px; margin-bottom: 5px;}
.teacher_guides .time_list{ float: left; width: 60%; margin-right: 5%; margin-top: 15px;}
.teacher_guides .time_list h1{ margin-left:35px; font-size: 22px; font-weight: bold; margin-bottom: 20px;}
.teacher_guides .time_list li{margin-left: 70px; line-height: 30px; height: auto; padding: 10px 0; border-top: 1px solid #d2d2d2; list-style-type: disc; font-size: 10pt;}
.teacher_guides .time_list .listnone{ list-style-type: none;}
.teacher_guides .time_list a{ font-size: 16px; }
.teacher_guides .time_list a:hover{color:#4499DD;}

@media all and (min-width:769px) and (max-width:1000px) {
/*home-top*/
.wrap{ width:100%; }
.h_top_logo{ width:23%; }
.h_top_nav{  margin-left:2%; width:75%; }
.h_top_nav a{ padding-left:5%; padding-right:1%;  }
.h_top_banner{width:77%;}
.slides_pc_1{ width:100%; background:url("../images/h_banner1.jpg") no-repeat center top;}
.slides_pc_2{ width:100%; background:url("../images/h_banner2.jpg") no-repeat center top;}
.slides_pc_6{ width:100%; background:url("../images/h_banner6.jpg") no-repeat center top;}
.slides_pc_7{ width:100%; background:url("../images/h_banner7.jpg") no-repeat center top;}
.slides_ipad_1{ display:none;}
.slides_ipad_2{ display:none;}
.slides_ipad_6{ display:none;}
.slides_ipad_7{ display:none;}
.slides_phone_1{ display:none;}
.slides_phone_2{ display:none;}
.slides_phone_6{ display:none;}
.slides_phone_7{ display:none;}
/*home-booklist*/
.h_booklist{ width:100%; height:280px; }
.h_booklist a{ float:left;  margin-left:10px; margin-top:10px; width:80px; height:122px; text-align:center; line-height:15px; font-size:12px; color:#666; }
.s_changelist{ display:block;}
/*home-copyright*/
.h_copyright{ float:left; position:relative; margin-right:1.5%; width:30%; height:400px; background:#4499dd; color:#fff;}
.h_vca{ float:left; position:relative; margin-right:1.5%; width:30%; height:400px; background:#ee9911; color:#fff;}
.h_copyright img,.h_vca img{ width:100%; height:auto;}
.h_copyright h2,.h_vca h2{ margin:5% 5% 0%; font-size:18px; width:90%; font-weight:normal; }
.h_copyright .content,.h_vca .content{ margin:5%; font-size:14px; width:90%; height:auto; overflow:hidden;}
.h_copyright .more,.h_vca .more{ position:absolute; left:0px; bottom:10px; font-size:14px; width:90%; height:20px; text-align:right;}
/*home-news*/
.h_news{ float:left; padding:0px; width:37%; height:400px; background:#99bb22; color:#fff; position:relative;}
.h_news ul{ width:94%; padding:3% 3% 0px; height:auto;}
.h_news li{ float:left; width:100%; height:auto; margin-bottom:30px;}
.h_news img{ float:left; width:18%; height:18%;}
.h_news .title{ float:left; width:70%; margin-left:2%; height:auto; line-height:20px; display:inline; overflow:hidden; }
.h_news .title a{ float:left; margin-left:0px; width:100%; font-size:14px; font-weight:bold; color:#fff; display:inline; height:20px; white-space: nowrap; overflow:hidden; text-overflow: ellipsis}
.h_news .title a:hover{ color:#fffc00;}
.h_news .title span{ text-align:left; float:left;}
.h_news .news_con{ float:left; margin-top:4%; width:100%; height:20px; overflow:hidden; margin-left:0%;}
.h_news .more{ position:absolute; left:0px; bottom:10px; font-size:14px; width:96%; height:20px; text-align:right; color:#fff;}
/*home-android*/
.h_android{ float:left; margin-top:1.5%; margin-right:1.5%; width:14.25%; height:160px; background:#99bb22;}
.h_android img{ width:50%; height:auto; margin:20% 25% 5%;}
.h_android a{ width:100%; text-align:center; color:#fff; display:block;}
/*home-IOS*/
.h_ios{ float:left; margin-top:1.5%; width:14.25%; height:160px; background:#fff;}
.h_ios img{ width:50%; height:auto; margin:20% 25% 5%;}
.h_ios a{ width:100%; text-align:center; color:#666; display:block;}
/*home-partner*/
.h_partner{ margin:1.5% 0px 0px 0%; float:left; width:100%; height:145px; background:#ee9911; position:relative;}
.h_partner h2{ float:left; margin:10px 10px 0px; font-size:18px; width:210px; font-weight:normal; color:#fff; }
.h_partner ul{ float:left; margin-top:0px; padding:1% 2%; margin-left:0px; width:96%; height:90px; overflow:hidden;}
.h_partner li{ float:left; width:60px; height:100px; margin-right:15px;}
.h_partner a{ color:#fff; width:60px; text-align:center; font-size:12px; line-height:14px; display:block;}
.h_partner a:hover{ color:#663300}

.h_partner .more{ position:absolute; left:0px; top:20px; font-size:14px; width:98.5%; height:20px; text-align:right;}
.partnerul{ display:none;}
.partnerul-pad{ display:inline;}
/*home-footer*/
.footer{ float:left; margin-top:15px; width:100%; height:80px; background:#222; color:#cdcdcd;}
.footer .fnav{ width:100%; margin-top:20px; height:16px; line-height:20px; text-align:center;}
.footer .copyright{ width:100%; margin-top:15px; height:16px; line-height:20px; text-align:center;}
.footer .copyright a{color: #cdcdcd;}
.footer .copyright a:hover{color: #fff;text-decoration: underline;}
.footer .fnav a{ text-align:center; color:#cdcdcd;}
.footer .fnav a:hover{ color:#fff;}
/*aboutus*/
/*s-top*//*  allused  */
.s_top_logo{ float:left; /*width:230px;*/ width:23%; height:68px; background:#99bb22;}
.s_logo{ float:left; width:40%; margin:5% 0px 5% 25%;}
.s_top_nav{ float:left; /*margin-left:30px; width:740px;*/ margin-left:2%; width:70%;  height:68px; display: inline-flex; align-items: center;justify-content: space-between;}
.s_top_nav a{ float:left; font-size:16px; color:#666; line-height:68px; }

.copyright_partner p{ width:50%;}/*商务合作--合作伙伴宽度*/
}

/* Landscape phone to portrait tablet */
@media all and (min-width:481px) and (max-width:768px) {
/*home-top*/
.wrap{ width:100%; }
.h_top_logo{ width:23%; }
.h_top_nav{  margin-left:2%; width:75%; }
.h_top_nav a{ padding-left:5%; padding-right:0.5%; font-size:14px;  }
.h_logo{ float:left; width:90%; margin-top:37px;  margin-left:5%;}
.h_logo-text{float:left; width:70%; margin-top:10px;  margin-left:15%;}
.h_top_banner{width:77%;}
.slides_ipad_2{ width:100%; background:url("../images/h_pad_banner2.jpg") no-repeat center top; display:inline;}
.slides_ipad_1{ width:100%; background:url("../images/h_pad_banner1.jpg") no-repeat center top; display:inline;}
.slides_ipad_6{ width:100%; background:url("../images/h_pad_banner6.jpg") no-repeat center top; display:inline;}
.slides_ipad_7{ width:100%; background:url("../images/h_pad_banner7.jpg") no-repeat center top; display:inline;}
.slides_phone_2{display:none;}
.slides_phone_1{display:none;}
.slides_phone_6{display:none;}
.slides_phone_7{display:none;}
.slides_pc_2{ display:none;}
.slides_pc_1{ display:none;}
.slides_pc_6{ display:none;}
.slides_pc_7{ display:none;}
/*home-booklist*/
.h_booklist{ width:100%; height:280px; }
.h_booklist a{ float:left;  margin-left:10px; margin-top:10px; width:80px; height:122px; text-align:center; line-height:15px; font-size:12px; color:#666; }
.s_changelist{ display:block;}
/*home-copyright*/
.h_copyright{ float:left; position:relative; margin-right:1.5%; width:30%; height:340px; background:#4499dd; color:#fff;}/*20161110*/
.h_vca{ float:left; position:relative; margin-right:1.5%; width:30%; height:340px; background:#ee9911; color:#fff;}/*20161110*/
.h_copyright img,.h_vca img{ width:100%; height:auto;}
.h_copyright h2,.h_vca h2{ margin:5% 5% 0%; font-size:18px; width:90%; font-weight:normal; }
.h_copyright .content,.h_vca .content{ margin:5%; font-size:14px; width:90%; height:auto; overflow:hidden;}
.h_copyright .more,.h_vca .more{ position:absolute; left:0px; bottom:10px; font-size:14px; width:90%; height:20px; text-align:right;}
/*home-news*/
.h_news{ float:left; padding:0px; width:37%; height:340px; background:#99bb22; color:#fff; position:relative;}/*20161110*/
.h_news ul{ width:94%; padding:3% 3% 0px; height:100%;}
.h_news li{ float:left; width:100%; height:30%; margin-bottom:0%;}
.h_news img{ float:left; width:20%; height:auto;}
.h_news .title{ float:left; width:75%; margin-left:2%; height:auto; line-height:20px; display:inline; overflow:hidden; }
.h_news .title a{ float:left; font-size:14px; font-weight:bold; color:#fff; display:inline; height:20px; white-space: nowrap; overflow:hidden; text-overflow: ellipsis}
.h_news .title span{ text-align:left; float:left;}
.h_news .news_con{ float:left; margin-top:4%; width:100%; height:34%; overflow:hidden; margin-left:0%; white-space:normal;}
.h_news .more{ position:absolute; left:0px; bottom:10px; font-size:14px; width:96%; height:20px; text-align:right; color:#fff;}
/*home-android*/
.h_android{ float:left; margin-top:1.5%; margin-right:1.5%; width:14.25%; height:160px; background:#99bb22;}
.h_android img{ width:50%; height:auto; margin:20% 25% 5%;}
.h_android a{ width:100%; font-size:12px; text-align:center; color:#fff; display:block;}
.h_android .title{ font-size:14px;}
/*home-IOS*/
.h_ios{ float:left; margin-top:1.5%; width:14.25%; height:160px; background:#fff;}
.h_ios img{ width:50%; height:auto; margin:20% 25% 5%;}
.h_ios a{ width:100%; font-size:12px; text-align:center; color:#666; display:block;}
.h_ios .title{ font-size:14px;}
/*home-partner*/
.h_partner{ margin:1.5% 0px 0px 0%; float:left; width:100%; height:145px; background:#ee9911; position:relative;}
.h_partner h2{ float:left; margin:10px 10px 0px; font-size:18px; width:210px; font-weight:normal; color:#fff; }
.h_partner ul{ float:left; margin-top:0px; padding:1% 2%; margin-left:0px; width:96%; height:90px; overflow:hidden;}
.h_partner li{ float:left; width:60px; height:100px; margin-right:15px;}
.h_partner a{ color:#fff; width:60px; text-align:center; font-size:12px; line-height:14px; display:block;}
.h_partner a:hover{ color:#663300}

.h_partner .more{ position:absolute; left:0px; top:20px; font-size:14px; width:98.5%; height:20px; text-align:right;}
.partnerul{ display:none;}
.partnerul-pad{ display:inline;}
/*home-footer*/
.footer{ float:left; margin-top:15px; width:100%; height:70px; background:#222; color:#cdcdcd;}
.footer .fnav{ width:100%; margin-top:20px; height:16px; line-height:20px; text-align:center;}
.footer .copyright{ width:100%; margin-top:15px; height:16px; line-height:20px; text-align:center;}
.footer .copyright a{color: #cdcdcd;}
.footer .copyright a:hover{color: #fff;text-decoration: underline;}
.footer .fnav a{ text-align:center; color:#cdcdcd;}
.footer .fnav a:hover{ color:#fff;}
/*aboutus*/
/*s-top*//*  allused  */
.s_top_logo{ float:left; /*width:230px;*/ width:23%; height:68px; background:#99bb22;}
.s_logo{ float:left; width:auto; height:50px; margin:5% 0px 5% 25%;}
 .s_top_nav{ float:left; /*margin-left:30px; width:740px;*/ margin-left:2%; width:70%;  height:68px; display: inline-flex; align-items: center;justify-content: space-between;}
.s_top_nav a{  font-size:14px;  }
.copyright_partner p{ width:100%;}/*商务合作--合作伙伴宽度*/

}
/* Landscape phones and down */
@media all and (max-width:480px) {
/*home-top*/
.wrap{ width:100%; }
.h_top_main{ height:434px;}
.h_top{ height:434px;}
.h_top_logo{ width:100%;  height:150px; }
.h_logo{ float:left; width:34%; margin-top:10px;  margin-left:33%;}
.h_logo-text{float:left; width:26%; margin-top:5px;  margin-left:37%;}
.h_top_nav{  margin-left:5%; width:100%; height:50px; }
.h_top_nav a{ padding-left:4%; padding-right:0%; font-size:16px; line-height:50px; }
.h_top_banner{width:100%;}
.in_fla{ width:100%;}
.s_top_nav a img{ float:left; margin-top:18px; margin-right:5px;}
.slides_phone_2{ width:100%; background:url("../images/h_phone_banner2.jpg") no-repeat center top; display:inline;}
.slides_phone_1{ width:100%; background:url("../images/h_phone_banner1.jpg") no-repeat center top; display:inline;}
.slides_phone_6{ width:100%; background:url("../images/h_phone_banner6.jpg") no-repeat center top; display:inline;}
.slides_phone_7{ width:100%; background:url("../images/h_phone_banner7.jpg") no-repeat center top; display:inline;}
.slides_pc_2{ display:none;}
.slides_pc_1{ display:none;}
.slides_pc_6{ display:none;}
.slides_pc_7{ display:none;}
.slides_ipad_2{ display:none;}
.slides_ipad_1{ display:none;}
.slides_ipad_6{ display:none;}
.slides_ipad_7{ display:none;}

/*home-booklist*/
.h_booklist{ width:100%; height:280px; }
.h_booklist a{ float:left;  margin-left:10px; margin-top:10px; width:80px; height:122px; text-align:center; line-height:15px; font-size:12px; color:#666; }
/*home-copyright*/
.h_copyright{ float:left; position:relative; margin-right:1.5%; width:49.25%; height:370px; background:#4499dd; color:#fff;}
.h_vca{ float:left; position:relative; margin-right:0%; width:49.25%; height:370px; background:#ee9911; color:#fff;}
.h_copyright img,.h_vca img{ width:100%; height:auto;}
.h_copyright h2,.h_vca h2{ margin:5% 5% 0%; font-size:18px; width:90%; font-weight:normal; }
.h_copyright .content,.h_vca .content{ margin:5%; font-size:14px; width:90%; height:auto; overflow:hidden;}
.h_copyright .more,.h_vca .more{ position:absolute; left:0px; bottom:10px; font-size:14px; width:90%; height:20px; text-align:right;}
/*home-news*/
.h_news{ float:left; margin-top:1.5%; padding:0px; width:100%; height:260px; background:#99bb22; color:#fff; position:relative;}
.h_news ul{ width:94%; padding:3% 3% 0px; height:auto;}
.h_news li{ float:left; width:100%; height:auto; margin-bottom:13px;}
.h_news img{ float:left; width:15%; height:15%;}
.h_news .title{ float:left; width:80%; margin-left:2%; height:auto; line-height:20px; display:inline; overflow:hidden; }
.h_news .title a{ float:left; margin-left:0px; width:75%; font-size:14px; font-weight:bold; color:#fff; display:inline; height:20px; white-space: nowrap; overflow:hidden; text-overflow: ellipsis}
.h_news .title a:hover{ color:#fffc00;}
.h_news .title span{ text-align:right; float:right;}
.h_news .news_con{ float:left; margin-top:5%; width:80%; height:20px; overflow:hidden; margin-left:2%;}
.h_news .more{ position:absolute; left:0px; bottom:10px; font-size:14px; width:96%; height:20px; text-align:right; color:#fff;}
/*home-android*/
.h_android{ float:left; margin-top:1.5%; margin-right:1.5%; width:49.25%; height:auto; background:#99bb22;}
.h_android img{ width:30%; height:auto; margin:10% 35% 3%;}
.h_android a{ width:100%; font-size:12px; text-align:center; color:#fff; display:block;}
.h_android .title{ font-size:14px;}
.h_android .text{ margin-bottom:5%;}
/*home-IOS*/
.h_ios{ float:left; margin-top:1.5%; width:49.25%; height:auto; background:#fff;}
.h_ios img{ width:30%; height:auto; margin:10% 35% 3%;}
.h_ios a{ width:100%; font-size:12px; text-align:center; color:#666; display:block;}
.h_ios .title{ font-size:14px;}
.h_ios .text{ margin-bottom:5%;}
/*home-partner*/
.h_partner{ margin:1.5% 0px 0px 0%; float:left; width:100%; height:140px; background:#ee9911; position:relative;}
.h_partner h2{ float:left; margin:10px 10px 0px; font-size:18px; width:210px; font-weight:normal; color:#fff; }
.h_partner ul{ float:left; margin-top:10px; padding:1% 2%; margin-left:0px; width:96%; height:90px; overflow:hidden;}
.h_partner li{ float:left; width:60px; height:100px; margin-right:15px;}
.h_partner a{ color:#fff; width:60px; text-align:center; font-size:12px; line-height:14px; display:block;}
.h_partner a:hover{ color:#663300}

.h_partner .more{ position:absolute; left:0px; top:20px; font-size:14px; width:98.5%; height:20px; text-align:right;}
.partnerul{ display:none;}
.partnerul-pad{ display:inline;}


/*home-footer*/
.footer{ float:left; margin-top:0px; width:100%; height:70px; background:#222; color:#cdcdcd;}
.footer .fnav{ width:100%; margin-top:20px; height:16px; line-height:20px; text-align:center;}
.footer .copyright{ width:100%; margin-top:15px; height:16px; line-height:20px; text-align:center;}
.footer .copyright a{color: #cdcdcd;}
.footer .copyright a:hover{color: #fff;text-decoration: underline;}
.footer .fnav a{ text-align:center; color:#cdcdcd;}
.footer .fnav a:hover{ color:#fff;}
/*aboutus*/
/*s-top*//*  allused  */
.s_top_main{ height:160px;}
.s_top{ height:160px;}
.s_top_logo{ width:100%;  height:110px; }
.s_logo{ float:left; width:30%; margin-top:10px;  margin-left:35%;}
 .s_top_nav{ float:left; /*margin-left:30px; width:740px;*/ margin-left:2%; width:70%;  height:68px; display: inline-flex; align-items: center;justify-content: space-between;}
.s_top_nav a{ font-size:16px; line-height:50px; }
/*s_content_box*//*  allused  */
.s_content_box{ float:left; margin:15px 0px 0px; width:100%; height:auto; background:#fff;}
.aboutus_logobox{ float:left; margin-top:30px; width:100%; height:auto;}
.aboutus_logo{ float:left; margin:0px 30%; width:40%; height:auto;}
.aboutus_conbox{ float:left; padding:0px 5% 0px 5%; width:90%;}
.aboutus_cricket_titile{ float:left; margin-top:20px; margin-bottom:20px; width:100%; height:21px; line-height:21px; color:#99bb22; font-size:16px; font-weight:bold; font-family: Helvetica,Arial, sans-serif; background:url(../images/s_titile_icon_green.png) no-repeat; text-indent:30px;}
.aboutus_neupals_titile{ float:left; margin-top:20px; margin-bottom:20px; width:100%; height:21px; line-height:21px; color:#4499dd; font-size:16px; font-weight:bold; font-family: Helvetica,Arial, sans-serif; background:url(../images/s_titile_icon_blue.png) no-repeat; text-indent:30px;}
.aboutus_text{ float:left; margin-bottom:20px; width:100%; height:auto; line-height:26px; color:#666; font-size:14px; text-indent:28px; }
/*product*/
.product_navbox{ float:left; margin-top:0px; width:100%; height:auto;}
.product_navbox a{ margin-bottom:0px; color:#666; background:#ebebeb; line-height:46px; text-align:center; font-size:16px; height:46px; width:100%; display:block;}
.product_navbox .phone_bg{ background:#e0e0e0;}
.product_conbox{ float:left; padding:0px 4.5% 0px 2.5%; width:93%;}
.product_book_box img{float:left; width:auto; height:auto; margin-bottom:10px;}
.product_bookcon .p_imglist{ width:100%;}
.product_creditbox .bg_orange{ float:left; width:100%; height:auto; line-height:20px; font-size:12px; margin:0px; color:#fff; text-indent:10px; background:#d77946; padding:5px 0px;}
.product_creditbox .bg_l_orange{float:left; width:100%;  height:auto; line-height:20px; font-size:12px;  margin:0px; color:#fff; text-indent:10px; background:#ed9b6f; padding:5px 0px;}
.product_text{ font-size:12px;}
/*copyright*/
.copyright_logobox{ float:left; margin-top:0px; width:0%; height:auto; display:none;}
.copyright_logo{ float:left; margin-left:15%; width:0%; height:auto; display:none;}
.copyright_conbox{ float:left; padding:0px 2.5%; width:95%;}
.contactus_conbox{ float:left; padding:0px 2.5%; width:95%;}
/*android-ios*/
.android_logobox{ float:left; margin-top:0px; width:100%; height:auto;}
.android_logo{ float:left; margin:0px 30%; width:40%; height:auto;}
.android_conbox{ float:left; padding:0px 5% 0px 5%; width:90%;}
.android_daishu_titile{ float:left; margin-top:20px; width:100%; }
.android_text{ float:left; margin-bottom:20px; width:100%; height:auto; line-height:26px; color:#666; font-size:14px; text-indent:28px; }

.copyright_partner p{ width:100%;}/*商务合作--合作伙伴宽度*/
}

 @media all and (max-width: 240px) {

.copyright_partner p{ width:100%;}/*商务合作--合作伙伴宽度*/
}