/*广告*/

.adbox img{width:590px; height: 70px;}

/*???????????*/

.firstScreen{width:970px; height:498px; float: right; margin-top: 10px;}

/*?????*/

.slideBox{ width:680px; height:300px; overflow:hidden; position:relative;}

.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }

.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;}

.slideBox .hd ul li{ float:left; margin-right:4px;  width:26px; height:5px;background:#fff; cursor:pointer; }

.slideBox .hd ul li.on{ background:#f00; color:#fff; }

.slideBox .bd{ position:relative; height:100%; z-index:0;}

.slideBox .bd li{ zoom:1; vertical-align:middle; }

.slideBox .bd img{ width:680px; height:300px; display:block;}

/*??????*/

.goodProduct h3{font-size: 20px; color:#00a67c;line-height: 30px; font-family: "????"; margin-bottom: 8px;}

.picScroll-left{ width:680px;  overflow:hidden; position:relative;}

.picScroll-left .hd{width:680px;height:30px; position:absolute; top:59px; left:0;}

.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:9px; height:17px; overflow:hidden;

    cursor:pointer; background:url("/resfile/sell/images/arrow.png") no-repeat; margin-top: 6px;}

.picScroll-left .hd .prev{float: left;}

.picScroll-left .hd .next{ background-position:0 -20px; float:right;}

.picScroll-left .bd{margin-left: 40px;}

.picScroll-left .bd ul{ overflow:hidden; zoom:1; }

.picScroll-left .bd ul li{ float:left; _display:inline; overflow:hidden; text-align:center; width:120px; }

.picScroll-left .bd ul li .pic{ text-align:center; }

.picScroll-left .bd ul li .pic img{ width:100px; height:100px; display:inline-block;}

.picScroll-left .bd ul li:hover { border:1px solid #f87a1e; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;}

.picScroll-left .bd ul li .title{ line-height:24px; font-size: 14px;}

/*.tempWrap{margin-left: 40px;}*/

.title a:last-child{color:#f87a1e;font-size: 12px;line-height: 13px;width:100px;margin: 0 auto;display: block;height: 25px;overflow: hidden;}

/*????????*/

.findPro,.news{width:278px; height:297px; border:1px solid #ececec; margin-bottom: 5px;}

.news{height:180px; margin-bottom: 0;}

.findPro h3,.news h3{background: url("/resfile/sell/images/first_h3.png") no-repeat center; height: 50px; line-height: 50px; text-align: center; font-weight: normal; color:#00a67c;}

.messlist{height:40px;}

/*?????????*/

.messlist select{width:200px; height:40px; border:1px solid #f0f0f0; border-radius: 3px; max-height: 300px; font-size: 14px; line-height: 40px;}

.messlist{padding: 0 15px 0 10px; margin-bottom: 15px; overflow: hidden;}

.messlist label{float: left; font-size: 14px; margin-right: 7px; line-height: 40px;}

.findPro button{width:200px; background-color: #00a67c; height:34px; line-height: 34px; border-radius: 3px; color:#fff; font-size: 14px; margin:  40px auto 0; display: block;cursor: pointer;}

/*??????*/

.news li{font-size: 14px; line-height: 40px;}

.txtScroll-top{overflow:hidden; position:relative; }

.txtScroll-top .bd{ padding:0 10px 10px;  }

.txtScroll-top .infoList li{ height:30px; line-height:30px;   }

.txtScroll-top .infoList li .date{ float:right; color:#999;  }

/*???*/

.ad{margin: 10px auto 30px; display: block; height:80px;}

.tempWrap{border:none;}

/*???????*/

.module{margin-bottom: 35px;}

.module h2,.titlediv{border-bottom: 2px solid #00a67c;height:40px;line-height: 40px;font-size: 20px;font-weight: 700;/* font-weight: normal; */padding-left: 18px;background: url("/resfile/sell/images/h2_bg.jpg") no-repeat left center;}

.moduleLeft{width:260px;}

.moduleLeft>a,.moduleLeft>a img{display: block;}

.childLink{height:100px; background-color: #434343;font-size: 14px; line-height: 32px; padding-left: 15px;}

.childLink a{color:#fff; display: inline-block; margin-right: 12px;}

.childLink a:hover{text-decoration:underline }

.moduleCenter{width:636px;}

.moduleCenter li{width:211px; height:239px; border-right:1px solid #eee; border-bottom: 1px solid #eee; text-align: center; font-size: 14px; float: left;}

.moduleCenter li img{transition: all .4s;}

.moduleCenter li:hover{background-color: #fff5ef;}

.moduleCenter li:hover img{transform: scale(1.2);}

.moduleCenter li a{display: block; text-align: center; line-height: 30px;}

.moduleCenter li a img{width:130px; height:130px; margin-bottom:20px}

.moduleCenter li a:first-child{padding-top: 20px;}

.moduleCenter li a:last-child{font-size: 12px; color:#898989;}

.moduleRight{width:303px; height:479px; border-bottom: 1px solid #eee; border-right: 1px solid #eee;}

.moduleRight h6{width: 280px;margin-left: 12px;height: 40px;line-height: 40px;border-bottom: 1px #eee solid;font-size: 16px;color: #555;font-weight: normal;}

.moduleRight ul li{width: 122px;float: left;margin: 18px 0 0 20px;}

.moduleRight ul li .ilogo, .moduleRight ul li .ilogo img {width: 122px;height: 61px;overflow: hidden;position: relative;  }

.moduleRight ul li .ilogo img{/* border: 1px #efefef solid; *//* width: 120px; */height: 100%; width:auto;}

.moduleRight ul li .ilogo{border:1px solid #efefef; text-align:center;}

.moduleRight ul li .ia{width: 100%;height: 14px;line-height: 14px;margin-top: 12px;overflow: hidden;display: block;font-size: 14px;color: #898989;text-align: center;}

.moduleRight ul li .ilogo p{position: absolute;  left: 0;  top: 61px;  width: 100%;  text-align: center;  height: 61px;  background: rgba(0,0,0,0.7);}

.moduleRight ul li .ilogo span{width: 100%;display: block;height: 12px;line-height: 12px;overflow: hidden;font-size: 12px;color: #fff;margin-top: 14px;}

.moduleRight ul li .ilogo a{    display: block;width: 58px;height: 16px;margin: 10px auto 0;text-align: center;line-height: 16px;font-size: 12px;color: #fff;background: #2888e2;border-radius: 4px;overflow: hidden;}

/*??????*/

.bp_con_logo{width:1200px;height:350px;overflow:hidden;margin:30px auto 0;position: relative; margin-bottom: 40px;}

.bp_con_logo .more{position: absolute;right:0;top:0px;height:40px;line-height: 40px;color:#555;font-size:14px;}

.bp_con_logo .tab_ul{width:1000px;height:40px;line-height:40px;position:absolute;right:28px;top:0px;}

.bp_con_logo .tab_ul li{float: left;font-size:14px;color:#555;padding: 0 10px;cursor:pointer;}

.bp_con_logo .tab_ul li.on{color:#fff;border-top-left-radius: 5px;border-top-right-radius: 5px;background:#009966;}

.bp_con_logo .tab_box{width:100%;height:376px;}

.bp_con_logo .tab_box li{width:224px;height: 121px;float:left;overflow:hidden;margin: 16px 0 0 20px;position: relative;border: 1px solid #eaeaea;box-sizing: border-box;/* padding-bottom: 5px; */}

.bp_con_logo .tab_box li .comImg{display: block;border:1px solid #dbdbdb;text-align: center;height: 80px;/* vertical-align: middle; */width: 190px;margin: 0 auto;}

.bp_con_logo .tab_box li:nth-child(1),.bp_con_logo .tab_box li:nth-child(6){margin-left:0;}

.bp_con_logo .tab_box li img{width:132px;height:66px;-webkit-transition:all .1s;-moz-transition:all .1s;-o-transition:all .1s;transition:all .1s;margin-top: 6px;}

.bp_con_logo .tab_box li img:hover{transform: scale(1.1);}

.bp_con_logo .tab_box li div{width:100%;height: auto;line-height: 40px;font-size:14px;color:#898989;text-align:center;}

.bp_con_logo .tab_box li p{width:100%;height:14px;line-height:14px;position: absolute;left:0;top:133px;font-size:14px;color:#f59e35;text-align:center;}

.bp_con_logo .tab_box li:hover .comImg{border-color: #f59e35;}

.bp_con_logo .tab_box li:hover a{color:#f59e35;}



/*左侧悬浮导航*/

#loutinav {width: 60px;position: fixed;top: 100px;left: 230px;display: none;}

#loutinav ul li {width: 50px;height: 50px;list-style: none;font-size: 14px;position: relative;cursor: pointer;background: #f3f3f3;color: #666; margin-bottom: 2px;}

#loutinav ul li span {width: 30px;height: 34px; padding:8px 10px;position: absolute;top: 0;left: 0;text-align: center; line-height:18px;}

#loutinav ul li.last {background: #5e4a4a;color: #fff;border-bottom: 1px solid #ddd;}

#loutinav ul li.active span{background: #00a67c;color: #fff;display: block;}

#loutinav ul li.active span a{color:#fff;}

#loutinav ul li span a:hover{color:#fff;}

#loutinav ul li:hover span {background: #00a67c;color: #fff;display: block;  }

#main {width: 1000px;background: #66ff66;margin: 0 auto;  }

#main .louti {height: 600px;width: 1000px;font-size: 50px;color: #fff;font-weight: bold;text-align: center;line-height: 600px;}

@media screen and (max-width: 1820px) {

    #loutinav{left:5px;}

}



/*SELL*/



.adbox img{height: 80px;}



.adbox1{width:278px;}



.adbox1 a img{width:100%; margin-bottom: 10px; height:70px;}



#loutinav{left: 180px;width: auto;z-index: 9;}



@media screen and (max-width: 1820px) {  #loutinav {left: 5px;}  }



#loutinav ul li span{width: 100%;height: auto;padding: 0;}



#loutinav ul li{width: 100px;height: 34px;margin-bottom: 5px;}



#loutinav ul li span a{display: inline-block;width: 100%;padding: 8px 10px;box-sizing: border-box;}



#loutinav ul li span:hover a{color: #fff;}







.brandShow,



.brandShow .tab_box{



    height: auto;



}



.bp_con_logo .tab_ul li{



    font-size: 15px;



}







.outBox {



    width: 100%;



    overflow: hidden;



    margin: 30px 0 0 0;



    position: relative;



    display: flex;



    flex-wrap: wrap;



}



.borderBox {



    width: 100%;



    box-sizing: border-box;



}



.titleMenu {



    width: 100%;



    border-bottom: 1px solid #009966;



}



.outBox .hdCon {



    width: 100%;



    height: auto;



    line-height: 30px;



    display: flex;



    flex-wrap: wrap;



}



.outBox .hdCon li {



    padding: 0 10px;



    background-color: #eee;



    margin: 0 9px 10px 0;



    position: relative;



    font-size: 14px;



    color: #555;



    cursor: pointer;







    width: auto;



    height: auto;



    float: unset;



    border: none;



}



.outBox .hdCon li:hover,



.outBox .hdCon li.onAct {



    background-color: #f87a1e;



    color: #fff;



}



.outBox .bdCon {



    width: 100%;



}



.outBox .bdCon .inBox{



    display: none;



}



.outBox .bdCon .defaultShow{



    display: block;



}



.inBd ul {



    width: 100%;



    display: flex;



    flex-wrap: wrap;



}



.outBox .bdCon .inBd li {



    width: 134px;



    height: 70px;



    float: left;



    overflow: hidden;



    margin: 20px 0 0 40px;



    position: relative;







    border: none;



}



.outBox .bdCon .inBd li:nth-child(7n+1) {



    margin-left: 0;



}



.outBox .bdCon .inBd li .name{



    position: absolute;



    top: 0;



    left: 0;



    width: 100%;



    height: 100%;



    background-color: rgba(0,0,0,.7);



    font-size: 14px;



    color: #fff;



    cursor: pointer;



    display: flex;



    align-items: center;



    justify-content: center;



    line-height: unset;



    display: none;



}



.outBox .bdCon .inBd li div.awaLogo {



    width: 100%;



    height: 70px !important;



    display: flex;



    align-items: center;



    justify-content: center;



}



.lsnyqyj .inBd ul li img {



    width: 132px;



    height: auto;



    margin-bottom: 10px;



    cursor: pointer;



}



.lsnyqyj .inBd ul li img:hover{



    transform: unset;



}