@media (min-width: 1200px) and (max-width: 1680px) {
	.hea .header{ width:1200px;}
	.hea p{ width:22%;}
	.menu li a{padding:0 25px;}
}


        .ty-banner-1 {
           position: relative;
            overflow: hidden;
            line-height: 0;
            text-align:center;min-width: 1200px; max-width: 1920px; width: 100%; margin: 0 auto;
        }
        .ty-banner-1 img{
         display: block; width: 100%;
        }
        .ty-banner-1 img.show{
            visibility: visible;
        }
    

    .p102-search-1 {
        height: 70px;
        border-bottom: 1px solid #ededed;
        background: #f7f7f7;
    }
    
    .p102-search-1 p {
        float: left;
        width: 750px;
        height: 70px;
        line-height: 70px;
        font-size: 14px;
        color: #333333;
    }
    
    .p102-search-1 p b {
        display: inline-block;
    }
    
    .p102-search-1 p a {
        color: #666666;
        display: inline-block;
        margin-right: 15px;
    }
    .p102-search-1 p a:hover{color: #81c155;}
    .p102-search-1-inp {
        float: right;
        width: 356px;
        height: 36px;
        background: #fff;
        margin-top: 18px;
        border-radius: 25px;
        position: relative;
    }
    
    .p102-search-1-inp:before,
    .p102-search-1-inp:after {
        content: '';
        position: absolute;
        width: 80%;
        height: 1px;
        background: #e3e3e3;
        left: 10%;
        z-index: 0;
    }
    
    .p102-search-1-inp:before {
        top: 0;
    }
    
    .p102-search-1-inp:after {
        bottom: 0;
    }
    
    .p102-search-1-inp1 {
        width: 249px;
        height: 34px;
        line-height: 34px;
        color: #999999;
        border: 1px solid #e3e3e3;
        border-right: 0;
        padding: 0 20px;
        border-top-left-radius: 25px;
        border-bottom-left-radius: 25px;
        float: left;
    }
    
    .p102-search-1-inp2 {
        width: 66px;
        height: 36px;
        border: 0;
        border-radius: 25px;
        background: url("../images/p102-search-icon1.png") no-repeat center center #81c155;
        float: right;
        position: relative;
        z-index: 2;
        cursor: pointer;
    }


		.plc{padding: 5px 0 25px;}
		.p12-curblock{
			display: none;
		}
		.p102-curmbs-1{height: 40px;line-height: 40px;font-size: 14px;color: #808080;}
		.p102-curmbs-1 b {
			font-weight: normal;
			padding-left: 35px;
			background: url("../images/p102-curmbs-icon1.png") no-repeat left center;

		}
		.p102-curmbs-1 i {
			font-style: normal;
		}

		.p102-curmbs-1 span {
			font-family: 宋体;
			height: 46px;
			line-height: 46px;
			padding: 0px 5px;
		}
		.p102-curmbs-1 a{color: #808080;}
		.p102-curmbs-1 a:hover{color: #81c155;}
	

.ted{ height: 120px;
    width: 82%;}
.ted span{    display: block;
    width: 25%;
    float: left;
    text-align: center;
    font: 22px "Microsoft YaHei UI";
    height: 95px;
    border-right: 1px solid #81c155;
    box-sizing: border-box;}
    .ted span:nth-child(4n){
       border-right:none; 
        
    }
.ted span img{ display:block; margin:0 auto 10px; width:66px; height:66px;}
.ted span em{ display:block; font:22px "Microsoft YaHei UI"; color:#333;}
                .pc-cx-tel-1 {
                    width: 54%;
                    height: 56px;
                    border-top: 2px solid #e6e6e6;
                    padding-top: 10px;
                    position: absolute;
                    bottom: 16px;
                    right: 9%;
                }
                
                .pc-cx-tel-1-t1 {
                    width: 114px;
                    height: 44px;
                    background: #81c155;
                    font-size: 18px;
                    line-height: 44px;
                    text-align: center;
                    float: right;
                }
                
                .pc-cx-tel-1-t1 a {
                    display: block;
                    color: #fff;
                }
                
                .pc-cx-tel-1-t2 {
                    height: 56px;
                    padding-left: 70px;
                    background: url("../images/pc-xc-icon2.png") no-repeat 10px top;
                    font-size: 18px;
                    line-height: 18px;
                    color: #454545;
                }
                
                .pc-cx-tel-1-t2 p {
                    line-height: 30px; font-size: 24px;
                }
            

        .p14-showcase {
            position: relative;
            padding: 12px 0 16px 20px;
            background: #fff;
        }
        
        .p14-showcase-left {
            position: relative;
            width: 29.8%; 
            float: left;
            overflow: hidden;
            border: 1px solid #e7e7e7;
            margin-right: 5.4%;
        }
        
        .p14-showcase-left-jt {
            width: 12px;
            height: 23px;
            position: absolute;
            top: 50%;
            margin-top: -11px;
            cursor: pointer;
            z-index: 33;
        }
        
        .p14-showcase-left-prev {
            left: 10px;
        }
        
        .p14-showcase-left-next {
            right: 10px;
        }
        
        .p14-showcase-left-size {
            position: absolute;
            right: 0;
            bottom: 0;
            width: 56px;
            height: 26px;
            font-size: 14px;
            line-height: 16px;
            color: #787878;
            letter-spacing: 3px;
        }
        
        .p14-showcase-left-pic {
            width: 100%;
            position: relative;
            text-align: center;
        }
        
        .p14-showcase-left-pic li {
            float: left;
            line-height: 352px;
        }
        
        .p14-showcase-left-pic img {
            width: 100%;
            display: inline-block;
            vertical-align: middle;
        }
        
        .p14-showcase-right {
            width: 55%;
            float: left;
        }
        
        .p14-showcase-right-tit {
            height: 48px;
            font-size: 24px;
            font-weight: normal;
            line-height: 48px;
            color: #4a4a4a;
            border-bottom: 1px solid #e5e5e5;
            margin-bottom: 10px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        
        .p14-showcase-right-con {
            font-size: 16px;
            line-height: 32px;
            margin-bottom: 16px;
            max-height: 192px;
            overflow: hidden;
        }
    

.content {
    width:1200px;
    margin:0 auto;
}
    .p102-pro-content-nav {
        height: 50px;
        box-shadow: 0 -2px 3px #f9f9f9, 0 4px 6px #e9e9e9;
         display:none;
    }
    
    .fixed {
        position: fixed;
        width: 100%;
        left: 0;
        top: 0;
        z-index: 88;
        background: #fff;
    }
    
    .p102-pro-content-nav li {
        float: left;
        line-height: 50px;
        margin-right: 50px;
        position: relative;
        font-size: 18px;
        color: #4c4c4c;
        font-weight: normal;
    }
    
    .p102-pro-content-nav li.cur,
    .p102-pro-content-nav li:hover {
        color: #81c155;
    }
    
    .p102-pro-content-nav li.cur:before,
    .p102-pro-content-nav li:hover:before {
        content: '';
        position: absolute;
        width: 12px;
        height: 12px;
        border: 3px solid #81c155;
        background: #fff;
        border-radius: 100%;
        left: 50%;
        margin-left: -9px;
        bottom: -10px;
        z-index: 1;
    }
    
    .p102-pro-content-nav li.cur:after,
    .p102-pro-content-nav li:hover:after {
        content: '';
        position: absolute;
        width: 6px;
        height: 6px;
        background: #81c155;
        border-radius: 100%;
        left: 50%;
        margin-left: -3px;
        bottom: -4px;
        z-index: 2;
    }
    
    .p102-pro-content-desc {
        /*padding: 40px 0;*/
        font-size: 16px;
        line-height: 30px;
        text-align: justify;
    }


.tit{ font:50px "Microsoft YaHei UI"; text-align:center; color:#333333;}
.tit a{ color:#333;}
.tit em{ display:block; font-size:22px; padding:30px 0 0; margin-top:6px;font-weight:normal; color:#666; background:url("../images/line.png") no-repeat center top;}
/**/
.super{ background:url("../images/super_bg.jpg") no-repeat center top; padding:80px 0 55px;}
.super .content{ width:100%; margin:0 auto;}
.super2{ height:836px;}
.super1{ position:relative;}
.super2 dl{ margin-top:66px; position:relative;}
.super2 dt{ height:968px; height:493px; float:right; position:relative; margin-left:10px;}
.super2 dd{ width:43.9%; margin:135px 0 0 250px;}
.super2 dd h3{ height:140px; background:url("../images/super_icon1.png") no-repeat left 6px; font-size:40px ; font-weight:bold; color:#242424; padding-left:85px;}
.super2 dl:nth-child(2) dd h3{background:url("../images/super_icon2.png") no-repeat left 6px;}
.super2 dl:nth-child(3) dd h3{background:url("../images/super_icon3.png") no-repeat left 6px;}
.super2 dl:nth-child(4) dd h3{background:url("../images/super_icon4.png") no-repeat left 6px;}
.super2 dd h3 span{ display:block; font-size:24px;}
.super2 dd p{ font-size:16px ; line-height:30px; color:#666; background:url("../images/super_arr.png") no-repeat left 8px; padding-left:20px;}
.supert{ margin-top:10px; float:left; width:100%;}
.supert h3{ width:24%; float:left; margin-right:0.5%; position:relative; margin-left:0.5%}
.supert h3:nth-child(4){ margin-right:0 !important;}
.supert h3 img{ display:block; width:100%;}
.supert h3 em{ display:block; font-size:18px ; text-align:center; height:32px; line-height:32px; color:#fff; background:rgba(0,0,0,0.5); width:100%; position:absolute; bottom:0;}
.supert .cur{ border:3px solid #81c155;}
.supert .cur em{ display:none;}
.super h5{ width:32.14%; float:right; margin-top:45px;}
.super h5 span{ display:block; width:50%; float:left; background:url("../images/super_lx.png") no-repeat left 2px; padding-left:50px; font-size:6px ; color:#666;}
.super h5 span em{ display:block; font-size:30px; font-weight:bold; color:#cea240;}
.super h5 a{ display:block; float:right; width:34.22%; height:50px; font-size:22px ; text-align:center; line-height:50px; color:#000;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bb871b+5,faee9e+54,bb871b+99 */
background: rgb(187,135,27); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(187,135,27,1) 5%, rgba(250,238,158,1) 54%, rgba(187,135,27,1) 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(187,135,27,1) 5%,rgba(250,238,158,1) 54%,rgba(187,135,27,1) 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(187,135,27,1) 5%,rgba(250,238,158,1) 54%,rgba(187,135,27,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bb871b', endColorstr='#bb871b',GradientType=1 ); /* IE6-9 */}


@media (min-width: 1200px) and (max-width: 1680px) {

	.super h5 span em{ font-size:26px;}
	.super2 dd{margin:135px 0 0 0px!important}
	.super2 dt{ width:56%!important}
}


.process{ height:403px; overflow:hidden; background:url("../images/process_bg.jpg") no-repeat center top; padding-top:60px;}
.process .tit{ color:#fff;}
.process .content{ width:1400px; margin:0 auto;}
.process ul{ height:190px; background:#fff; margin-top:40px; position:relative;}
.process ul:before{ content:""; position:absolute; top:55%; left:0; width:100%; height:1px; background:#d5d5d5;}
.process li{ width:12.5%; float:left; text-align:center; font-size:18px ; color:#333; position:relative;}
.process li em{ display:block; width:45px; height:45px; margin:35px auto 50px;}
.process li:before{ content:""; position:absolute; top:97px; left:50%; margin-left:-8px; width:17px; height:17px; background:#eee; z-index:1;}
.process li:after{ content:""; position:absolute; top:102px; left:50%; margin-left:-3px; width:7px; height:7px; background:#ababab; z-index:1;}
.process li:hover{ font-weight:bold; color:#81c155;}
.process li:hover:before{ background:#e1fccf;}
.process li:hover:after{ background:#81c155;} 
    


        .k12-cx-xgcp-4pl-fx1-1-01-tit {
            height: 46px;
            line-height: 46px;
            font-weight: normal;
            border-bottom: 2px solid #dfdfdf;
            margin-bottom: 30px;
            padding-top: 26px;
        }
        
        .k12-cx-xgcp-4pl-fx1-1-01-tit b {
            display: inline-block;
            font-size: 24px;
            font-weight: normal;
            color: #464646;
            padding-left: 52px;
            border-bottom: 2px solid #1c1c1c;
        }
        
        .k12-cx-xgcp-4pl-fx1-1-01-tit span {
            margin-left: 10px;
            font-size: 18px;
            font-family: Arial;
            color: #c2c2c1;
            text-transform: uppercase;
        }
        .p102-pro-content-title {
        display: inline-block;
        height: 64px;
        line-height: 64px;
        font-size: 32px;
        color: #1a1a1a;
        font-weight: normal;
        position: relative;
        border-bottom: 3px solid #81c155;
    }
    
    .p102-pro-content-title:after {
        content: '';
        position: absolute;
        width: 50%;
        height: 3px;
        background: #1c1c1c;
        right: 0;
        bottom: -3px;
        z-index: 1;
    }
        .k12-cx-xgcp-4pl-fx1-1-01-list{padding-top: 40px;}
        .k12-cx-xgcp-4pl-fx1-1-01-list dl {
            float: left;
            width: 23.5%;
            border: 1px solid #dfdfdf;
            margin-right:2%;
            box-sizing: border-box;
        }
		.k12-cx-xgcp-4pl-fx1-1-01-list dl:nth-child(4n){ margin-right: 0;}
        
        .k12-cx-xgcp-4pl-fx1-1-01-list dl.p14-product-clear {
            margin-right: 0;
        }
        
        .k12-cx-xgcp-4pl-fx1-1-01-list dl:hover {
            border-color: #81c155;
        }
        
        .k12-cx-xgcp-4pl-fx1-1-01-list dl img {
            vertical-align: middle;
            width: 100%; 
        }
        
        .k12-cx-xgcp-4pl-fx1-1-01-list dd {
            padding: 10px 28px 10px 10px;
            margin-right: 2px;
            position: relative;
			background: #f2f2f2;
        }
        
        .k12-cx-xgcp-4pl-fx1-1-01-list h4 {
            height: 30px;
            font-size: 16px;
            font-weight: normal;
            line-height: 30px;
            color: #191919;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        
        .k12-cx-xgcp-4pl-fx1-1-01-list h4 a {
            color: #191919;
        }
        
        .k12-cx-xgcp-4pl-fx1-1-01-desc {
            font-size: 14px;
            line-height: 24px;
            color: #666;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        
        .p15-product-2-date {
            width: 25px;
            height: 27px;
            position: absolute;
            top: 20px;
            right: 4px;
            z-index: 33;
            cursor: pointer;
        }
        
        .p15-product-2-date a {
            display: block;
            width: 25px;
            height: 27px;
        }
    

        .news-title {
        display: inline-block;
        height: 64px;
        line-height: 64px;
        font-size: 32px;
        color: #1a1a1a;
        font-weight: normal;
        position: relative;
        border-bottom: 3px solid #81c155;
    }
    
    .news-title:after {
        content: '';
        position: absolute;
        width: 50%;
        height: 3px;
        background: #1c1c1c;
        right: 0;
        bottom: -3px;
        z-index: 1;
    }
    .p102-news-info {
        padding: 20px 0 0;
    }
    
    .p102-news-info dl {
        border: 1px solid #ebebeb;
        padding: 9px;
        background: #fff;
        margin-bottom: 25px;background:#f8f8f8;margin-top:40px;
    }
    
    .p102-news-info dt {
        float: left;
        width: 268px;
    }
    
    .p102-news-info dt a,
    .p102-news-info dt img {
        width: 100%;
        display: block;
    }
    
    .p102-news-info dd {
        float: left;
        width: 820px;
        margin-left: 50px;
        position: relative;
        padding-top: 30px;
    }
    
    .p102-news-info dd i {
        position: absolute;
        width: 120px;
        height: 40px;
        font: 14px/40px Arial;
        color: #ffffff;
        text-align: center;
        background: #333333;
        right: -52px;
        top: -10px;
    }
    
    .p102-news-info dd h4 {
        height: 32px;
        padding-left: 90px;
        position: relative;
        font-weight: normal;
        margin-bottom: 10px;
    }
    
    .p102-news-info dd h4 em {
        position: absolute;
        width: 74px;
        height: 30px;
        line-height: 30px;
        font-size: 18px;
        font-weight: bold;
        color: #81c155;
        text-align: center;
        border: 1px solid #81c155;
        left: 0;
        top: 0;
        font-style: normal;
    }
    
    .p102-news-info dd h4 a {
        display: inline-block;
        max-width: 100%;
        height: 32px;
        line-height: 32px;
        font-size: 22px;
        color: #333333;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    
    .p102-news-info dd p {
        line-height: 26px;
        font-size: 14px;
        color: #666666;
        text-align: justify;
    }
    
    .p102-news-info dd p a {
        color: #333;
    }
    
    .p102-news-info dl:hover dd h4 a {
        color: #81c155;
    }
    
    .p102-news-info ul {
        padding: 5px 0;
        position: relative;
        margin-bottom: 45px;
    }
    
    .p102-news-info ul:before {
        content: '';
        position: absolute;
        width: 1px;
        background: #d9d9d9;
        left: 50%;
        top: 0;
        bottom: 0;
        z-index: 1;
    }
    
    .p102-news-info ul li {
        float: left;
        width: 560px;
    }
    
    .p102-news-info ul li.last {
        margin-left: 80px;
    }
    
    .p102-news-info ul h4 {
        height: 34px;
        line-height: 34px;
        font-weight: normal;
        position: relative;
        padding-left: 25px;
    }
    
    .p102-news-info ul h4:before {
        content: '';
        position: absolute;
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        border-left: 6px solid #b3b3b3;
        left: 0;
        top: 50%;
        margin-top: -4px;
        z-index: 1;
    }
    
    .p102-news-info ul h4 a {
        display: inline-block;
        max-width: 440px;
        height: 34px;
        font-size: 16px;
        color: #333333;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    
    .p102-news-info ul h4 span {
        position: absolute;
        width: 90px;
        height: 30px;
        font: 14px/30px Arial;
        color: #808080;
        text-align: right;
        right: 0;
        bottom: 0;
        z-index: 1;
    }
    
    .p102-news-info ul h4:hover:before {
        border-left: 6px solid #81c155;
    }
    
    .p102-news-info ul h4:hover a {
        color: #81c155;
    }
    
    .p102-news-info-more {
        width: 170px;
        height: 50px;
        line-height: 50px;
        font-size: 18px;
        text-align: center;
        margin: 0 auto;
        background: #1c1c1c;
    }
    
    .p102-news-info-more a {
        display: block;
        height: 50px;
        color: #fff;
    }


    .p102-pro-content-title {
        display: inline-block;
        height: 64px;
        line-height: 64px;
        font-size: 32px;
        color: #1a1a1a;
        font-weight: normal;
        position: relative;
        border-bottom: 3px solid #81c155;
    }
    
    .p102-pro-content-title:after {
        content: '';
        position: absolute;
        width: 50%;
        height: 3px;
        background: #1c1c1c;
        right: 0;
        bottom: -3px;
        z-index: 1;
    }
    
    .p102-pro-case {
        padding: 20px 0 80px;
    }
    
    .p102-pro-case-list {
        padding-top: 40px;
    }
    
    .p102-pro-case-items dl {
        float: left;
        width: 378px;
        position: relative;
        margin-right: 33px;
    }
    
    .p102-pro-case-items dl:nth-child(4n-1) {
        margin-right: 0;
    }
    
    .p102-pro-case-items dt img,
    .p102-pro-case-items dt a {
        display: block;
        width: 100%;
    }
    
    .p102-pro-case-items dd {
       
    }
    
    .p102-pro-case-items dd h4 a {
        display: block;
        height: 50px;
        line-height: 50px;
        font-size: 16px;
        color: #000;
    }
    .p102-pro-case-items dd p{ font-size:16px; line-height:30px;}
    .p102-pro-case-items dl:hover dt a:before {
        content: '';
        position: absolute;
        background: rgba(0, 0, 0, 0.5);
        width: 100%;
        top: 0;
        bottom: 0; height: 212px;
        z-index: 1;
    }
    
    .p102-pro-case-items dl:hover dt a:after {
        content: '+';
        position: absolute;
        width: 50px;
        height: 50px;
        font: 30px/50px "宋体";
        color: #fff;
        text-align: center;
        background: #81c155;
        left: 50%;
        margin-left: -25px;
        top: 33%;
        margin-top: -25px;
        border-radius: 100%;
        z-index: 2;
    }
    
    .p102-pro-case-items dl:hover dd {
        background: none;
    }
    
    .p102-pro-case-paging {
        height: 30px;
        text-align: center;
        padding-top: 25px;
    }
    
    .p102-pro-case-paging li {
        display: inline-block;
        width: 10px;
        height: 10px;
        border: 3px solid #81c155;
        border-radius: 100%;
        margin: 0 5px;
    }
    
    .p102-pro-case-paging li.cur {
        background: #81c155;
    }
    
    .p102-pro-case-more {
        height: 46px;
        margin: 35px auto 0;
        text-align: center;
        position: relative;
    }
    
    .p102-pro-case-more a {
        display: inline-block;
        height: 44px;
        line-height: 44px;
        font-size: 18px;
        font-weight: normal;
        color: #81c155;
        border: 1px solid #81c155;
        padding: 0 20px 0 64px;
        position: relative;
    }
    
    .p102-pro-case-more a:before {
        content: '';
        width: 20px;
        height: 14px;
        position: absolute;
        border: 4px solid #81c155;
        border-left: 0;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        left: 26px;
        top: 11px;
    }
    
    .p102-pro-case-more a:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        border-right: 6px solid #81c155;
        top: 9px;
        left: 22px;
        z-index: 1;
    }