a:hover {text-decoration: none;} a:link{text-decoration:none; } /* 指正常的未被访问过的链接*/ a:visited{text-decoration:none; }/*指已经访问过的链接*/ a:hover{text-decoration:none;}/*指鼠标在链接*/} a:active{text-decoration:none;}/* 指正在点的链接*/ a {transition: all .6s;-webkit-transition: all .6s;-moz-transition: all .6s;} /*头部样式*/ #header {position: relative;} #header .logo {} #header .tel {} #header .menu_icon {position: absolute;top: 35%;right: 5%;width: 8%;} @media all and (max-width: 992px) { .logo img{ max-height:100%;max-width:none} } @font-face { font-family: 'helv'; src: url('../font/helv.eot'); src: url('../font/helv.eot?#iefix') format('embedded-opentype'), url('/Plugins/Template/tanhe/style/font/helv.woff') format('woff'), url('../font/helv.ttf') format('truetype'), url('/Plugins/Template/tanhe/style/font/helv.svg#verdemoderna') format('svg'); } /*大图样式*/ #banner {position: relative; overflow: hidden;} #banner .owl-theme .owl-controls .owl-dots {position: absolute;bottom: 2%;width: 100%;}/*大图下方点点的位置*/ #banner .owl-theme .owl-controls .owl-nav .owl-prev,#banner .owl-theme .owl-controls .owl-nav .owl-next{ position:absolute; bottom:50%;padding:15px 10px}/*箭头的设置*/ #banner .owl-theme .owl-controls .owl-nav .owl-prev{ left:5%;} #banner .owl-theme .owl-controls .owl-nav .owl-next{ right:5%;} #banner #owl-demo a.item { display:block; background-position:top center; background-repeat:no-repeat;height: 100%;width: 100%; background-size:auto 100%} #owl-demo,#owl-demo .owl-wrapper-outer,#owl-demo .owl-wrapper,#owl-demo .owl-item,#banner {height: 735px;}/*大图记得修改高度*/ @media all and (max-width: 992px) { #owl-demo,#owl-demo .owl-wrapper-outer,#owl-demo .owl-wrapper,#owl-demo .owl-item,#banner {height: 400px;} } @media all and (max-width: 640px) { #owl-demo,#owl-demo .owl-wrapper-outer,#owl-demo .owl-wrapper,#owl-demo .owl-item,#banner {height: 200px;} } /*pc右侧快捷按钮*/ .right_nav {} .right_nav .aside li > p,.right_nav .aside > li > div {background-color: #4F4F4F;color: #fff;} .right_nav .aside li > p:hover{ background-color: #0583C9; } .right_nav .aside > li > div{ background-color: #0583C9; } .right_nav .aside {position: fixed;right: 0;top: 20%;z-index: 10000;} .right_nav .aside > li {width: 60px;line-height: 60px;text-align: center;margin-bottom: 2px;cursor: pointer;position: relative;} .right_nav .aside > li > p {position: relative;z-index: 1005;line-height: 60px;} .right_nav .aside > li img {vertical-align: middle;} .right_nav .aside > li p img {width: 50%;} .right_nav .aside > li p:hover img {width: 55%;} .right_nav .aside > li .img2 {display: none;} .right_nav .aside > li > div {background-image: url(../images/global/white_bg.png);background-repeat: repeat;position: absolute;display: none;} .right_nav .aside > li .phone_meassage {right: -240px;top: 0;width: 300px;text-align: center;font-size: 25px;line-height: 50px;padding: 5px 0;} .right_nav .aside > li .qq_online {top: 0;right: -127px;width: 187px;padding: 0 20px 0 15px;} .right_nav .aside > li .qq_online .qq_online_title {text-align: left;font-size: 15px;line-height: 30px;border-bottom: 1px solid #fff;} .right_nav .aside > li .qq_online .qq_online_box {margin-top: 11px;} .right_nav .aside > li .qq_online .qq_online_box ul li {line-height: 35px;} .right_nav .aside > li .qq_online .qq_online_box ul li a{ color:#fff} .right_nav .aside > li .qq_online .qq_online_box ul li i {float: left;margin-top: -17px;} .right_nav .aside > li .qq_online .qq_online_box ul li span {float: left;margin-top: -16px;margin-left: 10px;} .right_nav .aside > li .qq_online .qq_online_box ul li span:hover {text-decoration: underline;} .right_nav .aside > li .ewm {top: -20px;right: 60px;width: 100px;height: 100px;} .right_nav .aside > li .search_box {position: absolute;top: 0;right: -205px;width: 265px;text-align: center;height: 100%;} .right_nav .aside > li .search_box .search_input {width: 220px;height: 36px;position: relative;margin: 12px auto;} .right_nav .aside > li .search_box .search_input span {position: absolute;line-height: 34px;left: 10px;z-index: 101;} .right_nav .aside > li .search_box .search_input input {width: 220px;border: none;background-color: #fff;height: 36px;padding-left: 10px;position: absolute;line-height: 30px;z-index: 1;top: 0;left: 0;} .right_nav .aside > li .search_box ::-webkit-input-placeholder {color: #999999;} /*底部样式*/ #footer .friendship {margin: 20px 0;} #footer .friendship h4 {color: #84632e;} #footer .friendship a {padding: 0 30px;} #footer .copyright {background: #9e845a;text-align: center;padding-bottom: 10px;position: relative;} #footer .copyright .footer_nav {display: inline-block;margin: 15px 0;} #footer .copyright .footer_nav li {float: left;} #footer .copyright .footer_nav li a {display: block;padding: 0 5px;color: #ffffff;} #footer .copyright .copyright_con {color: #fff;padding: 0 15px;} #footer .copyright .copyright_con a{ color:#fff} #footer .copyright .top {position: absolute;right: 10px;top: -15px;width: 30px;height: 30px;border-radius: 50%;z-index: 10;} #footer .copyright .top img {width: 80%;top: 2px;z-index: 100;position: absolute;left: 3px;} #footer .copyright .top:before {background-image: url(../images/global/black_bg.png);display: block;content: " ";border-radius: 50%;z-index: 99;position: absolute;top: 0;left: 0;width: 30px;height: 30px;} /*wap底部快捷按钮*/ .wap_footer {width: 100%;position: fixed;left: 0;bottom: 0;padding: 7px 0;z-index: 1000;background: #2F2F2F;border-top: 1px solid #48474A;} .wap_footer dl {width: 20%;float: left;text-align: center; margin-bottom:0;} .wap_footer dt {height: 33px;} .wap_footer dd {color: #fff;} .wap_footer dl dt img {width: 40%;} /*手机底部搜索*/ .wap_search_input {position: fixed;bottom: 65px;left: 100%;width: 100%;z-index: 1000;padding: 8px 2%;background: #9e845a;} .wap_search_input:after {background-color: rgba(0, 0, 0, 0.1);display: block;content: " ";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 10;} .wap_search_input input {float: left;width: 80%;border-radius: 4px;height: 30px;line-height: 30px;padding-left: 2%;color: #333;position: relative;z-index: 100;box-sizing: border-box;} .wap_search_input p {float: left;height: 30px;line-height: 30px;color: #fff;position: relative;z-index: 100;margin-left: 2%;width: 18%;text-align: center;border-radius: 5px;background: rgba(255, 255, 255, 0.2);} /*黑色遮罩*/ .black_cloth {position: fixed;z-index: 10000000;width: 100%;height: 100%;background: url(../images/global/black_cloth.png) repeat;display: none;top: 0;left: 0;} /*手机左边弹出导航*/ .wap_menu {width: 250px;position: fixed;top: 0px;left: -250px;height: 100%;text-align: left;z-index: 10000001;background: #2F2F2F;} .wap_menu li.menu_tit {font-size: 18px;font-weight: bold;background: rgba(255, 255, 255, 0.3);position: relative;padding: 15px 10px;color: #fff;} .wap_menu li.menu_tit span {font-size: 20px;position: absolute;top: 12px;right: 15px;border-bottom: none;z-index: 1000;} .wap_menu li {margin-bottom: 2px;font-size: 14px;position: relative;} .wap_menu li .wap_menu1 {line-height: 24px;font-size: 16px;text-transform: Uppercase;background: rgba(255, 255, 255, 0.1);position: relative;} .wap_menu li p {padding: 10px 10px; margin-bottom:0;} .wap_menu li .wap_menu1 a {display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding-right: 25px;color: #ffffff;} .wap_menu li .wap_menu1 p.left {float: none;} .wap_menu li .wap_menu1 p.right {width: 15%;text-align: center;color: #fff;position: absolute;top: 0;right: 0;float: none;z-index: 1000;} .wap_menu li .wap_menu2 {display: none;} .wap_menu li .wap_menu2 a {display: block;background: none;color: rgba(255, 255, 255, 0.8);overflow: hidden;font-size: 14px;border-bottom: rgba(255, 255, 255, 0.1) solid 1px;padding: 10px;} .wap_menu li .wap_menu2 a i {float: left;width: 4px;height: 4px;background-color: #fff;margin: 8px 10px 0 5px;} .wap_menu li .wap_menu2 a span {float: left;width: 85%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} /*pc侧边栏分类样式*/ .sub_content{ background:url(../images/sub_bg.jpg) no-repeat bottom left; padding-bottom:220px;position: relative;} ._aside {padding-right: 0; float:left; width:260px; padding:0; margin-left:-15px; margin-top:50px;} ._aside > h2 { background:url(../images/sub_titlebg.jpg) no-repeat center; width:210px; height:100px; line-height:100px; color:#fff; font-size:24px; padding-left:30px;} /*一级的样式*/ ._aside ul.sidemenu > li.sub1{ border:solid 1px #d9d9d9; width:210px; margin-top:5px;} ._aside ul.sidemenu > li.sub1 ul {display: none;} ._aside ul.sidemenu > li.sub1 > a.sub1_a {display: block;text-overflow: ellipsis;overflow: hidden;-webkit-transform: rotate(0);transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;transform: rotate(0);white-space: nowrap; height:55px; line-height:55px; padding-left:20px; width:210px; position:relative} ._aside ul.sidemenu > li.sub1 > a.sub1_a:before{-webkit-transform: rotate(0);transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;transform: rotate(0);display:block; content:" "; position:absolute; top:18px; right:15px;width:30px; height:27px; background:url(../images/sub_ico3.png) no-repeat 90% center ;opacity:0;filter:Alpha(opacity=0);} ._aside ul.sidemenu > li.sub1 > a.sub1_a:after{-webkit-transform: rotate(0);transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;transform: rotate(0);display:block; content:" "; position:absolute; top:10px; right:40px;width:15px; height:15px; background:url(../images/sub_ico3.png) no-repeat 90% center ; background-size:100% auto;opacity:0;filter:Alpha(opacity=0);} ._aside ul.sidemenu > li.sub1:hover > a.sub1_a:before,._aside ul.sidemenu > li.sub1:hover > a.sub1_a:after,._aside ul.sidemenu > li.sub1.current > a.sub1_a:before,._aside ul.sidemenu > li.sub1.current > a.sub1_a:after{ -webkit-transform: rotate(360deg);transform: rotate(360deg);opacity:1;filter:Alpha(opacity=100);} ._aside ul.sidemenu > li.current > a.sub1_a,._aside ul.sidemenu > li:hover > a.sub1_a {color: #fff;background-color:#0583c9; width:260px; border-radius:0 30px 30px 0 } /*二级的样式*/ ._aside ul.sidemenu > li.sub1 > ul{ padding:5px 0} ._aside ul.sidemenu > li.sub1 > ul > li.sub2 > a.sub2_a {display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; height:34px; line-height:34px; padding-left:40px; background:url(../images/sub2_ico.jpg) no-repeat 18px center; font-size:14px;} ._aside ul.sidemenu > li.sub1 > ul > li.sub2.current > a.sub2_a,._aside ul.sidemenu > li.sub1 > ul > li.sub2:hover > a.sub2_a{color: #0583c9;background:url(../images/sub2_ico1.jpg) no-repeat 18px center;} /*三级的样式*/ ._aside ul.sidemenu > li.sub1 > ul > li.sub2 > ul > li.sub3 > a.sub3_a {display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;height:34px; line-height:34px;font-size:14px; padding-left:60px;background:url(../images/sub3_ico.jpg) no-repeat 42px center;} ._aside ul.sidemenu > li.sub1 > ul > li.sub2 > ul > li.sub3.current > a.sub3_a,._aside ul.sidemenu > li.sub1 > ul > li.sub2 > ul > li.sub3:hover > a.sub3_a{ } .main{ width:930px; float:right; padding:0;margin-right:-15px;margin-top:50px;} .article{ padding-top:15px; } /*新闻详情页样式,若不需要请删除*/ .news_detail .title {padding-bottom: 10px;border-bottom: dashed 1px #aaa;text-align: center;} .news_detail .title h3 {font-size:22px;font-weight: bold;text-align: center;margin-bottom: 5px;line-height:35px} .news_detail .title .box {display: inline-block;text-align: center;} .news_detail .title .box img {width: 15px;height: 15px;display: inline-block;margin: 0 5px;vertical-align: middle;} .news_detail .title .box div {margin-right: 5px;} .news_detail .title .box .time {float: left;text-align: center;} .news_detail .title .box .eye {float: left;text-align: center;} .news_detail .title .box .back {float: left;} .news_detail .news_detail_content {margin-top: 15px;} .news_detail .pageTurning {margin-top: 15px;} .news_detail .pageTurning .prevs, .news_detail .pageTurning .nexts {background: #F2F2F2;line-height:250%;padding:0 10px;} .news_detail .pageTurning .prevs {margin-bottom: 5px;} /*产品详情页样式,若不需要请删除*/ .product_detail .title {padding-bottom: 10px;border-bottom: dashed 1px #aaa;text-align: center;} .product_detail .title h3 {font-size:120%;font-weight: bold;text-align: center;margin-bottom: 5px;line-height:35px;} .product_detail .title .box {display: inline-block;text-align: center;} .product_detail .title .box img {width: 15px;height: 15px;display: inline-block;margin: 0 5px;vertical-align: middle;} .product_detail .title .box .back {float: left;} .product_detail .product_detail_images {padding-top: 15px;text-align: center;position: relative;} .product_detail .product_detail_images .product_detail_btn2 {position: absolute;right: 2%;top: 48%;background:url(../images/global/rgb0.3.png);z-index: 100;font-size:0;} .product_detail .product_detail_images .product_detail_btn1 {position: absolute;left: 2%;top: 48%;background:url(../images/global/rgb0.3.png);z-index: 100;font-size:0} .product_detail .product_detail_images .product_detail_btn1 a img,.product_detail .product_detail_images .product_detail_btn2 a img{ margin: 10px 5px;} .product_detail .product_detail_images .owl-carousel .owl-item img {width:auto; margin: auto;cursor: pointer;max-width:100%;} .product_detail .product_detail_images .owl-theme .owl-controls {position: absolute;bottom: 2%;width: 100%;} .product_detail .product_detail_images .product_detail_img {width: 80%;margin: 0 auto;} .product_detail .product_detail_content {margin-top: 20px;margin-bottom: 20px;} .product_detail .pageTurning {margin-top: 15px;} .product_detail .pageTurning .prevs, .product_detail .pageTurning .nexts {background: #F2F2F2;line-height:250%;padding:0 10px;} .product_detail .pageTurning .prevs {margin-bottom: 5px;} .pswp__bg{ background:url(../images/global/rgb0.8.png)} /*xx css*/ .sub_banner{ height:500px; padding-top:150px; margin-top:155px; background-size:auto 100%; background-position:center; background-repeat:no-repeat} .sub_banner .title{ text-align:right; padding-right:13%} .sub_banner .title span{ display:inline-block; padding-left:75px; color:#fff} .sub_banner .title span a{ color:#fff} .sub_banner .title span.en{ font-size:65px;text-transform:Uppercase; font-family:helv} .sub_banner .title span.ch{ font-size:36px; background:url(../images/sub_ico.png) no-repeat left center; background-size:auto 100%; height:65px; line-height:65px; margin-bottom:45px;} @media (max-width: 640px) { ._aside{ width:100%; display:block; float:none; margin-top:0; margin-left:0px;} /*手机内页crumb*/ ._aside > h2 { font-size:16px; height:45px; width:100%; line-height:45px;background:url(../images/wap_crumb.jpg) no-repeat left top; background-size: 100% auto; } ._aside h2 .phone-menuicon {float: right;cursor: pointer;height:20px; width:20px; margin-right:20px;} ._aside h2 .phone-menuicon img {-webkit-transition: all .4s;transition: all .4s; width:100%} /*手机内页分类下拉列表*/ ._aside ul.sidemenu {width: 100%;display: none;} /*一级的样式*/ ._aside ul.sidemenu > li.sub1{ width:100%; border:0 } ._aside ul.sidemenu > li.sub1>ul {border-bottom:solid 1px #d9d9d9;} ._aside ul.sidemenu > li.sub1 > a.sub1_a {height:36px; line-height:36px; background:url(../images/sub2_ico1.jpg) 8px center no-repeat; padding-left:30px;font-size:14px; border-bottom:solid 1px #d9d9d9; width:100%} ._aside ul.sidemenu > li.current > a.sub1_a,._aside ul.sidemenu > li:hover > a.sub1_a { color:#333; } /*二级的样式*/ ._aside ul.sidemenu > li.sub1 > ul > li.sub2 > a.sub2_a {background:url(../images/sub2_ico2.jpg) 30px center no-repeat; padding-left:44px; height:28px; line-height:28px;} ._aside ul.sidemenu > li.sub1 > ul > li.sub2.current > a.sub2_a, ._aside ul.sidemenu > li.sub1 > ul > li.sub2:hover > a.sub2_a{background:url(../images/sub2_ico2.jpg) 30px center no-repeat;} /*三级的样式*/ ._aside ul.sidemenu > li.sub1 > ul > li.sub2 > ul > li.sub3 > a.sub3_a { height:28px; line-height:28px;} #header .menu_icon img {width: 100%;} .main{ width:100%; float:none; margin-right:0px;margin-top:0px; margin-left:0px; padding-left:15px; padding-right:15px;} .sub_content{padding-bottom:70px;background-size:180% auto;} } @media (max-width: 640px) { .sub_banner{ height:185px; padding-top:58px; margin-top:117px;} .sub_banner .title span.en{ font-size:38px;} .sub_banner .title span.ch{ font-size:20px; height:40px; line-height:40px; margin-bottom:0;background:url(../images/sub_ico.png) no-repeat 20px center;background-size:auto 100%;} .news_detail .title h3 {font-size:16px;} .news_detail .title a,.news_detail .title .box .eye,.news_detail .title .box .time{ font-size:12px;} .news_detail .pageTurning .prevs, .news_detail .pageTurning .nexts{ font-size:14px;} } .page_box { text-align: center; display: block; } /*当前页的样式*/ .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{ background:#aaa; border-color:#aaa} /*分页块默认样式*/ .pagination > li > a, .pagination > li > span{ color:#666} .pagination > li > a:hover, .pagination > li > span:hover{color:#666} .pagination > li:after{ content:'\20'; display:inline; height:0; clear:both; } .list-img { margin: 0 -7.5px; } .list-img > ul > li { text-align: center; padding: 0 7.5px; margin-bottom: 15px; } .list-img > ul > li a{ display:block; position:relative; padding:3%;border:solid 1px #d9d9d9;} .list-img > ul > li a .text_area {color: #fff; position:absolute; top:3%; left:3%; z-index:10; background:url(../images/global/2.png) no-repeat center 65% rgba(5,130,200,0.8);text-overflow: ellipsis;overflow: hidden;white-space: nowrap; font-size:16px; line-height:100%; padding-top:40%; width:94%; height:94%; transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;transform:scale(0);-webkit-transform:scale(0);-moz-webkit-transform:scale(0);} .list-img > ul > li:hover a .text_area{transform:scale(1);-webkit-transform:scale(1);-moz-webkit-transform:scale(1);} .list-img > ul > li a .img_area{width:100%; position:relative; } .list-img > ul > li a .img_area img{ max-width:100%; max-height:100%; top:0;left:0;right:0;bottom:0; position:absolute; margin:auto} @media (max-width: 640px) { .list-img > ul > li a{ padding:0; border:0} .list-img > ul > li a .text_area {line-height:50px; height:50px; color: #000; top:0; left:0; width:100%; padding:0;font-size:12px; position:inherit; background:none;transform:scale(1);-webkit-transform:scale(1);-moz-webkit-transform:scale(1);} .list-img > ul > li a .img_area{border:solid 1px #d9d9d9} } .sub_nav1{ position:relative} .sub_nav1 .swiper-container{ width: 90%; margin:auto; } .sub_nav1 .swiper-wrapper{ height:auto} .sub_nav1_bg{ background:#fff;box-shadow: 0 5px 5px #eee; position:relative; z-index:10;} .sub_nav1 .swiper-slide { text-align: center; font-size: 18px; background: #fff; position:relative; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; height:auto; } .sub_nav1 .swiper-slide a{height:70px; line-height:70px; color:#333; text-decoration:none} .sub_nav1 .current1 a{ text-decoration:underline; color:#0583c9} .sub_nav1 .current{background:#0583c9;} .sub_nav1 .current a{ color:#fff} .aa{justify-content: center} .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ background-image:url(../images/left.png); width:15px; height:26px; background-size:100% auto; margin-top:-13px;} .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ background-image:url(../images/right.png); width:15px; height:26px; background-size:100% auto; margin-top:-13px;} .sub_nav2{ width:100%; margin-top:30px;} .sub_nav2 ul.sub_nav2_cur{text-align:center; display:none} .sub_nav2 ul.sub_nav2_cur li{ display:inline-block; margin:2px;} .sub_nav2 ul.sub_nav2_cur li a{ color:#333; font-size:16px; padding:0 40px; border:solid 1px #e1e2e6; height:45px; line-height:45px; display:block} .sub_nav2 ul.sub_nav2_cur li a:hover{ background:#e60012; color:#fff} .main1{ margin-top:25px;} @media (max-width: 640px) { .sub_nav1 .swiper-slide a{ height:45px; line-height:45px; font-size:14px;} .sub_nav2{ margin-top:0; padding:0} .sub_nav2 ul.sub_nav2_cur li{ display:block; width:100%; margin:0; border-bottom:solid 1px #d9d9d9} .sub_nav2 ul.sub_nav2_cur li a{ border:none; background:url(../images/sub2_ico11.jpg) no-repeat 8px center #f5f5f5; padding-left:30px; text-align:left; font-size:14px;} .sub_nav2 ul.sub_nav2_cur li a:hover{ background:url(../images/sub2_ico11.jpg) no-repeat 8px center #f5f5f5; color:#333} .main1{ margin-top:0px;} } .partner_list ul li{ text-align:center; padding-left:5px; padding-right:5px; margin-bottom:10px;} .partner_list ul li a{ display:block; position:relative; overflow:hidden} .partner_list ul li .img_area{ border:solid 1px #e1e2e6} .partner_list ul li .text_area{ position:absolute; bottom:-35px; left:0; height:35px; line-height:35px; text-align:center; color:#fff; z-index:2; background:rgba(5,130,200,0.8); width:100%;transition: all linear 0.2s;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;font-size:14px; } .partner_list ul li a:hover{box-shadow: 0 5px 5px #ccc;} .partner_list ul li a:hover .text_area{ bottom:0} .honor_list ul li{ text-align:center; padding-left:10px; padding-right:10px; margin-bottom:20px;} .honor_list ul li a{ display:block; position:relative; overflow:hidden;border:solid 1px #e1e2e6; padding:8px 8px 0 8px;} .honor_list ul li .img_area{ } .honor_list ul li .text_area{ height:55px; line-height:55px;display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;font-size:14px; } .honor_list ul li a:hover{box-shadow: 0 5px 5px #ccc; background:#0583c9} .honor_list ul li a:hover .text_area{ color:#fff} .video_list ul li{ text-align:center; margin-bottom:10px;} .video_list ul li a{ display:block;} .video_list ul li .img_area{ border:solid 1px #e1e2e6;position:relative; } .video_list ul li .img_area:before{display:block; content:" "; position:absolute; top:50%; left:50%; margin-left:-26px; margin-top:-26px;width:55px; height:55px; background:url(../images/video_ico1.png) no-repeat; background-size:100% auto} .video_list ul li .text_area{ height:40px; line-height:40px;display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;font-size:14px; } .video_list ul li:hover .img_area:before{ background:url(../images/video_ico2.png) no-repeat} .news_list ul li{ border:solid 1px #e1e2e6; margin-bottom:30px;} .news_list ul li .img_area{ width:300px; } .news_list ul li.dan .img_area{ float:left; } .news_list ul li.ou .img_area{ float:right; } .news_list ul li.dan .text_area{float:left; margin-left:25px;margin-right:30px;} .news_list ul li.ou .text_area{float:right; margin-left:30px;margin-right:25px; } .news_list ul li.dan .date_area{float:right;border-left:solid 1px #e1e2e6;} .news_list ul li.ou .date_area{float:left;border-right:solid 1px #e1e2e6;} .news_list ul li .text_area b{ display:block;transition: all linear 0.2s;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s; height:40px; line-height:40px; margin-top:15px;white-space:nowrap; text-overflow:ellipsis; overflow:hidden;background:url(../images/news_ico.jpg) no-repeat -25px center} .news_list ul li:hover .text_area b{ padding-left:40px;background:url(../images/news_ico.jpg) no-repeat 5px center } .news_list ul li:hover .text_area b a{ color:#0583c9;} .news_list ul li .text_area p{ line-height:25px; height:75px; overflow:hidden; font-size:14px; color:#666} .news_list ul li .date_area{ width:145px; text-align:right; padding-right:40px; height:110px; padding-top:20px; margin-top:25px;} .news_list ul li .date_area .day{ font-size:22px; color:#999; display:block; margin-bottom:10px; padding-bottom:10px; position:relative; } .news_list ul li .date_area .day:before{display:block; content:" "; position:absolute; bottom:0; right:0;width:20px; height:1px; background:#0583c9} .news_list ul li .date_area .year{ display:block; color:#999;} @media (max-width: 640px) { .partner_list ul li .text_area{ position:inherit; bottom:0; left:0; height:28px; line-height:28px; text-align:center; color:#333; z-index:2; background:none; } .honor_list ul li .text_area{ position:inherit; bottom:0; font-size:14px; left:0; height:28px; line-height:28px; text-align:center; color:#333; z-index:2; background:none; } .honor_list ul li{ text-align:center; padding-left:5px; padding-right:5px; margin-bottom:10px;} .video_list ul li{ text-align:center; margin-bottom:10px; padding:0 5px;} .video_list ul li .img_area:before{margin-left:-15px; margin-top:-15px;width:30px; height:30px; } .video_list ul li .text_area{ height:30px; line-height:30px; } .news_list ul li{ padding-bottom:10px; margin-bottom:15px;} .news_list ul li .text_area p{ line-height:20px; height:40px; overflow:hidden; font-size:12px;} .news_list ul li .img_area{ width:100%; display:block; float:none } .news_list ul li .text_area{ float:left; width:75%; margin-left:3%;} .news_list ul li .text_area b{ font-size:14px; height:25px; line-height:25px; margin-top:5px;background:url(../images/news_ico.jpg) no-repeat left center; background-size:auto 50%; padding-left:20px;} .news_list ul li .date_area{ float:right; width:19%; height:auto; padding-right:3%; padding-top:5px; padding-bottom:5px; margin-top:8px;border-left:solid 1px #e1e2e6; } .news_list ul li .date_area .day{ font-size:14px; color:#0583c9; display:block; padding-bottom:5px; margin-bottom:5px; position:relative; } .news_list ul li .date_area .year{ font-size:14px; color:#0583c9; display:block; } } .feedback-form .title {padding:15px;color: #000;background-color: #F2F2F2;margin-bottom:15px;box-sizing:border-box; } .feedback-form .form-group .sure,.feedback-form .form-group .more{ padding:5px 15px; border:none; color:#fff; border-radius:5px; margin-right:10px;} .feedback-form .form-group .sure{ background:#df0024} .feedback-form .form-group .more{ background:#dfa800} @media (max-width: 640px) { .feedback-form .title {margin-left:-15px; margin-right:-15px;font-size:14px;} .feedback-form label{ font-size:14px;} } .MagicZoomBigImageCont{border:1px solid #91b817;overflow:hidden} .MagicZoomBigImageCont img{width:800px;height:800px}/*修改放大后图片显示的大小*/ .MagicZoomBigImageCont iframe{width:300px;height:300px} .MagicZoomHeader{font:10px Tahoma, Verdana, Arial, sans-serif;color:#fff;background:#91b817;text-align:center !important} .MagicZoomPup{border:1px solid #aaa;background:#fff;cursor:hand;left:0;} .MagicZoomLoading{text-align:center;background:#fff;color:#444;opacity:0.8;padding:3px 3px 3px 3px !important;display:none} .MagicZoomLoading img{padding-top:3px !important} .MagicThumb{cursor:url(cursor/zoomin.cur), pointer;outline:none} .MagicThumb-zoomed{cursor:default} .MagicThumb span{display:none} .MagicThumb-image{border:1px solid #ccc;outline:none} .MagicThumb-image-zoomed{cursor:url(cursor/zoomout.cur), pointer} .MagicThumb-caption{color:#333333;background-color:#F0F0F0;border:1px solid #CCC;border-top:none;font-family:Verdana, Helvetica;font-size:11px;padding:8px 16px} .MagicThumb-controlbar{display:block;height:18px} .MagicThumb-controlbar a{display:block;width:180px;height:180px;margin:0px 1px;outline:none;float:left;overflow:hidden} .MagicThumb-controlbar a span{display:block;width:1000px;height:1000px;background:transparent url(graphics/controlbar.png) no-repeat 0 0;outline:none;position:absolute;left:0px;top:0px} .MagicThumb-loading{border:1px solid #000;background:#fff url(graphics/loader.gif) no-repeat 2px 50%;padding:2px 2px 2px 22px;margin:0;text-decoration:none;text-align:left;font-size:8pt;font-family:sans-serif;}