/* CSS Document */
body, div, p, span, h1, h2, h3, h4, h5, dd, dl, dt, ul, ol, li, input, textarea, select {
    margin: 0;
    padding: 0;
    font-family: "微软雅黑";
    font-size: 14px;
    color: #000;
	vertical-align: middle;
}
body{background: #fff!important;}
a {
    color: #333;
    text-decoration: none;
    margin: 0;
    padding: 0;
}

a:hover {
	text-decoration: none;
	color: #000;
}

ul, ol, li {
    list-style: none;
}


/*手机*/

@media screen and (max-width:1300px){
.head{display: none}
.topp{display: none}
.xinde_youqing {display: none}
.enenen{width: 40px;position: absolute;right: calc(30px + 6%);top: 28px;color: #fff;display: block;font-size: 14px}
.enenen img{width: 30px;display: block}
.top {width:100%;height: 75px;background: #fff;position: fixed;top: 0;z-index: 96;}
.top_img {width: 220px;overflow: hidden;margin-top: 5px;float: left;}
.top_img img {width: 100%;display: block}
.top_img a{float: right;width: 150px;text-align: center;line-height: 24px;margin-top: 20px;display: block;color: #2162ae;}
.navv {width: 30px;position: absolute;right: 5%;top: 14px;}
.navv span{display: block;background: #04b937;height: 2px;width: 100%;margin: 8px auto;text-align: center;}
.navv span:nth-child(2){width: 68%;}
.navv span:nth-child(3){width: 68%;}
.top_nav{width: 100%;overflow: hidden;background: rgba(255,255,255,0.9);display:none;position: absolute;z-index: 11;}
.top_nav ul li {border-bottom: 1px solid #fff;text-align: center;overflow: hidden;background: rgba(4,185,55,0.9);}
.top_nav ul li:last-child {border-bottom: none;}
.top_nav ul li a {font-size:15px;color: #fff;padding: 3% 0%;display: block;}
.kong{width: 100%;height: 75px;}
.newbanner{width:100%;overflow: hidden;position: relative;}
.newbanner img{width: 100%;display: block;margin: 0 auto;}
.nav{display: none;}
.top_pc{display: none;}
#tab0{display: none;}
/* banner */
.banner{width: 100%;overflow: hidden;position: relative;}
.banner img{ width: 100%;}
.banner ul li{width: 100%; position: relative;}
.banner>ol{height: 20px;position: relative;z-index: 10;width: 20%;left: 40%;bottom: 0px;margin-top: -19px;text-align: center;}
.banner>ol>li{display: inline-block;margin: 5%;width: 10px;height:3px;background-color: #fff;opacity: 0.9;border-radius: 5px;}
.banner>ol>li.on{background-color: #2162ae;}
.clearfloat:after{display: block;clear: both;content: "";visibility: hidden;height: 0;}
.clearfloat{zoom: 1;}

.yanyu{width: 28px;float: right;overflow: hidden;margin-right: 18%;margin-top: 30px}
.yanyu a{display: block;}
.yanyu a img{width: 100%;display: block}


.product{width: 100%;overflow: hidden;margin: 0 auto;background-color: #fff;}
.product_main{width: 92%;overflow: hidden;margin:0 auto;padding-top: 10px}
.product_main>span{font-size: 18px;color: #000;display: block;line-height: 3em;margin-bottom: 14px;margin-top: 16px;font-weight: bold;}
.product_main ul li{width: calc(50% - 2px);float: left;overflow: hidden;margin:0 auto;padding-top: 28px;border-top: 1px solid #dadada;border-bottom: 1px solid #dadada;}
.product_main ul li:nth-child(3n-2){border-right: 1px solid #dadada;}
.tu{width: 80%;overflow: hidden;text-align: center;margin: 0 auto;}
.tu img{width: 100%;height: 216px;display: block;margin: 0 auto;transition: all ease .6s;}
.zi{width: 100%;overflow: hidden;margin: 0 auto;}
.zi h2{font-size: 16px;font-weight: bold;display: block;text-align: center;margin-top: 18px;padding-bottom: 10px;}
.xiaozi{width: 90%;overflow: hidden;margin: 0 auto;}
.xiaozi span{font-size: 13px;color: #666;line-height: 1.6em;border-top: 1px solid #dadada;padding: 16px 0 20px;display: block;}
.more {width: 90%;overflow: hidden;margin: 0 auto;margin-top: 28px;margin-bottom: 55px;}
.more a{display: block;border-radius: 50px;padding: 15px 50px;text-align: center;color: #fff;background-color: #20ad3b;border: 1px #20ad3b solid;font-size: 16px;}



.xin_about{width: 100%;overflow: hidden;margin: 0 auto;background: url(../image/bg-1.jpg)no-repeat center;background-size: cover;padding: 20px 0 40px;}
.xin_about_content{width:94%;margin: 0 auto;overflow: hidden;}
.guan_right{width: 100%;overflow: hidden;}
.guan_content dd{font-size: 32px;color: #e2e0ea;display: block;margin-bottom: 5px}
.guan_content h3{font-size: 20px;color: #000;display: block;margin-bottom: 7px;font-weight: normal;font-weight: bold;}
.guan_content dt{font-size: 14px;color: #444;display: block;line-height: 1.8em;}
.guan_kuang{width:calc(100% - 28px);border: 4px #20ad3b solid;overflow: hidden;margin-top: 22px;padding: 18px 10px;}
.guan_kuang span{font-size: 24px;color: #20ad3b;float: right;width: 40%;text-align: center;}
.guan_kuang dd{font-size: 15px;line-height: 1.5em;display: block;float: left;color: #444;width: 60%;}
.guan_kuang a{color: #fff;border-radius: 50px;float: right;line-height: 2.5em;font-size: 14px;background: #20ad3b;margin-top: 10px;width: 30%;text-align: center;margin: 5px 5% 0;}
.guan_tu{width: 100%;margin-top: 20px;overflow: hidden;}
.guan_tu img{width: 100%;display: block;}



.foot{width: 100%;margin: 0 auto;overflow: hidden;background: #507096;}
.foot_main{width: 90%;margin: 15px auto;overflow: hidden;}
.foot_logo{width: 200px;float: left;}
.foot_logo img{width: 150px;display: block}
.lianluo{width:100%;margin: 10px auto 20px;overflow: hidden}
.lianluo dd{font-size: 18px;font-weight: bold;color: #fff;display: block;line-height: 36px;}
.lianluo hr{width: 25px;height: 3px;background: #20ad3b;border: none;margin: 10px 0;}
.lianluo dt{font-size: 14px;color: #fff;display: block;line-height: 2em;}
.daohang{width: 100%;margin: 0 auto;overflow: hidden}
.daohang dd{font-size: 18px;font-weight: bold;color: #fff;display: block;line-height: 36px;}
.daohang hr{width: 25px;height: 3px;background: #20ad3b;border: none;margin: 10px 0;}
.daohang a{font-size: 14px;color: #fff;float: left;width: 50%;line-height: 2em;}
.erweima{width: 100%;margin: 25px auto 10px;overflow: hidden;}
.erweima dd{font-size: 18px;font-weight: bold;color: #fff;line-height: 36px;display: none}
.erweima hr{width: 25px;height: 5px;background: #20ad3b;border: none;margin: 16px 0;display: none}
.erweima img{width: 101px;height: 81;margin: 0 auto;display: block;text-align: center;}


.beian{width: 100%;line-height: 36px;font-size: 12px;border-top: 1px #000 solid;text-align: center;display: block;background: #365171;}
.beian a{color: #fff}




.case{width: 100%;margin: 0 auto;overflow: hidden;}
.case_main{width: 94%;margin: 0 auto;overflow: hidden;position: relative}
.huatai_bai{width: 100%;margin: 20px auto 0;overflow: hidden}
.huatai_bai h5{font-size: 32px;color: #e2e0ea;display: block;text-align: left;line-height: 2em;font-weight: normal;}
.huatai_bai hr{width: 50px;height: 3px;background: #fff;border: none;margin: 0 auto;}
.anli{width: 100%;margin: 0 auto 0px;overflow: hidden;}
.anli>img{width: 440px;height: 376px;float: left;display: none;}
.anliyou{width: 32%;position: absolute;top: 20px;right: 0;overflow: hidden;}
.anliyou h5{font-size: 24px;color: #000;font-weight: bold;margin-top: 64px;display: none;}
.anliyou hr{border: none;background: #a2a2a2;width: 100%;height: 1px;margin: 25px auto;display: none;}
.anliyou span{font-size: 15px;line-height: 2.5em;color: #000;width: 85%;overflow: hidden;display: none;}
.anliyou a{display: inline-block;color: #fff;background: #20ad3b;line-height: 38px;padding: 0 25px;border-radius: 50px;margin-top: 13px;}


.mbx{width: 92%;margin: 20px auto 10px;overflow: hidden;}
.mbx a{float: left;display: inline-block;margin-right: 3px;color: #888;font-size: 15px;}



.fenleia{width: 92%;margin: 0 auto 20px;overflow: hidden;}
.fenleia ul li{float: left;text-align: center;border: 1px #bbb solid;width:calc(47% - 2px);margin: 10px 1.5% 0;}
.fenleia ul li a{display: block;color: #000;line-height: 42px;font-size: 15px;}
.fenleia ul li.tc{border: 1px #20ad3b solid;background: #20ad3b;}
.fenleia ul li.tc a{color: #fff;}
.fenleia ul li:hover{border: 1px #20ad3b solid;background: #20ad3b;}
.fenleia ul li:hover a{color: #fff;}


.about_content{width: 92%;margin: 0 auto 20px;overflow: hidden;}
.about_content img{width: 100%;}
.about_content span{font-size: 18px;color: #000;display: block;border-bottom: 1px #ccc solid;line-height: 3em;margin-bottom: 18px;font-weight: bold;}
.about_content ul li{width: 100%;overflow: hidden;margin-bottom: 18px;}
.about_content ul li dd{display: inline-block;float: left;font-size: 14px;color: #444;width: auto;}
.about_content ul li dt{display: inline-block;float: left;font-size: 14px;color: #444;width: auto;}



.gfrrwwd_cen{width:100%; background:rgba(0,0,0,0.7);height:100%;position:fixed;left:0;top:0;z-index:108;display:none;}
.gfrrwwd{width: 96%;overflow: hidden;top: 5vh;margin: 0 auto;position: relative;border-radius: 3px;height: 100vh}
.gfrr3w{width: 96%;margin-top: 5vh;margin: 0 auto;border-radius: 3px;}

.newwwww{width: 100%;overflow: hidden;margin: 0 auto;}
.newwwww>img{width:100%;display: block;margin: 0 auto;}
.newwwww a{display: block;width: 35px;overflow: hidden;color: #fff;position: absolute;right: calc((100% - 30px)/2);bottom: 10vh;}
.newwwww a>img{display: block;width: 100%;}

.ne3w{width: 100%;overflow: hidden;margin: 15vh auto 0;}
.ne3w>img{width:calc(100% - 50px);display: block;margin: 0 auto;border: 25px #fff solid;}
.ne3w a{display: block;width: 35px;overflow: hidden;color: #fff;position: absolute;right: calc((100% - 30px)/2);bottom: 10vh;}
.ne3w a>img{display: block;width: 100%;}


.about_content ul li img{width: 100%;display: block;}



.tat{width: 100%;margin: 17px auto 20px;}
.kb_main span{font-size: 18px;color: #000;display: block;line-height: 3em;margin-bottom: 20px;margin-top: 20px;font-weight: bold;}
.kb_main{width: 92%;margin: 0 auto;}
.kb_main input{width: 70%;margin: 0 9% 0 0;border: none;line-height: 44px;background: #f1f2f3;padding-left: 20px;margin-bottom: 12px;color: #000;font-size: 15px;}
.kb_main textarea{outline: none;resize: none;height: 100px;padding: 20px;width: 90%;border: none;background: #f1f2f3;margin-top: 15px;}
.kb_main button{width: 100%;margin: 20px auto 40px;overflow: hidden;line-height: 48px;color: #fff;background: #20ad3b;outline: none;border: none;font-size: 16px;cursor: pointer;text-align: center;display: block;}



.gongchang{width: 100%;background: #f1f2f3;margin: 0 auto;overflow: hidden;padding-bottom: 25px;}
.gongchang ul{width: 92%;margin: 0 auto;overflow: hidden;}
.gongchang ul span{font-size: 18px;color: #000;display: block;line-height: 3em;margin: 15px 0 10px;font-weight: bold;}
.gongchang ul li{width: 31.3%;float: left;text-align: center;overflow: hidden;margin-right: 2%;margin-bottom: 15px;}
.gongchang ul li:last-child{margin-right: 0;}
.gongchang ul li img{width: 100%;display: block;transition: 0.7s;}
.gongchang ul li:hover img{transform:scale(1.2);}





.tixi_content{width: 92%;margin: 0 auto 10px;overflow: hidden;}
.tixi_content span{font-size: 18px;color: #000;display: block;border-bottom: 1px #ccc solid;line-height: 3em;margin-bottom: 20px;font-weight: bold;}
.tixi_content ul li{width: 31.3%;overflow: hidden;margin-bottom: 8px;float: left;margin-right: 2%;text-align: center;}
.tixi_content ul li a{display: block;}
.tixi_content ul li img{width: 100%;height: 119px;display: block;}
.tixi_content ul li dd{font-size: 15px;color: #000;line-height: 3em;}



.zy{width: 100%;margin: 0 auto;overflow: hidden;}
.zy_main{width: 92%;margin: 0 auto;overflow: hidden;}
.fangshi{width: 100%;margin: 0 auto;overflow: hidden;}
.fangshi span{font-size: 18px;color: #000;display: block;border-bottom: 1px #ccc solid;line-height: 3em;margin-bottom: 30px;font-weight: bold;}
.fangshi ul li{width: 100%;overflow: hidden;margin-bottom: 18px;}
.fangshi ul li dd{display: inline-block;float: left;font-size: 14px;color: #444;width: 100px;text-align: right;}
.fangshi ul li dt{display: inline-block;float: left;font-size: 14px;color: #444;}

.erwm{width: 100%;margin: 0 auto 30px;overflow: hidden;}
.erwm span{font-size: 18px;color: #000;display: block;border-bottom: 1px #ccc solid;line-height: 3em;margin-bottom: 30px;font-weight: bold;}
.erwm img{width: 120px;overflow: hidden;margin-bottom: 18px;}
.erwm dd{font-size: 16px;color: #000;display: inline-block;font-weight: bold;margin-left: 10px;line-height: 60px;}
.erwm img,dd{vertical-align: top;}
.erwm a{font-size: 16px;color: #111;background: #fff;display: block;text-align: center;line-height: 3em;border: 1px #ccc solid;}
.erwm a:hover{background: #f7f8f9;}





.spnew{width: 100%;margin: 0 auto 10px;overflow: hidden}
.spnew ul li{width: 90%;overflow: hidden;margin: 0 auto 18px;background: #f6f6f6;padding: 18px 5% 23px;position: relative;}
.spnew ul li a{display: block}
.time{width: 100%;overflow: hidden;transition: 1s;}
.time dd{font-size: 27px;color: #000;display: inline-block;font-weight: bold;margin-right: 8px}
.time dt{font-size: 14px;color: #999;display: inline-block;margin-top: 13px;}
.spnewh5{margin: 8px auto 10px;line-height: 28px;font-size: 16px;color: #000;font-weight: bold;border-bottom: 1px #ccc solid;padding-bottom: 13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.spnewspan{margin: 12px auto 16px;line-height: 22px;font-size: 14px;color: #666;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 40px}
.moree{background: #20ad3b;padding: 3px 21px;display: inline-block;line-height: 2em;border-radius: 0 8px 0 8px;color: #fff;float: right;}
.spnew ul li hr{width: 0;border: none;height: 4px;background: #f6f6f6;display: block;position: absolute;bottom: 0;left: 0;transition: .7s;}
.spnew ul li:hover hr{width: 100%;background: #20ad3b;}
.spnew ul li:hover .time dd{color: #20ad3b}



.bjq{width: 100%;margin: 2px auto;overflow: hidden;padding: 15px 0;}
.newtit{width: 100%;margin: 0 auto;overflow: hidden;border-bottom: 1px #d9d9d9 solid;padding-bottom: 18px}
.newtit h5{font-size: 20px;display: block;text-align: center;line-height: 1.6em;color: #333;font-weight: normal;margin-bottom: 8px;}
.newtit span{font-size: 14px;color: #777;text-align: center;line-height: 30px;display: block;margin: 0 10px}
.bjq img{max-width: 500px;display: block;text-align: center;margin: 50px auto}
.bjq span{font-size: 15px;line-height: 2em;color: #444;display: block}




.xin_chanpin{width: 100%;overflow: hidden;margin: 20px 0 50px;}
.xin_chanpin_main{width: 92%;margin: 0 auto;overflow: hidden;}
.xin_chanpin_left h1{font-size: 20px;color: #000;background: #fff;line-height: 3em;display: block;text-align: left;margin-bottom: 5px;}

.chanp_right{width: 100%;margin: 30px auto;overflow: hidden;}
.shuoming{width:100%;overflow: hidden;margin-bottom:20px;}
.shuoming dd{font-size: 18px;color:#000;display:block;margin-bottom: 15px;}
.shuoming dt{font-size: 13px;color: #000;background: #f1f2f3;padding: 20px;line-height: 1.8em;}
.chanp_right ul li{width: 100%;float: left;overflow: hidden;margin-bottom: 28px;border-bottom: 1px #bbb dashed;padding-bottom: 28px;}
.chanp_right ul li a{display: block;}
.chanp_right ul li a img{width: 96px;height: 96px;border: 1px solid #f1f1f1;float: left;}
.pro_right{width: calc(100% - 111px);float: right;overflow: hidden;}
.pro_right span{font-size: 16px;color: #111;display: block;line-height: 1.6em;}
.pro_right dd{font-size: 14px;color: #666;display: block;line-height: 1.6em;border: 1px #e1e2e3 solid;margin-top: 5px;padding: 3px 16px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}
.pro_right dt{color: #fff;background: #20ad3b;padding: 10px 0;width: 100px;margin-top: 20px;text-align: center;border-radius: 0 11px 0 11px;}


.goback{width: 100%;text-align: center;margin: 15px auto 5px;display: inline-block;vertical-align: bottom;background: white;position: relative;z-index: 4;}
.gb_main dd {display: block;font-size: 14px;color: #333;margin-top: 10px;transition: 0.3s ease-out;}
.gb_main i{display: block;width: 57px;height: 37px;text-align: center;line-height: 37px;background: url(../image/fan1_03.png) no-repeat;transition: 0.3s ease-out;font-size: 22px;color: #888;margin: 0 auto 9px;}
.gb_main{display: inline-block;vertical-align: bottom;background: white;padding: 0 10px;position: relative;z-index: 11;}
.gb_main:hover dd{color: #20ad3b;}
.gb_main:hover i{background: url(../image/fan2_03.png) no-repeat;}
.goback:after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: lightgray;
    position: absolute;
    top: 17px;
    left: 0;
}



.menu{width: 100%;float: left;overflow: hidden;line-height: 44px;margin-bottom: 1px;}
.menu summary{line-height: 44px;text-indent: 25px;outline: 0;font-weight: normal;cursor: pointer;color: #fff;background: #04b937;}
.menu summary a{color: #fff;}
.menu ul {display: block;width: 220px;}
.menu ul li{line-height: 44px;width: 220px;overflow: hidden;text-indent: 20px;background: #f1f2f3;margin-bottom: 1.5px}
.menu ul li a{color: #000;font-size: 13px;display: block;}
.menu ul li:hover{background: #04b937;}
.menu ul li:hover a{color: #fff;}


.qishiwu{width: 100%;height: 75px;overflow: hidden}

.xin_chanpin_left{width: 100%;background: #fff;overflow: hidden;margin: 0 auto;}
.xin_chanpin_left ul {width: 100%;overflow: hidden;}
.xin_chanpin_left ul li{width: 100%;overflow: hidden;line-height: 44px;float: left;margin: 5px 0 1px;text-align: center;}
.xin_chanpin_left ul li a{color: #000;font-size: 15px;}
.xin_chanpin_left ul li.on{background: #017b56;border-bottom: 1px #017b56 solid;}
.xin_chanpin_left ul li.on a{color: #fff;}
.xin_chanpin_left ul li:hover{background: #017b56;border-bottom: 1px #017b56 solid;}
.xin_chanpin_left ul li:hover a{color: #fff;}
.xin_chanpin_left ul li a{display: block;}





.dak{width: 100%;overflow: hidden;margin: 0 auto;}
.dak_main{width: 100%;overflow: hidden;}
.taobao{width: 100%;overflow: hidden;}
.jingdong{width: 92%;overflow: hidden;margin: 0 auto;}
.jingdong h5{font-size: 18px;color: #000;display: block;font-weight: bold;line-height: 2em;margin-bottom: 12px;}
.jingdong span{color: #E52929;font-weight: bold;font-size: 18px;background: #f5f5f5;padding: 20px;display: block;margin-bottom: 15px;}
.jingdong ul li{width: 100%;overflow: hidden;margin-bottom: 13px;}
.jingdong ul li dd{font-size: 15px;color: #333;display: block;float: left;text-align: right;width: 88px;margin-right: 10px;}
.jingdong ul li dt{font-size: 15px;color: #333;display: block;float: left;}
.youce{width: 320px;margin: 0 auto 30px;overflow: hidden;float: right;display: none}
.youcelianxi span{font-size: 16px;color: #000;display: block;padding-left: 20px;line-height: 3.5em;margin-bottom: 22px;background: #f2f3f7;}
.youcelianxi img{width: 120px;overflow: hidden;margin-bottom: 18px;}
.youcelianxi dd{font-size: 16px;color: #000;display: inline-block;font-weight: bold;margin-left: 10px;}
.youcelianxi img,dd{vertical-align: top;}
.youcelianxi a{font-size: 16px;color: #111;background: #fff;display: block;text-align: center;line-height: 3em;border: 1px #ccc solid;}
.youcelianxi a:hover{background: #f7f8f9;}


.youce_like{width: 100%;overflow: hidden;margin-top: 30px;}
.youce_like span{font-size: 16px;color: #000;display: block;padding-left: 20px;line-height: 3.5em;margin-bottom: 22px;background: #f2f3f7;}
.youce_like ul li{width: 100%;display: block;overflow: hidden;margin-bottom: 15px;}
.youce_like ul li a{display: block;}
.youce_like ul li img{width: 84px;float: left;height: 84px;border: 1px #dedede solid;margin-right: 15px;}
.youce_like ul li dd{font-size: 16px;color: #000;line-height: 3em;display: block;}
.youce_like ul li dt{font-size: 14px;color: #E52929;font-weight: bold;}
.youce_like ul li:hover{background: #f7f8f9;}

.xq{width: calc(100% - 42px);border: 1px #ddd solid;overflow: hidden;float: left;margin: 20px auto;padding: 20px;}
.xq span{font-size: 18px;color: #000;display: block;font-weight: bold;margin-bottom: 15px;}
.xq dd{font-size: 14px;color: #444;display: block;line-height: 2.2em;margin-bottom: 22px;}
.xq img{max-width: 100%;display: block;margin: 0 auto;text-align: center;}




.xinde_rongyu{width: 100%;overflow: hidden;margin: 0 auto 30px;}
.xinde_rongyu_main{width: 94%;margin: 0 auto;overflow: hidden;}
.rongyu{width: 100%;margin: 0 auto;overflow: hidden;}
.rongyu ul li{width: calc(48.5% - 2px);float: left;overflow: hidden;border: 1px #dedede solid;margin-right: 3%;margin-bottom: 30px;}
.rongyu ul li:nth-child(2n){margin-right: 0;}
.rongyu ul li a{display: block;}
.rongyu ul li a img{width: 82%;display: block;margin: 20px auto;text-align: center;}
.rongyu ul li span{width: 82%;margin: 0 auto;overflow: hidden;font-size: 15px;color: #333;display: block;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.rongyu ul li dd{width: 82%;margin: 15px auto;overflow: hidden;border: 1px solid #c9ced4;background: #f4f6f9;text-align: center;line-height: 2.5em;}
.rongyu ul li:hover dd{background: #20ad3b;color: #fff;border: 1px solid #20ad3b;}


/*相关样式*/
#showbox { background:#eee;}
#showbox span { background:url(../image/whitebg.png) repeat;}
#showsum { left:25px; margin-top:10px;}
#showsum span { border:1px solid #ddd;}
#showsum span.sel { border:1px solid #f60;}

.showpage { width:400px; position:relative;}
.showpage a { display:block; width:15px; border:1px solid #ddd; height:60px; line-height:60px; background:#eee; text-align:center; font-size:18px; position:absolute; left:0; top:-62px; text-decoration:none; color:#999;}
.showpage a#shownext { left:auto; right:0;}
.showpage a:hover { background:#ccc; color:#777;}

.bigimg{width:90%!important;height: auto!important;position: fixed;left: 0;top: 0; right: 0;bottom: 0;margin:auto;display: none;z-index:9999;border: 10px solid #fff;}
.mask{position: fixed;left: 0;top: 0; right: 0;bottom: 0;background-color: #000;opacity:0.5;filter: Alpha(opacity=50);z-index: 98;transition:all 1s;display: none}
.bigbox{width:840px;background: #fff;border:1px solid #ededed;margin:0 auto;border-radius: 10px;overflow: hidden;padding:10px;}
.bigbox>.imgbox{width:400px;height:250px;float:left;border-radius:5px;overflow: hidden;margin: 0 10px 10px 10px;}
.bigbox>.imgbox>img{width:100%;}
.imgbox:hover{cursor:zoom-in}
.mask:hover{cursor:zoom-out}
.mask>img{position: fixed;right:10px;top: 10px;width: 60px;}
.mask>img:hover{cursor:pointer}


/* banner */
.c-banner{
	width: 100%;
	position: relative;
}
.c-banner img{
	width: 100%;
}
.c-banner .banner ul{
	list-style: none;
	padding-left: 0px;
	margin-bottom: 0px;
}
.c-banner .banner ul li{
	position: absolute
	display: none;
	opacity: 0;
}
.c-banner .banner ul li:nth-child(1){
	opacity: 1;
	display: block;
}
.c-banner .banner ul li img{
	width: 100%;
	position: absolute;
	top: 0px;
}
.c-banner .banner ul li:first-child img{
	position: relative;
}
.c-banner .nexImg,.c-banner .preImg{
	padding: 25px 10px 25px 10px;
	position: absolute;
	top: 50%;
	margin-top: -53px;
	background: #000000;
	opacity: 0.5;
	border-radius: 5px;
	z-index: 10;
	
}
.c-banner .nexImg:hover,.c-banner .preImg:hover{
	opacity: 0.8;
}
.c-banner .nexImg{
	right: 0px;
}
.c-banner .nexImg img,.c-banner .preImg img{
	
	
}
.c-banner .jumpBtn{
	width: 100%;
	position: absolute;
	bottom: 20px;
	text-align: center;
}
.c-banner .jumpBtn ul{
	margin-bottom: -15px;
	padding: 0px;
}

.c-banner .jumpBtn ul li{
	width: 10px;
	height: 10px;
	border-radius: 50%;
	display: inline-block;
	background-color: white;
	opacity: 0.9;
	margin-left: 10px;
}
.c-banner .jumpBtn ul li:first-child{
	margin-left: 0px;
}
	




}







/*PC*/
@media screen and (min-width:1301px){
.clearfloat{display: none;}
.top{display: none;}
.newbanner{display: none;}
.secbanner{display: none;}
.c-banner{display: none;}
.qishiwu{display: none;}


#tab0{position: relative;width: 100%;overflow: hidden;z-index: 12;}
#TabID{ position: absolute;bottom: 20px;left: 47%;}
#TabID li {float: left;cursor: pointer;width: 9px;height: 9px;opacity: 0.9;background: #126537;color: #333;margin-left: 2px;text-align: center;line-height: 15px;margin-right: 6px;border-radius: 50px;transition: 0.5s;}
#TabID li.active {background: #fff;width: 15px;opacity: 1;}




.menu summary{color: #234178;font-size: 16px;line-height:35px;text-indent:25px;outline:0;font-weight: normal;cursor:pointer;}
.menu summary::-webkit-details-marker{display: none;}
.menu[open] summary:before{content:"";}
.menu summary:before{content:"";display: inline-block;width:16px;height:16px;margin-right:10px;font-size:20px;float: right;padding-right: 10%;}


.nav{width: 100%;margin: 0 auto;background: #fff;border-top: 1px #dedede solid;z-index: 81;}
.nav_main{width: 1200px;margin: 0 auto;}
.nav_main ul>li{float: left;width: 120px;text-align: center;position: relative;}
.nav_main ul>li>a{display: block;color: #000;font-size: 16px;line-height: 60px;}
.erji {display: none;z-index: 999}
.nav_main ul>li:hover .erji{display: block;border-top: 3px #20ad3b solid;}
.nav_main ul>li:hover>a{color: #20ad3b;}
.nav_main ul>li img{width: 36px;display: block;margin: 22px auto;}
.erji {background: #fff;position: absolute;top: 60px;left: 0;width: 200px;box-shadow: 0 3px 8px rgba(0,0,0,0.08);}
.erji li{width: 200px;padding: 0!important;position: relative;text-align: left;}
.erji li a{line-height: 48px;font-size: 15px;color: #111;padding-left: 25px;display: block}
.erji li:hover a{color: #20ad3b;font-size: 15px;line-height: 48px;}
.sanji{display: none;position: absolute;left: 200px;top: -3px;z-index: 997;box-shadow: 0 3px 8px rgba(0,0,0,0.08);background: #fff;border-top: 3px #20ad3b solid;padding: 4px 0 8px;}
.erji li:hover .sanji{display: block;}
.sanji li a{color: #000!important;}
.sanji li{text-align: left!important;}
.sanji li:hover a{color: #20ad3b!important;font-size: 15px;}
.erji li .sanji a{line-height: 40px!important;}
.otherdown{background: url(../image/right.png)no-repeat 92% center;background-size: 14px;width: 100%;}


.topp{width: 100%;margin: 0 auto;overflow: hidden;background: #fff;padding: 8px 0 12px;border-bottom: 1px #dedede solid;margin-bottom: 3px;}
.top_main{width: 1200px;margin: 0 auto;overflow: hidden;position: relative;}
.top_main>a{display: block;width: 340px;float: left;}
.top_main>a img{width: 100%;display: block;}
.language{width: 30%;position: absolute;left: 0px;top: 15px;}
.language span{font-size: 16px;color: #333;display: block;margin-top: 11px;font-weight: bold;}
.language dd{font-size: 13px;color: #555;display: inline-block;background: url(../image/gongpai.png) no-repeat left center;background-size: 19px;padding-left: 22px;margin-right: 15px}
.language dt{font-size: 13px;color: #555;display: inline-block;background: url(../image/shouji.png) no-repeat left center;background-size: 19px;padding-left: 22px;}


.sou{width: 230px;overflow: hidden;margin: 9px 0 0 0;border-radius: 50px;float: right;background: #fff;border: 1px #ccc solid;}
.sou input{width: 175px;float: left;overflow: hidden;line-height: 40px;background: none;color: #000;resize: none;outline: none;padding-left: 22px;font-size: 14px;border: none;}
.sou input::-webkit-input-placeholder{color: #acacac;}
.sou button{width: 50px;height: 40px;background: url(../image/search.png) no-repeat center;background-size: 22px;overflow: hidden;display: block;resize: none;outline: none;font-size: 18px;border: none;cursor: pointer;float: right;}



.siwu{width: 100%;height: 52px;overflow: hidden;}
.login{width: auto;position: absolute;right: 65px;top: 55px;}
.login a dd{font-size: 15px;color: #000;font-weight: bold;display: inline-block;}
.login img{width: 24px;height:24px;display: inline-block;margin-right: 6px;}


.banner{width: 100%;margin: 0 auto;overflow: hidden;}
.banner img{width: 100%;display: block;}


.xin_about{width: 100%;overflow: hidden;margin: 0 auto;background: url(../image/bg-1.jpg)no-repeat center;background-size: cover;padding: 70px 0 80px;}
.xin_about_content{width:70%;margin: 0 auto;overflow: hidden;}
.guan_right{width: 41%;float: right;overflow: hidden;}
.guan_content dd{font-size: 48px;color: #e2e0ea;display: block;}
.guan_content h3{font-size: 20px;color: #000;display: block;margin-bottom: 10px;font-weight: normal;}
.guan_content dt{font-size: 14px;color: #444;display: block;line-height: 1.8em;}
.guan_kuang{width:calc(100% - 48px);border: 4px #20ad3b solid;overflow: hidden;margin-top: 52px;padding: 24px 20px;}
.guan_kuang span{font-size: 30px;color: #20ad3b;float: left;margin-top: 12px;}
.guan_kuang dd{font-size: 15px;line-height: 1.5em;display: block;float: left;margin-left: 30px;color: #444;}
.guan_kuang a{color: #fff;border-radius: 50px;float: right;line-height: 2.5em;padding: 0 20px;font-size: 14px;background: #20ad3b;margin-top: 18px}
.guan_tu{width: 55%;float: left;overflow: hidden;}
.guan_tu img{width: 100%;display: block;}



.case{width: 100%;margin: 0 auto;overflow: hidden;position:relative;background: url(../image/casebg.jpg) no-repeat;background-position:top center}
.case_main{width: 1200px;margin: 0 auto;overflow: hidden;position: relative}
.huatai_bai{width: 960px;margin: 20px auto 0;overflow: hidden}
.huatai_bai h5{font-size: 48px;color: #e2e0ea;display: block;text-align: center;line-height: 2.5em;font-weight: normal;}
.huatai_bai hr{width: 50px;height: 3px;background: #fff;border: none;margin: 0 auto;}
.anli{width: 1200px;margin: 32px auto 80px;overflow: hidden;}
.anli>img{width: 440px;height: 376px;display: block;float: left;}
.anliyou{width: 658px;float: right;overflow: hidden;}
.anliyou h5{font-size: 24px;color: #000;display: block;font-weight: bold;margin-top: 64px;}
.anliyou hr{border: none;background: #a2a2a2;width: 100%;height: 1px;margin: 25px auto}
.anliyou span{font-size: 15px;line-height: 2.5em;display: block;color: #000;width: 85%;overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;}
.anliyou a{display: inline-block;color: #fff;background: #20ad3b;line-height: 38px;padding: 0 30px;border-radius: 50px;margin-top: 30px;}



.xinde_rongyu{width: 100%;overflow: hidden;margin: 0 auto 30px;}
.xinde_rongyu_main{width: 1200px;margin: 0 auto;overflow: hidden;}
.rongyu{width: 100%;margin: 0 auto;overflow: hidden;}
.rongyu ul li{width: calc(23% - 2px);float: left;overflow: hidden;border: 1px #dedede solid;margin-right: 2.6%;margin-bottom: 30px;}
.rongyu ul li:nth-child(4n){margin-right: 0;}
.rongyu ul li a{display: block;}
.rongyu ul li a img{width: 82%;height: 140px;display: block;margin: 20px auto;text-align: center;}
.rongyu ul li span{width: 82%;margin: 0 auto;overflow: hidden;font-size: 15px;color: #333;display: block;}
.rongyu ul li dd{width: 82%;margin: 15px auto 25px;overflow: hidden;border: 1px solid #c9ced4;background: #f4f6f9;text-align: center;line-height: 2.5em;}
.rongyu ul li:hover dd{background: #20ad3b;color: #fff;border: 1px solid #20ad3b;}






.foot{width: 100%;margin: 0 auto;overflow: hidden;background: #507096;}
.foot_main{width: 70%;margin: 33px auto;overflow: hidden;}
.foot_logo{width: 200px;float: left;}
.foot_logo img{width: 150px;display: block}
.lianluo{width: 350px;float: left;margin-left: 60px;}
.lianluo dd{font-size: 18px;font-weight: bold;color: #fff;display: block;line-height: 36px;}
.lianluo hr{width: 25px;height: 5px;background: #20ad3b;border: none;margin: 19px 0;}
.lianluo dt{font-size: 14px;color: #fff;display: block;line-height: 2em;}
.daohang{width: 305px;float: left;margin-left: 20px;}
.daohang dd{font-size: 18px;font-weight: bold;color: #fff;display: block;line-height: 36px;}
.daohang hr{width: 25px;height: 5px;background: #20ad3b;border: none;margin: 19px 0;}
.daohang a{font-size: 14px;color: #fff;float: left;width: 50%;line-height: 2em;}
.erweima{width: 125px;float: right;margin-left: 50px;}
.erweima dd{font-size: 18px;font-weight: bold;color: #fff;display: block;line-height: 36px;}
.erweima hr{width: 25px;height: 5px;background: #20ad3b;border: none;margin: 16px 0;}
.erweima img{width: 101px;height: 81;float: left;display: block;margin-right: 15px;}


.beian{width: 100%;line-height: 36px;font-size: 14px;border-top: 1px #000 solid;text-align: center;display: block;background: #365171;}
.beian a{color: #fff}
.beian dt{color: #fff}


.tat{width: 100%;margin: 27px auto 30px;}
.kb_main span{font-size: 20px;color: #000;display: block;line-height: 3.5em;margin-bottom: 20px;margin-top: 20px}
.kb_main{width: 70%;margin: 0 auto;}
.kb_main input{width: calc(47% - 20px);float: left;margin: 0 9% 0 0;border: none;line-height: 44px;background: #f1f2f3;padding-left: 20px;margin-bottom: 20px;color: #000;font-size: 15px;}
.kb_main textarea{outline: none;resize: none;height: 100px;padding: 20px;width: 100%;border: none;background: #f1f2f3;}
.kb_main button{width: 25%;margin: 40px auto 50px;overflow: hidden;line-height: 48px;color: #fff;background: #20ad3b;outline: none;border: none;font-size: 16px;cursor: pointer;text-align: center;display: block;}



.mbx{width: 70%;margin: 100px auto 50px;overflow: hidden;}
.mbx a{float: left;display: inline-block;margin-right: 3px;color: #888;font-size: 15px;}


.fenleia{width: 70%;margin: 0 auto 45px;overflow: hidden;}
.fenleia ul li{float: left;text-align: center;border: 1px #bbb solid;width: 164px;}
.fenleia ul li a{display: block;color: #000;line-height: 42px;font-size: 15px;}
.fenleia ul li.tc{border: 1px #20ad3b solid;background: #20ad3b;}
.fenleia ul li.tc a{color: #fff;}
.fenleia ul li:hover{border: 1px #20ad3b solid;background: #20ad3b;}
.fenleia ul li:hover a{color: #fff;}


.about_content{width: 70%;margin: 0 auto 10px;overflow: hidden;}
.about_content span{font-size: 20px;color: #000;display: block;border-bottom: 1px #ccc solid;line-height: 3.5em;margin-bottom: 30px;}
.about_content ul li{width: 100%;overflow: hidden;margin-bottom: 18px;font-size: 16px;color: #444;line-height: 2em;text-indent: 2em;}
.about_content ul li dd{display: inline-block;float: left;font-size: 16px;color: #444;width: 194px;text-align: right;}
.about_content ul li dt{display: inline-block;float: left;font-size: 16px;color: #444;}



.zy{width: 100%;margin: 0 auto;overflow: hidden;}
.zy_main{width: 70%;margin: 0 auto;overflow: hidden;}
.fangshi{width: calc(60% - 1px);margin: 0 auto;overflow: hidden;float: left;border-right: 1px #bbb solid;padding-right: 5%;padding-bottom: 5%;}
.fangshi span{font-size: 20px;color: #000;display: block;border-bottom: 1px #ccc solid;line-height: 3.5em;margin-bottom: 30px;}
.fangshi ul li{width: 100%;overflow: hidden;margin-bottom: 18px;}
.fangshi ul li dd{display: inline-block;float: left;font-size: 16px;color: #444;width: 200px;text-align: right;}
.fangshi ul li dt{display: inline-block;float: left;font-size: 16px;color: #444;}

.erwm{width: 36%;margin: 0 30px 55px 0;overflow: hidden;float: right;padding-left: 4%;}
.erwm span{font-size: 20px;color: #000;display: block;border-bottom: 1px #ccc solid;line-height: 3.5em;margin-bottom: 30px;}
.erwm img{width: 120px;overflow: hidden;margin-bottom: 18px;}
.erwm dd{font-size: 16px;color: #000;display: inline-block;font-weight: bold;margin-left: 10px;}
.erwm img,dd{vertical-align: top;}
.erwm a{font-size: 16px;color: #111;background: #fff;display: block;text-align: center;line-height: 3em;border: 1px #ccc solid;}
.erwm a:hover{background: #f7f8f9;}



.tixi_content{width: 70%;margin: 0 auto 50px;overflow: hidden;}
.tixi_content span{font-size: 20px;color: #000;display: block;border-bottom: 1px #ccc solid;line-height: 3.5em;margin-bottom: 30px;}
.tixi_content ul li{width: 22.4%;overflow: hidden;margin-bottom: 18px;float: left;margin-right: 2.6%;text-align: center;}
.tixi_content ul li:last-child{margin-right: 0;}
.tixi_content ul li a{display: block;}
.tixi_content ul li img{width: 100%;height: 295px;display: block;}
.tixi_content ul li dd{font-size: 15px;color: #000;line-height: 3em;}


.gongchang{width: 100%;background: #f1f2f3;margin: 0 auto;overflow: hidden;padding-bottom: 60px;}
.gongchang ul{width: 70%;margin: 0 auto;overflow: hidden;}
.gongchang ul span{font-size: 20px;color: #000;display: block;line-height: 3.5em;margin-bottom: 20px;margin-top: 20px;}
.gongchang ul li{width: 18%;float: left;text-align: center;overflow: hidden;margin-right: 2.5%;}
.gongchang ul li:last-child{margin-right: 0;}
.gongchang ul li img{width: 100%;display: block;transition: 0.7s;}
.gongchang ul li:hover img{transform:scale(1.2);}




.product{width: 100%;overflow: hidden;margin: 0 auto;background-color: #fff;}
.product_main{width: 70%;overflow: hidden;margin:0 auto;padding-top: 10px}
.product_main span{font-size: 20px;color: #000;display: block;line-height: 3.5em;margin-bottom: 33px;margin-top: 20px;}
.product_main ul li{width: calc(33% - 2px);float: left;overflow: hidden;margin:0 auto;padding-top: 60px;border-top: 1px solid #dadada;border-bottom: 1px solid #dadada;}
.product_main ul li:nth-child(3n+2){border: 1px solid #dadada;}
.tu{width: 80%;overflow: hidden;text-align: center;margin: 0 auto;}
.tu img{width: 100%;height: 503px;display: block;margin: 0 auto;transition: all ease .6s;}
.tu img:hover{transform: scale(1.1);}
.zi{width: 80%;overflow: hidden;margin: 0 auto;}
.zi h2{font-size: 20px;font-weight: bold;display: block;text-align: center;margin-top: 30px;padding-bottom: 15px;}
.xiaozi{width: 80%;overflow: hidden;margin: 0 auto;}
.xiaozi span{font-size: 14px;color: #666;line-height: 1.5em; border-top: 1px solid #dadada;padding-top: 30px;display: block;}
.more {width: 80%;overflow: hidden;margin: 0 auto;margin-top: 28px;margin-bottom: 55px;}
.more a{display: block;border-radius: 50px;padding: 15px 50px;text-align: center;color: #fff;background-color: #20ad3b;border: 1px #20ad3b solid;font-size: 16px;}





.xin_chanpin{width: 100%;overflow: hidden;margin: 0 auto;margin: 40px 0 50px;min-height: 425px;}
.xin_chanpin_main{width: 70%;margin: 0 auto;overflow: hidden;}
.xin_chanpin_left{width: 280px;float: left;}
.xin_chanpin_left h1{font-size: 24px;color: #000;background: #fff;line-height: 60px;display: block;text-align: left;margin-bottom: 10px;}



.menu summary{color: #000;font-size: 16px;line-height: 44px;text-indent: 25px;outline: 0;font-weight:normal;background:#f8f8f8;cursor:pointer;}
.menu summary::-webkit-details-marker{display: none;}
.menu[open] summary:before{content:"-";font-size: 40px;}
.menu summary:before{content:"+";display:inline-block;width:16px;height:16px;margin-right:10px;font-size: 30px;float: right;padding-right: 10%;}
.menu ul {display: block;width: 278px;}
.menu ul li{line-height:40px;width: 278px;overflow: hidden;text-indent: 40px;background-color: #fff;}
.menu ul li:last-child{border: none;}
.menu ul li a{display:block;color:#777;font-size: 14px;}
.menu ul li:hover a{color: #20ad3b;}
.menu ul li:hover{background-color: #f8f8f8;}
.menu ul li.current{background-color: #fff;}
.menu ul li.current a{color: #20ad3b;}


.chanp_right{width: calc(100% - 350px);float: right;overflow: hidden;}
.shuoming{width:100%;overflow: hidden;margin-bottom:20px;}
.shuoming dd{font-size: 18px;color:#000;display:block;margin-bottom: 15px;}
.shuoming dt{font-size: 13px;color: #000;background: #f1f2f3;padding: 20px;line-height: 1.8em;}
.chanp_right ul li{width: 100%;float: left;overflow: hidden;margin-bottom: 28px;border-bottom: 1px #bbb dashed;padding-bottom: 28px;}
.chanp_right ul li a{display: block;}
.chanp_right ul li a img{width: 222px;height: 222px;border: 1px solid #f1f1f1;float: left;}
.pro_right{width: calc(100% - 260px);float: right;overflow: hidden;}
.pro_right span{font-size: 18px;color: #111;display: block;line-height: 3em;}
.pro_right dd{font-size: 14px;color: #666;display: block;line-height: 1.9em;border: 1px #e1e2e3 solid;padding: 15px 30px;min-height: 50px;}
.pro_right dt{color: #fff;background: #20ad3b;padding: 10px 0;width: 135px;margin-top: 30px;text-align: center;border-radius: 0 11px 0 11px;}

.dak{width: 70%;overflow: hidden;margin: 0 auto;}
.dak_main{width: calc(100% - 350px);float: left;overflow: hidden;}
.taobao{float: left;width: 400px;}
.jingdong{float: right;width: calc(100% - 435px);overflow: hidden;}
.jingdong h5{font-size: 18px;color: #000;display: block;font-weight: bold;line-height: 2em;margin-bottom: 12px;}
.jingdong span{color: #E52929;font-weight: bold;font-size: 22px;background: #f5f5f5;padding: 20px;display: block;margin-bottom: 15px;}
.jingdong ul li{width: 100%;overflow: hidden;margin-bottom: 18px;}
.jingdong ul li dd{font-size: 15px;color: #333;display: block;float: left;text-align: right;width: 88px;margin-right: 10px;}
.jingdong ul li dt{font-size: 15px;color: #333;display: block;float: left;}
.youce{width: 320px;margin: 0 auto 30px;overflow: hidden;float: right;}
.youcelianxi span{font-size: 16px;color: #000;display: block;padding-left: 20px;line-height: 3.5em;margin-bottom: 22px;background: #f2f3f7;}
.youcelianxi img{width: 120px;overflow: hidden;margin-bottom: 18px;}
.youcelianxi dd{font-size: 16px;color: #000;display: inline-block;font-weight: bold;margin-left: 10px;}
.youcelianxi img,dd{vertical-align: top;}
.youcelianxi a{font-size: 16px;color: #111;background: #fff;display: block;text-align: center;line-height: 3em;border: 1px #ccc solid;}
.youcelianxi a:hover{background: #f7f8f9;}


.youce_like{width: 100%;overflow: hidden;margin-top: 30px;}
.youce_like span{font-size: 16px;color: #000;display: block;padding-left: 20px;line-height: 3.5em;margin-bottom: 22px;background: #f2f3f7;}
.youce_like ul li{width: 100%;display: block;overflow: hidden;margin-bottom: 15px;}
.youce_like ul li a{display: block;}
.youce_like ul li img{width: 84px;float: left;height: 84px;border: 1px #dedede solid;margin-right: 15px;}
.youce_like ul li dd{font-size: 16px;color: #000;line-height: 3em;display: block;}
.youce_like ul li dt{font-size: 14px;color: #E52929;font-weight: bold;}
.youce_like ul li:hover{background: #f7f8f9;}

.xq{width: calc(100% - 2px);border: 1px #ddd solid;overflow: hidden;float: left;margin: 50px auto;padding: 30px;}
.xq span{font-size: 18px;color: #000;display: block;font-weight: bold;margin-bottom: 15px;}
.xq dd{font-size: 14px;color: #444;display: block;line-height: 2.2em;margin-bottom: 36px;}
.xq img{max-width: 100%;display: block;margin: 0 auto;text-align: center;}

.gfrrwwd_cen{width:100%; background:rgba(0,0,0,0.7);height:100%;position:fixed;left:0;top:0;z-index:108;display:none;}
.gfrrwwd{width: 96%;overflow: hidden;top: calc((100% - 865px)/2);margin: 0 auto;position: relative;border-radius: 3px;}
.gfrr3w{width: 96%;overflow: hidden;top: calc((100% - 567px)/2);margin: 0 auto;position: relative;border-radius: 3px;}

.newwwww{width: 100%;overflow: hidden;margin: 0 auto;}
.newwwww>img{width:567px;display: block;margin: 0 auto;}
.newwwww a{display: block;width: 100%;overflow: hidden;color: #fff;}
.newwwww a>img{display: block;position: absolute;right: 20px;top: 0px;width: 40px}

.ne3w{width: 100%;overflow: hidden;margin: 0 auto;}
.ne3w>img{width:567px;display: block;margin: 0 auto;border: 25px #fff solid;}
.ne3w a{display: block;width: 100%;overflow: hidden;color: #fff;}
.ne3w a>img{display: block;position: absolute;right: 30px;top: 25px;width: 40px}





.spnew{width: 100%;margin: 0 auto 10px;overflow: hidden}
.spnew ul li{width: 31%;float: left;overflow: hidden;margin: 0 3.5% 30px 0;background: #f6f6f6;padding: 33px 30px 44px;position: relative;}
.spnew ul li:nth-child(3n){margin-right: 0}
.spnew ul li a{display: block}
.time{width: 80%;overflow: hidden;transition: 1s;}
.time dd{font-size: 30px;color: #000;display: inline-block;font-weight: bold;margin-right: 8px}
.time dt{font-size: 16px;color: #999;display: inline-block;margin-top: 15px;}
.spnewh5{margin: 12px auto 16px;line-height: 28px;font-size: 17px;color: #000;font-weight: bold;border-bottom: 1px #ccc solid;padding-bottom: 13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.spnewspan{margin: 12px auto 16px;line-height: 22px;font-size: 14px;color: #666;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;height: 84px}
.moree{background: #ddd;padding: 3px 21px;display: inline-block;line-height: 2em;border-radius: 0 8px 0 8px}
.spnew ul li hr{width: 0;border: none;height: 4px;background: #f6f6f6;display: block;position: absolute;bottom: 0;left: 0;transition: .7s;}
.spnew ul li:hover hr{width: 100%;background: #20ad3b;}
.spnew ul li:hover .time dd{color: #20ad3b}
.spnew ul li:hover .moree{background:#20ad3b;color: #fff}


.bigimg{width:31%!important;height: auto!important;position: fixed;left: 0;top: 0; right: 0;bottom: 0;margin:auto;display: none;z-index:9999;border: 10px solid #fff;}
.mask{position: fixed;left: 0;top: 0; right: 0;bottom: 0;background-color: #000;opacity:0.5;filter: Alpha(opacity=50);z-index: 98;transition:all 1s;display: none}
.bigbox{width:840px;background: #fff;border:1px solid #ededed;margin:0 auto;border-radius: 10px;overflow: hidden;padding:10px;}
.bigbox>.imgbox{width:400px;height:250px;float:left;border-radius:5px;overflow: hidden;margin: 0 10px 10px 10px;}
.bigbox>.imgbox>img{width:100%;}
.imgbox:hover{cursor:zoom-in}
.mask:hover{cursor:zoom-out}
.mask>img{position: fixed;right:10px;top: 10px;width: 60px;}
.mask>img:hover{cursor:pointer}

.lxa{width: 320px;float: right;overflow: hidden;margin-top: 10px;}
.lxa img{width: 100%;display: block;}


/*相关样式*/
#showbox { background:#eee;}
#showbox span { background:url(../image/whitebg.png) repeat;}
#showsum { left:25px; margin-top:10px;}
#showsum span { border:1px solid #ddd;}
#showsum span.sel { border:1px solid #f60;}

.showpage { width:400px; position:relative;}
.showpage a { display:block; width:15px; border:1px solid #ddd; height:60px; line-height:60px; background:#eee; text-align:center; font-size:18px; position:absolute; left:0; top:-62px; text-decoration:none; color:#999;}
.showpage a#shownext { left:auto; right:0;}
.showpage a:hover { background:#ccc; color:#777;}



.bjq{width: 100%;margin: 20px auto;overflow: hidden;padding: 25px 0;}
.newtit{width: 100%;margin: 0 auto;overflow: hidden;border-bottom: 1px #d9d9d9 solid;padding-bottom: 30px}
.newtit h5{font-size: 24px;display: block;text-align: center;line-height: 3em;color: #333;font-weight: normal}
.newtit span{font-size: 14px;color: #333;text-align: center;line-height: 30px;display: block;margin: 0 10px}
.bjq img{max-width: 500px;display: block;text-align: center;margin: 50px auto}
.bjq span{font-size: 15px;line-height: 2em;color: #444;display: block}



.goback{width: 100%;text-align: center;margin: 0 auto;display: inline-block;vertical-align: bottom;background: white;padding: 0 10px;position: relative;z-index: 4;}
.gb_main dd {display: block;font-size: 14px;color: #333;margin-top: 10px;transition: 0.3s ease-out;}
.gb_main i{display: block;width: 57px;height: 37px;text-align: center;line-height: 37px;background: url(../image/fan1_03.png) no-repeat;transition: 0.3s ease-out;font-size: 22px;color: #888;margin: 0 auto 9px;}
.gb_main{display: inline-block;vertical-align: bottom;background: white;padding: 0 10px;position: relative;z-index: 11;}
.gb_main:hover dd{color: #20ad3b;}
.gb_main:hover i{background: url(../image/fan2_03.png) no-repeat;}
.goback:after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: lightgray;
    position: absolute;
    top: 17px;
    left: 0;
}




* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        a {
            text-decoration: none;
        }

        ul {
            list-style: none;
        }

        html,
        body {
            width: 100%;
            height: 100%;
            box-sizing: border-box;
        }

        body {
            font-family: Helvetica;
            font-size: 15px;
            font-weight: normal;
        }
        .clearfix::before,
        .clearfix::after {
            content: "";
            display: table;
        }

        .clearfix::after {
            clear: both;
        }


        .box {
            width: 400px;
            height: 400px;
            border: 1px #ddd solid;
        }

        .box a.phone-display {
            display: block;
            position: relative;
            height: 100%;
        }


        .bottom-nav{
            margin-top: 20px;
        }
        
        .bottom-nav .tab-btn{
            position: relative;
            width: 40px;
            height: 60px;
            cursor: pointer;
        }
        
        .tab-btn:hover{
            opacity: .6;
        }

        .tab-btn.btn-left{
            float: left;
        }

       .tab-btn.btn-right{
            float: right;
        }

        i.shift-icon {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%,-50%);
            width: 26px;
            height: 26px;
            border: 1px solid #999;
            border-radius: 50%;
        }

        i.shift-icon>span {
            position: absolute;
            left: 50%;
            top: 50%;
            width: 10px;
            height: 10px;
            border-bottom: 1.5px solid #999;
        }

        .btn-left i.shift-icon>span {
            border-left: 1.5px solid #999;
            transform: translate(-30%, -50%) rotate(45deg);
        }
        .btn-right i.shift-icon>span {
            border-right: 1.5px solid #999;
            transform: translate(-70%, -50%) rotate(-45deg);
        }


        .bottom-nav .bottom-center-nav{
            position: relative;
            height: 60px;
            margin: 0 50px;
            overflow: hidden;
        }
        .bottom-center-nav ul.small-img-ul {
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
        }
        ul.small-img-ul li.img{
            float: left;
            width: 60px;
            height: 100%;
            border:1px solid transparent;
            background-size: 100% 100%;
            cursor: pointer;
        }
        ul.small-img-ul li.img.active{
            border-color: rgb(160, 27, 27);
        }

}

/*分页样式*/
.pglist {
	padding: 20px 0 30px;
	width: 100%;
	text-align: center;
	clear: both;
}
.pglist a {
	color: #666;
	padding: 0 14px;
	margin: 0 3px;
font-/weight: bold;
	background: #fff;
	border: 1px solid #ddd;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.pglist * {
	display: inline-block;
	_zoom: 1;
	_display: inline;
	vertical-align: middle;
	line-height: 30px;
	padding-bottom: 1px;
}
.pglist a:hover, .pglist .hover {
	display: inline-block;
	color: #fff;
	background: #20ad3b;
	border-color: #20ad3b;
}
/*返回首页*/
#tip {
	padding-top: 30px;
	min-height: 640px;
}
#tip b {
	color: #20ad3b;
}