@charset "UTF-8";
@font-face {
    font-family: "Lora-Regular";
    src: url("../images/fonts/Lora-Regular.woff2") format("woff2"), url("../images/fonts/Lora-Regular.ttf") format("truetype"), url("../images/fonts/Lora-Regular.woff") format("woff"), url("../images/fonts/Lora-Regular.eot") format("embedded-opentype"), url("../images/fonts/Lora-Regular.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "OpenSans-Regular";
    src: url("../images/fonts/OpenSans-Regular.woff2") format("woff2"), url("../images/fonts/OpenSans-Regular.woff") format("woff"), url("../images/fonts/OpenSans-Regular.ttf") format("truetype"), url("../images/fonts/OpenSans-Regular.eot") format("embedded-opentype"), url("../images/fonts/OpenSans-Regular.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "cambriab";
    src: url("../images/fonts/cambriab.woff2") format("woff2"), url("../images/fonts/cambriab.woff") format("woff"), url("../images/fonts/cambriab.ttf") format("truetype"), url("../images/fonts/cambriab.eot") format("embedded-opentype"), url("../images/fonts/cambriab.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face { 
	font-family: "calibri"; 
	src: url("../images/fonts/calibri.ttf") format("truetype"), font-weight: normal; font-style: normal; }
body {
    font-family: "Lora-Regular";
    font-size: 14px;
}

input[type=submit] {
    cursor: pointer;
}

input[type=text], input[type=submit], input[type=password] {
    -webkit-appearance: none;
}

input[type=radio] {
    border-radius: 50%;
}

input, textarea, a {
    outline: none;
    border: none;
    font-family: "Lora-Regular";
    border-radius: 0;
    font-size: 14px;
    /* color: #707070; */
}

/* a {
    color: #666;
} */

input:-moz-placeholder, textarea:-moz-placeholder {
    color: #808080;
    opacity: 1;
}

input::-moz-placeholder, textarea::-moz-placeholder {
    color: #808080;
    opacity: 1;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #808080;
    opacity: 1;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #808080;
    opacity: 1;
}

img {
    border: none;
    vertical-align: top;
    display: inline;
}

table {
    border: 0;
    margin: 0;
    border-collapse: collapse;
    width: 100%;
}

table td {
    padding: 0;
    border-collapse: collapse;
}

.clear:after {
    content: "";
    display: block;
    height: 0;
    *zoom: 1;
    clear: both;
}

.fl {
    float: left;
}

.fr {
    float: right;
}


body a:hover { color:#2b9cf0; text-decoration:none;}
body a:visited,body a:focus{text-decoration:none !important;}


.Validform_checktip {
    line-height: 20px;
    height: 20px;
    overflow: hidden;
    color: #999;
    font-size: 12px;
    position: absolute;
    left: 0;
    bottom: -24px;
}

.Validform_right {
    color: #71b83d;
    padding-left: 20px;
    background: url("../images/custom//right.png") no-repeat left center;
    position: absolute;
    left: 0;
    bottom: -24px;
}

.Validform_wrong {
    color: red;
    padding-left: 20px;
    white-space: nowrap;
    background: url("../images/custom//error.png") no-repeat left center;
    position: absolute;
    left: 0;
    bottom: -24px;
}

.Validform_loading {
    padding-left: 20px;
    background: url("../images/custom//onLoad.gif") no-repeat left center;
}

.Validform_error {
    background-color: #ffe7e7;
}

#Validform_msg {
    color: #7d8289;
    font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif;
    width: 230px;
    position: absolute;
    top: 0;
    right: 50px;
    z-index: 99999;
    display: none;
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');
    background-color: rgba(0, 0, 0, 0.75);
    border: 1px solid #ccc;
}

#Validform_msg .iframe {
    position: absolute;
    left: 0;
    top: -1px;
    z-index: -1;
}

#Validform_msg .Validform_title {
    line-height: 36px;
    height: 36px;
    text-align: left;
    font-weight: bold;
    padding: 0 8px;
    position: relative;
    font-size: 14px;
    background-color: #e5e5e5;
}

#Validform_msg a.Validform_close:link, #Validform_msg a.Validform_close:visited {
    line-height: 22px;
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    text-decoration: none;
}

#Validform_msg a.Validform_close:hover {
    color: #cc0;
}

#Validform_msg .Validform_info {
    padding: 30px 20px;
    border-top: none;
    text-align: center;
    font-size: 16px;
    font-family: "微软雅黑";
    background-color: #fff;
}

