@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;}
/*~~~ ///font_style ~~~*/


.text_grey777{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_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;}


/*~~~ ylsaas_public ~~~*/
.yl_pagewidth{ max-width: 1340px; margin: 0 auto;}
.div_relative{position:relative}
*{transition:all .3s ease;}

.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 ~~~*/








/*~~~ pppage_homepage ~~~*/




/*~~~ ylsaas_bigbanner ~~~*/
.ylsaas_bigbanner{
/*     background-image: url(../images/homepage/yl_banner_bg.jpg);
background-repeat: no-repeat;
background-position:center center;
background-size: cover; */
    background-color: #0D1337;
    height: 920px;
}
.big_box{display: block;height: 100%; width: 100%;}
.big_box_bg{
    background-image: url(../../../images/homepage/yl_banner_bg.jpg);
    background-repeat: no-repeat;
    background-position:center center;
    background-size: cover;
    height: 920px;
}
.big_box_bg.big_box_bg01{
    background-image: url(../../../images/homepage/yl_banner_bg01.jpg);
}
.big_box_bg.big_box_bg02{
    background-image: url(../../../images/homepage/yl_banner_bg02.jpg);
}
.big_box_bg.big_box_bg03{
    background-image: url(../../../images/homepage/yl_banner_bg03.jpg);
}
.ylsaas_bigbanner_inz{ position: relative; height: 920px;}

/*~~~ xxx%yl_hp_1baner ~~~*/
dl.yl_hp_1baner_tit{ 
    position: absolute;left: 2%; top: 190px; 
    color: #fff; text-align: left;text-shadow:0 1px 2px rgba(0,0,0,0.5);
}
dl.yl_hp_1baner_tit>dt{ font-size: 60px; padding: 0 0 30px;}
dl.yl_hp_1baner_tit>dd{font-size: 30px; line-height: 2.1em;}

.yl_hp_1baner_pic{ width: 78%;max-width:1146px;
    position: absolute;
    right: -7%;
    bottom: 2%;
    z-index: 2;
}
.yl_hp_1baner_pic>img{width: 100%;}
/*~~~ ///ylsaas_bigbanner ~~~*/

/*~~~ bigbar_2tunebar ~~~*/
.bigbar_2tunebar{min-height: 780px;height: 790px; position: relative; padding: 0px 0 0px 0; margin-top:-130px;}

.yl_hp_2baner_tune{
 width: 100%; height:100%;
}

.hp_2banner_pic{width: 96%;height:99%;padding:230px 0 30px 38%;}
.hp_2banner_pic>img{ width:auto; height: 100%;}

