@charset "utf-8";
/* css */
* {margin: 0;padding: 0}
body {font: 14px "Microsoft YaHei", Arial, Helvetica, sans-serif;color: #333;background: #E9EAED;line-height: 1.5;overflow-x: hidden;}
img {border: 0;display: block}
ul, li {list-style: none;}
a {text-decoration: none;color: #333;}
a:hover {color: #000;text-decoration: none;}
.clear {clear: both;width: 100%;overflow: hidden;}
.clearblank {clear: both;width: 100%;overflow: hidden;}
.fl {float: left!important;}
.fr {float: right!important;}
.box, article {width: 1200px;margin: auto;overflow: hidden}
.navbox {width: 1200px;margin: auto;}
.mt20 {margin-top: 20px;}
.blue {color: #00C1DE}
@font-face {
font-family: "iconfont";
src: url('../fonts/iconfont.eot'); /* IE9*/
src: url('../fonts/iconfont.eot#iefix') format('embedded-opentype'),
url('../fonts/iconfont.ttf') format('truetype'); /* iOS 4.1- */
}
/*header*/
header {width: 100%;padding: 5px 0;background: #1255d0;height: 50px;}
header::before {
background: #000 linear-gradient(to left, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
content: "";height: 5px;position: absolute;top: 0;width: 100%;}

.logo {float: left;margin-right:30px;line-height: 50px;color: #FFF;font-size: 22px}
.logo a {color: #FFF}
.logo img {margin-top: 14px;}

.imgscale img {max-width: 100%;-moz-transition: all .5s ease;/*height: 100%;*/margin: 0 auto;display: block;
-webkit-transition: all .5s ease;-ms-transition: all .5s ease;
-o-transition: all .5s ease;transition: all .5s ease;transition: all 0.5s;}

.imgscale:hover img {transform: scale(1.1);}
/*nav*/
nav {float: left;height: 50px;line-height: 50px;text-align: center;}
#starlist li {position: relative;display: inline;float: left;width: max-content;}
#starlist li a {display: inline;float: left;padding: 0 12px;color: #fff}
#starlist li a:hover, #starlist .selected, .selected > a, #starlist li:hover {
color: #ded700;}
#starlist li:hover a {color: #00c1de}
#starlist ul.sub {overflow: hidden;position: absolute;left: 0;top: 50px;background: #1C2327;display: none;z-index: 9}
#starlist ul.sub li {height: 30px;line-height: 30px;font-size: 14px;overflow: hidden;text-align: left;}
#starlist ul.sub li:last-child {padding-bottom: 10px}
#starlist ul.sub li a {color: #FFF}
#starlist ul.sub li a:hover {color: #00c1de}
#starlist li:hover ul.sub {display: block}

/*箭头*/
.menu:before {
position: absolute;
content: "";
top: 22px;
right: 5px;
background: url(../images/jt.png) no-repeat;
width: 8px;
height: 8px;
-ms-transition: all .5s ease;
-moz-transition: all .5s ease;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
.menu:hover:before {
transform: rotate(180deg)
}/*旋转*/
#mnavh {
display: none;
margin: 5px 0 0 0;
width: 24px;
height: 40px;
float: right;
text-align: center;
padding: 0 10px;
}
.navicon {
display: block;
position: relative;
width: 30px;
height: 5px;
background-color: #fff;
margin-top: 20px;
}
.navicon:before, .navicon:after {
content: '';
display: block;
width: 30px;
height: 5px;
position: absolute;
background: #fff;
-webkit-transition-property: margin, -webkit-transform;
transition-property: margin, -webkit-transform;
transition-property: margin, transform;
transition-property: margin, transform, -webkit-transform;
-webkit-transition-duration: 300ms;
transition-duration: 300ms;
}
.navicon:before {
margin-top: -10px;
}
.navicon:after {
margin-top: 10px;
}
.open .navicon {
background: none
}
.open .navicon:before {
margin-top: 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.open .navicon:after {
margin-top: 0;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.open .navicon:before, .open .navicon:after {
content: '';
display: block;
width: 30px;
height: 5px;
position: absolute;
background: #fff;
}
/*menu+*/
.menu span {
display: none;
width: 50px;
height: 50px;
background: #12b7de;
opacity: 0.5;
position: absolute;
top: 0;
right: 0;
border-left: #49ccea 1px solid;
}
/*search*/
.searchico {
margin-top: 5px;
width: 39px;
height: 39px;
float: right;
display: inline;
cursor: pointer;
background: url(../images/bg.png) no-repeat center !important;
}
.searchbox {
width: 1200px;
margin: 10px auto;
overflow: hidden;
background: #ffffff;
position: relative;
}
.search {
width: 50%;
margin: 20px auto;
background: #2f0bf1;
border-radius: 0 5px 5px 0;
position: relative;
border: #ccc 1px solid;
display: none;
}
.search input.input_submit {
border: 0;
background: 0;
color: #fff;
outline: none;
position: absolute;
padding: 10px 11%;
cursor: pointer;
}
.search input.input_text {
border: 0;
line-height: 36px;
height: 36px;
width: 72%;
padding-left: 10px;
outline: none
}
.open {
display: block !important
}
.searchclose {
background: url(../images/close.png) no-repeat;
display: block;
position: absolute;
width: 28px;
height: 30px;
right: 5px;
top: 5px
}
/*article*/

/*lbox*/
.lbox {
width: 75%;
float: left;
overflow: hidden
}
/*banner*/
.banbox {
width: 68.5%;
overflow: hidden;
float: left;
border-radius: 3px;
margin-bottom: 20px
}
.banner {
width: 100%;
overflow: hidden;
float: left;
}
.fader {
position: relative;
width: 100%;
height: 260px; /*padding-top: 50%;*/
font-family: "futura", arial;
overflow: hidden;
background: #ccc;
}
.fader .slide {
position: absolute;
width: 100%;
top: 0;
z-index: 1;
opacity: 0;
}
.fader .slide img {
max-width: 100%;
height: 260px;
margin: auto;
}
.fader .prev, .fader .next {
position: absolute;
height: 32px;
line-height: 32px;
width: 40px;
top: 50%;
left: 50px;
z-index: 4;
margin-top: -25px;
cursor: pointer;
opacity: 0;
transition: all 150ms;
}
.fader .prev {
background: url(../images/left.png) no-repeat
}
.fader .next {
left: auto;
right: 50px;
background: url(../images/right.png) no-repeat
}
.fader .pager_list {
position: absolute;
width: 100%;
height: 26px;
padding: 0;
line-height: 40px;
bottom: 0;
text-align: center;
z-index: 4;
}
.fader .pager_list li {
border-radius: 10px;
display: inline-block;
width: 10px;
height: 10px;
margin: 0 7px;
background: #fff;
opacity: .9;
text-indent: -9999px;
cursor: pointer;
transition: all 150ms;
}
.fader .pager_list li:hover, .fader .pager_list li.active {
opacity: 1;
background: #12b7de;
}
.banner:hover .fader_controls .page.prev {
opacity: .7;
left: 20px
}
.banner:hover .fader_controls .page.next {
opacity: .7;
right: 20px
}
/*headline*/
.headline {
width: 30%;
float: right;
overflow: hidden;
}
.headline ul {
height: 260px;
}
.headline ul li {
width: 100%;
background: #000;
overflow: hidden;
height: 125px;
margin-bottom: 10px;
border-radius: 3px;
position: relative
}
.headline ul li a {
display: block;
overflow: hidden;
height: 100%;
}
.headline ul li img {
max-width: 100%;margin: 0 auto;
/*height: 100%;*/
-moz-transition: all .5s ease;
-webkit-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
transition: all 0.5s;
opacity: .7;
}
.headline ul li:hover img {
transform: scale(1.1);
opacity: 1
}
.headline ul li span {
bottom: 0;
position: absolute;
top: 30%;
left: 0;
right: 0;
color: #FFF;
text-align: center;
font-size: 15px;
margin-top: 5px;
padding: 0 40px;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 2;
line-height: 24px;
height: 48px;
}
/*tab_buttons*/
.tab_buttons {
margin-bottom: 10px;
width: 100%;
overflow: hidden;
border-bottom: #e4e3e3 1px solid;/* position: relative; */
}
.tab_buttons li {
display: block;
font-size: 16px;
line-height: 40px;
float: left;
/*width: 100px;*/
padding: 0 32px;
text-align: center;
position: relative;
color:#333;
font-weight:bold;
cursor: pointer
}
.newscurrent:after {
content: "";
background: #333;
width: 100%;
height: 2px;
position: absolute;
bottom: 0;
left: 0px;
}
.newsitem {
display: none;
}
.newsitem:nth-child(1) {
display: block;
}
/*tab_box*/
.whitebg {
background: #fff;
border-radius: 3px;
padding: 20px;
margin-bottom: 20px;
overflow: hidden;
}
.cooperate a{display: inline-block;margin-right: 15px;line-height: 2;margin-top:15px }
.cooperate a:hover{color:#1255d0;}
.tab_box {
clear: both;
position: relative;
}
.newslist {
float: right;
width: 66%
}
.newslist li {
overflow: hidden;
line-height: 32px;
padding: 0 20px 10px 20px;
}
.newslist li a {
height: 32px;
}
.newslist li img {
width: 100%
}
.newslist li {
height: 22px;
}
.newslist li:hover {
height: 100%;
background: #f7f7f7
}
.newslist li:hover a {
color: #1255d0;
font-weight: bold
}
.newslist li:hover i {
background: #1255d0;
}
.newslist li:nth-child(1) {
height: 100%;
background: #f7f7f7
}
.newslist li:nth-child(1) a {
color: #1255d0;
font-weight: bold
}
.newslist li:nth-child(1) i {
background: #9a9a9a;
}
.newslist:hover li:nth-child(1) {
height: 22px;
background: none;
}
.newslist:hover li:nth-child(1) a {
color: #333;
font-weight: normal
}
.newslist:hover li:nth-child(1) i {
background: #9a9a9a;
}
.newslist:hover li:nth-child(1):hover {
height: 100%;
background: #f7f7f7;
}
.newslist:hover li:nth-child(1):hover a {
color: #1255d0;
font-weight: bold
}
.newslist:hover li:nth-child(1):hover i {
background: #222;
}
.newslist p {
line-height: 24px;
font-size: 14px;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 2;
height: 48px;
}
.newspic {
float: left;
width: 32%;
height: 218px;
overflow: hidden;
position: relative;
}
.newspic ul {
overflow: hidden;
}
.newspic li {
height: 100px;
position: relative;
background: rgba(0,0,0,1);
overflow: hidden;
margin-bottom: 10px;
border-radius: 3px
}
.newspic li a {
display: block;
overflow: hidden
}
.newspic img {
/*height: 100px;*/
max-width: 100%;
display: block;margin: 0 auto;
opacity: .7;
-moz-transition: all .5s ease;
-webkit-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
transition: all 0.5s;
}
.newspic span {
bottom: 0;
position: absolute;
bottom: 30%;
left: 0;
right: 0;
color: #FFF;
text-align: center;
font-size: 15px;
padding: 0 40px;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 2;
line-height: 22px;
}
.newspic li:hover img {
opacity: .9;
transform: scale(1.1);
}
.newsitem ul li i {
display: block;
width: 20px;
height: 20px;
background: #9a9a9a;
float: left;
margin-top: 6px;
margin-right: 20px;
position: relative;
font-style: normal
}
.newsitem ul li i::before {
position: absolute;
left: 0;
top: 0;
font-size: 9px;
color: #fff;
line-height: 20px;
width: 20px;
text-align: center
}
.newsitem ul li:first-child i {
background: #1255d0;
}
.newsitem ul li:first-child i::before {
content: "1";
}
.newsitem ul li:nth-child(2) i::before {
content: "2";
}
.newsitem ul li:nth-child(3) i::before {
content: "3";
}
.newsitem ul li:nth-child(4) i::before {
content: "4";
}
.newsitem ul li:nth-child(5) i::before {
content: "5";
}
/*zhuanti*/
.zhuanti ul {
overflow: hidden;
padding: 10px 0 20px 10px;
position: relative;display: none;
}
.zhuanti ul:nth-child(1){display: block;}
.zhuanti ul:before {
content: "";
position: absolute;
background: #fff;
width: 1px;
height: 100%;
left: 10px
}
.zhuanti ul:after {
content: "";
position: absolute;
background: #fff;
width: 100%;
height: 1px;
bottom: 20px;
left: 0;
}
.zhuanti li {
float: left;
width: 27.6%;
border-bottom: #eee 1px solid;
border-left: #eee 1px solid;
overflow: hidden;
padding: 20px;
-moz-transition: all .5s ease;
-webkit-transition: all .5s ease;
transition: all .5s ease;
}
.ztpic {
width: 100%;
height: 100px;
overflow: hidden;
border-radius: 3px;
background: #CCC;
display: block
}
.ztpic img {
display:block;
max-width: 100%;
height: 100%;
margin: 0 auto;
vertical-align: middle;
transition: all .5s ease-out .1s;
}
.zhuanti li b {
display: block;
width: 100%;
overflow: hidden;
height: 30px;
line-height: 30px;
margin: 10px 0;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.zhuanti li span {
color: #999;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 3;
font-size: 14px;
height: 62px;
display: block;
}
.readmore {
margin: 10px 0 0 0;
color: #096;
display: block;
}
.readmore:before {
content: "+";
color: #063
}
.zhuanti li:hover {
background: #fff;
box-shadow: #ccc 1px 1px 8px;
}
.zhuanti li:hover img {
transform: scale(1.05)
}
/*bloglist*/
.bloglist ul {
padding: 10px 0 0
}
.bloglist li {
overflow: hidden;
margin-bottom: 20px;
border-bottom: #eee 1px dashed;
padding-bottom: 20px;
position: relative;
min-height: 120px;
}
.pagelist li{min-height:auto;display: inline-block;}
.blogtitle {
margin: 0 0 10px 0;
font-size: 18px;
overflow: hidden;
}
.bloglist li:hover .blogtitle a {
color: #337ab7;
}
.blogtitle b {
color: #F00
}
a.viewmore {
display: block;
right: 10px;
bottom: 20px;
position: absolute;
padding: 3px 10px;
background: #1255d0;
color: #fff;
border-radius: 3px;
}
.blogpic {
float: left;
width: 23.2%;
margin-right: 20px;
display: block;
overflow: hidden;
border-radius: 3px;
position: relative;
max-height: 140px;
}
.blogpic i {
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 9;
font-style: normal;
padding: 3px 5px;
background: rgba(18,182,221,.8);
font-size: 14px;
}
.blogpic i a {
color: #FFF
}
.bplist {
display: block;
overflow: hidden
}
.bplist a {
display: block;
float: left;
width: 25%;
overflow: hidden
}
.bplist a img {
border-radius: 3px;
width: 200px;
height: 140px;
-moz-transition: all .5s ease;
-webkit-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
transition: all 0.5s;
}
.bplist a img:hover {
transform: scale(1.05)
}
.blogtext {
font-size: 14px;
color: #666;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 3;
margin-top: 20px
}
.bloginfo {
margin-top: 20px;
overflow: hidden;
color: #999;
line-height: 34px;
}
.bloginfo span {
margin: 0 5px
}
.bloginfo span a {
color: #096
}
.avatar {
position: relative;
float: left;
width: 30px;
height: 30px;
border-radius: 100%;
padding: 2px;
display: block;
background: -webkit-linear-gradient(bottom left, rgba(0,153,255,.9), rgba(42,228,197,.7));
background: -o-linear-gradient(bottom left, rgba(0,153,255,.9), rgba(42,228,197,.7));
background: linear-gradient(to top right, rgba(0,153,255,.9), rgba(42,228,197,.7));
}
.avatar img {
width: 100%;
border-radius: 50%;
}
.avatar::after {
content: "";
position: absolute;
background: url(../images/v.png) no-repeat;
background-size: 12px;
width: 12px;
height: 12px;
right: 0;
bottom: 0
}
/*links*/
.sqlink {
float: right;
margin-right: 10px;
font-size: 14px
}
.sqlink a {
color: #666
}
.sqlink a:hover {
color: #000;
text-decoration: underline
}
.links ul {
overflow: hidden;
margin-top: 20px
}
.links li {
/*display: inline-block;
width: 50%;
float: left;*/
line-height: 30px;
}
.links li a {
display: block;
}
.links li:hover {
background: #f7f7f7
}
/*rbox*/
.rbox {
width: 23.5%;
float: right;
overflow: hidden;
}
.card {
box-shadow: 0px 1px 0px rgba(255,255,255,.1), inset 0px 1px 1px rgba(1,1,1,.7);
border-radius: 3px;
background: url(../images/quote-bg.png) no-repeat top right rgba(21,39,255,1);
height: 260px;
overflow: hidden;
margin-bottom: 20px
}
.card h2 {
font-size: 22px;
margin: 10px;
color: #fff;
font-weight: normal;
padding-bottom: 10px;
}
.card p {
font-size: 12px;
padding: 0 0 0 20px;
line-height: 28px;
text-shadow: 0px 1px 2px rgba(0,0,0,.5);
color: #d0d2d4;
-webkit-animation: animations2 5s ease-in-out 5s;
-moz-animation: animations2 5s ease-in-out 5s;
-o-animation: animations2 5s ease-in-out 5s;
-ms-animation: animations2 5s ease-in-out 5s;
animation: animations2 5s ease-in-out 5s;
}
.linkmore {
margin: 15px
}
.linkmore li {
width: 25%;
float: left;position: relative;
}
.linkmore li a {
height: 53px;
display: block;
overflow: hidden;
box-shadow: 0px 1px 0px rgba(255,255,255,.1), inset 0px 1px 1px rgba(255,255,255,.7);
border-radius: 50%;
margin: 0 5px;
}
.linkmore li a:hover {
opacity: 0.5;
}
.linkmore li i{display: block;
position: absolute;
bottom: 55px;
right: 0}
.linkmore li i img{height: 100px;
display: none}
.linkmore li:hover img{display: block;}

.iconfont {
font-family: "iconfont" !important;
font-size: 30px;
font-style: normal;
-webkit-font-smoothing: antialiased;
text-align: center;
line-height: 53px;
-moz-osx-font-smoothing: grayscale;
}
.icon-youxiang:before {
/*content: "\e640";*/
}
.icon-weixin:before {
/*content: "\e501";*/
}
.icon---:before {
/*content: "\e607";*/
}
.icon-zhuye:before {
/*content: "\e64b";*/
}
a.iconfont.icon-zhuye {
color: #ef5509;
font-size: 36px;background: url(../images/icon1.png) center no-repeat;

}
a.iconfont.icon-youxiang {
color: #FF991A;
font-size: 28px;background: url(../images/icon2.png) center no-repeat;
}
a.iconfont.icon--- {
color: #1296DB;background: url(../images/icon3.png) center no-repeat;
}
a.iconfont.icon-weixin {
color: #07AF12;background: url(../images/icon4.png) center no-repeat;
}
#weixin {
position: relative
}
#weixin i {
display: block;
position: absolute;
bottom: 55px;
right: 0
}
#weixin i img {
height: 100px;
display: none
}
#weixin:hover i img {
display: block
}
/*htitle*/
.htitle {
font-size: 16px;
line-height: 40px;
border-bottom: 1px solid #eee;
color: #484848;
font-weight: normal;
position: relative;
margin-bottom: 10px;
}
.htitle span{display: inline-block;float: right;font-size: 12px;}
.htitle:after {
content: "";
position: absolute;
width: 60px;
height: 2px;
content: "";
background: #000;
left: 0;
bottom: 0;
-moz-transition: all .5s ease;
-webkit-transition: all .5s ease;
transition: all .5s ease;
}
.htitle:hover:after {
width: 80px;
}

@media only screen and (max-width: 767px) 
{
.htitle {
display:none;
}

}

.hnav {
float: right
}
.hnav a {
display: block;
margin-right: 10px;
padding-right: 10px;
float: left;
position: relative
}
.hnav a:after {
position: relative;
content: "/";
right: -10px;
bottom: 0;
color: #ccc
}
.hnav a:last-child::after {
content: ""
}
.hnav a.tcurrent{color: #1255d0;}
/*notice*/
.notice ul {
padding-top: 18px
}
.notice li {
font-size: 12px;
line-height: 30px;
margin-bottom: 12px;
display: block;
-moz-border-radius: 4px;
border-radius: 4px;
background: #f6f6f6;
padding: 4px 12px 4px 30px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
position: relative;
-moz-transition: all .2s ease;
-webkit-transition: all .2s ease;
transition: all .2s ease;
}
.notice li:before {
position: absolute;
content: "";
width: 3px;
height: 3px;
background: #000;
border-radius: 10px;
left: 15px;
top: 20px
}
.notice li:hover {
background: #f2f2f2;
box-shadow: 0 0 10px #ccc;
-moz-transition: all .2s ease;
-webkit-transition: all .2s ease;
transition: all .2s ease;
}
/*topnews*/
.topnews {
display: block;
margin: 20px 0;
background: #000;
position: relative;
overflow: hidden;
border-radius: 3px;
max-height: 110px;
}
.topnews img {
opacity: .7;
}
.topnews span {
bottom: 0;
position: absolute;
bottom: 30%;
left: 0;
right: 0;
color: #FFF;
text-align: center;
font-size: 15px;
padding: 0 40px;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 2;
line-height: 22px;
}
.topnews:hover img {
opacity: .9;
transform: scale(1.1);
}
/*paihang*/
.paihang ul {
overflow: hidden
}
.paihang ul li {
height: 30px;
line-height: 30px;
margin-bottom: 10px;
padding-left: 5px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.paihang ul li:nth-child(even) {
background: #f6f6f6
}
.paihang ul li i {
display: block;
width: 16px;
height: 16px;
background: #B1B1B1;
float: left;
margin-top: 8px;
margin-right: 10px;
position: relative;
font-style: normal
}
.paihang ul li i::before {
position: absolute;
left: 0;
top: 0;
font-size: 9px;
color: #fff;
line-height: 16px;
width: 16px;
text-align: center
}
.paihang ul li:first-child i, .paihang ul li:nth-child(2) i, .paihang ul li:nth-child(3) i {
background: #FF6600;
}
.paihang ul li:first-child i::before {
content: "1";
}
.paihang ul li:nth-child(2) i::before {
content: "2";
}
.paihang ul li:nth-child(3) i::before {
content: "3";
}
.paihang ul li:nth-child(4) i::before {
content: "4";
}
.paihang ul li:nth-child(5) i::before {
content: "5";
}
.paihang ul li:nth-child(6) i::before {
content: "6";
}
.paihang ul li:nth-child(7) i::before {
content: "7";
}
.paihang ul li:nth-child(8) i::before {
content: "8";
}
.paihang ul li:hover {
-moz-transition: all .2s ease;
-webkit-transition: all .2s ease;
transition: all .2s ease;
}
/*tuijian*/
.tuijian ul {
overflow: hidden;
padding-top: 10px
}
.tuijian li {
overflow: hidden;
margin-bottom: 10px;
height: 60px;
}
.tuijian li i {
width: 70px;
height: 70px;
margin-right: 10px;
overflow: hidden;
display: block;
float: left;
}
.tuijian li i img {
height: 100%;
max-width: 100%;
min-width: 100%;
-moz-transition: all .5s ease;
-webkit-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
transition: all 0.5s;
}
.tuijian li p {
margin-top: 10px;
line-height: 20px;
max-height: 40px;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 2;
font-size: 14px;
}
.tuijian li:hover {
background: #f6f6f6;
}
.tuijian li:hover img {
transform: scale(1.1);
}
/*ad*/
.ad ul {
overflow: hidden;
border-radius: 3px;
}
/*wenzi*/
.wenzi li {
line-height: 22px;
margin-bottom: 10px;
position: relative;
padding-left: 15px
}
.wenzi li:before {
position: absolute;
content: "";
width: 3px;
height: 3px;
background: #000;
border-radius: 10px;
left: 0px;
top: 10px;
}
/*tongji*/
.tongji li {
margin-bottom: 8px
}
.tongji li a {
color: #096
}
.tongji li a:hover {
text-decoration: underline;
color: #000
}
.tongji_gzh {
width: 80%;
margin: auto;
overflow: hidden;
}
.tongji_gzh img {
width: 100%
}




/*footer*/
footer {background: #373D41;width: 100%;border-top: #1255d0 10px solid;padding: 30px 0;color: #73777a;font-size: 14px;}
.wxbox {overflow: hidden;float: left;margin-right: 20px}
.wxbox li {float: left;margin: 0 10px;text-align: center}
.wxbox img {height: 100px}
.endnav b {font-size: 16px;color: #00c1de;}
.endnav p {margin-bottom: 5px}
footer a {color: #73777a;}
footer a:hover {color: #00C1DE}
.top {width: 40px;height: 40px;display: block;background: url(../images/top.png) no-repeat center #000;right: 20px;bottom: 10%;position: fixed}


/*
list.html
*/
.lanmu img {
height: 100px;
float: left;
margin-right: 20px
}
.lanmu h1 {
font-size: 22px;
margin-bottom: 15px
}
.lanmu p {
color: #666
}
/*
list2.html
*/
.liucheng ul {
overflow: hidden;
margin-top: 20px
}
.liucheng li {
width: 33.3%;
float: left;
padding-bottom: 20px
}
.liucheng li section {
display: block;
margin: 0 15px;
box-shadow: #e9eaed 1px 1px 5px;
}
.liucheng li h2 {
font-size: 16px;
line-height: 36px;
background: #1c2327;
color: #FFF;
font-weight: normal;
text-align: center;
margin-bottom: 15px;
}
.liucheng li p {
padding: 0 10px;
font-size: 14px;
line-height: 30px
}
.liucheng li p:last-child {
padding-bottom: 15px
}
.liucheng li a:hover {
color: #30a6de
}
.red {
color: #F00
}
#lc_weixin {
position: relative
}
#lc_weixin i {
display: block;
position: absolute;
bottom: 40px;
right: 0;
box-shadow: #e9eaed 1px 1px 5px;
}
#lc_weixin i img {
height: 100px;
display: none
}
#lc_weixin:hover i img {
display: block
}
/*pagelist*/
.pagelist {
text-align: center;
color: #666;
width: 100%;
clear: both;
margin: 0 0 10px;
}
.pagelist li {
color: #666;
margin: 0 5px 10px;
padding: 5px 10px;
background: #F7F7F7;
display: inline-block;
}
.pagelist a:hover, .pagelist > b {
color: #3690cf;
color: #FFF;
background: #1C2327;
}
.pagelist > b {
padding: 5px 10px;
}
a.curPage {
color: #19585d;
font-weight: bold;
}
/*cloud*/
.cloud ul a {
line-height: 24px;
height: 24px;
display: block;
background: #999;
float: left;
padding: 3px 10px;
margin: 10px 5px 0 0;
border-radius: 3px;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
color: #FFF
}
.cloud ul a:nth-child(8n-7) {
background: #8A9B0F
}
.cloud ul a:nth-child(8n-6) {
background: #EB6841
}
.cloud ul a:nth-child(8n-5) {
background: #3FB8AF
}
.cloud ul a:nth-child(8n-4) {
background: #FE4365
}
.cloud ul a:nth-child(8n-3) {
background: #FC9D9A
}
.cloud ul a:nth-child(8n-2) {
background: #EDC951
}
.cloud ul a:nth-child(8n-1) {
background: #C8C8A9
}
.cloud ul a:nth-child(8n) {
background: #83AF9B
}
.cloud ul a:first-child {
background: #036564
}
.cloud ul a:last-child {
background: #3299BB
}
.cloud ul a:hover {
border-radius: 0;
text-shadow: #000 1px 1px 1px
}
/*

daohang.html

*/
.site_tj {
overflow: hidden;
padding-top: 20px
}
.site_tj li {
width: 16.6%;
float: left;
text-align: center;
line-height: 30px;
margin-bottom: 10px;
}
.site_tj li a {
border-radius: 3px;
display: block;
border: 1px solid #EBEBEB;
margin: 0 5px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.site_tj li:hover a {
box-shadow: 0 4px 10px -4px rgba(48, 63, 107, 0.20);
background: #222;
color: #fff
}
.site_yx li:nth-child(30n) {
margin-bottom: 60px
}
/*

about

*/
.about {
overflow: hidden;
background: url(../images/abbg.png) no-repeat right top #fff;
padding: 20px 40px
}
.ab_box {
overflow: hidden;
margin: 20px 0;
}
.ab_box h3 {
margin: 10px 0 10px;
font-size: 18px;
}
.ab_box p {
color: #666;
margin-bottom: 5px
}
.avatar_pic {
position: relative;
float: left;
margin-right: 10px;
background: -webkit-linear-gradient(bottom left, rgba(0,153,255,.9), rgba(42,228,197,.7));
background: -o-linear-gradient(bottom left, rgba(0,153,255,.9), rgba(42,228,197,.7));
background: linear-gradient(to top right, rgba(0,153,255,.9), rgba(42,228,197,.7));
display: block;
padding: 2px;
width: 100px;
border-radius: 50%;
}
.avatar_pic img {
width: 100%;
border-radius: 50%;
}
.avatar_pic:before {
position: absolute;
content: "";
background: url(../images/v.png) no-repeat;
bottom: 0px;
right: 10px;
height: 24px;
width: 24px;
background-size: 24px;
}
.ab_dubai {
margin-bottom: 15px;
display: inline-block;
}
.ly_button {
float: right;
width: 100px;
background: #000;
text-align: center;
border-radius: 3px;
line-height: 30px
}
.ly_button a {
color: #FFF
}
.gd_title {
margin: 20px 0;
font-size: 18px;
background: url(../images/hline.png) no-repeat bottom right;
width: 120px;
clear: both;
background-size: 40px;
border-bottom: #000 1px dashed;
padding-left: 10px;
padding-bottom: 5px;
display: inline-block;
}
.xinlu li {
width: 25%;
float: left;
overflow: hidden;
margin-bottom: 20px
}
.xinlu li a {
display: block;
margin: 0 10px;
background: #f3f3f3;
padding: 20px;
}
.xinlu li i {
display: block;
overflow: hidden;
height: 120px;
margin-bottom: 10px
}
.xinlu li i img {
width: 100%;
min-height: 120px;
-moz-transition: all .5s ease;
-webkit-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
transition: all 0.5s;
}
.xinlu li i:hover img {
transform: scale(1.1);
}
.xinlu li p {
font-weight: bold;
margin-bottom: 10px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.xinlu li span {
color: #666;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 3;
font-size: 14px;
height: 62px;
}
.myblog {
overflow: hidden;
clear: both
}
.myblog li {
width: 20%;
float: left;
display: block;
text-align: center;
padding-bottom: 10px;
position: relative;
overflow: hidden
}
.myblog li:after {
position: absolute;
content: "";
right: 0;
top: 0;
background: #e9eaed;
height: 100%;
width: 1px;
}
.myblog li:last-child:after {
content: none
}
.myblog li b {
display: block;
line-height: 30px;
margin-bottom: 10px;
}
.buttons {
display: block;
margin: 10px auto;
width: 130px;
text-align: center;
background: #00c1de;
padding: 5px 0;
border-radius: 3px;
color: #fff;
}
.buttons:hover {
color: #FFF
}
.myblog li:nth-child(even) .buttons {
background: #F60
}
.myblog p {
margin-bottom: 10px
}
.qq_join li {
float: left;
width: 25%;
}
.qq_join li section {
margin: 0 20px;
box-shadow: #ccc 1px 1px 5px;
padding: 10px;
display: block;
overflow: hidden
}
.qq_join li img {
width: 90%;
margin: auto;
background: -webkit-linear-gradient(bottom left, rgba(0,153,255,.9), rgba(42,228,197,.7));
background: -o-linear-gradient(bottom left, rgba(0,153,255,.9), rgba(42,228,197,.7));
background: linear-gradient(to top right, rgba(0,153,255,.9), rgba(42,228,197,.7));
display: block;
padding: 5px;
}
.qq_join li p {
margin: 10px;
}
.qq_join li b {
color: #019881;
margin: 0 5px;
}
/*

info.html

*/
.con_tilte {
font-size: 22px;
margin-top: 20px
}
.con_nav {
float: right;
font-size: 14px;
color: #666
}
.con_nav a {
color: #666
}
.con_nav a:hover {
color: #000
}
.con_info {
color: #888888;
border: 1px solid #F3F3F3;
padding: 10px;
margin: 10px auto 0;
line-height: 23px;
background: none repeat 0 0 #F6F6F6;
}
.con_info b {
margin-right: 10px;
color: #000;
}
.con_text {
line-height: 24px;
margin-top: 20px;
}
.con_text a {
color: #09C;
word-break: break-all;
}
.con_text a:hover {
text-decoration: underline
}
.con_text p {
margin: 15px 0;
}
.con_text img {
display: block;
max-width: 100% !important;
height: auto !important;
margin: auto
}
.price_info ul {
padding-top: 15px;
position: relative;
overflow: hidden
}
.price_info p {
margin-bottom: 5px
}
.price_info img {
position: absolute;
right: 20px;
top: 0;
width: 120px
}
.share {
padding: 10px 20px;
background: #f7f7f7;
border-left: 3px solid #000;
}
.diggit {
display: block;
width: 160px;
margin: 20px auto;
background: #E2523A;
color: #fff;
box-shadow: 1px 2px 6px 0px rgba(0,0,0,.2);
border-radius: 3px;
line-height: 40px;
text-align: center;
}
.diggit a {
color: #fff
}
.diggit a:hover {
text-decoration: none
}
.otherlink {
margin: 10px 0;
overflow: hidden
}
.otherlink li {
position: relative;
line-height: 26px;
height: 26px;
display: block;
width: 50%;
float: left;
overflow: hidden;
}
.otherlink li a {
display: block;
margin-right: 30px;
padding-left: 10px;
}
.otherlink li a:hover {
text-decoration: underline;
color: #000
}
.otherlink li:before {
position: absolute;
content: "";
width: 3px;
height: 3px;
background: #000;
border-radius: 10px;
left: 0px;
top: 12px;
}
.nextinfo a {
color: #000
}
.ad img {
width: 100%
}
.xiangsi {
margin-top: 20px;
overflow: hidden
}
.xiangsi li {
width: 25%;
float: left;
overflow: hidden;
margin-bottom: 20px;
padding-bottom: 10px;
}
.xiangsi a {
display: block;
margin: 0 5px;
padding-bottom: 10px;
box-shadow: #ececec 0px 2px 5px;
}
.xiangsi li i {
display: block;
overflow: hidden;
height: 120px;
margin-bottom: 10px;
}
.xiangsi li i img {
width: 100%;
min-height: 120px;
-moz-transition: all .5s ease;
-webkit-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
transition: all 0.5s;
}
.xiangsi li i:hover img {
transform: scale(1.1);
}
.xiangsi li p {
font-weight: bold;
margin-bottom: 10px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
padding: 0 8px
}
.xiangsi li span {
color: #666;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
display: block;
-webkit-line-clamp: 3;
font-size: 14px;
height: 62px;
padding: 0 8px
}
/*timebox*/
.timebox {
background: url(../images/abbg.png) no-repeat right top #fff;
;
padding: 30px
}
.timebox ul {
overflow: hidden;
}
.timebox span {
position: relative;
line-height: 32px;
padding-right: 40px;
color: #999
}
.timebox span:after {
position: absolute;
content: "";
width: 2px;
height: 40px;
background: #e0dfdf;
right: 18px
}
.timebox li {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.timebox li i {
position: relative;
font-style: normal
}
.timebox li i:before {
content: " ";
height: 10px;
width: 10px;
border: 2px solid #cccaca;
background: #fff;
position: absolute;
top: 4px;
left: -26px;
border-radius: 50%;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
.timebox li:hover i:before {
background: #080808
}
.pagelist.mt20 {
margin-top: 20px;
}
.saying {
line-height: 30px;
color: #a9a6a6;
}
.saying span {
float: right
}
.saying span a {
color: #de1513;
}
img#plKeyImg {
display: inline-block;
}
.yname {
margin: 10px 10px 10px 0
}
.yname span, .yzm span {
padding-right: 10px;
}
.yzm {
margin: 0 10px 10px 0
}
.gbox input[type="submit"] {
display: block;
background: #303030;
color: #fff;
border: 0;
line-height: 30px;
padding: 0 20px;
border-radius: 5px;
float: right;
}
#plpost textarea#saytext {
width: 100%;
}
#plpost input[type="submit"] {
display: block;
background: #040404;
color: #fff;
border: 0;
line-height: 30px;
padding: 0 20px;
border-radius: 5px;
float: right;
}
.gbox {
padding: 0;
overflow: hidden;
}
.gbox p {
margin-bottom: 10px;
overflow: hidden;
}
p.fbtime {
color: #000;
}
.fbtime span {
float: right;
color: #999;
font-size: 12px;
overflow: hidden;
white-space: nowrap;
}
p.fbinfo {
margin: 10px 0;
}
.fb ul {
margin: 10px 0;
padding: 20px 10px;
border-bottom: #ececec 1px solid;
}
span.tximg {
display: block;
float: left;
margin-right: 10px;
}
.gbox i {
display: block;
float: left;
margin-right: 10px;
}
.gbox i input {
margin: 10px auto;
display: block;
}
.hf ul {
padding: 10px 10px;
background: #f9f9f9;
}
.hf {
padding-bottom: 20px;
border-bottom: #dedddd 1px dashed;
}
textarea#lytext {
width: 99%;
}
.gbox input[type="submit"] {
display: block;
background: #040404;
color: #fff;
border: 0;
line-height: 30px;
padding: 0 20px;
border-radius: 5px;
float: right;
}
.ecomment {
border: #dedcdc 1px solid;
padding: 10px;
margin-bottom: 10px;
}
span.ecommentauthor {
color: #b5b5b5;
font-size: 14px;
margin-bottom: 5px;
display: block;
}
.gbook .fb ul {
margin: 10px 10px;
padding: 10px 10px 10px 70px;
border-bottom: #ececec 1px solid;
}
.gbook .fb:nth-child(8n-7) ul {
background: url(../images/tx10.jpg) no-repeat top 20px left 10px;
}
.gbook .fb:nth-child(8n-6) ul {
background: url(../images/tx9.jpg) no-repeat top 20px left 10px;
}
.gbook .fb:nth-child(8n-5) ul {
background: url(../images/tx8.jpg) no-repeat top 20px left 10px;
}
.gbook .fb:nth-child(8n-4) ul {
background: url(../images/tx7.jpg) no-repeat top 20px left 10px;
}
.gbook .fb:nth-child(8n-3) ul {
background: url(../images/tx6.jpg) no-repeat top 20px left 10px;
}
.gbook .fb:nth-child(8n-2) ul {
background: url(../images/tx5.jpg) no-repeat top 20px left 10px;
}
.gbook .fb:nth-child(8n-1) ul {
background: url(../images/tx4.jpg) no-repeat top 20px left 10px;
}
.gbook .fb:nth-child(8n) ul {
background: url(../images/tx3.jpg) no-repeat top 20px left 10px;
}
.gbook .fb:first-child ul {
background: url(../images/tx2.jpg) no-repeat top 20px left 10px;
}
.gbook .fb:last-child ul {
background: url(../images/tx1.jpg) no-repeat top 20px left 10px;
}
.pcd_ad {
display: block;
}
.pcd_ad img{max-width: 100%;height: auto !important;}
.mbd_ad {
display: none
}
#plpost img {
display: inline
}
.meihua_1 {
display: block;
margin-top: 10px;
padding: 5px 10px;
background-color: #ea4c89;
color: #FFF;
font-weight: bold;
font-size: 18px;
font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.meihua_2 {
background-color: #fff;
margin-bottom: 20px;
box-shadow: 0 1px 2px rgba(15,39,65,0.1);
font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.meihua_2 .meihua_2_1 {
height: auto;
overflow: hidden;
background-color: #FFF;
border: 1px solid #DDDDDD;
border-width: 1px 1px 1px 1px;
padding: 20px;
}
.meihua_2 .meihua_2_1 p {
margin: 5px auto!important;
}
.meihua_2 .meihua_2_1 .meihua_btn {
float: left;
border: 1px solid #8a8a8a;
font-size: 14px;
height: 36px;
line-height: 36px;
padding-left: 40px;
margin: 10px 10px 0 0;
overflow: hidden;
border-radius: 2px;
background: url(../images/30.png) no-repeat 5px 3px #4abd96;
border: 1px solid #4abd96;
color: #FFF;
text-decoration: none;
padding-right: 10px;
}
.meihua_2 .meihua_2_1 .meihua_btn i {
margin-right: 5px
}
.meihua_2 .meihua_2_1 .meihua_btn:hover {
background-color: #3169b0
}
.video {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.video iframe, .video object, .video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.short-btn {
float: left;
border: 1px solid #8a8a8a;
font-size: 14px;
height: 36px;
line-height: 36px;
padding-left: 40px;
margin: 10px 10px 0 0;
overflow: hidden;
border-radius: 2px;
background: url(../images/10.png) no-repeat 5px 3px #4abd96;
border: 1px solid #4abd96;
text-decoration: none;
color: #FFF!important;
padding-right: 10px;
text-decoration: none;
}
.short-btn:hover {
background-color: #3169b0
}

#wx_copy{width:24rem;background: #fff;border-radius: 5px; position:fixed;z-index: 999; left:50%; top:20%; margin-left:-12rem; margin-top:0; text-align:center;padding:2em 2rem 0; box-sizing:border-box; overflow:hidden;display: none;}
#wx_copy a{display:inline-block; vertical-align:middle;}
#wx_copy p#close_wx{position:absolute; right:1.5rem; top:1rem;width:2.4rem; height:2.4rem;}
#wx_copy img{max-width: 100%;display: block;margin-bottom: 1rem;}
#wx_copy h2 span{display: inline-block;;color: #ba1a24;}
#wx_copy h2 a{float: right;display: inline-block;height: 55px;background: #bc1b21;font-size: 1.2rem;color: #fff;text-align: center;display:block;;width: 20%;border-radius: 0 5px 5px 0;}
#wx_copy h2{height: auto;overflow: hidden;margin-bottom:24px;;border: 1px solid #e6e6e6;border-radius: 5px;color: #5e5e5e;font-size: 1.2rem;height: 55px;line-height: 55px;}