@charset "utf-8";



/*~~~ font_style ~~~*/
.textxc14{font-size: 14px;}
.textxc16{font-size: 16px;}
.textxc18{font-size: 18px;}
.textxc20{font-size: 20px;}
.textxc23{font-size: 23px;}
.textxc28{font-size: 28px;}
.textxc33{font-size: 33px;}
.textfbb{ font-weight: bold;}

.text_white{color:#fff;}
/*.text_white a:link,.text_white a:visited{ color:#fff; text-decoration:none;}
.text_white a:hover,.text_white a:active{ color: #2971e4; text-decoration:none;}*/

.text_greyccc{color:#ccc;}
.text_greyccc a:link,.text_greyccc a:visited{ color:#ccc; text-decoration:none;}
.text_greyccc a:hover,.text_greyccc a:active{ color: #2971e4; text-decoration:none;}

.text_grey999{color:#999;}
.text_grey999 a:link,.text_grey999 a:visited{ color:#999; text-decoration:none;}
.text_grey999 a:hover,.text_grey999 a:active{ color: #2971e4; text-decoration:none;}

.text_grey888{color:#888;}
.text_grey888 a:link,.text_grey888 a:visited{ color:#888; text-decoration:none;}
.text_grey888 a:hover,.text_grey888 a:active{ color: #2971e4; text-decoration:none;}

.text_grey777{color:#777}
.text_grey777 a *{color:#777}
.text_grey777 a:link,.text_grey777 a:visited{ color:#777}
.text_grey777 a:hover,.text_grey777 a:active{ color: #2971e4; text-decoration:none;}
.text_grey777 a:hover *,.text_grey777 a:active *{ color: #2971e4;}

.text_grey666{color:#666;}
.text_grey666 a:link,.text_grey666 a:visited{ color:#666; text-decoration:none;}
.text_grey666 a:hover,.text_grey666 a:active{ color: #2971e4; text-decoration:none;}

.text_grey333{color:#333;}
.text_grey333 a:link,.text_grey333 a:visited{ color:#333; text-decoration:none;}
.text_grey333 a:hover,.text_grey333 a:active{ color: #2971e4; text-decoration:none;}

.text_grey333{color:#333;}
.text_grey333 a:link,.text_grey333 a:visited{ color:#333; text-decoration:none;}
.text_grey333 a:hover,.text_grey333 a:active{ color: #2971e4; text-decoration:none;}

.text_blue{color:#007BFF;}
.text_blue a:link,.text_blue a:visited{ color:#007BFF; text-decoration:none;}
.text_blue a:hover,.text_blue a:active{ color: #FF4D65; text-decoration:none;}

.df_text_grey333{color:#333333;}
.df_text_grey333 a:link,.df_text_grey333 a:visited{ color:#333333; text-decoration:underline;}
.df_text_grey333 a:hover,.df_text_grey333 a:active{ color: #2971e4; text-decoration:underline; font-weight: 600;}
/*~~~ ///font_style ~~~*/





/*~~~ ylsaas_public ~~~*/
.yl_pagewidth{ max-width: 1200px; margin: 0 auto;}
.div_relative{position:relative}

.ylsaas_white_bar{height:70px;background-color: transparent;}


.text_only1line{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;/*一行的省略标记(...)*/}
.text_only2line{
  text-overflow: ellipsis;/*多行文本 用省略号...隐藏超出文本*/
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.text_bold{ font-weight: bold;}
.text_2em_p{text-indent:2em;/*首行缩进2字*/}
.text_lr_fine{text-align: justify;/*文字段落两边对齐*/}
/*~~~ ///ylsaas_public ~~~*/


/* --------clearfix-------*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear:both;
    visibility: hidden;
}
.clearfix{
    *zoom: 1;/* IE6IE7 */
}
/*=========clearfix=====end=========*/

















/*~~~ big_banner_phone ~~~*/

.swiper_box{height: 1080px;}

.big_banner_phone{
    background-image: url(../images/products/banner_phone01.jpg);
    background-repeat: no-repeat;
    background-position:center bottom;
    background-size: auto 100%;
    background-color: #fafbfc;
    height: 1080px; width: 100%;
    position: relative; overflow: hidden;
}
.big_banner_phone.big_banner_phone01{  background-image: url(../images/products/banner_phone01.jpg);}
.big_banner_phone.big_banner_phone02{  background-image: url(../images/products/banner_phone02.jpg);}

.big_banner_phone.big_banner_phone03{  background-image: url(../images/products/banner_phone03.jpg);}

.big_banner_phone.big_banner_phone04{  background-image: url(../images/products/banner_phone04.jpg);}


.big_banner_phone .circle_01 {
    background-image: url(../images/products/circle_01.png);
    background-repeat: no-repeat;
    background-position: center center;
    height: 500px;
    width: 500px;
    display: block;
    position: absolute;
    z-index: 10;
    top: -221px;
    right: -15%;
}



dl.big_banner_tit{margin: 0 auto;text-align: center;padding: 6% 0 40px;}
dl.big_banner_tit.tit_bgbut{
    background-image: url(../images/products/bigbar_tit_bg.png);
    background-repeat: no-repeat;
    background-position: 73% 64px;
}
dl.big_banner_tit>dt{ font-size: 34px; font-weight: 700; color: #333;margin:-48px 0 0; }

dl.big_banner_tit>dd{font-size: 60px; font-weight: 700; color: #EAEBED;text-transform:uppercase;
    height: 90px;/* word-wrap:break-word; */
    white-space: nowrap;text-overflow: ellipsis;overflow: hidden;/*一行的省略标记(...)*/
}


dl.big_banner_tit>h5{font-size: 18px; font-weight:300; color: #333; padding: 17px 1em 0;}
dl.big_banner_tit.bottom_gap20{ padding-bottom: 20px;}

dl.big_banner_tit.txt_wehite_bar>dt{ color: #fff;}
dl.big_banner_tit.txt_wehite_bar>dd{color: rgba(255, 255, 255, 0.1);}

.big_banner_phone_inz{ height: 100%;}


dl.big_banner_words{ margin: 10% 7% 0 59%; text-align: left; padding: 0 0 0 0; border-left: 1px solid #dbdbdb; height: 60%;}
dl.big_banner_words>dt{ font-size: 56px; font-weight: normal; color: #2971e4;margin:0px 0 0 -4px;border-left: 4px solid #2971e4;padding: 0 0 0 10%; }
dl.big_banner_words>dd{font-size: 16px; font-weight: normal; color: #666;text-transform:uppercase;padding: 40px 0 60px 10%;}
dl.big_banner_words>h6{padding: 0 0 0 10%;}

i.yl_but_links{display: inline-block; min-width: 9em; padding: 0 3.5em; height: 46px;line-height: 46px; background-color: #2971e4;border-radius:25px;box-shadow: 0 5px 12px rgba(0,0,0,0.1);color:#fff;
cursor: pointer;text-shadow:none!important;
}
i.yl_but_links:hover{background-color: #175ED3;box-shadow: 0 6px 19px rgba(44,113,226,0.5)}
i.yl_but_links.white{
    color: #175ED3;
    background-color: #fff;
}







/*~~~ pppage_homepage ~~~*/


/*~~~ pppage_product ~~~*/
.bigbar_bg_product{
    background-image: url(../images/products/banner_products01.png);
    background-repeat: no-repeat;
    background-position:center center;
    background-size:cover;
    min-height: 550px;
}
.bigbar_bg_product.bigbar_bgpic_privacy{
    background-image: url(../images/products/bigbar_bg_privacy.jpg);
    background-color: #0E2A4C;
}
.bigbar_bg_product.bigbar_bgpic_solution{
    background-image: url(../images/products/bigbar_bg_solution.jpg);
    background-color: #1415B5;
}
.bigbar_bg_product.bigbar_bgpic_aboutus{
    background-image: url(../images/products/bigbar_bg_aboutus.jpg);
    background-color: #1F2E43;
}
.bigbar_bg_product.bigbar_bgpic_case{
    background-image: url(../images/products/bbanner_case.jpg);
    background-color: #16191E;
}
.bigbar_bg_product.bigbar_bgpic_news{
    background-image: url(../images/products/bbanner_news.jpg);
    background-color: #1C1F26;
}
.bigbar_bg_product.bigbar_bgpic_price{
    background-image: url(../images/products/bbanner_price.jpg);
    background-color: #1C1F26;
}
.bigbar_bg_product>.bigbar_bg_product_inz{
    min-height: 480px;
}
dl.bigbar_tits{text-shadow:0 1px 5px rgba(0,0,0,0.2); text-align: center; padding: 140px 3% 0;}
dl.bigbar_tits>dt{color: #fff; font-size: 60px;padding: 0 0 30px; font-weight: 200;}
dl.bigbar_tits.up_top{padding-top: 60px}
dl.bigbar_tits>dd{color: #fff; font-size: 20px; padding: 0 0 40px;}
dl.bigbar_tits>h6{}









/*~~~ pppage_solution ~~~*/
dl.bigbar_tit_solution{text-shadow: 0 1px 5px rgba(0,0,0,0.2);padding: 120px 0 0 5%;max-width: 531px;}
dl.bigbar_tit_solution>dt{
    font-size: 40px;
    color: #fff;
    font-weight:400;
}
dl.bigbar_tit_solution>dt.solution_tit_bg{
    background-image: url(../images/products/solution_tit.png);
    background-repeat: no-repeat;
    background-position:left center;
    background-size: auto 100%;
    width: 379px; height: 81px;
}
dl.bigbar_tit_solution>dd{ font-size: 20px;color: #fff;
    padding: 30px 0 30px; line-height: 2em;
}
dl.bigbar_tit_solution>h3{}
dl.bigbar_tit_solution.haveline>em.line{
    background-color: rgb(255 227 91);
    width: 70px;
    height: 7px;
    display: block;
    content:"";
    margin-top:20px;
}










/*~~~ xxx% yl_product_content_lr ~~~*/
.yl_product_content_lr{ padding: 30px 0 20px;}
.yl_product_content_lr>li{width: 50%;padding: 0px 0 50px;}
.yl_product_content_lr>li.yl_left{ float: left;}


.yl_product_content_lr>li h3.yl_product_pic{
    background-color: #eee; height: 420px; display: block;border-radius: 7px; overflow: hidden;
}
.yl_product_content_lr>li h3.yl_product_pic>em{
    height: 420px; display: block;
    background-image: url(../images/products/product_bg.png);
    background-repeat: no-repeat;
    background-position:center center;
    background-size:cover;transition:all 0.7s ease;
}
/*.yl_product_content_lr>li h3.yl_product_pic:hover>em{transform: scale(1.1);}*/


.yl_product_content_lr>li.yl_right{ float: right;}

.yl_product_content_lr.lr_exchange{}
.yl_product_content_lr.lr_exchange>li.yl_left{ float: right;}
.yl_product_content_lr.lr_exchange>li.yl_right{ float: left;}

dl.big_banner_words2{
    margin: 0% 9% 0 15%;
    text-align: left;
    padding:60px 0 0 0;
    /*border-left: 1px solid #dbdbdb;*/
    /* height: 100%; */
    display: block;
    min-height: 420px;
    }
dl.big_banner_words2>dt{font-size: 30px;font-weight: normal;color: #2971e4;margin:0px 0 0 -4px;border-left: 6px solid #b3d0ff;padding: 0 0 0 6%;}
dl.big_banner_words2>dd{font-size: 16px;font-weight: normal;color: #666;text-transform:uppercase;padding: 40px 0 60px 8px;}
dl.big_banner_words2>dd>em{padding:10px 0 30px;display:block;}
dl.big_banner_words2>h6{padding: 0 0 0 10%;}

ol.product_list{}
ol.product_list>li{
    margin-left: 0em;
    padding: 0.3em 0 0.3em 23px;
    background-image:url(../images/products/css_sprite_yl.png);
    background-repeat: no-repeat;
    background-position:-400px -191px;
}



a.yl_but_links{display: inline-block;min-width: 7em;padding: 0 3em;height: 40px;font-size: 16px;line-height: 40px;background-color: #2971e4;border-radius:25px;box-shadow: 0 5px 12px rgba(0,0,0,0.1);color:#fff;cursor: pointer;text-shadow:none!important;}
a.yl_but_links:hover{background-color: #175ED3;box-shadow: 0 6px 19px rgba(44,113,226,0.5)}
a.yl_but_links.white{
    color: #175ED3;
    background-color: #fff;
}




/*~~~ ///pppage_product ~~~*/


















.chinese {
  width: 100%;
  height: 550px;
  padding-top: 50px;
  padding-bottom: 50px;
  background: url(../images/vips/bg3_1.jpg) center center no-repeat;
}
.chinese .main {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
}
.chinese .main .parentsHeader {
  text-align: center;
}
.chinese .main .parentsHeader h3 {
  font-size: 48px;
  line-height: 1.8;
  color: #fff;
}
.chinese .main .parentsHeader .underline {
  width: 160px;
  height: 4px;
  margin: 0 auto;
  background-color: #f74c4c;
}
.chinese .main .parentsHeader h4 {
  font-size: 24px;
  line-height: 1.8;
  color: #969696;
}
.chinese .main .parentsHeader h5 {
  font-size: 16px;
  line-height: 30px;
  color: #999999;
}
.chinese .main .quality {
  padding-top: 50px;
  font-size: 0;
}
.chinese .main .quality li {
  display: inline-block;
  _zoom: 1;
  width: 33.3%;
}
.chinese .main .quality li div {
  display: block;
  width: 160px;
  height: 160px;
  border: 1px solid #eee;
/*  padding: 10px; */
  margin: 0 auto;
  box-sizing: border-box;
  border-radius: 50%;
  text-align: center;
}
.chinese .main .quality li div img {
  display: inline-block;
  margin-top: 16px;
  width: 100px;
  height: 100px;
}
.chinese .main .quality li span {
  display: block;
  font-size: 18px;
  line-height: 2;
  color: #fff;
  text-align: center;
}



.teacher_chinese1{
  width: 160px;height:160px;
  background: url(../images/vips/teacher_chinese1.png) no-repeat center center;
  display: block;
}
.teacher_chinese2{
  width: 160px;height:160px;
  background: url(../images/vips/teacher_chinese2.png) no-repeat center center;
  display: block;
}
.teacher_chinese3{
  width: 160px;height:160px;
  background: url(../images/vips/teacher_chinese3.png) no-repeat center center;
  display: block;
}