@media screen and (min-width:768px){

.dangan{margin-top:20px;}
.dangan .gsinfo{width:1148px;min-height:240px;background-image:url(../image/abj.jpg);background-size:cover;border-radius: 10px;}
.dangan .gsinfo .gsm{display:flex;padding:25px;}
.dangan .gsinfo .gsm img{height:35px;border:1px solid #ccc;border-radius:5px;margin-right:5px;}
.dangan .gsinfo .gsm h1{font-size: 24px;color: #000;margin-left: 6px;font-weight: 600;}
.dangan .gsinfo .gsm h5{font-weight:300;font-size:.8em;padding-top:5px;margin-left:10px;line-height:20px;}
.dangan .gsinfo .gsm h5 i{color:#082646;font-size:1em;padding:0 5px 0 0;}
.dangan .gsinfo .gsxx{width:1100px;font-size: 14px;color: #555;line-height: 1.5;padding-left:25px;}
.dangan .gongshang{padding:25px 0 10px 25px;overflow:hidden;}
.dangan .gongshang h3{color: #000;font-size: 16px;font-weight: 700;margin-right: 8px;}
.dangan .gongshang .line{width:660px;border-top:1px dashed #d9d9d9;margin:12px 0;}
.dangan .zz{padding-left:25px;display:flex;}
.dangan .zz i{display:block;width:13px;height:16px;background-image:url(../image/lv.png);}
.dangan .zz i.r{margin-left:15px;}
.dangan .zz span{font-size:14px;padding:0 10px 0 5px;line-height:15px;}
.dangan .xinxi{padding:10px 0 0 25px;}
.dangan .xinxi tr{height:30px;}
.dangan .xinxi tr td.tl{font-size:14px;width:76px;color:#999;}
.dangan .xinxi tr td.tr{font-size:14px;width:320px;color:#444;}
.prolist{width:1215px;margin:0 auto;}
.prolist ul{overflow:hidden;}
.prolist ul li{width:225px;float:left;margin:0 16px 16px 0;position:relative;left:8px;border:1px solid #d7d7d7;transition:all .8s;}
.prolist ul li:hover{border:1px solid #082646;}
.prolist ul li:hover h4{color:#082646;}
.prolist ul li:hover img{opacity:.9;}
.prolist ul li:hover h5{color:#333;}
.prolist ul li img{max-width:225px;height:225px;}
.prolist ul li h4{font-weight:300;color:#333;font-size:12px;padding:5px 5px 10px;}
.prolist ul li h5{font-weight:600;color:#082646;font-size:12px;padding:5px 5px 20px;}
.lxxx{width:1200px;height:480px;background-color:#fff;border: 1px solid #eee;border-radius: 10px;}
.lxxx .xxxx{padding:25px;height:110px;}
.lxxx .xxxx h3{font-size: 16px;line-height: 32px;font-weight: 700;}
.lxxx .xxxx ul{overflow:hidden;border-bottom:1px dashed #eee;padding-bottom:15px;}
.lxxx .xxxx ul li{width:30%;float:left;font-size:14px;color:#999;display: flex;height:45px;line-height:45px;}
.lxxx .xxxx ul li span{display:block;width:72px;}
.lxxx .xxxx ul li p{color:#444;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.lxxx .ly{padding:25px;min-height:130px;padding-bottom:30px;}
.lxxx .ly h3{font-size: 16px;line-height: 32px;font-weight: 700;padding-bottom:18px;}
.lxxx .ly textarea{resize:none;width:1135px;height:76px;border:1px solid #eee;border-radius:5px;}
.lxxx .ly input{width:315px;height:40px;border:1px solid #eee;border-radius:5px;margin-right:12px;}
.lxxx .ly img{height:40px;position:relative;top:14px;}
.lxxx .ly input::-ms-input-placeholder{padding-left:15px;}
.lxxx .ly input::-webkit-input-placeholder{padding-left:15px;}
.lxxx .ly textarea::-ms-input-placeholder{padding:15px;font-family:Microsoft YaHei;}
.lxxx .ly textarea::-webkit-input-placeholder{padding:15px;font-family:Microsoft YaHei;}

.about{width:1150px;min-height:70px;background-color:#fff;display:flex;margin:20px auto;padding:25px;border: 1px solid #eee;border-radius: 10px;}
.about .jianjie{width:720px;margin-right:40px;}
.about .jianjies{width:100%;margin-right:40px;}
.about .jianjie h3{font-size: 16px;font-weight: 700;line-height: 32px;}
.about .jianjie p{font-size: 14px;line-height: 30px;}
.about .jianjies h3{font-size: 16px;font-weight: 700;line-height: 32px;}
.about .tc{width:400px;}
.about .tc img{width:370px;margin-left:25px;border-radius:10px;}
.gsinfo{width:1150px;min-height:280px;background-color:#fff;margin:20px auto;padding:25px;border: 1px solid #eee;border-radius: 10px;}
.gsinfo h3{font-size: 16px;font-weight: 700;line-height: 32px;}
.gsinfo h3 span{font-weight:100;font-size:14px;}
.gsinfo table{width:1150px;color: #666;border-collapse: collapse;}
.gsinfo table.dataintable {margin-top:15px;border-collapse:collapse;border:1px solid grey;width:100%;font-size:1em;line-height:35px;}
.gsinfo table.dataintable td {vertical-align:text-top;padding:9px 9px 9px 9px;border:1px solid #eee;}
.gsinfo table.dataintable td:nth-child(odd) {background-color:#fafafa;width:145px;height:29px;color:#999;}
.gsinfo table.dataintable td:nth-child(even) {background-color:#fff;width:430px;height:29px;color:#444;}
.gsinfo .qw{margin-top:20px;}
.gsinfo .qw img{width:15px;}
.gsinfo .qw a{color:#082646;font-size:14px;}

.pro{width:1200px;margin:25px auto;display:flex;}
.pro .lb{width:400px;margin-right:30px;}
.pro .cpinfo{width:770px;}
.pro .cpinfo h1{font-weight:300;font-size:18px;color:#333;border-bottom:1px solid #ffcac6;padding-bottom:10px;line-height:30px;}
.pro .cpinfo .canshu{font-size:14px;padding:30px;background-color:#FFF8F8;}
.pro .cpinfo .canshu span{padding-right:20px;}
.pro .cpinfo .canshu span i{color:#082646;}
.pro .cpinfo .canshu h3{padding:25px 0 20px;font-weight:300;font-size:18px;}
.pro .cpinfo .canshu p{line-height:30px;}
.pro .cpinfo .anniu{display:flex;margin-top:20px;}
.pro .cpinfo .anniu a.xj{display:block;width:143px;height:40px;color:#fff;background-color:#082646;border:none;text-align:center;line-height:40px;border-radius:5px;margin-left:25px;margin-right:25px;}
.pro .cpinfo .anniu .dh{width:143px;height:40px;color:#082646;background-color:#ffeae9;border:1px solid #082646;text-align:center;line-height:40px;border-radius:5px;margin-left:25px;margin-right:25px;font-size:16px;outline: none;}

.tj{width:1200px;margin:20px auto;}
.tj ul{display: flex;background-color:#fff;border: 1px solid #eee;}
.tj ul li{width:170px;padding:14.5px;transition:all .8s;border:1px solid #fff;}
.tj ul li img{width:168px;height:168px;}
.tj ul li:hover{border:1px solid #082646;}
.tj ul li:hover h4{color:#082646;}
.tj ul li:hover img{opacity:.9;}
.tj ul li:hover h5{color:#333;}
.tj ul li h4{font-weight:300;color:#333;font-size:12px;padding:5px 5px 10px;}
.tj ul li h5{font-weight:600;color:#082646;font-size:12px;padding:5px 5px 5px;}

.content{display: flex;}
.content .infos{width:190px;background-color:#fff;border: 1px solid #eee;}
.content .infos h4{font-weight:600;font-size:12px;padding:20px 15px 0;}
.content .infos h5{font-size:12px;font-weight:400;padding:5px 15px 0;}
.content .infos h5 i{color:#082646;padding-right:5px;}
.content .infos .dpxx{padding:10px 15px 0;font-size:12px;border-bottom:1px solid #eee}
.content .infos .dpxx p{display: flex;line-height:25px;}
.content .infos .dpxx p span.qm{display:block;width:58px;color:#999;}
.content .infos .dpxx p span.xi{display:block;width:107px;color:#000;}
.content .infos .dpxx a{display:block;width:160px;height:30px;background-color:#082646;color:#fff;text-align:center;line-height:30px;margin:10px 0;border-radius:5px;}
.content .infos p.yy{font-size:12px;text-align:center;padding:10px 0;}
.content .infos .yyjs{width:160px;height:50px;display:flex;margin:5px auto;}
.content .infos .yyjs span{display:block;width:50px;font-size:12px;text-align:center;padding:2.5px;}
.content .infos .yyjs span i{font-size:16px;color:#082646;}
.content .dprx{margin:10px 0;}
.content .dprx h2{font-weight:700;font-size:16px;margin-top:20px;color:#333;}
.content .dprx ul li{width:188px;background-color:#fff;border: 1px solid #eee;margin-top:10px;}
.content .dprx ul li img{width:188px;height:188px;}
.content .dprx ul li h4{width:178px;font-weight:300;color:#333;font-size:12px;padding:5px;}
.content .dprx ul li h5{font-weight:600;color:#082646;font-size:12px;padding:5px 5px 10px;}
.content .main{width:990px;margin-left:20px;margin-bottom:25px;}
.content .mains{background-color:#fff;border:1px solid #eee;}
.content .main .cs{display: flex;border-bottom:1px solid #eee;}
.content .main .cs li{width:120px;height:58px;text-align:center;line-height:58px;}
.content .main .cs li.active,.content .main .cs li:hover{border-bottom:3px solid #082646;}
.content .main .cs li.active a{color:#082646;}
.content .main .cs .dorp{position: relative;display: inline-block;margin:19px 0 0 515px;}
.content .main .cs .dorp_con{display: none;position: absolute;right:1px;background-color: #f9f9f9;min-width: 100px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);padding: 12px 16px;}
.content .main .cs .dorp_con img{width:120px;}
.content .main .cs .dorp_con p{font-size:12px;text-align:center;}
.content .main .cs .dorp:hover .dorp_con{display:block;}
.content .main .xxcs{width:934px;margin:0 auto;padding:25px 0;border-bottom:1px solid #eee;}
.content .main .xxcs table td:nth-child(odd) {width:145px;height:35px;color:#999;font-size:12px;}
.content .main .xxcs table td:nth-child(even) {width:430px;height:35px;color:#444;font-size:12px;}
.content .main .cpxx{padding:30px 0;}
.content .main .cplx{margin:0 auto;width:894px;min-height:200px;overflow:hidden;padding:25px 0;border-top:1px solid #eee;}
.content .main .cplx h2{text-align:center;font-weight:400;padding-bottom:20px;}
.content .main .cplx .gslx{margin-left:25px;}
.content .main .cplx .gslx h3{font-weight:400;line-height:30px;}
.content .main .cplx .gslx table td:nth-child(odd) {width:58px;height:30px;color:#999;font-size:12px;}
.content .main .cplx .gslx table td:nth-child(even) {width:370px;height:30px;color:#444;font-size:12px;}
.content .main .tuijian{margin:25px 0;}
.content .main .tuijian h3{color:#444;font-size:16px;font-weight:700;line-height:30px;}
.content .main .tuijian ul{margin-top:10px;overflow:hidden;}
.content .main .tuijian ul li{float:left;width:233px;border:1px solid #eee;margin:10px 0 10px 16px;}
.content .main .tuijian ul li:nth-child(1){margin-left:0;}
.content .main .tuijian ul li:nth-child(5){margin-left:0;}
.content .main .tuijian ul li:nth-child(9){margin-left:0;}
.content .main .tuijian ul li img{max-width:233px;height:233px;}
.content .main .tuijian ul li:hover{border:1px solid #082646;}
.content .main .tuijian ul li:hover h4{color:#082646;}
.content .main .tuijian ul li:hover img{opacity:.9;}
.content .main .tuijian ul li:hover h5{color:#333;}
.content .main .tuijian ul li h4{font-weight:300;color:#333;font-size:12px;padding:5px 5px 10px;}
.content .main .tuijian ul li h5{font-weight:600;color:#082646;font-size:12px;padding:5px 5px 5px;}
.content .main .cai{margin:20px 0;background-color:#fff;border:1px solid #eee;}
.content .main  h3.cais{color:#444;font-size:16px;font-weight:700;line-height:30px;}
.content .main .cai ul{padding:20px;overflow:hidden;}
.content .main .cai ul li{float:left;width:85px;height:20px;line-height:20px;border-right:1px solid #eee;text-align:center;margin-top:10px;}
.content .main .cai ul li a{font-size:12px;}
.tg{width:1200px;margin:20px auto;overflow:hidden;background-color:#fff;border-right:1px solid #eee;}
.tg{width:1200px;min-height:300px;}
.tg .main{width:1200px;min-height:300px;}
.tg .main .titles{margin:20px 25px 0 25px;height:30px;border-bottom:1px solid #eee;}
.tg .main h3{font-size:16px;color:#333;font-weight:200;width:70px;}
.tg .main h3.active{font-weight:600;}
.tg .main h3.active a{color:#082646;}
.tg .main p{float:right;font-size:12px;}
.tg .main ul{margin:20px 25px 0 25px;}
.tg .main ul li{height:35px;line-height:35px;border-bottom:1px dashed #eee;font-size:14px;}
.tg .main ul li a{}
.tg .main ul li i{color:#082646;padding-right:10px;}
.tg .main ul li span{color:#999;}

.tg .prolist{width:1200px;margin:0 auto;}
.tg .prolist ul{overflow:hidden;}
.tg .prolist ul li{width:212px;height:300px;float:left;margin:0 16px 16px 0;position:relative;left:8px;border:1px solid #d7d7d7;transition:all .8s;}
.tg .prolist ul li:hover{border:1px solid #082646;}
.tg .prolist ul li:hover h4{color:#082646;}
.tg .prolist ul li:hover img{opacity:.9;}
.tg .prolist ul li:hover h5{color:#333;}
.tg .prolist ul li img{max-width:212px;height:212px;}
.tg .prolist ul li h4{font-weight:300;color:#333;font-size:12px;padding:0px 5px 0px;line-height:16px;}
.tg .prolist ul li h5{font-weight:600;color:#082646;font-size:12px;padding:5px 5px 20px;}

.tg .guanzhu{width:1200px;margin:0 auto;}
.tg .guanzhu ul{overflow:hidden;}
.tg .guanzhu ul li{width:212px;height:300px;float:left;margin:0 16px 16px 0;position:relative;left:8px;border:1px solid #d7d7d7;transition:all .8s;}
.tg .guanzhu ul li:hover{border:1px solid #082646;}
.tg .guanzhu ul li:hover h4{color:#082646;}
.tg .guanzhu ul li:hover img{opacity:.9;}
.tg .guanzhu ul li:hover h5{color:#333;}
.tg .guanzhu ul li img{max-width:212px;height:212px;}
.tg .guanzhu ul li h4{font-weight:300;color:#333;font-size:12px;padding:0px 5px 0px;line-height:16px;text-align:center;}
.tg .guanzhu ul li h5{font-weight:600;color:#082646;font-size:12px;padding:5px 5px 20px;}
.tg .guanzhu a.gz{display:block;width:115px;height:30px;background-color:#082646;color:#fff;border-radius:15px;text-align:center;line-height:30px;margin:0 auto;margin-top:10px;}

.tg .fensi{width:1200px;margin:0 auto;}
.tg .fensi ul{overflow:hidden;}
.tg .fensi ul li{width:170px;height:200px;float:left;margin:0 16px 16px 0;position:relative;left:8px;border:1px solid #d7d7d7;transition:all .8s;}
.tg .fensi ul li:hover{border:1px solid #082646;}
.tg .fensi ul li:hover h4{color:#082646;}
.tg .fensi ul li:hover img{opacity:.9;}
.tg .fensi ul li:hover h5{color:#333;}
.tg .fensi ul li img{width:120px;height:120px;margin-left:25px;}
.tg .fensi ul li h4{font-weight:300;color:#333;font-size:12px;padding:0px 5px 0px;line-height:16px;text-align:center;}
.tg .fensi ul li h5{font-weight:600;color:#082646;font-size:12px;padding:5px 5px 20px;}
.tg .fensi a.gz{display:block;width:115px;height:30px;background-color:#082646;color:#fff;border-radius:15px;text-align:center;line-height:30px;margin:0 auto;margin-top:10px;}

.tg .pinglun{width:1200px;margin:0 auto;}
.tg .pinglun ul {overflow:hidden;}
.tg .pinglun ul li{border-bottom:1px dashed #dedede;height:110px;width:48%;float:left;}
.tg .pinglun ul li:nth-child(n-1){margin-right:2%;}
.tg .pinglun ul li h3{width:100%;font-weight:600;}
.tg .pinglun ul li h3 span{display:block;float:right;font-weight:200;font-size:14px;}
.tg .pinglun ul li p{display:block;width:100%;height:60px;background-color:#efefef;font-size:14px;line-height:60px;}

.news{width:1200px;margin:20px auto;overflow:hidden;background-color:#fff;border-right:1px solid #eee;}
.news .dh{width:150px;min-height:300px;padding:0 25px 25px;}
.news .dh h3{font-size:16px;color:#333;font-weight:600;margin:20px 0 10px 0;}
.news .dh ul li {height:30px;line-height:30px;}
.news .dh ul li a{font-size:14px;color:#999;}
.news .main{width:1000px;min-height:300px;}
.news .main h2{font-weight:600;font-size:16px;padding-top:20px;}
.news .main p{font-size:12px;padding:10px 0;}
.news .main .contents{padding:15px 0;border-bottom:1px solid #eee;width:970px;}
.news .main .contents p a{color:#082646;}
.news .main .fy{padding-bottom:25px;}
.news .main .cai{margin:20px 0;background-color:#fff;border-bottom:1px solid #eee;width:970px;}
.news .main .cai ul{padding:20px;overflow:hidden;}
.news .main .cai ul li{float:left;width:85px;height:20px;line-height:20px;border-right:1px solid #eee;text-align:center;margin-top:10px;}
.news .main .cai ul li a{font-size:12px;}
.news .main  h3.cais{color:#444;font-size:16px;font-weight:700;line-height:30px;margin-top:20px;}


.clear{clear:both;font-size:0px;line-height:0;height:0;}
/*new right*/
.cndns-right{position:fixed;right:1px;top:50%;margin-top:-100px;z-index:100}
.cndns-right-meau{position:relative;}
.cndns-right-btn{width:48px;height:48px;border:1px solid #ddd;text-align:center;display:block;margin-bottom:6px;position:relative;background-color:#fff}
.cndns-right-btn span{color:#848484;font-size:26px;line-height:48px;}
.cndns-right-btn sup{display:block;min-width:24px;height:24px;text-align:center;line-height:24px;color:#fff;border-radius: 50%;background-color:var(--bgcolor);position:absolute;left:-12px;top:-12px;}
.cndns-right-btn p{color:var(--bgcolor);font-size:14px;line-height:18px;padding-top:5px;display:none;}
.cndns-right-meau:hover .cndns-right-btn span{display:none}
.cndns-right-meau:hover .cndns-right-btn p{display:block;}
.meau-car .cndns-right-btn {border-color:var(--bgcolor);margin-bottom:20px;}
.meau-car.cndns-right-meau:hover .cndns-right-btn{background-color:var(--bgcolor)}
.meau-car.cndns-right-meau:hover .cndns-right-btn span{color:#fff;display:block;}
.meau-car .cndns-right-btn span{color:var(--bgcolor);}
.meau-sev .cndns-right-btn{border-color:var(--bgcolor);background:url(https://www.kloly.com/user/active/uid/17/images/02index-banner-8.gif) no-repeat var(--bgcolor) center;}
.meau-sev .cndns-right-btn p{color:#fff}
.meau-sev .cndns-right-btn span{color:#fff}
.meau-top .cndns-right-btn span{font-size:12px;line-height:12px;padding-top:10px;display:block}
.meau-top .cndns-right-btn i{display:block;color:#999}
.meau-top.cndns-right-meau:hover .cndns-right-btn{background-color:var(--bgcolor)}
.meau-top.cndns-right-meau:hover .cndns-right-btn span{display:block;color:#fff}
.meau-top.cndns-right-meau:hover .cndns-right-btn i{color:#fff;}
.cndns-right-box{position:absolute;top:-15px;right:48px;padding-right:25px;display:none;}
.cndns-right-box .box-border{border:1px solid #ccc;border-top:4px solid var(--bgcolor);padding:20px;background-color:#fff;-webkit-box-shadow: 0 3px 8px rgba(0,0,0,.15);-moz-box-shadow: 0 3px 8px rgba(0,0,0,.15);box-shadow: 0 3px 8px rgba(0,0,0,.15);position:relative}
.cndns-right-box .box-border .arrow-right{display:block;width:13px;height:16px;background:url(https://www.kloly.com/user/active/uid/17/images/arrow.png) no-repeat;position:absolute;right:-13px;top:26px;}
.cndns-right-box .box-border .sev-t span{font-size:42px;float:left;display:block;line-height:56px;margin-right:20px;color:#d3d3d3}
.cndns-right-box .box-border .sev-t p{float:left;color:var(--bgcolor);font-size:24px;line-height:28px;}
.cndns-right-box .box-border .sev-t p i{display:block;font-size:14px;color:#aaa;}
.cndns-right-box .box-border .sev-b{padding-top:15px;margin-top:15px;border-top:1px solid #e4e4e4}
.cndns-right-box .box-border .sev-b h4{color:#666;font-size:14px;font-weight:normal;padding-bottom:15px;}
.cndns-right-box .box-border .sev-b li{float:left;width:33.33333%}
.cndns-right-box .box-border .sev-b li a{display:inline-block;color:#999;font-size:13px;padding-left:43px;background:url(https://www.kloly.com/user/active/uid/17/images/q1.gif) no-repeat left 3px;line-height:36px;}
.cndns-right-box .box-border .sev-b li a:hover{color:var(--bgcolor)}
.meau-sev .cndns-right-box .box-border{width:430px;}
.meau-contact .cndns-right-box .box-border{width:230px;}
.cndns-right-meau:hover .cndns-right-box{display:block}
.meau-code .cndns-right-box{top:inherit;bottom:-35px;}
.meau-code .cndns-right-box .box-border{width:156px;text-align:center;border-top:1px solid #ccc;}
.meau-code .cndns-right-box .box-border i{display:block;color:#f66e06;font-size:16px;line-height:16px;}
.meau-code .cndns-right-box .box-border .arrow-right{top:inherit;bottom:50px;}
.meau-sev .cndns-right-btn .demo-icon{display:none;}
.meau-sev:hover .cndns-right-btn{background:var(--bgcolor)}
.meau-zs .cndns-right-btn{background-color:var(--bgcolor);color:#fff;margin-top:80px;border-color:var(--bgcolor)}
.meau-zs .cndns-right-btn span{color:#fff}
.meau-zs .cndns-right-btn p{color:#fff}

}