@charset "utf-8";

@media (min-width: 1200px) {
    .container {
        max-width: 1316px;
    }
}

* { margin: 0;padding: 0;}
/* 版心 */
/* .W {width: 1314px; margin: auto;} */

/*  清除浮动 */
.clearfix:after {content: "020";display: block;height: 0;clear: both;visibility: hidden;}

.clearfix {/* 触发 hasLayout */zoom: 1;}

ol,ul,li{list-style:none;}
 
img{width:100%;height:100%;border:0;vertical-align:middle;}
 
body,html{color:#000000;
    background:#fff;
    min-width: 1316px; width: 100%!important; height: 100%;margin: 0;background-size:100% 100%}
 
.container { width:1316px!important;min-width: 1316px;}

.clear{clear:both;height:1px;width:100%;overflow:hidden;margin-top:-1px;}
 
a{color:#000000;text-decoration:none;}
 
a:hover{color:#BA2636;text-decoration:none;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}

.f30{font-size: 30px;}
.f18{font-size: 18px;}

/*固定的悬浮窗开始*/
.yb_conct {
	position: fixed;
	z-index: 9999999;
	top: 200px;
	right: -127px;
	cursor: pointer;
	transition: all .3s ease;
}
.yb_bar ul li {
	width: 180px;
	height: 53px;
	font: 16px/53px 'Microsoft YaHei';
	color: #fff;
	text-indent: 54px;
	margin-bottom: 3px;
	border-radius: 3px;
	transition: all .5s ease;
	overflow: hidden;
}
.yb_bar .yb_top {
	background: #ff4a00 url(../img/fixCont.png) no-repeat 0 0;
}
.yb_bar .yb_phone {
	background: #ff4a00 url(../img/fixCont.png) no-repeat 0 -57px;
}
.yb_bar .yb_QQ {
	text-indent: 0;
	background: #ff4a00 url(../img/fixCont.png) no-repeat 0 -113px;
}
.yb_bar .yb_ercode {
	/*height:200px;*/

	background: #ff4a00 url(../img/fixCont.png) no-repeat 0 -169px;
}
.hd_qr {
	padding: 0 29px 25px 29px;
}
.yb_QQ a {
	display: block;
	text-indent: 54px;
	width: 100%;
	height: 100%;
	color: #fff;
}
/*固定的悬浮窗结束*/




/*按钮样式*/
.btn_b{ border: 1px solid #646464; display: inline-block; padding:5px 70px; margin-top: 20px;background: #fffff;}
.btn_b a{ font-size: 18px;}

.btn_s{ border: 1px solid #646464; display: inline-block; padding:10px 40px; margin-top: 20px;  font-size: 18px; margin-right: 10px;}



/*标题样式*/
.title_1{font-size: 34px;font-weight: bold;padding-bottom: 20px; margin-bottom: 0; text-align: center;}
.zs{border-bottom: 6px solid #06a2c6; width: 50px;margin: 0 auto; }
.hr{margin-top: 0;}
.m40{margin-top: 60px;}



.header_top { background:#111111; height:34px; line-height:34px; color:#c5c5c5; text-align:right; width: 100%;background-size:100% 100%}

.header{ height:78px; border-bottom:solid 1px #e6e6e6;}
.header a{font-size:16px; color:#656565;}
.header .logo{ background: url(../images/logo.png) no-repeat center; height:78px; width:300px; display:block; }

.header .nav{ margin-top:20px;}
.header .nav li a:hover{ background: none; color:#06a2c6 ;}
/* 导航栏样式 */
/* .header .nav li a{display:block; width: 100%; margin: 0 auto; padding-bottom: 12px;} */

/* .header .nav li span{display:block; width: 100%; margin: 0 auto; padding-bottom: 12px;} */
.header .nav li .current{border-bottom: 3px solid #06a2c6;display:block; width: 70%; margin: 0 auto; padding-bottom: 12px;}
/* .header .nav .current{border-bottom: 3px solid #06a2c6;display:block; width: 100%; margin: 0 auto; padding-bottom: 12px;} */
.header .shiyong{ background: url(../images/shiyong_icon.png) no-repeat; display:inline-block; padding-left:30px; height:30px; margin-top:28px; float:right;}

/* 二级导航样式 */
.header .dropdown-menu{width: 800px; border: none; margin-top: 15px; border-radius: 0 0 3px 3px; padding:20px 40px; font-size: 16px; color: #29b7ec; line-height: 220%;}
.header .dropdown-menu li a{ display: inline-block; font-size: 16px;}
.header .dropdown-menu .title a{color: #06a2c6;}
/* 导航焦点背景色 */
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{
    background: none;
}



.cpjs .cp_box{position:relative ; overflow: hidden;}
.cpjs .cp_box img{margin-bottom: 30px;}
.cpjs .cp_box h2{position: absolute;top:260px;padding-left: 40px; color: #FFFFFF; line-height: 50px;}

/* 轮播图 */
/* #myCarousel ol{margin-left: 20px;} */

/* 行业案例 */
.hyal{
    background: url(../images/index_bg.png) no-repeat bottom #eff4f9; }
    /* background: url(../images/index_bg.png);
    background-size: cover;
    height:465px ; padding: 55px 0;} */

.hyal .anli_box a{position: relative; display: block; height: 297px;}
.hyal .anli_box a .title{position: absolute; font-size: 30px; font-weight: bold; color: #FFFFFF; z-index: 1;  bottom:30px; block;left: 50px;}
.hyal .anli_box a img{position: absolute;}

.hyal .anli_text{ text-align: left;}
.hyal .anli_text h3{ font-weight: bold; font-size: 26px;}
.hyal .anli_text p{font-size: 16px; color: #464545; line-height: 220%;}
.hyal .icon-bar li{cursor: pointer;}


.hyal .icon-bar{display: block; margin: 50px auto; width: 500px;}
.hyal .icon-bar li{ float: left; width: 80px; height:6px; border-radius: 5px; background: #a0a0a0; margin: 10px;margin-bottom: 40px;}
/* 选项卡 */
.hyal .btn-i .row {display: none;}
.hyal .icon-bar li.current{ background: #06a2c6;}


.news .list-group-item-heading{ font-weight: bold; padding-top: 1px;}

/* 客户服务 */
.khfw .left-box{background:url(../images/khfw.png); height: 342px; color: #ffffff;}
.khfw .left-box .left_text{ width: 50%;background-color:rgba(5,5,5,0.5); padding: 30px;}
.khfw .left-box .list-group-item-heading{font-weight: bold; margin-bottom: 15px;}
.khfw .left-box .list-group-item-text{ line-height: 145%;}

.khfw .right-box{}
.khfw .right-box .title{ text-align: center; font-weight: bold; margin-bottom: 20px;}
.khfw .right-box .form1{ height: 45px;}

/* foot */
.foot{ background: #f2f2f2; border-top: 1px solid #e6e6e6; margin-top: 80px;}
.foot .menu_ul{ margin:0;line-height: 230%; height: 240px; padding: 40px 0;}
.foot .menu_ul h4{font-weight: bold;}
.foot .menu_ul li{ float: left; margin-right: 100px;}
.foot .menu_ul li a{display: block;}

.foot .Links{ margin: 30px 0; height: 50px;}
.foot .Links a{margin-right:7px; border: 1px solid #d6d6d6; display: block;float: left;}
.foot .Links a:hover{ border: 1px solid #06a2c6; cursor: default;}

.foot .title{font-weight: bold;font-size: 26px; margin-bottom: 20px; color: #595959;}
.foot .add{ background: #e8e7e7; height:350px; padding: 80px 20px 0 20px; text-align: center;}
.foot .add .Hotline{ font-size: 28px; font-weight: bold; border-bottom: 1px solid #595959; padding-bottom: 10px; margin-bottom: 10px;}
.foot .add .Hotline span{ font-size: 14px; display: block; font-weight: normal;}


.foot .bottom{ background: #111111; color: #b1b1b1; height: 46px; line-height: 46px;text-align: center;}

/* 新闻 */
.news_details{ font-size: 16px; line-height: 220%;}
.news_details .title{ text-align: center; margin: 60px 0 30px 0;}
.news_details .time{ font-size: 14px; text-align: center; color: #8b8b8b; margin-bottom: 30px;}
.news_details p{text-indent:2em}
.news_details .de-5-img {width: 280px;height: auto;margin-right: 36px;}
.news_details .de-6-img {width: 50%;height: auto;float: left;margin-right: 20px;}

/* 产品服务 */
.product_details{ font-size: 16px;line-height: 220%;}
.product_details .product_banenr{
    /* background:url(../images/cp_banner.png) no-repeat center bottom; */
    width: 100%;  
    height: 252px;
    color: #ffffff;     
    margin-bottom: 40px;
    background: url(../images/sp-banner.jpg) center;
    -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;
    background-size: cover;}
.product_details .product_banenr .text{ color: #373737; text-align: center; padding-top:130px; line-height: 240%;}
.product_details p{text-indent:2em}
.product_details  .title{font-size: 24px; font-weight: bold; text-align: center;margin-bottom: 20px; }


.product_details .product_zhq_banenr{
    /* background:url(../images/cp-zhq.png)  no-repeat center bottom; width: 100%; height: 252px; color: #ffffff; margin-bottom: 40px; */
    width: 100%;  
    height: 252px;
    color: #ffffff;     
    margin-bottom: 40px;
    background: url(../images/cp-zhq.png) center;
    background-size: cover;}
.product_details .product_ab_banenr{
    /* background:url(../images/cp-ab.png)  no-repeat center bottom; height: 252px; color: #ffffff; width: 100%; margin-bottom: 40px; */
    width: 100%;  
    height: 252px;
    color: #ffffff;     
    margin-bottom: 40px;
    background: url(../images/cp-ab.png) center;
    background-size: cover;}
.product_details .product_sc_banenr{
    /* background:url(../images/cp-sc.png)  no-repeat center bottom; height: 252px; color: #ffffff; width: 100%; margin-bottom: 40px; */
    width: 100%;  
    height: 252px;
    color: #ffffff;     
    margin-bottom: 40px;
    background: url(../images/cp-sc.png) center;
    background-size: cover;}

/* 桥梁内容开始 */
.success_details{ font-size: 16px;line-height: 220%;height: auto;}
.success_details .success_zhq_banenr{
    /* background:url(../images/hyal.jpg) no-repeat center bottom; height: 252px;background-size: 100% 100%; color: #ffffff;width: 100%; margin-bottom: 40px; */
    width: 100%;  
    height: 340px;
    color: #ffffff;     
    margin-bottom: 40px;
    background: url(../images/cgal_banner.png) center;
    background-size: cover;
}

.success_details .success-img b{display: block;float: left;float: left;margin: 10px 26px 30px 0px;}
.success_details .success-img b img{width:auto;height: auto;}
/* .success_details .success-img b{width: 522px;height: 414px;border: 1px solid #a0a0a0;flex: 1;margin-right: 10px;} */
/* .success_details .success-img p img{width: 100%;height: 100%;} */
/* .success_details .success-img img{width: auto;height: auto;} */
.success_details p{text-indent:2em}
.success_details  .title{font-size: 24px; font-weight: bold; text-align: center;margin-bottom: 20px; }

/* .success_details .success2-img p{width: 554px;height: 247px;} */
/* 桥梁内容结束 */


/* success内容开始 */
        /* 版芯 */
        .w {
            width: 1314px;
            margin: auto;
        }

        /* 清除浮动结束 */
        .main {
            width: 100%;
            height: auto;
        }

        /* 头部背景图开始 */
        .header-hd {
            width: 100%;
            height: 400px;
            background: url(../images/cgal_banner.png);
            background-size: cover;
            /* background: url(../images/cgal_banner.png) no-repeat center bottom;
            background-size: 100% 100%; */

        }

        .header-hd .header-title {
            padding: 104px 0px 194px 20px;
            font-size: 30px;
            /* text-align: center; */
            /* color: #fff; */
            color: #222222;
        }

        .header-hd .header-title p {
            margin-left: 92px;
            font-size: 14px;
            color: #4c4c4c;
        }

        /* 头部背景图结束 */

        /* .main .fontst h3 {
            text-align: center;
            padding: 36px 0px 36px 0px;

        } */
        .main .fontst h3{
            height: 28px;
            line-height: 28px;
            text-align: center;
            margin-top: 36px;
            margin-bottom: 36px;
        }

        /* sidebar 头部部分开始 */
        .section-1 {
            width: 1314px;
            height: 368px;
        }

        .font-bottom {
            width: 1314px;
            height: 368px;
            background: url(../images/cgal_images.png) no-repeat right;
            background-size: contain;
            /* margin-top: 36px; */
        }

        .font-bottom-left {
            width: 740px;
            height: 368px;
        }

        .font-bottom .font-bottom-left b{
            display: block;
            font-size: 18px;
            margin-bottom: 10px;
        }
        .font-bottom .font-bottom-left p {
            width: 610px;
            height: auto;
            font-size: 14px;
            color: #6f7072;
            text-indent: 2em;
            line-height: 208%;
            text-align: left;
        }








        .section-0 {
            /* height: 1000px; */
            height: 1150px;
            /* margin-top: 130px;
            background-color: #f1f2f4; */
        }

        .section-2 .btn-z {
            margin: 36px auto 46px auto;
            height: 76px;
            /* line-height: 50px; */
            border-top: 1px solid #6f7072;
            border-bottom: 1px solid #6f7072;
        }
        .btn-z{
        text-align: center;
        }
       
        .section-2 .btn-z ul {
            float: left;
            margin: 17px auto;
            /* width: 1314px; */
            /* height: 42px; */
            /* height: 56px; */

            /* margin-left: 5%; */
        }

        .btn-z ul li {
            float: left;
            width: 144px;
            /* height: 42px; */
            margin-right: 18px;

        }

        /* .btn-z ul li a:hover {
            background-color: #06a3c6;
            border: 0;
            color: #fff;
        } */

        .btn-z ul li a {
            display: block;
            width: 144px;
            height: 42px;
            line-height: 42px;
            text-align: center;
            font-size: 16px;
            /* border: 1px solid black; */
            color: black;

        }


        /* ul 列表开始 */
        .section-2-lis {
            display: none;
        }

        .section-2-lis ul {
            float: left;
        }

        .section-2-lis ul li {
            float: left;
        }

        .section-2-lis ul {
            width: 1350px;
            margin-bottom: 34px;
        }

        .section-2-lis ul li {
            width: 422px;
            height: 400px;
            border-radius: 25px;
            overflow: hidden;
            margin-right: 24px;
            box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.15);
            /* text-shadow:#000 3px 4px 5px; */
        }
        /* 悬浮样式 */
        .section-2-lis ul li:hover{
            box-shadow: 1px 0px 12px -5.9px #F13A42;
            /* box-shadow: 0px 3px 7px 0px red(0, 0, 0, 15%); */
        }
        .section-2-lis ul li .img-son{
            text-shadow:#000 3px 4px 5px;
        }
        .section-2-lis ul li .img-parent{
            display: flex;
            flex-direction: column;
        }
        .section-2-lis ul li .img-parent .s-img{
            flex: 2;
            height: 50%;
        }

        .section-2-lis ul li .s-p{
            flex: 1;
            /* font-size: 16px; */
            /* margin: 42px 36px auto 36px; */
            margin: 30px 30px 10px 30px;
            line-height: 1.8em;
        }
        .section-2-lis ul li .s-p-h{
            /* margin: 2px auto; */
            color: #222222;
        }
        .section-2-lis ul li .s-p-d{
            color: #6f7072;
        }

        .section-2-lis ul li .section-a {
            display: block;
            display: none;
            width: 130px;
            height: 36px;
            line-height: 36px;
            text-align: center;
            color: #fff;
            border: 1px solid #fff;
            margin: auto;
            margin-top: 40%;
        }

        /* 悬浮样式开始 */
        .img-parent:hover {
            color: #fff;
            cursor:default;
        }

        .img-parent:hover .section-a {
            display: block;
        }

        .img-parent:hover .img-son {
            /* 遮罩层 */
            opacity: 1;
            /* 缓慢现象 */
            transition: all .5s;
        }

        /* 悬浮样式结束 */

        /* img定位 */
        .img-parent {
            display: block;
            width: 100%;
            height: 100%;
            position: relative;
            color: #fff;
            font-size: 18px;
        }

        .img-brother {
            position: absolute;
            width: 100%;
            text-align: center;
            top: 42%;

            z-index: 1;
        }

        .img-son {
            position: absolute;
            top: 0;
            left: 0;
            font-size: 18px;

            width: 100%;
            height: 100%;
            background: rgba(101, 101, 101, 0.6);
            /* 遮罩层 */
            opacity: 0;
            pointer-events: none;
        }

        /* img定位结束 */


        /* ul 列表结束 */




        /* 底部内容样式 */
        .section-3 {
            height: 330px;
        }

        .font-tab ul {
            display: flex;
            height: 220px;
        }

        .font-tab ul li {
            flex: 1;
            height: 220px;
            line-height: 220%;
            text-align: center;
            color:#6f7072;
        }


        /* tab栏切换样式开始 */
        .btn-z .current a {
            /* background-color: #06a3c6; */
            color: red;
            border: 0;
            /* color: #fff; */
            text-decoration: none;
        }

        .section-2 .column {
            display: none;
        }

        /* tab栏切换样式结束 */

/* success内容 */