body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,select,input,textarea,button,p,blockquote,th,td,img,iframe{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
input,button,textarea,option{font:12px "Microsoft YaHei", Arial, "sans-serif";}
ul,li,div{list-style:none;border:0}
img{border:0;max-width:100%;max-height:100%;vertical-align: middle;}.clear{font:0/0px serif;display:block;clear:both}
html{-webkit-text-size-adjust:none}input{outline:0}
textarea{resize:none}
a{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;text-decoration:none}
a:hover{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
body:nth-of-type(1) input:focus,textarea:focus{outline:0}
body{font:12px "Microsoft YaHei", Arial, "sans-serif";color:#333;background:#fff}
.wid1200{ max-width: 1200px; margin:0 auto;}
.supp-le{float: left;}
.supp-rt{float: right; }
/*top*/
.top{border-bottom: 1px solid #e5e9f4;background: #f5f5f5;position:fixed;width:100%;z-index: 9999999999;}
.topbox{width:1200px;margin:0px auto;color: #3e3e3e;height: 40px;line-height: 40px;font-size: 14px;}
.topbox_l{ float:left; width:650px;}
.topbox_l ul{margin-top: 12px;float: left;}
.topbox_l ul li{ float: left; padding: 0 6px; height: 16px; border-right: 1px solid #e5e9f4; color: #666; }
.topbox_l ul li a{color: #3e3e3e;line-height: 24px;display: block;padding: 0 10px;margin-top: -4px;margin-left: 0px;}
.topbox_l ul li a:hover{color:#1e7ddd;}
.topbox_l ul li a.ant{color: #fff;  background-color: #ff6600; border-radius: 2px;}
.topbox1p{ margin:0px 30px 0px 26px;}
.topbox1p a{ color:#3687d9;}
.topbox2p{ margin-right:15px; }
.topbox3p{ margin-right:15px;}
.topbox_l p{ float:left;}
.topbox_l a{color: #3687d9;margin-left:5px;font-weight: bold;}
.topbox_l label{ float:left; margin-right:5px;}
.topbox_r{ float:right; width:610px; overflow:hidden;}
.bdsharebuttonbox{ float:left; margin:4px 15px 0px 15px;}
.mod-service{ float:left; margin:0px 12px;}
.mod-service ul{margin-top: 12px;float: left;}
.mod-service ul li{ float: left; padding: 0 6px; height: 16px; border-right: 1px solid #e5e9f4; color: #666; }
.mod-service ul li a{color: #5d5d5d;line-height: 24px;display: block;padding: 0 10px;margin-top: -4px;margin-left: 0px;}
.mod-service ul li a.ant{color: #fff;  background-color: #ff6600; border-radius: 2px;}
.mod-service span {margin: 0px 5px;}
.mod-service a {color: #808080;}
.mod-service a:hover{ color:#1e7ddd;}
.wx{ float:left; margin-left:15px; }
.wx a{color:#1e7ddd;}
.wx span{margin: 0px 5px;cursor: pointer;}
.wx_l{ background:url(http://www.app17.com/images/weixin.png) no-repeat left center; display:block; float:left;text-indent: 24px;}
.wx_r{background:url(http://www.app17.com/images/moblie_yellow.gif) no-repeat left center; display:block; float:right;text-indent: 14px;}
.wxbox{z-index: 99999;position: absolute;background: #FFF none repeat scroll 0% 0%;border: 1px solid #CBCBCB;top:40px; display:none;}
.add1, .add2{width: 140px;position: absolute;box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);  text-align: center; padding: 25px 25px 20px 25px;}
.add1 img, .add2 img{width: 100%;height: 100%;}
.add1 b, .add2 b{display: block;font-size: 14px;padding:18px 0 8px 0;line-height: 24px;}
.add1 p, .add2 p{color: #999;line-height: 12px;}
 .m_jiao{ z-index: 100;width: 13px;  height: 8px;  position: absolute;left:45px;  top: -8px;background: transparent url("http://www.app17.com/images/bg_top_ewm.gif") no-repeat scroll 0px 0px;background-position: -232px -128px;margin: 0px auto;}
.m_jiao1{ z-index: 100;width: 13px;  height: 8px;  position: absolute;left:108px;  top: -8px;background: transparent url("http://www.app17.com/images/bg_top_ewm.gif") no-repeat scroll 0px 0px;background-position: -232px -128px;margin: 0px auto;}
/*top end*/
/*head*/
.head{height: 110px;margin: 0px auto;box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);background: #fff;padding-top: 40px;}
.head .headLogo{width: 258px;height: 110px;float:left;margin-right: 10px;}
.head .headLogo a{display: block;width: 258px;height: 110px;line-height: 110px;}
.head .headLogo a img{max-width: 258px;max-height: 84px;}
.head .logoFont{height: 30px;line-height: 30px;float: left;padding: 10px 0 10px 30px;font-size: 21px;border-left: 1px solid #eee;margin: 30px 0;}
/*
.head .headTel{width: 282px;float:right;padding:12px 0 18px 50px;line-height: 25px;position:relative;margin-top: 16px;}
.head .headTel .iconfont{ position:absolute;left:0;top:20px;display:inline-block;font-size:40px;color:#a9a9a9;vertical-align:top; background: url(http://ayiwang.zhihuilv.com/skin/50/images/tel1.png) 0px 0px no-repeat;height: 40px; width: 40px;}
.head .headTel h3 {font-size: 16px; font-weight: 600;color: #555;text-align:left;letter-spacing: 25px;}
.head .headTel .texFont {font-size: 30px;color:#e02445;font-weight: 400;}*/

.header_r{float: right;width: 610px;height: 93px;}
.searchbg{height:38px;overflow:hidden;border: 1px solid #f60;float:right;margin:35px 0 0 30px;}
.searchbg .s2{width: 82px;height:38px;line-height:38px;/* background:#f1f6fc; */border-right: 1px solid #d0d0d0;float:left;}
.searchbg .s2 h6{color:#62aefa;background:url(http://www.app17.com/images/2020xiala_ico.png) no-repeat 55px center;}
.searchbg .s2 h6 a{color: #333;display:block;text-indent:15px;font-size: 12px;}
.search_txt .text{width:360px; height:38px; line-height:38px;color:red;font-size:larger;border: none;}
.search_btn .button{height:38px;line-height:38px;width:100px;background: #f60;color:#fff;cursor:pointer;font-size:14px;border: none;}
.search_txt { float:left; width:360px; height:38px; margin-left:5px;}
.search_btn{ float:left;}
.searchbg .s2 ul { z-index:99999; border:1px solid #d0d0d0; background:#fff;position: absolute; width:82px;margin-top: 0px;border-top: none; margin-left:-1px;}
.searchbg .s2 ul li{ height:36px; line-height:36px;}
.searchbg .s2 ul li a{ display:block;margin-left: 15px;}
.searchbg .s2 ul li:hover{ background: #3687d9;color: #fff;}
.searchbg .s2 ul li a:hover{color: #fff;}
.search_r{ float:right; height:40px; width:270px;}
.search_rbtn{ width:120px; float:left; height:40px; line-height:40px;text-align:center;background:#f60;}
.search_rbtn1{ width:120px; float:left; height:40px; line-height:40px; background:#f60; text-align:center;}
.search_rbtn2{ width:90px; float:left; height:40px; line-height:40px;text-align:center;background: #f60 url(../images/qq.png) no-repeat 10px center;}
.search_rbtn2 a{ text-indent:24px;}
.search_r a{ color:#fff; display:block;}
.search_r p{ margin-left:15px;}


.serchlme {position: absolute;z-index: 99999;width: 365px;height: auto; border:1px solid #D2E3F5; border-top:none;border-image: none;background: #FFF none repeat scroll 0% 0%;margin-top: 75px;margin-left:143px;}
.serchlme .ssxlklb {padding-top: 5px;}
.seatchclear {height: 27px;line-height: 27px;border-top: 1px solid #EEE;}
.serchlme .ssxlklb li {height: 26px;overflow: hidden;color: #1187CF;text-indent: 8px;line-height: 26px;}
.serchlme .ssxlklb li span.fontlsearch {width:310px;display: inline-block;height: 26px;float: left;line-height: 26px;}
.serchlme .ssxlklb li span.scanl {display: inline-block;width: 43px;height: 32px;overflow: hidden;background: transparent url("../images/gbansearchme_03.png") no-repeat scroll 0px 7px;text-indent: 13px;}
.seatchclear a.qkjlsearch {background: transparent url("http://www.app17.com/images/qkltjlsearch_10.png") no-repeat scroll 8px 4px;height: 27px;width: 75px;display: inline-block;text-align: right;float: right;margin-right: 10px;}
.serchlme li:hover{ background:#3687d9; color:#fff;}

.qklsjlicon img {position: relative;top: 3px;left: 3px;}
.clear{clear: both;}

/*head end*/
/*pronavbar*/
.pronavbar{height: 50px;background: #3c83d8;}
.pronavbar .navmu{ width: 200px;line-height: 50px;font-size: 16px;background: #f60;}
.pronavbar .navmu h2{ height: 50px;font-size: 16px;line-height: 50px;color: #fff;padding-left: 30px;position: relative;}
.pronavbar .navmu h2 a{color: #fff;}
.pronavbar .navmu h2 a.menu {width: 13px;height: 16px;background: url(../images/2021-shop.png) no-repeat 0 0px;position: absolute;top: 17px;left: 165px;}
.pronavbar .navlist{}
.pronavbar .navlist ul li{float: left; line-height: 50px;width: 100px;text-align: center;    display: block;font-size: 16px;}
.pronavbar .navlist ul li a{color: #fff;} 
.pronavbar .navlist ul li:hover{background: #2a68b3;}
.pronavbar .navlist dl{color: #fff;height: 50px;text-align: center;font-size: 18px;  line-height: 50px;padding: 0 12px;display: block;letter-spacing: 3px;}
.pronavbar .navlist dl dd {position: absolute;z-index: 9999;width: 460px;height: auto;margin-top: 0px;border: 1px solid #d2e3f5;background: #FFFFFF; margin-left: -362px;padding: 8px; }
.pronavbar .navlist dl:hover{background: #5299ef;}
.pronavbar .navlist dl dd a{text-align: center;color: #333;font-size: 16px;width: 105px;border-bottom: 1px dotted #dddddd;
display: block;float: left;overflow: hidden;margin: 0 5px;height: 34px;line-height: 34px;}
.pronavbar .navlist dl dd a:hover{ background:  #c4d6e852;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10);color: #3687d9;}
/*pronavbar end*/

/*改 产品*/
.sub {overflow: hidden;width: 100%;}
.subTitle {margin: 15px 0;}
.subTitle h3 {font-size: 16px;line-height: 20px;text-indent: 15px;position: relative;}
.subTitle h3:after {content: '';position: absolute;left: 0px;top: 0px;width: 5px;height: 16px;	background: #3687d9;border-radius: 3px;}
.classify {margin-top: 20px;margin-left: -2%;}
.classifyList {width: 48%;margin-left: 2%;float: left;margin-bottom: 15px;}
.classifyList b {font-size: 14px;line-height: 30px;height: 30px;overflow: hidden;border-bottom: 1px solid #3687d9;margin-bottom: 10px;display:block;}
.classifyList b a {color: #3687d9;}
.classifyList b a.more {color: #999;float: right;font-weight: normal;font-size: 12px;}
.classifyList b a.more:hover {color: #3687d9;}
.classifyList p {font-size: 12px;line-height: 25px;color: #999;font-weight: lighter;}
.classifyList p a {color: #333;font-weight: normal;margin: 0 6px;}
.classifyList p a:hover {color: #3687d9;}
.classifyList p a:first-child {margin-left: 0;}
.subTitle h3 a {color: #333;}

/*supply*/
.supply{/*height: 544px;*/background: #f5f5f5;padding-bottom: 20px;}
.supply .supply-list .classinfo{width: 200px;height: auto;overflow: hidden; background: #fff;}
.supply .supply-list .classinfo ul li {line-height: 49px;height: 49px;border-bottom: 1px solid #eeeeee;overflow: hidden; }
.supply .supply-list .classinfo ul li:hover { background: #4b90e2;}
.supply .supply-list .classinfo ul li .c1{float: left;display: block;width: 100%;text-align: center;}
.supply .supply-list .classinfo ul li .c1 a{font-size: 16px;color: #333;}
.supply .supply-list .classinfo ul li:hover .c1 a{font-size: 16px;color: #fff;}
.supply .supply-list .classinfo ul li div.listitem {width: 977px; height: 478px;;overflow: hidden;background: #ffffff;border: #cbcbcb 1px solid;z-index: 9999;position: absolute;margin-left: 200px;padding: 10px;overflow-y:auto}
.supply .supply-list .classinfo ul li div.listitem::-webkit-scrollbar {/*滚动条整体样式*/width: 8px; height: 1px;/*高宽分别对应横竖滚动条的尺寸*/}
.supply .supply-list .classinfo ul li div.listitem::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
	border-radius: 10px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: #6ba5ea;}
.supply .supply-list .classinfo ul li div.listitem::-webkit-scrollbar-track {/*滚动条里面轨道*/
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 10px;background: #EDEDED;}
.supply .supply-list .classinfo ul li div.l1{display:none}
.supply .supply-list .classinfo ul li div.l3{margin-top:-50px; display:none;}
.supply .supply-list .classinfo ul li div.l4{margin-top:-100px; display:none;}
.supply .supply-list .classinfo ul li div.l5{margin-top:-150px; display:none;}
.supply .supply-list .classinfo ul li div.l6{margin-top:-200px; display:none;}
.supply .supply-list .classinfo ul li div.l7{margin-top:-250px; display:none}
.supply .supply-list .classinfo ul li div.l8{margin-top:-300px; display:none}
.supply .supply-list .classinfo ul li div.l9{margin-top:-350px; display:none}
.supply .supply-list .classinfo ul li div.l10{margin-top:-400px; display:none}
.supply .supply-list .classinfo ul li div.l2{margin-top:-450px; display:none;}

.supply .supply-list .classinfo ul li i{background: url(../images/2021-list.png) no-repeat;display: block;width: 49px;height: 49px;float: left;margin-left: 30px;margin-right: -40px;}
.supply .supply-list .classinfo ul li i.llist1{background-position: 7px 7px;}
.supply .supply-list .classinfo ul li:hover i.llist1{background-position: -29px 7px;}

.supply .supply-list .classinfo ul li i.llist3{background-position: 7px -45px;}
.supply .supply-list .classinfo ul li:hover i.llist3{background-position: -29px -45px;}

.supply .supply-list .classinfo ul li i.llist4{background-position: 7px -95px;}
.supply .supply-list .classinfo ul li:hover i.llist4{background-position: -29px -95px;}

.supply .supply-list .classinfo ul li i.llist5{background-position: 7px -140px;}
.supply .supply-list .classinfo ul li:hover i.llist5{background-position: -29px -140px;}

.supply .supply-list .classinfo ul li i.llist6{background-position: 7px -190px;}
.supply .supply-list .classinfo ul li:hover i.llist6{background-position: -29px -190px;}

.supply .supply-list .classinfo ul li i.llist7{background-position: 7px -240px;}
.supply .supply-list .classinfo ul li:hover i.llist7{background-position: -29px -240px;}


.supply .supply-list .classinfo ul li i.llist8{background-position: 7px -287px;}
.supply .supply-list .classinfo ul li:hover i.llist8{background-position: -29px -287px;}

.supply .supply-list .classinfo ul li i.llist9{background-position: 7px -340px;}
.supply .supply-list .classinfo ul li:hover i.llist9{background-position: -29px -340px;}

.supply .supply-list .classinfo ul li i.llist10{background-position: 7px -388px;}
.supply .supply-list .classinfo ul li:hover i.llist10{background-position: -29px -388px;}

.supply .supply-list .classinfo ul li i.llist2{background-position: 7px -435px;}
.supply .supply-list .classinfo ul li:hover i.llist2{background-position: -29px -435px;}



.supply .supply-box{width: 990px;margin-top: 10px;margin-left: 10px;}
.supply .supply-box .picbox{width: 730px;height: 280px;overflow: hidden; margin-bottom: 10px;}
.supply .supply-box .picbox{position: relative;padding-bottom: 28px;}
.supply .supply-box .picbox .num{position: absolute;right: 50%;z-index: 999;bottom: 10px;height: 20px;}
.supply .supply-box .picbox .num li{float: left;margin: 5px 0px 0px 7px;background: #CFCFCF;text-indent: -999999px;cursor: pointer;width: 12px;height: 12px; border-radius: 20px;}
.supply .supply-box .picbox .num li.hoverclass{background:#f60;}
.supply .supply-box .picbox .bd ul{overflow: hidden;height: 320px;}
.supply .supply-box .probbox{width: 730px; overflow: hidden;position: relative;}
.supply .supply-box .probbox ul li{float: left;width: 20%;text-align: center; box-sizing: border-box;border-right: 1px solid #f0f0f0;border-bottom: 1px solid #f0f0f0;background: #fff;
padding: 10px 0;margin: 0 5px; }
.supply .supply-box .probbox ul li .image{height: 105px;position: relative;}
.supply .supply-box .probbox ul li .image img{ max-height: 105px; position: absolute;top: 0;left: 0;bottom: 0;right: 0; margin: auto;}
.supply .supply-box .probbox ul li p{font-size: 14px;height: 18px;overflow: hidden;margin-top: 6px;padding: 0 8px;color: #333;}
.supply .supply-box .probbox ul li span{font-size: 14px;color: #f10000;margin-top: 5px;
display: block;padding: 0 12px;}
.supply .supply-box .probbox ul li:hover p{color:#3687d9;}
.supply .supply-box .probbox .preNext{width: 36px;border-radius: 50%; -webkit-border-radius: 50%;; -moz-border-radius: 50%; -ms-border-radius: 50%;height: 36px;position: absolute;top: 45%;
cursor: pointer;}
.supply .supply-box .probbox .next{right: 0; background:rgba(0,0,0,0.3) url(../images/2021-right.png) no-repeat 8px center;margin-right:-18px;}
.supply .supply-box .probbox .prev{left: 0; background:rgba(0,0,0,0.3) url(../images/2021-left.png) no-repeat 20px center; margin-left:-18px;}
.supply .supply-box .probbox .next:hover{background:rgba(60, 131, 216, 0.71) url(../images/2021-right.png) no-repeat 8px center;}
.supply .supply-box .probbox .prev:hover{background:rgba(60, 131, 216, 0.71) url(../images/2021-left.png) no-repeat 20px center;}
.supply .supply-box .buyright{width: 240px;background: #fff; padding: 4px 4px 10px;}
.supply .supply-box .buyright .titleY{position: relative;height: 36px;margin: 4px 0 4px;}
.supply .supply-box .buyright .titleY h3{padding:8px 0;position: absolute;z-index: 99;	background-color: #fff;}
.supply .supply-box .buyright .titleY h3 a{border-left: 4px solid #3c83d8;line-height: 20px;padding-left: 10px;color: #3c83d8;font-size: 16px;}
.supply .supply-box .buyright .titleY b{background: #e5e5e5;position: absolute;height: 1px;
width: 100px;top: 20px;z-index: 9;right: 40px;}
.supply .supply-box .buyright .titleY a.more {position: absolute;right: 5px;line-height: 30px;color: #999;padding-left: 14px;top: 4px;z-index: 99;}
.supply .supply-box .buyright ul li{font-size: 12px;padding-left: 24px;clear: both;overflow: hidden;height: 36px;line-height: 36px;background: url(http://www.app17.com/images/2020qiu.png) 0 50% no-repeat;background-size: 20px;}
.supply .supply-box .buyright ul li .f1{width: 34%;float: left;font-size: 12px;color: #333;}
.supply .supply-box .buyright ul li .f2{width: 42%;float: left;font-size: 12px;color: #3c83d8;font-weight: bold;}
.supply .supply-box .buyright ul li .f3{width: 24%;float: right;color: #999;}
.supply .supply-box .buyright ul li:hover{background: #efefef url(http://www.app17.com/images/2020qiu.png?v=V1.0) 0 50% no-repeat;background-size: 20px;}
.hyTitle span a.inquiry-btn {float: right;top: 3px;right: 0;font-size: 14px;color: #fff;line-height: 32px;padding: 0 20px;border-radius: 17px;background-image: linear-gradient(to left, #ff8a00,#ff5a00);
    align-content: center; display: table-cell;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5a00', endColorstr='#ff8a00',GradientType=0 );
 box-shadow: 0px 2px 4px 0px rgba(255, 88, 0, 0.58);}
/*supply end*/
/*listpro*/
.listpro{overflow: hidden;margin-top: 18px; }
.listpro h1{line-height: 50px;}
.listpro .listxx{background: #fff; overflow: hidden;}
.listpro .listxx .lcompy{width: 240px;float: left;padding: 10px;position: relative;}
.listpro .listxx .lcompy h2{ font-size: 28px;text-align: center;position: relative;z-index: 9999;
letter-spacing: 8px; top: 24px;}
.listpro .listxx .lcompy span{  position: absolute;font-size: 38px;right: 18px;top: 14px;letter-spacing: 3px; margin: 0 auto;}
.listpro .listxx .lcompy .lcompy-txt{background: #fff;overflow: hidden;margin-top: 38px;}
.listpro .listxx .lcompy .lcompy-txt dl{padding: 4.8px 2px;overflow: hidden;}
.listpro .listxx .lcompy .lcompy-txt dl dt{width: 60px;float: left;height: 74px;text-align: center;}
.listpro .listxx .lcompy .lcompy-txt dl dt a{height: 53px; position: absolute;display: block;width: 60px;}
.listpro .listxx .lcompy .lcompy-txt dl dt font.gsnf{background: url(http://www.app17.com/images/2020vyear.png) no-repeat 50% 50%;display: inline-block;width: 60px;font-size: 12px;color: white;
    text-indent: 15px;margin-top: 53px;display: block;background-size: 45px;}
.listpro .listxx .lcompy .lcompy-txt dl dt font.gsnf .cc {font-weight: bold;font-size: 12px;margin-right: 1px;	}
.listpro .listxx .lcompy .lcompy-txt dl dt img{max-width: 60px;max-height: 50px; position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto;}
.listpro .listxx .lcompy .lcompy-txt dl dd{width: 170px;float: right;} 
.listpro .listxx .lcompy .lcompy-txt dl dd h3{height: 38px;overflow: hidden;}
.listpro .listxx .lcompy .lcompy-txt dl dd h3 a{font-size: 14px;line-height: 18px;color: #333;font-weight: 700;}
.listpro .listxx .lcompy .lcompy-txt dl dd p{font-size: 12px;line-height: 16px;color: #999;height: 32px;overflow: hidden;}
.listpro .listxx .rproq{float: left;width: 940px;}
.listpro .listxx .rproq .rpro .rpro-list{height: 40px;background: #efefef;}
.listpro .listxx .rproq .rpro .rpro-list ul li{float: left;width: 12.5%;text-align: center;  line-height: 40px;font-size: 16px;}
.listpro .listxx .rproq .rpro .rpro-list ul li a{color: #333;display: block;text-overflow: ellipsis;white-space: nowrap;vertical-align: middle;overflow: hidden;}
.listpro .listxx .rproq .rpro .rpro-list ul li.hoverclass a{color:#fff;}
.listpro .listxx .rproq .rpro .bd{overflow: hidden;}
.listpro .listxx .rproq .rpro .bd .proList{overflow: hidden;}
.listpro .listxx .rproq .rpro .bd .proList ul li{width: 20%;float: left;}
.listpro .listxx .rproq .rpro .bd .proList ul li .item{margin: 10px 4px 0;text-align: center;}
.listpro .listxx .rproq .rpro .bd .proList ul li .item .image{height: 140px;position:relative;}
.listpro .listxx .rproq .rpro .bd .proList ul li .item .image img{position: absolute;top: 0;left: 0;bottom: 0;right: 0; margin: auto;max-height: 140px;}
.listpro .listxx .rproq .rpro .bd .proList ul li .item p{font-size: 14px;height: 24px;line-height: 24px;overflow: hidden;margin-top: 8px;}
.listpro .listxx .rproq .rpro .bd .proList ul li .item p a{color: #333;}
.listpro .listxx .rproq .rpro .bd .proList ul li .item span b{color: rgb(255, 0, 0);font-size: 13px;}

.listpro .listxx .rproq .rproxc{margin-top: 12px;}
.listpro .listxx .rproq .rproxc .rproxc-list{height: 38px;border-bottom: 1px solid #e4e4e4;
border-top: 1px solid #e4e4e4;}
.listpro .listxx .rproq .rproxc .rproxc-list ul li{float: left;width: 12.5%;text-align: center;
line-height: 36px;font-size: 16px;}
.listpro .listxx .rproq .rproxc .rproxc-list ul li a{color: #333;display: block;}

.listpro .listxx .rproq .rproxc .bd .procxList{overflow: hidden;clear: both;}
.listpro .listxx .rproq .rproxc .bd .procxList ul li{width: 20%;float: left;}
.listpro .listxx .rproq .rproxc .bd .procxList ul li .item{margin: 10px 4px 0;text-align: center;}
.listpro .listxx .rproq .rproxc .bd .procxList ul li .item .image{height: 140px;position:relative;}
.listpro .listxx .rproq .rproxc .bd .procxList ul li .item .image img{position: absolute;top: 0;left: 0;bottom: 0;right: 0; margin: auto;max-height: 140px;}
.listpro .listxx .rproq .rproxc .bd .procxList ul li .item p{font-size: 14px;height: 24px;line-height: 24px;overflow: hidden;margin-top: 8px;}
.listpro .listxx .rproq .rproxc .bd .procxList ul li .item p a{color: #333;}
.listpro .listxx .rproq .rproxc .bd .procxList ul li .item span{display: block;font-size: 12px;color: #999999;height: 22px;line-height: 22px;overflow: hidden;}
.listpro .listxx .rproq .rproxc .bd .procxList ul li .item span .cxjg{color:red;font-weight: bold; font-size: 14px;}
.listpro .listxx .rproq .rproxc .bd .procxList ul li .item span .yjg{text-decoration: line-through; color:#999999;margin-left:20px;}
.listpro .listxx .rproq .rproxc .bd .procxList ul li .item span a{color: #999;}
.listpro .listxx .rproq .lb{ padding: 5px 4px 5px 4px;border-top: 1px solid #eee;margin: 8px 0;border-bottom: 1px solid #eee;}
.listpro .listxx .rproq .lb a{display: inline-block;font-size: 13px;padding: 5px 8px;color: #44484c;}
.listpro .listxx .rproq .ksczlist{overflow: hidden;padding-left: 10px;}
.listpro .listxx .rproq .ksczlist p{/*color: #3c83d8;*/font-size: 14px;font-weight: bold;margin-bottom: 8px;float: left;}
.listpro .listxx .rproq .ksczlist .ksczlista{float: left;width: 92.2%;}
.listpro .listxx .rproq .ksczlist .ksczlista a{ display: inline-block;font-size: 13px;padding: 0px 4px 0 0;color: #44484c;width: 86px;text-overflow: ellipsis; white-space: nowrap;vertical-align: middle;overflow: hidden;}
.listpro .listxx .rproq .ksczlist .ksczlista ul li{float: left;width: 11%;text-align: center;}
.listpro .listxx .rproq .ksczlist .ksczlista ul li a div{width: 90px;height: 60px; position: relative;display: none;}
.listpro .listxx .rproq .ksczlist .ksczlista ul li a div img{max-width: 90px;max-height: 60px;position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto;}
.listpro .listxx .rproq .ksczlist .ksczlista ul li a p{float: left;color: #44484c;font-weight: normal;text-overflow: ellipsis;white-space: nowrap;vertical-align: middle;overflow: hidden;width: 86px;
    text-align: left;font-size: 13px;/*margin-bottom: 4px;*/}
.listpro .listxx { border-top: 2px solid #6fa4e2;}
.listpro .listxx .lcompy{background: #6fa4e2;}
.listpro .listxx .lcompy h2{color: #5284bd;}
.listpro .listxx .lcompy span{color: #9dc5f3;}
.listpro .listxx .lcompy .lcompy-txt dl:hover dd h3 a{color: #5284bd;font-weight: bold;}
.listpro .listxx .rproq .rpro-list ul li.hoverclass{background: #6fa4e2;}
.listpro .listxx .rproq .rproxc .rproxc-list ul li.hoverclass a{color:#6fa4e2;border-bottom: 2px solid #6fa4e2;font-weight: bold;}
.listpro .listxx .rproq .rpro .bd .proList ul li:hover .item p a{color: #5284bd;font-weight: bold;}
.listpro .listxx .rproq .rproxc .bd .procxList ul li:hover .item p a{color: #5284bd;font-weight: bold;}
.listpro .listxx .rproq .lb a:hover{color: #5284bd;font-weight: bold;}
.listpro .listxx .rproq .bt{font-size: 17px;font-weight: bold;text-indent: 8px;margin-bottom: 10px;margin-left: 4px;}

.list1 .listxx { border-top: 2px solid #6fa4e2;}
.list1 .listxx .lcompy{background: #6fa4e2;}
.list1 .listxx .lcompy h2{color: #5284bd;}
.list1 .listxx .lcompy span{color: #9dc5f3;}
.list1 .listxx .lcompy .lcompy-txt dl:hover dd h3 a{color: #5284bd;font-weight: bold;}
.listpro .listxx .rproq .rpro1-list ul li.hoverclass{background: #6fa4e2;}
.listpro .listxx .rproq .rproxc1 .rproxc1-list ul li.hoverclass a{color:#6fa4e2;border-bottom: 2px solid #6fa4e2;font-weight: bold;}
.listpro .listxx .rproq .rpro1 .bd .proList ul li:hover .item p a{color: #5284bd;font-weight: bold;}
.listpro .listxx .rproq .rproxc1 .bd .procxList ul li:hover .item p a{color: #5284bd;font-weight: bold;}
.list1 .listxx .rproq .lb a:hover{color: #5284bd;font-weight: bold;}
.list1 .listxx .rproq .ksczlist p{color: #5284bd;font-size: 14px;font-weight: bold;margin-bottom: 8px;float: left;}
.list1 .listxx .rproq .ksczlist .ksczlista a:hover{color: #5284bd;}
.list1 .listxx .rproq .bt{border-left: 4px solid #5284bd;color: #5284bd;}
.list1 .listxx .rproq .ksczlist .ksczlista ul li:hover a p{color: #5284bd;}
/*1end*/
.list2 .listxx { border-top: 2px solid #9cb9cc;}
.list2 .listxx .lcompy{background: #9cb9cc;}
.list2 .listxx .lcompy h2{color: #7195ad;}
.list2 .listxx .lcompy span{color: #afcfe4;}
.list2 .listxx .lcompy .lcompy-txt dl:hover dd h3 a{color: #7195ad;font-weight: bold;}
.listpro .listxx .rproq .rpro2-list ul li.hoverclass{background: #9cb9cc;}
.listpro .listxx .rproq .rproxc2 .rproxc2-list ul li.hoverclass a{color:#9cb9cc;border-bottom: 2px solid #9cb9cc;font-weight: bold;}
.listpro .listxx .rproq .rpro2 .bd .proList ul li:hover .item p a{color: #7195ad;font-weight: bold;}
.listpro .listxx .rproq .rproxc2 .bd .procxList ul li:hover .item p a{color: #7195ad;font-weight: bold;}
.list2 .listxx .rproq .lb a:hover{color: #7195ad;font-weight: bold;}
.list2 .listxx .rproq .ksczlist p{color: #7195ad;font-size: 14px;font-weight: bold;margin-bottom: 8px;float: left;}
.list2 .listxx .rproq .ksczlist .ksczlista a:hover{color: #7195ad;}
.list2 .listxx .rproq .bt{border-left: 4px solid #7195ad;color: #7195ad;}
.list2 .listxx .rproq .ksczlist .ksczlista ul li:hover a p{color: #7195ad;}
/*2end*/
.list3 .listxx { border-top: 2px solid #c7bc99;}
.list3 .listxx .lcompy{background: #c7bc99;}
.list3 .listxx .lcompy h2{color: #a7986a;}
.list3 .listxx .lcompy span{color: #dcd2b3;}
.list3 .listxx .lcompy .lcompy-txt dl:hover dd h3 a{color: #a7986a;font-weight: bold;}
.listpro .listxx .rproq .rpro3-list ul li.hoverclass{background: #c7bc99;}
.listpro .listxx .rproq .rproxc3 .rproxc3-list ul li.hoverclass a{color:#c7bc99;border-bottom: 2px solid #c7bc99;font-weight: bold;}
.listpro .listxx .rproq .rpro3 .bd .proList ul li:hover .item p a{color: #a7986a;font-weight: bold;}
.listpro .listxx .rproq .rproxc3 .bd .procxList ul li:hover .item p a{color: #a7986a;font-weight: bold;}
.list3 .listxx .rproq .lb a:hover{color: #a7986a;font-weight: bold;}
.list3 .listxx .rproq .ksczlist p{color: #a7986a;font-size: 14px;font-weight: bold;margin-bottom: 8px;float: left;}
.list3 .listxx .rproq .ksczlist .ksczlista a:hover{color: #a7986a;}
.list3 .listxx .rproq .bt{border-left: 4px solid #a7986a;color: #a7986a;}
.list3 .listxx .rproq .ksczlist .ksczlista ul li:hover a p{color: #a7986a;}
/*3end*/
.list4 .listxx { border-top: 2px solid #d6a0a8;}
.list4 .listxx .lcompy{background: #d6a0a8;}
.list4 .listxx .lcompy h2{color: #ab737b;}
.list4 .listxx .lcompy span{color: #efc5cc;}
.list4 .listxx .lcompy .lcompy-txt dl:hover dd h3 a{color: #ab737b;font-weight: bold;}
.listpro .listxx .rproq .rpro4-list ul li.hoverclass{background: #d6a0a8;}
.listpro .listxx .rproq .rproxc4 .rproxc4-list ul li.hoverclass a{color:#d6a0a8;border-bottom: 2px solid #d6a0a8;font-weight: bold;}
.listpro .listxx .rproq .rpro4 .bd .proList ul li:hover .item p a{color: #ab737b;font-weight: bold;}
.listpro .listxx .rproq .rproxc4 .bd .procxList ul li:hover .item p a{color: #ab737b;font-weight: bold;}
.list4 .listxx .rproq .lb a:hover{color: #ab737b;font-weight: bold;}
.list4 .listxx .rproq .ksczlist p{color: #ab737b;font-size: 14px;font-weight: bold;margin-bottom: 8px;float: left;}
.list4 .listxx .rproq .ksczlist .ksczlista a:hover{color: #ab737b;}
.list4 .listxx .rproq .bt{border-left: 4px solid #ab737b;color: #ab737b;}
.list4 .listxx .rproq .ksczlist .ksczlista ul li:hover a p{color: #ab737b;}
/*4end*/
.list5 .listxx { border-top: 2px solid #97c0b1;}
.list5 .listxx .lcompy{background: #97c0b1;}
.list5 .listxx .lcompy h2{color: #6e9889;}
.list5 .listxx .lcompy span{color: #b2d6c9;}
.list5 .listxx .lcompy .lcompy-txt dl:hover dd h3 a{color: #6e9889;font-weight: bold;}
.listpro .listxx .rproq .rpro5-list ul li.hoverclass{background: #97c0b1;}
.listpro .listxx .rproq .rproxc5 .rproxc5-list ul li.hoverclass a{color:#97c0b1;border-bottom: 2px solid #97c0b1;font-weight: bold;}
.listpro .listxx .rproq .rpro5 .bd .proList ul li:hover .item p a{color: #6e9889;font-weight: bold;}
.listpro .listxx .rproq .rproxc5 .bd .procxList ul li:hover .item p a{color: #6e9889;font-weight: bold;}
.list5 .listxx .rproq .lb a:hover{color: #6e9889;font-weight: bold;}
.list5 .listxx .rproq .ksczlist p{color: #6e9889;font-size: 14px;font-weight: bold;margin-bottom: 8px;float: left;}
.list5 .listxx .rproq .ksczlist .ksczlista a:hover{color: #6e9889;}
.list5 .listxx .rproq .bt{border-left: 4px solid #6e9889;color: #6e9889;}
.list5 .listxx .rproq .ksczlist .ksczlista ul li:hover a p{color: #6e9889;}
/*5end*/
.list6 .listxx { border-top: 2px solid #ecc7a6;}
.list6 .listxx .lcompy{background: #ecc7a6;}
.list6 .listxx .lcompy h2{color: #ca9d76;}
.list6 .listxx .lcompy span{color: #fbddc3;}
.list6 .listxx .lcompy .lcompy-txt dl:hover dd h3 a{color: #ca9d76;font-weight: bold;}
.listpro .listxx .rproq .rpro6-list ul li.hoverclass{background: #ecc7a6;}
.listpro .listxx .rproq .rproxc6 .rproxc6-list ul li.hoverclass a{color:#ecc7a6;border-bottom: 2px solid #ecc7a6;font-weight: bold;}
.listpro .listxx .rproq .rpro6 .bd .proList ul li:hover .item p a{color: #ca9d76;font-weight: bold;}
.listpro .listxx .rproq .rproxc6 .bd .procxList ul li:hover .item p a{color: #ca9d76;font-weight: bold;}
.list6 .listxx .rproq .lb a:hover{color: #ca9d76;font-weight: bold;}
.list6 .listxx .rproq .ksczlist p{color: #ca9d76;font-size: 14px;font-weight: bold;margin-bottom: 8px;float: left;}
.list6 .listxx .rproq .ksczlist .ksczlista a:hover{color: #ca9d76;}
.list6 .listxx .rproq .bt{border-left: 4px solid #ca9d76;color: #ca9d76;}
.list6 .listxx .rproq .ksczlist .ksczlista ul li:hover a p{color: #ca9d76;}
/*6end*/
.list7 .listxx { border-top: 2px solid #a9adcb;}
.list7 .listxx .lcompy{background: #a9adcb;}
.list7 .listxx .lcompy h2{color: #797ea5;}
.list7 .listxx .lcompy span{color: #c1c5de;}
.list7 .listxx .lcompy .lcompy-txt dl:hover dd h3 a{color: #797ea5;font-weight: bold;}
.listpro .listxx .rproq .rpro7-list ul li.hoverclass{background: #a9adcb;}
.listpro .listxx .rproq .rproxc7 .rproxc7-list ul li.hoverclass a{color:#a9adcb;border-bottom: 2px solid #a9adcb;font-weight: bold;}
.listpro .listxx .rproq .rpro7 .bd .proList ul li:hover .item p a{color: #797ea5;font-weight: bold;}
.listpro .listxx .rproq .rproxc7 .bd .procxList ul li:hover .item p a{color: #797ea5;font-weight: bold;}
.list7 .listxx .rproq .lb a:hover{color: #797ea5;font-weight: bold;}
.list7 .listxx .rproq .ksczlist p{color: #797ea5;font-size: 14px;font-weight: bold;margin-bottom: 8px;float: left;}
.list7 .listxx .rproq .ksczlist .ksczlista a:hover{color: #797ea5;}
.list7 .listxx .rproq .bt{border-left: 4px solid #797ea5;color: #797ea5;}
.list7 .listxx .rproq .ksczlist .ksczlista ul li:hover a p{color: #797ea5;}
/*7end*/
.list8 .listxx { border-top: 2px solid #dac5b3;}
.list8 .listxx .lcompy{background: #dac5b3;}
.list8 .listxx .lcompy h2{color: #b39e8c;}
.list8 .listxx .lcompy span{color: #f1dfcf;}
.list8 .listxx .lcompy .lcompy-txt dl:hover dd h3 a{color: #b39e8c;font-weight: bold;}
.listpro .listxx .rproq .rpro8-list ul li.hoverclass{background: #dac5b3;}
.listpro .listxx .rproq .rproxc8 .rproxc8-list ul li.hoverclass a{color:#dac5b3;border-bottom: 2px solid #dac5b3;font-weight: bold;}
.listpro .listxx .rproq .rpro8 .bd .proList ul li:hover .item p a{color: #b39e8c;font-weight: bold;}
.listpro .listxx .rproq .rproxc8 .bd .procxList ul li:hover .item p a{color: #b39e8c;font-weight: bold;}
.list8 .listxx .rproq .lb a:hover{color: #b39e8c;font-weight: bold;}
.list8 .listxx .rproq .ksczlist p{color: #b39e8c;font-size: 14px;font-weight: bold;margin-bottom: 8px;float: left;}
.list8 .listxx .rproq .ksczlist .ksczlista a:hover{color: #b39e8c;}
.list8 .listxx .rproq .bt{border-left: 4px solid #b39e8c;color: #b39e8c;}
.list8 .listxx .rproq .ksczlist .ksczlista ul li:hover a p{color: #b39e8c;}
/*8end*/
.list9 .listxx { border-top: 2px solid #84afe2;}
.list9 .listxx .lcompy{background: #84afe2;}
.list9 .listxx .lcompy h2{color: #5a81af;}
.list9 .listxx .lcompy span{color: #99c8ff;}
.list9 .listxx .lcompy .lcompy-txt dl:hover dd h3 a{color: #5a81af;font-weight: bold;}
.listpro .listxx .rproq .rpro9-list ul li.hoverclass{background: #84afe2;}
.listpro .listxx .rproq .rproxc9 .rproxc9-list ul li.hoverclass a{color:#84afe2;border-bottom: 2px solid #84afe2;font-weight: bold;}
.listpro .listxx .rproq .rpro9 .bd .proList ul li:hover .item p a{color: #5a81af;font-weight: bold;}
.listpro .listxx .rproq .rproxc9 .bd .procxList ul li:hover .item p a{color: #5a81af;font-weight: bold;}
.list9 .listxx .rproq .lb a:hover{color: #5a81af;font-weight: bold;}
.list9 .listxx .rproq .ksczlist p{color: #5a81af;font-size: 14px;font-weight: bold;margin-bottom: 8px;float: left;}
.list9 .listxx .rproq .ksczlist .ksczlista a:hover{color: #5a81af;}
.list9 .listxx .rproq .bt{border-left: 4px solid #5a81af;color: #5a81af;}
.list9 .listxx .rproq .ksczlist .ksczlista ul li:hover a p{color: #5a81af;}
/*9end*/
.list10 .listxx { border-top: 2px solid #97a2c0;}
.list10 .listxx .lcompy{background: #97a2c0;}
.list10 .listxx .lcompy h2{color: #6b7aa0;}
.list10 .listxx .lcompy span{color: #b8c0d6;}
.list10 .listxx .lcompy .lcompy-txt dl:hover dd h3 a{color: #6b7aa0;font-weight: bold;}
.listpro .listxx .rproq .rpro10-list ul li.hoverclass{background: #97a2c0;}
.listpro .listxx .rproq .rproxc10 .rproxc10-list ul li.hoverclass a{color:#97a2c0;border-bottom: 2px solid #97a2c0;font-weight: bold;}
.listpro .listxx .rproq .rpro10 .bd .proList ul li:hover .item p a{color: #6b7aa0;font-weight: bold;}
.listpro .listxx .rproq .rproxc10 .bd .procxList ul li:hover .item p a{color: #6b7aa0;font-weight: bold;}
.list10 .listxx .rproq .lb a:hover{color: #6b7aa0;font-weight: bold;}
.list10 .listxx .rproq .ksczlist p{color: #6b7aa0;font-size: 14px;font-weight: bold;margin-bottom: 8px;float: left;}
.list10 .listxx .rproq .ksczlist .ksczlista a:hover{color: #6b7aa0;}
.list10 .listxx .rproq .bt{border-left: 4px solid #6b7aa0;color: #6b7aa0;}
.list10 .listxx .rproq .ksczlist .ksczlista ul li:hover a p{color: #6b7aa0;}
/*10end*/

/*listpro*/
/*supp-yqdg*/
.supp-yqdg{background: #fff;padding: 10px;margin-top: 10px;overflow: hidden;}
.supp-yqdg p.bt{color: #3c83d8;font-size: 14px;font-weight: bold;border-left: 4px solid #3c83d8; text-indent: 8px; float: left;}
.supp-yqdg .yqdg{ float: left;margin-left: 20px;width: 80%;}
.supp-yqdg .yqdg ul li{float: left;margin-right: 20px;position: relative;text-indent: 10px;}
.supp-yqdg .yqdg ul li:before {width: 6px;height: 6px;position: absolute;background-color: #ccc;
left: 0px; top: 8px; content: ""; border-radius: 50px;}
.supp-yqdg .yqdg ul li a{line-height: 20px; color: #333;}
.supp-yqdg .yqdg ul li:hover a{color: #3c83d8;}
.supp-yqdg .yqdg ul li:hover:before{background-color: #3c83d8;}
/*supp-yqdg*/
/*supp-kscz*/
.supp-kscz{background: #fff;padding: 10px;margin-top: 10px;}
.supp-kscz p.bt{color: #3c83d8;font-size: 18px;font-weight: bold;border-left: 4px solid #3c83d8; text-indent: 8px; margin-bottom: 10px;}
.supp-kscz .group1{ width:1180px; border-bottom:1px dotted #cbcbcb; overflow:hidden;}
.supp-kscz .group1_l{width: 80px;float:left;text-indent: 4px;margin:12px 0px;color:#3c83d8;font-size: 14px;}
.supp-kscz .group1_c{ float:left; width:1028px;}
.supp-kscz .group1_c a{color: #333;display:block;float:left;padding: 10px 12px 10px 0;width: 116px;white-space: nowrap;overflow: hidden;vertical-align: middle;color: #333;text-overflow: ellipsis;font-size: 14px;}
.supp-kscz .group1_c a:hover{ color:#f60;}
.supp-kscz .group1_r{ float:right; width:60px;}
.supp-kscz .group1_r p{  height:22px; width:53px; line-height:22px;margin-top: 12px;margin-right: 30px; text-indent:8px;}
.supp-kscz .group1_r p a{color:#999999; display:block;height:22px; width:53px;cursor: pointer;}
.supp-kscz .group1_r p a:hover{ color:#f60;}
.supp-kscz .showmore{ background:url(http://www.app17.com/images/cpmore.png) no-repeat;}
.supp-kscz .showless{ background:url(http://www.app17.com/images/cpmore1.png) no-repeat;}
/*supp-kscz*/
.zxz{background: #fff;overflow: hidden;margin: 10px 0 0;padding: 10px;}
/*lzxfb*/
.lzxfb{width: 71%;float: left;margin-right: 1%;}
.lzxfb .lzxfb-bt{overflow: hidden; border-bottom: 1px solid #eee; padding: 6px 0;}
.lzxfb .lzxfb-bt p{float: left;font-size: 22px;border-left: 4px solid #3c83d8;text-indent: 10px; }
.lzxfb .lzxfb-bt span{float: right;color: #999;line-height: 28px;}
.lzxfb ul li{ width: 33%; float: left; margin: 6.5px 0.15%;}
.lzxfb ul li .zxfbfont{font-size: 15px;color: #333;line-height: 24px; overflow: hidden;  height: 45px;-webkit-box-orient: vertical;display:block; -webkit-line-clamp: 2;}
.lzxfb ul li .zxjmtime{display: block;color: #999;margin-top: 8px;}
.lzxfb ul li:hover a.zxfbfont{color:#4285f4; }
/*lzxfb*/
/*rzxjm*/
.rzxjm{width: 28%;float: right;}
.rzxjm .rzxjm-bt{overflow: hidden; border-bottom: 1px solid #eee; padding: 6px 0;}
.rzxjm .rzxjm-bt p{float: left;font-size: 22px;border-left: 4px solid #3c83d8;text-indent: 10px; }
.rzxjm .rzxjm-bt span{float: right;color: #999;line-height: 28px;}
.rzxjm ul li{float: left;width: 100%;height: 42px;line-height: 42px;position: relative;overflow: hidden;}
.rzxjm ul li .gsfontbox_t .gsnf{background: url(http://www.app17.com/images/2020vyear.png) no-repeat 0px 50%;display: inline-block;width: 55px;font-size: 12px;color: white;text-indent: 18px;}
.rzxjm ul li .gsfontbox_t .gsnf .cc{font-weight: bold; font-size: 13px;margin-right: 1px;}
.rzxjm ul li .gsfontbox_t .gsfont_l{font-size: 16px;color: #333;}
.rzxjm ul li:hover .gsfontbox_t .gsfont_l{color: #ff7626;}
/*rzxjm*/
/*friendlink*/
.friendlink{ background:#efefef; clear: both;overflow: hidden;padding: 30px 0 40px;}
.footlink_top{height: 30px;padding-bottom: 10px;border-bottom: 1px solid #d0d0d0;position: relative;}
.footlink_top ul{margin-left: -15px;width: 40%;float: left;font-size: 20px;line-height: 30px;color: #6b6b6b;font-weight: lighter;}
.footlink_top ul li{font-size: 18px;line-height: 30px;color: #878787;font-weight: bold;display: inline-block;padding: 0 20px;position: relative;cursor: pointer;}
.footlink .footlink_top ul li.cur{color: #989898;}
.footlink .footlink_top ul li.cur b {width: 106px;height: 2px;background: #9d9f9d;position: absolute;top: 38px;left: 50%;margin-left: -43px;}
.footlink .footlink_top span{height: 30px;line-height: 30px;float: right;padding-bottom: 10px;border-bottom: 1px solid #4c4c4c;position: relative;}
.footlink .footlink_top span a{color: #6f6f6f;margin-left: 10px;}
.footlink .footlink_top span a:hover{color: #fff;}
.friendlink_list{ padding-top: 25px;}
.friendlink_list a{font-size: 12px; color: #888888; white-space: nowrap;float: left;margin-bottom: 6px;  margin: 0px 6px 6px;}
.friendlink_list span{float: left;margin-bottom: 6px;color:#a8a8a8;}
.friendlink_list a:hover{color:#ff5e00;}
/*friendlink end*/
/*foot*/
.footer {background-color: #f6f6f6;padding: 10px 0 20px;}
.foot {width: 1200px;margin: 0 auto;overflow: hidden;color: #888888;}
.footLeft {width: 68%;float: left;}
.footTxt {overflow: hidden;padding: 10px 0;}
.footTxt li {width: 20%;float: left;line-height: 30px;font-size: 14px;}
.footTxt li a {color: #888888;}
.footTxt li a:hover {color: #333;}
.copyright1 {font-size: 14px;border-top: 1px solid #dedede;padding-top: 16px;margin-top: 10px;margin-right: 40px;}
.copyright1 a{color: #888888;font-size: 14px;}
ul.footqq {width: 810px;/* height: 26px; */margin-top: 14px;margin-bottom: 14px;overflow: hidden;}
ul.footqq li {width: 110px;float: left;margin-right: 10px;}
ul.footqq li a{width: 102px;height: 26px;display: block;line-height: 26px;background: #f7f7f7 url(http://www.app17.com/images/2020qq.png) 6px 50% no-repeat;text-indent: 30px;border-radius: 30px;color: #616161;letter-spacing: 1px;opacity: 0.7;border: 1px solid #d2d2d2;}
ul.footqq li a:hover{opacity: 1;}
ul.footqq li a  img{border-radius: 14px;}
ul.footImg {width: 810px;height: 48px;margin-top: 14px;margin-bottom: 8px;overflow: hidden;}
ul.footImg li {width: 135px;float: left;margin-right: 2px;}
ul.footImg li a {width: 125px;height: 48px;display: block;opacity: 0.7;}
ul.footImg li a:hover{opacity: 1;}
.copyrightimg img{opacity: 0.3;}
.copyrightimg img:hover{opacity: 1;}
.footRight {width: 30%;float: right;border-left: 1px solid #dedede;margin-top: 20px;text-align: center;padding-left: 20px;}
.footRight i {display: inline-block;width: 80px;height: 77px;background: url(http://www.app17.com/images/foottel1.png) no-repeat ;}
.footRight span {display: block;line-height: 30px;font-size: 16px; color: #616161;}
.hotLine {font-size: 32px;line-height: 50px;font-family: tahoma;}
.footRight p {line-height: 28px;font-size: 14px;}
.footRight p a {display: inline-block;width: 18px;height: 21px;	vertical-align: top;margin-top: 3px;}
.police{text-align: left;margin-top: 10px;}
.police img {display: inline-block;margin-right: 5px;vertical-align: middle;margin-top: -4px;}
.police a {color: #888888;}
.footer-nav-about {display: inline-block;text-align: left;font-size: 0;margin-top: 10px;}
.footer-nav-about dt {margin-bottom: 10px;font-size: 14px;line-height: 18px;color: #737373;}
.footer-nav-about dd {display: inline-block;text-align: left;margin-right: 10px;}
.footer-nav-submenus-link {display: block;font-size: 12px;line-height: 24px;margin-bottom: 4px; color:#737373;}
.footer-nav-submenus-qr {display: block;width: 90px;height: 90px;background-size: 100% 100%;background: none\9;}
.qr-wechat {background-image: url(http://www.app17.com/images/qr-wechat.png);filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.app17.com/images/qr-wechat.png', sizingMethod='scale');}
.qr-weibo {background-image: url(http://www.app17.com/images/qr-wechat1.png);filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.app17.com/images/qr-wechat1.png', sizingMethod='scale');}
.qr-zhihu {background-image: url(http://www.app17.com/images/qr-gongzh.png);filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.app17.com/images/qr-gongzh.png', sizingMethod='scale');}
/*foot*/

.leftBar {position: fixed;left: calc((100% - 1325px)/2);top: 155px;z-index: 99999;background-color: #fff;}
.leftBar a {width: 56px;height: 56px;font-size: 14px;position: relative;display: block;line-height: 18px;color: #999;}
.leftBar a span {padding: 10px 9px;box-sizing: border-box;position: absolute;width: 100%;    text-align: center;/*top: 50%;left: 50%;transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -webkit-transform:translateY(-50%); */}
.leftBar a:hover {color: #fff;background-color: #3687d9;}
.leftBar a.focus {color: #fff;background-color: #3687d9;}
.leftBar a::after {content: "";clear: both;position: absolute;bottom: -1px;width: 70%;left: 15%;
	height: 1px;background-color: #eee;}
.leftBar a:last-child::after {display: none;}

.none {display: block; position:relative;}
.none a i{position: absolute;left: 0;bottom: 0;z-index: 9;width: 24px;height: 12px;background: url(http://www.app17.com/images/2020adv.png) no-repeat;}