#Validform_msg .Validform_info p {
    background: url("../images/custom//icon0_03.jpg") no-repeat left center;
    line-height: 30px;
    display: inline-block;
    padding-left: 40px;
}

.Validform_close {
    background: #fff url("../images/custom//close_02.png") no-repeat center;
    width: 20px;
    height: 20px;
    background-size: 70% 70%;
    margin: 8px 14px 0 0;
    border: 1px solid #d7d7d7;
}

.swiper-button-prev, .swiper-button-next {
    background: none;
}

.table {
    display: table;
    width: 100%;
}
.article-pc .table{display: block;}
.cell {
    display: table-cell;
    vertical-align: middle;
}

.inner {
    width: 1140px;
    margin: 0 auto;
}

.content-inner {
    width: 1140px;
    margin: 0 auto;
    padding:30px 0;
    min-height:600px;
}

.textellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.header {
    background: url("../images/custom//header-bg_01.jpg") no-repeat center top;
    padding: 20px 0 23px;
}

.header .logo {
    display: block;
}

.header .line {
    width: 1px;
    height: 54px;
    background: #cacaca;
    margin: 40px 20px 0;
}

.header .keAi {
    margin: 40px 0 0;
}

.header .right {
    padding: 14px 0 0;
}

.header .right ul {
    padding: 11px 0 0;
}

.header .right ul li {
    float: left;
    margin-right: 15px;
    text-align: center;
}
.header .right ul li a {
    display: block;
    text-decoration: none;
}

.header .right ul li a .icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #f4f4f4;
    position: relative;
    display:inline-block;
}

.header .right ul li a .icon img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 22px;
}
.header .right ul li a .icon .img2{
    display: none;
}

.header .right ul li a p {
    font-size: 14px;
    color: #757575;
    line-height: 24px;
    margin: 0 0 0;
}
.header .right ul li:hover .icon .img1{
    display: none;
}
.header .right ul li:hover .icon .img2{
    display: inline;
}
.header .right ul li:hover p{
    color: #ff5505;
}
.header-nav {
    height: 50px;
    background-color: #203E76;
    padding: 1px 0 0;
}

.header-nav a {
    display: block;
}

.header-nav ul > li {
    float: left;
    position: relative;
    border-left: 0.5px solid transparent;
    border-right: 0.5px solid transparent;
}

.header-nav ul > li > a {
    color: #fff;
    font-size: 18px;
    line-height: 49px;
    padding: 0 58px;
    text-decoration: none;
}

.header-nav ul > li > a span {
    display: inline-block;
    width: 11px;
    height: 7px;
    background: url("../images/custom//nav-arrow1.png") no-repeat center center;
    background-size: 11px 7px;
    margin-left: 6px;
    position: relative;
    top: -2px;
}

.header-nav ul > li:hover > a {
    background: #fff;
    color: #ff5505;
}

.header-nav ul > li:hover > a span {
    background: url("../images/custom//nav-arrow2.png") no-repeat center center;
}

.header-nav ul > li.active > a {
    background: #fff;
    color: #ff5505;
}

.header-nav ul > li.active > a span {
    background: url("../images/custom//nav-arrow2.png") no-repeat center center;
}

.header-nav ul > li ol {
    position: absolute;
    left: 0;
    top: 49px;
    min-width: 100%;
    z-index: 50;
    display: none;
}

.header-nav ul > li ol li {
    background: #fff;
}

.header-nav ul > li ol li a {
    padding: 0 20px;
    font-size: 18px;
    line-height: 50px;
    position: relative;
    white-space: nowrap;
    color: #666;
    text-align: center;
}

.header-nav ul > li ol li a:hover {
    background: #ffede5;
    color: #ff5505;
    text-decoration: none;
}

.header-nav ul > li ol li a:hover:after {
    content: '';
    width: 2px;
    height: 100%;
    background: #ff5505;
    position: absolute;
    left: 0;
    top: 0;
}

.banner {
    background: #f6f6f6;
}

.banner .inner {
    overflow: hidden;
    position: relative;
}

.banner .swiper-content {
    height: 384px;
}

.banner .swiper-content a {
    display: block;
    width: 100%;
}

.banner .swiper-content .swiper-slide ul {
    width: 100%;
    text-align: left;
}

