.home-banner { width: 1903px; height: 560px; position: relative; margin-top: 88px; width: 100%; min-width: 1200px; }
.bannerbtn a img:hover, .bannerbtn a img:focus { -webkit-box-shadow: 0 0 20px 0 #0d4ac5; -moz-box-shadow: 0 0 20px 0 #0d4ac5; box-shadow: 0 0 20px 0 #0d4ac5; border-radius: 25px; }
.home-welfare { position: absolute; top: 450px; }

.home-bgfaf7f7 { background: #faf7f7; padding: 10px 0; width: 100%; min-width: 1200px; }
.home-bgfff { background: #fff; padding: 10px 0; width: 100%; min-width: 1200px; }
.home-img { text-align: center; }
.home-content { overflow: hidden; width: 1200px; margin: 0 auto; }

.home-kfwx { position: relative; padding-left: 620px; height: 244px; }
.home-kfwx img { position: absolute; left: 375px; top: 0px; }
.home-kfwx ul { padding-top: 50px; list-style-type: none; }
.home-kfwx ul li { font-size: 28px; line-height: 40px; }
.home-kfwx ul li span { color: #ea572c; }

.home-title { text-align: center; line-height: 95px; font-size: 30px; color: #3876f4; margin: 20px auto 10px auto; }
.home-title2 { text-align: center; padding: 15px; font-size: 24px; color: #666; }

.home-sustain { }
.home-sustain .item { display: inline-block; width: 270px; text-align: center; margin: 10px auto; }
.home-sustain .item h5 { line-height: 30px; font-size: 24px; margin-top: 10px; }
.home-sustain .item p { line-height: 24px; font-size: 14px; color: #666666; }

.home-advantage { }
.home-advantage .item { float: left; width: 506px; margin: 20px; }
.home-advantage .item .box { background: #fff; border: 1px solid #e5e5e5; border-top: 0; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; height: 430px; }
.home-advantage .item .box p { font-size: 18px; padding: 15px 50px; line-height: 28px; }
.home-advantage .img { float: left; width: 160px; text-align: center; margin-top: 90px; }

.home-scruple { }
.home-scruple .item { display: inline-block; width: 160px; margin: 20px 10px; text-align: center; }
.home-scruple .item div.tt { background: #e6e6e6; padding: 25px 0; font-size: 18px; line-height: 28px; height: 150px; }
.home-scruple .item div.tt img { margin-bottom: 15px; }
.home-scruple .item div.bb { background: #ea572c; padding-top: 60px; font-size: 18px; line-height: 28px; height: 150px; color: #fff; }

.home-crowd { padding-left: 80px; }
.home-crowd .item { float: left; width: 336px; margin: 15px 30px; }
.home-crowd .item .box { background: #fff; padding: 15px 10px; }
.home-crowd .item .box h5 { text-align: center; font-size: 18px; }
.home-crowd .item .box p { text-align: center; font-size: 14px; line-height: 24px; color: #666; }

.home-team { padding: 30px 0; padding-bottom: 60px; }
.home-team .team-item { padding: 20px 0; padding-left: 120px; }
.home-team .team-item .img { float: left; width: 600px; text-align: center; }
.home-team .team-item .text { padding: 15px; float: left; width: 600px; }
.home-team .team-item .text h5 { font-size: 30px; line-height: 50px; }
.home-team .team-item .text p { font-size: 18px; line-height: 48px; color: #666; }


.home-ad { position: fixed; left: 5px; top: 200px; }
.layui-layer-page.notbg { background: none; }

/*****鼠标悬停整体上升*****/
.product ul li { float: left; margin: 20px 5px; position: relative; list-style: none; width: 590px; background-color: #fff; border-bottom-left-radius: 60px; border-bottom-right-radius: 10px; border-top-left-radius: 60px; border-top-right-radius: 10px; }
.product ul li { transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; }
.product ul li img { width: 123px; height: 123px; border-radius: 2px; float: left; }
.product ul li:hover { transform: translate(0,-10px); -webkit-transform: translate(0,-10px); -moz-transform: translate(0,-10px); -o-transform: translate(0,-10px); -ms-transform: translate(0,-10px); }
.product ul li .product-txt { float: left; margin-left: 20px; width: 440px; }
.product ul li .product-txt h3{color:#333333;}
.product ul li .product-txt p { font-size: 14px; color: #666666; margin-top: 15px; }
.product ul li .product-txt a:link { text-decoration: none; }

/*****鼠标悬停整体上升*****/

.profile-p { padding: 0 49px; font-size: 16px; margin-bottom: 40px; line-height: 30px; }
.profile ul li { float: left; margin: 30px 49px; }
.profile ul li h4 { font-weight: bold; text-align: center; }
.profile ul li p{font-size:14px;text-align:center;}


.shopbg { background: url(/Content/web/images/huatong/index/bg_06.png) no-repeat scroll center center; height: 704px; position: relative; width: 100%; min-width: 1200px; }
.shopbg .home-title{color:#fff;}
.shop-p { font-size: 16px; margin-bottom: 40px; margin-top: -20px; color: #fff; text-align: center; }
.shop-operation ul { overflow: hidden; }
.shop-operation ul li { float: left; margin: 30px 5px; }
.shopbg-a { position: absolute; top: 305px; color: #fff; font-size: 24px; text-align: center; margin-left: 30px; }
.shop-txt { color: #fff; font-size: 14px; line-height: 20px; width: 215px; text-align: center; opacity: 0; margin-top: 20px; }

.shop-operation ul li .shopbg-a { transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; }
.shop-operation ul li .shopbg-a:hover { transform: translate(0,-40px); -webkit-transform: translate(0,-40px); -moz-transform: translate(0,-40px); -o-transform: translate(0,-40px); -ms-transform: translate(0,-40px); }
.shop-operation ul li .shopbg-a:hover  .shop-txt { opacity: 1; }

/*.shop-operation ul li:hover .img-a { content: url(/Content/web/images/huatong/index/index2020_39_1.png) }
.shop-operation ul li:hover .img-b { content: url(/Content/web/images/huatong/index/index2020_47_1.png) }
.shop-operation ul li:hover .img-c { content: url(/Content/web/images/huatong/index/index2020_42_1.png) }
.shop-operation ul li:hover .img-d { content: url(/Content/web/images/huatong/index/index2020_44_1.png) }ie不支持改用jquery*/


.quantity ul { overflow: hidden; }
.quantity ul li { float: left; margin: 30px 45px; width: 150px; }
.quantity ul li img { margin: 0px 30px; }
.quantity ul li h4 { font-size: 14px; text-align: center; color: #666666; }
.quantity ul li p { font-size: 30px; text-align: center; color: #3876f4;}

/*数字滚动 begin*/
/*设置内容和伪类的样式*/
.num_txt { position: relative; display: inline-block; vertical-align: middle; text-align: center; overflow: hidden; width: 22px; height: 45px; text-transform: uppercase; font-size: 30px; color: #3876f4; }
.num_txt:before { position: absolute; top: 0; left: 0; width: 100%; word-break: break-all; background: #FFFFFF; font-size: 30px; color: #3876f4; }
/*设置里面第一个数字的动画*/
.txt11 span:nth-child(1):before { content: "03456789"; -webkit-animation-name: txt1; animation-name: txt1; -webkit-animation-duration: 2.0s; animation-duration: 2.0s; /* -webkit-animation-delay: 0.3s;
			animation-delay: 0.3s; */ -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

/*随便写的数，作用就是让这一列数字向上升，形成滚动效果*/
@-webkit-keyframes txt1 {
    from { margin-top: -648px; }

    to { margin-top: 110px; }
}
/*设置里面第二个数字的动画*/
.txt11 span:nth-child(2):before { content: "051341989"; -webkit-animation-name: txt1; animation-name: txt1; -webkit-animation-duration: 2.2s; animation-duration: 2.2s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
.txt11 span:nth-child(3):before { content: "012341989"; -webkit-animation-name: txt1; animation-name: txt1; -webkit-animation-duration: 2.4s; animation-duration: 2.4s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
.txt11 span:nth-child(4):before { content: "013541989"; -webkit-animation-name: txt1; animation-name: txt1; -webkit-animation-duration: 2.6s; animation-duration: 2.6s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
/*数字滚动 end*/

.office .office-img1 > div { margin-right: 10px; overflow: hidden; }
.office .office-img2 > div { margin-right: 10px; overflow: hidden; }
.office .office-img1 { display: flex; margin-bottom: 10px; }
.office .office-img2 { display: flex; margin-bottom: 5px; }
.office img:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.office img { -webkit-transition: transform .4s ease; -moz-transition: transform .4s ease; -ms-transition: transform .4s ease; -o-transition: transform .4s ease; transition: transform .4s ease; }


.honor .honor-img1 > div { margin-right: 10px; overflow: hidden; }
.honor .honor-img1 { display: flex; margin-bottom: 10px; }
.honor img:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.honor img { -webkit-transition: transform .4s ease; -moz-transition: transform .4s ease; -ms-transition: transform .4s ease; -o-transition: transform .4s ease; transition: transform .4s ease; }



.customer ul { overflow: hidden; }
.customer ul li { float: left; margin: 30px 20px; width: 360px; }
.customer ul li img { margin: 0px 103px; margin-bottom: -75px; }
.customer ul li p { font-size: 16px; text-align: left; color: #666666; line-height: 35px; margin-top: 80px; }
.bg-p { background-color: #f3f5f9; padding: 25px; height: 350px; border-radius: 15px; }
.customer-p { font-size: 16px; text-align: center; color: #666666; }
.customer ul li { transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; }
.customer ul li:hover { transform: translate(0,-20px); -webkit-transform: translate(0,-20px); -moz-transform: translate(0,-20px); -o-transform: translate(0,-20px); -ms-transform: translate(0,-20px); }
.customer ul li:hover .bg-p { box-shadow: 4px 4px 7px 0px #ddd; }


.platform ul { overflow: hidden; }
.platform ul li { float: left; margin: 10px 16px; width: 118px; }
/*****鼠标悬停整体旋转放大*****/
.platform ul li { transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; }
.platform ul li:hover { transform: rotate(360deg) scale(1.2); -webkit-transform: rotate(360deg) scale(1.2); -moz-transform: rotate(360deg) scale(1.2); -o-transform: rotate(360deg) scale(1.2); /*transform 属性下 rotate（旋转）和scale（放大）属性；可以同时用*/ -ms-transform: rotate(360deg) scale(1.2); }


/**********Aboutus b************/
.about-banner { background: #3876f4 url(/Content/web/images/huatong/lj_02.png) no-repeat scroll center center; height: 215px; position: relative; margin-top: 88px; width: 100%; min-width: 1200px; }
.about-p { font-size: 18px; color: #333333; line-height: 35px; text-indent: 2em; margin-bottom: 30px; }
.about-img { overflow: hidden; padding: 50px 0; }
.about-img img:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.about-img img { -webkit-transition: transform .4s ease; -moz-transition: transform .4s ease; -ms-transition: transform .4s ease; -o-transition: transform .4s ease; transition: transform .4s ease; }
.about-ul ul { overflow: hidden; }
.about-ul ul li { float: left; margin: 30px 4px; width: 292px; height: 378px; }
.about-ul ul li:first-child { background: url(/Content/web/images/huatong/lj_09.png) no-repeat scroll center center; }
.about-ul ul li:nth-child(2) { background: url(/Content/web/images/huatong/lj_11.png) no-repeat scroll center center; }
.about-ul ul li:nth-child(3) { background: url(/Content/web/images/huatong/lj_13.png) no-repeat scroll center center; }
.about-ul ul li:last-child { background: url(/Content/web/images/huatong/lj_15.png) no-repeat scroll center center; }
.about-ul ul li h3 { font-weight: bold; color: #ffffff; text-align: center; margin-top: 28px; line-height: 50px; }
.about-ul ul li p { padding: 0px 14px; text-align: center; line-height: 25px; color: #ffffff; }
.about-ul ul li { transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; }
.about-ul ul li:hover { transform: translate(0,-20px); -webkit-transform: translate(0,-20px); -moz-transform: translate(0,-20px); -o-transform: translate(0,-20px); -ms-transform: translate(0,-20px); }
/**********Aboutus e************/

/**********product b************/
.product-banner { background: url(/Content/web/images/huatong/rj_02.png) no-repeat scroll center center; height: 215px; position: relative; margin-top: 88px; width: 100%; min-width: 1200px; }
.product .change_title { overflow: hidden; }
.product .change_title .change_btn { float: left; margin: 30px 5px; width: 161px; height: 20px; text-align: center; border-right: 2px solid #ccc; }
.product .change_title .change_btn span { font-size: 18px; }
.product .change_title .active span { color: #3876f4; font-size: 18px; }
.product .change_title .change_btn:last-child { border-right: none; }

.product .change_content { overflow: hidden; }
.product .change_content .product_list { overflow: hidden; }
.product_list .item { float: left; margin: 30px 16px; width: 368px; height: 282px; text-align: center; background-color: #f3f5f9; border-radius: 20px; }
.product_list .item img { margin-top: 30px; margin-bottom: 15px; }
.product_list .item p { color: #666666; font-size: 14px; padding: 0px 20px; text-align: left; line-height: 22px;text-decoration:none; }
.product_list .item a:link{text-decoration:none ; }
.product_list .item { transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; }
.product_list .item:hover { transform: translate(0,-20px); -webkit-transform: translate(0,-20px); -moz-transform: translate(0,-20px); -o-transform: translate(0,-20px); -ms-transform: translate(0,-20px); box-shadow: 4px 4px 7px 0px #ddd; }
.product_list .item span{display:none;}
.product_list .item span a { float: right; margin-right: 30px; color: #4aaff7; }
.product_list .item:hover span{display:block;}

/**********product e************/

/**********news b************/
.news-banner { background: url(/Content/web/images/huatong/new_02.png) no-repeat scroll center center; height: 215px; position: relative; margin-top: 88px; width: 100%; min-width: 1200px; }
.news .temp { position: relative; margin-bottom: 15px; height: 218px; background-color: #fafafa; width:1190px;}
.news .temp .pic { width: 266px; height: 153px; float: left; margin: 32px 20px; }
.news .temp .box { width: 780px; height: 160px; float: left; margin: 28px 20px; }
.news .temp .box h2 a { font-size: 24px; font-weight: bold; color: #666666; }
.news .temp .box p { color: #666666; padding-top: 10px; line-height: 24px; font-size: 16px; }
.news .temp .box div { position: absolute; bottom: 0px; }
.news .temp .box .date { line-height: 30px; color: #999999; font-size: 14px; }
.news .temp .box .date span { margin-right: 15px; }
.news .temp { transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; }
.news .temp:hover { transform: translate(0,-10px); -webkit-transform: translate(0,-10px); -moz-transform: translate(0,-10px); -o-transform: translate(0,-10px); -ms-transform: translate(0,-10px); box-shadow: 3px 3px 5px 0px #eee }
.news .temp a:link { text-decoration: none; }
/**********news e************/

/**********contact b************/
.contact-banner { background: url(/Content/web/images/huatong/li_02.png) no-repeat scroll center center; height: 215px; position: relative; margin-top: 88px; width: 100%; min-width: 1200px; }

.AboutUs-about .AboutUs-img { text-align: center; }

.AboutUs-contact { padding: 30px; }
.AboutUs-contact h5 { font-size: 24px; font-weight: bold; }
.AboutUs-contact ul li { font-size: 18px; line-height: 40px; }
.AboutUs-img img:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.AboutUs-img img { -webkit-transition: transform .4s ease; -moz-transition: transform .4s ease; -ms-transition: transform .4s ease; -o-transition: transform .4s ease; transition: transform .4s ease; }
/**********contact e************/

.content.two { padding-bottom: 60px; overflow: hidden; }
.content { width: 100%; /*height: auto;*/ padding: 0 15px; }
.content:before, .content:after { content: ""; display: table; clear: both; }

.history-banner { background: url(/Content/web/images/huatong/new/history_02.png) no-repeat scroll center center; height: 215px; position: relative; margin-top: 88px; width: 100%; min-width: 1200px; }
.history { text-align: center; overflow: hidden; height: 1604px; }

.honors-banner { background: url(/Content/web/images/huatong/new/honor_02.png) no-repeat scroll center center; height: 215px; position: relative; margin-top: 88px; width: 100%; min-width: 1200px; }
.honors .honors-img3 > div { width: 300px; margin-right: 115px; }
.honors .honors-img2 > div { width: 550px; margin-right: 30px; }
.honors .honors-img3 { display: flex; margin-top: 60px; padding: 0 32px; }
.honors .honors-img2 { display: flex; margin-top: 30px; padding: 0 32px; }
.honors img:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.honors img { -webkit-transition: transform .4s ease; -moz-transition: transform .4s ease; -ms-transition: transform .4s ease; -o-transition: transform .4s ease; transition: transform .4s ease; }

.culture-banner { background: url(/Content/web/images/huatong/new/qywh_02.png) no-repeat scroll center center; height: 215px; position: relative; margin-top: 88px; width: 100%; min-width: 1200px; }
.culture-img { overflow: hidden; }
.culture-img img:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.culture-img img { -webkit-transition: transform .4s ease; -moz-transition: transform .4s ease; -ms-transition: transform .4s ease; -o-transition: transform .4s ease; transition: transform .4s ease; }
.history { text-align: center; overflow: hidden; height: 1604px; }

.welfare-banner { background: url(/Content/web/images/huatong/new/FL_02.png) no-repeat scroll center center; height: 215px; position: relative; margin-top: 88px; width: 100%; min-width: 1200px; }
.welfare .item { width: 550px; height: 205px; background-color: #fafafa; float: left; padding: 30px 50px; margin: 10px 25px; }
.welfare .item .item-img { width: 100px; float: left; padding-top: 20px; }
.welfare .item .item-txt { float: left; width: 300px; }
.welfare .item .item-txt h4 { color: #3876f4; margin-bottom: 15px; }
.welfare .item .item-txt p { height: 28px; line-height: 28px; font-size: 15px; margin: auto; }

.team .team-img > div { width: 1200px; overflow: hidden; }
.team .team-img2 div:first-child { width: 588px; margin-right: 14px; overflow: hidden; }
.team .team-img2 div:last-child { width: 598px; overflow: hidden; }
.team .team-img { display: flex; margin-top: 20px; }
.team .team-img2 { display: flex; margin-top: 20px; /*padding: 0 32px;*/ }
.team img:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.team img { -webkit-transition: transform .4s ease; -moz-transition: transform .4s ease; -ms-transition: transform .4s ease; -o-transition: transform .4s ease; transition: transform .4s ease; }

.offices .offices-img1 > div { overflow: hidden; }
.offices .offices-img2  div { margin-right: 17px; overflow: hidden; }
.offices .offices-img1 { margin-bottom: 10px; }
.offices .offices-img2 { display: flex; margin-bottom: 10px; }
.offices img:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.offices img { -webkit-transition: transform .4s ease; -moz-transition: transform .4s ease; -ms-transition: transform .4s ease; -o-transition: transform .4s ease; transition: transform .4s ease; }

.joinus-banner { background: url(/Content/web/images/huatong/new/joinus_02.png) no-repeat scroll center center; height: 215px; position: relative; margin-top: 88px; width: 100%; min-width: 1200px; }
.joinus{margin-top:50px;}
.joinus .item { background-color: #faf7f7; padding: 40px 80px; overflow: hidden; margin-bottom:10px;}
.joinus .item-img { float: left; width: 90px; }
.joinus .item-content { float: left; }
.joinus .item-content h4 { color: #3876f4; }
.joinus .item-content h5 { color: #333333; margin-top: 25px; }
.joinus .item-content p { color: #888888; line-height: 28px; }

.product .product_list .item a:hover { text-decoration: none; }