*,
*:before,
*:after{
margin:0;
padding:0;
box-sizing:border-box;
}
ul,li{ list-style:none;}
html{
font-size:100px;
}
input,textarea{ outline:none;}
body{
font-family:Arial, "微软雅黑", sans-serif;
color:#333;
font-size:.16rem;
width:100%;
line-height:1;
overflow-x:hidden;
background:#f1f5f8;
}
h1,h2,h3,h4,h5,h6{
margin:0;
line-height:inherit;
font-size:inherit;
}
address,
blockquote,
dl,
fieldset,
figure,
hr,
ol,
p,
pre,
ul{
margin:0;
}
i{
font-style:normal;
}
img{
border:none;
vertical-align:middle;
}
a,
a:active,
a:hover,
a:visited{
color:inherit;
font-size:inherit;
text-decoration:none;
}
.fl{
float:left;
}
.fr{
float:right;
}
.am-inline-block{
display:inline-block !important;
}
.w{
width:1400px;
margin:0 auto;
}
.head{
position:fixed;
z-index:9999;
width:100%;
background:#fff;
box-shadow:0 0 15px 0 #999;
}
.head-top{
height:35px;
line-height:35px;
color:#fff;
font-size:0.12rem;
background-color:#2d942b;
}
.head-top .company{
position:relative;
z-index:9999999;
}
.head-top .company span{
padding-right:.15rem;
display:block;
position:relative;
}
.head-top .company span:after{
content:'';
position:absolute;
top:50%;
right:0;
margin-top:-3px;
border:4px solid transparent;
border-top-color:#fff;
}
.head-top .company .list{
position:absolute;
left:0;
top:.35rem;
background-color:#1c389c;
line-height:2.5;
min-width:210px;
height:0;
overflow:hidden;
transition:all .3s;
opacity:0;
}
.head-top .company .list a{
display:block;
padding:0 .15rem;
opacity:.8;
}
.head-top .company .list a:hover{
color:#fff;
opacity:1;
background:#eb7197;
}
.head-top .company:hover .list{
height:auto;
opacity:1;
}
.head-top .tel{
padding-right:.16rem;
margin-right:.16rem;
line-height:1;
border-right:1px solid #6aa9d5;
}
.head-top .tel img{
margin-right:.1rem;
margin-top:-2px;
}
.head-top .lang{
position:relative;
z-index:9999999;
}
.head-top .lang span{
display:block;
padding-right:.16rem;
position:relative;
}
.head-top .lang span:after{
content:'';
position:absolute;
top:50%;
right:0;
margin-top:-3px;
border:4px solid transparent;
border-top-color:#fff;
}
.head-top .lang .list{
position:absolute;
right:0;
top:.35rem;
background-color:#1c389c;
line-height:2.5;
min-width:100px;
height:0;
overflow:hidden;
transition:all .3s;
opacity:0;
}
.head-top .lang .list a{
display:block;
padding:0 .15rem;
opacity:.8;
text-align:center;
}
.head-top .lang .list a:hover{
color:#fff;
opacity:1;
background:#eb7197;
}
.head-top .lang:hover .list{
height:auto;
opacity:1;
}
.header{
width:100%;
z-index:999999;
line-height:110px;
transition:all .3s;
}
.header .logo{
position:relative;
}
.header .logo a{
display:block;
font-size:0;
}
.header .logo h1{
display:inline-block;
vertical-align:middle;
}
.header .logo p{
display:inline-block;
vertical-align:middle;
margin-left:.25rem;
margin-top:.1rem;
white-space:nowrap;
line-height:30px;
color:#999;
font-size:0.14rem;
}
.header .logo p span{
display:block;
color:#333;
font-size:0.18rem;
font-weight:700;
}
.header .phone{
font-size:0;
padding-left:.3rem;
}
.header .phone *{
vertical-align:middle;
}
.header .phone .tel{
display:inline-block;
padding-left:60px;
margin-left:.35rem;
background:url(../images/icon_phone.png) left center no-repeat;
color:#1c389c;
font-size:0.28rem;
line-height:1;
font-weight:700;
}
.header .phone .tel span{
color:#666;
font-size:0.14rem;
line-height:20px;
}
.header .nav{
position:relative;
}
.header .nav ul{
font-size:0;
white-space:nowrap;
text-align:right;
}
.header .nav li{
display:inline-block;
position:relative;
font-size:0;
height:36px;
line-height:36px;
vertical-align:middle;
}
.header .nav li ~ li{
margin-left:2vw;
}
.header .nav li > a{
display:block;
height:100%;
transition:all .3s;
position:relative;
font-size:0.18rem;
vertical-align:middle;
}
.header .nav li > a:after{
content:'';
position:absolute;
left:50%;
bottom:0;
width:12px;
margin-left:-6px;
border-bottom:2px solid #1c389c;
transform:scaleX(0);
transform-origin:center;
transition:all .3s;
}
.header .nav li:hover > a,
.header .nav li.active > a{
color:#1c389c;
}
.header .nav li:hover > a:after,
.header .nav li.active > a:after{
transform:scaleX(1);
}
.header .nav .subnav{
position:absolute;
left:50%;
bottom:-30px;
transform:translate(-50%,100%);
width:140px;
overflow:hidden;
background:#fff;
opacity:0;
transition:bottom .5s, opacity .5s;
text-align:center;
}
.header .nav .subnav > a{
display:block;
line-height:1;
padding:10px 0;
font-size:14px;
}
.header .nav .subnav > a:hover{
color:#1c389c;
background:#f4f4f4;
}
.header .nav li:hover .subnav{
padding:20px 0;
height:auto;
bottom:4px;
opacity:1;
}
div.swiper-button-next,
div.swiper-button-prev{
width:.38rem;
height:.38rem;
border-radius:50%;
background:#666;
}
div.swiper-button-next:after,
div.swiper-button-next:before,
div.swiper-button-prev:after,
div.swiper-button-prev:before{
display:none;
}
div.swiper-button-next:before,
div.swiper-button-prev:before{
content:'';
display:block;
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background:url(../images/icon_left.png) center no-repeat;
}
div.swiper-button-next:before{
transform:rotate(180deg);
}
.index-banner{
position:relative;
width:100%;
}
.index-product{
padding-top:.5rem;
}