.banner .swiper-content .swiper-slide ul li {
    width: 25%;
    float: left;
    position: relative;
    overflow: hidden;
}

.banner .swiper-content .swiper-slide ul li img {
    width: 100%;
}

.banner .swiper-content .swiper-slide ul li .bot {
    position: absolute;
    left: 0;
    bottom: -100%;
    width: 100%;
    transition: all 0.3s;
    color: #fff;
    padding: 20px 20px 30px;
    background: rgba(8, 22, 45, 0.6);
    background: #000 \0/;
    filter: alpha(opacity=60);
    height: 171px;
}

.banner .swiper-content .swiper-slide ul li .bot .tit {
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0 0 7px;
    height: 30px;
}

.banner .swiper-content .swiper-slide ul li .bot .text {
    font-size: 16px;
    line-height: 28px;
    height: 84px;
    overflow: hidden;
    color:#fff;
}

.banner .swiper-content .swiper-slide ul li .bot .ban-more {
    font-size: 16px;
    line-height: 32px;
    background: #dadde1;
    width: 102px;
    margin: 19px 0 0;
    text-align: center;
    color: #1c2d42;
}

.banner .swiper-content .swiper-slide ul li .bot .ban-more:hover {
    text-decoration: underline;
}

.banner .swiper-content .swiper-slide ul li:hover .bot {
    bottom: 0;
}

.banner-bot .inner {
    background: #e7e7e7;
}

.banner-bot .left {
    height: 90px;
    padding: 23px 19px 0;
}

.banner-bot .left select {
    width: 151px;
    min-height: 44px;
    border: 1px solid #ccc;
    padding: 5px 16px;
    line-height: 32px;
    margin-right: 10px;
    border-radius: 2px;
    font-size: 16px;
    color: #333;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: #fff url(../images/custom//select-arr_03.jpg) no-repeat right center;
    background: #fff \0/;
    padding: 13px 10px \0/;
}

.banner-bot .left .input-tex {
    width: 572px;
    padding: 0 15px;
    border: 1px solid #ccc;
    border-radius: 2px 0 0 2px;
    background: #fff;
    height: 44px;
    font-size: 16px;
}

.banner-bot .left .input-sub {
    width: 77px;
    height: 44px;
    background: #ff5505 url("../images/custom//search1.png") no-repeat center center;
    border-radius: 2px;
}

.banner-bot .left .advanced {
    line-height: 44px;
    font-size: 16px;
    color: #112f61;
    padding: 0 0 0 10px;
}

.banner-bot .left .advanced:hover {
    text-decoration: underline;
    color: #ff5505;
}

.banner-bot .right .table {
    margin: 0;
    width: 197px;
    height: 90px;
    background: #203e76;
    text-align: center;
    display: table;
}

.banner-bot .right .table span {
    color: #fff;
    line-height: 22px;
    text-shadow: 2px 2px 0 #132547;
    font-size: 22px;
    margin: 0 0 7px;
    display: block;
}

.base-title {
    font-size: 22px;
    line-height: 22px;
    padding: 0 0 15px;
    border-bottom: 1px solid #d4d4d4;
    color: #071324;
}

.base-title .base-tit {
    position: relative;
}

.base-title .base-tit:after {
    content: '';
    width: 65px;
    height: 3px;
    background: #ff5505;
    position: absolute;
    left: 0;
    bottom: -16px;
}

.base-title .base-more {
    display: block;
    font-size: 14px;
    color: #909090;
    line-height: 14px;
    padding-right: 19px;
    background: url("../images/custom//base-arrow.png") no-repeat right center;
    margin: 6px 0 0;
    text-transform: uppercase;
}

.base-title .base-more:hover {
    color: #ff5505;
    text-decoration: underline;
    background: url("../images/custom//base-arrow2.png") no-repeat right center;
}

.main .download {
    background: #fff;
    padding: 40px 0 35px;
}

.main .download .left {
    font-size: 16px;
    width: 520px;
}

.main .download .left .left-bot {
    padding: 28px 0 0;
}

.main .download .left .img {
    display: block;
    padding: 3px 0 0;
    width: 160px;
    margin: 0 26px 0 0;
}

.main .download .left .img img {
    width: 100%;
}

.main .download .left .left-text {
    position: relative;
}

.main .download .left .left-text .tit {
    font-size: 18px;
    color: #0d1829;
    line-height: 23px;
    margin: 0 0 9px;
}

.main .download .left .left-text p {
    font-size: 14px;
    color: #333;
    line-height: 26px;
}

