/* ==========================================================================
    公共样式
============================================================================ */
.clearfloat:after{display: block;content: "";clear: both;overflow: hidden;}
.clearfloat{*zoom:1;}
.clearfloat:before,.clearfloat:after{content:""; display:table; line-height:0;visibility:hidden;}
.clearfloat:after{ clear:both;}
*{margin: 0;padding: 0;}
body{overflow-x: hidden;}
.wrap{width: 1200px;margin: 0 auto;}

@media screen and (max-width: 1680px) {
    .wrap{width: 1200px;}
}
@media screen and (max-width: 1440px) {
    .wrap{width: 1100px;}
}
@media screen and (max-width: 1280px) {
    .wrap{width: 1000px;}
}
@media screen and (max-width: 992px) {
    .wrap{width: 768px;}
}
@media screen and (max-width: 768px) {
    .wrap{width: 100%; }
}
/*head*/
body{padding-top: 100px;box-sizing: border-box;}
.header{position: fixed;left: 0;top: 0; background: #FFFFFF; width: 100%;z-index: 300;height: 100px;line-height: 100px;}
.head_use{width: 100%;padding: 0 80px;box-sizing: border-box;}
.logo{width: 162px;float: left;}
.logo img{vertical-align: middle;width: 100%;}
.header .headR {width: calc(100% - 300px);float: right;height: 100%;position: relative;}
.header .nav{width: calc(100% - 100px);float: left; width: -moz-calc(100% - 100px);width: -webkit-calc(100% - 100px); text-align: right;}
.header .nav li{ display: inline-block; position: relative; margin-right: 3vw;}

.header .nav a {position: relative;z-index: 50; display: block;color: #333;width: 100%; white-space: nowrap; text-align: center;}
.nav_btn{display: none;}
.header .search {width: 100px;float: right;text-align: left;}
.header .search a span:hover{color: #014099;}
.header .search img {margin-left: 5px; vertical-align: middle;cursor: pointer;}
.header .search img+img{display: none;}
.header .nav .drop_item{display: block;width: 100%; white-space: nowrap; }
.header .headR .searchWap { display: none;}
.bigf img{width: 19px;vertical-align: middle;}
.headR .nav .header_nav_item .nav_down {display: none; position: absolute;padding: 10px 0; top: 100px;left: 0;background: #d7dee2; text-align: center; left: 50%; transform: translateX(-50%);}
.header .nav .header_nav_item>a:hover{color: #014099;}
.header_nav_item .nav_down a {font-size: 14px; line-height: 1.6;display: block;width: 100%;padding: 15px ;}
.header_nav_item .nav_down a:hover {background: #FFFFFF;}
.header .searchBox {display: none; background: #fff;width: 23.5vw;height: 60px;line-height: 60px; position: absolute;top: 100%;right: 0;z-index: 9;}
.header .searchBox input {display: block; width: 100%; height: 100%;padding: 0 20px;font-size: 16px; color: #333;position: relative;z-index: 50;}
.header .searchBox  a{position: absolute;z-index: 100;right: 10px;top: 0;line-height: 60px;}
.header .searchBox input::-webkit-input-placeholder {font-size: 16px;color: #666;}
.header .searchBox input::-moz-placeholder {font-size: 16px;color: #666;}
.header .searchBox input::-ms-input-placeholder {font-size: 16px;color: #666;}
.header .searchBox input:-ms-input-placeholder {font-size: 16px;color: #666;}
.searchBox .search_input{background: #dee5ed;display: inline-block;width: 78%; height: 46px;line-height: 46px;color: #666;border-radius: 2px; margin-right: 2%; position: relative;padding-left: 50px;float: left;}
@media only screen and (max-width:1770px ) {
	.head_use { padding: 0 50px;}
	.header .nav li { margin-right: 2vw;}
}
@media only screen and (max-width:1680px ) {
	.header .nav li { margin-right: 1.5vw;}
}
@media only screen and (max-width:1440px ) {
	.head_use{padding: 0 40px;}
	.header .headR{width: calc(100% - 200px);}
	.logo{width: 150px;}
}
@media only screen and (max-width:1300px ) {
	.header .headR{width: calc(100% - 150px);}
	.header .nav li { margin-right: 1vw;}
	.head_use{padding: 0 30px;}
	body{padding-top: 90px;}
	.header{height: 90px;line-height: 90px;}
	.headR .nav .header_nav_item .nav_down{top: 90px;}
	.logo{width: 140px;}
	.header .nav{width: calc(100% - 90px); width: -moz-calc(100% - 90px);width: -webkit-calc(100% - 90px);}
    .header .search{width: 50px; text-align: left; margin-right: 30px;}
}
@media only screen and (max-width:1150px ) {
	.header .nav { position: fixed; left: 0; top: 90px; width: 100%; background-color: #fff; text-align: center;}
}
@media only screen and (max-width:1024px ) {
	.header .search a{color: #FFFFFF;}
	.header .search a span:hover{color: #FFFFFF;}
	body{padding-top: 70px;}
	.nav_btn{display:block;position: absolute;z-index: 100; top: 0;right: 0;width: 40px;height: 40px;background: url(/images/nav_more.png)no-repeat center center/20px;}
	.header_nav_item.on .nav_btn{background: url(/images/nav_more2.png)no-repeat center center/20px;}
	.header{height: 70px;line-height: 70px;}
	.menuBtn {position: absolute;width: 24px;height: 24px;right: 20px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);}
    .menuBtn span {display: block;width: 100%;height: 2px;background: #333333;position: absolute;left: 0;top: 50%; margin-top: -1px; -webkit-transition: .4s;transition: .4s; border-radius: 2px;}
    .menuBtn .line1 {-webkit-transform: translateY(-8px);transform: translateY(-8px);}
    .menuBtn .line3 { -webkit-transform: translateY(8px);transform: translateY(8px);}
    .menuBtn.menuOn .line1 {-webkit-transform: translateY(0) rotate(-45deg);transform: translateY(0) rotate(-45deg);-webkit-transition: .4s;transition: .4s;}
    .menuBtn.menuOn .line2 {opacity: 0;-webkit-transition: .4s;transition: .4s;}
    .menuBtn.menuOn .line3 {-webkit-transform: translateY(0) rotate(45deg); transform: translateY(0) rotate(45deg);-webkit-transition: .4s;transition: .4s;}
    .header .headR{display: none; height: auto;padding: 0 20px 20px;background: rgba(25, 38, 58, 0.9); border-top: 1px solid #1f325c;position: fixed;top: 70px;right: 0;width: 100%;}
    .header .nav{width: 100%;padding: 20px 0;height: 100%;float: none; position:static;background:transparent;}    
    .header .nav li{width: 100%;text-align: left;} 
    .header .nav a{display: block;line-height: 40px; border-bottom: 1px solid #3d4453;color: #ffffff;} 
    .header .nav .header_nav_item>a:hover{color: #ffffff;}
    .header .header_nav_item .nav_down a{color: #7c8696;line-height: 40px;}
    .header .header_nav_item .nav_down a:hover{color: #7c8696;line-height: 40px;background: transparent;}
    .headR .nav .header_nav_item .nav_down{position: relative;top: 0;left: 0;background: transparent;}
    .header .search{float: none; text-align: left;width: 100%;height: 50px;line-height: 50px;}
    .header .searchBox{width: 100%;position: relative;top: 0;}
    .header .search img{display: none;}
    .header .search img+img{display: inline-block;}
    .head_use{padding: 0 20px;}
    .logo{width: 120px;}
}
@media only screen and (max-width: 500px) {
	.head_use{padding: 0 20px;}
}
/*footer*/
.footer_box{background: url(/images/footbj.jpg)no-repeat 100% center/cover;}
.foot_left{float: left; width: calc(100% - 500px);}
.foot_logo{width: 182px;}
.foot_logo img{width: 100%;}
.foot_copy{opacity: 0.32;color: #FFFFFF;line-height: 30px;}
.foot_rig{float: right;}
.foot_nav{width: 300px;float: left;}
.foot_nav li{float: left;width: 50%;margin-bottom: 16px;}
.foot_nav li:nth-of-type(even){text-align: right;}
.foot_nav li a{color: #FFFFFF;opacity: 0.8;}
.foot_nav li a:hover{opacity: 1;text-decoration: underline;}
.foot_icon{float: left;margin-left: 50px;}
.foot_icon a{display: inline-block;width: 36px;transition: all .3s ease-in; height: 36px;border-radius: 50%;vertical-align: middle;position: relative;margin-left: 14px;}
.link_icon{background: url(/images/link1.png)no-repeat center center;}
.link_icon:hover{background: url(/images/link2.png)no-repeat center center;}
.wei_icon{background: url(/images/wei1.png)no-repeat center center;}
.wei_icon:hover{background: url(/images/wei2.png)no-repeat center center;}
.code{display: none;white-space: nowrap; position: absolute;top: 45px;right: 0;}
.foot_code_pic{display: inline-block;text-align: center;color: #FFFFFF;}
.code img{width: 150px;margin-bottom: 10px;}
.code .foot_code_pic+ .foot_code_pic{margin-left: 20px;}
.wei_icon:hover .code{display: block;}
.logo_warp{display: none;}
@media only screen and (max-width: 1440px) {
	.code img{width: 100px;}
	.code .foot_code_pic+ .foot_code_pic{margin-left: 10px;font-size: 12px;}
}
@media only screen and (max-width:1280px ) {
	.foot_nav{width: 150px;}
	.foot_icon{margin-left: 40px;}
	.foot_logo{width: 160px;}
}
@media only screen and (max-width:1024px ) {
	
	.foot_icon{margin-left: 30px;}
	.footer{padding: 0 20px;box-sizing: border-box;}
	.code {display: none !important;}
}
@media only screen and (max-width:768px ) {
	.foot_icon{display: none; width: 100%;margin-left: 0;}
	.foot_logo{width: 145px; margin: 0 auto;}
	.foot_rig {float: none;}
	.foot_nav {float: none; margin: 0 auto;}
	.foot_left {float: none; width: 100%; text-align: center;}
}
@media only screen and (max-width:500px ) {
	.foot_logo{display: none;}
	.logo_warp{margin:0 auto 35px ;display: block;width: 145px;}
	.logo_warp img{display: block;width: 100%;}
	.foot_left{width: 100%;text-align: center;}
	.foot_rig{width: 100%;}
	.foot_nav {width: 100%;}
	.foot_nav li{width: 33.33%;text-align: center;}
	.foot_nav li:nth-of-type(even){text-align: center;}
}
/*网站地图*/
.websit_box{display: none; position: fixed;background:#f4f3f8 url(../images/mapbj.jpg)no-repeat center 0/100%; width: 624px;box-sizing: border-box;z-index: 300; padding: 30px 50px 0 75px; height: 100%;right: 0;top: 0;}
.map_btn{position: fixed;width: 24px; height: 24px;z-index: 400;right: 79px;top: 38px;cursor: pointer;}
.map_btn span {display: block;width: 100%;height: 2px;background: #084093;position: absolute;left: 0;top: 50%; margin-top: -1px; -webkit-transition: .4s;transition: .4s; border-radius: 2px;}
.map_btn .line1 {-webkit-transform: translateY(-8px);transform: translateY(-8px);}
.map_btn .line3 { -webkit-transform: translateY(8px);transform: translateY(8px);}
.map_btn.mapOn .line1 {-webkit-transform: translateY(0) rotate(-45deg);transform: translateY(0) rotate(-45deg);-webkit-transition: .4s;transition: .4s;}
.map_btn.mapOn .line2 {opacity: 0;-webkit-transition: .4s;transition: .4s;}
.map_btn.mapOn .line3 {-webkit-transform: translateY(0) rotate(45deg);transform: translateY(0) rotate(45deg);-webkit-transition: .4s;transition: .4s;}
.web_tit{color: #194092;box-sizing: border-box;}
.web_list ul{ font-size: 0;}
.web_list li{display: inline-block;padding: 0 15px;box-sizing: border-box; margin-top: 35px; width: 33.33%;vertical-align: top;}
.web_head a{line-height: 42px;border-bottom: 1px solid #C5C5C5;display: block;font-weight: bold; white-space: nowrap;}
.web_down p{margin-top: 20px;position: relative;}
.web_btn{transform: rotate(90deg);position: absolute;cursor: pointer; right: 0;top: 0;height: 25px;width: 25px;right: 0;top: 0;z-index: 100;background: url(/images/next1.png)no-repeat center center/10px;}
.web_btn.active{transform: rotate(-90deg);}
.web_str {display: none; padding-left: 10px;box-sizing: border-box;font-size: 14px;line-height: 20px;}
.web_down a{color: #666666;vertical-align: middle;position: relative;z-index: 50;}
.web_down span{display: none; color: #333333;vertical-align: middle;margin-right: 5px; font-size: 12px;font-weight: bold;}
.web_down a:hover{color: #014099;}
.web_head a:hover{color: #014099;}
.map_btn em{display: none;}
.web_use{margin-top: 0 !important;}
.web_list li:nth-of-type(3n+1){padding-left: 0;}
@media only screen and (max-width:1920px ){
}
@media only screen and (max-width:1770px ) {
	.map_btn { right: 50px;}
}
@media only screen and (max-width:1440px ){
	.map_btn{right: 40px;}
}
@media only screen and (max-width:1366px ) {
	.websit_box{  padding: 30px 40px 0 55px;}
	.web_close{padding-right: 0;}
	.web_list li{margin-top: 25px;}
	.web_down p{margin-top: 8px;}
}
@media only screen and (max-width:1280px ){
	.map_btn{top: 34px; right: 30px;}
}
@media only screen and (max-width:1024px ){
	.map_btn{top: 34px; right: 30px;}
	.map_btn.mapOn{background: url(/images/up.png)no-repeat 100% center/20px;}
	.map_btn span{display: none;}
	.map_btn em{display: block;color: #014099;}
	.map_btn{width: 95px; padding-right: 30px;box-sizing: border-box;background: url(/images/down.png)no-repeat 100% center/20px;font-size: 16px; top: 24px;right: 72px;}
}
@media only screen and (max-width:992px ){
	
	.websit_box{overflow-y: hidden;    padding: 20px 40px 0 55px;}
	
}
@media only screen and (max-width: 768px) {
	.websit_box{width: 100%;padding: 19px 20px;}
}
@media only screen and (max-width: 500px) {
	.web_list li{font-size: 13px;padding: 0 10px;}
	
}

.vocat_hot{padding-left: 45px;box-sizing: border-box;background: url(/images/hotbj.jpg)no-repeat center center/cover;}
.vocat_use{color: #999999; display: inline-block;text-align: left;padding-left: 43px;box-sizing: border-box;background: url(/images/links.png)no-repeat 0;}
.vocat_img{display: inline-block;margin-right: 30px;vertical-align: middle; padding: 10px;border-radius: 10px;background: #FFFFFF;text-align: center;}
.vocat_img img{width: 110px;}
.vocat_img p{color: #333333;font-size: 14px;margin-top: 4px;}
.vacat_num{font-style: italic;margin: 10px 0;}
.vacat_need a{display: block; padding: 0 20px; height: 40px;line-height: 40px;text-align: center;background: #FFFFFF;border-radius: 8px;color: #084093;font-size: 14px;}
.vocat_phone{display: inline-block;vertical-align: middle;color: #FFFFFF;}
@media only screen and (max-width:992px ) {
	.vocat_hot{padding-left: 30px;}
}
@media only screen and (max-width:768px ) {
	.vocat_box{padding: 20px ;}
}
@media only screen and (max-width:500px ) {
	.vocat_hot{padding-left: 15px;}
    .vocat_img img{width: 60px;}
    .vocat_img{width: 79px;margin-right: 15px;}
    .vacat_num{font-size: 18px;}

}
/* ==========================================================================
    文字
============================================================================ */
.font180{font-size: 180px;}
.font120{font-size:120px;}
.font100{font-size:100px;}
.font80{font-size: 80px;}
.font60{font-size: 60px;}
.font56{font-size: 56px;}
.font54{font-size: 54px;}
.font48{font-size: 48px;}
.font46{font-size: 46px;}
.font44{font-size: 44px;}
.font42{font-size: 42px;}
.font38{font-size: 38px;}
.font36{font-size: 36px;}
.font34{font-size: 34px;}
.font32{font-size: 32px;}
.font30{font-size: 30px;}
.font28{font-size: 28px;}
.font26{font-size: 26px;}
.font24{font-size: 24px;}
.font22{font-size: 22px;}
.font20{font-size: 20px;}
.font18{font-size: 18px;}
.font16{font-size: 16px;}

@media screen and (max-width: 1680px){
	.font180{font-size: 150px;}
	.font120{font-size:100px;}
	.font100{font-size:80px;}
	.font80{font-size: 60px;}
	.font60{font-size: 55px;}
	.font56{font-size:50px;}
	.font54{font-size:48px;}
	.font48{font-size: 44px;}
	.font46{font-size: 42px;}
	.font44{font-size: 40px;}
	.font42{font-size: 38px;}
	.font38{font-size: 34px;}
	.font36{font-size: 32px;}
	.font34{font-size: 30px;}
	.font32{font-size: 28px;}
	.font30{font-size: 26px;}
	.font28{font-size: 24px;}
	.font26{font-size: 22px;}
	.font24{font-size: 21px;}
	.font22{font-size: 20px;}
	.font18{font-size: 18px;}
	.font16{font-size: 16px;}
}

@media screen and (max-width: 1366px) {
	.font180{font-size: 120px;}
	.font120{font-size:80px;}
	.font100{font-size:70px;}
	.font80{font-size: 55px;}
	.font60{font-size: 50px;}
	.font56{font-size:45px;}
	.font54{font-size:42px;}
	.font48{font-size: 40px;}
	.font46{font-size: 36px;}
	.font44{font-size: 34px;}
	.font42{font-size: 34px;}
	.font38{font-size: 32px;}
	.font36{font-size: 32px;}
	.font34{font-size: 28px;}
	.font32{font-size: 28px;}
	.font30{font-size: 26px;}
	.font28{font-size: 24px;}
	.font26{font-size: 22px;}
	.font24{font-size: 21px;}
	.font22{font-size: 20px;}
	.font18{font-size: 18px;}
	.font16{font-size: 16px;}
}
@media screen and (max-width:1024px) {
	.font180{font-size: 90px;}
	.font120{font-size:60px;}
	.font100{font-size:50px;}
	.font80{font-size: 45px;}
	.font60{font-size: 40px;}
	.font56{font-size:35px;}
	.font54{font-size:35px;}
	.font48{font-size: 30px;}
	.font46{font-size: 30px;}
	.font44{font-size: 30px;}
	.font42{font-size: 30px;}
	.font38{font-size: 26px;}
	.font36{font-size: 26px;}
	.font34{font-size: 26px;}
	.font32{font-size: 26px;}
	.font30{font-size: 24px;}
	.font28{font-size: 22px;}
	.font26{font-size: 22px;}
	.font24{font-size: 20px;}
	.font22{font-size: 18px;}
	.font20{font-size: 18px;}
	.font18{font-size: 16px;}
	.font16{font-size: 16px;}
}
@media screen and (max-width: 500px) {
	.font180{font-size: 70px;}
	.font120{font-size:50px;}
	.font100{font-size:40px;}
	.font80{font-size: 35px;}
	.font60{font-size: 34px;}
	.font56{font-size:32px;}
	.font54{font-size:32px;}
	.font48{font-size: 28px;}
	.font46{font-size: 28px;}
	.font44{font-size: 26px;}
	.font42{font-size: 26px;}
	.font38{font-size: 24px;}
	.font36{font-size: 24px;}
	.font34{font-size: 22px;}
	.font32{font-size: 22px;}
	.font30{font-size: 22px;}
	.font28{font-size: 20px;}
	.font26{font-size: 20px;}
	.font24{font-size: 18px;}
	.font22{font-size: 16px;}
	.font20{font-size: 16px;}
	.font18{font-size: 16px;}
	.font16{font-size: 14px;}
}



/* ==========================================================================
    距离
============================================================================ */
.pad150{padding: 150px;}
.pad120{padding: 120px;}
.pad100{padding: 100px;}
.pad80{padding: 80px;}
.pad60{padding: 60px;}
.pad50{padding: 50px;}
.pad40{padding: 40px;}
.pad30{padding: 30px;}
.pad20{padding: 20px;}

.marg150{margin: 150px;}
.marg120{margin: 120px;}
.marg100{margin: 100px;}
.marg80{margin: 80px;}
.marg60{margin: 60px;}
.marg50{margin: 50px;}
.marg40{margin: 40px;}
.marg30{margin: 30px;}
.marg20{margin: 20px;}

.pt150{padding-top: 150px;}
.pt120{padding-top: 120px;}
.pt100{padding-top: 100px;}
.pt90{padding-top: 90px;}
.pt80{padding-top: 80px;}
.pt60{padding-top: 60px;}
.pt50{padding-top: 50px;}
.pt40{padding-top: 40px;}
.pt30{padding-top: 30px;}
.pt20{padding-top: 20px;}

.pb140{padding-bottom: 140px;}
.pb120{padding-bottom: 120px;}
.pb100{padding-bottom: 100px;}
.pb90{padding-bottom: 90px;}

.pb80{padding-bottom: 80px;}
.pb60{padding-bottom: 60px;}
.pb50{padding-bottom: 50px;}
.pb40{padding-bottom: 40px;}
.pb30{padding-bottom: 30px;}
.pb20{padding-bottom: 20px;}

.mt150{margin-top: 150px;}
.mt120{margin-top: 120px;}
.mt100{margin-top: 100px;}
.mt80{margin-top: 80px;}
.mt60{margin-top: 60px;}
.mt50{margin-top: 50px;}
.mt40{margin-top: 40px;}
.mt30{margin-top: 30px;}
.mt20{margin-top: 20px;}

.mb150{margin-bottom: 150px;}
.mb120{margin-bottom: 120px;}
.mb100{margin-bottom: 100px;}
.mb80{margin-bottom: 80px;}
.mb60{margin-bottom: 60px;}
.mb50{margin-bottom: 50px;}
.mb40{margin-bottom: 40px;}
.mb30{margin-bottom: 30px;}
.mb20{margin-bottom: 20px;}
.mt10{margin-top: 10px;}
@media screen and (max-width: 1366px) {
	.pt150{padding-top: 120px;}
	.pt50{padding-bottom: 40px;}


	.pb140{padding-bottom: 120px;}
	.pb120{padding-bottom: 110px;}
	.pb100{padding-bottom: 90px;}
	.pb90{padding-bottom: 80px;}
	.pb50{padding-bottom: 40px;}
	.mt150{margin-top: 130px;}
	.mb30{margin-bottom: 20px;}
}


@media screen and (max-width: 1280px) {
    .pad150{padding: 120px;}
    .pad120{padding: 100px;}
    .pad100{padding: 80px;}
    .pad80{padding: 60px;}
    .pad60{padding: 50px;}
    .pad50{padding: 44px;}
    .pad40{padding: 36px;}
    
    .marg150{margin: 120px;}
	.marg120{margin: 100px;}
	.marg100{margin: 80px;}
	.marg80{margin: 60px;}
	.marg60{margin: 50px;}
	.marg50{margin: 44px;}
	.marg40{margin: 36px;}
	
	.pt150{padding-top: 120px;}
	.pt120{padding-top: 100px;}
	.pt100{padding-top: 80px;}
	.pt90{padding-top: 70px;}
	.pt80{padding-top: 60px;}
	.pt60{padding-top: 50px;}
	.pt50{padding-top: 44px;}
	.pt40{padding-top: 36px;}
	
	.pb140{padding-bottom: 120px;}
	.pb120{padding-bottom: 100px;}
	.pb100{padding-bottom: 80px;}
	.pb90{padding-bottom: 70px;}

	.pb80{padding-bottom: 60px;}
	.pb60{padding-bottom: 50px;}
	.pb50{padding-bottom: 44px;}
	.pb40{padding-bottom: 36px;}
	
	.mt150{margin-top: 120px;}
	.mt120{margin-top: 100px;}
	.mt100{margin-top: 80px;}
	.mt80{margin-top: 60px;}
	.mt60{margin-top: 50px;}
	.mt50{margin-top: 44px;}
	.mt40{margin-top: 36px;}
	
	.mb150{margin-bottom: 120px;}
	.mb120{margin-bottom: 100px;}
	.mb100{margin-bottom: 80px;}
	.mb80{margin-bottom: 60px;}
	.mb60{margin-bottom: 50px;}
	.mb50{margin-bottom: 44px;}
	.mb40{margin-bottom: 36px;}
	.mb30{margin-bottom: 10px;}
}

@media screen and (max-width: 992px) {
    .pad150{padding: 90px;}
    .pad120{padding: 72px;}
	.pad100{padding: 60px;}
	.pt90{padding-top: 50px;}
	
    .pad80{padding: 50px;}
    .pad60{padding: 40px;}
    .pad50{padding: 36px;}
    .pad40{padding: 32px;}
    .pad30{padding: 28px;}
    .pad20{padding: 18px;}
    
    .marg150{margin: 90px;}
	.marg120{margin: 72px;}
	.marg100{margin: 60px;}
	.marg80{margin: 50px;}
	.marg60{margin: 40px;}
	.marg50{margin: 36px;}
	.marg40{margin: 32px;}
	.marg30{margin: 28px;}
	.marg20{margin: 18px;}
	
	.pt150{padding-top: 90px;}
	.pt120{padding-top: 72px;}
	.pt100{padding-top: 60px;}
	.pb90{padding-bottom: 55px;}

	.pt80{padding-top: 50px;}
	.pt60{padding-top: 40px;}
	.pt50{padding-top: 36px;}
	.pt40{padding-top: 32px;}
	.pt30{padding-top: 28px;}
	.pt20{padding-top: 18px;}
	
	.pb140{padding-bottom: 90px;}
	.pb120{padding-bottom: 72px;}
	.pb100{padding-bottom: 60px;}
	.pb80{padding-bottom: 50px;}
	.pb60{padding-bottom: 40px;}
	.pb50{padding-bottom: 36px;}
	.pb40{padding-bottom: 32px;}
	.pb30{padding-bottom: 28px;}
	.pb20{padding-bottom: 18px;}
	
	.mt150{margin-top: 90px;}
	.mt120{margin-top: 72px;}
	.mt100{margin-top: 60px;}
	.mt80{margin-top: 50px;}
	.mt60{margin-top: 40px;}
	.mt50{margin-top: 36px;}
	.mt40{margin-top: 32px;}
	.mt30{margin-top: 28px;}
	.mt20{margin-top: 18px;}
	
	.mb150{margin-bottom: 90px;;}
	.mb120{margin-bottom: 72px;;}
	.mb100{margin-bottom: 60px;;}
	.mb80{margin-bottom: 50px;}
	.mb60{margin-bottom: 40px;}
	.mb50{margin-bottom: 36px;}
	.mb40{margin-bottom: 32px;}
	.mb30{margin-bottom: 28px;}
	.mb20{margin-bottom: 18px;}
}

@media screen and (max-width: 768px) {
    .pad150{padding: 60px;}
    .pad120{padding: 50px;}
	.pad100{padding: 44px;}
	.pt90{padding-top: 40px;}
	
    .pad80{padding: 36px;}
    .pad60{padding: 30px;}
    .pad50{padding: 30px;}
    .pad40{padding: 28px;}
    .pad30{padding: 24px;}
    .pad20{padding: 16px;}

    .marg150{margin: 60px;}
	.marg120{margin: 50px;}
	.marg100{margin: 44px;}
	.marg80{margin: 36px;}
	.marg60{margin: 30px;}
	.marg50{margin: 30px;}
	.marg40{margin: 28px;}
	.marg30{margin: 24px;}
	.marg20{margin: 16px;}
	
	.pt150{padding-top: 60px;}
	.pt120{padding-top: 50px;}
	.pt100{padding-top: 44px;}
	.pt80{padding-top: 36px;}
	.pt60{padding-top: 30px;}
	.pt50{padding-top: 30px;}
	.pt40{padding-top: 28px;}
	.pt30{padding-top: 24px;}
	.pt20{padding-top: 16px;}
	
	.pb140{padding-bottom: 60px;}
	.pb120{padding-bottom: 50px;}
	.pb100{padding-bottom: 44px;}
	.pb90{padding-bottom: 44px;}

	.pb80{padding-bottom: 36px;}
	.pb60{padding-bottom: 30px;}
	.pb50{padding-bottom: 30px;}
	.pb40{padding-bottom: 28px;}
	.pb30{padding-bottom: 24px;}
	.pb20{padding-bottom: 16px;}
	
	.mt150{margin-top: 60px;}
	.mt120{margin-top: 50px;}
	.mt100{margin-top: 44px;}
	.mt80{margin-top: 36px;}
	.mt60{margin-top: 30px;}
	.mt50{margin-top: 30px;}
	.mt40{margin-top: 28px;}
	.mt30{margin-top: 24px;}
	.mt20{margin-top: 16px;}
	
	.mb150{margin-bottom: 60px;}
	.mb120{margin-bottom: 50px;}
	.mb100{margin-bottom: 44px;}
	.mb80{margin-bottom: 36px;}
	.mb60{margin-bottom: 30px;}
	.mb50{margin-bottom: 30px;}
	.mb40{margin-bottom: 28px;}
	.mb30{margin-bottom: 24px;}
	.mb20{margin-bottom: 16px;}
}
@media screen and (max-width: 500px) {
	.pad150{padding: 40px;}
    .pad120{padding: 30px;}
	.pad100{padding: 24px;}
	.pt90{padding-top: 30px;}
	
    .pad80{padding: 30px;}
    .pad60{padding: 20px;}
    .pad50{padding: 20px;}
    .pad40{padding: 15px;}
    .pad30{padding: 10px;}
    .pad20{padding: 10px;}

    .marg150{margin: 40px;}
	.marg120{margin: 30px;}
	.marg100{margin: 24px;}
	.marg80{margin: 20px;}
	.marg60{margin: 20px;}
	.marg50{margin: 20px;}
	.marg40{margin: 15px;}
	.marg30{margin: 10px;}
	.marg20{margin: 10px;}
	
	.pt150{padding-top: 40px;}
	.pt120{padding-top: 40px;}
	.pt100{padding-top: 24px;}
	.pt80{padding-top: 20px;}
	.pt60{padding-top: 20px;}
	.pt50{padding-top: 20px;}
	.pt40{padding-top: 20px;}
	.pt30{padding-top: 10px;}
	.pt20{padding-top: 10px;}
	
	.pb140{padding-bottom: 40px;}
	.pb120{padding-bottom: 40px;}
	.pb100{padding-bottom: 30px;}
	.pb90{padding-bottom: 20px;}

	.pb80{padding-bottom: 20px;}
	.pb60{padding-bottom: 20px;}
	.pb50{padding-bottom: 20px;}
	.pb40{padding-bottom: 20px;}
	.pb30{padding-bottom: 10px;}
	.pb20{padding-bottom: 10px;}
	
	.mt150{margin-top: 40px;}
	.mt120{margin-top: 40px;}
	.mt100{margin-top: 30px;}
	.mt80{margin-top: 20px;}
	.mt60{margin-top: 20px;}
	.mt50{margin-top: 20px;}
	.mt40{margin-top: 10px;}
	.mt30{margin-top: 10px;}
	.mt20{margin-top: 10px;}
	
	.mb150{margin-bottom: 40px;}
	.mb120{margin-bottom: 40px;}
	.mb100{margin-bottom: 20px;}
	.mb80{margin-bottom: 20px;}
	.mb60{margin-bottom: 20px;}
	.mb50{margin-bottom: 20px;}
	.mb40{margin-bottom: 20px;}
	.mb30{margin-bottom: 10px;}
	.mb20{margin-bottom: 10px;}
}
.trans{
	transition: all .3s;
	-moz-transition: all .3s; /* Firefox 4 */
	-webkit-transition: all .3s; /* Safari 和 Chrome */
	-o-transition: all .3s; /* Opera */
}
@media only screen and (max-width:768px ) {
	.trend_box  { width: 100%; padding: 20px; box-sizing: border-box;}
	.trend_box img {max-width: 100%; margin: 20px 0;}
	.trend_box p img { margin-left:-2em;}
}

p {text-align:justify;}
<!--耗时1756497255.0325秒-->