/*show-pro*/
.crumbs{ margin-bottom: 40px; line-height: 50px; color: #2a2a2a; background: #f3f3f3;}

.pro-zhanshi .container{ position: relative; }
.pro-bigpic{ width: 50%;}
.pro-info{ width: 45%; color: #2a2a2a;}
.pro-tit h2{ font-size: 26px; margin-bottom: 10px;}
.pro-tit p{ font-size: 16px; }
.pro-des{ line-height: 36px; margin-top: 45px;}
.pro-tel{ position: absolute; bottom: 0; padding-left: 85px; font-size: 18px; color: #313131; background: url("../images/s-pro-tel.png") no-repeat left center;}
.pro-tel b{ font-size: 24px; color: #0a73ca;}

.pro-tab{ margin-top: 70px;}
.pro-tab-hd{ border-bottom: 1px solid #ccc;}
.pro-tab-hd li{ float: left; position: relative; bottom: -1px; width: 170px; line-height: 50px; font-size: 18px; text-align: center; border: 1px solid #ccc; background: #f3f3f3; }
.pro-tab-hd li + li{ margin-left: 13px;}
.pro-tab-hd li a{ display: block; }
.pro-tab-hd i{ display: none; position: absolute; left: 0; top: -1px; width: 100%; height: 2px; background: #0a73ca;}
.pro-tab-hd .on,.pro-tab-hd li:hover{ background: #fff; border-bottom-color: #fff; color: #0a73ca;}
.pro-tab-hd .on i,.pro-tab-hd li:hover i{ display: block;}

.pro-tab-item{ padding-top: 60px; font-size: 14px; line-height: 30px;}
.pro-tab-item h3,.pro-last h3{ font-size: 24px; line-height: 1; padding-bottom: 15px; margin-bottom: 35px; background: url("../images/s-pro-line.png") no-repeat left bottom;}

.pro-tab-item img,.s-zhengwen img{ display: block; width: 100%!important; height: auto!important; max-width: 600px; margin: 10px auto; }


.pro-case ul{ margin: 0 -17px;}
.pro-case li{ float: left; width: 33.333%; padding: 0 17px;}
.pro-case li span{ display: block; font-size: 14px; text-align: center; padding-top: 5px;}

.pro-last{ padding: 70px 0 50px; background: #f9f9f9; margin-top: 60px;}
.pro-fuwu{ width: 45.75%;}
.pro-fuwu li{ float: left; width: 26.5%; margin-right: 23%; margin-bottom: 60px;}
.pro-fuwu h4{ color: #0a73ca; font-size: 16px; font-weight: 700; margin-bottom: 10px;}
.pro-fuwu p{ font-size: 14px; line-height: 32px;}

.pro-lianxi p{ margin-top: -10px;}
/*show-pro end*/

/*page-gongsi*/
.gs-tit{ position: relative; padding-bottom: 2px; text-align: center; margin-bottom: 40px;}
.gs-tit h2{ position: relative; font-weight: 700; font-size: 30px;}
.gs-tit b{ color: #0a73ca;}
.gs-tit i{ position: absolute; left: 50%; bottom: 0; margin-left: -72px; width: 144px; height: 12px; background: #eee;}

.gs-jianjie{ padding-top: 70px;}
.gs-jj-txt p{ line-height: 32px; margin-bottom: 30px;}

.gs-video-box{ position: relative; width: 54.17%; padding-top: 26.4%}
.gs-video-box embed{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.gs-video-txt{ position: relative; width: 45.83%;}
.gs-video-txt .cont{ position: absolute; left: 15%; top: 50%; margin-top: -85px; color: #fff;}
.gs-video-txt h3{ margin-bottom: 15px; font-size: 24px; font-weight: 700;}
.gs-video-txt p{ line-height: 32px;}

.gs-shili{ padding: 70px 0;}
.gs-shili .p{ line-height: 32px;}
.gs-shili ul{ margin: 0 -20px; }
.gs-shili li{ float: left; width: 33.333%; padding: 0 20px; margin-top: 40px;}


.gs-licheng{ padding: 50px 0 70px;}
.gs-tab-bd .tit-pic{ width: 20%;}
.gs-tab-bd .box{ width: 75%;}

.gs-tab-item{ display: none; position: relative; height: 378px;}

.gs-tab-bd .item1 .txt,
.gs-tab-bd .item2 .txt{ width: 41%;}
.gs-tab-bd .item1 .pic,
.gs-tab-bd .item2 .pic{ width: 58%;}

.gs-tab-item h3{ margin-bottom: 40px; font-size: 26px; font-weight: 700;}
.gs-tab-item p{ line-height: 32px; color: #555;}
.gs-tab-item .p{ width: 38.3%;}
.gs-tab-item .tupian{ width: 60%;}
.gs-tab-item .p1{ width: 30%;}
.gs-tab-item .p2{ width: 31%;}
.gs-tab-item .p3{ width: 34%;}
.gs-tab-item .p4{ width: 44%;}
.gs-tab-item .tupian2{ width: 55%;}
.gs-tab-item .p p + p{ margin-top: 10px;}
.gs-bd li > img{ margin-top: 20px;}

.gs-hd{ position: absolute; bottom: 0; padding: 0 70px; }
.gs-hd .prev,.gs-hd .next{ position: absolute; top: -9px;}
.gs-hd .prev{ left: 0;}
.gs-hd .next{ right: 0;}
.gs-hd li{ float: left; width: 7px; height: 7px; background: #0a73ca; margin: 0 5px; cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;}
.gs-hd li.on{ float: left; width: 75px;}


.gs-tab-hd{ margin-top: 90px; border-top: 1px solid #cdcdcd;}
.gs-tab-hd li{ position: relative; float: left; font-size: 20px; padding: 50px 60px 0; cursor: pointer; }
.gs-tab-hd li i{ position: absolute; top: -10px; left: 50%; margin-left: -10px; width: 21px; height: 21px; border: 6px solid #d6d6d6; background: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;}
.gs-tab-hd li.on i,.gs-tab-hd li:hover i{ border-color: #0a73ca;}


.gs-lc-item h3{ font-size: 22px; line-height: 50px; color: #fff; padding-left: 30px; background: #0a73ca; border-top: 1px solid; }
.gs-lc-txt{ display: none; line-height: 30px; padding: 30px; }
.gs-lc-txt p{ margin-bottom: 20px;}
/*page-gongsi end*/

/*page-keji*/
.keji-rongyu{ padding: 80px 0 120px;}
.keji-rongyu .txt{ width: 65%; margin: 0 auto; line-height: 36px; text-align: center; margin-bottom: 40px;}
.keji-rongyu p{ margin-bottom: 20px;}

.keji-zhuanli{ padding: 60px 0 80px; color: #fff; background: url("../images/keji2-bg.jpg") no-repeat center/cover;}
.keji-zhuanli .gs-tit i{ background: #4a609e; width: 80px; margin-left: -40px;}
.keji-zhuanli .txt{ line-height: 36px; text-align: center; margin-bottom: 40px;}
.keji-slide{ position: relative; padding: 0 90px; }
.keji-bd li{ position: relative; float: left; width: 235px; margin: 0 10px;}
.keji-slide .prev,.keji-slide .next{ position: absolute; top: 50%; margin-top: -35px; width: 38px; height: 70px; text-align: center; line-height: 70px; font-size: 40px; font-family: Consolas; background: rgba(255,255,255,.43);}
.keji-slide .prev{ left: 0;}
.keji-slide .next{ right: 0;}
.keji-slide a:hover{ background: #0a73ca;}
.kj-zoom{ display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(10,115,202,.88) url("../images/keji2-fangdajing.png") no-repeat center;}

.keji-bigpic{ display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9; }
.keji-bigpic .bg{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.6); }
.keji-bigpic img{ position: relative; top: 15%; display: block; width: auto; max-height: 630px; height: 80%;}

.keji-hangye{ padding: 80px 0 70px;}
.kj-hy-lists{ margin: 0 -10px;}
.kj-hy-lists li{ float: left; width: 33.333%; padding: 0 10px; margin-bottom: 20px;}
.kj-hy-lists p{ text-align: center; line-height: 26px; padding-top: 10px;}
/*page-keji end*/

/*list-pro*/
.l-pro-hd{  background: #009bdf; }
.l-pro-hd li{ float: left; width: 25%; text-align: center; height: 60px; line-height: 60px; color: #fff; font-size: 16px; }
.l-pro-hd li a{ display: block; }
.l-pro-hd li:hover{ background: #0a73ca; }

.l-pro-bd{ padding: 0 0 60px;}
.l-pro-bt{ font-size: 24px; margin: 40px 0 30px; }
.l-pro-item ul{ margin: 0 -13px;}
.l-pro-item li{ float: left; width: 25%; padding: 0 13px; text-align: center; }
.l-pro-item .name{ display: block; font-size: 16px; padding: 15px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.l-pro-item .links a{ float: left; padding: 4px 15px; border: 1px solid #2a2a2a; border-radius: 3px; }
.l-pro-item .links a + a{ float: right;}


/*list-anli*/
.l-news-box{ padding-bottom: 70px;}
.right-cont{ width: 70%;}
.l-news-lists li:first-child{ padding-top: 0;}
.l-news-lists li{ padding: 30px 0 25px; border-bottom: 1px dashed #ccc; }
.l-news-lists .name{ display: block; font-size: 18px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.l-news-lists p{ font-size: 14px; padding-top: 15px;}
.l-news-lists li:hover .name{ color: #0a73ca;}
.l-news-lists p a:hover{ color: #0a73ca; text-decoration: underline;}

.xpages{ text-align: center; font-size: 15px; line-height: 36px; margin-top: 40px;}
.xpages span{ display: inline-block; margin-right: 5px; }
.xpages a,.xpages b{ display: inline-block; margin-left: 8px; padding: 0 15px; height: 36px; background: #e5e5e5; border-radius: 3px; }
.xpages a:hover,.xpages b{ color:#fff; background:#0a73ca;}

.sidebar{ width: 23%; }
.hot-pro h2{ padding-left: 14px; font-size: 18px; line-height: 50px; color: #0a73ca; border-bottom: 1px solid #b4b4b4; }
.hot-pro{ background: #ebebeb; margin-bottom: 15px; }
.hot-pro ul{ padding: 17px 14px 0; overflow: hidden; }
.hot-pro li{ margin-bottom: 20px;}
.hot-pro li a{ display: block; position: relative;}
.hot-pro p{ position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; font-size: 14px; line-height: 30px; color: #fff; background: rgba(0,0,0,.8); text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

/*page-lianxi*/
.lx-cont{ padding-bottom: 60px;}
.lx-cont h2{ font-size: 24px; font-weight: 700; margin-bottom: 15px;}
.lx-cont h2 + p{ line-height: 36px; margin-bottom: 20px;}
.lx-lists{ }
.lx-lists li{ float: left; width: 22%; margin: 0 1.5%; padding: 20px 0 30px; background: #f0f0f0; }
.lx-lists li p{ text-align: center; margin-top: 10px; font-size: 20px; line-height: 34px; }
.lx-lists li p a{ display: block; font-size: 22px;}
.lx-lists .tel{ font-weight: 700; color: #e1261c; }

.lx-biaodan{ width: 100%; margin: 60px 0; }

.map{ width: 100%; height: 500px; margin-top: 10px; border: 1px solid #ccc;}



/*show-anli*/
.s-tit h2{}
.s-tit{ text-align: center; margin-bottom: 20px; }
.s-tit h2{ font-size: 18px; font-weight: 700; margin-bottom: 15px;}
.s-tit .info{ font-size: 12px; }
.s-zhengwen{  font-size: 16px; line-height: 36px;}

.tj-news h3{ padding-bottom: 15px; margin: 50px 0 15px; font-size: 18px; font-weight: 700; border-bottom: 1px solid #ccc;}
.tj-news li a{ display: block; line-height: 36px; font-size: 16px; text-decoration: underline; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

/*search list*/
.s-list{ margin-top: 20px; }
.s-list li{ margin-bottom: 20px; }
.s-list li .bt{
    font-size: 18px;
    margin-bottom: 10px;
}
.s-list li .bt a{
    color: #07519A;
}
.s-list li p{
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 5px;
    max-height: 60px;
    overflow: hidden;
}
.s-link{color: green;}
.s-link a{ color: #77c; }




@media screen and (min-width: 992px){
    .keji-slide li:hover .kj-zoom{ display: block;}
}

@media screen and (max-width: 1249px){
    /*show-pro*/
    .pro-des{ margin-top: 25px;}
    .pro-tab{ margin-top: 60px;}
    .pro-tab-hd li{ width: 142px;}
    .pro-tab-item{ padding-top: 50px;}
    .pro-tab-item h3{ margin-bottom: 30px;}
    .pro-last{ margin-top: 50px; padding: 60px 0 45px;}
    .pro-fuwu li{ width: 33%; margin-right: 16%;}

    /*page-gongsi*/
    .gs-jianjie{ padding-top: 60px;}
    .gs-shili{ padding: 60px 0;}

    .gs-licheng{ padding: 40px 0 60px;}
    .gs-tab-item{ height: 325px;}

    .gs-tab-item h3{ font-size: 24px; margin-bottom: 20px;}
    .gs-tab-item p{ line-height: 28px; font-size: 14px;}

    .gs-tab-hd li{ padding: 45px 35px 0;}

    /*page-keji*/
    .keji-rongyu{ padding: 70px 0 90px;}
    .keji-rongyu .txt{ width: 70%; }

    .keji-zhuanli{ padding-bottom: 70px;}
    .keji-slide{ padding: 0 60px;}
    .keji-bd li{ width: 185px; margin: 0 10px;}

    .keji-hangye{ padding: 65px 0 60px;}

    /*list-pro*/
    .l-pro-item ul{ margin: 0 -10px;}
    .l-pro-item li{ padding: 0 10px;}

    /*page-lianxi*/
    .lx-lists li{ width: 24%; margin: 0 0.5%; }
    .lx-lists li p{ font-size: 18px; line-height: 30px; }
    .lx-lists li p a{ font-size: 20px;}
}

@media screen and (max-width: 991px){
    /*show-pro*/
    .pro-des{ margin-top: 20px; line-height: 26px; font-size: 14px; height: 78px; overflow: hidden;}
    .pro-tab{ margin-top: 50px;}
    .pro-tab-hd li{ width: 110px; font-size: 16px; line-height: 44px;}
    .pro-tab-hd li + li{ margin-left: 10px;}
    .pro-tab-item{ padding-top: 45px;}
    .pro-case ul{ margin: 0 -10px;}
    .pro-case li{ padding: 0 10px;}
    .pro-last{ margin-top: 40px; padding: 50px 0 50px;}
    .pro-fuwu ul{ margin: 0 -10px;}
    .pro-fuwu li{ width: 50%; margin-right: 0; margin-bottom: 40px; padding: 0 10px;}


    /*page-gonsi*/
    .gs-tit{ margin-bottom: 30px;}

    .gs-jianjie{ padding-top: 50px;}
    .gs-jianjie .gs-tit{ margin-bottom: 30px;}
    .gs-jj-txt p{ margin-bottom: 25px;}
    .gs-video{ margin-top: 10px;}

    .gs-shili{ padding: 50px 0;}
    .gs-shili ul{ margin: 0 -15px; }
    .gs-shili li{ padding: 0 15px; margin-top: 30px; }

    .gs-licheng{ padding: 30px 0 50px;}

    /*page-keji*/
    .keji-rongyu{ padding: 60px 0 80px;}
    .keji-rongyu .txt{ width: 100%; margin-bottom: 30px; }
    .keji-rongyu p{ margin-bottom: 10px;}

    .keji-zhuanli{ padding: 50px 0 60px;}
    .keji-swiper .swiper-slide{ width: 33.333%; padding: 0 10px;}

    .keji-hangye{ padding: 40px 0;}
    .kj-hy-lists p{ font-size: 14px; line-height: 22px;}

    /*list-pro*/
    .l-pro-item ul{ margin: 0 -5px;}
    .l-pro-item li{ padding: 0 5px;}
    .l-pro-item .name{ padding: 10px 0;}
    .l-pro-item .links a{ font-size: 14px; padding: 3px 8px;}

    /*list-anli*/
    .l-news-lists p{ padding-top: 10px;}
    .xpages a, .xpages b{ font-size: 14px; margin-left: 6px;}
    .sidebar{ width: 26%;}
    .hot-pro p{ font-size: 12px;}

    /*page-lianxi*/
    .lx-cont{ padding-bottom: 40px;}
    .lx-lists li{ width: 44%; margin: 0 3% 30px;}
    .lx-biaodan{ margin: 20px 0 40px; }
    .map{ margin-top: 20px; height: 400px; }

}

@media screen and (max-width: 767px){
    /*show-pro*/
    .crumbs{ font-size: 12px; line-height: 44px; margin-bottom: 30px;}

    .pro-bigpic,.pro-info{ float: none!important; width: 100%; max-width: 600px; margin: 0 auto;}
    .pro-bigpic{ margin-bottom: 20px;}
    .pro-tit h2{ font-size: 22px;}
    .pro-des{ margin: 20px 0; }
    .pro-tel{ position: static;}
    .pro-tab{ margin-top: 0;}
    .pro-tab-item{ padding-top: 35px;}
    .pro-tab-item h3,.pro-last h3{ font-size: 20px; padding-bottom: 10px; margin-bottom: 20px;}
    .pro-case ul{ margin: 0 -5px;}
    .pro-case li{ width: 50%; padding: 0 5px;}

    .pro-last{ margin-top: 30px; padding: 30px 0 40px;}
    .pro-fuwu{ width: 100%; margin-bottom: 10px; }
    .pro-fuwu li{ margin-bottom: 20px;}
    .pro-fuwu h4{ margin-bottom: 5px;}
    .pro-fuwu p{ font-size: 13px; line-height: 28px;}
    .pro-lianxi{ width: 100%;}

    /*page-gonsi*/
    .gs-tit{ margin-bottom: 20px;}
    .gs-tit h2{ font-size: 26px; }
    .gs-tit i{ width: 120px; height: 8px; padding-bottom: 1px; margin-left: -60px;}

    .gs-jianjie{ padding-top: 35px;}
    .gs-jj-txt p{  margin-bottom: 20px;}
    .gs-video{ margin-top: 10px;}
    .gs-video-box{ width: 100%; padding-top: 60%;}
    .gs-video-txt{ width: 100%;}
    .gs-video-txt img{ width: 100%;}

    .gs-shili{ padding: 30px 0 40px;}
    .gs-shili ul{ margin: 15px -3px 0; }
    .gs-shili li{ padding: 0 3px; margin-top: 6px; }

    .gs-licheng{ padding: 10px 0 40px;}
    .gs-lc-item h3{ font-size: 19px; line-height: 44px; padding-left: 20px; }
    .gs-lc-txt{ line-height: 28px; font-size: 15px; padding: 20px 15px; }
    .gs-lc-txt p{ margin-bottom: 10px;}

    /*page-keji*/
    .keji-rongyu{ padding: 40px 0 60px;}
    .keji-rongyu .txt{ margin-bottom: 20px; text-align: left; }
    .keji-rongyu p{ font-size: 15px; line-height: 30px; margin-bottom: 12px;}

    .keji-zhuanli{ padding: 40px 0 50px;}
    .keji-zhuanli .txt{ margin-bottom: 25px;}
    .keji-zhuanli p{ font-size: 14px; line-height: 24px; margin-bottom: 15px;}
    .keji-swiper .swiper-slide{ width: 50%; padding: 0 5px;}

    .keji-hangye{ padding: 30px 0 20px;}
    .kj-hy-lists{ margin: 0 -5px;}
    .kj-hy-lists li{ width: 50%; padding: 0 5px;}
    .kj-hy-lists p{ font-size: 12px; line-height: 18px; padding-top: 6px;}

    /*list-pro*/
    .l-pro-hd li{ width: 20%; font-size: 14px; height: auto; line-height: 50px;}
    .l-pro-hd .li1,.l-pro-hd .li3{ width: 30%; }

    .l-pro-item li{ width: 33.33%; margin-bottom: 15px;}
    .l-pro-item .name{ padding: 10px 0 0;}
    .l-pro-item .links{ display: none; }

    /*list-anli*/
    .l-news-box{ padding-bottom: 40px;}
    .right-cont{ width: 100%;}
    .l-news-lists li{ padding: 20px 0 15px;}
    .l-news-lists .name{ font-size: 16px;}
    .l-news-lists li p{ padding-top: 8px;}
    .xpages{ margin-top: 25px;}

    /*page-lianxi*/
    .lx-cont h2{ font-size: 22px;}
    .lx-cont h2 + p{ font-size: 15px; line-height: 28px;}
    .lx-lists li{ width: 48%; margin: 0 1% 10px; padding: 20px 0 25px; }
    .lx-lists li img{ width: 80px; height: 80px; }
    .lx-biaodan{ margin: 30px 0 40px; }
    .map{ margin-top: 10px; height: 300px; }

    /*show-anli*/
    .s-zhengwen{ font-size: 15px; line-height: 28px;}
}
@media screen and (max-width: 500px){
    /*list-pro*/
    .l-pro-hd .li1,.l-pro-hd .li3{ line-height: 18px; padding: 8px 12px; }
    .l-pro-hd .li2,.l-pro-hd .li4{ line-height: 52px; }

    .l-pro-bt{ margin: 30px 0;}
    .l-pro-item ul{ margin: 0 -3px;}
    .l-pro-item li{ width: 50%; padding: 0 3px; margin-bottom: 15px;}
    .l-pro-item .name{ font-size: 14px; padding: 10px 0 0;}

    /*page-lianxi*/
    .lx-lists li p{ font-size: 16px; line-height: 20px;}
    .lx-lists li p a{ font-size: 13px; margin-top: 5px;}
}
@media screen and (max-width: 370px){
    .gs-video-txt .cont{ left: 10%; margin-top: -73px; }
    .gs-video-txt h3{ margin-bottom: 10px; font-size: 22px; }
    .gs-video-txt p{ font-size: 14px; line-height: 28px;}
}















