.main .download .left .left-text p span {
    font-weight: bolder;
    min-width: 70px;
    display: inline-block;
}

.main .download .right {
    width: 520px;
}

.download-ul {
    padding: 25px 0 0;
}

.download-ul li {
    padding-left: 18px;
    margin: 0 0 8px;
    position: relative;
}

.download-ul li:last-child {
    margin: 0;
}
.download-ul li:before {
    content: '';
    width: 7px;
    height: 11px;
    background: url("../images/custom//down-arr.png") no-repeat 0;
    background-size: 7px 11px;
    position: absolute;
    left: 3px;
    top: 7px;
}
.download-ul li .tit {
    display: block;
    font-size: 16px;
    color: #071324;
    position: relative;
    line-height: 28px;
    margin: 0 0 4px;
}



.download-ul li .tit:hover {
    text-decoration: underline;
    color: #e30000;
}

.download-ul li a {
    font-size: 13px;
    color: #717071;
    line-height: 19px;
}

.download-ul li a:hover {
    text-decoration: underline;
    color: #ff5505;
}

.main .new-article {
    background: #fff;
    margin: 0 0 20px;
    position: relative;
}
.main .new-article ul{
    padding: 20px 0 0;
    min-height:150px;
}
.main .new-article ul li {
    float: left;
    width: 570px;
    padding: 20px 0 24px;
    min-height: 274px;
}

.main .new-article ul li .pic {
    display: block;
    padding: 2px 0 0;
    width: 125px;
}

.main .new-article ul li .pic img {
    width: 100%;
    height: 125px;
}

.main .new-article ul li .right {
    width: 388px;
    padding: 0 0 0 19px;
}

.main .new-article ul li .right .tit {
    color: #071324;
    font-size: 18px;
    line-height: 24px;
    margin: 0 0 8px;
    display: block;
}

.main .new-article ul li .right a {
    line-height: 24px;
}

.main .new-article ul li .right a:hover {
    text-decoration: underline;
    color: #ff5505;
}

.main .new-article ul li .right .abstract {
    padding: 8px 0 0;
}

.main .new-article ul li .right .abstract p {
    padding-right: 8px;
    border-right: 1px solid #464b54;
    margin-right: 8px;
    line-height: 14px;
}

.main .new-article ul li .right .abstract p a {
    line-height: 14px;
    display: inline-block;
}

.main .new-article ul li .right .abstract p span {
    color: #e30000;
    display: inline-block;
}

.main .new-article ul li .right .abstract p:last-child {
    margin: 0;
    border-right: none;
}
.news{
    padding: 0 0 16px;
}
.news .download-ul{
    padding: 30px 0 0;
}
.news .download-ul li{
    float: left;
    width: 50%;
}
.footer{
    color: #fff;
}
.footer .top{
    background: #2f3132;
    padding: 27px 0;
}
.footer .top .inner{
    padding: 0 15px;
}
.footer .top dl{
    float: left;
    margin-right: 190px;
}
.footer .top dl dt{
    font-size: 18px;
    line-height: 38px;
    font-weight: normal;
}
.footer-en .top dl dt{
	font-family: "calibri"; 
	font-size: 24px;
}
.footer .top dl dd a{
    color: #fff;
    line-height: 34px;
    display: block;
    padding: 0 0 0 19px;
    background: url("../images/custom//dd-arrow_03.png") no-repeat left center;
}
.footer a:hover{
    text-decoration: underline;
}
.footer .top .dl2 dd a{
    padding-left: 27px;
    background: url("../images/custom//dd-arrow2_03.png") no-repeat left center;
}
.footer .top-en .dl2 dd a {
    padding-left: 0px;
    background: none;
}
.footer .top .dl3 dd a{
    float: left;
    background: none;
    padding: 0;
    min-width: 210px;
}
.footer .bot{
    padding: 15px;
    background: #202021;
    line-height: 24px;
}
.footer .bot a{
    color: #fff;
    line-height: 24px;
}
.footer .bot  img{
    vertical-align: middle;
    margin: -3px 0 0;
}

