﻿@charset "utf-8";
.clear{clear: both;}
html, body {
    height: 100%;
}

body{
width: 100%;
margin: 0;
overflow-x: hidden;
font-family:"微软雅黑",arial;
}

*{box-sizing:border-box; margin:0px; padding:0px;   
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
* {
	margin: 0;
	padding: 0;
	outline: none;
}
html { height: 100%; }
body { min-height: 100% }
body { _height: 100% }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { *zoom: 1 }
li { list-style-type: none }
h1, h2, h3, h4, h5, h6 {line-height: 1.1;  font-size: 100% ;}

iframe, frame, fieldset, img { border: 0 none }
img { vertical-align: top }
input[type=button], input[type=submit], input[type=reset] { cursor: pointer }
button { cursor: pointer }
input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none }
input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio }
input[type=checkbox] { -webkit-appearance: checkbox }
input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box }
textarea { overflow: auto; resize: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none }
table { border-collapse: collapse; border-spacing: 0;width:100%}
caption, th { text-align: left }
th { font-weight: normal }
em, cite, address,i { font-style: normal }
sup { vertical-align: text-top }
sub { vertical-align: text-bottom }
body, input, select, button, textarea {}
body { line-height: 1.5;
-webkit-user-select:none; 
    -moz-user-select:none; 
    -ms-user-select:none; 
    user-select:none;}
    div{-webkit-tab-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent; } 
a:link,
a:visited,
a:active,
a { text-decoration: none;}
a:hover {}
a,a:hover,a:active,a:visited,a:link,a:focus{
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent;
outline:none;
background:auto;
text-decoration: none;
}
a { blr:expression(this.onFocus=this.blur()) }
a * { *cursor: pointer }
:focus { outline: none } 
img{display: block;max-width: 100%;height: auto !important;}



*::-webkit-scrollbar {
            width: 0px; 
            height: 10px;
        }
*::-webkit-scrollbar-thumb {
            border-radius: 5px;
            -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0);
            background:#ec7700;
        }
*::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
                    border-radius: 5px;
            background: #c1c9cf;}




