@charset "utf-8";
/* CSS Document */

body,dd,dl,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,select,td,textarea,th,ul{margin:0;padding:0}
img{border:0;vertical-align:top}
li{list-style:none}
iframe{border:none}
html{height:100%;font-size:16px}
body{height:100%;font:400 1em/1.8 'Microsoft Yahei','PingFang SC',Avenir,'Segoe UI','Hiragino Sans GB',STHeiti,'Microsoft Sans Serif','WenQuanYi Micro Hei',sans-serif}
a{color:#333;text-decoration:none}

:hover{transform:all linear .3s;   -moz-transition:all linear .3s; -o-transition:all linear .3s; -webkit-transition:all linear .3s;}
div,li,a,img{transform:all linear .3s;   -moz-transition:all linear .3s; -o-transition:all linear .3s; -webkit-transition:all linear .3s;}
.cf:after,.cf:before{content:" ";display:table}
.cf:after,.clearfix:after{clear:both}
.fl{float:left}
.fr{float:right}

.dis{display:block}
.undis{display:none}
.jbbg{background:#0071ff linear-gradient(to right,#00b4ff 0, #0071ff 100%); background: -wekit-linear-gradient( left,#00b4ff 0, #0071ff 100%);}
.layout{width:1550px;margin:0 auto}

.skin{ height: 650px; /*background-image: linear-gradient(135deg, rgb(36, 75, 179) 0%, rgb(101, 177, 191) 50%, rgb(227, 208, 159) 100%); */}
.top{ height: 80px;}
.logo{ width: 140px; height: 33px; margin: 23px 0 0 0;}



.ss{ width:400px; height:40px; margin-top:23px; margin-left: 444px}
.search .sstext{ width: 308px; height: 40px; border: 0px; outline: medium none; padding-left: 15px; color:rgba(0,0,0,0.8); border-radius: 20px 0 0 20px; background: rgba(0,0,0,0.1); float: left;}
.search .submit{ line-height: 40px; border: none; margin-left: -21px; background: #0071ff;  width: 90px; text-align: center; height: 40px; overflow: hidden; font-size: 18px; color: #fff; cursor: pointer; border-radius: 20px 20px 20px 0; float: left; margin-left: -20px;}

.qmt{ width: 180px;margin: 27px 0;}
.qmtlist{ width: 60px; position: relative;}
.bgicon{background: url(2019tb.png); width: 60px; height: 26px; display: inline-block;}
.wxicon{background-position: 0px -269px; text-indent: -999em;}
.wxicon:hover{background-position: 0px -300px;}
.wbicon{background-position: 0px -331px; text-indent: -999em;}
.wbicon:hover{background-position: 0px -362px;}
.lmicon{background-position: 0px -393px; text-indent: -999em;}
.lmicon:hover{background-position: 0px -424px;}

.nav{ margin-top: 10px; height: 40px;}
.nav li{ float: left; font-size: 22px; margin-right: 25px; line-height: 38px;color: #fff;}
.nav li a{ color: #343434;/*text-shadow: 0px 0px 5px rgba(0,0,0,0.3);*/}
.nav li:hover ,.nav li a:hover{ /*text-shadow: 0px 0px 5px #0071ff;*/ color: #0071ff;}
.nav li .lmapp{ font-size: 14px; color: #fff;  padding: 2px 14px; border-radius: 16px 16px 16px 0; margin-left: -15px;}

.hot{ margin-top: 30px;  }
.hot li{ float: left; position: relative;  height: auto; flex: 0 0 310px;}
.hot li:hover{z-index: 888; box-shadow: 10px 10px 40px rgba(0,0,0,0.3);}
.hot li img{ width: 100%; height: auto;}
.hot li:hover img{-webkit-transform:scale(1.02,1.02);-moz-transform:scale(1.02,1.02);transform:scale(1.02,1.02); /*opacity:0.7 ; -moz-opacity:0.7; -webkit-opacity:0.7;filter:alpha(opacity=70);*/}
.hot .hottit{ position: absolute; bottom: 30px; width: calc(100% - (2 * 26px)); left: 26px; /*color: #fff; */z-index: 2;overflow: hidden;}
.hot li .hotbg{background-image:linear-gradient(15deg, rgba(0, 0, 0,1) 5%, rgba(36, 75, 179,0) 55%); position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;z-index: 1;}
.hot li .hotbghover{position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;z-index: 1;opacity:0;-moz-opacity:0;filter:alpha(opacity=0);-o-opacity:0;-webkit-opacity:0;}
.hot li:hover .hotbghover{opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity=50);-o-opacity:0.5;-webkit-opacity:0.5;-webkit-transform:scale(1.02,1.02);-moz-transform:scale(1.02,1.02);transform:scale(1.02,1.02);}

.hot li:hover .hotbg{ -webkit-transform:scale(1.02,1.02);-moz-transform:scale(1.02,1.02);transform:scale(1.02,1.02);/*background-image:linear-gradient(5deg, rgba(0, 0, 0,0.8) 0%, rgba(36, 75, 179,0.1) 100%); */ background-color:rgba(0, 0, 0,0.3)}
.hot li a{ display: block; transition:none ;-moz-transition:none; -o-transition:none; -webkit-transition:none; color: rgba(255,255,255,1.00);}
.hot .hottit .tit_jm{ font-size: 36px; font-weight:300; line-height: 40px; margin-bottom: 12px; max-height: 80px; transform:none ;-moz-transition:none; -o-transition:none; -webkit-transition:none;}
.hot .hottit .tit_jm .jbbg{ display: none;font-size: 16px; padding: 0px 10px; border-radius: 16px 16px 16px 0; font-weight: 400; margin-left: 5px; color: #fff;}
.hot .hottit .tit_jm .jmqs{ font-size: 16px; padding: 0px 5px; font-weight: 400; margin-left: 5px; color: #fff;}
.hot .hottit .tit_jj{ font-size: 15px; line-height: 20px; overflow: hidden; margin-bottom: 14px; height: 0px; opacity:0;-moz-opacity:0;filter:alpha(opacity=0);-o-opacity:0;-webkit-opacity:0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3; }
.hot .hottit .tit_xx{ font-size: 15px; line-height: 20px; max-height: 60px; overflow: hidden; margin-bottom: 10px; font-weight: bold;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; }
.hot .hottit .bf_icon{ width: 46px; height: 46px; overflow: hidden; display:block;  line-height:46px; background: url(http://o.cztvcloud.com/190/715438/images/2019tb.png) 0 -472px;  margin-bottom: 0px;flex: 0 1 310px; text-indent: -900px;}
.hot li:hover .tit_jj{ opacity:1.0;-moz-opacity:1.0;filter:alpha(opacity=100);-o-opacity:1.0;-webkit-opacity:1.0; height: auto; max-height: 60px;transition:all linear .5s .3s;   -moz-transition:all linear .5s .3s; -o-transition:all linear .5s .3s; -webkit-transition:all linear .5s .3s;}
.hot li .jmlogo{width: 55px; height: 55px; position: absolute; z-index: 100; border-radius: 40px; right: 26px; bottom: 25px; background: #fff;}
.hot li:hover .jmlogo img{ -webkit-transform:scale(1.0,1.0);-moz-transform:scale(1.0,1.0);transform:scale(1.0,1.0);border-radius: 40px;}
.hot li .jmlogo img{ border-radius: 40px;}

/*.hot .bf_icon:hover{ background-position: 0 -51px; transform:none ;-moz-transition:none; -o-transition:none; -webkit-transition:none; color: #fff;}*/

.jmlist{ margin-top: 40px;  }
.jmlist ul{ display: -webkit-flex;display: flex;width: 100%; flex-flow: row nowrap; justify-content: space-between; }
.jmlist li{ position: relative; font-size: 18px;font-weight: bold;  background: rgba(0,0,0,0.06); border-radius: 25px; flex: 0 0 auto; text-align: center; display: inline-block;line-height: 36px;margin-bottom: 10px; }
.jmlist a{ display: block;padding: 6px 24px;color: rgba(0,0,0,0.8)}
.jmlist li span{ font-size: 12px; position: absolute; right: 10px; top: -10px; line-height: 20px; color: #fff; padding: 0 6px; border-radius: 10px 10px 10px 0;font-weight: 500;}
.jmlist li:hover{box-shadow: 10px 10px 30px rgba(0,0,0,0.3);background:#0071ff linear-gradient(to right,#00b4ff 0, #0071ff 100%); background: -wekit-linear-gradient( left,#00b4ff 0, #0071ff 100%);}
.jmlist li:hover a{ color: #fff;}

.c_main{ margin-top: 40px;}
.main_l{ width:940px;}


.biaoti{ font-size: 36px; color: #0071ff; font-weight: 600; line-height: 40px; margin-bottom: 5px; }

.ad_zy,.ad_jc{ margin: 0px 0 50px 0;}
.list li{ height: 160px; padding-bottom: 25px; border-bottom: 1px solid rgba(219,219,219,0.5); margin-top: 25px; position: relative}
.list li:hover .tt_bt{ color: #0071ff;}
.list li .tt_img{ width:260px; height: 160px; overflow: hidden; margin-right: 20px; float: left; border-radius: 3px;}
.list li .tt_bt{ font-size: 25px; font-weight:600; line-height: 35px; max-height: 70px; overflow: hidden;}
.list li .tt_bt .has_v{ width: 34px; height: 22px; background: url(2019tb.png) 0 -111px; display: inline-block; margin-left: 5px;}
.list li .tt_bt .has_subtit{ display: inline-block; margin-left: 5px; color: #fff; font-size: 12px; font-weight: 400; padding: 0 10px; border-radius: 20px 20px 20px 0px; line-height: 24px;}
.list li .tt_jj{ font-size: 16px; line-height: 24px; height: 48px; margin: 10px 0px; color: rgba(119,119,119,1.00);}
.list li .tt_time{ font-size: 14px;color: rgba(119,119,119,1.00); position: absolute; bottom: 20px; left: 280px;}
.list li.big{ height: 246px;}
.list li.big .tt_bt{max-height: 105px;}
.list li.big .tt_jj{ max-height: 72px;}
.list li.big .tt_img{ width: 400px; height: 246px; }
.list li .tt_img:hover{ -webkit-transform:scale(1.02,1.02);-moz-transform:scale(1.02,1.02);transform:scale(1.02,1.02);box-shadow: 10px 10px 40px rgba(0,0,0,0.3)}
.list li.big .tt_time{ left: 420px;}
.list li.big .lanmu{ position: absolute; padding: 2px 15px; border-radius: 20px 20px 20px 0px; font-size: 16px; left: 5px; top: 5px; z-index: 999;}
.list li.big .lanmu:hover{ background: #0071ff;}
.list li.big .lanmu a{ color: #fff;}
.list .list_more{ background: rgba(0,0,0,0.06); padding: 10px 0; text-align: center; font-size: 18px; margin-bottom: 60px;}
.list .list_more a{ display: block;}
.list .list_more:hover{background:#0071ff linear-gradient(to right,#00b4ff 0, #0071ff 100%); background: -wekit-linear-gradient( left,#00b4ff 0, #0071ff 100%);}
.list .list_more a:hover{ color: #fff;}

.main_r{ width:556px;}
.main_r .biaoti{ font-size: 26px; color: #333;margin-bottom: 25px; }

.big_v{ position: relative; border-radius: 3px;  overflow: hidden;}
.big_v_img img{ width: 100%; height: auto;}
.big_v_bg{background-image:linear-gradient(15deg, rgba(0, 0, 0,0.9) 5%, rgba(36, 75, 179,0) 55%); position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;z-index: 1;}
.big_v_text{width: calc(100% - (2 * 20px)); position: absolute; left: 20px; bottom: 20px;z-index: 2; }
.big_v_tit{font-size: 22px; color: #fff; line-height: 28px; }
.big_v_icon{ width: 48px; height: 48px; background: url(2019tb.png) 0 -164px; margin-bottom: 10px;}
.big_v:hover .big_v_img,.v_list_sx li:hover img{-webkit-transform:scale(1.02,1.02);-moz-transform:scale(1.02,1.02);transform:scale(1.02,1.02);}
.big_v:hover{box-shadow: 10px 10px 40px rgba(0,0,0,0.3)}

.v_list_sx ul{display: -webkit-flex;display: flex;width: 100%; flex-flow: row wrap; justify-content: space-between;}
.v_list_sx ul li{flex: 0 1 auto; display: inline-block; width: 270px; margin-top: 30px;}
.vlist_sx_img{ width: 270px; height: 151px; overflow: hidden;border-radius: 3px;}
.v_list_sx ul li img{ width: 100%;}
.v_list_sx .v_bt{ font-size: 18px; line-height: 28px; margin-top: 8px; height: 56px; width: 270px; overflow: hidden;text-overflow:ellipsis;}
.v_list_sx li:hover .v_bt{ color: #0071ff;}
.v_more{ margin: 20px 0; line-height: 50px; background: rgba(0,0,0,0.05); text-align: center; font-size: 16px;}
.v_more:hover{ color: #fff;background:#0071ff linear-gradient(to right,#00b4ff 0, #0071ff 100%); background: -wekit-linear-gradient( left,#00b4ff 0, #0071ff 100%);}
.v_more a{ display: block;}
.v_more:hover a{ color: #fff;}
.ad_r{ margin: 40px 0; border-radius: 3px; overflow: hidden;}
.ad_r img{ width: 100%; height: auto;}

.cb_news li{ width: 556px; float: left; margin-bottom: 20px;}
.cb_news .cb_news_img{ float: left; width: 200px; margin-right: 15px;}
.cb_news .cb_news_img img{ width: 100%;}
.cb_news .v_bt{ font-size: 18px; line-height: 28px;}

.footer{background: #EBEDF2; width: 100%; height: 60px; padding: 20px 0; display: inline-block; font-size: 16px; color:#868d9b; margin-top: 40px; margin-bottom: 0px;}
.footer p{ line-height: 30px;}
.footer a{ color:#868d9b;}
.footer a:hover{ color:#0071ff;}
.footer_l{ width:50%;}
.footer_r p{text-align: right; font-weight: bold; color: #1F1F1F;}

main{overflow:hidden;clear:both;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;}
main::before,main::after{content:"";display:block;height:0;overflow:hidden}
main::after{clear:both}
main{zoom:1}

aside{-webkit-box-sizing:border-box;box-sizing:border-box; width: 556px; float: right;}


@media screen and (max-width:1550px) {
	.layout{width:1200px;}
	.skin{ height: 580px;}
	.ss{ margin-left: 242px;}
	.main_l{ width:800px;}
	.main_r,aside{ width:370px;}
	.hot{ margin-top: 20px;}
	.hot .hottit .tit_jm{ font-size: 24px; margin-bottom: 4px;}
	.hot li{ flex: 0 0 240px;  width: 240px;}
	.hot li img{ width: 100%;}
	.hot .hottit .tit_jm .jbbg{ font-size: 12px; padding: 2px 5px;}
	.hot .hottit .tit_jj{ font-size: 12px; line-height: 16px; max-height: 48px;}
	.nav{ margin-top: 30px; }
	.jmlist li{ font-size: 16px; }
	.v_list_sx ul li{ width: 175px; }
    .vlist_sx_img{ width: 175px;height: 98px;}
	.v_list_sx .v_bt{ font-size: 14px; line-height: 22px;height: 44px; width: 175px; }
	.cb_news li{ width: 370px;}
    .cb_news .cb_news_img{width: 150px; }
    .cb_news .v_bt{ font-size: 16px; line-height: 22px; font-weight: bold;}
	.ad_zy,.ad_jc{ width: 800px;}
	.ad_zy img,.ad_jc img{ width: 100%; height: auto;}
	.list li .tt_jj{ font-size: 14px; line-height: 20px; height: 40px; overflow: hidden;}
}