.contentArea-common{width:818px;}
.contentArea-common .article-list-left{top:21px;}
.contentArea-right{width:250px;padding:0 15px;}
.item-body a{display:block;}
.item-body a img{width:100%;border:1px solid #ccc;}

.item-journal-brief{font-size:18px;padding:15px 0 0;}
.impact li span{font-size:18px;}
.item-head .base-title{font-size:20px;padding:20px 0 12px;}
.item-head .base-title .line{height:19px;}
.item-head .base-title .mainColor{color: #333;}
.item-head .base-tit:after{display:none;}
.item-body .download-ul{padding:15px 0;}
.item-alert span a{font-size:18px;display:block;text-align:center;background:#ff560c;line-height:43px;border-radius:4px;color:#fff;}
.item-alert span a img{vertical-align:middle;margin:-3px 10px 0 0;}
.item-padding{min-height:150px;}
.article-list-title a{font-size:16px;}
#latest1 .article-list-left span{
	display:inline-block;
	width:13px;
	height:17px;
	background:url(../images/custom//list.png) no-repeat;
	
}
#latest1 .article-list-left{top:18px;}
.contentArea-left{width:818px;}
.baidutj:hover{text-decoration:none !important;}
.banner-bot_en .left .input-tex{width:525px;}
.header-nav-en ul>li>a{padding:0 51px;}
.main-en .download .left{width:555px;}
.main-en .download .left .left-text p{font-size:16px;}
.main-en .download .left .left-text{line-height:26px;}
.footer-en .top dl dd a,.footer-en .top .dl2 dd a{padding:0;background:none;}
.list_curren_en .article-list-title a{line-height:25px;}
.list_curren_en .article-list-left{top:27px;}
.footer .top-en dl{margin: 0;width: 33.3%;}
.header .right .weChat img{width:98px;height:98px;}
.box-article-content{padding:24px 0;}
.moreList .listp a{width:640px;overflow: hidden;display: block;text-overflow: ellipsis;white-space: nowrap;}
.footer .top-en dl dd a{line-height:28px;}
.article-header .info > span{padding-left:5px;}

.phone-nav .search-app-wrap select option{background: rgba(255, 85, 5,  0.9);}
.phone-nav .search-app-wrap,.smallUl{background: rgba(255, 85, 5, 0.9);} 

.smallUl{ z-index: 1000; width: 100%; left: 0; right: 0; margin: auto; position: absolute; display: none;}
.smallUl a{color: #fff; display: block; line-height: 24px;}
.smallUl>li{text-align: left; border-bottom: 1px solid rgba(255, 255, 255, 0.5);}
.smallUl li > a{padding: 0 4%; font-size: 16px; line-height: 40px; position: relative; display: block;}
.smallUl > li > a span{margin: 0 0 0 10px;}
.smallUl > li > a span img{vertical-align: middle; margin: -3px 0 0; transition: all 0.2s;}
.smallUl > li > a span.active img{transform: rotate(90deg);}
.smallUl > li > ol{display: none;}
.smallUl > li > ol a{padding: 0 8%;}

.navList{width: 30px; cursor: pointer;}
.navList span{height: 3px; background-color: #ff5505; margin: 0 0 8px 0; display: block; transition: all 0.5s;}
.navList span:last-child{margin: 0;}
.navList{display: block;padding-top:6px;}
.navList span:last-child{margin: 0;}

.phone-nav input::-webkit-input-placeholder{color: #fff; opacity: 1;}
.phone-nav .text{background: #fff;}
.phone-nav .text{line-height: 19px; padding: 3px 10px; color: #fff; margin: 0 0 0 15px; border-radius: 4px 0 0 4px;}
.phone-nav .sub{width: 35px; height: 25px; background: #fff url(../../../../style/images/public/search2.png) no-repeat center center; background-size: 16px 16px; border-radius: 0 4px 4px 0;}
.phone-nav .en{line-height: 25px; color: #fff;}

.phone-nav .search-app-wrap{display: none;position: absolute;left: 0;width: 100%;top: 50px;z-index: 2000;padding: 8px 0;}
.phone-nav .search-app-wrap select{width: 23%;border: none;height: 30px;border-radius: 4px;padding: 0 0 0 5px;background: rgba(255, 255, 255, 0.2);color: #fff;}

.phone-nav .search-app-wrap .text{width: 75%;margin: 0 0 0 2%;border-radius: 4px;height: 30px;}
.phone-nav .search-app-wrap .sub{width: 30px;height: 30px;background: rgba(255, 255, 255, 0.2) url("../../../../style/images/public/search2.png") no-repeat center center;background-size: 22px;position: absolute;right: 15px;top: 8px;}

.phone-nav{padding: 8px 0;position: relative;    background: #fff;}
.phone-nav  .container{background: none;}
.phone-nav > .container{    background: #fff;}
.phone-nav .en{line-height: 25px;color: #fff;}
.phone-nav .text, .phone-nav .sub{background: rgba(255, 255, 255, .2);}
.phone-nav .text{line-height: 19px;padding: 3px 10px;color: #fff;margin: 0 0 0 15px;border-radius: 4px 0 0 4px;}
.phone-nav .sub{width: 35px;height: 25px;background: rgba(255, 255, 255, .2) url(../../../../style/images/public/search2.png) no-repeat center center;background-size: 16px 16px;border-radius: 0 4px 4px 0;}

.phone-nav .container .logo{display: block;padding: 0 0 0 0;position: relative;}
.phone-nav .container .logo img{max-width: 170px;max-height:34px;}

.phone-nav .container .search-app{display: block;background: url("../../../../style/images/public/search2.png") no-repeat center center;width: 34px;height: 34px;background-size: 30px;color: #fff;}
.phone-nav .container .search-app.active{background: url("../../../../style/images/public/close-app.png") no-repeat center center;background-size: 32px;}

.phone-nav .container .search-app{margin-left: 5px;}

.header-nav .container{padding-left: 0;padding-right: 0;}

body  .show-tu,body  .show-biao{    font-weight: normal;font-size: 13px;color: #333;}
.bottom-fixed{width: 50px; height: 50px;cursor: pointer;position: fixed; bottom: 20px; right: 20px; z-index: 5000;background: #ff5505 url(../../style/images/custom/back_top.png) no-repeat center center;}

.index-body .article-list{border: 0;}
body .rh-edit-news-detail a{text-decoration: none;}
.pageTagsUl li.clickpage:hover,.pageTagsUl li.current{    background: #ff5505;}
@media (max-width: 1200px){
.main .container{padding-left: 15px;margin-right: 15px;}
.banner-bot .left{display: none;}

.keAi  img{height: 34px;}
.phone-nav .line{margin: 0 5px;    display: inline-block;width: 1px; height: 34px;}
.inner,.main .new-article ul li .right{width: initial;}
.main .new-article ul li .right{padding: 0;}
.main-en .download .left, .main .download .right, .main .new-article ul li,.main .download .left{width: initial;float: initial;}
.banner-bot_en .right{float: initial;}
.banner-bot .right {float: none;}
.banner-bot .right .table{width: 100%;padding: 10px;margin-top: 20px;}
.banner-bot .right .table{height: 50px;}
.banner-bot .right .table span{display: inline-block;margin: 0 5px 0 0;}
.banner-bot .right .table img{width: 25px;}
.contentArea-left, .contentArea-right{width: initial;}
.article-list{padding: 15px 0;}

}

@media only screen and (min-width:992px) and (max-width: 1200px) {
.main .container{display: block;}
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
 .main .new-article ul li .pic{width: 125px;float: left;}
.main .new-article ul li .right{width: calc(100% - 125px);padding-left: 20px;}

}


@media (max-width: 768px){
.banner .swiper-content{height: initial;}
.main .download .left .img{margin-bottom: 10px;}
.main-en .download .left .left-text{margin-bottom: 20px;}
.main .new-article ul li .pic{margin: 0 auto;float: initial;margin-bottom: 10px;}
.footer .top-en dl,.news .download-ul li{width: initial;float: initial;}
.banner .swiper-content .swiper-slide ul li .bot{padding: 5px;}
.banner .swiper-content .swiper-slide ul li .bot .tit{font-size: 14px;line-height: 1.2;    margin-bottom: 0;}
.banner .swiper-content .swiper-slide ul li .bot .text{display: none;}
.banner .swiper-content .swiper-slide ul li .bot .tit{     white-space: initial;   overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}

}


.banner .swiper-content a:hover {

    text-decoration: initial !important;
}





.footer .top-en dl dd a {
    padding-left: 0px; 
    background: none;
}

.catalog a{display: inline-block;margin-left:10px;height: 27px;font-size: 14px;color: #fff; background: #e97832;border-radius: 3px;padding:3px 15px;text-decoration: none;}
.catalog a:hover{background-color: #e97832;}
.toolBox1.clearfix {
    margin-bottom: 13px;
}


.metrics .mainColor{
    color: #337ab7;
}
.article-pc .mainColor{
    color: #337ab7 !important;
}