.flash{
background:#FFF;
margin-top:5px;
height:550px;
}
.h_medals{width:1400px;margin:-103px auto 0;padding-bottom:18px; position:relative; z-index:99;}
.h_medals ul.h_medals_bd li{float:left;margin-right:20px; width:335px;}
.h_medals ul.h_medals_bd li:nth-child(4n) {margin-right:0px;}
.h_medals ul.h_medals_bd li a{display:block;background:#fff;position:relative;-moz-box-shadow:0px 0 25px rgba(0,0,0,.2);-webkit-box-shadow:0px 0 25px rgba(0,0,0,.2);box-shadow:0px 0 25px rgba(0,0,0,.2);border:5px solid #f1f1f1;}
.h_medals ul.h_medals_bd li a .pro_img{width:100%;height:197px;text-align:center;overflow:hidden;background:#fff;}
.h_medals ul.h_medals_bd li a .pro_img img{vertical-align:middle;max-width:100%;/*max-height:100%;*/}
.h_medals ul.h_medals_bd li a .pro_img .iblock {display:inline-block;height:100%;width:0;vertical-align:middle}

.h_medals ul.h_medals_bd li a span{display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(21, 18, 18, 0.25);color:#fff;text-align:center;line-height:180px;font-size:24px;font-weight:bold;}
.h_medals ul.h_medals_bd li a span em{display:block;border:1px solid rgba(255,255,255,0);margin:2%;width:96%;height:91%;}
.h_medals ul.h_medals_bd li a:hover span em{border:1px solid rgba(255,255,255,.8);}
.h_medals ul.h_medals_bd li a:hover span{background:rgba(255, 129, 0, 0.9);}


.index01{position:relative;z-index:9; width:1400px;margin:-60px auto 0;}
.index01 ul{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}
.index01 ul li{text-align:center;position:relative; width:100%;s}
.index01 ul li.l1{background-color:#dfe6f1;color:#fff; padding:15px; height:220px;}
.index01 ul li.l1 .t{font-size:20px;margin-bottom:10px;color:#000; padding-top:20px;}
.index01 ul li.l1 .times>div{display:inline-block;vertical-align:middle;padding-top:5px;margin:0 3px;position:relative}
.index01 ul li.l1 .times>div>div{position:relative;z-index:2}
.index01 ul li.l1 .times .n{font-size:26px;font-weight:bold;line-height:70px;background-image:url("https://res.tonggao.info/apppexpo/7debc01e6be04917ab0b9865aff47fc7.png");background-position:center;background-size:cover;background-repeat:no-repeat;height:70px;width:70px;border-radius:16px}
.index01 ul li.l1 .times .p{font-size:12px;line-height:1.1;color:#000;margin-top:10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}

.index01 ul li.l1 .drop{font-size:12px;letter-spacing:8px;color:#000;padding-top:10px;}
.index01 ul li.l2{background-color:#f8b62b}
.index01 ul li.l3{background-color:#fa9d00}
.index01 ul li.l4{background-color:#f08300}
.index01 ul li.l2{background-image:url(../images/ico-a01.png);background-repeat:no-repeat;background-position:center 20%;background-size:135px}
.index01 ul li.l3{background-image:url(../images/ico-a02.png);background-repeat:no-repeat;background-position:center 20%;background-size:135px}
.index01 ul li.l4{background-image:url(../images/ico-a03.png);background-repeat:no-repeat;background-position:center 25%;background-size:135px}
.index01 ul li .a{position:absolute;z-index:2;left:0;right:0;bottom:28px}
.index01 ul li .a a{transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:alll .3s;display:inline-block;min-width:230px;height:50px;line-height:50px;background-color:#fff;border-radius:42px;color:#f8b62b;font-size:28px;box-shadow:0 0 20px #f08300;padding:0px 20px}
.index01 ul li .a:hover a{transform:scale(1.1)}
.index01 ul li .a i{color:#f8b62b;font-size:28px;margin-left:20px}

.container{
width:1400px;
margin:-180px auto 0;
position:relative;
background:#FFFFFF;
}
.about_left{
width:260px;
float:left;
}
.content{ background:#fff;top:0px; right:0px; width:1100px; padding:30px; font-size:16px; line-height:36px; float:right;}
.content h4{ border-bottom:#CCCCCC solid 1px; padding-bottom:15px; font-size:25px; margin-bottom:30px;}

.left_nav{
background:#1c389c;
border-top:#2d942b solid 5px;
color:#FFFFFF;
padding-bottom:20px;
}
.left_nav h2{ font-size:30px; font-weight:normal;padding:30px 20px 40px 30px;}
.left_nav ul li a{ height:60px; line-height:60px; display:block; padding-left:30px; border-bottom:#123e69 solid 1px;}
.left_nav ul li img{ margin-right:25px;}
.left_nav ul li:hover{ background:#2d942b;}
.btn-info{ background:#2d942b;}
.about_left_lx{border-top:#2d942b solid 5px; margin-top:23px; background:#FFFFFF; padding:20px;}
.about_left_lx h2{ font-size:30px; font-weight:normal; margin-bottom:40px;padding:20px;}


.nCase__list {
display:-webkit-flex;
display:flex;
justify-content:flex-start;
flex-wrap:wrap;
}

.nCase__item {
transition:all 0.4s ease;
-webkit-transition:all 0.4s ease;
-moz-transition:all 0.4s ease;
-o-transition:all 0.4s ease;
width:31.75%;
margin-right:2.37%;
margin-bottom:2.37%;
cursor:pointer;
position:relative;
}

.nCase__item:nth-child(3n) {
margin-right:0;
}

.nCase__item-box {
padding-top:61.79%;
z-index:10;
text-align:center;
}

.nCase__item-box img {
transition:all 0.4s ease;
-webkit-transition:all 0.4s ease;
-moz-transition:all 0.4s ease;
-o-transition:all 0.4s ease;
}

.nCase__item-box-bg {
transition:all 0.4s ease;
-webkit-transition:all 0.4s ease;
-moz-transition:all 0.4s ease;
-o-transition:all 0.4s ease;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background-color:rgba(0, 0, 0, .4);
}

.nCase__item-box-bg-look {
transition:all 0.4s ease;
-webkit-transition:all 0.4s ease;
-moz-transition:all 0.4s ease;
-o-transition:all 0.4s ease;
font-size:16px;
line-height:30px;
width:100%;
text-align:center;
position:absolute;
left:0;
top:50%;
margin-top:-15px;
color:#ffffff;
opacity:0;
}

.nCase__item-box-bg-line {
display:inline-block;
width:100px;
height:1px;
background-color:#f2f2f2;
position:absolute;
left:50%;
margin-left:-50px;
transition:all 0.6s ease 0s;
}

.nCase__item-box-bg-line.top {
top:0px;
}

.nCase__item-box-bg-line.bot {
bottom:0;
}

.nCase__item-title {
border:1px solid #F1F1F1;
padding:0 5.48%;
}

.nCase__item-title-top {
padding:8.00% 0;
border-bottom:1px solid #E5E5E5;
}

.nCase__item-title h2 {
line-height:30px;
font-size:22px;
font-weight:normal;
color:#0D0D0D;
}

.nCase__item-title p {
font-size:14px;
color:#666565;
line-height:20px;
}

.nCase__item-title-bot {
height:56px;
display:-webkit-flex;
display:flex;
justify-content:space-between;
align-items:center;
}

.nCase__item-title-bot span {
line-height:1;
font-size:14px;
color:#666565;
}

.nCase__item-title-bot i {
width:35px;
height:8px;
}

.nCase__item:hover .nCase__item-box-bg-look {
opacity:1;
}

.nCase__item:hover .nCase__item-box-bg-line {
width:10px;
margin-left:-5px;
}

.nCase__item:hover .nCase__item-box-bg {
background-color:rgba(0, 0, 0, .6);
}

.nCase__item:hover .nCase__item-box img {
transform:scale(1.08);
}

.nCase__item:hover {
box-shadow:0px 2px 20px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow:0px 2px 20px 0px rgba(0, 0, 0, 0.2);
-webkit-box-shadow:0px 2px 20px 0px rgba(0, 0, 0, 0.2);
}
.nContant {
padding-top:4.75%;
padding-bottom:4.75%;
background-color:#ffffff;
}

.pr {
position:relative !important;
}


.box-cnt {
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
right:0;
bottom:0;
}
.box-cnt img{ width:330px; height:204px;}
.automatic-01, .automatic-02, .automatic-03, .automatic-04, .automatic-05, .automatic-06, .automatic-07, .automatic-08 {
overflow:hidden;
display:block;
width:100%;
height:100%;
}
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
margin:0;
padding:0;
border:none;
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}

h1, h2, h3, h4, h5, h6, em, h6, b, p, i {
font-weight:normal;
font-style:normal;
}
.message{
font-size:14px;
}
.message input,textarea{
border-top:#999999 solid 1px;
border-left:#999999 solid 1px;
border-right:#CCCCCC solid 1px;
border-bottom:#CCCCCC solid 1px;
margin-left:10px;
line-height:22px;
height:24px;
width:400px;
padding-left:10px;
}
.tj{
background:#1c389c;
color:#1c389c;
color:#FFFFFF;
width:100px;
height:30px;
margin-left:10px;
cursor:pointer;
border-radius:3px;
}
.hezuo a{
display:block;
float:left;
border:#CCC solid 1px;
overflow:hidden;
width:200px;
height:86px;
padding:2px;
margin:10px 10px 0 0;
}
.hezuo a:hover{
border:#1c389c solid 1px;
}
.hezuo a:nth-child(5n) {
margin-right:0;
}
.hezuo img{
width:100%;
height:80px;
}
.footer {
background: #2d942b;
margin-top:50px;
line-height:30px;
}
.footer a{ color:#FFFFFF;}
.footer .w1200 {
padding: 20px 0;
min-height: 200px;
display: flex;
align-items: center;
margin:0 auto;
width:1400px;
justify-content: space-between;
}
.footer h5 {
font-weight: 400;
font-size: 18px;
color: #ffffff;
margin-bottom: 10px;
}
.footer p {
color: #fff;
font-size: 14px;
}
.footer .foot-left {
margin-right: 50px;
}
.footer .foot-left br {
display: none;
}

.footer .foot-right {
flex-shrink: 0;

}

.footer .foot-right ul li {
list-style: none;
text-align: center;
display: inline-block;
margin-right: 20px;
}
.footer .foot-right ul li .img-box {
width: 90px;
height: 90px;
margin: 0 auto;
}
.footer .foot-right ul li .img-box img {
width: 100%;
height: 100%;
}
.footer .foot-right ul li:last-child {
margin-right: 0;
}
.index-service2{
width:1400px;
height:540px;
margin-top:10px;
}
.index-service2 .web-box {float:left;width:330px;height:540px; background:url(../images/1.jpg) no-repeat;}
.index-service2 .col1-row1-1{float:left;width:400px;height:270px;background:url(../images/2.jpg) no-repeat;}
.index-service2 .crm-box{float:left;width:670px;height:270px;background:url(../images/3.jpg) no-repeat;}
.index-service2 .app-box{float:left;width:670px;height:270px;background:url(../images/4.jpg) no-repeat;}
.index-service2 .col1-row1-2{float:left;width:400px;height:270px;background:url(../images/5.jpg) no-repeat;}

.pagination a{ border:#052e4b solid 1px; font-size:12px; float:left; padding:0 8px; margin-right:10px; height:28px; line-height:28px;}.
.page-num-current{border:#052e4b solid 1px; background:#052e4b; color:#FFFFFF}

/*小标题*/
.biaotixiao{ font-size:24px; line-height:48px; color:#333333; font-weight:bold;  float:left; text-align:left;}
.biaotixiao span{ font:24px/48px Microsoft YaHei; color:#cccccc; font-weight:500;}
.vip_img li img{ width:100%; height:130px;}
.vip_img li{ float:left; border:#cccccc solid 1px; padding:0px; width:272px; height:140px; margin-right:10px; margin-bottom:20px; padding:5px; background:#FFFFFF;}
.vip_img li:nth-child(5n){margin-right: 0;}

.box{
    clear:both;
	width:1400px;
	margin:55px auto;
}
.left_area2{
	float:right;
	width:684px;
	margin-left:20px;
	margin-right:20px;
	/*background:red;*/
}

.left_area2 .tit,.right_area .tit{
	height:80px;
	line-height:80px;
	font-size: 24px;
	text-align:left;
    font-weight: bold;
    color: #333333;
}
.left_area2 .tit span,.right_area .tit span{
	font-weight:100;
	color:#cccccc;
}
.left_area2 .txt,.middle_area .txt{
	padding:0px 0px;;
	color:#666;
	font-size:14px;
	line-height:32px;
}
/*图片登记样式*/
.dengjiimg{width:212px; height:84px; background:#c92028;border-radius:10px; float:left}
.dengjiimg div.div10{width:180px; height:31px; padding-top:20px; margin-left:20px;}
.dengjiimg div.div10 a div.div11{float:left; width:100px; font-size:20px; color:#fff;}
.dengjiimg div.div10 a div.div12{float:left; width:100px; font-size:11px; color:#fff;}
.dengjiimg:hover{background:#b80008;}

.dengjiimg2{width:212px; height:84px; background:#2774d6;border-radius:10px; float:left; margin-left:20px;}
.dengjiimg2 div.div10{width:180px; height:31px; padding-top:20px; margin-left:20px;}
.dengjiimg2 div.div10 a div.div11{float:left; width:100px; font-size:20px; color:#fff;}
.dengjiimg2 div.div10 a div.div12{float:left; width:100px; font-size:11px; color:#fff;}
.dengjiimg2:hover{background:#144c94;}

.dengjiimg3{width:212px; height:84px; background:#ee9700;border-radius:10px;float:left; margin-left:20px;}
.dengjiimg3 div.div10{width:180px; height:31px; padding-top:20px; margin-left:20px;}
.dengjiimg3 div.div10 a div.div11{float:left; width:100px; font-size:20px; color:#fff;}
.dengjiimg3 div.div10 a div.div12{float:left; width:100px; font-size:11px; color:#fff;}
.dengjiimg3:hover{background:#b57507;}

.aboutus{
background:#FFFFFF;
width:1400px;
margin:0 auto;
margin-top:30px;
padding:30px;
height:520px;
}
.aboutus h6{
font-size:24px;
padding-bottom:30px;
}
.aboutus .left{
float:left;
width:750px;
font-size:16px;
line-height:40px;
}
.aboutus .right{
float:right;
width:550px;
height:400px;
}
.news_bg{
background:#FFFFFF;
width:100%;
}
.news{
background:#FFFFFF;
width:1400px;
margin:0 auto;
margin-top:30px;
height:800px;
padding-top:30px;
text-align:center;
}
.news h6{
font-size:28px;
padding-bottom:30px;
line-height:40px;
}
.news .hot_news .list{
float:left;
width:342px;
height:300px;
border:#e4e4e4 solid 1px;
margin:10px 10px 0 0;
position:relative;
overflow:hidden;
padding:10px;
}
.news .hot_news .list:hover{
border:#1c389c solid 1px;
}
.news .hot_news .list:nth-child(4n) {
margin-right: 0;
}
.news .hot_news .list img{
float:left;
}

.news .hot_news .tit{
border-top:#e4e4e4 solid 1px;
color:#333333;
font-weight:bold;
font-size:18px;
line-height:25px;
padding-top:225px;
text-align:left;
}

.Media{
background:#FFFFFF;
width:1400px;
margin:0 auto;
margin-top:30px;
height:530px;
padding-top:30px;
text-align:center;
}
.Media h6{
font-size:28px;
padding-bottom:30px;
line-height:40px;
}
.Media .hot_news .list{
float:left;
width:194px;
border:#e4e4e4 solid 1px;
margin:5px 0 0 5px;
padding:2px;
}
.Media .hot_news img{
height:80px;
width:100%;
}
.Media .hot_news .list:hover{
border:#1c389c solid 1px;
}
.Media .hot_news .list:nth-child(4n) {
margin-right: 0;
}