body{font-family: 'Noto Sans SC', 'Source Han Sans', 'OPPO Sans', 'Roboto', 'MiSans', 'HarmonyOS Sans', '思源黑体', sans-serif;}
ul {list-style: none;}
li {list-style: none;}
ol {list-style: none;}
dl {margin: auto;}
dd {margin: auto;}
input {margin: 0px; padding: 0px; vertical-align: middle;}
a {color: rgb(51, 51, 51);}
a:visited {color: rgb(51, 51, 51);}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a {cursor: pointer;}
* {box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box;}
*::after {box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box;}
*::before {box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box;}
.left {
	float: left;
}
.right {
	width: 800px;
	float: right;
}
.right ul li{ width: 100px; float: left; text-align: center; margin: 0 13px; }
.w-gray {
	color: rgb(170, 170, 170);
}
.w-white {
	color: rgb(255, 255, 255) !important;
}
.w-blue {
	color: rgb(0, 134, 218);
}
.clear {
	clear: both;
}
.margin-t30 {
	margin-top: 30px !important;
}
.header {
	top: 0px; width: 100%; height: 132px;   position: fixed; z-index: 1000; background-color: rgb(255, 255, 255); 
box-shadow: 2px 0px 6px #e5e5e5;}
.dis_page{ border-top: 1px solid #ccc;}
.d_prev , .d_next{ font-size: 14px;}
.am-container-1 {
	margin: 0px auto; width: 1200px;
}
.am-topbar-nav > li > a::after {
	display: none;
}
.am-nav{margin: 0px !important;}
.hw-logo {
	height: 50px; position: relative;padding-top: 1px;
}
.logo {
	height: 49px;
}
.word {
	left: 100px; top: 30px; position: absolute;
}
.hw-menu li {
	height: 60px;
}
.hw-menu-active {
border-bottom-color: rgb(0, 134, 218);
border-bottom-width: 4px;
border-bottom-style: solid;
background: rgb(0, 134, 218);
}
.hw-menu-active a {
	color: #fff;
}
.hw-menu li:hover {
	border-bottom-color: rgb(0, 134, 218); border-bottom-width: 4px; border-bottom-style: solid;
}
.hw-menu li a:hover {
	color:  rgb(0, 134, 218);
}
.hw-menu li a {
	line-height: 60px;
font-size: 15px;
}
.hw-menu li a:hover {
	border-radius: 5px;
}
.footer {
    clear: both;
    background: #0086da;
    padding: 30px 0 0;
    overflow: hidden;
}
.w1200 {
    width: 1200px;
    margin: 0 auto;
}
.ft_l {
    width: 205px;
    float: left;
    margin-top: 0px;
}
.tel {
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    color: #fff;
    padding-left: 40px;
    background: url(../images/tel.png) no-repeat left center;
    margin: 12px 0 18px 0;
}
.newsnav {
    overflow: hidden;
    width: 100%;
    background: #FFFFFF;
    border-bottom: #eaeaea solid 1px;
    height: 43px;
margin-bottom: 8px;}
.newsnav .newsnav_nei {
    width: 1200px;
    margin: 0 auto;
    max-width: 100%;
}
.newsnav table {
	float: left;
    max-width: 100%;
    border-left: #eaeaea solid 1px;
}
/*新闻*/
.newdet {
    width: 1200px;
    margin: 20px auto;
}
.news {
    width: 100%;
}

.news .news_xun {
    width: 100%;
    float: left;
    border-bottom: #e5e5e5 dashed 1px;
    padding: 30px 10px;
}
.news .news_xun .news_left {
    padding: 10px 20px;
    width: 120px;
    float: left;
    height: 120px;
    background: #f7f7f7;
}

.news .news_xun .news_left .news_left1 {
    width: 100%;
    float: left;
    font-size: 40px;
    height: 56px;
    font-weight: bolder;
    color: #666666;
}
.news .news_xun .news_left .news_left2 {
    width: 100%;
    float: left;
    font-size: 16px;
    color: #666666;
}
.news .news_xun .news_left .news_left3 {
    width: 100%;
    float: left;
    font-size: 16px;
    color: #666666;
}
.news .news_xun .news_right {
    width: 930px;
    float: left;
    margin-left: 30px;
}
.news .news_xun .news_right .news_right_title {
    width: 100%;
    float: left;
    font-size: 18px;
    font-weight: bolder;
    color: #333333;
}

.news .news_xun .news_right .news_right_xi {
    width: 100%;
    margin: 15px 0;
    float: left;
    font-size: 12px;
    color: #9f9f9f;
}
.news .news_xun .news_right .news_right_xi span {
    margin-right: 10px;
}
.news .news_xun .news_right .news_right_deta {
    display: none;
}
.news .news_xun .news_right .news_right_smalltext {
    color: #666666;
}
.news .news_xun .news_right .news_right_smalltext {
    color: #666666;
    font-size: 13px;
    line-height: 24px;
    height: 48px;
    width: 100%;
    float: left;
    overflow: hidden;
}
.news .news_xun:hover .news_right .news_right_title {
    color: #0086da;
}
.news .news_xun:hover .news_left {
    background: #0086da;
}
.news .news_xun:hover .news_left div {
    color: #FFFFFF;
}
.fenye a {
    padding: 0 9px;
    height: 21px;
    line-height: 21px;
    font-size: 12px;
    text-align: center;
    border: #dddddd solid 1px;
    float: left;
    margin: 5px;
    color: #666;
}

.fenye a.on, .fenye a:hover {
    text-decoration: none;
    background-color: #eb2d2d;
    border: #eb2d2d solid 1px;
    color: #FFFFFF;
}
/*关于*/
.block {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}
.contain {
    overflow: hidden;
    margin: 0 auto 50px;
    padding: 0 38px 30px;

 
 
    min-height: 500px;
}
.location {
	width: 300px;
float: right;
text-align: right;
    height: 40px;

    line-height: 45px;
  

    font-size: 14px;
}
.songti {
    font-family: "宋体";
    font-style: normal;
}
.profile {
    margin: 40px 0 0;
}
.profile_title {
    min-height: 72px;
    width: 445px;
    border-bottom: 1px solid #ccc;
    padding: 0 0 20px 35px;
    margin: 0 0 25px 0;
    background: url(../images/short_title_kuang.png) no-repeat left top;
}
.profile_title p {
    font-size: 24px;
    color: #1f1f1f;
    text-transform: uppercase;
    line-height: 22px;
    padding-top: 15px;
}
.profile_title span {
    display: block;
    font-size: 22px;
    color: #0086da;
    margin-left: 45px;
}
.profile_con {
    font-size: 14px;
    line-height: 30px;
}
.profile_con_pic {
    width: 553px;
    height: 450px;
    padding: 0 45px;
    float: right;
    margin-top: -200px;
    background: url(../images/jianjie_kuang.jpg) no-repeat right center;
}
.honor_list .bd {
    position: relative;
}
.honor_list li {
    width: 320px;
    padding: 10px;
    background: #f6f6f6;
    float: left;
    margin: 0 13px 13px 0;
}

.honor_list li .pic {
    width: 100%;
    height: 344px;
    position: relative;
}

.culture {
    position: relative;
    height: 425px;
    margin: 20px 0;
}

.topic_title {
    width: 580px;
    height: 70px;
    border: 1px solid #ccc;
    text-align: center;
    margin: 60px auto 20px;
}

.topic_title p {
    line-height: 10px;
    color: #000;
    font-size: 24px;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}
.topic_title span {
    display: inline-block;
    background: #fff;
    padding: 0 15px;
    line-height: 24px;
    color: #333;
    margin-top: -12px;
    font-size: 22px;
}
/*联系*/
.contact-con {
    width: 1200px;
    padding: 0;
    margin: auto;
}


.contact-con ul {
    border: 1px solid #000;
    border-right: 0;
    height: 240px;
}

.contact-con ul li {
    width: 25%;
    border-right: 1px solid #000;
    text-align: center;
    color: #000;
    height: 100%;
    padding: 50px 14px 30px;
    float: left;
}
.pic {
    position: relative;
  
}
.contact-con ul li em {
    font-size: 20px;
    display: block;
    font-style: normal;
}
.vcenter {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    display: block;
    vertical-align: middle;
    margin: auto;
}
.contact-con ul li b {
    font-family: arial;
    font-size: 16px;
    display: block;
}
/*招聘*/
.join {
    position: relative;
    width: 100%;
    height: 590px;
    background: url(../images/planbg.png) no-repeat center;
        background-size: auto auto;
    background-size: 100%;
}
.join_tab_main {
    position: inherit;
    top: 30px;
    width: 1200px;
    height: 100%;
margin: auto;}
.join-infro {
    width: 100%;
    border-bottom: 1px solid #D5D5D5;
    font-weight: bold;
    padding-bottom: 6px;
}
.join-infro_title {
    display: inline-block;
    color: #5E5E5E;
    font-size: 24px;
}
.join-infro_title2 {
    padding-left: 8px;
    color: #DEDEDE;
    font-size: 18px;
}
.infro2 {
    padding-top: 30px;
}
.plan_infro {
    padding-top: 0px;
    font-size: 20px;
    font-weight: bold;
    color: #0C91E2;
}
.process_pic {
	float: left;
	width: 600px;
    font-size: 14px;
    margin-top: 20px;
    color: #7c7c7c;
}
.join_right{width: 600px; float: right;}
.join_right img{width: 400px;}
.faq_title1 {
    margin-top: 30px;
    font-weight: bold;
}
.faq_font {
    margin-top: 5px;
    line-height: 22px;
}

.culture_pic {
    position: absolute;
    left: 0;
    top: 25px;
}
.culture_pic ul li {
    float: left;
    margin-right: 30px;
}

.culture_con {
    float: right;
    height: 100%;
    background: url(../images/qiyewenhua_kuag.png) no-repeat left top;
    padding-left: 275px;
}
.culture_title {
    min-height: 72px;
    width: 315px;
    border-bottom: 1px solid #ccc;
    padding: 0 0 20px 35px;
    margin: 0 0 11px 115px;
    background: url(../images/short_title_kuang.png) no-repeat left top;
}
.culture_title p {
    font-size: 24px;
    color: #1f1f1f;
    text-transform: uppercase;
    line-height: 22px;
    padding-top: 15px;
}
.culture_title span {
    display: block;
    font-size: 22px;
    color: #0086da;
    margin-left: 45px;
}
ul.culture_list li {
    line-height: 26px;
    margin-bottom: 15px;
    font-size: 18px;
    color: #333;
}
ul.culture_list li span {
    color: #0086da;
}
ul.culture_icon_list {
    width: 420px;
    position: absolute;
    right: 0;
    bottom: 0;
}
ul.culture_icon_list li {
    width: 33.3%;
    float: left;
    padding: 90px 0 0;
}
ul.culture_icon_list li p {
    text-align: center;
    font-size: 16px;
    color: #0086da;
}

/*文章*/
.newdet {
    width: 1200px;
    margin: 20px auto;
}
.newdet_title {
    width: 100%;
    text-align: center;
    float: left;
    font-size: 18px;
    color: #333;
    font-weight: bolder;
}
.newdet_title2 {
    width: 100%;
    text-align: center;
    float: left;
    font-size: 12px;
    color: #9f9f9f;
    line-height: 30px;
}
.newdet_nei {
    width: 100%;
    float: left;
    color: #696969 !important;
    line-height: 30px !important;
    font-size: 13px !important;
}
.newsnav table td {
    border-right: #eaeaea solid 1px;
}
.newsnav table a {
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    padding: 0 42px;
    text-align: center;
    height: 43px;
    display: inline-block;
    color: #676767;
    font-size: 15px;
    line-height: 43px;
    max-width: 100%;
}

.newsnav table a:hover, .newsnav table a.on {
    border-bottom: #0086da solid 2px;
    color: #0086da;
}

.addr {
    height: 30px;
    line-height: 22px;
    font-size: 13px;
    color: #fff;
    padding-left: 40px;
    background: url(../images/addr.png) no-repeat left center;
}

.menu {
    float: left;
    margin: 0 0 0 60px;
}
.menu h3 {
    float: right;
    font-size: 16px;
    color: #fff;
  
}
.menu ul {
    clear: both;
   
}
.bottor-a{margin-bottom: -30px; width: 100%; background: #087ec9;  color: #fff; line-height: 50px; text-align: center; font-size: 13px;}
.bottor-a h1{ }
.bottor-a a{ color: #fff;}
.menu ul li {
    line-height: 32px;
}
.menu ul li a {
    font-size: 13px;
    color: #fff;
}
.ft {
    width: 300px;
    float: right;
}
.weixin {
    width: 135px;
    float: left;
    overflow: hidden;
}

.weixin span {
    display: block;
    text-align: center;
    font-size: 14px;
    color: #a9a9a9;
    margin-bottom: 20px;
}s

.weixin img {
    display: block;
    width: 105px;
    height: 105px;
    margin: 0 auto;
}
.ft p {
    clear: both;
    font-size: 13px;
    color: #787878;
    line-height: 20px;
    padding-top: 15px;
    padding-left: 15px;
}

/**
* Our Project Styles.
**/


#our-projects .section-title h1 {
	color: #fff;
}
.masonary-gallery {
	width: 1200px;
margin: auto;
	position: relative;
	padding: 0;
}
#our-projects .masonary-item {
	position: relative;
	float: left;
	overflow: hidden;
	width: 25%;
	height: 300px;
	margin-bottom: 15px;
	padding: 0 8px;
}
#our-projects .masonary-item.width-1 {
	width: 29%;
	margin: 24px;
}
#our-projects .masonary-item.width-2 {
	width: 50%;
}
#our-projects .masonary-item.height-1 {
	height: 513px;
}
#our-projects .masonary-item img {
	width: 100%;
	height: 100%;
}
#our-projects .masonary-item .img-wrap {
	position: relative;
}
#our-projects .masonary-item .img-wrap .content-wrap {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	padding: 10px;
	cursor: pointer;
	background: rgba(254, 84, 84, .85);
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
#our-projects .masonary-item:hover .img-wrap .content-wrap {
	opacity: 1;
	filter: alpha(opacity=100);
}
#our-projects .masonary-item .img-wrap .content-wrap .border {
	width: 100%;
	height: 100%;
	border: 1px solid #fff;
}
#our-projects .masonary-item .img-wrap .content-wrap h4 {
	color: #fff;
	margin: 0;
	font-size: 16px;
	line-height: 22px;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
}
#our-projects .masonary-item .img-wrap .content-wrap span {
	color: #fff;
	display: block;
	font-size: 14px;
	line-height: 22px;
	text-transform: capitalize;
	font-weight: 600;
	text-align: center;
}
#our-projects .masonary-item .img-wrap .content-wrap .content {
	position: relative;
	top: 45%;
}
#our-projects .view-all-btn {
	text-align: center;
}
#our-projects a.view-all {
	border: 1px solid #4C7B96;
	background-color: transparent;
	color: #fff;
	text-transform: uppercase;
	line-height: 35px;
	padding: 0 35px;
	font-weight: 600;
	font-size: 13px;
	margin: auto;
	display: inline-block;
	margin-top: 35px;
}
#our-projects a.view-all:hover {
	border-color: transparent;
}
#our-projects a.view-all:before {
	background: #FE5454;
}
/**
* Our Specialist Styles.
**/


