@charset "UTF-8";
/**
 * @Site  五洲-PC通用文章列表页-时辉-宋琦
 * @authors luochou
 * @date    2019-1-22
 */
.container{background-color:#fff;}
.list-icon{background:url(http://img.wz16.net/zx_list2019/icon.png) no-repeat;}
/* banner */
.banner_layer{height:420px;position:relative;overflow:hidden;}
.banner_layer .banner{width:1920px;height:420px;position:absolute;left:50%;margin-left:-960px;top:0;}
.banner_layer .banner li{width:1920px;height:420px;}
.banner_layer .banner li img{display:block;margin:0 auto;}
.banner .bajs-easy-slider-pagination{width:1200px;text-align:right;position:absolute;left:50%;margin-left:-600px;bottom:8px;}
.banner .bajs-easy-slider-pagination a{width:18px;height:22px;display:inline-block;margin:0 3px;background-color:#b7b3b0;color:#fff;font-size:14px;line-height:22px;text-align:center;}
.banner .bajs-easy-slider-pagination a.active{background-color:#907263}


/* f1Box */
.modular{width:1200px;padding-bottom:30px;margin:0 auto;overflow:hidden;}
.main{float:left;width:870px;padding-top:8px;}
.adr{position:relative;height:40px;padding-left:26px;color:#848484;font-size:16px;line-height:40px;}
.adr span{position:absolute;left:0;top:50%;margin-top:-8px;width:21px;height:17px;}
.adr i{padding:0 4px;}
.adr a{color:#848484;}
.adr a:hover{color:#ff6600;}
.list-box{padding-top:16px;}
.list-box dl{position:relative;padding:5px 18px 48px;margin-bottom:15px;border:1px solid #e8e8e8;border-radius:6px;transition:all .3s;cursor:pointer;}
.list-box dl:hover{box-shadow:2px 2px 12px rgba(0,0,0,.4);}
.list-box dl dt{position:relative;height:45px;padding:0 210px 0 24px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.list-box dl dt i{position:absolute;left:0;top:50%;margin-top:-9px;width:16px;height:18px;background-position:-30px 0;transition:all .3s;}
.list-box dl dt a{color:#333;font-size:20px;line-height:45px;}
.list-box dl dt a:hover{color:#ff6600;}
.list-box dl dt a:hover i{background-position:-50px 0;}
.list-box dl dt span{position:absolute;top:0;right:0;color:#bfbfbf;font-size:16px;line-height:45px;}
.list-box dl dd{padding-top:5px;}
.list-box dl dd p{color:#656565;font-size:16px;line-height:30px;text-indent:2em;}
.list-box dl dd p a{color:#ff6600;}
.list-box dl dd .tag{position:absolute;left:0;bottom:12px;height:28px;padding-left:42px;color:#848484;font-size:14px;line-height:28px;}
.list-box dl dd .tag i{position:absolute;left:22px;top:50%;margin-top:-6px;width:12px;height:12px;background-position:-74px 0;}
.list-box dl dd .tag b{padding:0 6px;}
.list-box dl dd .tag a{color:#848484;}
.list-box dl dd .tag a:hover{color:#ff6600;}
.pager{padding-top:15px;}
.pager ul{text-align:center;}
.pager li{margin:0 2px;display:inline-block;vertical-align:top;color:#606060;font-size:14px;line-height:28px;}
.pager li a{height:28px;padding:0 10px;display:block;border:1px solid #eaeaea;color:#606060;}
.pager li select{width:48px;height:20px;padding-left:8px;border:1px solid #eaeaea;color:#606060;font-size:16px;line-height:20px;}
.pager li.thisclass{height:28px;padding:0 8px;background-color:#f17825;border-color:#f17825;color:#fff;}

/* f2Box */
.left{float:left;width:840px;}
.f2BoxCon{}
.f2BoxCon p{line-height:36px;font-size:18px;color:#323232;}
.f2BoxCon .search{line-height:43px;font-size:18px;color:#e16813;padding-top:18px;}
.f2BoxCon .search span{font-weight:bold;}
.f2BoxCon .search a{color:#e16813;display:inline-block;margin-right:30px;}

/* sidebar */
.sidebar{float:right;width:310px;padding-top:64px;}
.introduce{margin-bottom:12px;border:1px solid #f6f3f0;}
.introduce dl{border-bottom:1px solid #f6f3f0;}
.introduce dl dt{width:308px;height:230px;border-radius:6px;overflow:hidden;}
.introduce dl dt img{width:308px;height:230px;display:block;}
.introduce dl dd{padding:5px 6px;color:#333;font-size:14px;line-height:22px;}
.introduce dl dd a{color:#ff6600;}
.introduce ul{padding:8px 4px;overflow:hidden;}
.introduce li{float:left;position:relative;width:71px;height:66px;margin:0 2px;}
.introduce li a{position:relative;height:20px;padding-top:44px;display:block;border:1px solid #e7e1dc;border-radius:3px;}
.introduce li i{position:absolute;left:50%;transition:all .3s;}
.introduce li.i1 i{top:9px;margin-left:-16px;width:33px;height:28px;background-position:0 -30px;}
.introduce li.i2 i{top:8px;margin-left:-15px;width:31px;height:30px;background-position:-40px -30px;}
.introduce li.i3 i{top:7px;margin-left:-15px;width:31px;height:31px;background-position:-80px -30px;}
.introduce li.i4 i{top:9px;margin-left:-18px;width:35px;height:27px;background-position:-120px -30px;}
.introduce li span{height:20px;display:block;background-color:#e7e1dc;color:#7e4620;font-size:14px;line-height:20px;text-align:center;}
.introduce li.i1 a:hover i{background-position:0 -70px;}
.introduce li.i2 a:hover i{background-position:-40px -70px;}
/*.introduce li.i3 a:hover i{background-position:-80px -70px;}*/
.introduce li.i4 a:hover i{background-position:-120px -70px;}
.introduce li.i3 em{display:block;width:69px;height:64px;background-color:#fff; position:absolute;top:1px;left:50%;margin-left:-35px;display:none;}
.introduce li.i3 em img{width:69px;height:64px;}
.introduce li a:hover{border-color:#f17825;}
.introduce li a:hover span{background-color:#f17825;color:#fff;}
.experts{position:relative;height:590px;overflow:hidden; margin-bottom: 16px;}
.experts h2{color:#515151;font-size:26px;font-weight:normal;line-height:44px;}
.experts .expertSilde{width:308px;height:544px;border:1px solid #fce4d3;border-radius:6px;}
.expertSilde li{width:308px;height:544px;}
.expertSilde dl{position:relative;padding-top:20px;}
.expertSilde dl dt{position:relative;width:270px;height:300px;margin:0 auto;overflow:hidden;}
.expertSilde dl dt img{width:270px;height:300px;display:block;}
.expertSilde dl dt h3{position:absolute;top:76px;right:14px;width:46px;height:123px;background:url(http://img.wz16.net/zx_list2019/expertSilde_tit_bg.png) no-repeat;}
.expertSilde dl dt h3 span{position:absolute;left:-15px;top:-12px;width:30px;color:#ff6600;font-size:26px;line-height:28px;text-align:center;}
.expertSilde dl dt h3 b{position:absolute;top:50%;right:10px;width:20px;display:block;color:#515151;font-size:18px;line-height:20px;text-align:center;}
.expertSilde dl dd{position:relative;height:224px;padding:0 18px;}
.expertSilde dl dd .info{padding:10px 0;margin-bottom:2px;border-bottom:1px dashed #f17825; color: #333; font-size: 14px; line-height: 24px;}
.expertSilde dl dd .info a{margin-right: 12px; color:#a66242;font-size:18px;}
.expertSilde dl dd .info span{position:relative;height:24px;padding-left:20px;display:block;color:#333;font-size:16px;line-height:24px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.expertSilde dl dd .info span i{position:absolute;left:8px;top:50%;margin-top:-2px;width:4px;height:4px;background-color:#000;border-radius:50%;overflow:hidden;}
.expertSilde dl dd p{position:relative;padding-left:46px;color:#333;font-size:14px;line-height:28px;}
.expertSilde dl dd p b{position:absolute;left:0;top:0;font-weight:bold;}
.expertSilde dl dd .askBox{position:absolute;left:0;bottom:20px;width:308px;height:40px;text-align:center;line-height:0;font-size:0;}
.expertSilde dl dd .askBox a{width:116px;height:40px;margin:0 10px;display:inline-block;background-color:#429366;border-radius:4px;color:#fff;font-size:20px;line-height:40px;text-align:center;}
.expertSilde dl dd .askBox .a2{background-color:#f17825;}
.expertSilde dl dd .askBox a:hover{opacity:.8;}
.expertSilde .bajs-easy-slider-nav{position:absolute;top:-34px;width:22px;height:22px;background:url(http://img.wz16.net/zx_list2019/icon.png) no-repeat;}
.expertSilde .prev-btn{left:127px;background-position:-100px 0;}
.expertSilde .next-btn{left:154px;background-position:-130px 0;}
.technology{padding-top:12px;}
.technology h2{color:#515151;font-size:26px;font-weight:normal;line-height:44px;}
.technology ul{padding-bottom:16px;}
.technology li{margin-bottom:4px;background-color:#e8e8e8;border:1px solid #e8e8e8;border-radius:6px;overflow:hidden;}
.technology li h3{position:relative;height:28px;padding:8px 0 8px 34px;color:#333;font-size:18px;font-weight:normal;line-height:28px;transition:all .3s;}
.technology li h3 i{position:absolute;left:20px;top:50%;margin-top:-4px;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:8px solid #515151;transition:all .3s;}
.technology li .imgBox{height:109px;overflow:hidden;display:none;}
.technology li .imgBox img{width:308px;height:109px;display:block;transition:all .3s;}
.technology li .imgBox img:hover{transform:scale(1.06);}
.technology li.active h3{padding:0 0 0 34px;background-color:#fff;color:#f17825;font-size:14px;}
.technology li.active h3 i{border-right:4px solid transparent;border-left:4px solid transparent;border-top:8px solid #f17825;}
.convenient{margin-bottom:20px;border:1px solid #e8e8e8;border-radius:4px;}
.convenient h2{position:relative;height:52px;padding-left:100px;color:#333;font-size:24px;font-weight:normal;line-height:52px;}
.convenient h2 i{position:absolute;left:70px;top:12px;width:25px;height:25px;background-position:-160px 0;}
.convenient h3{position:relative;width:208px;height:66px;padding:10px 0 0 68px;margin:0 auto;border-bottom:1px dashed #eae6e3;border-top:1px dashed #eae6e3;color:#333;font-size:18px;font-weight:normal;line-height:30px;}
.convenient h3 i{position:absolute;left:10px;top:50%;margin-top:-22px;width:44px;height:44px;background-position:-260px 0;}
.convenient h3 span{display:block;font-size:16px;line-height:28px;}
.convenient h3 b{font-size:22px;}
.convenient ul{padding:0 4px 8px;overflow:hidden;}
.convenient li{float:left;position:relative;width:100px;height:30px;padding-top:52px;}
.convenient li i{position:absolute;top:10px;left:50%;}
.convenient li.i1 i{margin-left:-20px;width:41px;height:41px;background-position:0 -110px;}
.convenient li.i2 i{margin-left:-18px;width:35px;height:41px;background-position:-50px -110px;}
.convenient li.i3 i{margin-left:-22px;width:44px;height:42px;background-position:-100px -110px;}
.convenient li a{display:block;color:#333;font-size:16px;line-height:30px;text-align:center;}
.convenient li a:hover{color:#f17825;}
.hotLine{position:relative;height:72px;padding:18px 0 0 96px;background-color:#f17825;border-radius:6px;color:#fff;font-size:18px;line-height:25px;}
.hotLine i{position:absolute;left:34px;top:50%;margin-top:-23px;width:50px;height:46px;background-position:-200px 0;}
.hotLine b{display:block;font-size:24px;font-weight:bold;line-height:30px;}
.upsetBox{padding-top:12px;}
.upsetBox h2{width:325px;overflow:hidden;position:relative;}
.upsetBox h2 span{height:47px;line-height:47px;font-size:24px;font-weight:normal;color:#000;padding-right:10px;position:relative;}
.upsetBox h2 span em{color:#e16813;}
.upsetBox h2 i{width:325px;height:0;border-bottom:#000 solid 1px;display:block;position:absolute;left:100%;top:50%;}
.upsetCon{border:#ddd solid 1px;padding:15px 0;overflow:hidden;}
.upsetCon li{height:31px;line-height:31px;font-size:14px;color:#e16813;overflow:hidden;position:relative;padding-left:37px;}
.upsetCon li a{color:#e16813;}
.upsetCon li i{width:14px;height:14px;text-align:center;line-height:14px;font-size:12px;color:#fff;border-radius:50%;background-color:#e16813;position:absolute;left:16px;top:50%;margin-top:-7px;}
.upsetCon li.none a{color:#717171;}
.upsetCon li.none i{background-color:#717171;}