/*********重置样式*********begin*********/
.u-tags-all li a{font-size:12px;}
.m-head .u-logo,.m-nav .u-logo{max-width:105px;}
.m-head .u-logo img,.m-nav .u-logo img{height:100%;width:100%;}
/*嵌入字体*/
@font-face{
	font-family: myFirstFont;
	src: url('../fonts/Lato-Regular.ttf');
}
@font-face{
	font-family: myFirstFont;
	font-weight:bold;
	src: url('../fonts/Lato-Bold.ttf');
}
@font-face{
	font-family: myFirstFont;
	src: url('../fonts/Lato-BoldItalic.ttf');
	font-weight:bold;
	font-style: italic;
}
@font-face{
	font-family: titling-gothic;
	src: url('../fonts/Titling-Gothic-Medium-4e3819f3f2.woff');
}
@font-face {
    font-family: gentona;
    src: url('../fonts/Gentona-Bold-3810ff4443.woff');
    font-weight: bold;
}
@font-face {
    font-family: gentona;
    src: url('../fonts/Gentona-ExtraLightItalic-554f838302.woff');
    font-style: italic;
    font-weight: 200px;
}
@font-face {
    font-family: gentona;
    src: url('../fonts/Gentona-Book-f2c94b8988.woff');
}

body{font-family:myFirstFont;font-size: 14px;color: #000;margin: 0;}
h1,h2,h3,h4,h5,h6{margin: 0;font-weight: bold;}
p{margin: 0;}
ul,li{margin: 0;padding: 0;list-style:none; }
a,a:link,a:visited,a:hover{text-decoration: none;color: inherit;}
a:focus{outline: none;}
.clearfix:after{content:"\200b";display:block;height:0;clear:both;}
.clearfix{*zoom:1}
/*定义通用样式*/
.f-clamp{overflow: hidden;width: 100%;white-space: nowrap;text-overflow:ellipsis;}
.f-clamp2{overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.f-clamp3{overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
/*.details-media:hover{height:auto !important; -webkit-line-clamp:100;}*/

.most-text-date .fa{margin:0 3px 0 15px;}
/*********页头展开导航*********begin*********/
.g-nav{position:fixed;top:0;z-index: 999;overflow-y: auto;width: 100%;height:100%;display: none;background: url(../images/bg-search.jpg) center no-repeat;background-size: cover;}
.m-navbox{position:relative;height:100%;overflow: auto;}
.m-nav{max-width: 1200px;margin: 0 auto;padding: 30px 0 100px;color: #fff;}
.m-nav .u-close,.m-head .u-open{float: right;padding: 0 10px;color: #fff;font-size: 40px;cursor: pointer;}
.m-nav .u-nav{margin-top: 100px;padding-bottom: 50px;font-size: 50px;border-bottom:solid 2px #fff;line-height: 1.5;box-sizing: border-box;}
.m-nav .u-nav a:hover{text-decoration: underline;}
.m-nav .u-search{margin-top: 80px;position: relative;}
.m-nav .u-search .text-search{font-size: 36px;margin-bottom: 18px;}
.m-nav .u-search input{height:70px;padding: 4px 20px;line-height:65px;font-size: 28px;background-color: rgba(0,0,0,0);width: 100%;border: solid 2px #fff;}
.m-nav .u-search .fa{position: absolute;right: 20px;top: 86px;font-size: 36px;}
.m-nav .container-fluid,.m-nav .row,.m-nav .row{height: 100%;}
.m-copyright{position: absolute;bottom: 32px;color: #fff;margin: 0 auto;width: 100%;}
.m-copyright .container-fluid{max-width: 1200px;}
.m-copyright .u-media{text-align: right;}
.m-copyright .u-media .title{font-size: 36px;margin-bottom: 15px;}
.m-copyright .u-media a{font-size: 22px;padding: 0 3px;}
.m-copyright .u-media .media{overflow: visible;}
/*********页头展开导航*********end*********/

/*********页头*********begin*********/
.g-head{position: fixed;top: 0;width: 100%;z-index: 998;}
.m-head{max-width: 1200px;margin: 0 auto;padding: 30px 0;color: #fff;}
/*********页头*********end*********/

/*********侧边按钮*********begin*********/
.g-icon{position: fixed;top:38%;z-index: 997;right: 0;display: none;}
.m-icon .u-icon .fa{background-color: #001c58;margin-bottom: 2px;color: #fff;width: 90px;height: 90px;font-size: 32px;text-align: center;line-height: 90px;cursor: pointer;}
.m-icon .u-share{position: relative;}
.m-icon .u-share .share{display: none;position: absolute;right: 90px;top: 0;min-width: 300px;overflow: hidden;}
.m-icon .u-share:hover .share{display: block;width: 100%;}
.m-icon .u-share .share .fa{background-color: #a0a0a0;color: #fff;margin-right: 2px;float: right;}
.fa-linkedin-square:before {
	content: " " !important;
	width: 27px;
	height: 31px;
	display: block;
    background-image: url(../images/icon-box.png);
    background-repeat: no-repeat;
    background-position: center center;
    margin: auto;
    margin-top: 31%;
}

.fa-linkedin-square2 {	
	display: inline-block;
    width: 22px;
    height: 21px;
    margin-top: 20px;
    border-radius: 5px;
    position: absolute;
    margin-top: 0px;
    right: -15px;
    background-image: url(../images/icon-box-blue.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 0px center;
}

.fa-linkedin-square3 {	
	display: inline-block;
    width: 22px;
    height: 21px;
    margin-top: 20px;
    border-radius: 5px;
    position: absolute;
    margin-top: 6px;
    right: -3px;
    background-image: url(../images/icon-box-blue.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 0px center;
}

.m-icon .u-share .jiathis_style_32x32 .jtico{background: none !important;}
.m-icon .u-share .jiathis_style_32x32 .jtico{height: auto !important;padding-left: 0 !important;}
.jiathis_style_32x32 .jiathis_separator{margin: 0 !important;float: right !important;}
.m-icon .u-link{position:relative;}
.m-icon .u-link .link{padding-right:2px;position: absolute;right: 90px;top:0;display:none;}
.m-icon .u-link:hover .link{display: block;}
.m-icon .u-link .link ul li:hover{background-color: #000;}
.m-icon .u-link .link ul li{padding:0 30px 0 21px;text-align:right;color:#fff !important;line-height:48px;width:240px;height:48px;background:#a0a0a0;font-size:16px;font-family:myFirstFont "TitlingGothicFB Comp","Titling Gothic Compressed",titling-gothic,Impact,sans-serif; }
.m-icon .u-link .link ul .link_4{margin-bottom:1px;}
.m-icon .u-link .link ul .link_6,.m-icon .u-link .link ul .link_7,.m-icon .u-link .link ul .link_8{font-size: 16px;}
/*********侧边按钮*********end*********/

/*********banner*********begin*********/
.g-banner{height: 100vh;background-position: center;background-size: cover;background-repeat: no-repeat;}
.g-banner .col-xs-12{height:100vh;}
.m-banner{position: relative;height: 85%;max-width: 1200px;margin: 0 auto;color: #fff;}

/*
.m-banner .details{filter:alpha(Opacity=60);-moz-opacity:0.6;opacity: 0.6; background:#999;padding:15px;}
*/

.m-banner .u-text .title{margin-bottom: 30px;font-family:myFirstFont;
font-size: 34px;font-weight: 500;letter-spacing: 1px;} 
.m-banner .u-text{position: absolute;bottom: 40px;max-width: 730px;font-size: 24px;}
/*********banner*********end*********/

/*********view列表提取共同样式*********begin*********/
.m-viewlist .u-view .picture .bg,.m-viewlist .u-view .picture:hover .bg,.m-deep .u-deep .bg,.m-deep .u-deep:hover .bg,.m-view .u-view .bg,.m-view .u-view:hover .bg
,.m-most .u-most .most-pic .most-pic-bg,.m-most .u-most li:hover .most-pic-bg,.m-about-relate .u-about:hover .bg,.m-prev-next .u-link .text:hover .bg
,.m-about-relate .u-about .picture .bg,.m-prev-next .u-link .text .picture .bg,.m-content .u-gallery .picture:hover .pic-bg,.m-content .u-gallery .picture .pic-bg
,.m-topic .u-deep .bg,.m-topic .u-deep:hover .bg{transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s;-o-transition: 0.6s;}
.m-viewlist .u-title{width: 100%;height: 2px;background-color: #000;text-align: center;margin-top: 140px;margin-bottom: 70px;}
.m-viewlist .u-title span{background-color: #fff;position: relative;top: -18px;padding: 0 70px;line-height: 1;color: #001c58;letter-spacing: 1px;
/*font-family: titling-gothic;*/font-size: 34px;}
.m-viewlist .u-view .picture{background-color: rgba(0,0,0,0.2) !important; position: relative;background-size: cover;background-position: center;}
.m-viewlist .u-view .picture .bg{width: 100%;height: 100%;;}
.m-viewlist .u-view:hover .bg{background-color: rgba(0,0,0,0);}
.picture{}
.m-viewlist .u-view .picture .bg .bg-title{color: #fff;position: absolute;padding: 0 12px;bottom: 15px;}
.m-viewlist .u-view .details{margin: 10px 0;font-size: 25px;height: 75px;}
.m-viewlist .u-view .date{color: #a0a0a0; margin-top:10px;}
.m-viewlist .u-view .tag{margin-top: 10px; display: none;}
.m-viewlist .u-view .tag a{display: inline-block;background-color: #ccc;font-size: 14px;line-height: 2;color: #fff;padding: 0 25px;
font-family: myFirstFont "TitlingGothicFB Comp","Titling Gothic Compressed",titling-gothic,Impact,sans-serif;letter-spacing: 1px;}
.m-viewlist .u-view .tag a:hover{background-color: #000;}
/*Most Popular*/
.m-most .title{font-size: 34px;margin-bottom: 30px;color: #001c58;font-family:myFirstFont "TitlingGothicFB Comp","Titling Gothic Compressed",titling-gothic,Impact,sans-serif;letter-spacing: 1px;}
/*4-18*/
.m-most .u-most{border-right: solid 1px #ccc; margin-right: -15px;  padding-right: 1%;}

.m-most .u-most li{margin-bottom: 21px;overflow: hidden;}
.m-most .u-most li a{display: block;}
.m-most .u-most .most-pic{float: left;margin-right: 30px;width: 170px;height: 120px;background-size: cover;background-position: center;position:relative;}
.m-most .u-most .most-pic-bg{width: 170px;
	height: 120px;
	background-color: rgba(0,0,0,0.2);
	position: absolute;
	top: 0;background-color: rgba(0,0,0,0.2);}
.m-most .u-most li:hover .most-pic-bg{background-color: rgba(0,0,0,0);}
.m-most .u-most .most-text-details{font-size: 18px;height: 82px;line-height: 1.5;}
.m-most .u-most .most-text-date{margin-top: 18px;color: #a0a0a0;}
/*********view列表提取共同样式*********end*********/

/*********页脚*********begin*********/
.g-foot{background-color: #001c58;padding-bottom: 30px;}
.m-foot{max-width: 1200px;margin: 0 auto;color: #fff;}
.m-foot .u-logo{max-width: 106px; margin-top:55px;}
.m-foot .u-sustech{width: 240px;margin-top: 160px;}
.m-foot .u-logo img{width: 100%;height: auto;}
.m-foot .title{font-size: 17px;padding: 7px 0;font-weight: bold;border-bottom:solid 2px #fff; }
.m-foot .u-menu{overflow: hidden;margin-top: 45px;}
.m-foot .u-menu ul{margin-top: 12px;}
.m-foot .u-menu li{margin-bottom: 10px;}
.m-foot .u-topic li{width: 33.3333%;float: left;}
.m-copy{max-width: 1200px;margin: 0 auto;color: #fff;}
.m-copy .u-sustech img{width: 100%;height: auto;}
.m-copy .u-media{margin-top: 30px;text-align: right;}
.m-copy .u-media .fa{font-size: 20px;margin-left: 6px;}
.m-copy .u-media .media{overflow: visible;}
.m-copy .u-media .media span{padding-right: 14px;}
.m-copy .u-media .weixin,.m-copyright .u-media .weixin{position: relative;}
.m-copy .u-media .weixin .media-code,.m-copyright .u-media .weixin .media-code{position: absolute;bottom: 40px;left: -60px;display: none;z-index: 9;}
.m-copy .u-link{margin-top: 45px;}
.m-copy .u-link span{font-size: 18px;margin-right: 35px;}
.m-copy .u-link a{font-size: 12px;margin-right: 25px;}
.m-copy .u-copyright{font-size: 12px;margin-top: 35px;}
.g-copyright{border-top: solid 2px #fff;background-color: #001c58;padding: 20px 0 35px;}
.textwidget ul li:first-child { display: none;}
/*********页脚*********end*********/


.panel{border:none !important; background-color:transparent !important;font-family:myFirstFont  !important;}
.panel-group .panel+.panel{
	margin-top:30px;font-family:myFirstFont  !important;}
.panel-title a:hover{text-decoration: none;}
a:focus {
	outline: none;
	outline-offset: none; }
.panel-body{padding:0 !Important;}
.panel_ct_img img{width: 100%;}
.panel-heading.active .panel-title span{ font-size:20px;padding-top:16%; transform: all 0.5s ease 0s;}
.panel-group .panel-heading{border:none; border-radius:0 !important;margin-top: -1px;}
.panel-body{border:none;
	border-top:none !important; background:f0f0f0;font-family:myFirstFont  !important;}
.panel-heading{height: 150px; background-size: cover;}
.wrap{width: 100%; }
.panel_ct_img{width: 35%;float: left;    height: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-right:1px solid #999;color: #333333; font-weight:bold;}
.panel_ct_title{height: 60px;  line-height: 20px; overflow: hidden;width:65%; float: left; font-size: 14px; font-weight: bold; color: #333;    padding: 0 5px;margin-top: 2px;}
.panel_ct{ border-bottom: 1px solid #999;height: 105px;padding: 20px 0; background: #f0f0f0;}
/*.panel_ct:hover{  background-color: #f0f0f0;}*/
.panel-heading .panel-title{ height:60%; font-size:20px;  margin-bottom:20px;   transition: all 0.5s ease 0s; }
.panel-heading .panel-title span{color: #fff !important;  padding-top:30%; display: block;  width:100%;  height:100%; }
.panel-more{ margin-top: 15px; color: #fff;   display: none; }
.panel-more:hover{border-bottom: 1px solid #fff;}
.panel-heading.active .panel-more{  display: block;    width: 58px;}
.panel-more:hover{text-decoration: none; color: #fff;}

.panel:nth-child(2) .panel_ct_title{width:100%;}
.tag_news{font-size:14px ; color:#333333; font-weight: bold;    font-style: italic;font-family:myFirstFont  !important;}
.panel:nth-child(2) .panel_ct{    border-bottom: 1px solid #999;
	height: 105px;
	padding: 10px;
	background: #f0f0f0;}
#show2 a {
    width: 300px;
    height: 60px;
    margin: 40px auto;
    display: flex;
    justify-content: center;
    border-radius: 30px;
    border: 3px solid #ccc;
    align-items: center;
    text-decoration: none;
    font-size: 20px;
    color: #ccc;
}



.lang{position: absolute; right:100px; font-size:28px; top:8px;}

div#cccc { display: none; }
@media screen and (min-width:320px) and (max-width:768px){
	.list_news{ display: block;}
	.list_news a{width:100%;}

	 .lang {
        position: absolute;
         right: 65px !important;
         font-size: 13px !important;
         top: 5px !important;
    }

    .m-nav .u-close, .m-head .u-open {  font-size: 20px;}

    /*en-banner*/
    .g-banner .col-xs-12 { height: auto; }

    /*btn-more*/
    .m-report .u-more { text-align: center; }

    .m-horizon .h-more {
	    margin: 5px 0;
	    text-align: center  !important;
	}

    .fa-linkedin-square2,.fa-linkedin-square3 {
        display: inline-block;
        width: 20px;
        height: 20px;
        /* margin-top: 20px; */
        border-radius: 5px;
        position: absolute;
        /* margin-top: -3px; */
        right: auto;
        background-image: url(../images/icon-box-blue.png);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: 0px center;
    }

    .fa-linkedin-square:before {
        content: " " !important;
        width: 19px;
        height: 31px;
        display: block;
        background-image: url(../images/icon-box.png);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 100% !important;
        margin: auto;
        margin-top: 11%;
    }


    /*en-menu*/
    .m-icon .u-link .link ul li {
        padding-right: 10px;
        line-height: 35px;
        width: 220px;
        height: 35px;
        font-size: 16px;
    }
}
@media screen and (max-width: 767px){



	/*12.19更新*/
	.g-banner .m-banner{border-bottom: none !important; height:240px !important;}
	.m-view .u-view{height: auto !important;}
	/*head*/
	.m-nav .u-tag .tag a{font-size: 16px;height: 28px;line-height: 28px;padding: 0 20px;}
	.m-nav .u-search .fa{font-size: 20px;}
	.m-nav .u-search input{height: 50px;font-size: 20px;border-width: 2px;}
	.m-head,.m-nav{padding:0;padding-top: 20px;}
	.m-head .u-logo img,.m-nav .u-logo img{width: 54px;height: auto;}
	/*banner*/
	.g-banner,.m-banner{height: 300px;margin-top:0 !Important;}
	.m-banner .u-text{font-size: 18px;bottom: -17px;}
	/*share*/
	.m-icon .u-icon .fa{width: 40px;height: 40px;font-size: 20px;line-height: 40px;}
	.m-icon .u-share .share{right: 40px;}
	/*list*/
	.m-viewlist .u-view{margin-bottom: 30px;}
	/*foot*/
	.m-foot{padding-top: 30px;}
	.m-foot .u-logo{width: 60px;height: auto;float: left;}
	.m-foot .u-sustech{width: 200px;float: right;margin-top: 11px;}
	.m-foot .u-menu li{margin-right: 40px;margin-bottom: 10px;}
	.m-foot .u-media .fa{font-size: 24px;margin-right: 13px;}
	.m-foot .u-media a:last-child .fa{margin-right: 0;}
	.m-nav .u-nav{font-size: 30px;margin-top: 50px;}
	.m-nav .u-media{margin-bottom: 50px;}
	.m-nav .u-media a{font-size: 24px;padding: 0 5px;}
	.m-foot .u-media .weixin .media-code{position: absolute;top: 40px;display: none;}
	/*2017/05/24*/
	.m-copy .u-sustech,.m-copy .u-copyright,.m-copy .u-media,.m-copyright .u-copyright,.m-copyright .u-media{text-align: center;}
	.m-copy .u-sustech img{max-width: 200px;}
	/*2017/07/19 右边导航*/
	.m-icon .u-link .link{right: 40px;}
	.m-icon .u-link .link ul li{padding-right:10px;line-height:35px;width:210px;height:35px;font-size:16px;}
	.m-icon .u-link .link ul .link_6,.m-icon .u-link .link ul .link_7,.m-icon .u-link .link ul .link_8{font-size: 14px;}
	.m-most .u-most .most-pic-bg{width: 150px;}

	/*2018.12.18官网内业新闻*/

	.xyzp_wap{display: block !important;}
	.xyzp_wap li{width:99% !important; margin:0 1% !important; }    
	.news_imgwrap{height:180px !important;}
	.imgs_wrap{height:180px !important;}

    /*4-28 ds*/
	.swiper_text{height:92px !important; padding:5px !important;}
	.tag_img{margin-top:0 !important; display: none;}
	.swiper_text h4{height:auto !important; text-overflow:ellipsis; overflow: hidden; white-space: nowrap; margin:5px 0!important;}

}

@media screen and (max-width: 375px) {
    .xyzp_wap li {
        width: 99% !important;
        margin: 0 1% !important;
        margin-bottom: 35px !important;
    }
    .news_imgwrap{height:200px !important;}
    .imgs_wrap{height:200px !important;}
    .xyzp_wap li:last-child { display: none; }
}