ul, ol { margin: 0; padding: 0; list-style-type: none; }
pre { margin: 0px; padding: 0px; border: 0px; overflow: hidden; font-family: inherit; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; word-break: break-all; }





.solution_list{margin-top:45px;}
.solution_list .so_nav{ margin-bottom:45px;}
.solution_list .so_nav .list{ text-align:center;}
.solution_list .so_nav .list li{ margin:0 15px; display:inline-block;}
.solution_list .so_nav .list li .box{ padding:8px 25px; font-size:14px; color:#333; border: solid #cccccc 1px; border-radius:30px; display:block;}
.solution_list .so_nav .list li .box:hover{border: solid #029902 1px; background:#029902; transition: ease .3s; color:#fff;}
.solution_list .so_nav .list li .on{border: solid #029902 1px; background:#029902; transition: ease .3s; color:#fff;}

.solution_list .one{ margin-bottom:35px;}
.solution_list .one .bg{ padding:25px 0; height:390px; background:#fff;}
.solution_list .one .bg .mode{ position:relative;}
.solution_list .one .bg .mode .bk{ position:absolute; z-index:1; width:576px; height:310px; background:#f7f7f7;}
.solution_list .one .bg .mode .pic{ margin-right:65px; position:relative; left:30px; top:30px; z-index:2; width:576px; height:310px; background: no-repeat center center; background-size: cover; float:left; box-shadow:-7px -7px 10px -5px rgba(0,0,0,0.5); }

.solution_list .one .bg .mode .mode1{padding:30px;}
.solution_list .one .bg .mode .mode1 .p1{ margin-bottom:30px; font-size:26px; color:#333;}
.solution_list .one .bg .mode .mode1 .p1 span{ font-size:65px; font-weight:bold; color:#e6e6e6;}
.solution_list .one .bg .mode .mode1 .p2{ text-indent: 2em;margin-bottom:50px; font-size:16px; color:#808080; line-height:30px;}
.solution_list .one .bg .btn{}
.solution_list .one .bg .btn .box{ padding:0 25px; border-radius:30px; background:#4d4d4d; color:#fff; height:35px; line-height:35px; display: inline-block;}
.solution_list .one .bg .btn .box .ico{ margin-top:-3px; margin-left:10px; vertical-align:middle; width:30px; display:none;}


.solution_list .one .on{ background:#f7f7f7; transition: ease .3s;}
.solution_list .one .on .mode .bk{ background:#fff; transition: ease .3s;}
.solution_list .one .on .mode .mode1 .p1 span{ color:#ccc;}
.solution_list .one .on .btn{}
.solution_list .one .on .btn .box{ padding:0 25px; border-radius:30px; background:#0080cb; color:#fff; height:35px; line-height:35px; display: inline-block;}
.solution_list .one .on .btn .box .ico{ margin-top:-3px; margin-left:10px; vertical-align:middle; width:30px; display:inline-block;}



.solution_list .one .bg:hover{ background:#f7f7f7; transition: ease .3s;}
.solution_list .one .bg:hover .mode .bk{ background:#fff; transition: ease .3s;}
.solution_list .one .bg:hover .mode .mode1 .p1 span{ color:#ccc; transition: ease .3s;}
.solution_list .one .bg:hover .btn .box{ background:#0080cb; transition: ease .3s;}
.solution_list .one .bg:hover .btn .box .ico{ display:inline-block; transition: ease .3s;}



.solution_list .one:nth-child(2n+1) .bg .mode .bk{ right:0;}
.solution_list .one:nth-child(2n+1) .bg .mode .pic{ float:right; box-shadow:7px -7px 10px -5px rgba(0,0,0,0.3);}


@media (max-width: 1024px) {
.solution_list .so_nav{ margin-left:-10px; margin-bottom:20px; overflow:hidden; }
.solution_list .so_nav .list li{ margin:0 auto; padding-left:10px; width:25%; float:left;}
.solution_list .so_nav .list li .box{ padding:8px 0;}

.solution_list .one .bg{ height:auto;background: #f7f7f7;}
.solution_list .one .bg .mode .bk{ display:none;}
.solution_list .one .bg .mode .mode1 .p1 span{ color:#ccc; transition: ease .3s;}
.solution_list .one .bg .mode .pic{ margin:0 auto; float:none; position:static; box-shadow:none;}
.solution_list .one .bg .mode .mode1{ margin:20px 0; padding:0 20px; text-align:center;}
.solution_list .one .bg .btn .box{padding: 0 25px; border-radius: 30px; background: #0080cb; color: #fff;  height: 35px; line-height: 35px; display: inline-block;}
.solution_list .one .bg .btn .box .ico{    margin-top: -3px; margin-left: 10px;  vertical-align: middle; width: 30px; display: inline-block;}

.solution_list .one:nth-child(2n+1) .bg .mode .bk{ display:none;}
.solution_list .one:nth-child(2n+1) .bg .mode .pic{ float:none; box-shadow:none;}
}

@media (max-width: 667px) {
.solution_list .so_nav .list li{ margin-bottom:10px; width:50%;}
.solution_list .so_nav .list li:nth-child(3n){ margin-bottom:0;}
.solution_list .so_nav .list li:nth-child(4n){ margin-bottom:0;}
.solution_list .one .bg .mode .pic{ width:100%;}
}




.recruit{margin-top:50px;margin-bottom:50px;}
.recruit .recruitdetails{}
.recruit .recruitdetails .g_cw{ padding:40px 0 0 0; box-shadow:0px 0px  20px -5px rgba(0,0,0,0.5); }
.recruit .recruitdetails .top{ padding:0 50px;}
.recruit .recruitdetails .top .tel{ padding-bottom:15px; width:100%; border-bottom: solid #dddddd 2px; overflow:hidden;}
.recruit .recruitdetails .top .tel .p1{ width:33.33%; float: left; font-size:18px; color:#333333;font-weight:bold}
.recruit .recruitdetails .top .tel .pa{ text-align:left;}
.recruit .recruitdetails .top .tel .pb{ text-align:center;}
.recruit .recruitdetails .top .tel .pc{ text-align:right;}

.recruit .recruitdetails .lt{ padding-bottom:40px; background:#f7f7f7;}
.recruit .recruitdetails .lt .list{}
.recruit .recruitdetails .lt .list li{ width:100%;}
.recruit .recruitdetails .lt .list li .box{ padding:25px 0; overflow:hidden; display:block;}
.recruit .recruitdetails .lt .list li .box .top1{ padding:0 60px; overflow:hidden; width:100%;}
.recruit .recruitdetails .lt .list li .box .top1 .p1{ font-size:14px; color:#000000; float:left; width:33.33%;color:#0080cb;font-weight:bold}
.recruit .recruitdetails .lt .list li .box .top1 .pa{ text-align:left;}
.recruit .recruitdetails .lt .list li .box .top1 .pb{ text-align: center;}
.recruit .recruitdetails .lt .list li .box .top1 .pc{ text-align:right;}

.recruit .recruitdetails .lt .list li .box .mode{ margin-top:30px; padding:0 60px;}
.recruit .recruitdetails .lt .list li .box .mode .left{ padding-right:0px; border-right:solid #dcdcdc 1px; width:50%; float:left;}
.recruit .recruitdetails .lt .list li .box .mode .left .p2{ margin-bottom:20px; font-size:16px; color:#333333;}
.recruit .recruitdetails .lt .list li .box .mode .left .p3{ font-size:14px; color:#333333; line-height:26px;}

.recruit .recruitdetails .lt .list li .box .mode .right{ padding-left:0px; width:45%; float:right;}
.recruit .recruitdetails .lt .list li .box .mode .right .p2{ margin-bottom:20px; font-size:16px; color:#333333;}
.recruit .recruitdetails .lt .list li .box .mode .right .p3{ font-size:14px; color:#333333; line-height:26px;}

.recruit .recruitdetails .lt .btn{ margin:0 auto; text-align:center;}
.recruit .recruitdetails .lt .btn .box{ padding:5px 25px; border:solid rgba(0,0,0,0.3) 1px; border-radius:30px; font-size:14px; color:#333;}


.order{ padding:50px 0; background:#fafafa;}
.order .lt{ margin-left:-55px;}
.order .lt .list{}
.order .lt .list li{ padding-left:55px; float:left; width:33.33%;}
.order .lt .list li .box{ padding:0 36px; text-align:center; display:block;}
.order .lt .list li .box .p1{ margin-bottom:35px; font-size:16px; font-weight:bold; color:#000;}
.order .lt .list li .box .p2{ font-size:14px; color:#4c4c4c; line-height:26px;}

@media (max-width: 1024px) {
.recruit .recruitdetails .g_cw{ padding:0px 10px 0 10px; width:100%; box-shadow: none;}
.recruit .recruitdetails .top{ padding:0;}
.recruit .recruitdetails .lt .list li .box .top1{ padding:0 10px;}
.recruit .recruitdetails .lt .list li .box .mode{ padding:0 10px;}
.recruit .recruitdetails .lt .list li .box .mode .left{ padding-right:0; float:none; width:100%; border-right:none;}
.recruit .recruitdetails .lt .list li .box .mode .right{ padding-left:0; float:none; width:100%;}


}