.about {
    height: 688px;
    padding: 90px 0;
    background:#ededed;
}
.hid {
    overflow: hidden;
}


.apic {
    width: 474px;
    height: 390px;
    float: left;
}
.mores {  text-align: center; border: 1px solid #666; width: 100px; margin: auto; line-height: 40px; height: 40px; margin-top: 40px;}
.mores a{ color: #333; }
.mores a:hover{background: #fff; display: block; color: #333;}
.projectT{ text-align:center; margin-bottom:30px;}
.projectT h1{ text-align:center; height:40px; line-height:40px; font-family:Arial, Helvetica, sans-serif; font-size:36px; color:#ff0001; padding-top:30px;}
.projectT h2{ width:400px; height:24px; line-height:25px; margin:0 auto; background:url(../images/line.jpg) center no-repeat; font-family:"微软雅黑"; font-size:24px; color:#fff; text-align:center;}
.page-project{ background:url(../images/pbg.jpg) top center no-repeat; height:567px;}
.page-project li{ float:left; width:400px; height:458px;_display:inline; overflow:hidden; }
.page-project li a{ background:#205bab; color:#fff;display:block; width:400px; height:460px; border-bottom:2px solid #205bab;}
.page-project li a h1{ font-size:22px; text-align:center; padding-top: 90px;}
.page-project li a p{ font-size:14px; color:#fffff; padding: 12px 45px; text-align: center;}
.page-project li a:hover{ background:#C9191A;}
.page-project li a:hover p{ color:#fff;}


.picScroll-left{ width:1200px;  overflow:hidden; position:relative; margin: auto;}
.picScroll-left .hd{ overflow:hidden;  height:40px;  padding:0 10px; margin-right:430px; margin-top:10px; margin: auto;
width: 100px;}
.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.picScroll-left .hd ul li{float:left; width:13px;height:13px;overflow:hidden;text-indent:-999px;cursor:pointer; background:url(../images/off.png) no-repeat; margin:0 10px 0 0px;}
.picScroll-left .hd ul li .ien{ float: left;}
.picScroll-left .hd ul li .nes{ height: 230px;}

.picScroll-left .hd ul li.on{ background:url(../images/on.png) no-repeat;}
.picScroll-left .bd{ padding:10px; margin-top: 20px;  }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }


.aboutcon {
width: 726px;
height: 329px;
    background: #fff;
    float: right;
    padding: 40px 57px;
}
.ngtit {
    text-align: center;
}
.ngtit h2 {
    font-size: 26px;
    color: #020202;
    display: inline-block;
    padding-bottom: 15px;
    background: url(../images/hw.png) no-repeat center bottom;
}
.ngtit p {
    color: #aeaeae;
    margin-top: 8px;
}
.aboutbox {
    margin-top: 30px;
}
.aboutbox p {
    font-size: 14px;
    color: #474747;
    line-height: 24px;
    text-align: center;
}
.aboutcon .more {
    width: 31px;
    height: 31px;
    margin: 30px auto 0;
}
.aboutcon .more a {
    display: block;
    width: 31px;
    height: 31px;

}
.alink {
    width: 840px;
    float: right;
    margin-top: -60px;
}
.alink a {
    display: block;
    width: 280px;
    height: 202px;
    float: left;
    overflow: hidden;
}


.newsbox li {
    overflow: hidden;
    zoom: 1;
    margin: 0 0 20px;
    position: relative;
}

.newsbox .date {
    width: 130px;
    height: 120px;
    float: left;
    background: #fff;
    position: relative;
    text-align: center;
    z-index: 30;
    color: #434343;
    border-right: 1px solid #f3ece6;
}
.newsbox .date .wrap {
    background: #fff;
    width: 85px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 22px;
    border: 1px solid #eee;
}
.newsbox .topic {
    font-size: 18px;
    padding: 10px 150px 0;
    background: #fff;
}
.newsbox .topic a {
    color: #434343;
}

.newsbox .content {
	width: 805px;
    padding: 15px 20px 37px 150px;
    background: #fff;
    color: #434343;
    position: relative;
}
.topa{ height:34px; color: #555; background:#f3f3f3;  line-height: 26px; padding-top: 4px; margin-bottom: 19px;}
.topa-b{ width: 1200px; margin: auto;}
 .topa-1{font-size: 12px;}
.topa-2{ float: right; font-size: 16px;}
.topa-3{ font-style: normal; font-weight: bold; color: rgb(0, 134, 218);}
.newsbox li:hover .content a {
    color: #fff;
}
.newsbox .date .date_d {
    font-size: 50px;
    color: #434343;
    position: absolute;
    top: -1.1em;
    left: 0;
    width: 100%;
    text-align: center;
}

.more {
    background: url(../images/icon_more_03.jpg) no-repeat;
    position: absolute;
    width: 32px;
    height: 32px;
    right: 0;
    bottom: 0;
    display: block;
    text-indent: -999px;
    overflow: hidden;
}

.company .intro {
    padding: 20px;
    position: relative;
    margin-top: -18px;
}

.newsbox li:hover .content, .newsbox li:hover .topic, .company .intro {
    background: #0086da;
    color: #fff;
   
}

.banned{ margin-top: 133px; height: 230px;}
.banned h1 {

    padding-top: 80px;
    width: 1072px;
    margin: auto;
}
.banned h1 span{display: block;}
.banned img{}
.company .t {
    font-size: 18px;
    margin: 0 0 5px;
}

.company .intro a {
    color: #fff;
}

.company .v {
	font-size: 12px;
    line-height: 28px;
}

.newsbox .content {
    padding: 15px 20px 37px 150px;
    background: #fff;
    color: #434343;
    position: relative;
    font-size: 12px;
}
.newsbox li:hover .date .wrap {
    background: #0b7bc2;
    color: #fff;
}

.newsbox li:hover .date .date_d {
    color: #fff;
}
.newsbox li:hover .topic a {
    color: #fff;
}

.newsbox li:hover .date {
    background: #0086da;
    color: #fff;
    border: none;
}

 .company .intro .more {
    background: url(../images/icon_more_03.jpg) no-repeat;
    position: absolute;
    width: 32px;
    height: 32px;
    right: 0;
    bottom: 0;
    display: block;
    text-indent: -999px;
    overflow: hidden;
}

.erative{ width: 1200px; margin: auto;}
.erative ul li{float: left;margin: 16px 3px;}
.erative ul li{ text-align: center; padding-top: 10px;}
.part-5-words2 p {
	line-height: 23px; font-size: 13px;
}
.part-5-words2 span {
	font-size: 13px; margin-bottom: 10px; display: block;
}
.part-5-words2-ul li {
	padding: 0px; font-size: 13px; margin-bottom: 10px;
}
.part-5-words2-ul {
	width: 100% !important; padding-top: 0px !important;
}
.part-5-words2-ul li a {
	color: rgb(255, 255, 255);
}
.part-5-title {
	color: rgb(255, 255, 255); font-weight: bold; margin-bottom: 20px;
}
.part-5-words2 span i {
	font-size: 20px;
}
.part-5-words2 span em {
	font-size: 16px; font-style: normal; font-weight: bold; margin-left: 5px;
}

.rollpic div {
	margin: 0px;
}
.rollpic ol {
	bottom: 20px !important;
}
.clearfix p{ padding-top: 36px;}
.part-all {
	width: 100%; margin-top: 20px;
	height:  400px;
}
.part-title {
	text-align: center; position: relative;
}
.part-title-i {
	color: rgb(0, 134, 218); font-size: 36px; margin-right: 5px; vertical-align: sub;
}
.part-title-span {
	text-align: center;
	font-size: 34px;
display: block;
font-weight: bold;
color: #555;
}
.part-title-span i{ font-style: normal; font-size:  24px; font-weight: 100;}
.part-title img {
	
}
.title-intro {
	font-size: 15px; font-weight: bold; margin-top: -7px;
}
.part-content {
	width: 100%; text-align: center; margin-top: 55px; margin-bottom: 40px;
}
.part-content li{ width: 285px; float: left; margin: 0 7px;}

.solutions-way {
	color: rgb(85, 85, 85); font-size: 13px; margin-top: 10px;
}
.solutions-title {
	font-size: 17px; font-weight: 500; margin-top: 15px; display: block;
}
.solution-circle {
	border: 15px solid rgb(240, 240, 240); transition:transform 0.4s ease-out; border-image: none; width: 170px; height: 170px; color: rgb(255, 255, 255); line-height: 140px; font-size: 64px; background-color: rgb(63, 159, 219); -webkit-transition: -webkit-transform 0.4s ease-out; -moz-transition: -moz-transform 0.4s ease-out;
}
.solution-circle:hover {
	border: 15px solid rgb(201, 223, 236); border-image: none; transform: rotate(360deg); background-color: rgb(0, 113, 184); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg);
}
.three-reason {
	background: url("../img/bg-pic.png") no-repeat 0% 0% / 100% 100%; text-align: center; margin-top: 40px;
}
.three-reason-title {
	padding-top: 20px;
}
.three-reason-bg {
	width: 300px; margin-top: 30px;
}
.three-reason-img1 {
	margin: 0px auto; border: currentColor; border-image: none; width: 130px; height: 130px;
}
.three-reason-img2 {
	margin: 0px auto; border: currentColor; border-image: none; width: 130px; height: 130px;
}
.three-reason-img3 {
	margin: 0px auto; border: currentColor; border-image: none; width: 130px; height: 130px;
}
.three-reason-img1 {
	background: url("../img/reason1.png") no-repeat 0% 0% / 100% 100%;
}
.three-reason-img2 {
	background: url("../img/reason2.png") no-repeat 0% 0% / 100% 100%;
}
.three-reason-img3 {
	background: url("../img/reason3.png") no-repeat 0% 0% / 100% 100%;
}
.three-reason-img1:hover {
	background: url("../img/reason1-1.png") no-repeat 0% 0% / 100% 100%;
}
.three-reason-img1 .selected {
	background: url("../img/reason1-1.png") no-repeat 0% 0% / 100% 100%;
}
.three-reason-img2:hover {
	background: url("../img/reason2-2.png") no-repeat 0% 0% / 100% 100%;
}
.three-reason-img2 .selected {
	background: url("../img/reason2-2.png") no-repeat 0% 0% / 100% 100%;
}
.three-reason-img3:hover {
	background: url("../img/reason3-3.png") no-repeat 0% 0% / 100% 100%;
}
.three-reason-img3 .selected {
	background: url("../img/reason3-3.png") no-repeat 0% 0% / 100% 100%;
}
.reason-title {
	padding-bottom: 20px; font-size: 14.5px; margin-top: 10px;
}