/*banner slider*/
.slider {position: relative;margin-bottom: 15px;height: 480px;}

/*轮播图*/
.bannrt-slider {min-width: 1300px;position:relative;overflow:hidden;}
.bannrt-slider .pic-ul li img {display:block;width:100%;height:480px;}
.bannrt-slider .tempWrap {overflow:visible !important}
.bannrt-slider .point {position:absolute;width:100%;left:0;z-index:1;height:8px;bottom:30px;text-align:center;}
.bannrt-slider .point li {display:inline-block;*display:inline;zoom:1;width:15px;height:15px;border-radius: 50%;line-height:99px;overflow:hidden;background:#fff;margin:0 5px;cursor:pointer;}
.bannrt-slider .point li.on {width: 50px;border-radius: 10px;}
.bannrt-slider .pic-ul .info {position: relative;left:50%;margin-left: -600px;}
.bannrt-slider .pic-ul .info .content {text-align: right;position: absolute;right: 230px;top: 65px;}
.bannrt-slider .pic-ul .info .content .logo{float: right;width: 88px;height: 128px;margin-bottom: 15px;background: #fff url(../img/home/logo.png) no-repeat center center;}
.bannrt-slider .pic-ul .info .content h3 {margin-bottom: 10px;}
.bannrt-slider .pic-ul .info .content h3 a{font-size: 24px;line-height: 24px;color: #333;font-family: 'Microsoft YaHei';}
.bannrt-slider .pic-ul .info .content p {margin-bottom: 20px;}
.bannrt-slider .pic-ul .info .content p a{font-size: 12px;line-height: 14px;color: #8c98a9;}
.bannrt-slider .pic-ul .info .content .btn {display: inline-block;zoom: 1;*display: inline;width: 157px;height: 49px;line-height: 49px;font-family:'SimSun';text-align: center;color: #fff;background: #007c36;border-radius: 3px;}
.bannrt-slider .pic-ul .info .content .btn:hover {background: #00652c;}

.slider .login {  position: relative;z-index:1;left: 50%;margin-left: -600px;  top: 40px;}
.slider .login .content {position: absolute;right:0;background: #fff;  width: 200px;min-height: 400px;font-family: 'SimSun';}
.slider .login .content .dl-box {padding: 15px 0 0 18px;margin-bottom: 15px;}
.slider .login .content .dl-box img {  float: left;  width: 50px;  height: 50px;margin-right: 10px;  overflow: hidden;border-radius: 50%;  border: 2px solid #eee;}
.slider .login .content .dl-box .r-box {float: left;}
.slider .login .content .dl-box .r-box p {  font-size: 12px;  line-height: 24px;color: #999;overflow: hidden;  text-overflow:ellipsis;  white-space: nowrap;}
.slider .login .content .dl-box .r-box a {  font-size: 12px;  line-height: 24px;color: #007c36;  border: 1px solid #007c36;  background: #fff;padding: 2px 7px;}
.slider .login .content .dl-box .r-box a:hover {background: #007c36;color: #fff;}
.login .dl-info {font-size: 12px;height: 33px;padding: 0 10px;margin-bottom: 10px;line-height: 33px;border-top: 1px solid #eee;border-bottom: 1px solid #eee;}
.login .dl-info h3 {  font-size: 12px;  float: left;color: #333;}
.login .dl-info a {float: right;color: #999;}
.login .dl-info a:hover {color: #007c36;}
.login .dl-info a i {margin-left:3px;vertical-align: middle;}
.login .gaoTitle {padding-bottom: 15px;}
.login .gaoTitle li {font-size: 12px;line-height: 24px;padding: 0 16px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.login .gaoTitle li a {color: #666;}
.login .gaoTitle li:hover a {color: #007c36;}
.login .newInfo {}
.login .newInfo .l-box{margin: 20px 5px 20px 15px;float: left;font-family: 'Microsoft YaHei';}
.login .newInfo .l-box p{  font-size: 20px;  line-height: 24px;font-weight: bold;color: #db2525;}
.login .newInfo .l-box span{  font-size: 14px;  line-height: 24px;color: #333;}
.login .newInfo img{  float: left;  width: 84px;  height: 84px;}

.slider img {width: 100%;height: 100%;}

/*推荐栏目*/
.tj-column {margin-bottom: 88px;}
.tj-column .l-box {  position: relative;float: left;width: 100px;height: 52px;margin-right: 15px;padding: 38px 30px 38px 98px;  background: url(../img/home/zan_bg.png) no-repeat 0 0;}
.tj-column .l-box i {  position: absolute;  left: 30px;  top: 30px;  width: 59px;  height: 59px;  background: url(../img/home/zan.png) no-repeat 0 0;}
.tj-column .l-box h3 {  font-size: 24px;  line-height: 24px;font-family: 'Microsoft YaHei';}
.tj-column .l-box h3 a {color: #fff;}
.tj-column .l-box>a:hover {color: #007c36;}
.tj-column .l-box>a {  font-size: 14px;  line-height: 24px;color: #fff;}
.tj-banner {position: relative;float: left;height: 128px;overflow: hidden;}
.tj-banner .mask {width: 957px;overflow: hidden;}
.tj-banner header a {position: absolute;top:50%;margin-top: -21px;  z-index: 3;  width: 42px;  height: 42px;color: #fff;font-weight: bold;  font-size: 20px;text-align: center;  line-height: 42px;  background: url(../img/home/btn_bg.png) repeat;}
.tj-banner .prev {left: 20px;}
.tj-banner .next {right: 20px;}
.tj-banner .items li {width: 228px;padding-right: 15px;}
/*.tj-banner .items li a {  display: block;  height: 128px;}
.tj-banner .items li img {  width: 100%;  height: 100%;}*/
.tj-banner .items li {width: 228px;height: 128px;padding-right: 15px;text-align: center;}
.tj-banner .items li a {  display: block;height: 128px;line-height: 128px;}
.tj-banner .items li img {max-width: 228px;max-height: 128px;}


.commontitle {text-align: center;margin-bottom: 35px;}
.commontitle h2{font-weight: bold;font-size: 24px;font-family: 'Microsoft YaHei';color: #333;}
.commontitle h3 {font-size: 14px;}

/*知产服务*/
.zs-serve {margin-bottom: 88px;}
.zs-serve header h2 span{color: #007c36;}
.zs-serve header h3{color: #f8b62a;}
.zs-serve .list {}
.zs-serve .list li{width: 280px;float: left;margin-right: 26px;}
.zs-serve .list li:last-child {margin-right: 0;}
.zs-serve .list li .photo {position: relative;display: block;width: 280px;height: 200px;overflow: hidden;}
.zs-serve .list li img {width: 100%;height: 100%;}
.zs-serve .list li .photo .mask {position: absolute;left:0;top: 0;width: 252px;height: 165px;padding: 35px 0 0 28px;font-family:'SimSun';transform: translateY(293px);transition: all .3s ease .3s;}
.zs-serve .list li .photo .mask p{position: relative;width: 184px;height: 55px;margin-bottom: 50px;font-size: 12px;z-index: 2;line-height: 19px;color: #fff;}
.zs-serve .list li .photo .mask i {position: absolute;top: 0;left:0;width: 100%;height: 100%;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5; opacity: 0.5;background: #000;}
.zs-serve .list li .photo >div span{  display: block;color: #fff;  width: 140px;  height: 38px;text-align: center;  line-height: 38px;  background: #18ba60;font-weight: bold;  font-size: 14px;  position: relative;z-index: 2;}
.zs-serve .list li .photo .mask span em{font-size: 20px;vertical-align: middle;margin-left: 20px;font-weight: bold;}
.zs-serve .list li .photo:hover .mask {transform: translateY(0px);}

/*其他服务*/
.qt-serve {margin-bottom: 57px;}
.qt-serve header h2 span{color: #f8b62a;}
.qt-serve header h3{color: #007c36;}
.qt-serve .list {}
.qt-serve .list li{float: left;width: 280px;border-bottom: 2px solid #F9F9F9;margin-right: 26px;font-family: 'SimSun';  background: #F9F9F9;padding-bottom: 38px;}
.qt-serve .list li:last-child {margin-right: 0;}
.qt-serve .list li .top {}
.qt-serve .list .top .photo {width: 280px;height: 156px;margin-bottom: 15px;overflow: hidden;}
.qt-serve .list .top .photo img {width: 100%;height: 100%;opacity: 1;-webkit-transition: all .8s ease;-moz-transition: all .8s ease;-o-transition: all .8s ease;-ms-transition: all .8s ease;transition: all .8s ease;}
.qt-serve .list .top h3 {display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  overflow: hidden;  font-size: 16px;  height: 52px;margin-bottom: 25px;  line-height: 26px;color: #333;padding: 0 20px;}
.qt-serve .list .top p {text-indent: 2em;  font-size: 12px;padding: 0 13px;  height: 57px;margin-bottom: 28px;  line-height: 19px;color: #999;display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 3;  overflow: hidden;}
.qt-serve .list .more {padding-left: 22px;font-size: 12px;color: #007c36;}
.qt-serve .list .more em {margin-left: 15px;}
.qt-serve .list li:hover {border-bottom: 2px solid #007c36;}
.qt-serve .list li:hover h3 {color: #007c36;}
.qt-serve .list li:hover .photo img {opacity: .8;-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}

/*最新任务*/
.taskTitle {font-family: 'Microsoft YaHei';  height: 32px;padding-bottom: 5px;  border-bottom: 1px solid #eee;}
.taskTitle h3{float: left;  font-size: 24px;color: #007c36;}
.taskTitle h3 em {display: inline-block;zoom: 1;*display: inline;  width: 32px;margin-right: 10px;  height: 26px;vertical-align: -3px;*vertical-align: middle;}
.taskTitle p{line-height: 32px;  float: left;margin-left: 20px;  font-size: 14px;color: #f8b62a;font-family: 'SimSun';}
.taskTitle .more{float: right;  width: 54px;  height: 26px;margin: 3px 0;  line-height: 26px;text-align: center;  background: #78c936;  font-size: 14px;color: #fff;font-family: 'Arial';}
.taskTitle .more:hover{background: #6fb931;}
.taskTitle h3 .icon01 {background: url(../img/home/ico01.png) no-repeat center center;}
.taskTitle h3 .icon02 {background: url(../img/home/ico02.png) no-repeat center center;}
.taskTitle h3 .icon03 {background: url(../img/home/ico03.png) no-repeat center center;}
.taskTitle h3 .icon04 {background: url(../img/home/ico04.png) no-repeat center center;}

.bg-lv {background: #30c560;}
.bg-org {background: #f8b62a;}
.newTask {margin-bottom: 55px;}
.newTask .items {}
.newTask .l-box {width: 789px;padding-left: 10px;  float: left;}
.newTask .l-box li{padding-top:20px;width: 378px;border-bottom: 1px solid #eee;font-family: 'SimSun';}
.newTask .l-box .li-l {float: left;}
.newTask .l-box .li-r {float: right;}
.newTask .l-box li h4{margin-bottom: 10px;*margin-bottom: 12px;height: 18px;font-size: 12px;color: #333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.newTask .l-box li h4 em{padding:2px;margin-right: 10px;color: #fff;}
.newTask .l-box li .info {padding-bottom: 30px;}
.newTask .l-box li .info .info-l {float: left;}
.newTask .l-box li .info .info-l p {font-size: 12px;color: #1c6ee8;margin-bottom: 12px;}
.newTask .l-box li .info .info-l p span {color: #999;}
.newTask .l-box li .info .info-l p i {color: #999;margin: 0 13px;}
.newTask .l-box li .info .info-l span {font-size: 12px;color: #999;}
.newTask .l-box li .info .info-l span time {font-family: 'Microsoft YaHei';}
.newTask .l-box li .info .info-r {float: right;padding-top: 10px;font-size: 12px;color: #999;}
.newTask .l-box li .info .info-r i {color: #ff552e;}
.newTask .l-box li .info .info-r b {vertical-align: -1px;font-size: 20px;color: #ff552e;font-weight: bold;margin: 3px;font-family: "Microsoft YaHei";}
.newTask .l-box li:hover {background: #F9F9F9;}
.newTask .l-box li:hover h4 {color: #007c36;}

.newTask .newDongT {float: right;width: 378px;padding-top: 20px;font-family: 'SimSun';}
.newTask .newDongT header {margin-bottom: 11px;height: 24px;}
.newTask .newDongT header h3 {font-size: 16px;font-weight: bold;line-height: 24px;color: #333;}
.newTask .newDongT ul {padding-top: 1px;}
.newTask .newDongT ul li {padding:10px 0 10px 9px;border-bottom: 1px dashed #ccc;}
.newTask .newDongT ul li .top {height: 14px;font-size: 12px;margin-bottom: 13px;}
.newTask .newDongT ul li .top span {max-width: 244px;float: left;color: #1c6ee8;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.newTask .newDongT ul li .top time {float: right;color: #999;font-family: 'Microsoft YaHei';}
.newTask .newDongT ul li:hover {background: #F9F9F9;}
.newTask .newDongT ul li .btm p {float: left;font-size: 12px;color: #333;}
.newTask .newDongT ul li .btm p span {color: #1c6ee8;}
.newTask .newDongT ul li .btm >span {float: right;color: #999;font-size: 12px;}
.newTask .newDongT ul li .btm >span i {color: #ff552e;font-family: 'Microsoft YaHei';}

/*热销排行*/
.hotPaih {margin-bottom: 60px;}
.hotPaih .items {padding-top: 25px;}
.hotPaih .l-box {float: left;width: 789px;}
.hotPaih .l-box .li-l {float: left;}
.hotPaih .l-box .li-r {float: right;}
.hotPaih .l-box li {width: 378px;padding-bottom: 29px;*padding-bottom: 34px;background: #F9F9F9;}
.hotPaih .l-box li a {display: block;}
.hotPaih .l-box li .photo {  position: relative;  width: 378px;overflow: hidden;  height: 260px;margin-bottom: 30px; text-align:center;}
.hotPaih .l-box li .photo img { max-width:100%;  max-height: 100%; opacity: 1;  -webkit-transition: all .8s ease;  -moz-transition: all .8s ease;  -o-transition: all .8s ease;  -ms-transition: all .8s ease;  transition: all .8s ease;}
.hotPaih .l-box li:hover .photo img {opacity: .8;-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.hotPaih .l-box li .photo .icon {  position: absolute;  top: 0;left: 30px;  width: 66px;  height: 66px;  text-align:center;color:#fff;  background: #007c36;font-family: 'Microsoft YaHei';}
.hotPaih .l-box li .photo .icon span {font-size: 36px;font-weight: bold;}
.hotPaih .l-box li .photo .icon p {  line-height: 10px;*line-height: 16px;  font-size: 16px;font-family: 'SimSun';}
.hotPaih .l-box li a h3 {  font-size: 16px;margin-bottom: 25px;  height: 30px;overflow: hidden;  text-overflow:ellipsis;  white-space: nowrap;padding: 0 18px;  line-height: 30px;color: #333;}
.hotPaih .l-box li a> p {text-indent: 2em;color: #999;  font-size: 12px; font-family: "SimSun"; line-height: 20px;padding: 0 15px;  height: 40px;display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  overflow: hidden;}
.hotPaih .l-box li:hover a h3 {color: #007c36;}

.hotPaih .hotRecommend {  float: right;  width: 378px;margin: 0;}
.hotPaih .hotRecommend ul li {padding: 0 0 15px;margin-bottom: 15px;}
.hotPaih .hotRecommend ul li:last-child {border-bottom: none;padding:0;margin: 0; }
.hotPaih .hotRecommend ul li .photo {  width: 114px;  height: 80px;margin-right: 20px; text-align:center;}
.hotPaih .hotRecommend ul li a >div {  width: 244px;}

/*推荐店铺*/
.tjStore {padding-bottom: 60px;}
.tjStore header {margin-bottom: 25px;}
.tjStore .taskTitle a {font-family: 'SimSun';  float: right;color: #fff;  background: #18ba60;  width: 26px;  height: 26px;margin-right: 2px;  font-size: 20px;font-weight: bold;  line-height: 26px;text-align: center;}
.tjStore .taskTitle a:hover {background: #1fe372;}
.tjStore .cq-list>li{  width: 50%;  float: left;border:none;padding: 0;}
.tjStore .cq-list li .cq-list-r>a {  height: 40px;*height: 35px;padding: 0;}
.tjStore .cq-list li .cq-list-r {  width: 297px;  float: left;}
.tjStore .cq-list li>a {display: block;font-family: 'SimSun';}
.tjStore .cq-list li .cq-list-r ul li {  width: 50%;}
.tjStore .cq-list .cq-list-r .bq-txt i {  color: #999;  margin-right: 5px;  border: 1px solid #ccc;  padding: 3px 5px;  border-radius: 15px;  font-size: 12px;}
.tjStore .cq-list li .cq-list-r ul li span,
.tjStore .cq-list li .cq-list-r p span {font-size: 12px;}
.tjStore .cq-list li .cq-list-r ul {padding-top: 5px;margin: 0;}
.tjStore .cq-list li .cq-list-r p {margin: 0;}
.tjStore .cq-list li .cq-list-r .tj-txt {font-size: 12px;color: #999;line-height: 26px;*line-height: 24px;height: 52px;}
.tjStore .cq-list li .cq-list-r .title{display: block;height: 54px;padding:0;}


/*行业资讯*/
.hyMessage {margin-bottom: 58px;}
.hyMessage .wz-list{margin: 0;}
.hyMessage .allArticle{float: left;padding-top: 7px;  width: 789px;}
.hyMessage .wz-list .allArticle li .tab-box-r {  width: 500px;}
.hyMessage .wz-list .allArticle li .tab-box-r a {  width: 507px;}
.hyMessage .wz-list .allArticle li .tab-box-r>div>p {  width: 130px;}
.hyMessage .wz-list .tab-box-r>a>p {margin-bottom: 25px;}
.hyMessage .banners {float: right;padding-top: 25px;width: 378px;}
.hyMessage .banners a {position: relative;display: block;width: 378px;height: 272px;margin-bottom: 35px;*margin-bottom: 38px;}
.hyMessage .banners a:last-child {margin-bottom: 0;}
.hyMessage .banners a img {  width: 100%;  height: 100%;}
.hyMessage .banners a span {  position: absolute;  left: 1px;bottom: 1px;  font-size: 12px;color: #999;  background: #fff;padding: 2px;}

/*合作单位*/
.cooperator {margin-bottom: 80px;}
.cooperator .commontitle span {color: #eb4f38;}
.cooperator .commontitle h3 {color: #999;}
.cooperator .list li{  float: left;  width: 199px;  height: 122px;margin-left: -1px;margin-top: -1px;  border: 1px solid #eaeaea; text-align:center; padding-top:15px;}
.cooperator .list li a {  display: block;}

img {
  /* Responsive images (ensure images don't scale beyond their parents) */

  max-width: 100%;
  /* Part 1: Set a maxium relative to the parent */

  width: auto\9;
  /* IE7-8 need help adjusting responsive images */

  height: auto;
  /* Part 2: Scale the height according to the width, otherwise you get stretching */

  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}