body {
	margin: 0px;
	font-family: Roboto,Macys Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
	font-weight: 400;
	color: #2d2d2d;
	font-size: 15px;
    --root-font-size-px: 15;
    line-height: 1.6875rem;
    --line-height-unitless: 1.6875rem;
    --line-gap-unitless: 0.5;
}
*{ margin: 0; padding: 0;}
a{ color: #2d2d2d; 
	text-decoration: none;
}
a:hover{ color: #019ce4;}
li{ list-style-type: none;}
h1 {
	font-size: 30px;
	font-weight: 500;
}
h2 {
	font-size: 24px;
	font-weight: 500;
}
h3 {
	font-size: 20px;
	font-weight: 400;color: #2d2d2d;
}
h4 { font-size:16px; font-weight:400;}
.clear { clear:both; }

/*********main*************/



.xnewsinxa  { width: 1400px; height: auto; margin: 40px auto 20px auto ; border-top: 0px solid #c0c1c2; text-align: center; padding-top:30px ;
    font-weight: 600;
    font-style: normal;
    font-size: 28px;
    line-height: 2.5rem;}
.xnewsinxac  { width: 1400px; height: auto; margin: 40px auto 20px auto ; border-top: 1px solid #c0c1c2; text-align: center; padding-top:30px ;
    font-weight: 600;
    font-style: normal;
    font-size: 28px;
    line-height: 2.5rem;}
.xnewsinxab { width: 1400px; height: auto; margin: 40px auto 20px auto ; text-align:center;}
.xnewsinxab a { color: #00a0ea;}
.xnewsinx { width: 1455px; height: auto; margin: 0 auto;}
.xnewsinx li img { width: 100%; height: 250px;border-radius: 5px 5px 0 0;}
.xnewsinx li { width: 30.7%; height: auto; margin-left: 1.85%; float: left; border-top: 1px solid #c0c1c2;border-left: 1px solid #c0c1c2;border-right: 1px solid #c0c1c2;border-bottom: 3px solid #00a0ea; border-radius: 5px;  box-shadow: 0 1px 1px 0 rgb(0 0 0 / 5%);}
.xnewsinx li:hover { box-shadow:0 10px 10px 0 rgba(0,0,0,.17);transition:all .3s ease;transform:translateY(-10px);}
.xnewsinx li h2 { width: 93%; line-height: 50px; margin:0 auto; font-size:24px;}
.xnewsinx li p { width: 93%; margin:0 auto;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; height:80px;}
.xnewsinx li dd { width: 93%; margin:0 auto; margin-bottom:30px; margin-top:20px;}
.xnewsinx li dd a { color: #00a0ea;}




.inquter { width: 100%; height: 280px; background-color: #00a0ea; background: url(../img/bg-a.jpg) no-repeat 9px center;}
.inqutertitle { width: 1100px; height: auto; margin: 20px auto;}
.inqutertitle h1 { font-size: 40px; color: #fff; width: 700px; line-height:50px;} 

.xadvtanginx { width: 100%; height: 230px; margin: 0 auto;border-bottom: 1px solid #c0c1c2; border-right: 0px solid #c0c1c2;background-color: #F0F0F5; margin-top:-10px;}
.xadvtanginxa { width: 20.8%; float: left;height: 190px; border-left: 1px solid #c0c1c2; padding: 20px 2%;display: table-cell;
           vertical-align: middle;}
.xadvtanginxb { width: 21%; float: left;height: 190px; border-left: 1px solid #c0c1c2;  padding: 20px 2%; line-height:25px;}
.xadimg { width: 25%; height: 55px; float: left;}
.xaddes { width: 100%; height: 75px; float: left; margin-top:0px; text-align:center;} 
.xaddes h3 { font-size: 18px; line-height: 35px; font-weight:600; color:#333;}
.xbannerinx { width: 1400px; height: 600px; margin: 0 auto;}
.xaddes svg {
    height: 35px; margin-top:30px;
}
.mt-tabpage {
	width: 1455px;
	margin: 25px auto;
}
.mt-tabpage-title {
	height: 50px;
	font-size: 0;
	width: 1400px;
	margin: 0 auto;
	border: 1px solid #c0c1c2; border-radius: 5px 5px 0 0;
}
.mt-tabpage-title .mt-tabpage-item {
	display: inline-block;
	width: 20%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #222;
	font-size: 18px;
	font-weight: 400;
}
.mt-tabpage-title .mt-tabpage-item:hover{
	color: #00a0ea;
}
.mt-tabpage-title .mt-tabpage-item-cur {
	color: #00a0ea;
	font-size: 18px;
	font-weight: 400;
	border-bottom: 3px solid #00a0ea;
}
.mt-tabpage-count {
	position: relative;
	width: 1455px;
	height: 1100px;
	overflow: hidden;
}
.mt-tabpage-cont__wrap {
	position: absolute;
}
.mt-tabpage-count .mt-tabpage-item {
	width: 1455px;
	height: 1100px;
	text-align: center;
}

.xproinx { width: 1455px; height: auto; margin: 20px auto; z-index:998; text-align:left;}
.xproinx li { width: 22.54%; height: auto; margin-left: 1.85%; margin-bottom: 30px; float: left; border-top: 1px solid #c0c1c2;border-left: 1px solid #c0c1c2;border-right: 1px solid #c0c1c2;border-bottom: 3px solid #00a0ea; border-radius: 5px;  box-shadow: 0 1px 1px 0 rgb(0 0 0 / 5%);}
.xproinx li:hover { box-shadow:0 10px 10px 0 rgba(0,0,0,.17);transition:all .3s ease;transform:translateY(-10px);}
.xproinx li .picture { width: 90%; margin: 0 auto;}
.xproinx li .picture img { width: 100%; height: auto;border-radius: 5px 5px 0 0;}
.xproinx li h2 { width: 90%; line-height: 50px; margin:0 auto; font-size:16px;overflow: hidden; font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;}
.xproinx li p { width: 90%; margin:0 auto; overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; height:75px;}
.xproinx li dd { width: 90%; margin:0 auto; margin-bottom:30px; margin-top:20px;}
.xproinx li dd a { color: #00a0ea;}

.newscontent {
    background: #f0f0f5;
    height: auto;
    width: 100%;
    padding: 0 0 40px 0;
}
.contentmainn { width: 1430px; margin: 0 auto;}
.contentmainn li { width: 48%; margin: 0 1%; float:left; background:#fff;box-shadow:0 0 9px 3px rgba(0,0,0,.1) padding-bottom:20px;}
.contentmainn li:hover { box-shadow:0 10px 10px 0 rgba(0,0,0,.17);transition:all .3s ease;transform:translateY(-10px);}
.contentmainn li h2 { width:90%; margin: 20px auto 0 auto; font-size: 24px; font-weight:400;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.contentmainn li p { width:90%; margin:20px auto; overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.contentmainn li img { width:100%; height:10%;}

.indexej {
	width: 1400px;
	height: 500px;
	margin: 40px auto;
	border-radius: 5px;
}

.indexejl {
	float: left;
	height: 450px;
	width: 43%;
	background-color: #393a3b;
	border-radius: 5px 0 0 5px;
	color: #FFF;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
}
.indexejltt {
	font-size: 25px;
	line-height: 60px;
	font-weight: 500;
	margin-top: 40px;
	margin-right: 40px;
	margin-left: 40px;
}
.indexejltp {
	font-size: 15px;
	line-height: 30px;
	padding-right: 10px;
	padding-bottom: 10px;
	margin-right: 20px;
	margin-left: 40px;
}
.indexejltd {
	line-height: 50px;
	background-color: #F00;
	height: 50px;
	width: 300px;
	text-align: center;
	font-size: 25px;
	font-weight: 500;
	border-radius: 5px;
	margin-left: 40px;
}
.indexejltd a { color: #FFF; }
.indexejltd a:hover { color: #ccc; }
.indexejr {
	float: right;
	height: 450px;
	width: 57%;
	background-color: #f0f0f5;
	border-radius: 0 5px 5px 0;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
}


.vertical {
	width: 690px;
	height: 290px;
	overflow: auto;
	padding: 10px;
	position: absolute;
	margin-top: 10px;
	margin-left: 40px;
}
.chtt { text-align: center; margin-top: 50px; font-size: 25px;}
.ela { width: 45%; height: auto; float: left; margin-bottom: 10px; margin-left: 2%; margin-right: 2%; border-bottom: 1px solid #ccc;}
.elat { font-weight: 600;}

.indexService {
	width: 1455px;
	height: 400px;
	margin-left: auto;
	margin-right: auto;
}
.indexService li{ 
    width: 30.7%;
	height: 190px;
	margin-left: 1.85%;
    background-color: #fff; border: 1px solid #c0c1c2; border-radius: 5px; float: left; margin-bottom: 21px;}
.indexService li:hover { border: 1px solid #c0c1c2; box-shadow:0 10px 10px 0 rgba(0,0,0,.17);transition:all .3s ease;transform:translateY(-10px);}
.indexserdis {
	height: auto;
	width: 335px;
	line-height: 25px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	margin-right: 30px;
	margin-left: 72px;
}
.indexwyimg {
	float: left;
	height: 50px;
	width: 50px;
}
.indexwy {
	height: 50px;
	width: auto;
	margin-top: 30px;
	margin-left: 20px;
}
.indexserti {
	height: 50px;
	width: auto;
	padding-right: 20px;
	padding-left: 30px;
	line-height: 50px;
	font-size: 22px;
}

.foot { width: 100%; height: auto; background-color: #fff; color:#333;}
.footer { width: 1400px; height: auto; margin:0 auto; }
.footerb { width: 100%; text-align:center; margin-top: 10px; border-top:1px solid #ccc; line-height:60px;}
.footer li { width: 25%; height: auto; float: left;}
.footer li h3 { width: 80%;border-bottom:1px solid #ccc; 
margin: 20px 0 10px 0;
    line-height: 28px;
    font-weight: 600;
    font-size: 15px;
    color: #333;
    padding-bottom: 10px;
    text-transform: uppercase;
    text-decoration: none;}
.footer li li { width: 100%; height: 30px; overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;}
.footer li li a { color: #333; font-size:13px;}
.footer li li a:hover { color: #00a0ea;}
.footer p { line-height:30px; font-size:14px;}
.entop { width: 100%; color: #fff; height: 40px; line-height: 40px; }
.entopl {width:1400px; margin: 0 auto;}
.entopl d { float: left; width: auto;}
.entopl dd { float: right; width: auto;}


@media screen and (max-width: 767px) {
    .xadvtanginx {
    width: 100%;
    height: 600px;
    margin: 0 auto;
    border-bottom: 1px solid #c0c1c2;
    border-right: 1px solid #c0c1c2;
}

.xadvtanginxa {
    width: 44.8%;
    float: left;
    height: 260px;
    border-left: 1px solid #c0c1c2;
    border-bottom: 1px solid #c0c1c2;
    padding: 20px 2%;
    display: table-cell;
    vertical-align: middle;
}

.xadvtanginxb {
    width: 44.8%;
    float: left;
    height: 260px;
    border-left: 1px solid #c0c1c2;
    padding: 20px 2%;
    line-height: 25px;
}
.xaddes h3 {
    font-size: 16px;
    line-height: 30px;
    font-weight: 600;
    color: #333;
}
.xnewsinxa {
    width: 100%;
    height: auto;
    margin: 20px auto 20px auto;
    border-top: 0px solid #c0c1c2;
    text-align: center;
    padding-top: 15px;
    font-weight: 400;
    font-style: normal;
    font-size: 25px;
    line-height: 2.5rem;
}
.xnewsinx {
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.xnewsinx li {
    width: 100%;
    height: auto;
    margin-left: 0;
    margin-bottom: 20px;
    float: left;
    border-top: 1px solid #c0c1c2;
    border-left: 1px solid #c0c1c2;
    border-right: 1px solid #c0c1c2;
    border-bottom: 3px solid #00a0ea;
    border-radius: 5px;
    box-shadow: 0 1px 1px 0 rgb(0 0 0 / 5%);
}
.indexService {
    width: 100%;
    height: 600px;
    margin-left: auto;
    margin-right: auto;
}
.indexService li {
    width: 48.2%;
    height: 190px;
    margin-left: 0.7%;
    background-color: #fff;
    border: 1px solid #c0c1c2;
    border-radius: 5px;
    float: left;
    margin-bottom: 21px;
}
.indexserti {
    height: 50px;
    width: auto;
    padding-right: 20px;
    padding-left: 30px;
    line-height: 50px;
    font-size: 22px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.indexserdis {
    height: auto;
    width: 90%;
    line-height: 25px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    margin-right: 10px;
    margin-left: 12px;
}
.indexService li:hover { border: 1px solid #c0c1c2; box-shadow:0 0px 0px 0 rgba(0,0,0,.17);transition:all .3s ease;transform:translateY(-10px);}

.mt-tabpage {
 display: none;
}
.xnewsinxab {
    width: 100%;
    height: auto;
    margin: 40px auto 20px auto;
    text-align: center;
}
.xnewsinxac {
    width: 100%;
    height: auto;
    margin: 20px auto 20px auto;
    border-top: 1px solid #c0c1c2;
    text-align: center;
    padding-top: 30px;
    font-weight: 600;
    font-style: normal;
    font-size: 22px;
    line-height: 2.5rem;
}
.xnewsinxa {
    width: 100%;
    height: auto;
    margin: 20px auto 20px auto;
    border-top: 0px solid #c0c1c2;
    text-align: center;
    padding-top: 15px;
    font-weight: 600;
    font-style: normal;
    font-size: 22px;
    line-height: 2rem;
}
.contentmainn {
    width: 100%;
    margin: 0 auto;
}
.contentmainn li {
    width: 100%;
    margin: 0;
    float: left;
    background: #fff;
    box-shadow: 0 0 9px 3px rgba(0,0,0,.1) padding-bottom:20px;
}
.indexej {
    width: 100%;
    height: auto;
    margin: 40px auto;
    border-radius: 5px;
}
.indexejl {
    float: left;
    height: 450px;
    width: 100%;
    background-color: #393a3b;
    border-radius: 5px 0 0 5px;
    color: #FFF;
    padding-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
}
.indexejr {
    float: right;
    height: 450px;
    width: 100%;
    background-color: #f0f0f5;
    border-radius: 0 5px 5px 0;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
}
.vertical {
    width: 100%;
    height: 290px;
    overflow: auto;
    padding: 0px;
    position: absolute;
    margin-top: 0px;
    margin-left: 0px;
}

.footer li { display: none;}
.footerb {
    width: 100%;
    text-align: center;
    margin-top: 10px;
    border-top: 1px solid #3a3b51;
    line-height: 28px;
}
.entop {
    width: 100%;
    color: #242537;
    height: 80px;
    line-height: 25px;
    background: #f2f2f2;
}
.entopl {
    width: 100%;
    margin: 0 auto;
}
.entopl d { float: left; width: 100%;}
.entopl dd { float: right; width: 100%;}

    
}

/****page*****/
.pagemain { width: 1400px; height: auto; margin: 0 auto 40px auto; line-height:30px; }

.pagemain p { word-wrap: break-word; }

.newsproleft { width: 78%; height: auto; float: left; word-wrap: break-word;  white-space: normal;}
.newsproright { width: 18%; height: auto; float: right;}
.newsproright li { color: #888;line-height:26px; text-align: left; border-bottom: 1px solid #eee; margin-bottom: 10px;overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.newsproright h2 {font-size: 22px; line-height:50px; border-bottom: 1px solid #c0c1c2;  margin-bottom:20px;}
.prolisth {font-size: 22px; line-height:50px; border-bottom: 1px solid #c0c1c2;  margin-bottom:20px;}
.prolisthh { width:1400px; margin: 0 auto; }
.prolisthh h2 { font-size: 22px; line-height:50px; border-bottom: 1px solid #c0c1c2;  margin-bottom:20px;}
.newstitlelist { width: 1400px; height: auto; margin: 0 auto; border-bottom: 1px solid #c0c1c2;}
.newstitlelist h1 { font-size: 24px; line-height:50px; }
.newsproahref a { margin-right: 30px;font-size: 13px; color: #888;line-height:50px;}
.protitlelist { width: 100%; height: auto; margin: 0 auto 10px auto; border-bottom: 1px solid #c0c1c2;}
.protitlelist h1 { font-size: 24px; line-height:50px; }
.prolistimgright h2 { font-size: 20px; line-height:50px; }
.quotes { margin: 40px 0px;}
.quotes a { padding: 6px 30px; background: #2a2f32; border-radius:55px; font-size:20px; font-weight:600; color:#fff; margin-right:40px; }
.quotes a:hover { padding: 6px 30px; background:#007aff ; border-radius:55px; font-size:20px; font-weight:600; color:#fff; }

.pagebanner {
    background-image: url(../images/about.jpg);
    text-align: center;
    height: auto;
    width: 100%;
    background-color: #00a0ea;
}

.item { width: 1400px; height: auto; margin: 0 auto; margin-bottom: 10px;font-size: 13px; color: #888;line-height:40px;}
.item a { font-size: 12px; color: #888;}
.promenu { width: 100%;margin: 0 auto; height: auto; border-bottom: 1px solid #c0c1c2;box-shadow: 0 2px 4px 0 rgb(0 0 0 / 10%);}
.promenulist { width: 1400px; height: auto; margin: 0 auto;}
.promenulist a {
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    margin-right: 50px;
    font-weight: 500;
}

.protop { width: 1400px; height: auto; margin: 0px auto 20px auto;}
.protopl { width: 500px; height: auto; float: left;}
.protopr { width: 850px; height: auto; float: right;}


.pagesitem {width:1400px; line-height:25px; text-align:center; margin:0 auto; height:60px;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    background-color: #00a0ea;
    border-color: #00a0ea;
    cursor: default;
}
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857;
    text-decoration: none;
    color: #333;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px;
}
.pagination>li>a {
    margin: 0 3px;
}

.newspro { width:1430px; margin: 20px auto;}
.nprol { width: 250px; height:auto; float:left; }
.npror {width: 100%; height:auto;}

.npror li {
   height: 190px;
    margin-bottom: 25px;
	margin-left:1%; 
	margin-right:1%; 
	margin-top:20px;
	padding-top: 15px;
	width: 47.8%;
    float: left;
    background: #fff;
    border-top: 1px solid #c0c1c2;
    border-left: 1px solid #c0c1c2;
    border-right: 1px solid #c0c1c2;
    border-bottom: 3px solid #00a0ea;
    border-radius: 5px;
    box-shadow: 0 1px 1px 0 rgb(0 0 0 / 5%);
}
.npror li a {
    color: #00a0ea;
    font-size: 15px;
    display: block;
    line-height: 12px;
    margin-top: 10px;
}
.npror li:hover {box-shadow:0 10px 10px 0 rgba(0,0,0,.17);transition:all .3s ease;transform:translateY(-10px);}

.npror li dl { width: 76%; float:left; height:auto; margin-left:2%; }
.npror li span {
    float: right;
    margin-top: 35px;
    color: #ccc;
    font-size: 20px;
    text-align: right;
    line-height: 36px;
    display: block;margin-right:2%;
}
.npror li span b {
    font-size: 36px;
    display: block;
    font-weight: normal;
}
.npror li dl h2 a { font-size: 24px; color: #333; margin-bottom:5px;font-weight: 500;overflow: hidden; line-height: 30px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical; }
.npror li dl h2 a:hover {color: #00a0ea;}
.npror li dl dd {
    height: 80px;
    color: #555;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.prolistimg { width: 1400px; height: 500px; margin:20px auto;}
.prolistimgleft { width: 46%; height: 500px; float: left;}
.prolistimgright { width: 48%; height: 500px; float: right;}

.yzm-image{
	width: 500px;
	height: 500px;
	text-align: center;
	border: 1px solid #c0c1c2;
	float: right;
}
.yzm-image img{
	width: 500px;
	height:500px;
	overflow: hidden;
}
.yzm-switch{
	width: 100px;
	height: 500px;
	float: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
}
.yzm-switch-center{
	width: 100px;
	height: 500px;
	margin-left: 0px;
	overflow: hidden;
	padding-top: 0px;
}
.yzm-switch-center li{
	display: inline;
	width: 90px;
	height: 90px;
	margin-bottom: 5px;
	margin-right: 12.5px;
	padding-top: 0px;
}
.yzm-switch-center li a{display: block; width: 90px; height: 90px; border: 1px solid #c0c1c2;}
.yzm-switch-center li a img{width: 90px; height: 90px;}
.yzm-switch-center li a.on{border: 1px solid #c0c1c2;}
.yzm-switch-center li a:hover{border: 1px solid #c0c1c2;}
.yzm-content {
	height: auto;
	width: 100%;
	float: left;
}

.xpartners { width: 1400px; height: auto; margin: 0 auto;}
.xpartners img { width: 100%; height: auto; margin: 0 auto;}
@media screen and (max-width: 767px) {
    .item {
    width: 100%;
    height: auto;
    margin: 0 auto;
    margin-bottom: 10px;
    font-size: 13px;
    color: #888;
    line-height: 40px;
}
.protop {
    display: none
}
.xproinx {
    width: 100%;
    height: auto;
    margin: 20px auto;
    z-index: 998;
    text-align: left;
}
.xproinx li {
    width: 46.54%;
    height: auto;
    margin-left: 1.85%;
    margin-bottom: 30px;
    float: left;
    border-top: 1px solid #c0c1c2;
    border-left: 1px solid #c0c1c2;
    border-right: 1px solid #c0c1c2;
    border-bottom: 3px solid #00a0ea;
    border-radius: 5px;
    box-shadow: 0 1px 1px 0 rgb(0 0 0 / 5%);
}
.pagesitem {
    display: none;
}
.prolistimg {
    width: 100%;
    height: 1050px;
    margin: 20px auto;
}
.prolistimgleft {
    width: 100%;
    height: 500px;
    float: left;
}
.prolistimgright {
    width: 100%;
    height: 500px;
    float: right;
}
.yzm-switch { display: none;}
.yzm-image{
	width: 100%;
	height: auto;
	text-align: center;
	border: 0px solid #c0c1c2;
	float: right;
}
.yzm-image img{
	width: 100%;
	height:auto;
	overflow: hidden;
}
.quotes a {
    padding: 6px 30px;
    background: #2a2f32;
    border-radius: 55px;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    margin-right: 10px;
}
.pagemain {
    width: 100%;
    height: auto;
    margin: 0 auto 40px auto;
    line-height: 30px;
}
.newsproleft {
    width: 100%;
    height: auto;
    float: left;
    word-wrap: break-word;
    white-space: normal;
}
.newsproright {
    width: 100%;
    height: auto;
    float: right;
}
.prolisthh {
    width: 100%;
    margin: 0 auto;
}
.newspro {
    width: 100%;
    margin: 20px auto;
}
.npror li {
    height: 190px;
    margin-bottom: 25px;
    margin-left: 1%;
    margin-right: 1%;
    margin-top: 20px;
    padding-top: 15px;
    width: 100%;
    float: left;
    background: #fff;
    border-top: 1px solid #c0c1c2;
    border-left: 0px solid #c0c1c2;
    border-right: 0px solid #c0c1c2;
    border-bottom: 3px solid #00a0ea;
    border-radius: 0px;
    box-shadow: 0 1px 1px 0 rgb(0 0 0 / 5%);
}
.npror li dl {
    width: 70%;
    float: left;
    height: auto;
    margin-left: 2%;
}
.npror li span {
    float: right;
    margin-top: 35px;
    color: #ccc;
    font-size: 15px;
    text-align: right;
    line-height: 36px;
    display: block;
    margin-right: 2%;
}
.xpartners { width: 100%; height: auto; margin: 0 auto;}
    
}


/*****search*****/
.portlet-light { width: 1400px; margin: 0 auto;}
.portlet { width: 1455px; height: auto; margin: 20px auto; z-index:998; text-align:left;}
.portlet li { width: 22.54%; height: auto; margin-left: 1.85%; margin-bottom: 30px; float: left; border-top: 1px solid #c0c1c2;border-left: 1px solid #c0c1c2;border-right: 1px solid #c0c1c2;border-bottom: 3px solid #00a0ea; border-radius: 5px;  box-shadow: 0 1px 1px 0 rgb(0 0 0 / 5%);}
.portlet li:hover { box-shadow:0 10px 10px 0 rgba(0,0,0,.17);transition:all .3s ease;transform:translateY(-10px);}
.portlet li .picture { width: 90%; margin: 0 auto;}
.portlet li .picture img { width: 100%; height: auto;border-radius: 5px 5px 0 0;}
.portlet li h2 { width: 90%; line-height: 50px; margin:0 auto; font-size:16px;overflow: hidden; font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;}
.portlet li p { width: 90%; margin:0 auto; overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; height:75px;}
.portlet li dd { width: 90%; margin:0 auto; margin-bottom:30px; margin-top:20px;}
.portlet li dd a { color: #00a0ea;}



.search-form {
	width: 357px; height: 40px;border: 1px solid #4e4e4e;
	margin-top: 20px; 
}
#search_text{
	width: 297px;
	padding: 10px 0 10px 10px;
	border: 0 none;
	height:40px;
	margin-right: 0;
	color: 222;
	outline: none;
	background: #fff;
	float: left;
	box-sizing: border-box;
	transition: all 0.15s;
}
::-webkit-input-placeholder { /* WebKit browsers */
	color: #222;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #222;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #222;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: #222;
}
#search_text:focus {
	background: #fff;
}
#search_button {
	border: 0 none;
	background: #f03;
	width: 40px; 
	float: left;
	padding: 0;
	text-align: center;
	height: 40px;
	cursor: pointer;
	display:block;
	text-transform:uppercase;
	overflow:visible;
	color: #fff;
}

.form-control{
    height: 35px;
    width: 500px;
    border-radius: 5px;
    padding-left: 15px;
    padding-right: 15px;border: 1px solid #c0c1c3;
}
.form-controlc{
    height: 35px;
    width: 200px;
    border-radius: 5px;
    padding-left: 15px;
    padding-right: 15px;border: 1px solid #c0c1c3;
}
.showmessage { width: 1400px; height: auto; margin: 20px auto;}
.btn-green {
    height: 32px;
    width: 80px;
    border-radius:5px;
    padding-left: 15px;
    padding-right: 15px;
    border: 1px solid #f58400;
    margin-top: 10px;
    background: #f03;
    cursor: pointer;
    color: #fff;
}

.mtit { width: 50%; height: auto; float: left;}
.mtitr { width: auto; height: auto; float: right;}
.mtitm { width: 100%; height: 150px;}
.mtiall { width: 100%; height: 140px;}
.form-group { width: 50%; height: auto; float: left;}
.fc-form { width: 100%; height: 300px;}