.w90{width:88%;max-width: 1600px;margin: 0 auto;}
.td-space{padding: 70px 0;width: 100%;height: auto;}
.t-space{padding-top: 100px;width: 100%;height: auto;}
.d-space{padding-bottom: 100px;width: 100%;height: auto;}
.margin-t{padding-top: 50px;}
body.body-page-bks{width: 100%;height:100%;position: fixed;top: 0;left: 0;z-index: 999;}
.title{width: 100%;height: auto;}
.title h2{ color: #333333;font-size: 40px;position: relative;display: inline-block;}
.title h2 i{width: 20px;overflow: hidden; height: 20px;display: block;position: absolute;right: -20px;top: -20px;background: url(../img/a008.png) no-repeat;background-position: 0 0; background-size: 20px 40px;}
.title b{ color: #333333;font-size: 40px;position: relative;display: inline-block;}
.title b i{width: 20px;overflow: hidden; height: 20px;display: block;position: absolute;right: -20px;top: -20px;background: url(../img/a008.png) no-repeat;background-position: 0 0; background-size: 20px 40px;}
.title p{font-size: 20px;color:#333333;margin-top: 10px;}
.title2 h2{color: #333333;font-size: 30px;position: relative;display: inline-block;}
.title2 h2 i{width: 20px;height: 20px;display: block;position: absolute;right: -20px;top: -20px;background: url(../img/a008.png) no-repeat;background-position: 0 0px; background-size: 20px 40px;}
.title2 b{color: #333333;font-size: 30px;position: relative;display: inline-block;}
.title2 b i{width: 20px;height: 20px;display: block;position: absolute;right: -20px;top: -20px;background: url(../img/a008.png) no-repeat;background-position: 0 0px; background-size: 20px 40px;}

.title3 h2 i{width: 20px;height: 20px;display: block;position: absolute;right: -20px;top: -20px;background: url(../img/a008.png) no-repeat;background-position: 0 -20px; background-size: 20px 40px;}
.title3 h2 {color: #FFFFFF;}

.title3 b i{width: 20px;height: 20px;display: block;position: absolute;right: -20px;top: -20px;background: url(../img/a008.png) no-repeat;background-position: 0 -20px; background-size: 20px 40px;}
.title3 b {color: #FFFFFF;}

.title3 p{color: #FFFFFF;}
.txt-c{width: 100%;height: auto;}
.txt-c p{font-size: 16px;color: #333333;}
.txt-c img{margin:0 auto !important;}
.txt-c p img{display:inline-block;margin-bottom:10px !important;}
.view{font-family: arial; display: inline-block;background: #1439a2;border-top-left-radius: 10px;border-bottom-left-radius: 10px;border-top-right-radius: 20px;line-height: 48px;padding: 0 35px;color:#FFFFFF;text-transform: capitalize;font-size: 18px;}
.view i{display: inline-block;vertical-align: middle;width: 16px;height: 16px;margin-left: 10px;}
.view:hover{background: #EC7700;}



.infont{width:50px;height: 3px;background: #EC7700;position: relative;}
.infont:before{content: "";position: absolute;background: #EC7700; left: 0;top: -4px;width: 10px;height: 10px;}
.infont2{width:100%;height: 3px;background: #FFFFFF;position: relative;}
.infont2:before{content: "";position: absolute;background: #FFFFFF; left: 0;top: -4px;width: 10px;height: 10px;}
.infont2:after{content: "";position: absolute;background: #FFFFFF; right: 0;top: -4px;width: 10px;height: 10px;}

.page-box{ width: 100%;height: auto;position: relative;}
/*.page-box:before{width: 15px;height: 100%;content: "";position: absolute;top: 0;right: 0;background: #1439A2;z-index: 999;}*/
.page-box:after{width: 100%;height:0px;content: "";position: fixed;left: 0;top: 0;background: #1439A2;z-index: 999;}
.page-box{border-right:0px solid #1439A2;}



@media only screen and (max-width:1680px) {

	.title h2{font-size: 36px;}
	.title2 h2{font-size: 28px;}
		.title b{font-size: 36px;}
	.title2 b{font-size: 28px;}
	.title p{font-size: 18px;}
	
	.td-space{padding:60px 0;}
.t-space{padding-top: 90px;}
.d-space{padding-bottom:90px;}
}
@media only screen and (max-width:1440px) {
	.page-box:after{width: 100%;height: 10px;}
.page-box{border-right:0px solid #1439A2;}
.title h2{font-size: 34px;}
.title2 h2{font-size: 26px;}

.title b{font-size: 34px;}
.title2 b{font-size: 26px;}

.title p{font-size: 16px;}
.title h2 i{width: 15px;height: 15px;top: -15px;right: -15px;background-size: 15px 30px;}
.title2 h2 i{width: 15px;height: 15px;top: -15px;right: -15px;background-size: 15px 30px;}
.title3 h2 i{width: 15px;height: 15px;top: -15px;right: -15px;background-size: 15px 30px;background-position: 0 -15px;}

.title b i{width: 15px;height: 15px;top: -15px;right: -15px;background-size: 15px 30px;}
.title2 b i{width: 15px;height: 15px;top: -15px;right: -15px;background-size: 15px 30px;}
.title3 b i{width: 15px;height: 15px;top: -15px;right: -15px;background-size: 15px 30px;background-position: 0 -15px;}
.txt-c p{font-size: 15px;}
.td-space{padding:60px 0;}
.t-space{padding-top: 80px;}
.d-space{padding-bottom:80px;}



.view{line-height: 45px;padding: 0 20px;font-size: 16px;}
.view i{width: 16px;height: 16px;margin-left: 10px;}

.infont{height: 2px;}
.infont2{height: 2px;}
.infont:before{top: -3px;width: 8px;height: 8px;}
.infont2:before{ top: -3px;width: 8px;height: 8px;}
.infont2:after{ top: -3px;width: 8px;height: 8px;}
.infont{width: 45px;}
.margin-t{padding-top: 45px;}

}
@media only screen and (max-width:1280px) {
	.title h2{font-size: 30px;}
	.title2 h2{font-size: 24px;}
	
		.title b{font-size: 30px;}
	.title2 b{font-size: 24px;}
	
	.title p{font-size: 15px;}
		.td-space{padding:70px 0;}
.t-space{padding-top: 70px;}
.d-space{padding-bottom:70px;}
.view{line-height: 40px;padding: 0 15px;font-size: 15px;}
.view i{width: 14px;height: 14px;margin-left: 10px;}

.margin-t{padding-top: 40px;}
}
@media only screen and (max-width:1024px) {
	.title h2{font-size: 28px;}
	.title2 h2{font-size: 22px;}
		.title b{font-size: 28px;}
	.title2 b{font-size: 22px;}
	
	.title p{font-size: 14px;}
	.txt-c p{font-size: 14px;}
.td-space{padding:60px 0;}
.t-space{padding-top:60px;}
.d-space{padding-bottom:60px;}

.view{line-height:35px;padding: 0 15px;font-size: 14px;border-radius: 5px;border-bottom-right-radius: 0; border-top-right-radius:10px;}
.view i{width: 12px;height: 12px;margin-left: 5px;}
.infont{width: 35px;}
	.infont{height:2px;}
.infont2{height:1px;}
.w90{width: 90%;}
}
@media only screen and (max-width:720px) {
	.title h2{font-size: 20px;}
	.title2 h2{font-size: 20px;}
	
		.title b{font-size: 20px;}
	.title2 b{font-size: 20px;}
	.txt-c p{font-size: 13px;}
.td-space{padding:50px 0;}
.t-space{padding-top:50px;}
.d-space{padding-bottom:50px;}
.margin-t{padding-top: 35px;}
}

.header{z-index: 999;height: 100px; overflow: hidden; width: 100%;height: auto;position:fixed;top:0px; left: 0;padding-top:0px; background: url(/images/logo_bg.jpg);}
.header .header-c{width: 100%;background: rgba(255,255,255,0.85);margin: 0 auto;padding: 0 ;border-radius:10px;border-bottom-right-radius: 0;}
.header .logo{ float:left; width: 100%;height: auto;display: block;margin-top: 15px;padding: 0 4%;}
.header .logo img{float: left;max-width: 50%;}
.header .logo .tel{width: 20%;color: #ec7700;
    float: right;line-height: 2;
    font-weight: 600;
    font-size: 1.8em;}
.header .menu{width: 100%;float: right;height: auto;background:url(/web/img/b003.jpg);padding: 0 4%;}
.header .menu ul{width:100%;text-align: center; padding-right:0; float:right; font-size: 0;position: relative;}
 
.header .menu ul li{vertical-align: top; margin-right:7%; display: inline-block;font-size: 17px;line-height: 95px; font-weight: bolder;}
.header .menu ul li a{color:#fff;font-size: 18px;
    font-weight: 500;}
.header .menu ul li.cut a{color: #ec7700;}
.header .menu ul li:hover a{color: #ec7700;}


.header .menu .tel{font-family: arial;line-height: 95px; width: 150px;float:right; font-weight: 600; font-size: 26px;color: #ec7700;display: flex;
    align-items: center;}
.header .menu .tel i{width: 20px;height: 20px;display: inline-block;margin-right: 10px;vertical-align: middle;}
.zywchange{float:left; margin-top:33.5px;  padding: 0 15px;	position: relative;}

.zywchange .zywbtn img{width: 28px;height:28px;cursor: pointer;}

.zywboxlist{

	display: none;

	position: absolute;

	top: 100%;

	padding: 10px 0 20px 0;

	left: 0;

	width: 100%;

	background: #ffffff;

	border-radius: 10px;

}

.zywboxlist a{

	width: 100%;

	padding: 5px 0;

	display: block;

	font-size: 14px;

	color: #999;

	display: flex;

	justify-content: center;

	align-items: center;

}

.zywchange .zywboxlist .select img{

	visibility: visible;

}

.zywchange .zywboxlist a:hover img{

	visibility: visible;

}

.zywboxlist a img{

	width: 12px;

	height: 9px;

	margin-right: 5px;

	visibility: hidden;

}

.header2 .header-c{box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.header2{top: 0px;padding-top: 0px;background: url(/images/logo_bg.jpg);}
.header .header-c:hover{background: rgba(255,255,255,0.98);}

.second-box{display: none; width: 100%;height: auto;position: relative;overflow: hidden;}
.second-box .line{width: 100%;height:1px;background:#d1d5da;position: absolute;top: 4px;left: 0;}
.second-box .line:before{content: "";position: absolute;left: 0;width: 8px;height: 8px;background: #D1D5DA;top: -4px;}
.second-box .line:after{content: "";position: absolute;right: 0;width: 8px;height: 8px;background: #D1D5DA;top: -4px;}
.second-box .second-list{width: 100%;height: auto;}
.second-box .second-list .list{padding:35px 0 45px 0; width: 100%;height: auto;overflow: hidden;display: none;}
.second-box .second-list .list:first-child{padding: 0;}
.second-box .second-list .ablist{width:35%;background: #1439A2;padding:45px;float: left; color: #FFFFFF; border-radius: 10px;border-top-right-radius: 20px;border-bottom-right-radius: 0;}
.second-box .second-list .ablist h6{font-size: 30px;}
.second-box .second-list .ablist p{font-size:16px;margin-top: 10px;}
.second-box .second-list .ablist .tag{margin-top: 35px; width: 100%;height: auto;font-size: 0;}
.second-box .second-list .ablist .tag a{display: inline-block;vertical-align: top; padding: 15px 15px 15px 25px;position: relative; border-bottom: 1px solid rgba(255,255,255,0.1);font-size: 14px; color: rgba(255,255,255,0.5); width: calc(50% - 10px);margin-right: 20px;}
.second-box .second-list .ablist .tag a:nth-child(2n){margin-right: 0;}
.second-box .second-list .ablist .tag a:before{content: ""; position: absolute; width: 6px;height: 6px;background: rgba(255,255,255,0.2);border-radius: 100%;left: 0;top: calc(50% - 3px);}
.second-box .second-list .ablist .tag a:after{content: "";position: absolute;right: 0;width: 12px;height:12px;background-size: cover;background:url(../img/a009.png)center no-repeat; top: calc(50% - 6px);opacity: 0.2;-webkit-opacity: 0.2;-moz-opacity: 0.2;-ms-opacity: 0.2;-o-opacity: 0.2;}
.second-box .second-list .ablist .tag a:hover{border-bottom: 1px solid #FFFFFF; color: #FFFFFF;}
.second-box .second-list .ablist .tag a:hover:before{background: #FFFFFF;}
.second-box .second-list .ablist .tag a:hover:after{opacity: 1;-webkit-opacity: 1;-moz-opacity: 1;-ms-opacity: 1;-o-opacity: 1;}
.second-box .second-list .abtwo{width:65%;padding-left: 5%; font-size: 0; height: auto;float: right;}
.second-box .second-list .abtwo a{display: inline-block; vertical-align: top; width: calc(50% - 15px);margin-right:30px;height: auto;}
.second-box .second-list .abtwo a:nth-child(2n){margin-right: 0;}
.second-box .second-list .abtwo a .pic{width: 100%;height: auto;}
.second-box .second-list .abtwo a .pic img{border-radius: 10px; border-bottom-right-radius: 0;border-top-right-radius: 20px;}
.second-box .second-list .abtwo a h6{font-size: 30px;color: #000000;margin-top: 15px;}
.second-box .second-list .abtwo a p{font-size: 16px;margin-top: 10px;color: #000000;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space:nowrap;}
.second-box .second-list .abtwo a .more{color: #EC7700;display: block;margin-top:25px; font-size: 16px;font-weight: bolder;}
.second-box .second-list .abtwo a .more i{display: inline-block; vertical-align: middle;width: 16px;height: auto;}

.second-box .second-list .pub-l{width: 30%;height: auto;float: left;}
.second-box .second-list .pub-l img{width:100%;height: auto;border-radius: 10px;border-bottom-right-radius: 0;border-top-right-radius: 20px;}
.second-box .second-list .pub-r{float: right; width:70%;height: auto;padding-left: 5%;}
.second-box .second-list .pub-r  h6{font-size: 30px;color: #000000;}
.second-box .second-list .pub-r p{font-size: 16px;color: #000000;margin-top: 10px;}
.second-box .second-list .pub-r .tag{margin-top:20px; margin-bottom: 45px; width: 100%;height: auto;font-size: 0;}
.second-box .second-list .pub-r .tag a{display: inline-block;vertical-align: top; padding: 15px 15px 15px 25px;position: relative; border-bottom: 1px solid #787879;font-size: 14px; color:#000; width: calc(25% - 15px);margin-right: 20px;}
.second-box .second-list .pub-r .tag a:nth-child(4n){margin-right: 0;}
.second-box .second-list .pub-r .tag a:before{content: ""; position: absolute; width: 6px;height: 6px;background:#000;border-radius: 100%;left: 0;top: calc(50% - 3px);}
.second-box .second-list .pub-r .tag a:after{content: "";position: absolute;right: 0;width: 12px;height:12px;background-size: cover;background:url(../img/a009sss.png)center no-repeat; top: calc(50% - 6px);}
.second-box .second-list .pub-r .tag a:hover{border-bottom: 1px solid #EC7700; color: #EC7700;}
.second-box .second-list .pub-r .tag a:hover:before{background:#EC7700;}
.second-box .second-list .pub-r .tag a:hover:after{background: url(../img/a009s.png) center no-repeat;}
.second-box .second-list .pub-r .view{display: none; border: 1px solid #1439A2;color: #1439A2;font-weight: bolder; background: none;}

.mbnav{display: none; width: 100%;height: auto;}
.mbnav .mbnav-c{padding: 0 5%; height: 55px; width:calc(100% - 10px);border-top: 1px solid rgba(255,255,255,0.05);box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.mbnav .mbnav-c .logo{width: 150px;height: auto;display: block;margin-top: 7.5px;}
.mbnav .mbnav-c .logo .img1{display: none;}
.mbnav .mbnav-c .toggle{width:20px;height:18px;position: absolute;right: 5%;top:17.5px;}
.mbnav .mbnav-c .toggle span{margin-top: 8px; display: block;width: 20px;height: 2px;background:#1439A2;}
.mbnav .mbnav-c .toggle:before {content: "";position: absolute;left: 0;top: 0;height: 2px;background:#1439A2;width: 100%;}
.mbnav .mbnav-c .toggle:after{content: "";position: absolute;left: 0;bottom:0;height: 2px;background:#1439A2;width: 100%;}
.mbnav .mbnav-c .toggle.open span{display: none;}
.mbnav .mbnav-c .toggle.open:before{transform: rotate(45deg)translateY(4px)translateX(7.5px);}
.mbnav .mbnav-c .toggle.open:after{transform: rotate(-45deg)translateY(-4px)translateX(7.5px);}
.mbnav2 .mbnav-c{background: rgba(255,255,255,1);}
.mbnav2 .mbnav-c .logo .img2{display: none;}
.mbnav2 .mbnav-c .logo .img1{display: block;}
.mbnav2 .mbnav-c .toggle:before{background:#1439A2;}
.mbnav2 .mbnav-c .toggle:after{background: #1439A2;}
.mbnav2 .mbnav-c .toggle span{background: #1439A2;}

.mbnav .menu-box{display: none; width: 100%;left: 0; height: auto;max-height: calc(100% - 60px);overflow-x: hidden;overflow-y: auto; position: fixed;top:55px;background: #1439A2;}
.mbnav .menu-box ul.onetag{width: 100%;height: auto;padding: 0 5%;}
.mbnav .menu-box ul.onetag>li{position: relative; font-size: 16px;text-transform:uppercase;font-family: "RB"; color: #FFFFFF; width: 100%;display: block;padding: 15px 5% 15px 10px;line-height:30px; border-bottom: 1px solid rgba(255,255,255,0.2); margin: 0;}
.mbnav .menu-box ul.onetag>li a{color: #FFFFFF;}
.mbnav .menu-box ul.onetag>li.twotag:after{position: absolute;content: "";right: 10px;top: 25px;border-top: 6px solid #FFFFFF;border-left: 6px solid rgba(255,255,255,0);border-right: 6px solid rgba(255,255,255,0);border-bottom: 6px solid rgba(255,255,255,0);}
.mbnav .menu-box ul.onetag>li.twotag .downs{display: none; padding-top: 15px; transition: all 0.5s ease; font-size: 16px; width: 100%;height: auto;padding:20px 0;}

.mbnav .menu-box ul.onetag>li.twotag  .downs a{display: block; line-height: 1;margin-bottom:15px; color:rgba(255,255,255,0.5)}
.mbnav .menu-box ul.onetag>li.twotag .downs a:hover{color: #FFFFFF;}
.mbnav .menu-box ul.onetag>li.twotag.licut .downs{display: block;}

@media only screen and (max-width:1680px) {
.second-box .second-list .ablist h6{font-size: 28px;}
.second-box .second-list .pub-r  h6{font-size: 28px;}
.second-box .second-list .abtwo a h6{font-size: 28px;}
.second-box .second-list .ablist{padding: 40px;}
	.header .menu ul li{margin-right: 7%;}
.header .menu ul li{font-size:16px}
}

@media only screen and (max-width:1440px) {
.page-box:after{width: 100%;height: 0px;}
.page-box{border-right:0px solid #1439A2;}
.header .menu ul li{font-size: 16px;margin-right:7%;line-height: 85px;}
.header .menu .tel{font-size: 20px;line-height: 85px;}
.zywchange{margin-top:28.5px}
.header .logo{width:100%;}
.header .menu{width:100%;}
.second-box .second-list .ablist h6{font-size: 24px;}
.second-box .second-list .ablist p{font-size: 15px;}
.second-box .second-list .pub-r  h6{font-size: 24px;}
.second-box .second-list .pub-r p{font-size: 15px;}
.second-box .second-list .abtwo a h6{font-size: 24px;}
.second-box .second-list .abtwo a p{font-size: 15px;}
.second-box .second-list .ablist{padding: 35px;}
}
@media only screen and (max-width:1280px) {
    
.header .menu ul{width: 100%;padding-right: 3%;}
.header .menu ul:after{right: 1.5%;}
.header .menu ul li{font-size:13px;margin-right: 1.1%;line-height: 75px;}
.header .menu .tel{font-size:16px;line-height: 75px;width: 120px;}
.zywchange{margin-top:26.5px}
.zywchange .zywbtn img {width: 24px;height: 24px;}
.zywchange{margin-top:25px}
.header .logo{width:100%;}
.header .menu{width: 100%;}
.second-box .second-list .ablist h6{font-size: 20px;}
.second-box .second-list .ablist p{font-size: 14px;}
.second-box .second-list .pub-r  h6{font-size: 20px;}
.second-box .second-list .pub-r p{font-size: 14px;}
.second-box .second-list .abtwo a h6{font-size: 20px;}
.second-box .second-list .abtwo a p{font-size: 14px;}
.second-box .second-list .ablist{padding: 30px;}
.second-box .second-list .pub-r .tag a{ width: calc(33.3% - 10px);margin-right:15px;}
.second-box .second-list .pub-r .tag a:nth-child(4n){margin-right: 15px;}
.second-box .second-list .pub-r .tag a:nth-child(3n){margin-right:0px;}
}
@media only screen and (max-width:1024px) {
	.header{top:0px;padding-top: 0;}
	.header2{top: 0px;}
	.header .header-c{display: none;}
	.mbnav{display: block;}
}
@media only screen and (max-width:720px) {
}



.banner{z-index: 1; background: #1439A2;width: 100%;height: auto;margin-top: 15px;}
.banner .banner-js{width: 100%;height: auto;}
.banner .banner-js .pic{position: relative; width: 100%;height:auto;border-top-right-radius: 10px; background-repeat: no-repeat;background-repeat: no-repeat;}
.banner .banner-js .pic img{border-top-right-radius: 10px;}
.banner .banner-js .pic .con{position: absolute;left: 0;top: 50%;width: 100%;height: auto;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%); color: #FFFFFF;}
.banner .banner-js .pic .con h4{margin-bottom: 30px; width: 100%;height: auto;font-size: 20px;color: #FFFFFF;font-family: arial;vertical-align: middle;}
.banner .banner-js .pic .con i{margin-right: 10px;  display: inline-block;width: 60px;height: 3px;background: #FFFFFF;position:relative;vertical-align: middle;}
.banner .banner-js .pic .con i:before{content: "";position: absolute;left: 0;width: 9px;height: 9px;background: #FFFFFF;top:-3px;}
.banner .banner-js .pic .con strong{font-size: 58px;color: #FFFFFF;font-weight: bold;display:block}
.banner .banner-js .pic .con strong span{display: block;}


.banner .banner-js .swiper-pagination {
    position: absolute;
    text-align: left;
    width: 88%;
    max-width: 1600px;
    left: 50%;
    bottom: 10%;
    transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);

    }

.banner .banner-js .swiper-pagination-bullet {
    width: 63px;
    height: 10px;
    display: inline-block;
    border-radius: 0%;
    background-color: none;
    background:url(../img/a007.png) center no-repeat;
    background-repeat: no-repeat;
    opacity: 0.5;
    margin: 0 4px;
    position: relative;
    
}
.banner .banner-js .swiper-pagination-bullet:after{content:"";width: 8px;height: 1px;background:rgba(255,255,255,0.8);position: absolute;bottom: 0;right: -8px;}
.banner .banner-js .swiper-pagination-bullet:last-child:after{display:none;}
.banner .banner-js .swiper-pagination-bullet-active {
    opacity: 1;
}


.kjfw{width: 100%;height: auto;position: relative;margin-top: -50px;z-index: 33;}
.kjfw  .kjfw-c{overflow: hidden; text-align: right;float: right; width:45%;border-left:15px solid #EC7700;border-bottom-left-radius: 10px;font-size: 0; border-top-left-radius: 10px;}
.kjfw  .kjfw-c  a{z-index: 0; position: relative;overflow: hidden;  display: inline-block;height: 100px;line-height: 100px;color: #FFFFFF;text-align: center;font-size: 24px;font-weight: bolder; background: #143288; width: auto;vertical-align: top; width: 50%;}
.kjfw  .kjfw-c  a i{width: 30px;display: inline-block;height: auto;vertical-align: middle;margin-right: 10px;}
.kjfw  .kjfw-c  a i img{display: block;width: 100%;height: auto;}
.kjfw  .kjfw-c a:nth-child(2n){background: #1439a2;}
.kjfw  .kjfw-c  a .bks{z-index: -1; position: absolute;top: 6%;left: 5%;width:auto;height:100%;}
.kjfw  .kjfw-c  a .bks img{display: block;width: auto;height: 120%;}



@media only screen and (max-width:1680px) {
.banner .banner-js .pic .con strong{font-size: 55px;}
	.banner .banner-js .pic .con h4{font-size: 18px;margin-bottom: 25px;}
	.kjfw{margin-top: -45px;}
	.kjfw  .kjfw-c  a{font-size: 22px;line-height: 90px;height: 90px;}
	.kjfw  .kjfw-c  a i{width: 28px;}
}
@media only screen and (max-width:1440px) {
.banner .banner-js .pic .con strong{font-size: 50px;}
	.banner .banner-js .pic .con h4{font-size: 16px;}
	.banner{margin-top: 10px;}
	.kjfw{margin-top: -40px;}
	.kjfw .kjfw-c{border-left:10px solid #EC7700;}
	.kjfw .kjfw-c a{font-size: 20px;line-height: 80px;height:80px}
	.kjfw .kjfw-c a i{width: 26px;}
	.banner .banner-js .pic .con i{width: 50px;height: 2px;}
	.banner .banner-js .pic .con i:before{width: 7px;height: 7px;top: -2.5px;}
}
@media only screen and (max-width:1280px) {
.banner .banner-js .pic .con strong{font-size: 45px;}
	.banner .banner-js .pic .con h4{font-size: 15px;margin-bottom: 20px;}
	.kjfw{margin-top: -35px;}
	.kjfw .kjfw-c a{font-size:18px;line-height: 70px;height: 70px;}
	.kjfw  .kjfw-c  a i{width: 24px;}
	.kjfw .kjfw-c{width: 50%;}
}
@media only screen and (max-width:1024px) {
.banner .banner-js .pic .con strong{font-size:35px;}
	.banner .banner-js .pic .con h4{font-size: 14px;margin-bottom: 10px;}
	.banner{padding-top: 45px;margin-top: 10px;}
	.kjfw{margin-top: -30px;}
	.kjfw .kjfw-c a{font-size:16px;line-height: 60px;height: 60px;}
	.kjfw  .kjfw-c  a i{width: 20px;}
	.kjfw .kjfw-c{width: 60%;}
	.banner .banner-js .pic .con i{width: 35px;height: 2px;}
}
@media only screen and (max-width:720px) {
.banner .banner-js .pic .con strong{font-size:20px;}
	.banner .banner-js .pic .con h4{font-size: 12px;}
	.kjfw{margin-top: -10px;}
	.kjfw .kjfw-c a{font-size:14px;line-height:45px;height: 45px;}
	.kjfw  .kjfw-c  a i{width: 20px;}
	.kjfw .kjfw-c{width: 80%;}
	.banner .banner-js .swiper-pagination{ left: 0;   transform: translateX(-0%)scale(0.88);-webkit-transform: translateX(0%)scale(0.88);-moz-transform: translateX(0%)scale(0.88);-ms-transform: translateX(0%)scale(0.88);-o-transform: translateX(0%)scale(0.88);}
	
}











.field{width: 100%;height: auto;z-index: 11;}
.field .field-t{width: 100%;height: auto;}
.field .field-t .title{width:calc(100% - 240px); float:left;}
.field .field-t .view{float: right;margin-top: 30px; border: 1px solid #1439A2;color: #1439A2;background: none;}
.field .field-c{z-index: 0; width: 100%;height: auto;position: relative;border-left: 15px solid #102e83;border-radius: 10px;border-bottom-right-radius: 0;
background:#102e83;}
.field .field-c .bks{z-index: -1; position:absolute;top: 0;right: 0;height: 100%;width: 100%;background-attachment: fixed;border-top-right-radius: 10px; background-repeat: no-repeat;background-position: center;}
.field .field-c .field-cl{z-index: 1;position: relative; width:30%;padding:5% 0; height: auto;background: #20234e;border-top-right-radius: 10px;}
.field .field-c .field-cl .logobox{width:100%; padding: 0 45px; height: auto;}
.field .field-c .field-cl .logobox li{display: none; width:70%;height: auto;}
.field .field-c .field-cl .logobox li img{display: block;width: 100%;height: auto;}

.field .field-c .field-cl .infont2{width: calc(100% - 90px);margin: 0 auto; margin-top: 35px;margin-bottom: 30px; opacity: 0.1;-webkit-opacity: 0.1;-moz-opacity: 0.1;-ms-opacity: 0.1;-o-opacity: 0.1;}
.field .field-c .field-cl .field-list{width: 100%;height: auto;}
.field .field-c .field-cl .field-list li{padding: 0 45px; width: 100%;height: auto;}
.field .field-c .field-cl .field-list li .con{ position: relative; padding: 35px 20px 35px 22%;border-bottom:1px solid rgba(255,255,255,0.1);}
.field .field-c .field-cl .field-list li .ico{width: 45px;height: 45px;padding: 5px;position: absolute;left: 0;top: calc(50% - 22.5px);  margin-right: 20px;}
.field .field-c .field-cl .field-list li .ico img{opacity: 0.9;-webkit-opacity: 0.9;-ms-opacity: 0.9;-o-opacity: 0.9;-moz-opacity: 0.9;}
.field .field-c .field-cl .field-list li b{color: rgba(255,255,255,0.7);font-size: 20px;display: inline-block;text-align: center;}
.field .field-c .field-cl .field-list li i{position: absolute;right: 0;top: calc(50% - 8px); width: 16px;display: inline-block; height: auto;vertical-align: middle;opacity: 0.7;}
.field .field-c .field-cl .field-list li.cut .ico{background:url(../img/a028.png) center no-repeat;padding: 8px;background-size: cover;}
.field .field-c .field-cl .field-list li.cut .ico img{opacity: 1;-webkit-opacity:1;-ms-opacity:1;-o-opacity: 1;-moz-opacity: 1;}
.field .field-c .field-cl .field-list li.cut{background:#222556;}
.field .field-c .field-cl .field-list li.cut .con{border-bottom:1px solid #222556;}
.field .field-c .field-cl .field-list li.cut i{display:none}
.field .field-c .field-cl .field-list li.cut b{color:#EC7700;}

.field .field-c .field-cr{position: absolute;padding: 0; z-index: 0; width: 70%;right: 0;top: 0; height: 100%;}
.field .field-c .field-cr .content-box{width: 100%;height: auto;}
.field .field-c .field-cr .content-box .content-list{display: none;}
.field .field-c .field-cr .content-box .content-list b{color: #333;font-size: 30px;}
.field .field-c .field-cr .content-box .content-list h4{color: #333;font-size: 16px;font-family: arial;font-weight: normal;margin-top: 12px;}
.field .field-c .field-cr .content-box .content-list .infont2{height:1px;background:#c7cfd3; margin-top:38px;margin-bottom: 35px;}
.field .field-c .field-cr .content-box .content-list .infont2:before,.field .field-c .field-cr .content-box .content-list .infont2:after{background:#c7cfd3;}
.field .field-c .field-cr .content-box .content-list .con{width:100%;max-height:520px;overflow-x: hidden;overflow-y: auto;}
.field .field-c .field-cr .content-box .content-list .con .con-list{width: 100%;height: auto;margin-bottom: 20px;}
.field .field-c .field-cr .content-box .content-list .con .con-list h6{margin-bottom:10px;}
.field .field-c .field-cr .content-box .content-list .con .con-list h6 b{font-size: 20px;color: #000000;line-height: 1;vertical-align: middle;}
.field .field-c .field-cr .content-box .content-list .con .con-list h6 i{display: inline-block; width: 25px; height: 25px;vertical-align: middle;margin-right: 10px;}
.field .field-c .field-cr .content-box .content-list .con .con-list p a{display: inline-block;font-size: 16px;color: #666;margin: 0 10px 10px 0}
.field .field-c .field-cr .content-box .content-list .con .con-list p a:hover{color: #333333;font-weight: bolder;}

.field .field-c .field-cr .content-box .content-list .con::-webkit-scrollbar {
            width: 3px; 
            height: 10px;
        }
.field .field-c .field-cr .content-box .content-list .con::-webkit-scrollbar-thumb {
            border-radius: 5px;
            -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0);
            background:#ec7700;
        }
.field .field-c .field-cr .content-box .content-list .con::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
                    border-radius: 5px;
            background: #c1c9cf;}

@media only screen and (max-width:1680px) {
	.field .field-c .field-cl .field-list li b{font-size: 18px;}
	.field .field-c .field-cr .content-box .content-list b{font-size: 28px;}
	.field .field-c .field-cr .content-box .content-list .con .con-list h6 b{font-size: 18px;}
	.field .field-c .field-cl .field-list li .con{ position: relative; padding: 30px 20px 30px 22%;}
	.field .field-c .field-cl .field-list li .ico{width: 40px;height: 40px;}
	.field .field-c .field-cr .content-box .content-list .con{max-height: 460px;}
	
	
}
@media only screen and (max-width:1440px) {
	.field .field-c .field-cl .field-list li b{font-size: 16px;}
	.field .field-c .field-cr .content-box .content-list b{font-size: 26px;}
	.field .field-c .field-cr .content-box .content-list .con .con-list h6 b{font-size: 16px;}
	.field .field-c .field-cr .content-box .content-list .con{max-height: 450px;}
	.field .field-c .field-cr .content-box .content-list .con .con-list p a{font-size: 15px;}
	.field .field-c .field-cl .field-list li{padding: 0 40px;}
	.field .field-c .field-cl .logobox{padding: 0 40px;}
	.field .field-c .field-cl .infont2{width: calc(100% - 80px);}
	.field .field-c{border-left: 10px solid #102e83;}
	.field .field-c .field-cr .content-box .content-list h4{font-size: 15px;}
}
@media only screen and (max-width:1280px) {
	.field .field-c .field-cl .field-list li b{font-size: 15px;}
	.field .field-c .field-cr .content-box .content-list b{font-size: 24px;}
	.field .field-c .field-cr .content-box .content-list .con .con-list h6 b{font-size: 15px;}
	.field .field-c .field-cr .content-box .content-list .con{max-height: 350px;}
	.field .field-c .field-cl .field-list li .con{ position: relative; padding: 25px 20px 25px 22%;}
	.field .field-c .field-cl .field-list li .ico{width: 35px;height: 35px;}
	.field .field-c .field-cl .field-list li{padding: 0 35px;}
	.field .field-c .field-cl .logobox{padding: 0 35px;}
	.field .field-c .field-cl .infont2{width: calc(100% - 70px);}
	.field .field-c .field-cr .content-box .content-list h4{font-size: 14px;}
	.field .field-c .field-cr .content-box .content-list .con .con-list{margin-bottom: 15px;}
}
@media only screen and (max-width:1024px) {
	.field .field-c .field-cl .field-list li b{font-size: 14px;}
	.field .field-c .field-cr .content-box .content-list b{font-size: 20px;}
	.field .field-c .field-cr .content-box .content-list .con .con-list p a{font-size: 13px;}
	.field .field-c .field-cl .field-list li{padding: 0 15px;}
	.field .field-c .field-cl .logobox{padding: 0 15px;}
	.field .field-c .field-cl .infont2{width: calc(100% - 30px);}
	.field .field-c .field-cl .field-list li .ico{width: 30px;height: 30px;}
	.field .field-c .field-cl .logobox li{width: 85%;}
	.field .field-c .field-cr .content-box .content-list h4{font-size: 12px;}
	.field .field-c .field-cr .content-box .content-list .infont2{margin-top: 22px;}
	.field .field-c .field-cr .content-box .content-list .con .con-list{margin-bottom: 10px;}
	.field .field-c{border-left: 10px solid #102e83;}
	.field .field-c .field-cl .field-list li .con{ position: relative; padding: 20px 15px 20px 15%;}
	.field .field-t .title{width: 100%;margin-top: 15px;}
	.field .field-t .view{float: none;margin-top: 15px;}
}
@media only screen and (max-width:720px) {
	.field .field-c .field-cl .field-list li b{font-size: 12px;}
	.field .field-c .field-cr .content-box .content-list b{font-size: 16px;}
	.field .field-c .field-cr .content-box .content-list .con .con-list p a{font-size: 12px;}
		.field .field-c .field-cl .field-list li{padding: 0 5px;}
	.field .field-c .field-cl .logobox{padding: 0 5px;}
	.field .field-c .field-cl .logobox li{width: 100%;}
	.field .field-c .field-cl .infont2{width: calc(100% - 10px);}

	.field .field-c .field-cr .content-box .content-list .con::-webkit-scrollbar {width: 2px; height: 10px;}
        .field .field-c .field-cl .field-list li .ico{display: block; width: 25px;height: 25px;margin-right: 0;position: static;margin: 0 auto;}
        .field .field-c .field-cl .field-list li .con{ position: relative; padding:15px 0px 15px 0%;}
        .field .field-c .field-cl .field-list li .con i{display: none;}
        .field .field-c .bks{}
 .field .field-c .bks:before{content: "";position: absolute;top: 0;left: 0;z-index: -2;width: 100%;height: 100%;background: url(../img/b001.jpg)center no-repeat #1439a2; background-size: cover;}

        	
}


.inab{width: 100%;height: auto;}
.inab .inab-t{width:100%;height: auto;position: relative;z-index: 0;}
.inab .inab-t .bks-list{background: rgba(18,21,68,1); width: 100%;height:100%;position: absolute;top: 0;left: 0;z-index: -1;}
.inab .inab-t .bks-list .pic{display: none; position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;}
.inab .inab-t .bks-list .pic:before{content:"";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(18,21,68,0.65);}
.inab .inab-t  .comp{float: left; padding:3.5%; width: 40%;background:rgba(20,57,162,0.7);border-top-left-radius: 10px;border-top-right-radius: 10px;}
.inab .inab-t  .comp .txt-c{margin-top: 45px;width: 100%;height: auto;}
.inab .inab-t  .comp .infont2{margin-top: 30px;}
.inab .inab-t  .comp .txt-c p{color: rgba(255,255,255,0.7);}
.inab .inab-t .numbox{padding-top: 3%; width: 60%;height: auto;float: right;padding-left: 6%;}
.inab .inab-t .numbox ul{width: 100%;height: auto;font-size: 0;}
.inab .inab-t  .numbox ul li{display: inline-block;width: 50%;vertical-align: top;margin-bottom: 45px;padding-right: 10px;}
.inab .inab-t  .numbox ul li p{font-size:16px;font-weight: bolder;margin-top: 10px; color: rgba(255,255,255,0.7)}
.inab .inab-t  .numbox ul li h6{font-family: arial; margin-top: 20px; font-size:16px;color: rgba(255,255,255,0.7);}
.inab .inab-t  .numbox ul li h6 span{font-size: 80px;line-height: 80px;}
.inab .inab-t  .numbox ul li:nth-child(3) h6 span{font-size: 60px;}
.inab .inab-t  .numbox ul li:nth-child(2),.inab .inab-t  .numbox ul li:nth-child(4){padding-right: 0;padding-left: 10px;}
.inab .inab-t  .numbox ul li .infont{background: #d7d9e2;}
.inab .inab-t  .numbox ul li .infont:before{background: #D7D9E2;}
.inab .inab-t  .numbox ul li.show .infont{background: #EC7700;}
.inab .inab-t  .numbox ul li.show .infont:before{background: #EC7700;}
.inab .inab-t  .numbox ul li.show h6{color: rgba(236,119,0,0.8);}
.inab .inab-d{width: 100%;height: auto;}
.inab .inab-d .inab-l{width:40%;height: auto;float: left;}
.inab .inab-d .inab-l .pic{position: relative; width: 100%;height: auto;border-bottom-left-radius: 10px;}
.inab .inab-d .inab-l .pic img{display: block;width: 100%;height: auto;border-bottom-left-radius: 10px;}
.inab .inab-d .inab-l .pic i{display: none;width: 100px;height: auto;position: absolute;right:-55px;bottom: -55px;}
.inab .inab-d .inab-l .pic i img{display:none !important;}
.inab .inab-d .inab-r{float: right; width:60%;padding-left: 6%;height: auto;padding-top:3.5%;}
.inab .inab-d .inab-r .tl{width: 100%;height: auto;}
.inab .inab-d .inab-r .tl p{font-size: 20px;font-weight: bolder; color: #000000;margin-top: 10px;}
.inab .inab-d .inab-r ul{width: 100%;height: auto;font-size: 0;margin-top: 35px;}
.inab .inab-d .inab-r ul li{width:calc(50% - 20px);display: inline-block; vertical-align: top;background: #1439A2; border-right: 15px solid #1439A2;border-radius: 10px;border-bottom-right-radius: 0;border-top-right-radius: 20px; display:inline-block;vertical-align: top; margin-right: 40px;}
.inab .inab-d .inab-r ul li:nth-child(2n){margin-right: 0;}
.inab .inab-d .inab-r ul li a{ z-index:0;position: relative; width:100%;height:170px;padding: 20px 5%; display: block;border-radius: 10px;border-top-right-radius: 20px;border-bottom-right-radius: 0;background-size: cover;background-repeat: no-repeat;background-position: center;}
.inab .inab-d .inab-r ul li a .ico{width: 30px;height: auto;}
.inab .inab-d .inab-r ul li a .ico .img1{display: block;}
.inab .inab-d .inab-r ul li a .ico .img2{display: none;}
.inab .inab-d .inab-r ul li a h6{font-size:20px;color: #000000;margin-top: 20px;}
.inab .inab-d .inab-r ul li a .more{margin-top:25px; font-size: 18px;text-transform: capitalize; display: none; font-family:arial;color: #EC7700;}
.inab .inab-d .inab-r ul li a .more i{width: 16px;height: auto;display: inline-block;vertical-align: middle;}
.inab .inab-d .inab-r ul li:hover a .bks{position: absolute;top: 0;left: 0;width: 100%;height: 100%; background: #1439A2;border-right: 15px solid #1439A2;border-radius: 10px;border-bottom-right-radius: 0;border-top-right-radius: 20px;z-index: -1;}
.inab .inab-d .inab-r ul li:hover {border-right: 15px solid #EC7700;background: #EC7700;}
.inab .inab-d .inab-r ul li:hover a .ico .img1{display: none;}
.inab .inab-d .inab-r ul li:hover a .ico .img2{display: block;}
.inab .inab-d .inab-r ul li:hover a h6{color: #FFFFFF;}
.inab .inab-d .inab-r ul li:hover a .more{display: block;}

@media only screen and (max-width:1680px) {	
	.inab .inab-t  .numbox ul li h6 span{font-size:70px;line-height: 70px;}
	.inab .inab-t  .numbox ul li:nth-child(3) h6 span{font-size: 50px;}
	.inab .inab-t  .numbox ul li h6{font-size: 18px;}
	.inab .inab-t  .numbox ul li p{font-size: 15px;}
	.inab .inab-t  .comp .txt-c{margin-top: 40px;}
	.inab .inab-d .inab-l .pic i{display: block;width: 80px;height: auto;position: absolute;right:-45px;bottom: -45px;}
.inab .inab-d .inab-r .tl p{font-size: 18px;}
.inab .inab-d .inab-r ul li a h6{font-size: 18px;}
.inab .inab-d .inab-r ul li a{height: 160px;}
}

@media only screen and (max-width:1440px) {	
	.inab .inab-t  .numbox ul li h6 span{font-size: 60px;line-height: 60px;}
	.inab .inab-t  .numbox ul li:nth-child(3) h6 span{font-size: 45px;}
	.inab .inab-t  .numbox ul li h6{font-size: 16px;}
	.inab .inab-t  .numbox ul li p{font-size: 14px;}
	.inab .inab-d .inab-l .pic i{display: block;width: 70px;height: auto;position: absolute;right:-40px;bottom: -40px;}
.inab .inab-t  .comp .txt-c{margin-top: 35px;}
.inab .inab-d .inab-r ul li{width: calc(50% - 10px);margin-right: 20px;border-right-width: 10px;}
.inab .inab-d .inab-r ul li:hover{border-right-width: 10px;}
.inab .inab-d .inab-r .tl p{font-size: 16px;}
.inab .inab-d .inab-r ul li a h6{font-size: 16px;}
.inab .inab-d .inab-r ul li a .more{font-size: 16px;}
.inab .inab-d .inab-r ul li a{height: 150px;}
}

@media only screen and (max-width:1280px) {
.inab .inab-t  .comp{width: 45%;}
.inab .inab-t  .numbox{width: 55%;padding-left: 5%;}
.inab .inab-t  .numbox ul li h6 span{font-size:50px;line-height: 50px;}
.inab .inab-t  .numbox ul li:nth-child(3) h6 span{font-size:32px;}
.inab .inab-t  .numbox ul li h6{font-size: 15px;}
.inab .inab-d .inab-l .pic i{display: block;width:60px;height: auto;position: absolute;right:-30px;bottom: -30px;}
.inab .inab-d .inab-l{width: 45%;}
.inab .inab-d .inab-r{width: 55%;padding-left: 5%;}
.inab .inab-d .inab-r .tl p{font-size: 15px;}
.inab .inab-d .inab-r ul li a h6{font-size: 15px;}
.inab .inab-d .inab-r ul li a .more{font-size: 15px;}
.inab .inab-d .inab-r ul li a{height: 140px;}
.inab .inab-t  .numbox ul li p{font-size: 12px;}
}

@media only screen and (max-width:1024px) {
	.inab .inab-t  .numbox ul li h6 span{font-size: 40px;line-height: 40px;}
	.inab .inab-t  .numbox ul li:nth-child(3) h6 span{font-size:25px;}
	.inab .inab-t  .comp .txt-c{margin-top: 25px;}
	.inab .inab-d .inab-r ul li{width: calc(50% - 5px);margin-right: 10px;border-right-width: 10px;}
	.inab .inab-d .inab-r ul li:hover{border-right-width: 10px;}
	.inab .inab-d .inab-r ul li a .more{font-size: 14px;}
	.inab .inab-d .inab-l .pic i{display: block;width:50px;height: auto;position: absolute;right:-20px;bottom: -20px;}

}

@media only screen and (max-width:720px) {
	.inab .inab-t .bks-list{top: auto;bottom: 0;height:70%;}
	.inab .inab-t  .numbox ul li h6 span{font-size:35px;line-height: 35px;}
	.inab .inab-t  .numbox ul li:nth-child(3) h6 span{font-size:22px;}
	.inab .inab-t .w90{width: 100%;}
	.inab .inab-t  .comp{width: 95%;background: #1439A2;padding: 35px 5%;border-radius: 0px;border-top-right-radius: 20px;border-bottom-right-radius: 0;}
	.inab .inab-t  .numbox{width: 100%;padding:45px 5%;}
	.inab .inab-t  .numbox ul li:nth-child(3),.inab .inab-t  .numbox ul li:nth-child(4){margin-bottom: 0;}
	.inab .inab-d .inab-l .pic{display: none;}	
	.inab .inab-d .inab-r{margin-top: 30px; padding-left: 0; width: 100%;height: auto;}
	.inab .inab-d .inab-r ul{margin-top: 10px;}
	.inab .inab-d .inab-r ul li a{height: 120px;}
	.inab .inab-d .inab-r ul li a .ico{width: 25px;}
	.inab .inab-d .inab-r ul li a h6{margin-top: 10px;}
	.inab .inab-d .inab-r ul li a .more{margin-top: 15px;}
	.inab .inab-t{padding-top: 0;}
}







.in-news{width: 100%;height: auto;}
.in-news .in-news-top{width: 100%;height: auto;}
.in-news .in-news-top .title{float: left;width: calc(100% - 300px);}
.in-news .in-news-top .view{float: right;}
.in-news .in-news-list{font-size: 0; width: 100%;height: auto;}
.in-news .in-news-list li{transition: all 0.5s ease; display: inline-block;vertical-align: top; border-radius: 10px;width: calc(25% - 13.5px);margin-right: 18px; position: relative;}
.in-news .in-news-list li:last-child{margin-right: 0;}
.in-news .in-news-list li:before{z-index: 2;display: none; content:"";position: absolute;top: 0;background:#EC7700; border-top-right-radius:10px;width: 15px;top: 0;right: 0;height: 100%;box-shadow:2px 0px 10px 8px  rgba(0,0,0,0.01)  inset;}
.in-news .in-news-list li a{position: relative;border-radius: 11px; border-bottom-right-radius: 0; z-index: 0; padding: 15% calc(5% + 15px) 8%   5%;border-radius: 10px;border-bottom-right-radius: 0; display: block;width: 100%;height: auto;background-size: cover;}
.in-news .in-news-list li b{display:block; font-size: 24px;height:72px; color: #333333;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.in-news .in-news-list li .txt-c{width: 100%;height: 72px;margin-top: 25px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.in-news .in-news-list li a .bks{position: absolute;top: 0;left: 0;width: 100%;height:100%;background: #f0f4f7;z-index: -1;border-radius:10px; border-bottom-right-radius: 0;}
.in-news .in-news-list li .downs{width: 100%;height:auto;padding-top: 20px; margin-top:65%;border-top: 1px solid #ececec;}
.in-news .in-news-list li .downs .more{font-family: arial; display: none; color: #FFFFFF; width: 100%;line-height: 45px;font-size: 18px;}
.in-news .in-news-list li .downs .more i{width: 16px;height: auto;display: inline-block; vertical-align: middle;margin-left: 10px;}
.in-news .in-news-list li .downs .date{ width: 100%;line-height:45px; height: auto;overflow: hidden;font-size: 0;}
.in-news .in-news-list li .downs .date b{font-family: arial;width: 50%;height:auto !important; font-size: 40px;color: #20234e;display: inline-block;vertical-align: bottom; text-align: left;}
.in-news .in-news-list li .downs .date span{font-family: "CG"; line-height: 1; font-size: 18px;color: #333;display: inline-block; text-align: right;width: 50%;}





.in-news .in-news-list li.show:before{display: block;transition: all 0.5s ease;}
.in-news .in-news-list li.show a .bks{background: rgba(21,21,21,0.5);transition: all 0.5s ease;}
.in-news .in-news-list li.show  b{color: #FFFFFF;transition: all 0.5s ease;}
.in-news .in-news-list li.show .txt-c p{color:rgba(255,255,255,0.6);transition: all 0.5s ease;}
.in-news .in-news-list li.show .downs .date{display: none;transition: all 0.5s ease;}
.in-news .in-news-list li.show .downs .more{display: block;transition: all 0.5s ease;}
.in-news .in-news-list li.show .downs{border-top: 1px solid rgba(255,255,255,0);transition: all 0.5s ease;}

	
@media only screen and (max-width:1680px) {
.in-news .in-news-list li b{font-size: 20px;height: 60px;}
	.in-news .in-news-list li .downs .date b{font-size: 36px;}
	.in-news .in-news-list li .downs .date span{font-size: 16px;}
	.in-news .in-news-list li .txt-c{height: 72px;}
}
@media only screen and (max-width:1440px) {
	.in-news .in-news-list li b{font-size: 20px;height:60px;}
	.in-news .in-news-list li{width: calc(25% - 7.5px);margin-right:10px;}
	.in-news .in-news-list li:before{width: 10px;}
	.in-news .in-news-list li .downs .date b{font-size: 34px;}
	.in-news .in-news-list li .downs .date span{font-size: 16px;}
	.in-news .in-news-list li .downs{padding-top: 15px;}
	.in-news .in-news-list li .txt-c{height: 67.5px;}
	
}
@media only screen and (max-width:1280px) {
	.in-news .in-news-list li b{font-size: 18px;height:54px;}
	.in-news .in-news-list li{width: calc(25% - 6px);margin-right:8px;}
		.in-news .in-news-list li .downs .date b{font-size: 30px;}
	.in-news .in-news-list li .downs .date span{font-size: 15px;}
	.in-news .in-news-list li .downs .more{line-height: 40px;}
	.in-news .in-news-list li .downs .date{line-height: 40px;}
	.in-news .in-news-list li .downs{margin-top: 50%;}
		.in-news .in-news-list li .txt-c{height: 67.5px;}
		
		
		.in-news .in-news-top .title{float: left;width: calc(100% - 250px);}
.in-news .in-news-top .view{float: right;}

}
@media only screen and (max-width:1024px) {
.in-news .in-news-list li b{font-size: 16px;height:48px;}
.in-news .in-news-list li{margin-bottom: 30px; width: calc(50% - 15px);margin-right: 30px;}
.in-news .in-news-list li:nth-child(4n){margin-right:30px;}
.in-news .in-news-list li:nth-child(2n){margin-right:0;}
.in-news .in-news-list li .downs .date b{font-size:28px;}
.in-news .in-news-list li .downs .date span{font-size:14px;}
	.in-news .in-news-list li .downs .more{line-height:35px;}
	.in-news .in-news-list li .downs .date{line-height:35px;}
	.in-news .in-news-list li .downs{padding-top: 10px;}
	.in-news .in-news-list li .downs{margin-top: 45%;}
	.in-news .in-news-list li .txt-c{height: 63px;}
			.in-news .in-news-top .title{float: left;width: calc(100% - 200px);}
.in-news .in-news-top .view{float: right;}

}
@media only screen and (max-width:720px) {
	.in-news .in-news-list li{margin-bottom: 10px; width: calc(50% - 5px);margin-right:10px;}
.in-news .in-news-list li:nth-child(4n){margin-right:10px;}
.in-news .in-news-list li:nth-child(2n){margin-right:0;}
.in-news .in-news-list li .downs .date b{font-size:25px;}
.in-news .in-news-list li .downs .date span{font-size:12px;}
.in-news .in-news-list li .txt-c{height: 58px;}
		.in-news .in-news-top .title{width: 100%;}
.in-news .in-news-top .view{float:none;margin-top: 15px;}
}


.cust-bks{position: relative;z-index: 0; width: 100%;height: auto;padding-right: calc(50% - 800px);}
.cust-bks .cust-box{border-top-right-radius: 10px; text-align: center; width: 100%;height: auto;background-size: cover;background-repeat: no-repeat;background-position: center;padding:50px 18%;}
.cust-bks .cust-box .title2 b{color: #FFFFFF;}
.cust-bks .cust-box .cust-c{width: 100%;height: auto;margin-top: 30px;}
.cust-bks .cust-box .cust-c .cust-js{width: 100%;height: auto;}
.cust-bks .cust-box .cust-c .cust-js .txt-c{width: 100%;height: auto;}
.cust-bks .cust-box .cust-c .cust-js .txt-c p{color: #FFFFFF;}
.cust-bks .cust-box .cust-c .cust-js .logo{margin: 0 auto; width: 200px;height: auto;margin-top: 25px;}
.cust-bks:after{content:"";position: absolute;left: 0;bottom:0;width: 100%;height: 45%;background: #222552;z-index: -1;}

@media only screen and (max-width:1820px) {	
	.cust-bks{padding-right: 6%;}
}
@media only screen and (max-width:1680px) {	
	.cust-bks .cust-box{padding: 45px 15%;}
}
@media only screen and (max-width:1440px) {	
.cust-bks .cust-box{padding: 40px 12%;}
.cust-bks .cust-box .cust-c .cust-js .logo{width: 180px;}
.cust-bks .cust-box .cust-c{margin-top: 25px;}
}
@media only screen and (max-width:1280px) {	
.cust-bks .cust-box{padding: 35px 9%;}
.cust-bks .cust-box .cust-c .cust-js .logo{width: 160px;}
.cust-bks .cust-box .cust-c{margin-top: 20px;}
}
@media only screen and (max-width:1024px) {	
	.cust-bks{padding-right:5%;}
	.cust-bks .cust-box{padding: 30px 5%;}
	.cust-bks .cust-box .cust-c .cust-js .logo{width: 140px;margin-top: 15px;}
}
@media only screen and (max-width:720px) {	
}

.footer{width: 100%; position: relative;z-index: 1; background:#003164;padding-bottom: 45px;}
.footer:before{content:"";position: absolute;left: 0;top: 0;width: 33%;height: 100%;z-index: -1; background:#003164;}
.footer .foot-l{width: 30%;float: left;padding-right: 5%;}
.footer .foot-l .logo{width: 220px;height: auto;display: block;}
.footer .foot-l .title2 b:first-child{display: block;color: #FFFFFF;margin-bottom: 8px;}
.footer .foot-l .title2 b:nth-child(3){color: #ec7700;}
.footer .foot-l .title2 b:nth-child(2){color: #fff;}
.footer .foot-l .pcy{width: 100%;height: auto;margin-top: 25px;font-size: 14px; color: rgba(255,255,255,0.4);}
.footer .foot-l .pcy p{display: inline-block;}
.footer .foot-l .pcy a{color:rgba(255,255,255,0.4);display: inline-block;}
.footer .foot-l .pcy span{display: block;}
.footer .foot-l .form-box{width: 100%;height: auto;margin-top: 5%;}
.footer .foot-l .form-box  form{width: 100%;height: auto;position: relative;margin-top: 35px;}
.footer .foot-l .form-box form .input{border: none;background: rgba(255,255,255,0.05);border-top-left-radius: 10px;font-family: "CG"; border-bottom-left-radius: 10px; border-top-right-radius: 30px; color: rgba(255,255,255,0.6); width: 100%;height: auto;line-height: 25px;padding: 15px 10px;}
.footer .foot-l .form-box form .send{width: 55px;border: none;position: absolute;right: 0;top: 0; height: 55px;background:url(../img/a011.png)center no-repeat;background-size: cover;}
.footer .foot-l .form-box form .input::-webkit-input-placeholder,.footer .foot-l .form-box form .input::-webkit-input-placeholder {color: rgba(255,255,255,0.4);font-family: "CG";}
.footer .foot-l .form-box form .input::-moz-placeholder,.footer .foot-l .form-box form .input::-moz-placeholder {color: rgba(255,255,255,0.4);font-family: "CG";}
.footer .foot-l .form-box form .input::-ms-input-placeholder, .footer .foot-l .form-box form .input:-ms-input-placeholder {color: rgba(255,255,255,0.4);font-family: "CG";}

.footer .foot-r{width:70%;padding-left: 5%;float: right;}
.footer .foot-r .navigation{width: 100%;height: auto;font-size: 0;}
.footer .foot-r .navigation li{vertical-align: top;  display: inline-block; width:14.28%;text-align: center;}
.footer .foot-r .navigation li h6{font-size: 20px;color: #FFFFFF;font-weight: normal;}
.footer .foot-r .navigation li h6 a{color: #FFFFFF;}
.footer .foot-r .navigation li .content{width: 100%;height: auto;margin-top: 20px;}
.footer .foot-r .navigation li .content a{display: block;font-size: 16px;margin-bottom: 10px; color: rgba(255,255,255,0.5); width: 100%;height: auto;}
.footer .foot-r .navigation li .content a:hover{color: #FFFFFF;}
.footer .foot-r .downs{width: 100%;height: auto;margin-top: 8%;}
.footer .foot-r .downs .line{width: 100%;height: 1px;background:rgba(255,255,255,0.2);content: "";position: relative;}
.footer .foot-r .downs .line:before{content: "";position: absolute;left: 0;width: 10px;height: 10px;background: #FFFFFF;top:-5px;}
.footer .foot-r .downs .line:after{content:"";position: absolute;right: 0;width:10px;height: 10px;background: #FFFFFF;top: -5px;}
.footer .foot-r .downs-c {width: 100%;padding-top: 45px;}
.footer .foot-r .downs-c .yl{width:calc(100% - 140px);float: left;padding-right: 5%;}
.footer .foot-r .downs-c .yl strong{font-weight: normal; color: #FFFFFF;font-size: 16px;}
.footer .foot-r .downs-c .yl strong a{display: inline-block; color:rgba(255,255,255,0.2);margin:0 5px;margin-bottom: 10px;}
.footer .foot-r .downs-c .yl strong a:hover{color: #FFFFFF;}
.footer .foot-r .downs-c .share{width: 140px;float: right;text-align: right;}
.footer .foot-r .downs-c .share a{position: relative;transition: all 0.3s ease; width: 25px;height: auto;display: inline-block;margin-left: 15px;}
.footer .foot-r .downs-c .share a .ewm{display:none; width: 130px;height: auto;position: absolute;left: calc(50% - 65px);bottom: 100%;}
.footer .foot-r .downs-c .share a:hover .ewm{display: block;}



@media only screen and (max-width:1680px) {
	.footer .foot-r .navigation li h6{font-size: 18px;}
	.footer .foot-r .navigation li .content a{font-size: 15px;}
}
@media only screen and (max-width:1440px) {
	.footer .foot-r .navigation li h6{font-size: 16px;}
	.footer .foot-r .navigation li .content a{font-size: 15px;}
	.footer .foot-l .logo{width: 200px;}
	.footer .foot-l .pcy{font-size: 13px;}
	.footer .foot-l .form-box form .input{line-height: 25px;padding:12.5px 10px;}
	.footer .foot-l .form-box form .send{width: 50px;height: 50px;}
.footer .foot-r .downs-c .yl strong{font-size: 15px;}
	.footer .foot-l .form-box  form{margin-top: 30px;}
	
}
@media only screen and (max-width:1280px) {
	.footer .foot-r .navigation li h6{font-size: 15px;}
	.footer .foot-r .navigation li .content a{font-size: 14px;}
	.footer .foot-l .logo{width: 180px;}
	.footer .foot-l .pcy{font-size: 12px;}
	.footer .foot-l .form-box form .input{line-height: 25px;padding:10px 10px;}
	.footer .foot-l .form-box form .send{width: 45px;height:45px;}
.footer .foot-r .downs-c .yl strong{font-size: 14px;}
	.footer .foot-r .downs-c .yl{width: calc(100% - 120px);}
	.footer .foot-r .downs-c .share{width: 120px;}
	.footer .foot-r .downs-c .share a{width: 20px;height: auto;}
	.footer .foot-r .downs .line:before{width: 8px;height: 8px;top:-4px;}
.footer .foot-r .downs .line:after{width:8px;height: 8px;top: -4px;}
.footer .foot-l .form-box  form{margin-top: 25px;}
}
@media only screen and (max-width:1024px) {
	.footer .foot-l .logo{width: 160px;}
	.footer{padding-bottom: 35px;}
	.footer .foot-r .navigation li h6{font-size: 13px;}
	.footer .foot-r .navigation li .content a{font-size: 12px;}
	.footer .foot-l .form-box form .input{line-height: 20px;padding:10px 10px;}
	.footer .foot-l .form-box form .send{width: 40px;height:40px;}
	.footer .foot-r .downs-c .yl h2{font-size: 12px;}
	.footer .foot-r .downs-c {padding-top: 35px;}
}
@media only screen and (max-width:720px) {
	.footer{padding-bottom: 30px;}
	.footer .foot-l{width: 100%;height: auto;padding-right: 0;}
	.footer .foot-r{padding-left: 0;width: 100%;margin-top: 10px;}
	.footer .foot-r .navigation{display: none;}
	.footer .foot-l .form-box{margin-top: 45px;}
		.footer .foot-r .downs-c .yl{width:100%;padding-right: 0;}
	.footer .foot-r .downs-c .share{width: 100%;text-align:left;margin-top: 10px;}
	.footer .foot-r .downs-c .share a{width: 20px;height: auto;}
	}



.in-banner{ background:#1439A2; position: relative; width: 100%;height: auto;margin-top: 15px;}
.in-banner  img{display: block;width: 100%;height: auto;}
.in-banner .con{width: 100%;height: auto;position: absolute;bottom: 20%;left: 0;}
.in-banner .con h4{font-size: 20px; margin-bottom: 30px; width: 100%;height: auto;color: #FFFFFF;font-family: arial;vertical-align: middle;}
.in-banner .con i{margin-right: 10px;  display: inline-block;width: 60px;height: 3px;background: #FFFFFF;position:relative;vertical-align: middle;}
.in-banner .con i:before{content: "";position: absolute;left: 0;width: 9px;height: 9px;background: #FFFFFF;top:-3px;}
.in-banner .con b{font-size: 58px;letter-spacing: 2px; color: #FFFFFF;font-weight: bold;}
.in-banner .con b span{color: #EC7700;}

@media only screen and (max-width:1680px) {
.in-banner .con b{font-size: 55px;}
	.in-banner .con h4{font-size: 18px;margin-bottom: 25px;}
}
@media only screen and (max-width:1440px) {
	.in-banner{margin-top: 10px;}
.in-banner .con b{font-size: 50px;}
	.in-banner .con h4{font-size: 16px;}
	.in-banner .con i{width: 50px;height: 2px;}
	.in-banner .con i:before{width: 7px;height: 7px;top: -2.5px;}
}
@media only screen and (max-width:1280px) {
.in-banner .con b{font-size: 45px;}
	.in-banner .con h4{font-size: 15px;margin-bottom: 20px;}
}
@media only screen and (max-width:1024px) {
	.in-banner{margin-top: 10px;padding-top: 45px;}
.in-banner .con b{font-size:35px;}
.in-banner .con h4{font-size: 14px;margin-bottom: 10px;}
.in-banner .con i{width: 35px;height: 2px;}
}
@media only screen and (max-width:720px) {
.in-banner .con b{font-size:20px;}
	.in-banner .con h4{font-size: 12px;}
}

.bread{width: 100%;height: auto;padding-top: 55px;}
.bread .bread-c{width: 100%;font-size: 16px;color: #333333;}
.bread .bread-c a{padding: 0 10px;color: #333333;display:inline-block; vertical-align: middle;}
.bread .bread-c .home{padding-left: 40px;position: relative;}
.bread .bread-c .home:before{content: "";position: absolute;left: 0;top: calc(50% - 12.5px); width: 25px;position: absolute; height:25px;background:url(../img/a035.png)center no-repeat;background-size: cover;}

.ab{width: 100%;height: auto;background-size: cover;background-repeat: no-repeat;background-position: center;}
.ab .ab-l{width:35%;height: auto;float: left;}
.ab .ab-l .num{width: 100%;height: auto;margin-top:20%;}
.ab .ab-l .num h6{font-size: 16px;color: #EC7700;margin-top: 10px;}
.ab .ab-l .num h6 span{font-size: 120px;color: #EC7700;font-family: arial;}
.ab .ab-l .num p{font-size: 16px;color:#666666}
.ab .ab-l .title span{display: block;}
.ab .txt-c{width:65%;float: right;padding-left: 5%; height: auto;}
.ab .txt-c p{line-height: 2;}

@media only screen and (max-width:1680px) {
	.ab .ab-l .num h6 span{font-size: 100px;}
}
@media only screen and (max-width:1440px) {
	.bread .bread-c{font-size: 15px;}
	.ab .ab-l .num h6 span{font-size: 90px;}
	.ab .ab-l .num p{font-size:15px;}
	.bread{padding-top: 50px;}
}
@media only screen and (max-width:1280px) {
	.ab .ab-l .num h6 span{font-size: 80px;}
	.ab .ab-l{width: 40%;}
	.ab .txt-c{width: 60%;}
	.ab .ab-l .num{margin-top: 30%;}
	.bread{padding-top: 45px;}
}
@media only screen and (max-width:1024px) {
.bread .bread-c{font-size: 14px;}
.ab .ab-l .num p{font-size: 14px;}
.bread .bread-c .home{padding-left: 30px;}
.bread .bread-c .home:before{width: 20px;height: 20px;top: calc(50% - 10px);}
.ab .ab-l .num h6 span{font-size: 50px;}
.ab .ab-l{width: 100%;}
.ab .ab-l .num{margin-top:35px;}
.ab .txt-c{padding-left: 0;width: 100%;margin-top: 35px;}
.bread{padding-top: 35px;}
}
@media only screen and (max-width:720px) {
.ab .ab-l .num h6 span{font-size: 40px;}
}










.video-box{width: 100%;height: auto;position: relative;text-align: center;}
.video-box  .yourDiv .tl{text-align: center;position: absolute;top: 33%;left: 0;width: 100%;padding: 0 5%;}
.video-box  .yourDiv .tl h5{color: #EC7700;font-size: 20px;margin-bottom: 10px;}
.video-box  .yourDiv .tl h4{color: #FFFFFF; font-size: 40px;}
.video-box .video-container{
	width: 100%;
	height:600px;
	position: relative;
}
.video-box .yourDiv{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 66;
	display: flex;
	justify-content: center;
	align-items: center;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;

}
.video-box .yourDiv .bks{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.video-box .yourDiv img{display: block;width: 100px;height: auto;margin: 0 auto; margin-top: 45px;}
.video-box .video1{
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 1;
}

 video::-internal-media-controls-download-button {
	display:none;
}
video::-webkit-media-controls-enclosure {
	overflow:hidden;
}
video::-webkit-media-controls-panel {
	width: calc(100% + 30px);
}

@media only screen and (max-width:1680px) {
	.video-box  .yourDiv .tl h5{font-size: 18px;}
	.video-box  .yourDiv .tl h4{font-size: 36px;}
}
	
@media only screen and (max-width:1440px) {
		.video-box .video-container{height:550px;}
	.video-box .yourDiv img{width: 55px;margin-top: 35px;}
	.video-box  .yourDiv .tl h5{font-size: 16px;}
	.video-box  .yourDiv .tl h4{font-size: 34px;}
}
@media only screen and (max-width:1280px) {
		.video-box .video-container{height:500px;}
	.video-box .yourDiv img{width: 55px;margin-top: 30px;}
	.video-box  .yourDiv .tl h5{font-size: 15px;}
	.video-box  .yourDiv .tl h4{font-size:28px;}
}
@media only screen and (max-width:1024px) {
		.video-box .video-container{height:400px;}
	.video-box .yourDiv img{width: 50px;margin-top: 25px;}
	.video-box  .yourDiv .tl h5{font-size: 14px;}
	.video-box  .yourDiv .tl h4{font-size: 25px;}
}
@media only screen and (max-width:800px) {
	.video-box .video-container{height:250px;}
	.video-box .yourDiv img{width: 45px;margin-top: 25px;}
	.video-box  .yourDiv .tl h4{font-size: 18px;}
}



.strategy{position: relative; width: 100%;height: auto;z-index: 0;}
.strategy .map{width:35%;position: absolute;left: 0;top: 5%; z-index: -1;height: auto;}
.strategy .title {width: 35%;float: left;height: auto;}
.strategy .title span{display: block;}
.strategy .strategy-c{width: 65%;float: left;padding-left: 5%;}
.strategy .strategy-c .numbox{width: 100%;height: auto;font-size: 0;margin-top:8%;}
.strategy .strategy-c .numbox li{ display: inline-block;width: 50%;vertical-align: top;margin-bottom:55px;padding-right: 3%;}
.strategy .strategy-c .numbox li p{font-size:16px;margin-top: 10px; color:#666}
.strategy .strategy-c .numbox li h6{font-family: arial; margin-top: 20px; font-size:16px;color:#1439A2;}
.strategy .strategy-c .numbox li h6 span{font-size: 80px;line-height: 80px;}
.strategy .strategy-c .numbox li .infont{background:#1439A2;}
.strategy .strategy-c .numbox li .infont:before{background:#1439A2;}
.strategy .strategy-c .numbox li:hover .infont{background: #EC7700;}
.strategy .strategy-c .numbox li:hover .infont:before{background: #EC7700;}
.strategy .strategy-c .numbox li:hover h6{color: #EC7700;}
.strategy .strategy-c .numbox li:nth-child(3),.strategy .strategy-c .numbox li:nth-child(4){margin-bottom: 0;}





@media only screen and (max-width:1680px) {	
.strategy .strategy-c .numbox li h6 span{font-size:70px;line-height: 70px;}
.strategy .strategy-c .numbox li h6{font-size: 18px;}
.strategy .strategy-c .numbox li p{font-size: 15px;}

}

@media only screen and (max-width:1440px) {	
.strategy .strategy-c .numbox li h6 span{font-size: 60px;line-height: 60px;}
.strategy .strategy-c .numbox li h6{font-size: 16px;}
.strategy .strategy-c .numbox li p{font-size: 14px;}
}

@media only screen and (max-width:1280px) {
.strategy .strategy-c .numbox li h6 span{font-size:50px;line-height: 50px;}
.strategy .strategy-c .numbox li h6{font-size: 15px;}
.strategy .strategy-c .numbox li p{font-size: 12px;}
.strategy .title{width: 40%;}
.strategy .strategy-c{width: 60%;}
}

@media only screen and (max-width:1024px) {
.strategy .strategy-c .numbox li h6 span{font-size: 40px;line-height: 40px;}
.strategy .map{width:55%;}
.strategy .title{width: 100%;}
.strategy .strategy-c{width: 100%;padding-left: 0;margin-top: 35px;}
}

@media only screen and (max-width:720px) {
.strategy .strategy-c .numbox li h6 span{font-size:35px;line-height: 35px;}
.strategy .map{width:90%;left: 5%;display: none;}
}



.value{width: 100%;height: auto;text-align: center;}
.value .title{text-align: center;}
.value  .summy{width: 80%;margin: 0 auto;margin-top:25px;}
.value .value-list{width: 100%;height: auto;font-size: 0;}
.value .value-list li{border-right: 15px solid #fff; text-align: center; background: #FFFFFF;border-radius: 10px;padding:55px 3%; border-bottom-right-radius: 0; width: calc(33.3% - 20px);vertical-align: top; margin-right: 30px;display: inline-block;}
.value .value-list li:nth-child(3n){margin-right: 0;}
.value .value-list li .ico{margin: 0 auto; width: 60px;height: auto;}
.value .value-list li .ico .img2{display: none;}
.value .value-list li span{width: 100%;height: auto;font-size: 16px;color: #666;margin-top: 20px;}
.value .value-list li .txt-c{width: 100%;height: auto;color: #000000;margin-top: 10px;}
.value .value-list li .txt-c p{font-size: 18px;}




.value .value-list li:hover{border-right: 15px solid #EC7700;background: #1439A2;}
.value .value-list li:hover .ico .img1{display: none;}
.value .value-list li:hover .ico .img2{display: block;margin: 0 auto;}
.value .value-list li:hover span{color:#FFFFFF;}
.value .value-list li:hover .txt-c p{color: #FFFFFF;}

@media only screen and (max-width:1680px) {
	
.value .value-list li .txt-c p{font-size: 16px;}
	
}
@media only screen and (max-width:1440px) {
	.value .value-list li span{font-size: 15px;}
.value .value-list li .txt-c p{font-size: 16px;}
	.value .value-list li:hover{border-right: 10px solid #EC7700;}
	.value .value-list li{width: calc(33.3% - 15px);margin-right: 22.5px;padding: 50px 3%;}
	.value .value-list li .ico{width:55px;}
}
@media only screen and (max-width:1280px) {
.value .value-list li .txt-c p{font-size: 15px;}
	.value .value-list li{width: calc(33.3% - 10px);margin-right: 15px; padding: 45px 2%;}
	.value .value-list li .ico{width: 50px;}
	.value  .summy{width: 90%;}
}
@media only screen and (max-width:1024px) {
	.value .value-list li span{font-size: 14px;}
.value .value-list li .txt-c p{font-size: 15px;}
	.value .value-list li{width: calc(33.3% - 5px);margin-right: 7.5px;padding: 40px 2%;}
	.value .value-list li .ico{width: 45px;}
	.value  .summy{width: 100%;}
}
@media only screen and (max-width:720px) {
	.value .value-list li{width:100%;margin-bottom: 10px;padding: 30px 3%;}
}




.speech{width: 100%;height: auto;}
.speech .speech-c{border-radius: 10px;border-bottom-right-radius: 0; border-top-right-radius:150px;  padding: 3% 35% 3% 3%; width: 100%;height: auto;border-left: 15px solid #ec7700;background: #1439a2;position: relative;}
.speech .speech-c .txt-c{width: 100%;height: auto;}
.speech .speech-c .txt-c p{line-height: 2; color: #FFFFFF;}
.speech .speech-c  .sign{width: 100%;height: auto;text-align: right;margin-top: 20px;}
.speech .speech-c .sign span{color: rgba(255,255,255,0.5);display: inline-block;vertical-align: middle;margin-right: 15px;}
.speech .speech-c .sign i{display: inline-block;vertical-align: middle;width: 170px;}
.speech .speech-c .people{width: 30%;height: auto;position: absolute;right: 0%;bottom: -10%;}

@media only screen and (max-width:1680px) {
	
}
@media only screen and (max-width:1440px) {
	.speech .speech-c{border-top-right-radius: 180px;}
	.speech .speech-c{border-left: 10px solid #EC7700;}
	.speech .speech-c .sign i{width: 160px;}
}
@media only screen and (max-width:1280px) {
	.speech .speech-c{border-top-right-radius: 280px;padding: 3% 40% 3% 3%;}
	.speech .speech-c .people{width:36%;}
	.speech .speech-c .sign i{width: 150px;}
}

@media only screen and (max-width:1150px) {
	.speech .speech-c{border-top-right-radius:300px;padding: 3% 45% 3% 3%;}
	.speech .speech-c .people{width:40%;top: -10%;}
}

@media only screen and (max-width:1024px) {
	.speech .speech-c{border-top-right-radius:100px;padding: 35px 36% 3% 3%;}
	.speech .speech-c .people{width:35%;top:auto;bottom: 0%;}
	.speech .speech-c .sign i{width: 140px;}
}
@media only screen and (max-width:720px) {
		.speech .speech-c{border-top-right-radius:10px;padding: 35px 3% 38% 3%;}
	.speech .speech-c .people{width:35%;top:auto;bottom: -5%;}
	.speech .speech-c .sign i{width: 120px;}
}




.events{position: relative; width: 100%;height: auto;text-align: center;background-size: cover;background-position: bottom center;background-repeat: no-repeat;background-color: #f8f8f8;}
.events .title{text-align: center;}
.events  .bg{width:38%;z-index: -1; height: auto;position: absolute;top: 15%;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);}
.events #events1{width: 100%;height: auto;}
.events #events1 .swiper-slide{width: 100%; height: auto;}
.events #events1 .swiper-slide .con{width: 100%;display: block;padding: 0 5%;}
.events #events1 h6{font-size: 70px;color:#1439A2;}
.events #events1 .txt-c{text-align: left; width: 100%;height: auto;margin-top: 35px;font-size: 0;}
.events #events1 .txt-c p{position: relative; padding-left: 20px; display: inline-block;vertical-align: top;width: calc(33.3% - 20px);margin-right: 30px;margin-bottom: 10px;}
.events #events1 .txt-c p:nth-child(3n){margin-right: 0;}
.events #events1 .txt-c p:before{content: "";position: absolute;left: 0;width: 6px;height: 6px;background: #EC7700;border-radius: 100%;top: 9px;}

.events #events2{margin-top:100px;padding: 15px 0; width: 100%;height: auto;position: relative;}
.events #events2:before{content: "";width: 100%;height: 50px;position: absolute;left: 0;top: calc(25% - 25px);background:url(../img/a042.png)center no-repeat;background-size: cover;}
.events #events2 .swiper-slide:nth-child(2n) .years{margin-top: -5px;}
.events #events2  .years span{border-radius: 100%;width: 20px;height: 20px;display:inline-block; border:2px solid #1439A2;background: #FFFFFF;}
.events #events2 .years  p{display: block; margin-top: 10px;color: #1439A2;font-family: arial;}

.events #events2 .swiper-slide-active .years p{color: #EC7700;}
.events #events2 .swiper-slide-active .years span{background: url(../img/a043.png)center no-repeat;width: 45px;height: 45px;border: none;border-radius: 0;background-size: cover;}

.events #events1 .swiper-button-next{
    background-image: url(../img/a045.png);
    right: 0px;
    left: auto;
}
.events #events1 .swiper-button-prev{
    background-image: url(../img/a044.png);
    left: 0px;
    right: auto;
}

.events #events1 .swiper-button-next,.events #events1 .swiper-button-prev {
    position: absolute;
    top: 50%;
    width:25px;
    height:35px;
    margin-top: -20px;
    z-index: 10;
    cursor: pointer;
    background-size: 25px 35px;
    background-position: center;
    background-repeat: no-repeat;
}

@media only screen and (max-width:1680px) {
	.events #events1 h6{font-size: 60px;}
	.events #events2{margin-top: 90px;}
}
@media only screen and (max-width:1440px) {
	.events #events1 h6{font-size: 50px;}
	.events #events2{margin-top: 80px;}
	.events #events2 .swiper-slide-active .years span{width:40px;height:40px;background-size: cover;}
}
@media only screen and (max-width:1280px) {	
	.events #events1 h6{font-size: 40px;}
	.events #events2{margin-top: 70px;}
}
@media only screen and (max-width:1024px) {	
	.events #events1 h6{font-size:25px;}
	.events #events2{margin-top: 60px;}
	.events #events2  .years span{width: 15px;height: 15px;}
	.events #events2:before{top: calc(25% - 24px);height: 40px;}
	.events #events2 .swiper-slide:nth-child(2n) .years{margin-top: -2px;}
	.events #events2 .swiper-slide-active .years span{width: 35px;height: 35px;background-size: cover;}
.events #events1 .txt-c{margin-top: 25px;}
}

@media only screen and (max-width:720px) {
	.events #events1 h6{font-size:18px;}	
	.events #events1 .txt-c p{width: 100%;margin-right: 0;padding-left: 15px;}
	.events #events2{margin-top: 35px;}
}



.honest{width: 100%;height: auto;}
.honest .honest-c{width:35%;float: left;height: auto;}
.honest .honest-c .txt-c{width: 100%;margin-top: 35px;height: auto;}
.honest .honest-c .txt-c p{line-height: 2;}
.honest .honest-c .mail{font-size: 20px; width: 100%;height: auto;margin-top: 35px;}
.honest .pic{width:65%;height: auto;float: right;padding-left: 10%;}
.honest .pic img{border-radius: 10px;border-bottom-right-radius: 0;}
.honest .honest-c .mail i{width: 30px;margin-right: 10px; display: inline-block;vertical-align: middle;}
.honest .honest-c .mail span{vertical-align: middle;}
.honest .honest-c .mail a{display: inline-block;vertical-align: middle;color: #EC7700;font-family: arial;}

@media only screen and (max-width:1680px) {
}
@media only screen and (max-width:1440px) {
	.honest .honest-c .mail {font-size: 18px;}
	
}
@media only screen and (max-width:1280px) {	
	.honest .honest-c{width: 40%;}
	.honest .pic{width: 60%;padding-left: 5%;}
	.honest .honest-c .mail {font-size: 16px;margin-top: 25px;}
	.honest .honest-c .mail i{width: 25px;}
}
@media only screen and (max-width:1024px) {	
		.honest .honest-c{width:100%;}
	.honest .pic{width:100%;margin-top: 35px;padding-left: 0;}
.honest .honest-c .mail {font-size: 16px;margin-top: 15px;}
}

.news{width: 100%;height: auto;}
.news .title{text-align: center;}
.news .news-sort{width: 100%;height: auto;font-size: 0;text-align:center;margin-top: 35px;}
.news .news-sort a{display: inline-block;margin: 0 10px; font-size:20px;padding: 8px 35px;border-radius: 10px;border-top-right-radius:20px; border-bottom-right-radius: 0; color: #666;}
.news .news-sort a:hover{color: #FFFFFF;background: #1439A2;font-weight: bolder;}
.news .news-sort a.cut{color: #FFFFFF;background: #1439A2;font-weight: bolder;}


.news .newslist{font-size: 0; width: 100%;height: auto;}
.news .newslist li{transition: all 0.5s ease; display: inline-block;vertical-align: top; border-radius: 10px;width: calc(33.3% - 30px);margin-bottom: 45px; margin-right:45px; position: relative;}
.news .newslist li:nth-child(3n){margin-right: 0;}
.news .newslist li:before{z-index: 2;display: none; content:"";position: absolute;top: 0;background:#EC7700; border-top-right-radius:10px;width: 15px;top: 0;right: 0;height: 100%;box-shadow:2px 0px 10px 8px  rgba(0,0,0,0.01)  inset;}
.news .newslist li a{position: relative;border-radius: 11px; border-bottom-right-radius: 0; z-index: 0; padding: 13% calc(5% + 15px) 8%   5%;border-radius: 10px;border-bottom-right-radius: 0; display: block;width: 100%;height: auto;background-size: cover;}
.news .newslist li strong{font-size: 24px;height:72px; color: #333333;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.news .newslist li .txt-c{width: 100%;height: 72px;margin-top: 25px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.news .newslist li a .bks{position: absolute;top: 0;left: 0;width: 100%;height:100%;background: #f0f4f7;z-index: -1;border-radius:10px; border-bottom-right-radius: 0;}
.news .newslist li .downs{width: 100%;height:auto;padding-top: 20px; margin-top:65%;border-top: 1px solid #ececec;}
.news .newslist li .downs .more{font-family: arial; display: none; color: #FFFFFF; width: 100%;line-height: 45px;font-size: 18px;}
.news .newslist li .downs .more i{width: 16px;height: auto;display: inline-block; vertical-align: middle;margin-left: 10px;}
.news .newslist li .downs .date{ width: 100%;line-height:45px; height: auto;overflow: hidden;font-size: 0;}
.news .newslist li .downs .date b{font-family: arial;line-height: 1; width: 50%;font-size: 40px;color: #20234e;display: inline-block;vertical-align: bottom; text-align: left;vertical-align: bottom;}
.news .newslist li .downs .date span{font-family: "CG"; line-height: 1; font-size: 18px;color: #333;display: inline-block; text-align: right;width: 50%;vertical-align: bottom;}
.news .newslist li:hover:before{display: block;transition: all 0.5s ease;}
.news .newslist li:hover a .bks{background: rgba(21,21,21,0.5);transition: all 0.5s ease;}
.news .newslist li:hover  strong{color: #FFFFFF;transition: all 0.5s ease;}
.news .newslist li:hover .txt-c p{color:rgba(255,255,255,0.6);transition: all 0.5s ease;}
.news .newslist li:hover .downs .date{display: none;transition: all 0.5s ease;}
.news .newslist li:hover .downs .more{display: block;transition: all 0.5s ease;}
.news .newslist li:hover .downs{border-top: 1px solid rgba(255,255,255,0);transition: all 0.5s ease;}

.fy{width: 100%;text-align: center;margin-top: 25px;}
.fy a{display: inline-block;font-size: 20px;color: #1439A2;margin: 0 10px;font-family: arial;}
.fy a:hover{color: #EC7700;}
.fy a.cut{color: #EC7700;}
.fy a.prev,.fy a.next{color: #EC7700;}



@media only screen and (max-width:1680px) {
.news .newslist li strong{font-size: 22px;height: 66px;}
.news .newslist li .downs .date b{font-size: 36px;}
.news .newslist li .downs .date span{font-size: 16px;}
.news .newslist li .txt-c{height: 72px;}
.news .news-sort a{font-size: 18px;}
}
@media only screen and (max-width:1440px) {
.news .newslist li strong{font-size: 20px;height: 60px;}
.news .newslist li{width: calc(33.3% - 20px);margin-right:30px;margin-bottom: 30px;}
.news .newslist li:before{width: 10px;}
.news .newslist li .downs .date b{font-size: 34px;}
.news .newslist li .downs .date span{font-size: 16px;}
.news .newslist li .downs{padding-top: 15px;}
.news .newslist li .txt-c{height: 67.5px;}
.news .news-sort a{font-size: 16px;}
.news .newslist li .downs .more{font-size: 16px;}
.fy a{font-size: 18px;}
	
}
@media only screen and (max-width:1280px) {
.news .newslist li strong{font-size: 18px;height: 54px;}
.news .newslist li{width: calc(33.3% - 10px);margin-right:15px;margin-bottom: 15px;}
.news .newslist li .downs .date b{font-size: 30px;}
.news .newslist li .downs .date span{font-size: 15px;}
.news .newslist li .downs .more{line-height: 40px;font-size: 15px;}
.news .newslist li .downs .date{line-height: 40px;}
.news .newslist li .downs{margin-top: 50%;}
.news .newslist li .txt-c{height: 67.5px;}
.news .news-sort a{font-size: 15px;padding: 8px 30px;}

}
@media only screen and (max-width:1024px) {
.news .newslist li strong{font-size: 16px;height:48px;}
.news .newslist li{margin-bottom: 30px; width: calc(50% - 15px);margin-right: 30px;margin-bottom: 30px;}
.news .newslist li:nth-child(3n){margin-right:30px;}
.news .newslist li:nth-child(2n){margin-right:0;}
.news .newslist li .downs .date b{font-size:28px;}
.news .newslist li .downs .date span{font-size:14px;}
.news .newslist li .downs .more{line-height:35px;font-size: 14px;}
.news .newslist li .downs .date{line-height:35px;}
.news .newslist li .downs{padding-top: 10px;}
.news .newslist li .downs{margin-top: 45%;}
.news .newslist li .txt-c{height: 63px;}
.news .news-sort a{font-size: 14px;padding: 8px 25px;margin: 0 5px;}
.fy a{font-size: 16px;margin: 0 6px;}
}
@media only screen and (max-width:720px) {
.news .newslist li{margin-bottom: 10px; width: calc(50% - 5px);margin-right:10px;}
.news .newslist li{margin-bottom: 10px; width: calc(50% - 5px);margin-right:10px;}
.news .newslist li:nth-child(3n){margin-right:10px;}
.news .newslist li:nth-child(2n){margin-right:0;}
.news .newslist li .downs .date b{font-size:25px;}
.news .newslist li .downs .date span{font-size:12px;}
.news .newslist li .txt-c{height: 58px;}
.news .news-sort a{font-size: 14px;padding: 5px 15px;margin: 0 2px;border-top-right-radius: 15px;}
}

.hotnews{width: 100%;height: auto;}
.hotnews .hotnews-t{position: relative; width: 100%;height: auto;}
.hotnews .hotnews-c{width: 100%;height: auto;padding-left: calc(50%  - 800px);}
.hotnews .hotnews-c .hotnews-js{width: 100%;padding-right: 25%;}
.hotnews .hotnews-c .hotnews-js .li{display: block;width: 100%;position: relative;padding:5% 60% 5% 0;}
.hotnews .hotnews-c .hotnews-js .li .pic{width: 75%;position: absolute;right: 0;top: 0;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;z-index: -1;border-radius: 10px;border-bottom-right-radius: 0;}

.hotnews .hotnews-c .hotnews-js .li .con{width: 100%;padding:10% 8%; background: #FFFFFF;border-radius: 10px;border-bottom-right-radius: 0;border-right: 15px solid #EC7700;}
.hotnews .hotnews-c .hotnews-js .li .con .date{font-size: 16px;font-family: arial;color: #1439a2;}
.hotnews .hotnews-c .hotnews-js .li .con strong{margin-top: 30px;margin-bottom: 20px; height: 72px; font-size: 24px;color: #000;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
.hotnews .hotnews-c .hotnews-js .li .con .txt-c{width: 100%;height: 72px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;}
.hotnews .hotnews-c .hotnews-js .li .con .more{margin-top: 45px; font-size: 18px;color: #1439a2;display: block;}
.hotnews .hotnews-c .hotnews-js .li .con .more i{width: 16px;height: auto; display: inline-block;vertical-align: middle;margin-left: 10px;}
.hotnews .hotnews-t .swiper-button-next {
    background-image: url(../img/a045.png);
    right: 0px;
    left: auto;
}
.hotnews .hotnews-t .swiper-button-prev{
    background-image: url(../img/a044.png);
    right: 40px;
    left: auto;
}
.hotnews .hotnews-t .swiper-button-next,.hotnews .hotnews-t  .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 25px;
    height:35px;
    margin-top: -17.5px;
    z-index: 10;
    cursor: pointer;
    background-size: 25px 35px;
    background-position: center;
    background-repeat: no-repeat;
}



@media only screen and (max-width:1850px) {
	.hotnews .hotnews-c{padding-left: 6%;}

}

@media only screen and (max-width:1680px) {
		.hotnews .hotnews-c .hotnews-js .li .con strong{font-size:22px;height:66px;}
.hotnews .hotnews-c .hotnews-js .li .con .txt-c{height:72px;}
}
@media only screen and (max-width:1440px) {
		.hotnews .hotnews-c .hotnews-js .li .con strong{font-size:20px;height:60px;}
.hotnews .hotnews-c .hotnews-js .li .con .txt-c{height:67px;}
		.hotnews .hotnews-c .hotnews-js .li .con{border-right: 10px  solid #EC7700;}
		.hotnews .hotnews-c .hotnews-js .li .con .more{font-size: 16px;}
}
@media only screen and (max-width:1280px) {
		.hotnews .hotnews-c .hotnews-js .li .con strong{font-size:18px;height:54px;}
		.hotnews .hotnews-c .hotnews-js .li .con .more{font-size: 15px;}
}
@media only screen and (max-width:1024px) {
.hotnews .hotnews-c{padding-left:5%;}
.hotnews .hotnews-c .hotnews-js .li .con strong{font-size:16px;height: 48px;}
.hotnews .hotnews-c .hotnews-js .li .con .txt-c{height:63px;}
.hotnews .hotnews-c .hotnews-js .li .con .more{font-size: 14px;margin-top: 30px;}

.hotnews .hotnews-t .swiper-button-next,.hotnews .hotnews-t  .swiper-button-prev {
    width:20px;
    height:28px;
    margin-top: -14px;
    background-size: 20px 28px;
}

.hotnews .hotnews-c .hotnews-js .li{padding:5% 45% 5% 0;}

}

@media only screen and (max-width:720px) {
.hotnews .hotnews-c{padding-left:5%;}
.hotnews .hotnews-c .hotnews-js .li .con strong{font-size:16px;height: 48px;}
.hotnews .hotnews-c .hotnews-js .li .con .txt-c{height: 58px;}
.hotnews .hotnews-c .hotnews-js{padding-right:5%;}
.hotnews .hotnews-c .hotnews-js .li{padding:5% 25% 5% 0;}
.hotnews .hotnews-c .hotnews-js .li .pic{width: 85%;background-size: cover;background-repeat: no-repeat;background-position: center;}

.hotnews .hotnews-c .hotnews-js .li{padding:5% 15% 5% 0;}
}



.news-d{width: 100%;height:auto;}
.news-d .news-dl{width: calc(100% - 380px);padding-right:10%;float: left;}
.news-d .news-dr{width: 380px;height: auto;float: right;}
.news-d .news-dr h2{font-size: 30px;}
.news-d .news-dr .news ul{width: 100%;margin-bottom: 20px;}
.news-d .news-dr .news .newslist li{width: 100%;margin-bottom: 15px;}

.news-d .news-dl h1{font-size: 40px;color: #000000;}
.news-d .news-dl .tl-top{padding: 35px 0; width: 100%;height: auto;}
.news-d .news-dl .tl-top span{display: inline-block;margin-right: 5%;color: #000000;padding-left: 30px;background-repeat: no-repeat;position: relative;}
.news-d .news-dl .tl-top span:before{content: "";position: absolute;left: 0;top: 3px;width: 20px;height: 20px;background-size: cover;background-repeat: no-repeat;background-position: center;}
.news-d .news-dl .infont2{background: #1439A2;}
.news-d .news-dl .infont2:before,.news-d .infont2:after{background: #1439A2;}

.news-d .news-dl .keyword{padding:40px 0;color: #000000;}
.news-d .news-dl .txt-c{width: 100%;height: auto;margin-top: 30px;}
.news-d .news-dl .keyword a{display: inline-block;font-size: 16px;color: #000000;background: #f0f4f7;padding: 8px 20px; vertical-align:middle;border-radius: 3px; margin: 0 5px 5px 5px;}

.news-d .news-dl .pn{width: 100%;height: auto;font-size: 0;padding-top: 45px; }
.news-d .news-dl .pn a{display: inline-block;width:50%;vertical-align: top;}
.news-d .news-dl .pn a h6{font-size: 16px;color: #000000;vertical-align: middle;font-weight: normal;  display: inline-block;width: calc(100% - 90px);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-d .news-dl .pn a .more{vertical-align: middle; font-size: 16px; display: inline-block;width: 90px;padding: 0;}
.news-d .news-dl .pn a .more span{display: inline-block;vertical-align: middle;color: #000000;}
.news-d .news-dl .pn a .more i{margin:0 10px; display: inline-block;vertical-align: middle;width: 14px;height: auto;}
.news-d .news-dl .pn a .more i .img2{display: none;}
.news-d .news-dl .pn a:first-child{padding-right: 15px; border-right: 1px solid #ECECEC;}
.news-d .news-dl .pn a:first-child .more{text-align: right;}
.news-d .news-dl .pn a:nth-child(2){padding-left: 15px;}
.news-d .news-dl .pn a:nth-child(2) h6{text-align: right;}
.news-d .news-dl .pn a:nth-child(2) .more{text-align: left;}
.news-d .news-dl .pn a:hover .more span{color: #EC7700;}
.news-d .news-dl .pn a:hover .more i .img1{display: none;}
.news-d .news-dl .pn a:hover .more i .img2{display: block;}
.news-d .news-dl .pn a:hover h6{color:#EC7700;}


@media only screen and (max-width:1680px) {
	.news-d .news-dl h1{font-size: 36px;}

	.news-d .news-dl .tl-top{padding: 30px 0;}
	.news-d .news-dl .txt-box .keyword{font-size: 16px;}
}
@media only screen and (max-width:1440px) {
	.news-d .news-dl h1{font-size: 34px;}
	.news-d .news-dl{width: calc(100% - 350px);}
.news-d .news-dr{width:350px;}
	.news-d .news-dl .pn a h6{font-size: 15px;}
	.news-d .news-dl .pn a .more{font-size: 15px;}
.news-d .news-dl .tl-top span{font-size: 15px;}
	.news-d .news-dl .txt-box{margin-top: 25px;padding-top: 25px;padding-bottom: 25px;}
	.news-d .news-dl .txt-box .keyword{font-size: 15px;}
	.news-d .news-dl .keyword{padding: 35px 0;font-size: 15px;}
	.news-d .news-dl .keyword a{font-size: 15px;}
	.news-d .news-dr h2{font-size: 28px;}
	.news-d .news-dl .pn{padding-top: 40px;}
}
@media only screen and (max-width:1280px) {
	.news-d .news-dl h1{font-size: 30px;}
	.news-d .news-dl{width: calc(100% - 300px);}
.news-d .news-dr{width:300px;}
.news-d .news-dr h2{font-size: 26px;}
}
@media only screen and (max-width:1024px) {
	.news-d .news-dl h1{font-size: 28px;}
	.news-d .news-dl{width: calc(100% - 280px);}
.news-d .news-dr{width:280px;}
	.news-d .news-dl .pn a h6{font-size: 14px;}
	.news-d .news-dl .pn a .more{font-size: 14px;}
.news-d .news-dl .tl-top{padding: 25px 0;}
.news-d .news-dl .tl-top span{font-size: 14px;}
	.news-d .news-dl .txt-box{margin-top: 20px;padding-top: 20px;padding-bottom: 20px;}
.news-d .news-dl .txt-box .keyword{font-size: 14px;}
.news-d .news-dl .keyword{padding: 30px 0;font-size: 14px;}
.news-d .news-dl .keyword a{font-size: 14px;margin: 0 3px 3px 3px;padding: 6px 15px;}
.news-d .news-dr h2{font-size: 24px;}
.news-d .news-dl .pn{padding-top: 35px;}
}
@media only screen and (max-width:850px) {
	.news-d .news-dl h1{font-size: 25px;}
	.news-d .news-dl{width:100%;padding-right: 0;}
.news-d .news-dr{width: 100%;margin-top: 45px;}
	.news-d .news-dr .news .newslist li{margin-bottom: 10px; width: calc(50% - 5px);margin-right: 10px;}
	.news-d .news-dr .news .newslist li:nth-child(2n){margin-right: 0;}
	.news-d .news-dl .pn a{padding: 0 !important; width: 100%;margin-bottom: 10px;}
		.news-d .news-dl .pn a .more{width: 85px;}
			.news-d .news-dl .pn a h6{width: calc(100% - 85px);}
	.news-d .news-dl .pn a:first-child{border: none;}
	.news-d .news-dl .pn a:nth-child(2) .more{text-align:left;}
}
@media only screen and (max-width:720px) {
	.news-d .news-dl h1{font-size: 22px;}
	.news-d .news-dr h2{font-size: 20px;}
	.news-d .news-dl .pn{padding-top: 30px;}
}


.contact{width: 100%;height: auto;}
.contact .title span{display: block;}
.contact .cont-l{width: 35%;float: left;height:auto;}
.contact .cont-l .view{margin-top: 30%;font-weight: bolder;font-size: 18px;padding:0px 35px;}
.contact .cont-l .view i{width:28px;height: 28px;margin-left: 0;display: inline-block; vertical-align: middle; margin-right: 10px;}
.contact .cont-r{font-size: 0; width: 65%;padding-left: 5%;float: right;height: auto;}
.contact .cont-r li{width: 100%;height: auto;display: inline-block;vertical-align: top; margin-bottom: 45px;}
.contact .cont-r li:nth-child(3),.contact .cont-r li:nth-child(4){margin-bottom: 0; width: calc(50% - 15px);margin-right: 30px;}
.contact .cont-r li:nth-child(4){margin-right: 0;}
.contact .cont-r li h6{font-size: 14px;color: #333333;margin-bottom: 10px;}
.contact .cont-r li h6 i{display: inline-block;vertical-align: middle;width: 20px;height: auto;margin-right: 10px;}
.contact .cont-r li .tel{line-height: 1; font-size: 80px;color: #1439A2;font-family: arial;}
.contact .cont-r li:nth-child(3) p{line-height: 24px; font-size: 18px;color: #000000;}
.contact .cont-r li:nth-child(4) a{font-size: 24px;line-height: 24px; color:#000000; font-family: arial;}



.form{width: 100%;height: auto;position: relative;z-index: 0;}
.form .add{box-shadow: 0 0 10px rgba(0,0,0,0.2); border-radius: 10px;border-bottom-right-radius: 0; width: 100%;height:auto;border-right: 15px solid #EC7700;}
.form .add img{border-radius: 10px;border-bottom-right-radius: 0;}
.form .bks{width: 100%;z-index: -1;  height:75%;position: absolute;top:25%;left: 0;background:#f0f4f7;}

.form .form-c{width: 100%; height: auto;position: relative;}
.form .form-c .map{width: 36%;position: absolute;left: -5%;height: auto;top: 0%;}
.form .form-c .map img{display: block;width: 100%;height: auto;}
.form .form-c .formbox{width: 50%;float: right;height: auto;}
.form .form-c .formbox .title span{display: block;}
.form .form-c .formbox .title{margin-bottom: 45px;}
.form .form-c .formbox .c1{width: 100%;height: auto;background: #FFFFFF;line-height: 25px;margin-bottom:20px; border: none;padding: 10px 15px; border-radius: 10px;border-bottom-right-radius: 0;}
.form .form-c .formbox .yzm{width: 100%;position: relative;}
.form .form-c .formbox .yzm .yzm-pic{width: 110px;height: auto;background: #FFFFFF;position: absolute;right: 0;top: 0;}
.form .form-c .formbox .send{border: none;font-weight: bolder;margin-top: 10px; display: block;width: 100%;font-size:22px;letter-spacing: 2px; padding: 10px 0; background: #1439A2;color: #FFFFFF;border-radius: 10px;border-top-right-radius: 15px;border-bottom-right-radius: 0;}


@media only screen and (max-width:1680px) {
	.contact .cont-r li .tel{font-size: 70px;}
	
}
@media only screen and (max-width:1440px) {
	.contact .cont-r li .tel{font-size: 60px;}
	.contact .cont-l .view{font-size: 16px;}
	.contact .cont-r li:nth-child(3) p{font-size:16px;}
	.contact .cont-r li:nth-child(4) a{font-size: 22px;}
	.form .form-c .formbox .send{font-size: 20px;}
	
}
@media only screen and (max-width:1280px) {
	.contact .cont-r li .tel{font-size: 50px;}
	.contact .cont-l .view{font-size: 15px;}
	.contact .cont-l .view i{width: 25px;height: 25px;}
	.form .form-c .formbox .send{font-size: 20px;}
}
@media only screen and (max-width:1024px) {
	.contact .cont-r li .tel{font-size: 40px;}
	.contact .cont-l{width: 40%;}
	.contact .cont-r{width: 60%;}
.contact .cont-l .view{font-size: 14px;}
.contact .cont-l .view i{width: 20px;height: 20px;}
.contact .cont-r li{margin-bottom: 30px;}
.contact .cont-r li:nth-child(3){width: 100%;margin-bottom: 30px;}
.contact .cont-r li:nth-child(4){width: 100%;}
	.contact .cont-r li:nth-child(3) p{font-size:15px;}
	.contact .cont-r li:nth-child(4) a{font-size:20px;}
	.form .form-c .formbox .send{font-size: 18px;}
	.form .form-c .formbox .c1{margin-bottom: 15px;}
}
@media only screen and (max-width:720px) {
	.contact .cont-r li .tel{font-size: 30px;}
		.contact .cont-l{width: 100%;}
		.contact .cont-l .view{margin-top: 30px;}
	.contact .cont-r{width:100%;padding-left: 0;margin-top: 35px;}
	.contact .cont-r li{margin-bottom: 20px;}
.contact .cont-r li:nth-child(3){width: 100%;margin-bottom: 20px;}
.contact .cont-r li:nth-child(4){width: 100%;}
.form .form-c .map{width: 100%;height: auto;position: static;left: auto;}
.form .form-c .formbox{width: 100%;height: auto;}
.form .bks{height: 90%;top: 10%;}
.form .form-c .formbox .c1{margin-bottom:10px;}
.form .form-c .formbox .title{margin-bottom: 30px;}
}

.staff{z-index: 0; width: 100%;height: auto;position: relative;}
.staff .bks{z-index: -1; position: absolute;top: 0;left: 0;width: 100%;height: 80%;background-size: cover;background-repeat: no-repeat;background-position: center;}
.cores{width: 100%;height: auto;}
.cores .title{text-align: center;}
.cores ul{width: 100%;height: auto;font-size: 0;}
.cores ul li{ border-right:15px solid #FFFFFF;text-align: center; border-radius: 10px;display: inline-block;vertical-align: top; border-bottom-right-radius: 0; padding: 50px 5%; background: #FFFFFF; width: calc(33.3% - 30px);margin-right: 45px;height: auto;}
.cores ul li:nth-child(3n){margin-right: 0;}
.cores ul li .ico{width: 65px;height: auto;margin: 0 auto;}
.cores ul li .ico .img2{display: none;}
.cores ul li h6{font-size: 24px;margin-top: 20px;margin-bottom: 15px;}
.cores ul li .txt-c{width: 100%;height: auto;}
.cores ul li .txt-c p{display: block;}
.cores ul li .txt-c p  strong{display: inline-block;vertical-align: bottom; position: relative;z-index: 0;display: initial;}
.cores ul li:hover{background: #1439a2; border-right: 15px solid #ec7700;}
.cores ul li:hover .txt-c p span{}

.cores ul li:hover .ico .img2{display:block;}
.cores ul li:hover .ico .img1{display:none;}
.cores ul li:hover h6{color: #FFFFFF;}
.cores ul li:hover .txt-c p{color: #FFFFFF;}

.type{width: 100%;height: auto;}
.type .type-c{width: 100%;padding: 5%; border-radius: 10px;border-bottom-right-radius: 0; background: #FFFFFF;border-right: 15px solid #ec7700;box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.type .type-c .tl-top{ width: 100%;height: auto;overflow: hidden;}
.type .type-c .tl-top h6{width: 30%;float: left; color: #000000;font-size: 30px;}
.type .type-c .tl-top h6 span{color:#ec7700;}
.type .type-c .tl-top .txt-c{width: 70%;padding-left: 5%;float: right;height: auto;}
.type .type-c .type-pic{width: 100%;height: auto;margin-top: 45px;}

@media only screen and (max-width:1680px) {
	.cores ul li{padding: 45px 5%;}
	.cores ul li h6{font-size: 22px;}
}
@media only screen and (max-width:1440px) {
	.cores ul li .ico{width: 60px;}
	.cores ul li{border-right: 10px solid #FFFFFF; width: calc(33.3% - 20px);margin-right: 30px;height: auto;}
.cores ul li:hover{border-right: 10px solid #ec7700;}
.cores ul li{padding: 40px 3%;}
.cores ul li h6{font-size: 20px;}
.type .type-c .tl-top h6{font-size: 28px;}
.type .type-c{border-right: 10px solid #ec7700;}
}
@media only screen and (max-width:1280px) {
.cores ul li .ico{width: 50px;}
.cores ul li h6{font-size: 18px;}
.type .type-c .tl-top h6{font-size: 24px;}
.cores ul li{width: calc(33.3% - 15px);margin-right: 22.5px;}
}
@media only screen and (max-width:1024px) {
.cores ul li .ico{width:40px;}
.cores ul li{padding: 35px 3%;}
.cores ul li h6{font-size: 16px;}
.type .type-c .tl-top h6{font-size:22px;}
.cores ul li{width:calc(33.3% - 10px);margin-right: 15px;}
}
@media only screen and (max-width:720px) {
	.cores ul li .ico{width:35px;}
	.type .type-c .tl-top h6{font-size: 20px;}
	.cores ul li{width:100%;padding: 30px 3%;margin-bottom: 10px;}
	.cores ul li:last-child{margin-bottom: 0;}
	.type .type-c .tl-top h6{width: 100%;}
	.type .type-c .tl-top .txt-c{width: 100%;padding-left: 0;margin-top: 35px;}
	.type .type-c{padding: 40px 5%;}
	.type .type-c .type-pic{overflow: auto;overflow-y: hidden;margin-top: 20px;}
	.type .type-c .type-pic img{min-width:800px;height: auto;}
	
	.type .type-c .type-pic::-webkit-scrollbar {
            width: 5px; 
            height: 2px;
        }
	.type .type-c .type-pic::-webkit-scrollbar-thumb {
            border-radius: 1px;
            -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0);
            background:#ec7700;
        }
	.type .type-c .type-pic::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
                    border-radius: 1px;
            background: #FFFFFF;}

}




.join{width: 100%;height:auto;}
.join .title{text-align: center;}

.join-box{width: 100%;height: auto;padding: 0;margin-top: 45px;}
.join-top{width: 100%;height: auto;}
.join-top ul{width: 100%;height: auto;overflow: hidden;}
.join-top ul li{width: 20%;float: left;text-align: center;color: #666;line-height: 70px;}
.join-t{width: 100%;height: auto;background: #f0f4f7;border-radius: 10px;border-bottom-right-radius: 0; }
.join-t ul{border-radius: 10px;border-bottom-right-radius: 0;  background: #f0f4f7; width: 100%;height: auto;position: relative; overflow: hidden; margin-bottom: 15px;}
.join-t ul li{font-weight: bolder; position: relative; font-size: 14px;color: #333; height: 60px; width: 20%;text-align: center;float: left;
overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}


.join-t ul li.btnn .cl{width:75%;max-width: 150px; text-align: center;line-height: 35px;color: #000;}
.join-t ul li.btnn .cl i{width: 15px;height: auto;display: inline-block;margin-left: 10px;}
.join-t ul li.btnn .cl i img{display: block;width: 100%;height: auto;}

.join-t.cut ul li.btnn .cl i{transform: rotate(90deg);text-transform: capitalize;}
.join-t.cut ul li.btnn .cl {color: #ec7700;}
.join-t.cut  ul:after{background: #1439a2;}
.join-t.cut ul li{color: #ec7700;}
.join-t.cut ul{margin-bottom: 0;}
.join-t.cut{border-bottom-left-radius: 0;}
.join-b{display: none; width: 100%;position: relative;z-index: 0; background: #f0f4f7;border-radius:10px;border-bottom-right-radius: 0;}
.join-b .bg{width: 25%;bottom: 0;right: 0;height: auto;z-index: 0; position: absolute;}
.join-b-c{background: #f0f4f7; width: 100%;padding:35px 60px;margin-bottom: 15px;border-bottom-left-radius: 10px;}
.join-b-c .infont2{background: #1439a2;margin-bottom:35px;}
.join-b-c .infont2:before,.join-b-c .infont2:after{background: #1439a2}
.join-b1{width: 100%;height: auto;}
.join-b1 li{margin-bottom: 30px;width: 100%;height: auto;}
.join-b1 li:last-child{margin-bottom: 0;}
.join-b1 strong{font-size: 18px;color: #222;margin-bottom: 15px;font-weight: normal;}
.join-b1 strong p{display: inline-block;}
.join-b1 .txt{width: 100%;height: auto;font-size: 0; color: #222;}
.join-b1 .txt p{width: 50%;display: inline-block;padding-left: 15px;position: relative;margin-bottom: 10px;vertical-align: top; font-size: 16px;}
.join-b1 .txt p:before{content: "";position: absolute;left: 0;top: 7px;border-radius: 100%; width: 6px;height: 6px;background: #ec7700;}
.join-b1  a.mail{font-size:30px;font-family: arial;color:#1439a2;}



@media only screen and (max-width:1440px) {
.join-b1 .txt p{font-size: 15px;}
.join-b1 .con a.mail{font-size: 24px;}
.join-b1 .con{font-size: 15px;}
.join-b1 strong{font-size: 15px;}
.join-t ul:after{left: 3%;}
.join-t ul li{font-size: 15px;}
.join-top ul li{font-size: 14px;}
.join-t ul li.btnn .cl{width: 145px; font-size: 15px;}

}


@media only screen and (max-width:1024px) {
	.join-b1 .txt p{font-size: 14px;}
	.join-b1  a.mail{font-size: 22px;}
.join-b1 .con{font-size: 14px;}
.join-b1 strong{font-size: 14px;}

.join-t ul li{font-size: 13px;}
.join-top ul li{font-size: 14px;}
.join-t ul li.btnn .cl{width: 135px; font-size: 14px;}
}


@media only screen and (max-width:720px ) {
	.join-b1 a.mail{font-size: 18px;}

	.join-box{width: 100%;height: auto;padding: 0;margin-top: 25px;}
	.join-b{padding: 0 0px;}
	.join-top ul li{width:20%;text-align: center;font-size: 12px;line-height: 60px;height: 60px;}
.join-b-c{padding:15px;}
	.join-t ul li{width:20%;text-align: center;font-size: 12px;}
	.join-t ul li{height: 50px;}
	.join-b1 .txt p{width: 100%;}

	.join-b1 .txt p{font-size: 13px;}
	.join-b1 .con a.mail{font-size: 20px;}
.join-b1 .con{font-size: 13px;}
.join-b1 strong{font-size: 13px;}

.join-t ul li.btnn .cl {
    width: 99%;
    max-width: 120px;
    line-height: 25px;
}
.join-t ul li.btnn .cl i{width: 13px;margin-left: 0;}

.join-t ul li.btnn .cl{width: 24px;font-size: 0;height: 24px;line-height: 24px;padding: 5px;}
}


.gain{width: 100%;height: auto;}
.gain .gain-t{ width: 100%;height: auto;overflow: hidden;}
.gain .gain-t .title{width: 35%;float: left;}
.gain .gain-t .title span{display: block;}
.gain .gain-t .txt-c{width: 65%;float: right;}
.gain .gain-c{border-radius: 10px;border-bottom-right-radius: 0; width: 100%;background-size:cover; height: auto;font-size: 0;background: #f0f4f7;}
.gain .gain-c li{ vertical-align: top; position: relative; padding:7.5% 3%;border-radius: 10px;border-bottom-right-radius: 0; border-right:1px solid rgba(0,0,0,0.1); text-align: center; width: 16.66%;display: inline-block;}
.gain .gain-c li .ico{width: 65px;height: auto;margin:0 auto;padding: 10px;}
.gain .gain-c li .ico .img2{display: none;}
.gain .gain-c li p{font-size: 18px;margin-top: 20px; color: #000000;}
.gain .gain-c li h6{margin-top: 10px;font-size: 18px;font-weight: normal;}
.gain .gain-c li span{color: #1439A2;font-size: 40px;font-family: arial;}
.gain .gain-c li:last-child{border-right: none;}
.gain .gain-c li.hover .ico{background: url(../img/v013.png)center no-repeat;padding: 15px; background-size:cover;}
.gain .gain-c li.hover .ico .img1{display: none;}
.gain .gain-c li.hover .ico .img2{display: block;}
.gain .gain-c li.hover{background: #1439A2;border-right:15px solid #EC7700 !important;}
.gain .gain-c li.hover h6{color: #FFFFFF;}
.gain .gain-c li.hover h6 span{color: #FFFFFF;}
.gain .gain-c li.hover p{color: #FFFFFF;}


@media only screen and (max-width:1680px) {
	.gain .gain-c li p{font-size: 16px;}
	.gain .gain-c li h6{font-size: 16px;}
	.gain .gain-c li span{font-size: 36px;}
}
@media only screen and (max-width:1440px) {
	.gain .gain-c li .ico{width: 60px;}
	.gain .gain-c li p{font-size: 16px;}
	.gain .gain-c li h6{font-size: 16px;}
	.gain .gain-c li span{font-size: 34px;}	
	.gain .gain-c li.hover{border-right:10px solid #EC7700 !important;}
}
@media only screen and (max-width:1280px) {
		.gain .gain-c li .ico{width:55px;}
	.gain .gain-c li p{font-size: 15px;}
	.gain .gain-c li h6{font-size: 15px;}
	.gain .gain-c li span{font-size: 30px;}		
}
@media only screen and (max-width:1024px) {	
			.gain .gain-c li .ico{width:50px;}
	.gain .gain-c li p{font-size: 14px;}
	.gain .gain-c li h6{font-size: 14px;}
	.gain .gain-c li span{font-size: 30px;}
		.gain .gain-t .title{width: 100%;}
	.gain .gain-t .txt-c{width: 100%;margin-top: 35px;}
	
}
@media only screen and (max-width:720px) {	
	.gain .gain-c li{width: 33.3%;border-bottom: 1px solid rgb(0,0,0,0.1);}
	.gain .gain-c li:nth-child(3){border-right: none;}
	.gain .gain-c li:nth-child(4),.gain .gain-c li:nth-child(5),.gain .gain-c li:nth-child(6){border-bottom: none;}
				.gain .gain-c li .ico{width:45px;}	.gain .gain-c li:hover .ico{padding: 10px;}
	.gain .gain-c li p{font-size: 14px;margin-top: 15px;}
	.gain .gain-c li h6{font-size: 14px;}
	.gain .gain-c li span{font-size: 26px;}
	.gain .gain-t .title{width: 100%;}
	.gain .gain-t .txt-c{width: 100%;margin-top: 35px;}
}


.honor{position: relative; z-index: 0; width:100%;height: auto;}
.honor .title{text-align: center;}
.honor .title span{display: block;}
.honor .bks{width: 100%;position: absolute;top: 0;left: 0; z-index: -1;height:380px;background-size: cover;background-repeat: no-repeat;}
.honor .honor-c{margin-top: 60px; width: 100%;height: auto;border-radius: 10px;background:#FFFFFF;}
.honor .honor-c .honor-sort{margin-bottom: 45px; width: 100%;height: auto;text-align: center;font-size: 0;}
.honor .honor-c .honor-sort span{padding: 10px 30px;border-radius: 10px;border-top-right-radius: 15px; border-bottom-right-radius: 0; margin: 0 1%; display: inline-block;font-size: 20px;color: #000000;}
.honor .honor-c .honor-sort span:hover{background: #1439A2;color: #FFFFFF;}
.honor .honor-c .honor-sort span.cut{background: #1439A2;color: #fff;}
.honor .honor-c .honor-box{display: none; width: 100%;height: auto;position: relative;padding: 0 10%;}
.honor .honor-c .honor-js{width: 100%;height: auto;}
.honor .honor-c .honor-js .pic{cursor:zoom-in; width: 100%;height: auto;}
.honor .honor-c .honor-js .pic .ma{width: 100%;height: auto;background-size:100% auto;background-repeat: no-repeat;background-position: center;}
.honor .honor-c .honor-js .pic .bg{display: none; width: 100%;height:auto;position: absolute;top:0;left: 0;}
.honor .honor-c .honor-js .pic .bg .con{position: absolute;top: 50%;height: auto;text-align: center;width: 100%;padding: 0 5%;
transform: translateY(-50%);-webkit-transform:translateY(-50%);-moz-webkit-transform:translateY(-50%);-ms-webkit-transform:translateY(-50%);-o-webkit-transform:translateY(-50%);}
.honor .honor-c .honor-js .pic .bg .con img{display: block;width:30px;height:auto;margin: 0 auto;}
.honor .honor-c .honor-js .pic .bg .con p{font-size: 16px;color: #FFFFFF;font-weight: bolder;margin-top: 10px;}
.honor .honor-c .honor-js .pic:hover .bg{display: block;}
.honor .honor-c .honor-box .swiper-button-next {
    background-image: url(../img/a045.png);
    right: 5px;
    left: auto;
}
.honor .honor-c .honor-box .swiper-button-prev{
    background-image: url(../img/a044.png);
    left: 5px;
    right: auto;
}

.honor .honor-c .honor-box .swiper-button-next,.honor .honor-c .honor-box .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 25px;
    height: 35px;
    margin-top: -17.5px;
    z-index: 10;
    cursor: pointer;
    background-size: 25px 35px;
    background-position: center;
    background-repeat: no-repeat;
}


@media only screen and (max-width:1680px) {
	.honor .honor-c .honor-sort span{font-size: 18px;}
}
@media only screen and (max-width:1440px) {
	.honor .honor-c .honor-sort span{font-size: 16px;}
	.honor .honor-c {margin-top: 55px;}
	.honor .honor-c .honor-sort{margin-bottom: 40px;}
}
@media only screen and (max-width:1280px) {
	.honor .honor-c .honor-sort span{font-size: 15px;}
	.honor .honor-c {margin-top: 50px;}
	.honor .honor-c .honor-sort{margin-bottom: 40px;}
}
@media only screen and (max-width:1024px) {
	.honor .honor-c .honor-sort span{font-size: 14px;}
	.honor .honor-c {margin-top: 40px;}
	.honor .honor-c .honor-sort{margin-bottom: 35px;}
}
@media only screen and (max-width:720px) {
	.honor .honor-c .honor-sort span{font-size: 14px;}
	.honor .honor-c {margin-top: 35px;}
	.honor .honor-c .honor-sort{margin-bottom: 35px;}
}










.coop{width: 100%;height: auto;background-repeat: no-repeat;background-size: cover;background-position: center;}
.coop .title{text-align: center;}
.coop .title h2 span{color:#EC7700;font-family: arial;font-size: 55px;}
.coop .coop-c{position: relative; width: 100%;height: auto;padding-left: 5%;padding-right: 5%;}
.coop .coop-c .coop-js{width: 100%;height: auto;}
.coop .coop-c .coop-js .swiper-slide{padding: 0 30px;}
.coop .coop-c .swiper-button-next {
    background-image: url(../img/a045.png);
    right: 0px;
    left: auto;
}

.coop .coop-c .swiper-button-prev{
    background-image: url(../img/a044.png);
    left: 0px;
    right: auto;
}
.coop .coop-c .swiper-button-next,.coop .coop-c .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 25px;
    height: 35px;
    margin-top: -17.5px;
    z-index: 10;
    cursor: pointer;
    background-size: 25px 35px;
    background-position: center;
    background-repeat: no-repeat;
}

@media only screen and (max-width:1680px) {
	.coop .title h2 span{font-size: 50px;}
}
@media only screen and (max-width:1440px) {
	.coop .coop-c .coop-js .swiper-slide{padding: 0 25px;}
	.coop .title h2 span{font-size: 45px;}
}
@media only screen and (max-width:1280px) {
	.coop .coop-c .coop-js .swiper-slide{padding: 0 15px;}
	.coop .title h2 span{font-size: 40px;}
}
@media only screen and (max-width:1024px) {
	.coop .coop-c .coop-js .swiper-slide{padding: 0 10px;}
	.coop .title h2 span{font-size: 35px;}
	
	.coop .coop-c .swiper-button-next,.coop .coop-c .swiper-button-prev {
    width: 20px;
    height:28px;
    margin-top: -14px;
    background-size: 20px 28px;

}
	
}
@media only screen and (max-width:720px) {
	.coop .title h2 span{font-size: 30px;}
	.coop .coop-c .coop-js .swiper-slide{padding: 0 5px;}
}





.syn{width: 100%;height: auto;}
.syn .syn-t{width: 100%;height: auto;overflow: hidden;}
.syn .syn-t .title{width: 35%;float: left;}
.syn .syn-t .txt-c{width:65%;float: right;padding-left: 5%;height: auto;}
.syn  .syn-c{margin-top: 65px; padding-left: calc(50% - 800px);overflow: hidden;}
.syn .syn-c .syn-js{padding-bottom:35px; width: 100%;height:auto;position: relative;padding-right: 10%;}
.syn .syn-c .syn-js .con{width: 100%;height:310px;border-radius: 10px;border-bottom-right-radius: 0;background-position:center;background-repeat: no-repeat;background-size: cover;}
.syn .syn-c .syn-js .con .bks{width: 100%;height: 100%;border-radius: 10px;border-bottom-right-radius: 0;background: rgba(0,0,0,0.2);}
.syn .syn-c .syn-js .con .content{position: absolute;bottom: 10%;left: 0; padding: 0 10%; width: 100%;height: auto;}
.syn .syn-c .syn-js .con .content strong{ font-size: 26px;color: #FFFFFF;}
.syn .syn-c .syn-js .con .content strong i{width: 36px;height: auto;display: inline-block;vertical-align: middle;} 
.syn .syn-c .syn-js .con .txt-c{margin-top: 20px; display: none; width: 100%;height:auto;}
.syn .syn-c .syn-js .con .txt-c p{color: #FFFFFF;}
.syn .syn-c .syn-js .con:hover .txt-c{display: block;}
.syn .syn-c .syn-js .con:hover .content{bottom: 10%;}
.syn .syn-c .syn-js .con:hover .bks{background: rgba(20,57,162,0.9);}

.syn .syn-c .syn-js .swiper-pagination-progressbar{    width: 95%;
    height:3px;
    left: 0;
    top:auto;
    bottom: 0;
    background: #e5e5e5;
}
.syn .syn-c .syn-js .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background:#EC7700;
}


@media only screen and (max-width:1820px) {
.syn .syn-c{padding-left:6%;}
}
@media only screen and (max-width:1680px) {
.syn .syn-c .syn-js .con .content strong{font-size: 24px;}
	.syn .syn-c .syn-js .con .content strong i{width: 32px;}
	.syn .syn-c .syn-js .con{height: 280px;}
	.syn  .syn-c{margin-top: 60px;}
}
@media only screen and (max-width:1440px) {
	.syn .syn-c .syn-js .con{height: 250px;}
	.syn  .syn-c{margin-top: 55px;}
}
@media only screen and (max-width:1280px) {
	.syn .syn-c .syn-js .con .content strong{font-size: 20px;}
	.syn .syn-c .syn-js .con .content strong i{width: 28px;}
	.syn .syn-c .syn-js .con{height: 220px;}
	.syn  .syn-c{margin-top: 45px;}
}

@media only screen and (max-width:1024px) {
.syn .syn-c{padding-left:5%;}
.syn .syn-c .syn-js .con .content strong{font-size: 18px;}
.syn .syn-c .syn-js .con .content strong i{width: 25px;}
.syn .syn-c .syn-js .con{height: 180px;}
.syn .syn-t .title{width: 100%;}
.syn .syn-t .txt-c{width: 100%;margin-top: 35px;padding-left: 0;}
.syn  .syn-c{margin-top: 35px;}
}
@media only screen and (max-width:720px) {
.syn .syn-t .txt-c{width: 100%;margin-top:25px;}
.syn  .syn-c{margin-top: 35px;}
}



.irea{width: 100%;height: auto;}
.irea .title{text-align: center;}
.irea .irea-list{border-radius: 10px;border-bottom-right-radius: 0; width: 100%;background-size:cover;overflow: hidden;padding: 0; height: auto;font-size: 0;background: #f0f4f7;}

.irea .irea-list li{vertical-align: top; position: relative; padding:5.5% 3%;border-radius: 10px;border-bottom-right-radius: 0; border-right:1px solid rgba(0,0,0,0.1); width: 20%;display: inline-block;}
.irea .irea-list li .ico{width: 40px;height: auto;vertical-align: middle;}
.irea .irea-list li:last-child{border-right: none;}
.irea .irea-list li strong{margin-top: 20px;margin-bottom: 15px; color: #000;font-size: 24px;}
.irea .irea-list li .txt-c{width: 100%;height: auto;}
.irea .irea-list li .more{display: block; opacity: 0;margin-top:25%; width: 100%;height: auto;color: #EC7700;font-size: 16px;}
.irea .irea-list li .more i{display: inline-block;vertical-align: middle;width:18px;height: auto;margin-left: 10px;}
.irea .irea-list li.hover{background: #1439A2;border-right:15px solid #EC7700 !important;}
.irea .irea-list li.hover strong{color: #FFFFFF;}
.irea .irea-list li.hover  .more{opacity: 1;}
.irea .irea-list li.hover .txt-c p{color: #FFFFFF;}
@media only screen and (max-width:1680px) {
	.irea .irea-list li strong{font-size: 22px;}
}

@media only screen and (max-width:1440px) {
	.irea .irea-list li strong{font-size: 20px;}
	.irea .irea-list li.hover{border-right:10px solid #EC7700 !important;}
	.irea .irea-list li .more{font-size: 15px;}
	.irea .irea-list li .more i{width: 15px;}
}

@media only screen and (max-width:1280px) {
	.irea .irea-list li strong{font-size: 18px;}
	.irea .irea-list li .ico{width: 35px;}
}

@media only screen and (max-width:1024px) {
	.irea .irea-list li strong{font-size: 16px;}
	.irea .irea-list li .ico{width: 30px;}
	.irea .irea-list li .more i{margin-left: 5px;}
	.irea .irea-list li .more{font-size: 14px;}
	.irea .irea-list li .more i{width: 13px;}
}
@media only screen and (max-width:720px) {
	.irea .irea-list{background: none;}
	.irea .irea-list li{width:100%;background: #f0f4f7; padding: 25px 5%;margin-bottom: 10px;border-right: none;}
	.irea .irea-list li .ico{width: 25px;}
	.irea .irea-list li .more{margin-top: 35px;}
	.irea .irea-list li:nth-child(4),.irea .irea-list li:nth-child(5){width: 100% !important;}
}

.tain{width: 100%;height: auto;background-size: cover;background-repeat: no-repeat;background-position: center;}
.tain .title h2{color: #FFFFFF;}
.tain .title{text-align: center;}
.tain .tain-list{width: 100%;height: auto;font-size: 0;}
.tain .tain-list li{text-align: center; display: inline-block;width: calc(16.6% - 15px);vertical-align: top;margin-right: 18px;}
.tain .tain-list li .num{line-height: 1.1; font-size: 110px;color: rgba(255,255,255,0.05);font-family: arial; width: 100%;position: relative;z-index: 0; height: auto;background: rgba(255,255,255,0.1);border-radius: 10px;border-bottom-left-radius: 0;}
.tain .tain-list li .num:before{content: "";position: absolute;width: 52px;height: 9px;background:url(../img/a073.png)center no-repeat;background-size: cover;left: -35px;top:calc(50% - 4.5px);}
.tain .tain-list li:first-child .num:before{display: none;}
.tain .tain-list li .num b{z-index: 1; font-size: 24px;color: #FFFFFF;position: absolute;left: 0;top: 50%;width: 100%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);}
.tain .tain-list li:last-child{margin-right: 0;}
.tain .tain-list li .con{width: 100%;position: relative; height: auto;margin-top: 18px;}
.tain .tain-list li .con:before{content: "";position: absolute;top: 0;left: 0;width: 1px;height:calc(100% - 7px);background: rgba(255,255,255,0.6);}
.tain .tain-list li .con  p{color:rgba(255,255,255,0.5); display: block; width: 100%;height: auto;font-size: 16px;margin-bottom: 10px;line-height: 60px; border-radius: 10px;border-top-left-radius: 0; border: 1px solid rgba(255,255,255,0.6);border-left: none;}
.tain .tain-list li:hover .num{background: #1439a2;}
.tain .tain-list li:hover .num b{color: #ef7700;}
.tain .tain-list li:hover .con span{color: #FFFFFF;border-color: #FFFFFF;}
.tain .tain-list li:hover .con:before{background: #FFFFFF;}

@media only screen and (max-width:1680px) {
	.tain .tain-list li .num {font-size: 90px;}
	.tain .tain-list li .num b{font-size: 22px;}
}
@media only screen and (max-width:1440px) {
		.tain .tain-list li .num {font-size: 80px;}
	.tain .tain-list li .num b{font-size: 20px;}
	.tain .tain-list li{width: calc(16.6% - 10px);margin-right: 12px;}
	.tain .tain-list li .num:before{left: -32px;}
	.tain .tain-list li .con  p{font-size: 15px;line-height: 55px;}
}

@media only screen and (max-width:1280px) {
			.tain .tain-list li .num {font-size:70px;}
	.tain .tain-list li .num b{font-size: 18px;}
	.tain .tain-list li .con  p{font-size: 14px;line-height: 45px;}
	
}

@media only screen and (max-width:1024px) {	
			.tain .tain-list li .num {font-size:55px;}
	.tain .tain-list li .num b{font-size: 16px;}
		.tain .tain-list li .con  p{font-size: 14px;line-height: 40px;}
}
@media only screen and (max-width:720px) {
			.tain .tain-list li .num {font-size:40px;}
	.tain .tain-list li .num b{font-size: 14px;}	
	.tain .tain-list li{width: calc(16.6% - 2px);margin-right: 2.4px;}
	.tain .tain-list li .num:before{width: 26px;height: 4.5px;top: calc(50% - 2.25px);left: -14.2px;background-size: 26px 4.5px;}
		.tain .tain-list li .con  p{font-size: 12px;line-height: 30px;}
}


.ensure{width: 100%;height: auto;}
.ensure .ensure-sort{background: #dce1f1; font-size: 0; border-top:15px solid #1439A2; width: 100%;height: auto;border-top-right-radius: 10px;}
.ensure .ensure-sort li{font-size: 20px;font-weight: bolder; line-height: 70px;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px; text-align: center; display: inline-block;width: 25%;vertical-align: top;border-right}
.ensure .ensure-sort li i{width: 20px;display: inline-block;vertical-align: middle;}
.ensure .ensure-sort li i .img2{display: none;}
.ensure .ensure-sort li:hover{background:#1439A2;color: #FFFFFF;}
.ensure .ensure-sort li:hover i{width: 25px; padding: 5px; background: url(../img/a028.png)center no-repeat;background-size: cover;}
.ensure .ensure-sort li:hover i .img2{display: block;}
.ensure .ensure-sort li:hover i .img1{display: none;}


.ensure .ensure-sort li.cut{background:#1439A2;color: #FFFFFF;}
.ensure .ensure-sort li.cut i{width: 25px; padding: 5px; background: url(../img/a028.png)center no-repeat;background-size: cover;}
.ensure .ensure-sort li.cut i .img2{display: block;}
.ensure .ensure-sort li.cut i .img1{display: none;}

.ensure  .title{text-align: center;}
.ensure .ensure-box{background: #FFFFFF;padding: 5%; width: 100%;height: auto;}
.ensure .ensure-box .ensure-list{display: none; overflow: hidden; width: 100%;height: auto;}
.ensure .ensure-box .ensure-list .pic{width: 40%;float: left;height: auto;}
.ensure .ensure-box .ensure-list .pic img{border-radius: 10px;border-bottom-right-radius: 0;}
.ensure .ensure-box .ensure-list .con{width: 60%;float: right;padding-left: 5%;}
.ensure .ensure-box .ensure-list .con .li{margin-bottom: 25px;width: 100%;}
.ensure .ensure-box .ensure-list .con h6{font-size: 18px;color: #000000;margin-bottom: 10px;}
.ensure .ensure-box .ensure-list .con span{color: #EC7700;font-family: arial;margin-right: 5px;}

@media only screen and (max-width:1680px) {
	.ensure .ensure-sort li{font-size: 18px;line-height: 60px;}
}
@media only screen and (max-width: 1440px) {
	.ensure .ensure-sort{border-top: 10px solid #1439A2;}
.ensure .ensure-sort li{font-size: 16px;line-height: 55px;}
.ensure .ensure-box .ensure-list .con h6{font-size: 16px;}
}
@media only screen and (max-width:1280px) {
	.ensure .ensure-box .ensure-list .con h6{font-size: 15px;}
	.ensure .ensure-sort li{font-size: 15px;line-height: 50px;}
}
@media only screen and (max-width:1024px) {	
	.ensure .ensure-box .ensure-list .pic{width: 100%;margin-bottom:35px;}
	.ensure .ensure-box .ensure-list .con{width: 100%;padding-left: 0;}
	.ensure .ensure-sort li{font-size: 14px;line-height: 45px;}
}
@media only screen and (max-width:720px) {	
	.ensure .ensure-sort li i{width: 15px;}
	.ensure .ensure-sort li:hover i{width: 15px;}
	.ensure .ensure-sort li.cut i {width: 15px;}
	.ensure .ensure-sort li{font-size: 13px;line-height: 35px;}
}


.lab{width: 100%;height: auto;}
.lab .title{width:100%;height: auto;text-align: center;}
.lab .lab-c{position: relative; width: 100%;height: auto;}
.lab .lab-c  .lab-js{width: 100%;height: auto;}
.lab .lab-c  .lab-js .swiper-slide{overflow: hidden; position: relative; width: 100%;height: auto;}
.lab .lab-c  .lab-js .swiper-slide .pic{width:calc(66.5% - 0px);border-radius: 10px;border-bottom-right-radius: 0; float: left; height: auto;position: relative;background-size: cover;background-position: center;background-repeat: no-repeat;}
.lab .lab-c  .lab-js .swiper-slide .pic .bks{border-radius: 10px;border-bottom-right-radius: 0; position: absolute;top: 0;left: 0; width: 100%;height:100%;background-size: cover;background-repeat: no-repeat;background-position: center bottom;}
.lab .lab-c  .lab-js .swiper-slide .pic .bks p{font-size: 20px;font-weight: bolder; position: absolute;left: 0;width: 100%;bottom: 45px; color: #FFFFFF;text-align: center;}
.lab .lab-c  .lab-js .swiper-slide .pic:nth-child(2){border-radius: 10px;border-bottom-right-radius: 0; width:calc(33.5% - 20px);margin-bottom: 20px; float: right;}
.lab .lab-c  .lab-js .swiper-slide .pic:nth-child(3){border-radius: 10px;border-bottom-right-radius: 0; width:calc(33.5% - 20px);float: right;}

.lab .lab-c .swiper-button-prev {
    background-image: url(../img/a044.png);
    left: -35px;
    right: auto;
}
.lab .lab-c .swiper-button-next{
    background-image: url(../img/a045.png);
    right: -35px;
    left: auto;
}
.lab .lab-c .swiper-button-next,.lab .lab-c .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 25px;
    height: 35px;
    margin-top: -17.5px;
    z-index: 10;
    cursor: pointer;
    background-size: 25px 35px;
    background-position: center;
    background-repeat: no-repeat;
}


@media only screen and (max-width:1680px) {
	.lab .lab-c  .lab-js .swiper-slide .pic .bks p{font-size: 18px;}
}
@media only screen and (max-width:1440px) {
	.lab .lab-c  .lab-js .swiper-slide .pic .bks p{font-size: 16px;bottom: 35px;}
	.lab .lab-c  .lab-js .swiper-slide .pic{width:calc(66.5% - 0px);}
	.lab .lab-c  .lab-js .swiper-slide .pic:nth-child(2){margin-bottom: 10px;width: calc(33.5% - 10px);}
	.lab .lab-c  .lab-js .swiper-slide .pic:nth-child(3){width: calc(33.5% - 10px);}
}
@media only screen and (max-width:1280px) {
	.lab .lab-c  .lab-js .swiper-slide .pic .bks p{font-size: 15px;}
}
@media only screen and (max-width:1024px) {
	.lab .lab-c  .lab-js .swiper-slide .pic .bks p{font-size: 14px;bottom: 25px;}
	.lab .lab-c .swiper-button-prev {left: 0px; right: auto;}
.lab .lab-c .swiper-button-next{right:0px;left: auto;}
}
@media only screen and (max-width:720px) {
	.lab .lab-c  .lab-js .swiper-slide .pic{margin-bottom: 10px;width: 100%;}
	.lab .lab-c  .lab-js .swiper-slide .pic:nth-child(2){width: 100%;}
	.lab .lab-c  .lab-js .swiper-slide .pic:nth-child(3){width: 100%;}
}


.service{width:100%;height: auto;}
.service .title{text-align: center;}
.service .ser-sort{width: 100%;height: auto;font-size: 0;text-align:center;margin-top: 35px;}
.service .ser-sort li{ display: inline-block;margin: 0 5px;font-size: 18px; padding: 7px 2%;border-radius: 10px;border-bottom-right-radius: 0; vertical-align: top;}
.service .ser-sort li a{color: #000000;}
.service .ser-sort li:hover a{color: #FFFFFF;}
.service .ser-sort li:hover{background:#1439A2;}
.service .ser-sort li.cut a{color: #FFFFFF;}
.service .ser-sort li.cut{background:#1439A2;}

.service .service-c{font-size: 0; width: 100%;height: auto;}
.service .service-c  .servicelist li{padding-top: 380px; position: relative;z-index: 0; width:31.5%;margin-right: 40px;border-radius: 10px;border-bottom-right-radius: 0;overflow: hidden; margin-bottom: 40px;height: auto;display:inline-block;vertical-align: top;}
.service .service-c  .servicelist li:nth-child(3n){margin-right: 0;}
.service .service-c  .servicelist li .pic{position: absolute;top: 0;left: 0;z-index: -1; width: 100%;height: 380px;background-size: cover;background-repeat: no-repeat;background-position: center;}
.service .service-c  .servicelist li .content{padding: 45px 5%; width: 100%;height:auto;background: #f0f4f7;}
.service .service-c  .servicelist li .content strong{color:#000000;font-size: 24px;margin-bottom: 20px;}
.service .service-c  .servicelist li .content >.txt-c{width: 100%;height: 45px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.service .service-c  .servicelist li .content .con{ width: 100%;max-height: 160px;overflow-y: auto;overflow-x: hidden; margin-top: 35px;}
.service .service-c  .servicelist li .content .con h6{font-size: 20px;color: #FFFFFF;}
.service .service-c  .servicelist li .content .con>.txt-c{width: 100%;height: auto;margin-top: 10px;}
.service .service-c  .servicelist li .content .con>.txt-c p{color: #FFFFFF;margin-bottom: 10px; padding-left: 10px;position: relative;}
.service .service-c  .servicelist li .content .con>.txt-c p:before{content: "";position: absolute;left: 0;width: 6px;height: 6px;background: #FFFFFF;border-radius: 100%;top: 8px;}
.service .service-c  .servicelist li .content  .more{margin-top: 35px;display: block; width: 100%;height: auto;color: #1439A2;font-size: 16px;}
.service .service-c  .servicelist li .content .more i{width: 18px;height: auto;vertical-align: middle;display: inline-block;}
.service .service-c  .servicelist li .content  .more i .img2{display: none;}
.service .service-c  .servicelist li .content2{display: none;}
.service .service-c  .servicelist li .content2 strong{color: #FFFFFF;}
.service .service-c  .servicelist li .content2 .txt-c p{color: #FFFFFF;}
.service .service-c  .servicelist li .content2 .more{margin-top: 15%; color: #FFFFFF;}
.service .service-c  .servicelist li .content2 .more i .img2{display:block;}
.service .service-c  .servicelist li .content2 .more i .img1{display: none;}

.service .service-c  .servicelist li:hover .pic{z-index: 1; width: 100%;height: 100%;}
.service .service-c  .servicelist li:hover{border-right:15px solid #EC7700;}
.service .service-c  .servicelist li:hover .content2{z-index: 2; display: block; background-size: cover;background-repeat: no-repeat; position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(20,57,162,0.85);}

.service .service-c  .servicelist li .content .con::-webkit-scrollbar {
            width: 3px; 
            height: 10px;
        }
.service .service-c  .servicelist li .content .con::-webkit-scrollbar-thumb {
            border-radius: 5px;
            -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0);
            background:#ec7700;
        }
.service .service-c  .servicelist li .content .con::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
                    border-radius: 5px;
            background: #fff;}


#pages{width: 100%;height: auto;margin-top: 25px;text-align: center;}
#pages li{display:inline-block !important;width: auto !important; color:#1439A2; vertical-align: middle;margin: 0 15px;font-size: 20px;font-family: arial;}
#pages li a{color:#1439A2;}
#pages li img{width: 15px;height: auto;}
#pages li:hover{color: #EC7700;}
#pages li:hover a{color: #EC7700;}
#pages li.active{color: #EC7700;}







.bread{position: relative;}
.bread .sol-logo{width: 100px;height: auto;position: absolute;right: 8%;top: 35px;}


@media only screen and (max-width:1820px) {
	.bread .sol-logo{right: 6%;}
}

@media only screen and (max-width:1680px) {
	.service .service-c  .servicelist li .content strong{font-size: 22px;}
	.service .service-c  .servicelist li .content .con h6{font-size: 18px;}
	.service .service-c  .servicelist li{padding-top: 350px;}
	.service .service-c  .servicelist li .pic{height: 350px;}
	.fy a{font-size: 18px;}
	.fy a img{width: 14px;}
	.service .ser-sort li{font-size: 16px;}
	
	
}
@media only screen and (max-width:1440px) {
	.service .service-c  .servicelist li .content strong{font-size: 20px;}
	.service .service-c  .servicelist li .content .con h6{font-size: 16px;}
	.service .service-c  .servicelist li{padding-top: 320px;width:31.5;margin-right: 30px;margin-bottom: 30px;}
	.service .service-c  .servicelist li .pic{height: 320px;}
	.service .service-c  .servicelist li:hover{border-right:10px solid #EC7700;}
	.service .service-c  .servicelist li .content{padding: 40px 5%;}
	.service .service-c  .servicelist li .content  .more{font-size: 15px;}
	.service .service-c  .servicelist li .content .more i{width: 15px;}
	.fy a{font-size: 16px;}
	.fy a img{width: 12px;}
	.service .ser-sort li{font-size: 15px;}
	.bread .sol-logo{width: 80px;}
	
}
@media only screen and (max-width:1280px) {
	.service .service-c  .servicelist li .content strong{font-size: 18px;}
	.service .service-c  .servicelist li .content .con h6{font-size: 15px;}
	.service .service-c  .servicelist li{padding-top:280px;width: calc(50% - 10px);margin-right: 20px;margin-bottom: 20px;}
	.service .service-c  .servicelist li .pic{height:280px;}
	.service .service-c  .servicelist li .content{padding: 35px 5%;}
	.fy a{font-size: 15px;}
}
@media only screen and (max-width:1024px) {
	.service .service-c  .servicelist li .content strong{font-size: 16px;}
	.service .service-c  .servicelist li{padding-top:250px;width: calc(50% - 5px);margin-right: 10px;margin-bottom: 10px;}
	.service .service-c  .servicelist li .pic{height:250px;}
	.service .service-c  .servicelist li .content  .more{font-size: 14px;margin-top: 20px;}
	.service .service-c  .servicelist li .content .more i{width: 12px;}
	.service .ser-sort li{font-size: 14px;}
	.bread .sol-logo{width: 60px;}
	.bread .sol-logo{right: 5%;}
	
}
@media only screen and (max-width:720px) {
	.service .service-c  .servicelist li{padding-top:180px;width:100%;margin-right: 10px;margin-bottom: 10px;}
	.service .service-c  .servicelist li .pic{height:180px;}
}


.solution{width: 100%;height: auto;}
.solution .title{text-align: center;}
.solution ul{width: 100%;height: auto;}
.solution ul li{margin-bottom: 50px; position: relative; overflow: hidden;background: #f0f4f7;  width: 100%;height: auto;border-radius: 10px;border-bottom-right-radius: 0;}
.solution ul li .con{padding: 5%; width:35%;float: left;}
.solution ul li .con .logo{width: 200px;height: auto;}
.solution ul li .con .logo .img2{display: none;}
.solution ul li .con strong {display:block; font-size: 24px;color: #000000;margin-top: 45px;}
.solution ul li .con .txt-c{ width: 100%;height: auto;margin-top:25px;}
.solution ul li .con .more{display: block;margin-top: 45px;color: #1439a2;font-size: 18px;font-weight: bolder;}
.solution ul li .con .more i{display: inline-block;vertical-align: middle;width: 18px;}
.solution ul li .con .more i .img2{display: none;}
.solution ul li .pic{position: absolute;width:65%;right: 0; height:100%;background-size: cover;background-repeat: no-repeat;background-position: center; top: 0;border-radius: 10px;border-bottom-right-radius:0;}
.solution ul li:nth-child(2n) .pic{left: 0;right: 0;}
.solution ul li:nth-child(2n) .con{float: right;}
.solution ul li:hover{background: #1439a2;}
.solution ul li:hover .con .logo .img2{display: block;}
.solution ul li:hover .con .logo .img1{display: none;}
.solution ul li:hover .con{border-left: 15px solid #ec7700;}
.solution ul li:hover .con .more{color: #FFFFFF;}
.solution ul li:hover strong{color: #FFFFFF;}
.solution ul li:hover .con .txt-c p{color: #FFFFFF;}
.solution ul li:hover .con .more i .img1{display: none;}
.solution ul li:hover .con .more i .img2{display: block;}
.solution ul li:nth-child(2n):hover .con{border-left: none; border-right: 15px solid #ec7700;}


@media only screen and (max-width:1680px) {	
.solution ul li .con strong{font-size: 22px;}
	.solution ul li .con .more{font-size: 16px;}
	.solution ul li .con .more i{width: 16px;}
	.solution ul li{margin-bottom: 45px;}
}
@media only screen and (max-width:1440px) {
.solution ul li .con strong{font-size: 20px;}
	.solution ul li .con .logo{width: 180px;}
	.solution ul li:hover .con{border-left: 10px solid #ec7700;}
	.solution ul li:nth-child(2n):hover .con{border-left: none; border-right: 10px solid #ec7700;}
.solution ul li{margin-bottom: 40px;}
}
@media only screen and (max-width:1280px) {
.solution ul li .con strong{font-size: 18px;}	
		.solution ul li .con .more{font-size: 15px;}
	.solution ul li .con .more i{width: 15px;}
	.solution ul li .con .logo{width: 160px;}	
	.solution ul li .con{width: 40%;}
	.solution ul li .pic{width: 60%;}
	.solution ul li{margin-bottom: 35px;}
}
@media only screen and (max-width:1024px) {	
.solution ul li .con strong{font-size: 16px;}
		.solution ul li .con .more{font-size: 14px;}
	.solution ul li .con .more i{width: 14px;}
	.solution ul li .con .logo{width: 140px;}	

	.solution ul li .con{width: 50%;}
	.solution ul li .pic{width: 50%;}
	.solution ul li{margin-bottom: 25px;}
}
@media only screen and (max-width:720px) {
	.solution ul li{margin-bottom: 10px;position:relative;padding-top: 150px;}
	.solution ul li a{display: block;position: static;}
	.solution ul li .con{width:100%;height: auto;padding: 35px 5%;}
.solution ul li .con strong {margin-top: 25px;}
	.solution ul li .con .more{margin-top: 30px;}
	.solution ul li .pic{width:100%;height: 150px !important;display: block;}	
}

.item{width: 100%;height: auto;}
.item .item-c{width: 100%;border-radius: 10px;padding: 5%; border-bottom-right-radius:0;border-right:15px solid #EC7700; height: auto;background-size: cover;background-repeat: no-repeat;background-position: center;}
.item .item-c .summy{width: 100%;height: auto;margin-top: 25px;}
.item .item-c .summy p{font-size: 16px;color: #000000;}
.item .item-c .txt-c{width: 100%;height: auto;font-size: 0;}
.item .item-c .txt-c p{width: calc(50% - 40px);margin-right:80px;display: inline-block;margin-bottom: 30px;vertical-align: top;}
.item .item-c .txt-c p:nth-child(2n){margin-right: 0;}
.item .item-c .txt-c p strong{padding-left: 25px;margin-bottom: 10px; position: relative;display: block;color: #1439A2;font-size: 20px;}
.item .item-c .txt-c p strong:before{content: "";position: absolute;left: 0;top:10px;width: 8px;height: 8px;background: #1439A2;border-radius: 100%;}







.form2{width: 100%;height: auto;background: #f0f4f7;}
.seradv{width: 100%;height: auto;background-size: cover;background-repeat: no-repeat;background-position: center;}
.seradv .bks{width: 100%;height: auto;background:rgba(32,35,78,0.75);}
.seradv .txt-c{width: 100%;height: auto;overflow: hidden;font-size: 0;}
.seradv .txt-c p{color: #FFFFFF; width: calc(25% - 60px);vertical-align: top;margin: 40px 0; margin-right:80px; display: inline-block;vertical-align: top;}
.seradv .txt-c p:nth-child(4n){margin-right: 0;}
.seradv .txt-c p strong{display: block;font-size: 20px;margin-bottom: 10px;}

@media only screen and (max-width:1680px) {
	.seradv .txt-c p strong{font-size: 18px;}
	.item .item-c .txt-c p strong{font-size: 18px;}
}
@media only screen and (max-width:1440px) {
.seradv .txt-c p strong{font-size: 16px;}
.seradv .txt-c p{width: calc(25% - 45px);margin: 30px 0;margin-right: 60px;}
.item .item-c .txt-c p strong{font-size: 16px;}
.item .item-c .summy p{font-size: 15px;}
.item .item-c{border-right: 10px solid #ec7700;}
.item .item-c .txt-c p{width: calc(50% - 30px);margin-right: 60px;}
}
@media only screen and (max-width:1280px) {
.seradv .txt-c p strong{font-size: 15px;}
.seradv .txt-c p{width: calc(25% - 30px);margin: 20px 0;margin-right: 40px;}
.item .item-c .summy p{font-size: 14px;}
.item .item-c .txt-c p{width: calc(50% - 20px);margin-right: 40px;}
}
@media only screen and (max-width:1024px) {
.seradv .txt-c p strong{font-size: 14px;}
.seradv .txt-c p{width: calc(25% - 15px);margin: 10px 0;margin-right: 20px;}
.item .item-c .txt-c p strong{font-size: 14px;}
.item .item-c .summy p{font-size: 13px;}
}
@media only screen and (max-width:720px) {
	.seradv .txt-c p{width: calc(50% - 10px);margin-bottom: 15px;margin-right: 20px;}
	.seradv .txt-c p:nth-child(4n){margin-right: 20px;}
	.seradv .txt-c p:nth-child(2n){margin-right: 0;}
	.item .item-c .txt-c p{width: 100%;}
	.item .item-c .txt-c p strong{padding-left: 15px;}
	.item .item-c .txt-c p strong:before{width: 6px;height: 6px;}
	.item .item-c{padding: 35px 5%;}
}

.cert{width: 100%;height: auto;}
.cert .cert-l{width: 35%;padding-right: 8%; float: left;position: relative;padding-bottom:10%;}
.cert .cert-l .txt-c{margin-top: 35px;}
.cert .cert-r{width: 65%;float: right;height: auto;}
.cert .cert-r .cert-js{width: 100%;height: auto;}
.cert .cert-r .cert-js .pic{cursor:zoom-in; width: 100%;height: auto;}
.cert .cert-r .cert-js .pic .ma{width: 100%;height: auto;overflow:hidden; background-size:100% auto;background-position:center; background-repeat: no-repeat;}
.cert .cert-r .cert-js .pic .ma img{width:100%;height:auto}
.cert .cert-r .cert-js .pic .bg{display: none; width: 100%;height:auto;position: absolute;top:0;left: 0;}
.cert .cert-r .cert-js .pic .bg .con{position: absolute;top: 50%;height: auto;text-align: center;width: 100%;padding: 0 5%;
transform: translateY(-50%);-webkit-transform:translateY(-50%);-moz-webkit-transform:translateY(-50%);-ms-webkit-transform:translateY(-50%);-o-webkit-transform:translateY(-50%);}
.cert .cert-r .cert-js .pic .bg .con img{display: block;width:30px;height:auto;margin: 0 auto;}
.cert .cert-r .cert-js .pic .bg .con p{font-size: 16px;color: #FFFFFF;font-weight: bolder;margin-top: 10px;}
.cert .cert-r .cert-js .pic:hover .bg{display: block;}
.cert .cert-l .swiper-button-next {
    background-image: url(../img/a045.png);
    right: auto;
    left: 40px;
}
.cert .cert-l .swiper-button-prev{
    background-image: url(../img/a044.png);
    left: 0px;
    right: auto;
}

.cert .cert-l .swiper-button-next,.cert .cert-l .swiper-button-prev {
    position: absolute;
    top: auto;
    bottom: 0;
    width: 25px;
    height: 35px;
    margin-top: -0px;
    z-index: 10;
    cursor: pointer;
    background-size: 25px 35px;
    background-position: center;
    background-repeat: no-repeat;
}
.cert .cert-l .swiper-button-next.swiper-button-disabled,.cert .cert-l .swiper-button-prev.swiper-button-disabled {
    opacity: 0.4;
    cursor: auto;
    pointer-events: none;
    -webkit-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    -o-filter:grayscale(100%);
    filter:grayscale(100%);
    filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)
    
}





@media only screen and (max-width:1024px) {
}
@media only screen and (max-width:720px) {
	.cert .cert-l .swiper-button-next,.cert .cert-l .swiper-button-prev {bottom: auto;top: 0; width: 20px;height:28px;background-size: 20px 28px;}
.cert .cert-l{width: 100%;height: auto;padding-right: 0;}
.cert .cert-r{width: 100%;height:auto;}


.cert .cert-l .swiper-button-next {
    left: auto;
    right: 0;
}
.cert .cert-l .swiper-button-prev{
    left: auto;
    right: 35px;

}

}







.related{width: 100%;height: auto;}
.related .related-js{width: 100%;height: auto;}
.related .related-js .li{padding-top: 380px; position: relative;z-index: 0;border-radius: 10px;border-bottom-right-radius: 0;overflow: hidden;height: auto;}
.related .related-js .li .pic{position: absolute;top: 0;left: 0;z-index: -1; width: 100%;height: 380px;background-size: cover;background-repeat: no-repeat;background-position: center;}
.related .related-js .li .content{padding: 45px 5%; width: 100%;height:auto;background: #f0f4f7;}
.related .related-js .li .content strong{color:#000000;font-size: 24px;margin-bottom: 20px;}
.related .related-js .li .content >.txt-c{width: 100%;height: auto;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.related .related-js .li .content .con{ width: 100%;height: auto;margin-top: 35px;}
.related .related-js .li .content .con h6{font-size: 20px;color: #FFFFFF;}
.related .related-js .li .content .con>.txt-c{width: 100%;height: auto;margin-top: 10px;}
.related .related-js .li .content .con>.txt-c p{color: #FFFFFF;margin-bottom: 10px; padding-left: 10px;position: relative;}
.related .related-js .li .content .con>.txt-c p:before{content: "";position: absolute;left: 0;width: 6px;height: 6px;background: #FFFFFF;border-radius: 100%;top: 8px;}
.related .related-js .li .content  .more{margin-top: 35px;display: block; width: 100%;height: auto;color: #1439A2;font-size: 16px;}
.related .related-js .li .content .more i{width: 18px;height: auto;vertical-align: middle;display: inline-block;}
.related .related-js .li .content  .more i .img2{display: none;}
.related .related-js .li .content2{display: none;}
.related .related-js .li .content2 strong{color: #FFFFFF;}
.related .related-js .li .content2 .txt-c p{color: #FFFFFF;}
.related .related-js .li .content2 .more{margin-top: 15%; color: #FFFFFF;}
.related .related-js .li .content2 .more i .img2{display:block;}
.related .related-js .li .content2 .more i .img1{display: none;}

.related .related-js .li:hover .pic{z-index: 1; width: 100%;height: 100%;}
.related .related-js .li:hover{border-right:15px solid #EC7700;}
.related .related-js .li:hover .content2{z-index: 2; display: block; background-size: cover;background-repeat: no-repeat; position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(20,57,162,0.85);}
.related .related-top{width: 100%;height: auto;position: relative;}
.related .related-top .swiper-button-next{
    background-image: url(../img/a045.png);
    right: 0px;
    left: auto;
}
.related .related-top .swiper-button-prev{
    background-image: url(../img/a044.png);
    right: 50px;
    left: auto;
}

.related .related-top .swiper-button-next, .related .related-top .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 25px;
    height: 35px;
    margin-top: -17.5px;
    z-index: 10;
    cursor: pointer;
    background-size: 25px 35px;
    background-position: center;
    background-repeat: no-repeat;
}



.related .related-top .swiper-button-next.swiper-button-disabled,.related .related-top .swiper-button-prev.swiper-button-disabled {
    opacity: 0.4;
    cursor: auto;
    pointer-events: none;
    -webkit-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    -o-filter:grayscale(100%);
    filter:grayscale(100%);
    filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)
    
}



@media only screen and (max-width:1680px) {
.related .related-js .li .content strong{font-size: 22px;}
.related .related-js .li .content .con h6{font-size: 18px;}
.related .related-js .li{padding-top: 350px;}
.related .related-js .li .pic{height: 350px;}	
}
@media only screen and (max-width:1440px) {
.related .related-js .li .content strong{font-size: 20px;}
.related .related-js .li .content .con h6{font-size: 16px;}
.related .related-js .li{padding-top: 320px;}
.related .related-js .li .pic{height: 320px;}
.related .related-js .li:hover{border-right:10px solid #EC7700;}
.related .related-js .li .content{padding: 40px 5%;}
.related .related-js .li .content  .more{font-size: 15px;}
.related .related-js .li .content .more i{width: 15px;}	
}
@media only screen and (max-width:1280px) {
.related .related-js .li .content strong{font-size: 18px;}
.related .related-js .li .content .con h6{font-size: 15px;}
.related .related-js .li{padding-top:280px;}
.related .related-js .li .pic{height:280px;}
.related .related-js .li .content{padding: 35px 5%;}
}
@media only screen and (max-width:1024px) {
.related .related-js .li .content strong{font-size: 16px;}
.related .related-js .li{padding-top:250px;}
.related .related-js .li .pic{height:250px;}
.related .related-js .li .content  .more{font-size: 14px;margin-top: 20px;}
.related .related-js .li .content .more i{width: 12px;}
}
@media only screen and (max-width:720px) {
.related .related-js .li{padding-top:180px;}
.related .related-js .li .pic{height:180px;}
.related .related-top .swiper-button-prev{right: 40px;}

.related .related-top .swiper-button-next, .related .related-top .swiper-button-prev {
    width: 20px;
    height: 28px;
    margin-top: -14px;
    background-size: 20px 28px;

}
}



.ser-d{width: 100%;height: auto;}
.ser-d .ser-dr{transition: all 0.5s ease; border-radius: 10px;float: right; position: relative; width: 30%; height: 600px;background-size: cover;background-repeat: no-repeat;background-position: center;}
.ser-d .ser-dr ul{width: 100%;color: #FFFFFF;font-size: 0; text-align: center;position: absolute;bottom:15%;}
.ser-d .ser-dr ul li{vertical-align: top; width: 33.3%;display: inline-block;padding: 0 3%;}
.ser-d .ser-dr ul li h6{font-family: arial;font-size: 28px; color: #FFFFFF;margin-bottom: 10px;}
.ser-d .ser-dr ul li P{font-size: 16px;color: rgba(255,255,255,0.6);}
.ser-d .ser-dr .kflj{width: 100px;height: auto;display: block;position: absolute;bottom: -50px;right: -50px;}
.ser-d .ser-dr .vr{position: absolute;width: 100%;padding: 10px 0; top: 50%;left: 0;display:block;text-align: center;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);}
.ser-d .ser-dr .vr img{display: block;margin: 0 auto;width: 100px;height: auto;}
.ser-d .ser-dr .vr p{color: #FFFFFF;font-size: 16px;font-weight: bolder;margin-top: 10px;}

.ser-d .ser-dl{transition: all 0.5s ease; width:62%;height:100%;top: 0;left: 0;position: absolute;}
.ser-d .ser-dl h2 span{display: inline-block;width:38px;height: auto;vertical-align: middle;margin-right: 10px;}
.ser-d .ser-dl .title h4{color: #000000;font-size: 20px;margin-top: 10px;font-weight: normal;}
.ser-d .ser-dl .title{height:80px;}

.ser-d .ser-dl .txt-js{z-index: 22;padding-right:6%; width: 100%;position: absolute;top:100px;padding-bottom: 40px; max-height: calc(100% - 100px); left: 0;}
.ser-d .ser-dl .txt-js h6{font-size: 30px;color: #000000;margin-top: 35px;}
.ser-d .ser-dl .txt-js:before{content: "";position: absolute;bottom: 0;width: 95%;left: 0;height: 40px;z-index: 23; background:url(../img/a090.png)center bottom no-repeat;background-size: cover;}
.ser-d .ser-dc{width: 100%;height: auto;position:relative;}
.ser-d .ser-dl .txt-js .txt-c{width: 100%;height: auto;margin:35px 0;}
.ser-d .ser-dl .txt-js >.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 3px;
    height: 98%;
}    
.ser-d .ser-dl .txt-js .swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    border-radius: 10px;
    left: 0;
    top: 0;
    background: #EC7700;
}

@media only screen and (max-width:1680px) {
	.ser-d .ser-dl .txt-js h6{font-size: 28px;}
	.ser-d .ser-dr ul li h6{font-size: 26px;}
	.ser-d .ser-dr .vr img{width: 90px;}
	.ser-d .ser-dr{height: 550px;}
	.ser-d .ser-dl .title h4{font-size: 18px;}
		
}
@media only screen and (max-width:1440px) {
	.ser-d .ser-dl .txt-js h6{font-size: 26px;}
	.ser-d .ser-dr .kflj{width: 90px;right: -45px;bottom: -45px;}
	.ser-d .ser-dr ul li h6{font-size: 24px;}
	.ser-d .ser-dr ul li p{font-size: 15px;}
	.ser-d .ser-dr .vr img{width: 80px;}
	.ser-d .ser-dr .vr p{font-size: 15px;}
	.ser-d .ser-dr{height: 500px;}
	.ser-d .ser-dl h2 span{width: 36px;}
	.ser-d .ser-dl .title h4{font-size: 16px;}
}

@media only screen and (max-width:1280px) {
	.ser-d .ser-dl .txt-js h6{font-size: 24px;}
	.ser-d .ser-dr .kflj{width: 80px;right: -40px;bottom: -40px;}
		.ser-d .ser-dr ul li h6{font-size: 22px;}
	.ser-d .ser-dr ul li p{font-size: 15px;}
	.ser-d .ser-dr .vr img{width: 60px;}
	.ser-d .ser-dr{height: 450px;}
	.ser-d .ser-dl h2 span{width: 30px;}
	.ser-d .ser-dl .title h4{font-size: 15px;}
}
@media only screen and (max-width:1024px) {
	.ser-d .ser-dl .txt-js h6{font-size: 20px;}
	.ser-d .ser-dr .kflj{width:60px;right: -30px;bottom: -30px;}
			.ser-d .ser-dr ul li h6{font-size:20px;}
	.ser-d .ser-dr ul li p{font-size: 14px;}
	.ser-d .ser-dr .vr img{width: 50px;}
	.ser-d .ser-dr .vr p{font-size: 14px;}
	.ser-d .ser-dr{height: 360px;width: 35%;}
	.ser-d .ser-dl{width: 58%;}
	.ser-d .ser-dl h2 span{width: 28px;}
	.ser-d .ser-dl .title h4{font-size: 14px;}
}
@media only screen and (max-width:720px) {
	.ser-d .ser-dl .txt-js h6{font-size: 18px;}
	.ser-d .ser-dr .kflj{width:50px;right: -15px;bottom: -15px;}
			.ser-d .ser-dr ul li h6{font-size:18px;margin-bottom: 5px;}
			.ser-d .ser-dr ul{bottom: 35px;}
	.ser-d .ser-dr ul li p{font-size: 14px;}
		.ser-d .ser-dl .title{height: auto;}
		.ser-d .ser-dl{width: 100%;position: static;height: auto;}
			.ser-d .ser-dl .txt-js{padding-right: 0;padding-bottom: 0; height: auto;max-height:auto;position: relative;top: auto;}
			.ser-d .ser-dr{width: 100%;margin-top: 25px;height: 220px;}
			.ser-d .ser-dr .vr{top:35%;}
			.ser-d .ser-dl .txt-js .txt-c p{font-size: 12px;}
			.ser-d .ser-dl .txt-js:before{display: none;}
			.ser-d .ser-dl h2 span{width: 25px;}
	
}




.tagbox{width: 100%;height:auto;padding-top:125px;}
.tagbox .tagbox-c{width: 100%;height: auto;font-size: 0; border-top: 1px solid #ececec;}
.tagbox .tagbox-c a{transition: all 0.5s ease; color: #FFFFFF;width: calc(25% - 15px); margin-right: 20px;margin-bottom: 20px; padding:3% 3%; display: inline-block;vertical-align: top;background: #1439A2;border-radius: 10px;border-bottom-right-radius: 0;border-right:15px solid #1439A2;}
.tagbox .tagbox-c a strong{font-size: 20px;color: #FFFFFF;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.tagbox .tagbox-c a h4{text-transform: uppercase;font-size: 16px;margin-top: 10px; color: rgba(255,255,255,0.9);font-family: arial;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.tagbox .tagbox-c a:nth-child(4n){margin-right: 0;}
.tagbox .tagbox-c a:hover{border-color: #EC7700;}
.list{width: 100%;height: auto;}
.list .title{text-align: center;}
.list ul{width: 100%;height: auto;}
.list ul li{transition: all 0.5s ease; position: relative; width: 100%;height: auto;border-radius: 10px;border-bottom-right-radius: 0;border-right: 15px solid;border-color:#f3f3f3; margin-bottom: 25px;background:#f3f3f3;overflow: hidden;}
.list ul li  .key{text-align: center; width:20%;padding: 40px 0; background: #1439A2; height: 100%;position: absolute;left: 0;top: 0;}
.list ul li  .key .date{width: 100%;font-family: arial;color: #FFFFFF;}
.list ul li  .key .date b{line-height: 1; display: block; font-size: 60px;}
.list ul li  .key .date span{font-size: 24px;font-family: "CG";color: rgba(255,255,255,0.6);}
.list ul li  .key a{display: block;margin-top: 35px;color: #FFFFFF;font-size: 24px;}


.list ul li .con{display: block;width:80%;float: right;padding: 45px 5%;}
.list ul li .con strong{color: #000000;width: 100%;font-size: 24px; height:auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.list ul li .con .txt-c{margin: 15px 0 30px 0; width: 100%; height: 72px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.list ul li .con .txt-c p{color: rgba(0,0,0,0.6);}
.list ul li .con .more{font-size: 16px;font-weight: bolder;display: block;color: #EC7700;}
.list ul li .con .more i{width: 16px;height: auto;display: inline-block;vertical-align: middle;}
.list ul li:last-child{margin-bottom: 0;}
.list ul li:hover{border-color: #EC7700;}




.case{width: 100%;height: auto;font-size: 0;}
.case .li{padding-bottom: 35px;background: #F3F3F3; border-radius: 10px;border-bottom-right-radius: 0;overflow: hidden; width: calc(50% - 20px);margin-right: 40px;display: inline-block;vertical-align: top;}
.case .li h6{font-size:30px;text-align: center; color: #FFFFFF;width: 100%;background: #1439A2;padding:35px 5%;}
.case .li:nth-child(2n){margin-right: 0;}
.case .li .con{width: 100%;height: auto;padding: 5% 5% 0 5%;}
.case .label .con a{display: inline-block !important;vertical-align: top;font-size: 16px;background: #FFFFFF;color: #000000; border-radius: 10px;border-bottom-right-radius: 0; padding:6px 25px;height:auto;margin: 10px 3%;}
.case .label .con a:hover{background: #1439A2;color: #FFFFFF;}
.case .ques .con a{font-weight: bolder; display: block;border-bottom: 1px solid #ECECEC;color: #000000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;padding-bottom:20px;margin-bottom: 20px;font-size: 24px;color: #000000;}
.case .ques .con a:hover{color:#1439A2;}


@media only screen and (max-width:1680px) {
	.tagbox .tagbox-c a strong{font-size: 18px;}
	.tagbox .tagbox-c a h4{font-size: 15px;}
	.list ul li  .key .date b{font-size: 55px;}
	.list ul li  .key .date span{font-size: 22px;}
	.list ul li  .key a{font-size: 22px;}
	.list ul li .con strong{font-size: 22px;}
	.case .li h6{font-size: 28px;}	
	.case .ques .con a{font-size: 22px;}
}
@media only screen and (max-width:1440px) {
	.tagbox .tagbox-c a strong{font-size: 16px;}
	.tagbox .tagbox-c a h4{font-size: 14px;}
	.tagbox .tagbox-c a{border-right: 10px solid #1439A2;}
	.tagbox .tagbox-c a{width: calc(25% - 9px);margin-right: 12px;margin-bottom: 12px;padding: 2.5%;}
		.list ul li  .key .date b{font-size: 50px;}
		.list ul li{border-right: 10px solid  #F3F3F3;}
	.list ul li  .key .date span{font-size: 20px;}
	.list ul li  .key a{font-size: 20px;}
	.list ul li .con{padding: 40px 3%;}
	.list ul li .con strong{font-size: 20px;}
	.list ul li .con .more{font-size: 15px;}
	.list ul li .con .more i{width: 14px;}
	.case .li h6{font-size: 26px;padding: 30px 5%;}
	.case .label .con a{font-size: 15px;}
	.case .ques .con a{font-size: 20px;}
		.list ul li .con .txt-c{height:68px;}
}
@media only screen and (max-width:1280px) {
		.tagbox .tagbox-c a strong{font-size: 15px;}
	.tagbox .tagbox-c a h4{font-size: 13px;}
		.list ul li  .key .date b{font-size:45px;}
	.list ul li  .key .date span{font-size: 18px;}
	.list ul li  .key a{font-size:18px;}
	.list ul li .con{padding: 35px 3%;}
	.list ul li .con strong{font-size: 18px;}
	.case .li h6{font-size: 24px;padding: 25px 5%;}
	.case .ques .con a{font-size: 18px;}

}
@media only screen and (max-width:1024px) {
	.tagbox{padding-top: 0;}
	
		.list ul li  .key .date b{font-size:40px;}
	.list ul li  .key .date span{font-size: 16px;}
	.list ul li  .key a{font-size:16px;}
	.list ul li .con strong{font-size: 16px;}
	.list ul li .con .more{font-size: 14px;}
	.list ul li .con .more i{width: 12px;}
	.case .li h6{font-size: 20px;padding: 20px 5%;}
	.case .label .con a{font-size: 14px;margin: 10px 2%;padding: 5px 20px;}
	.case .ques .con a{font-size: 16px;padding-bottom: 15px;margin-bottom: 15px;}
	.list ul li .con .txt-c{height: 63px;}
}
@media only screen and (max-width:720px) {
	.tagbox .tagbox-c a{width: calc(50% - 5px);margin-right: 10px;margin-bottom: 10px;}
	.tagbox .tagbox-c a:nth-child(4n){margin-right: 10px;}
	.tagbox .tagbox-c a:nth-child(2n){margin-right: 0;}
	.list ul li{margin-bottom: 10px;}
	.list ul li  .key{width: 100%;position: static;padding:20px 5%;overflow: hidden;}
	.list ul li  .con{width: 100%;}
	.list ul li  .key .date{width: 45%;float: left;}
	.list ul li  .key a{display: block;width: 55%;padding-left: 5%;float: right;}
			.list ul li  .key .date b{font-size:30px;display: inline-block;vertical-align: bottom;}
	.list ul li  .key .date span{font-size: 14px;display: inline-block;vertical-align: bottom;}
	.list ul li  .key a{font-size:16px;margin-top:0px;}
	.list ul li{border-right: none;}
	.list ul li:hover{border-right:10px solid #EC7700;}
	.case .li h6{font-size: 18px;}
	.case .li {width: 100%;margin-bottom: 10px;}
	.list ul li .con .txt-c{height: 59px;}
	
}
