* { margin: 0; padding: 0; font-family: "Microsoft YaHei" ! important; }
ul, li { margin: 0; padding: 0; list-style: none; }
a, a:hover, a:visited, a:link { text-decoration: none; color: #333; }
body { overflow-x: hidden; }

/*body::-webkit-scrollbar {
    display: none
}*/
p { margin: 0; }
img { max-width: 100%; }
@media screen and (min-width:768px) {
    html, body { font-size: 16px; }
    .navBox { height: 56px; }
    .navBox ul li { float: left; margin-right: 2px;}
    .productBox { padding-top: 5rem; }
    .whyChooseUs .whyTitle img { width: 40%; }
    .impression .impreTit img { width: 25%; margin: 0 auto; }
    .fixed_right { display: block; }
    .crumbsList p { padding-top: 1rem; }
    .xinwenInfo { padding-top: 2rem; }
    .contactInfoBox { padding: 2rem 0; }
    .servicePhone { margin-top: 3rem; margin-bottom: 2rem; }
    .siteMap .siteMapBox { padding: 0 50px; }
    .siteMap .siteMapBox .siteMapList li { width: 33.33%; }
    .whyChooseUs .whyItem h4 { padding: 1rem 0; margin-bottom: 0.6rem; }
    .whyChooseUs .whyItem p { padding: 0.5rem 1.5rem; }
    .whyChooseUs .whyItem .whyItemChild { padding: 0 2rem; }
    .whyChooseUs .whyItem img.stepImg { width: 5rem; position: absolute; top: -1rem; left: 2rem; }
}
@media screen and (max-width:768px) {
    html, body { font-size: 12px; }
    .navBox { height: 41px; }
    .navBox ul li { float: left; }
    .productBox { padding-top: 1rem; }
    .proTuijian .col-xs-6, .application_area_item { padding-right: 5px; padding-left: 5px; }
    .fixed_right { display: block; }
    .xinwenInfo { padding-top: 1rem; }
    .contactInfoBox { padding-bottom: 1rem; }
    .servicePhone { margin-top: 1rem; margin-bottom: 1rem; }
    .siteMap .siteMapBox { padding: 0 15px; }
    .siteMap .siteMapBox .siteMapList li { width: 33.33%; }
    .whyChooseUs .whyItem h4 { padding: 1rem 0; margin-bottom: 0.4rem; }
    .whyChooseUs .whyItem p { padding: 0.5rem 1.5rem; }
    .whyChooseUs .whyItem .whyItemChild { padding: 0 1rem; }
    .whyChooseUs .whyItem img.stepImg { width: 5rem; position: absolute; top: -1rem; left: 2rem; }
}
@media screen and (max-width:760px) {
    html, body { font-size: 12px; }
    body { padding-top: 50px; }
    .navBox ul li { float: left; }
    .productBox { padding-top: 40px; }
    .whyChooseUs .whyTitle img { width: 75%; }
    .impression .impreTit img { width: 50%; margin: 0 auto; }
    .fixed_right { display: none; }
    .crumbsList p { padding: 0.5rem 0; }
    .siteMap .siteMapBox { padding: 0px; }
    .siteMap .siteMapBox .siteMapList li { width: 33.33%; }
    .whyChooseUs .whyItem h4 { padding: 0.5rem 0; margin-bottom: 0; }
    .whyChooseUs .whyItem p { padding: 0.2rem 0 0.2rem 1.2rem; }
    .whyChooseUs .whyItem .whyItemChild { padding: 0 0.5rem; }
    .whyChooseUs .whyItem img.stepImg { width: 5rem; position: absolute; top: 0; left: 2rem; }
    .proTypeList { margin-bottom: 2rem; }
    .navbar-brand>img{height: 40px;}
}
.fixed { box-shadow: 0 0px 4px 1px #ddd; -webkit-box-shadow: 0 0px 4px 1px #ddd; -moz-box-shadow: 0 0px 4px 1px #ddd; -ms-box-shadow: 0 0px 4px 1px #ddd; -o-box-shadow: 0 0px 4px 1px #ddd; position: fixed; width: 100%; top: 0; left: 0; z-index: 999; }
.bColor { color: #0188E2 !important; }

/********************首页********************/

/*顶部*/

/*.topBox{padding:10px 0;}*/
.topInfo { padding: 5px 0; }
.topInfo .phoneSmall { text-align: right; }
.topInfo .phoneSmall, .topInfo .welcomeTxt { font-size: 1rem; color: #fff; }
.topBox { padding: 0.5rem; }
.topBox .topLogo { width: 130%; max-width: 520px; }
.topBox .toIndex { font-size: 1.5rem; }
.topBox .phone { float: right; padding-top: 0.8rem; height: 75px; font-size: 1rem; padding-left: 70px; background: url(../images/phone.jpg)

    /*tpa=http://www.gaqykj.com/js/statics/images/phone.jpg*/
no-repeat left center; }
.topBox .phone span { display: block; color: #1767CA; font-size: 1.5rem; font-weight: 600; }
.topInfo { background: #05B1F1; }
.topInfo .welcomeTxt { color: #fff; }
.logoBox { max-width: 600px; padding: 0.7rem 0; }
.sloganBox { margin-top: 21px; width: calc(100% - 180px); border-left: 1px solid #ddd; }
.sloganBox img { width: 100%; max-width: 200px; }
.topComName { text-align: center; font-weight: bold; }
.topComName span { color: #1567cb; }
.navBox { border-top: 1px solid #D7D7D7;}
.navBox ul { display: inline-block; }
.navBox ul li a { display: block; text-align: center; padding: 1rem 1.5rem; color: #000; }
.navBox ul li.active a,
.navBox ul li a:hover { background: #1567cb; color: #fff; }
.banner-swiper .swiper-slide img { width: 100%; }

/*手机端底部导航*/
.bottomNavBox { position: fixed; bottom: 0; left: 0; right: 0; background: #05B1F1; z-index: 99; }
.bottomNavBox .bottomNavList li { float: left; width: 25%; }
.bottomNavBox .bottomNavList li a { display: block; height: 46px; line-height: 46px; text-align: center; color: #fff; }
.bottomNavBox .bottomNavList li.active a { background-color: #40E7A2; }
.aboutUsBox { background: #F5F5F5; }
.aboutUsBox .container { background: url(../images/aboutusicon.png)

    /*tpa=http://www.gaqykj.com/js/statics/images/aboutUsIcon.png*/
no-repeat right bottom; background-size: 2rem; }
.aboutImgBox { position: relative; }
.aboutImgBox img { width: 100%; position: absolute; top: -5rem; z-index: 99; }
.aboutUsBox p.aboutTxt { padding: 1.2rem 0; }
.proType { border-bottom: 1px solid #fff; }
.proType .proTypeTitle { display: block; padding: .8rem 1rem; background: #1567cb; font-size: 1.1rem; color: #fff;}
.proType .proTypeTitle.active { background: #1567cb; }
.proType .proTypeTitle span { font-size: 1.5rem; }
.proType .proList li { background: #EFEFEF; border-bottom: 1px solid #E8E8E8; }
.proType .proList li a { display: block; padding: 0.67rem 0 0.67rem 15px; font-size: 0.9rem; }
.proType .proList li a i { display: inline-block; width: 10px; height: 10px; border: 1px solid #999; border-radius: 50%; margin-right: 8px; }
.proType .proList li a:hover {color: #337ab7;}
.proTuijianTitle h2 { font-size: 1.5rem; margin-top: 0; position: relative; padding-bottom: 1rem; color: #1567cb; font-weight: bold; }
.proTuijianTitle h2 span { display: block; width: 3rem; height: 2px; background: #D7D7D7; position: absolute; bottom: 0; left: 0; }
.proTuijianTitle p { font-weight: bold; font-size: 1rem; margin-bottom: 1rem; }
.proTuijian img { width: 100%;height: 229px;object-fit: cover;}
.proTuijian h4 { font-size: 1.1rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 10px; color: #fff; font-weight: 500; margin-top: 0;margin-bottom: 15px;}
.proTuijian h4 span { color: #1567cb; display: block; margin-top: 0.4rem; font-size: 1.1rem; }
.proTuijian p { padding: 0 10px; font-size: 0.9rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #fff;opacity: .6;}
.proTuijian a { display: block; }
.whyChooseUs { background: #F4F4F4 url(../images/why-bg.png)

    /*tpa=http://www.gaqykj.com/js/statics/images/why-bg.png*/
no-repeat center center; background-size: cover; padding: 3rem 0 4rem; margin-top: 4rem; }
.whyChooseUs>.container>.row { background-color: #fff; }
.whyChooseUs .whyItem { padding: 0; position: relative; }
.whyChooseUs .whyItem img.whyImg { margin: 0 auto; width: 100%; }
.whyChooseUs .whyItem h4 { font-size: 1.5rem; color: #1567cb; border-bottom: 1px solid #d7d7d7; margin-top: 0; }
.whyChooseUs .whyItem h4 span { font-size: 0.8rem; color: #D7D7D7; }
.whyChooseUs .whyItem p { font-size: 1rem; color: #666; background: url(../images/whyicon.png)

    /*tpa=http://www.gaqykj.com/js/statics/images/whyIcon.png*/
no-repeat left center; background-size: 1rem; }
.whyTitle { text-align: center; margin-top: 0; font-size: 1.5rem; color: #fff; font-weight: bold; position: relative; padding-bottom: 1rem; margin-bottom: 1rem; }
.whyTitle span { display: block; width: 2rem; height: 2px; background: #fff; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0); }
.whyTitleEn { font-size: 1.2rem; color: #fff; text-align: center; margin-bottom: 3rem; }
.newsBox { margin: 2rem 0 3rem; }
.news_right_title { font-size: 1.2rem; color: #000; border-bottom: 1px solid #BBBBBB; padding: 0.5rem 0; font-weight: bold; position: relative; margin-bottom: 1.5rem; }
.news_right_title a { font-size: 0.6rem; color: #666; margin-top: 0.3rem; display: inline-block; padding-right: 18px; background: url(../images/moreicon.png)

    /*tpa=http://www.gaqykj.com/js/statics/images/moreIcon.png*/
no-repeat right center; background-size: 12px; }
.news_right_title .bLine { position: absolute; left: 0; bottom: -1px; width: 4rem; height: 2px; background: #0088E2; }
.news_headlines .newsTxt { font-size: 0.875rem; color: #666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; line-height: 1.7rem; }
.news_headlines .newsTxt em { color: #1567cb; font-style: normal; }
.news_headlines img { max-height: 195px; width: 100%; }
.news_headlines { padding-bottom: 1rem; border-bottom: 1px solid #CACACA; }
.news_headlines:hover .headlinesIcon { color: #0188E2; }
.headlinesIcon { font-size: 1rem; color: #000; font-weight: 500; padding: 0.5rem 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.headlinesIcon span { display: inline-block; padding: 5px 10px; background-color: #FE0000; color: #fff; margin: 0.5rem 0; font-size: 1rem; }
.headlinesIcon font { margin-top: 0.8rem; font-size: 0.8rem; }
.news_right_list li { border-bottom: 1px dashed #CACACA; padding: 0.5rem 0; }
.news_right_list li a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.8rem; }
.news_right_list li i { display: inline-block; width: 1rem; height: 1rem; font-size: 0.5rem; background-color: #049AF8; text-align: center; color: #fff; margin-right: 0.5rem; }
.newsListIndex { margin-top: 0.5rem; }
.newsListIndex .newsItem { float: left; width: 100%; padding-left: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0.5rem 0; font-size: 0.875rem; background: url(../images/newsicon.png)

    /*tpa=http://www.gaqykj.com/js/statics/images/newsIcon.png*/
no-repeat left center; background-size: 14px; }
.newsListIndex .newsItem:hover a { color: #1767CA; }
.application_area { margin-top: 3rem; }
.application_area_title { font-size: 1.5rem; text-align: center; margin-bottom: 0.8rem; position: relative; padding-bottom: 0.8rem; font-weight: bold; color: #1567cb; }
.application_area_title span { display: block; width: 2rem; height: 2px; background: #d7d7d7; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0) }
.application_area_title_en { text-align: center; font-size: 1rem; color: #000; margin-bottom: 2rem; }
.application_area_item { margin-bottom: 3.5rem; }
.application_area_item>div { border: 1px solid #DDDDDD; padding-bottom: 2rem; position: relative; }
.application_area_item>div h3, .application_area_item>div p { padding: 0 1rem; }
.application_area_item>div h3 { color: #1567cb; font-size: 1.1rem; }
.application_area_item>div p { font-size: 0.875rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; line-height: 1.3rem; height: 6.3rem; }
.application_area_item>div .viewDetails { font-size: 0.5rem; display: block; padding: 0.4rem 0.8rem; position: absolute; bottom: 0.8rem; left: 50%; transform: translate(-50%, 0); border: 2px solid #ddd; background: #fff url(../images/viewmoreicon.png)

    /*tpa=http://www.gaqykj.com/js/statics/images/viewMoreIcon.png*/
no-repeat center bottom; }
.application_area_item>div .viewDetails:hover { background-color: #0188E2; color: #fff; transition: 0.5s all; }
.news_left_list li { padding-bottom: 1rem; border-bottom: 1px solid #DDDBDC; }
.news_left_list li .newsItem .newsTitle { color: #1567cb; font-size: 1.1rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news_left_list li .newsItem .newsMain { color: #666; font-size: 0.875rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: justify; line-height: 1.3rem; height: 2.6rem; }
.news_left_list li:hover .newsItem .newsTitle { color: #0188E2; }
.news_left_list li .newsItem .newsTime { margin-top: 2rem; font-size: 0.8rem; }
.impression { padding: 2rem 0 4rem; margin-top: 3rem; background: #F5F5F5 url(../images/impre_bg.png)

    /*tpa=http://www.gaqykj.com/js/statics/images/impre_bg.png*/
no-repeat center; background-size: cover; }
.impression .impreTit { text-align: center; margin-bottom: 2rem; }
.fastTrackBox { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.fastTrackBox .fastTrackTitle { text-align: center; margin-bottom: -0.6rem; font-size: 1.1rem; color: #333; }
.fastTrackBox .fastTrackTitle span { background-color: #fff; display: inline-block; padding: 0 0.5rem; }
.fastTrackBox .fastTrackTitle span em { color: #1767CA; font-style: normal; }
.fastTrackBox .fastTrack { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding-top: 2rem; padding-bottom: 2.5rem; }
.fastTrackBox .trackItem { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-top: 0.5rem; padding-bottom: 0.5rem; }
.fastTrackBox .trackItem .trackName { display: inline-block; width: 12rem; text-align: right; color: #1767CA; font-size: 0.8rem; }
.fastTrackBox .trackItem .trackPro { display: inline-block; margin: 0 0.5rem; font-size: 0.8rem; color: #666; }
.fastTrackBox .trackItem .trackPro:hover { color: #1767CA; }
.friendLinkBox .friendLinkTitle { font-size: 1.5rem; color: #1567cb; position: relative; padding-bottom: 0.8rem; margin-bottom: 0.8rem; margin-top: 0; font-weight: bold; }
.friendLinkBox .friendLinkTitle span { display: block; width: 2rem; height: 2px; background-color: #d7d7d7; position: absolute; bottom: 0; left: 0; }
.friendLinkBox .friendLinkTitle span em { color: #1767CA; font-style: normal; }
.friendLinkBox .linkItem { display: inline-block; margin: 0.5rem 0.8rem; font-size: 0.8rem; color: #666; }
.friendLinkBox .linkItem:hover { color: #1767CA; }
footer .footNav { background: #fff; text-align: center; color: #666;line-height: 40px; border-bottom: 1px solid #747474;}
footer .footNav a { color: #666; display: inline-block; font-size: 0.8rem; width: 11.1111%;}
footer .footNav a:hover {color: #1567cb;}
footer .footNav a:nth-child(2n+1) {
    background-color: #4c4c4c;
    color: #fff;
}
footer .footInfo { padding: 1rem 0 3rem; background: #222222; color: #fff; }
footer .footInfo .footInfoBox { padding-top: 2rem; }
footer .footInfo .footInfoBox h3 { padding-top: 1rem; font-size: 1rem; position: relative; }
footer .footInfo .footInfoBox h3 span { display: block; width: 2rem; height: 2px; background-color: #fff; position: absolute; top: 0; left: 0; }
footer .footInfo .footInfoBox p, footer .footInfo .footLogo p { font-size: 0.8rem; color: #aaa; }
footer .footInfo .footLogo { padding-top: 1rem; }
footer .footInfo .footLogo img { display: block; margin-bottom: 1rem; }
footer .footInfo .footLogo p a {color: #aaa;}

/* 右侧悬浮栏*/
.fixed_right { position: fixed; z-index: 999; right: 5px; width: 62px; height: 186px; top: 50%; margin-top: -93px; }
.fixed_page { width: 100%; height: 60px; margin: 1px 0; background: #00aeef; border-radius: 4px; -webkit-border-radius: 4px; position: relative; }
.qqIcon { display: block; width: 100%; height: 100%; background: url(../images/qq.png)

    /*tpa=http://www.gaqykj.com/js/statics/images/qq.png*/
no-repeat center; }
.to_top { display: block; width: 100%; height: 100%; background: url(../images/topicon.png)

    /*tpa=http://www.gaqykj.com/js/statics/images/topIcon.png*/
no-repeat center; }
.phoneIcon { display: block; width: 100%; height: 100%; background: url(../images/phoneicon.png)

    /*tpa=http://www.gaqykj.com/js/statics/images/phoneIcon.png*/
no-repeat center; }
.cgyx_box { width: 230px; right: 100%; position: absolute; top: 0; display: block; }
.we_code { width: 200px; background: #ddd; height: 186px; padding: 30px 0 30px 15px; border-radius: 8px; position: relative; }
.we_code p { line-height: 63px; }
.triangle { display: block; width: 50px; height: 50px; background: url(../images/sanjiaoxing.png)

    /*tpa=http://www.gaqykj.com/js/statics/images/sanjiaoxing.png*/
no-repeat center; background-size: 80px; position: absolute; top: 10px; right: -24px; }

/***************************产品中心**********************/
.crumbsBox { padding: 0.5rem 0 0.5rem; border-bottom: 1px solid #ddd; }
.crumbsBox .crumbsLogo img { width: 100%; max-width: 140px; }
.crumbsBox .crumbsLogo h5 { text-align: center; font-size: 14px; font-weight: bold; margin-top: 0; margin-bottom: 0; }
.crumbsList { text-align: right; }
.crumbsList p {font-size: 0.9rem; color: #999; padding-top: 0; padding: 5px 0;}
.crumbsList p a { display: inline-block; color: #999; }

/*PC端产品大类*/
.proListBox { padding-top: 2rem; padding-bottom: 2rem; background-color: #F5F5F5; }
.proListBox .PC_proListBox .PC_proListTit { background: url(../images/protitbg.png)

    /*tpa=http://www.gaqykj.com/js/statics/images/proTitBg.png*/
no-repeat center; background-size: cover; padding: 1.6rem 0; }
.proListBox .PC_proListBox .PC_proListTit h3 { font-size: 1.4rem; text-align: center; color: #fff; }
.proListBox .PC_proListBox .PC_proListTit h3 span { display: block; font-size: 1.8rem; margin-top: 0.4rem; }
.proListBox .PC_proListBox .PC_proList { padding: 0 15px 15px; border: 1px solid #ddd; }
.proListBox .PC_proListBox .PC_proList li { padding: 12px 0 12px 2rem; color: #fff; margin-top: 15px; border-radius: 5px; background: #888888 url(../images/proicon_1.png)

    /*tpa=http://www.gaqykj.com/js/statics/images/proIcon_1.png*/
no-repeat 10px center; background-size: 16px; }
.proListBox .PC_proListBox .PC_proList li a { display: block; font-size: 14px; color: #fff; }
.proListBox .PC_proListBox .PC_proList li.active { background: #0183E5 url(../images/proicon_2.png)

    /*tpa=http://www.gaqykj.com/js/statics/images/proIcon_2.png*/
no-repeat 10px center; background-size: 16px; }

/*手机端产品大类*/
.proListBox .m_proListBox { padding-bottom: 2rem; }
.proListBox .m_proListBox .m_proList li { float: left; margin: 5px 8px; }
.proListBox .m_proListBox .m_proList li a { display: block; padding: 5px 10px; background-color: #ccc; color: #fff; border-radius: 5px }
.proListBox .m_proListBox .m_proList li.active a { background-color: #1767CA; }
.proList_right .proItem { overflow: hidden; border: 1px solid transparent; margin-bottom: 5px; }
.proList_right .proItem .proItemImgBox { overflow: hidden; }
.proList_right .proItem img { width: 100%; }
.proList_right .proItem:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); transition: 0.5s all; }
.proList_right .proItem h4 { font-size: 1.1rem; color: #1767CA; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.proList_right .proItem p { color: #666; font-size: 0.8rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; height: 4.2rem; line-height: 1.4rem; margin: 5px 10px 10px; text-align: center; }
.proList_right .proItem:hover p { color: #1767CA; }
.pageBox { text-align: center; }
.proList_right .proList_right_tit { border-bottom: 1px solid #ddd; padding-bottom: 5px; margin-bottom: 0.8rem; position: relative; }
.proList_right .proList_right_tit p { font-size: 1.2rem; font-weight: bold; color: #1767CA; }
.proList_right .proList_right_tit .bLine { display: block; width: 50%; height: 1px; background-color: #1767CA; position: absolute; bottom: -1px; left: 0; }

/***************************产品详情**********************/
.proDetailsBox { padding-top: 2rem; padding-bottom: 2rem; background-color: #F5F5F5; }
.proDetailsBox .proTop .proTop_l img { width: 100%; }
.proDetailsBox .proTop .proTop_r h3 { font-size: 1.25rem; color: #1767CA; }
.proDetailsBox .proTop .proTop_r h4 { font-size: 1.1rem; color: #1767CA; }
.proDetailsBox .proTop .proTop_r p { font-size: 0.95rem; }
.proDetailsBox .proBottom { padding-top: 1rem; }
.proDetailsBox .proBottom .proInfoBox>h3 { font-size: 1.25rem; color: #1767CA; border-bottom: 1px solid #ddd; padding-bottom: 0.5rem; position: relative; }
.proDetailsBox .proBottom .proInfoBox>h3 span.bLine { display: block; width: 50%; height: 1px; position: absolute; bottom: -1px; left: 0; background-color: #1767CA; }

/***************************新闻案例**********************/
.xinwenBox { padding-top: 2rem; background-color: #F5F5F5; }
.xinwenBox .xinwenType .xinwenTypeList { text-align: center; border-bottom: 1px solid #ddd; }
.xinwenBox .xinwenType .xinwenTypeList li { display: inline-block; }
.xinwenBox .xinwenType .xinwenTypeList li a { display: block; padding: 0.8rem 0.8rem; font-size: 1.2rem; }
.xinwenBox .xinwenType .xinwenTypeList li a:hover {color: #1767CA;}
.xinwenBox .xinwenType .xinwenTypeList li.active a { border-bottom: 2px solid #1767CA;color: #1767CA; }
.xinwenBox .xinwenList .xinwenItem { border-bottom: 1px dashed #ddd; padding-bottom: 2rem; margin-top: 2rem; }
.xinwenBox .xinwenList .xinwenItem .xinwenTit { font-size: 1rem; color: #333; }
.xinwenBox .xinwenList .xinwenItem:hover .xinwenTit { color: #1767CA; }
.xinwenBox .xinwenList .xinwenItem .xinwenTxt { color: #666; font-size: 0.8rem; height: 4.2rem; line-height: 1.4rem; overflow: hidden; text-overflow: ellipsis; white-space: normal; margin-bottom: 20px;padding-top: 5px;}
.xinwenBox .xinwenList .xinwenItem .xinwenTime { color: #666; font-size: 0.8rem; }

/***************************关于我们**********************/
.about { padding-top: 2rem; background-color: #F5F5F5; }
.about .aboutType .aboutTypeList { text-align: center; border-bottom: 1px solid #ddd; }
.about .aboutType .aboutTypeList li { display: inline-block; }
.about .aboutType .aboutTypeList li a { display: block; padding: 0.8rem 0.8rem; font-size: 1rem; }
.about .aboutType .aboutTypeList li.active a { border-bottom: 2px solid #1767CA; }
.aboutInfoBox { padding: 2rem 0; }

/***************************联系我们**********************/
.contact { padding-top: 2rem; background-color: #F5F5F5; }
.contact .contactType .contactTypeList { text-align: center; border-bottom: 1px solid #ddd; }
.contact .contactType .contactTypeList li { display: inline-block; }
.contact .contactType .contactTypeList li a { display: block; padding: 0.8rem 0.8rem; font-size: 1rem; }
.contact .contactType .contactTypeList li.active a { border-bottom: 2px solid #1767CA; }
.mapBox { padding: 2rem 0; }
.servicePhone { padding: 1rem 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.servicePhone h2 { color: #1767CA; }

/*招贤纳士*/
.recruitBox { margin-bottom: 2rem; }
.recruitBox .recruitList .recruitItem { border-bottom: 1px dashed #ddd; padding-bottom: 1rem; }
.recruitBox .recruitList .recruitItem { cursor: pointer; }
.recruitBox .recruitList .recruitItem .recruitInfo { display: none; }
.recruitBox .recruitList .recruitItem .recruitPost { font-weight: normal; font-size: 1.1rem; color: #333; }
.recruitBox .recruitList .recruitItem .recruitPost span { float: right; color: #666; font-size: 0.9rem; }

/***************************新闻详情**********************/
.newsDetails { padding: 2rem 0; background-color: #F5F5F5; }
.newsDetails .newsHead { position: relative; margin-bottom: 2rem; }
.newsDetails .newsHead h3.newsTit { font-size: 1.5rem; color: #333; font-weight: normal; text-align: center; margin-bottom: 2rem; }
.newsDetails .newsHead p.newsTime { font-size: 0.9rem; color: #666; border-bottom: 1px dashed #ddd; padding: 5px 0; }
.newsDetails .newsHead .backToList { display: block; height: 2rem; line-height: 2rem; padding: 0 0.5rem; position: absolute; bottom: 0; right: 0; background-color: #9B9A9C; color: #fff; font-size: 0.8rem; }
.newsDetails .newsMain { margin-bottom: 2rem; line-height: 1.75; }
.newsDetails .newsMain p { margin-top: 0.3rem; }
.newsDetails .pian { border-top: 1px solid #ddd; padding: 1rem 0; }
.newsDetails .pian p { font-size: 0.8rem; margin-top: 0.8rem; }
.newsDetails .pian p span { color: #1767CA; }
.sousuo { padding: 0.6rem 0; background-color: #222222; }
.sousuo .hotKeyWord { color: #fff; font-size: 0.875rem; line-height: 30px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-left: 0;}
.sousuo .hotKeyWord a { color: #fff; display: inline-block; margin-right: 10px; font-size: 0.875rem; }
.searchBox .searchParent { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; position: relative; border-radius: 15px;width: 260px; }
.searchBox .searchParent input { border: none; outline: none; height: 26px; width: 100%; padding: 0 35px 0 10px; font-size: 0.875rem; border-radius: 15px; }
.searchBox .searchParent .searchBtn { position: absolute; top: 0; right: 0; width: 30px; height: 30px; border: none; outline: none; background: url(../images/searchicon.png)

    /*tpa=http://www.gaqykj.com/js/statics/images/searchIcon.png*/
no-repeat center center; background-size: 24px; }

/*网站地图*/
.siteMap { padding: 1.1rem 0; }
.siteMap .siteMapBox h4 { font-size: 14px; color: #333; font-weight: bold; margin-top: 1.5rem; }
.siteMap .siteMapBox h4 a:hover { color: #1767CA; }
.siteMap .siteMapBox .siteMapList { border: 1px solid #ddd; }
.siteMap .siteMapBox .siteMapList li { float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 3px 0 3px 0.5rem; }
.siteMap .siteMapBox .siteMapList li a { font-size: 12px; color: #666; }
.siteMap .siteMapBox .siteMapList li a:hover { color: #1767CA; }

/*标签*/
.tagsBox { padding: 1rem 0; background-color: #F5F5F5; }
.tagsBox .tagsLeft { width: 7rem; float: left; }
.tagsBox .tagsRight { width: calc(100% - 7rem); float: left; }
.tagsBox span { display: inline-block; padding: 5px 0; font-size: 0.9rem; color: #333; }
.tagsBox a { display: inline-block; padding: 5px 15px 5px 0; font-size: 0.9rem; color: #666; }
.tagsBox a:hover { color: #1767CA; }

/*问答*/
* { margin: 0; padding: 0 }
#QAbox { position: absolute; height: 320px; width: 100%; max-width: 360px; color: #FA8E93; overflow: hidden; }
#QAbox li { padding: 5px 0; border-bottom: 1px dashed #ddd; }
#QAbox p { height: 1.3rem; line-height: 1.3rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.875rem; }
.navbar-brand { padding: 5px; }
.swiper-button-next, .swiper-button-prev { display: none; }
.banner-swiper:hover .swiper-button-next, .banner-swiper:hover .swiper-button-prev { display: block; }
.swiper-pagination-bullet { width: 20px; height: 8px; display: inline-block; border-radius: 0; background: #fff; opacity: 0.5; }

/*留言*/
.leaveMsg { background: #f5f5f5; padding: 1rem 0 2rem; border-top: 1px solid #ddd; }
.leaveMsg h3 { font-size: 1.2rem; padding-left: 15px; }
.leaveMsg p { margin: 1rem 0; font-size: 0.9rem; }
.leaveMsg p span { display: inline-block; width: 5rem; }
.leaveMsg p input[type=text] { height: 34px; width: calc(100% - 6rem); max-width: 400px; border: none; border-radius: 6px; background: #fff; margin-left: 12px; border: 1px solid #999; padding: 10px; }
.leaveMsg p textarea { border: none; background-color: #fff; width: calc(100% - 9.7rem); margin-left: 12px; height: 100px; border-radius: 6px; border: 1px solid #999; padding: 10px; }
.leaveMsg input[type=submit] { padding: 0.4rem 1.5rem; border-radius: 5px; border: none; background: #337ab7; color: #fff; margin-left: 45%; }
.swiper-pagination-bullet-active { opacity: 1; background: #007aff; }
.m-proTitle h3 { font-size: 1.5rem; color: #1567cb; position: relative; padding-bottom: 1rem; font-weight: bold; margin-top: 0; }
.m-proTitle h3 span { display: block; width: 3rem; height: 2px; background: #D7D7D7; position: absolute; bottom: 0; left: 0; }
.m-proTitle p { font-weight: bold; font-size: 1rem; margin-bottom: 1rem; }
.news_add_QA { height: calc(320px + 4.5rem); }
.application_area_item img.img-responsive { width: 100%; }
.animate { transition: all 0.5s ease-in-out; }
.b { color: gray; border: 2px solid transparent; cursor: pointer; }
.b { position: relative; }
.b span { display: inline-block; position: absolute; content: none; border: 0; width: 0; height: 0; }
.b span.top { right: 0; top: 0; border-top: 2px solid #1567cb; margin-top: -2px; }
.b:hover span.top { width: 100%; }
.b span.right { right: 0; bottom: 0; border-right: 2px solid #1567cb; margin-right: -2px; }
.b:hover span.right { height: 100%; }
.b span.bottom { left: 0; bottom: 0; border-bottom: 2px solid #1567cb; margin-bottom: -2px; }
.b:hover span.bottom { width: 100%; }
.b span.left { left: 0; top: 0; border-left: 2px solid #1567cb; margin-left: -2px; }
.b:hover span.left { height: 100%; }
.proInfo table { width: 100% !important;     word-break: break-word;}
.proInfo table td, .proInfo table th { border: 1px solid #000; padding: 10px !important; }
.pagination p { margin: 0; cursor: pointer }
.pagination { height: 40px; text-align: center; padding: 0; width: 100%; box-sizing: content-box; }
.pagination a { display: inline-block; margin-right: 5px; padding: 2px 12px; height: 24px; border: 1px #cccccc solid; background: #fff; text-decoration: none; color: #808080; font-size: 12px; line-height: 24px; vertical-align: middle; box-sizing: content-box; }
.pagination a:hover { color: #1567cb; background: white; border: 1px #1567cb solid; }
.pagination a.page-num-current { border: none; background: #1567cb; color: #fff; }
.pagination p { display: inline-block; padding: 2px 12px; font-size: 12px; height: 24px; line-height: 24px; color: #bbb; border: 1px #ccc solid; background: #fcfcfc; margin-right: 8px; }
.pagination p.pageRemark { border-style: none; background: none; margin-right: 0px; padding: 4px 0px; color: #666; }
.pagination p.pageRemark b { color: red; }
.pagination p.pageEllipsis { border-style: none; background: none; padding: 4px 0px; color: #808080; }

/*新增20210927*/
.index-title {
    text-align: center;
    position: relative;
    padding-bottom: 15px;
}
.index-title h3 {
    font-size: 46px;
    font-weight: bold;
    color: #1567cb;
    margin-top: 0;
}
.index-title p {
    font-size: 18px;
    color: #1567cb;
    text-transform: uppercase;
}
.index-title:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 80px;
    height: 4px;
    background-color: #1567cb;
    margin-left: -40px;
}
.in-product {
    margin-top: 60px;
}
.proTuijian {
    padding-left: 30px;
}
.proTuijian>div {
    padding-left: 0;
    padding-right: 0;

}
.proTuijian>div .bb {
    background-color: #1567cb;
}
.proTuijian>div .bb .cont {
    border-right: 1px solid #1765dc;
    text-align: center;
    padding: 1.5rem 15px 2rem;
}

.in-youshi {
    margin-top: 100px;
    padding: 50px 0;
    background: url(../images/bg1.jpg) no-repeat center;
    background-size: cover;
}
.ys-content {
    background-color: #fff;
    padding: 50px 40px 40px;
}
.flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.ys-list {
    margin-top: 50px;
}
.ys-list .item {
    width: 30%;
}
.ys-list .item .pic img {
    width: 100%;
}
.ys-list .item .cont {
    padding-left: 25px;
    border-left: 10px solid #1765dc;
}
.ys-list .item .cont h4 {
    font-size: 24px;
    color: #1765dc;
    font-weight: bold;
    padding-left: 20px;
    position: relative;
}
.ys-list .item .cont h4:before,
.ys-list .item .cont ul li:before {
    content: '';
    position: absolute;
    left: 0;
    width: 10px;
    height: 12px;
    background: url(../images/point.png) no-repeat center;
    background-size: contain;
    top: 50%;
    margin-top: -6px;
}
.ys-list .item .cont ul {
    margin-top: 25px;
}
.ys-list .item .cont ul li {
    position: relative;
    padding-left: 20px;
    font-size: 18px;
    color: #333;
}
.ys-list .item .cont ul li:before {
    margin-top: 0;
    top: 5px;
    background-size: 6px;
}
.ys-list .item .pic {
    margin-bottom: 15px;
}
.cline {
    width: 2px;
    height: 80px;
    background-color: #1765dc;
}
.ys-list .item:nth-child(2) {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
}
.ys-list .item:nth-child(2) .pic {
    margin-bottom: 0;
    width: 100%;
    margin-top: 15px;
}
.in-yyfw {
    padding-top: 80px;
    padding-bottom: 90px;
}
.yyfw-list {
    margin-top: 40px;
}
.yyfw-list .item ~ .item {
    margin-top: 70px;
}
.yyfw-list .item {
    position: relative;
}
.yyfw-list .item .tit {
    /*height: 96px;*/
    padding: 15px 25px;
    background-color: #1765dc;
    color: #fff;
}
.yyfw-list .item .tit .en {font-size: 28px;line-height: 1;text-transform: uppercase;}
.yyfw-list .item .tit h4 {font-size: 26px;line-height: 1;margin-bottom: 0;position: relative;background: #1765dc;}
.yyfw-list .item .tit h4:before {    content: "";
    position: absolute;
    left: 12%;
    width: 88%;
    border-bottom: 1px solid #fff;
    top: 50%;}
.yyfw-list .item .des {
    padding: 15px 260px 0 20px;
    /*font-size: 15px;*/
}
.yyfw-list .item .pic {
    position: absolute;
    right: 20px;
    top: -20px;
}
.yyfw-list .item:nth-child(2) {
    text-align: right;
}
.yyfw-list .item:nth-child(2) .des {
    padding: 15px 20px 0 260px;
}
.yyfw-list .item:nth-child(2) .tit h4:before { 
    left: auto;
    right: 12%;
}
.yyfw-list .item:nth-child(2) .pic {
    right: auto;
    left: 20px;
    top: -20px;
}

.in-about {
    background: url(../images/bg1.jpg) no-repeat center;
    background-size: cover;
    padding: 55px 0;
}
.in-about-content {
    padding: 60px 40px;
    background-color: #fff;
}
.about-info {
    margin-top: 60px;
}
.about-info .left {
    width: 30%;
}
.about-info .left p ~ p {
    margin-top: 30px;
}
.about-info .right {
    width: 67%;
}
.about-info .left img,
.about-info .right ul li img {
    width: 100%;
}
.about-info .right .cont {
    background-color: #1765dc;
    color: #fff;
    padding: 30px 30px 39px;
    line-height: 1.75;
    margin-bottom: 30px;
}
.about-info .right .cont p ~ p {
    margin-top: 15px;
}
.about-info .right .cont .more-bar {
    text-align: center;
    margin-top: 48px;
}
.about-info .right .cont .more-bar a {
    color: #fff;
}
.about-info .right ul li {
    width: 48%;
}
.in-news,
.in-faq {
    padding-top: 70px;
    padding-bottom: 70px;
}
.in-news .index-title,
.in-faq .index-title {
    margin-bottom: 50px;
}
.in-news-one .pic {
    width: 40%;
    height: 284px;
}
.in-news-one .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.in-news-one .cont {
    width: 58%;
    border: 1px solid #ddd;
}
.in-news-one .cont h4 a {
    display: block;
    text-align: center;
    padding: 6px 10px;
    color: #1765dc;
    font-weight: bold;
    font-size: 20px;
}
.in-news-one .cont .des {
    background-color: #1765dc;
    color: #fff;
    padding: 20px;
    line-height: 1.75;
    height: 228px;
}
.in-news-one .cont .des .more {
    color: #fff;
    margin-top: 20px;
    display: inline-block;
}
.elp{display: block; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.in-news-list {margin-top: 30px;}
.in-news-list .item {
    padding-bottom: 6px;
    border-bottom: 1px solid #999;
}
.in-news-list .item ~ .item {
    margin-top: 20px;
}
.in-news-list .item h4 a {
    font-size: 18px;
    color: #1567cb;
    /*color: #333;*/
}
.in-news-list .item p {
    font-size: 15px;
    color: #666;
}
.in-faq-list {
    border: 1px solid #b4d0df;
    border-right: none;
}
.in-faq-list .item {
    width: 33.3333%;
    border-right: 1px solid #b4d0df;
    text-align: center;
}
.in-faq-list .item .q {
    padding: 20px 10px;
}
.in-faq-list .item .a {
    background-color: #1567cb;
    color: #fff;
    padding: 20px 48px;
    height: 140px;
}
.in-faq-list .item .a span,
.in-faq-list .item .q span {
    display: block;
    margin-bottom: 5px;
}

@media screen and (max-width:760px) {
    .index-title h3 {
        font-size: 26px;
    }
    .index-title p {
        font-size: 14px;
    }
    .index-title:before {
        width: 40px;
        height: 2px;
        margin-left: -20px;
    }
    .in-product {
        margin-top: 40px;
    }
    .in-cate {
        display: none;
    }
    .proTuijian {
        padding-left: 0;
    }
    .in-youshi {
        margin-top: 40px;
        padding: 30px 15px;
    }
    .proTuijian>div .bb .cont {
        padding: 1rem 5px 1rem;
    }
    .ys-content {
        background-color: #fff;
        padding: 40px 20px 40px;
    }
    .ys-list {
        margin-top: 40px;
    }
    .ys-list .item {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    .cline {
        height: 30px;
    }
    .ys-list .item .cont {
        border-left: 6px solid #1765dc;
    }
    .ys-list .item .cont h4 {
        font-size: 20px;
    }
    .ys-list .item .cont ul li {
        padding-left: 20px;
        font-size: 16px;
    }
    /*.ys-list .item:nth-child(2) {
        flex-direction: row-reverse;
        margin-top: 40px;
    }*/
    .ys-list .item .num img {
        width: 60px;
    }
    .ys-list .item .pic {
        margin-bottom: 0;
        width: 100%;
        margin-top: 15px;
    }
    .ys-list .item ~ .item {
        margin-top: 40px;
    }
    .in-gg img {
        height: 150px;
        object-fit: cover;
    }
    .in-yyfw {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .yyfw-list .item .des {
        padding: 15px 0;
        font-size: 14px;
    }
    .yyfw-list .item .pic {
        position: static;
        display: none;
    }
    .yyfw-list .item:nth-child(2) .des {
        padding: 15px 0;
    }
    .yyfw-list .item .tit {
        padding: 15px 15px;
    }
    .yyfw-list .item .tit h4:before {
        display: none;
    }
    .yyfw-list .item .tit .en {
        font-size: 14px;
    }
    .yyfw-list .item .tit h4 {
        font-size: 20px;
    }
    .yyfw-list {
        margin-top: 35px;
    }
    .yyfw-list .item ~ .item {
        margin-top: 20px;
    }
    .in-about {
        padding: 30px 15px;
    }
    .in-about-content {
        padding: 40px 15px;
    }
    .about-info {
        margin-top: 40px;
    }
    .about-info .left {
        width: 100%;
    }
    .about-info .left p ~ p {
        margin-top: 15px;
        display: none;
    }
    .about-info .right {
        width: 100%;
        margin-top: 20px;
    }
    .about-info .right .cont {
        padding: 20px 15px 20px;
        margin-bottom: 20px;
    }
    .about-info .right .cont .more-bar {
        margin-top: 30px;
    }
    .in-news, .in-faq {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .in-news .index-title, .in-faq .index-title {
        margin-bottom: 40px;
    }
    .in-news-one .cont h4 {
        background-color: #fff;
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .in-news-one .cont h4 a {
        padding: 4px 6px;
        font-size: 16px;
    }
    .in-news-one .cont {
        background-color: #1765dc;
    }
    .in-news-one .cont .des {
        height: auto;
    }
    .in-news-one .cont .des p {
        overflow:hidden; 
        text-overflow:ellipsis;
        display:-webkit-box; 
        -webkit-box-orient:vertical;
        -webkit-line-clamp:6; 
    }
    .in-news-list .item p {
        font-size: 14px;
    }
    .in-news-list .item h4 a {
        font-size: 16px;}
    .in-faq-list .item .q .pic img {
        width: 40px;
    }
    .in-faq-list .item .q h4 {
        font-size: 16px;
    }
    .in-faq-list .item {
        width: 50%;
    }
    .in-faq-list .item .a {
        background-color: #1567cb;
        color: #fff;
        padding: 20px 15px;
        height: 140px;
        line-height: 1.5;
    }
    .foot-nav-list {display: none;}
    footer .footInfo .footLogo {
        padding-top: 30px;
    }
    footer .footInfo .footLogo img {
        display: none;
    }
    footer .footInfo {
        padding: 1rem 0 1rem;
    }
    footer .footInfo .footInfoBox h3 {
        margin-top: 0;
    }
    .proTuijian img {
        height: 120px;
    }
    .proTypeList {
        padding: 0 15px;
    }
    .proList_right .proItem img {
        height: 105px;
        object-fit: cover;
    }
    .xinwenBox .xinwenList .xinwenItem .xinwenTit {
        font-size: 1.4rem;
    }
    .newsDetails .newsHead .backToList {
        display: none;
    }
    .proDetailsBox .proTop .proTop_r p {
        font-size: 1.1rem;
    }
}