.yl_hp_2baner_wordbox{
    position: absolute;left: 2%; /* top: -130px; */top: 0px;z-index:3; width: 30%; margin: 0;
}
.yl_hp_2baner_wordbox .yl_hp_2baner_box_blue{
    background-color: #2C71E2; width: 100%; min-height: 380px;
    box-shadow: 0 3px 10px rgba(0,0,0,0.1);
    border-radius: 14px;
    padding: 50px 30px 20px;
}
dl.hp_2baner_box_blue_info{color: #fff; text-align: left;text-shadow:0 1px 2px rgba(0,0,0,0.5);}
dl.hp_2baner_box_blue_info>dt{font-size: 45px;font-weight: 700;margin: 0 0 0.9em 0;}
dl.hp_2baner_box_blue_info>dd{font-size: 28px;line-height: 1.7em;}

.yl_hp_2baner_box_info{}
ul.yl_hp_2baner_box_info_lll{ font-size: 18px; padding: 80px 0%  20px 0%;}/*padding: 80px 1%  20px 12%;*/
ul.yl_hp_2baner_box_info_lll>li{ 
    float: left; width: 50%;
    padding: 9px 0 9px 15px;
    background-image: url(../images/develop/css_sprite_yl.png);
    background-repeat: no-repeat;
    background-position:-398px -81px; text-align: left;  
}
ul.yl_hp_2baner_box_info_lll em{ padding-right:0 1%; text-align:left;text-align:justify;display:block;line-height:1.6em;text-indent: 2em;}

/*~~~ ///bigbar_2tunebar ~~~*/






/*~~~ big_banner_phone ~~~*/

.swiper_box{height: 1080px;}

.big_banner_phone{
    background-image: url(../../../images/banners/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/banners/banner_phone01.jpg);}
.big_banner_phone.big_banner_phone02{  background-image: url(../../../images/banners/banner_phone02.jpg);}

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

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


.big_banner_phone .circle_01 {
    background-image: url(../images/develop/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 0;}
dl.big_banner_tit.tit_bgbut{
    background-image: url(../images/develop/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)}



/*~~~ ///big_banner_phone ~~~*/



.big_bar_default{
    background-color: #fff; min-height: 130px; position: relative;
}
.big_bar_default_inz{}

.big_bar_default.tb_gap2050{ padding: 20px 0 50px;}

.big_bar_default.bigbar_2tune_transparent{
    background-color:  transparent;
}
.circle_02 {
    background-image: url(../../../images/banners/circle_02.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    height:300px;
    width:300px;
    display: block;
    position: absolute;
    z-index: 10;
    top: -170px;
    right: 1%;
}

.yl_contentall_box{ }
.yl_contentall_box_inz{}

.yl_tabs_titbar{background-color: #F8F9FB; min-height: 60px;box-shadow:0 1px 4px rgba(0,0,0,0.15);}


.tabs_ylstyle{ padding: 10px 0 5px; font-size: 18px;}

.tabs_ylstyle .nav-item{text-align: center; }

.tabs_ylstyle .nav-pills .nav-link.active, .tabs_ylstyle .nav-pills .show>.nav-link {
/*     color: #fff;
background-color: #007bff; 
border-radius: .25rem;
*/
color: #2971e4; font-weight: 700;
background-color: transparent;
border-bottom: 3px solid #2971e4;border-radius:0rem;

}

.tabs_ylstyle .nav-link{
    /* display: block; 
    padding: .5rem 1rem; */text-align: center; display: inline-block;
}
.tabs_ylstyle .nav-link:hover{
    background-color: rgba(44,113,226,0.16);
}

/*~~~ xxx%big_bar_marketing ~~~*/

.big_bar_marketing{ background-color: #F9FAFC;}/* #0F1521; */
/*~~~ xxx%big_bar_chart ~~~*/
.newh_data{ padding: 30px 0 50px;}
.newh_data>li{ width: 33.33%;min-height: 200px; float: left; text-align: center;padding: 30px 0 30px;
position: relative;
}
.newh_data>li>h1{ font-size: 18px;color: #666;position: absolute;bottom: 90px;text-align: center; width: 100%;}
/*~~~ xxx%big_bar_trybut ~~~*/
.big_bar_trybut{
    background-image: url(../../../images/homepage/big_bar_trybut_bg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 100% ;
    background-color: #26539B;
    min-height: 160px;
}
.butbar_try_yl{}
.butbar_try_yl>h6{text-align: center; padding: 34px 0 20px;}
.butbar_try_yl>ul{text-align: center; color: #fff; font-size: 25px; font-weight: normal;}
i.but_bar_try{display: inline-block; min-width: 9em; padding: 0 3.5em; height: 46px;line-height: 46px; background-color: #fff;border-radius:25px;box-shadow: 0 5px 12px rgba(0,0,0,0.1);color:#2971e4;
cursor: pointer;
}
i.but_bar_try:hover{background-color: #2971e4; color:#fff;box-shadow: 0 6px 19px rgba(44,113,226,0.5)}



/*~~~ big_bar_strategy ~~~*/

.big_bar_strategy{
    background-color: #f9fafc; min-height: 780px; position: relative;
}
.big_bar_strategy_inz{ padding: 0 0 120px;}
.hp_strategy_box{

    display: block; width: 806px; min-height: 500px;margin: 0 auto 0px auto;
}
.hp_strategy_box_in{
    background-image: url(../../../images/homepage/homepage_strategy_bg.png);
    background-repeat: no-repeat;
    background-position:top center;
    background-size:100% auto; width: 100%;height: 500px;
    position: relative;
}

dl.hp_strategy_ball{ width: 140px;
    position: absolute; z-index: 1; 
}
dl.hp_strategy_ball.number01{top:20%;left: -2%;}
dl.hp_strategy_ball.number02{bottom:8%;left: 13%;}
dl.hp_strategy_ball.number03{bottom:-8%;left: 50%;margin-left:-70px; }
dl.hp_strategy_ball.number04{bottom:8%;right: 13%;}
dl.hp_strategy_ball.number05{top:20%;right: -2%;}

dl.hp_strategy_ball>dt{text-align: center;}
dl.hp_strategy_ball>dt>h6{ width:100px; height: 100px;line-height: 100px;border-radius: 50%;
    background-color: #fff;box-shadow:0 1px 9px rgba(0,0,0,0.15);  
    color: #2971e4; font-size:40px; text-align: center;
    display:inline-block; margin: 0 auto;
}
dl.hp_strategy_ball>dt>h6.hp_strategy_blue{background-color: #2971e4;color: #fff;}
dl.hp_strategy_ball>dt>h6>i{}
dl.hp_strategy_ball>dd{text-align: center;font-size: 18px; font-weight: 700; padding: 15px 0 0;}





/*~~~ ///big_bar_strategy ~~~*/



/*~~~ pppage_product ~~~*/
.bigbar_bg_product{
    background-repeat: no-repeat;
    background-position:center center;
    background-size:cover;
    background-color: #123DBD;
    min-height: 500px;
}

.bigbar_bg_product.bigbar_bgpic_aboutus{
    background-image: url(../images/develop/bigbanner01.jpg);
    background-color: #1F2E43;
}

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: 160px 0 0 5%;}
dl.bigbar_tit_solution>dt{
    font-size: 53px;color: #fff;font-weight:400;
}
dl.bigbar_tit_solution>dt.solution_tit_bg{
    background-image: url(../../../images/bigbar/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: #2971e4; width: 70px; height: 7px; display: block;
    content:""; margin-top:20px; 
}


ul.solution_block_lll{ padding: 40px 0 40px;}
ul.solution_block_lll>li{ float: left; width: 33.33%; padding: 20px 20px;}

.solution_box{border-radius:8px;
    border: 1px solid #eee;background-color: #fff;
}
.solution_box:hover{box-shadow:0 3px 13px rgba(0,0,0,0.15);}
.solution_box>ol{
    height: 280px; overflow: hidden;
    border-top-left-radius:8px;
    border-top-right-radius:8px;
}
.solution_box a{display: block;}
.solution_box>ol>a>em{
    height: 280px; display: block;
    background-image: url(../../../images/product/product_bg.jpg);
    background-repeat: no-repeat;
    background-position:center center;
    background-size:cover;transition:all 0.7s ease;

}
.solution_box:hover>ol>a>em{transform: scale(1.1);}
.solution_box>dl{ padding: 20px 20px;text-align: justify;/*文字段落两边对齐*/}
.solution_box>dl>dt{font-size: 18px; font-weight: 700; margin: 0 0 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-wrap: break-word;
    overflow: hidden; height:3.2em;
}
.solution_box>dl>dd{font-size: 14px!important; font-weight: normal;margin: 0 0 18px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-wrap: break-word;
    overflow: hidden;height:3.2em;
}
.solution_box>dl>dd *{font-size: 14px!important;}
.solution_box>dl>h6{font-size: 14px; font-weight: normal; text-align: right; line-height: 32px;}
.solution_box>dl>h6>i{float: left;}
i.solution_sortbut{
    display:inline-block; color: #3776ff; border: 1px solid #3776ff;
    height: 32px; line-height: 30px;border-radius:16px; padding: 0 2em; min-width: 7em;
    font-size: 14px; font-weight: normal; /* cursor: pointer; */
    text-align: center;
}
i.solution_sortbut:hover{
    background-color: #3776ff;color: #fff;box-shadow:0 2px 15px rgba(55,118,255,0.15);
}
/*~~~ xxx%case box ~~~*/
.yl_case_box{border-radius:8px;
    border: 1px solid #eee; background-color: #fff;
}
.yl_case_box:hover{box-shadow:0 3px 13px rgba(0,0,0,0.15);}
.yl_case_box>ol{
    height: 280px; overflow: hidden;
    border-top-left-radius:8px;
    border-top-right-radius:8px;
}
.yl_case_box a{display: block;}
.yl_case_box>ol>a>em{
    height: 200px; width: 200px; margin: 40px auto 0; border-radius:50%; 
    display: block;
    background-image: url(../../../images/homepage/nh_partner_logo00.png);
    background-repeat: no-repeat;
    background-position:center center;
    background-size:100% auto;transition:all 0.7s ease;
    background-color: rgba(216,219,221,0.6);

}
.yl_case_box:hover>ol{
    background-image: url(../../../images/news/case_box_bg.jpg);
    background-repeat: no-repeat;
    background-position:center center;
    background-size:cover;
}
.yl_case_box:hover>ol>a>em{transform: scale(1.1);background-color: rgba(237,240,242,0.6);}
.yl_case_box>dl{ padding: 20px 20px;text-align: justify;/*文字段落两边对齐*/}
.yl_case_box>dl>dt{font-size: 18px; font-weight: 700; margin: 0 0 20px;
    text-align: center;
    height:1.2em;
    
}
.yl_case_box>dl>dt a{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;/*一行的省略标记(...)*/}
.yl_case_box>dl>dd{font-size: 14px!important; font-weight: normal;margin: 0 0 18px;
    display: -webkit-box;/*2行多出……号*/
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    word-wrap: break-word;
    overflow: hidden; 

    height:5.8em;
}
.yl_case_box>dl>dd *{font-size: 14px!important;}
.yl_case_box>dl>h6{font-size: 14px; font-weight: normal; text-align:center; line-height: 32px;}
.yl_case_box>dl>h6>i{float: none;}

/*~~~ ///pppage_solution ~~~*/





/*~~~ pppage_aboutus ~~~*/
.aboutus_info{padding: 30px 1em;}
.aboutus_info>.row>.lip{ padding-top: 20px;padding-bottom: 20px;}
h6.aboutus_pic01{
    height: 290px; overflow: hidden;
    border-radius:8px;
}
h6.aboutus_pic01>em{
    height: 290px; display: block;
    background-image: url(../../../images/aboutus/aboutus_pic01.jpg);
    background-repeat: no-repeat;
    background-position:center center;
    background-size:cover;transition:all 0.7s ease;
}
h6.aboutus_pic01:hover>em{transform: scale(1.1);}

.aboutus_words{font-size: 16px; line-height: 1.7em;text-align: justify;/*文字段落两边对齐*/}
.aboutus_words p{
    padding: 0em 0 0.7em;
    text-indent:2em;/*首行缩进2字*/
}

/*~~~ xxx%contact_us ~~~*/
.yl_contact_us_map{
    background-image: url(../../../images/aboutus/contact_us_map.jpg);
    background-repeat: no-repeat;
    background-position:center top;
    background-size:auto 100%;
    max-width:1520px ;min-height: 600px;
    position: relative; 
}
.yl_contact_us_box{
    width: 380px; min-height: 240px; 
    position: absolute;
    left: 40%;
    top: 230px;
    border: 1px solid #e4e6e9;
    background-color: #fff;
    border-radius: 7px;
    padding: 30px 15px 20px;
    box-shadow:0 2px 13px rgba(0,0,0,0.2);
}
.yl_contact_us_box:before{
    content: "";
    display: block;
    position: absolute;
    right: 50%;
    top: 0px;
    margin-top: -15px;
    margin-right: -8px;
    width: 0;
    height: 0;
    border: 8px dashed transparent;
    border-bottom-style: solid;
    border-bottom-color:#fff;
    z-index: 1;
}
.yl_contact_us_box:after{
    content: "";
    display: block;
    position: absolute;
    right: 50%;
    top: 0px;
    margin-top: -16px;
    margin-right: -8px;
    width: 0;
    height: 0;
    border: 8px dashed transparent;
    border-bottom-style: solid;
    border-bottom-color:#e4e6e9;
}
dl.yl_contact_us_box{}
dl.yl_contact_us_box>dt{ font-size: 22px; padding: 0 0 0 15px;}
dl.yl_contact_us_box>em{
    background-color: #2971e4;
    width: 50px;
    height: 2px;
    display: block;
    content: "";
    margin: 15px 0 15px 15px;
}
dl.yl_contact_us_box>dd{font-size: 16px;}

/*~~~ xxx%development ~~~*/

.yl_develop_zone{}
.yl_develop_zone .yl_develop_box{
    background-image: url(../images/develop/develop_linebg.png);
    background-repeat: repeat-y;
    background-position:center top;
    position: relative; padding: 0 10px;

display: flex;flex-direction: row;justify-content: flex-start;align-items: stretch;flex-wrap: nowrap;align-content: flex-start;

}
.yl_develop_box>h6{
    position: absolute;top:0;left: 50%; margin-left:-50px; 
    width:100px; height: 100px;line-height: 100px;border-radius: 50%;
    box-shadow:0 1px 9px rgba(0,0,0,0.15);  
    font-size:30px; text-align: center;
    display:block; 
    background-color: #2971e4;color: #fff;
}
.yl_develop_box>dt{
    padding: 120px 20px 30px;

    flex-grow: 0; flex-shrink:1; flex-basis:50%; align-self:auto;
    min-height: 100px;
}
.yl_develop_box>dt>img{ width: 100%}
.yl_develop_box>dd{
    padding: 120px 0px 30px 50px;
    flex-grow: 0;flex-shrink:1; flex-basis:50%;align-self:auto;min-height: 100px;
}
.yl_develop_box>dd>ol.yl_develop_info{padding: 0 0 20px 30px;}
/* .yl_develop_box>dd>ol.yl_develop_info>h3{ font-size:18px;font-weight: 700;
    background-image: url(../images/css_sprite_yl.png);
    background-repeat: no-repeat;
    background-position:-400px -286px; padding:10px 0 10px 20px; margin-left:-40px; 
} */
.yl_develop_box>dd>ol.yl_develop_info>h3{ font-size:18px;font-weight: 700;
    padding:10px 0 10px 0px;line-height: 18px; vertical-align: middle;margin-left:-46px; 
    height: 42px;
}
.yl_develop_box>dd>ol.yl_develop_info>h3>i{
    background-image: url(../images/develop/css_sprite_yl.png);
    background-repeat: no-repeat;
    background-position:-392px -295px; width: 28px; height: 18px;display: inline-block;
}
.yl_develop_box>dd>ol.yl_develop_info>h3>span{ height: 20px; display: inline-block;}
.yl_develop_box>dd>ol.yl_develop_info>li{
    font-size:16px;
    list-style-type:disc; padding: 0.3em 0px;text-align: justify;/*文字段落两边对齐*/
}
.yl_develop_box.dlr_exchange{flex-direction: row-reverse;}
.yl_develop_box.dlr_exchange>dd{
padding: 120px 50px 30px 50px;}
.yl_develop_box.dlr_exchange>dd>ol.yl_develop_info>h3{ 
}
.yl_develop_box.dlr_exchange>dd>ol.yl_develop_info>h3>i{

}
.yl_develop_box.dlr_exchange>dd>ol.yl_develop_info>h3>span{

}

.circle_01_float {
    background-image: url(../images/develop/circle_01.png);
    background-repeat: no-repeat;
    background-position: center center;
    height: 500px;
    width: 500px;
    display: block;
    position: absolute;
    z-index: 10;
    top: -321px;
    right: -17%;
}
/*~~~ ///pppage_aboutus ~~~*/