.layui-container{ width: 1200px;}
.none{ display: none}

.index_bar{ margin-top: 0px;}
.index_notice{ width: 100%; height: 155px; background: transparent; background-image: url(../images/dox1.png) ;}
.index_notice .contents{ color: #FFF; width: 600px; padding-top: 10px; margin:0px auto; text-align: center}

.p-content-1{ width: 100%; height: 200px; }
.p-content-1 .flex-container{ display: flex;flex-wrap: wrap;}
.p-content-1 .flex-row{flex-direction: row; padding-top: 30px;}
.p-content-1 .Grid-cell { flex: 1;}
.p-content-1 .Grid-cell .bd{ padding: 0px 20px 0px 20px;}
.p-content-1 .Grid-cell .image{ text-align: center;}
.p-content-1 .Grid-cell  img{ max-width: 200px; max-height: 200px;}
.p-content-1 .Grid-cell .content{ margin-top: 10px;}
.p-content-1 .Grid-cell .content h3{ font-size: 18px; font-weight: bold; text-align: center;}
.p-content-1 .Grid-cell .content h3{ padding-bottom: 15px;}


.p-content-about{ width: 100%; margin-top: 50px;}
.p-content-about .t-hd{width: 100%; margin-top: 15px; text-align: center; margin-bottom: 35px;}
.p-content-about .l-box{ float: left; width: 519px; height:318px; overflow: hidden;}
.p-content-about .r-box{ float: right; width: 619px; height:335px; overflow: hidden;}
.p-content-about .r-box p{ font-size: 14px; padding: 0px 5px 8px 0px; line-height:22px;}
.p-content-about .r-box .more{ height: 40px; text-align: right;}
.p-content-about .r-box .more .morea{ display: inline-block; background-color: #15499a;color: #FFF; }
.p-content-about .r-box .more .morea{ padding: 5px 10px;}


.p-content-product{ width: 100%; margin-top: 50px;}
.p-content-product .t-hd{width: 100%; margin-top: 15px; text-align: center; margin-bottom: 35px;}
.p-content-product .t-tab-menu{ width: 100%;}
.p-content-product .t-tab-menu ul li{ height: 25px; line-height:25px; float: left;  border: 1px solid #EEE;  padding: 8px 25px;}
.p-content-product .t-tab-menu ul li{ margin-right: 15px; text-align: center;}
.p-content-product .t-tab-menu ul li.cur{ background-color: #15499a; }
.p-content-product .t-tab-menu ul li.cur a{ color: #FFF;}

.p-content-product .t-tab-content{ width: 100%;}
.p-content-product .flex-container{ display: flex;flex-wrap: wrap;}
.p-content-product .flex-row{flex-direction: row; padding-top: 30px;}
.p-content-product .grid-cell { width:19.99%;}
.p-content-product .grid-box{ width:226px; height:280px; border: 1px solid #EEE;}
.p-content-product .grid-cell .title {
       margin: 5px;
       text-align: center;
}
.p-content-product .grid-cell .image{ 
       width: 226px;
       height: 226px;
        text-align: center;
 }

.p-content-product .grid-cell .image img{
       max-width: 226px;
       max-height: 226px;
}

.p-content-product .grid-cell .title{ margin-top: 5px; text-align: center;}


 .flex-container{ display: flex;flex-wrap: wrap; }
 .flex-row{flex-direction: row; }
.p-content-serivce{ width: 100%; }
.p-content-serivce .t-hd{width: 100%; margin-top: 15px; text-align: center; margin-bottom: 35px;}
.p-content-serivce .grid-cell { flex: 1;}
.p-content-serivce .grid-cell .image{ text-align: center;}
.p-content-serivce .grid-cell .title{ margin-top: 15px; font-size: 24px; color: #666666; text-align: center;}

.p-content-adva{width: 100%; }
.p-content-adva .t-hd{width: 100%; margin-top: 15px; text-align: center; margin-bottom: 35px;}
.p-content-adva .grid-cell { flex: 1; }
.p-content-adva .grid-cell .image{ text-align: center;}
.p-content-adva .p-content-adva-bg{ background-color: #EEE; height: 300px;}
.p-content-adva .t-hd-su{ padding-top: 25px; width: 100%; height: 50px; line-height: 50px;}
.p-content-adva .t-hd-su h3{ font-size:24px; text-align: center;}
.p-content-adva .t-hd-su .blue{ color: #15499a;}
.p-content-adva .grid-cell .grid-cell-bd{padding-top: 25px; width: 105px;}
.p-content-adva .grid-cell  .image{ width: 103px; height: 80px;}
.p-content-adva .grid-cell .contents{padding-top: 20px;text-align: center; }
.p-content-adva .grid-cell .contents .title-1{ color: #15499a;font-size: 24px; }
.p-content-adva .grid-cell .contents .title-2{ color: #666;font-size: 14px; }


.p-content-case{width: 100%; }
.p-content-case .t-hd{width: 100%; margin-top: 15px; text-align: center; margin-bottom: 35px;}
.p-content-case .grid-cell { width:283px; }
.p-content-case .grid-cell .cell-bd{ padding: 0px 5px 0px 5px;}
.p-content-case .grid-cell .image{width:273px; height: 226px; overflow: hidden; text-align: center;}
.p-content-case .grid-cell .image img{max-width: 273px; max-height: 226px;}

.p-content-case .case-list{ width: 1180px; margin: 0 auto;}
.p-content-case .grid-cell .title{ height: 35px; line-height: 35px; background-color: #EEE; text-align: center;}


.case_content{ width:1230px; float: left; margin-top: 0px;  margin-bottom: 10px;   position: relative;}
.case_content .probtn{display:block;height:43px;position:absolute;top:102px;width:23px;z-index:200;cursor:pointer;}
.case_content .prev{background: url(../images/prev.png) no-repeat 0 0; left: 5px;}
.case_content .next{background: url(../images/next.png) no-repeat 0 0; right: 10px;}

.case_list{margin:0 auto; width:1180px;  height:215px;overflow:hidden;}
.case_list ul li{ float:left; width:273px; height:283px; margin-right:10px; }
.case_list ul li img{ max-width:273px; max-height:226px;}
.case_list ul li .title{width:253px; background-color: #EEE; height: 45px; line-height:22px; text-align: left; font-size: 14px;}
.case_list ul li .title{ padding: 5px 10px;}