@import url(https://fonts.googleapis.com/css?family=Fjalla+One);
@charset "utf-8";
* { margin: 0; padding: 0 }
body { font-family: "微软雅黑", "Hiragino Sans GB", "Hiragino Sans GB W3", "Microsoft YaHei", Arial, Helvetica, sans-serif; font-size: 1vw; line-height: 2; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; box-sizing: border-box; margin: 0; padding: 0; }
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus, a, a:hover { outline: 0; }
body { color: #333; background-color: #fff; }
body a { text-decoration: none; outline: none; cursor: pointer; -m oz-transition: .5s ease-in;
-webkit-transition: .5s ease-in; -o-transition: .5s ease-in; -ms-transition: .5s ease-in; transition: .5s ease-in; transition: all .5s; color: #333; }
body a:hover { color: #0152a4; outline: none; }
body a.focus { outline: none; }
.pc_block { display: block; }
ul { list-style: none; }
.fl { float: left; }
.fr { float: right; }
.clearfix { clear: both; height: 0px; line-height: 0px; font-size: 0px }
.container { width: 100%; }
.pt60 { padding-top: 3.7rem; }
.pt30 { padding-top: 1.8rem; }
input, textarea, button { font-family: "微软雅黑"; }
input:focus { outline: none; }
textarea:focus { outline: none; }
.clear { clear: both; margin: 0 0; padding: 0 0; }
.fl { float: left; width: auto; overflow: hidden; }
#feedback_form table { float: right; }
#feedback_form table tr td { border: 0; padding: 5px 0; }
#feedback_form table tr td input { padding: 0 10px; }
#feedback_form table tr td textarea { padding: 10px; }
/*图片放大*/
.imgs { display: block; -m oz-transition: .5s ease-in;
-webkit-transition: .5s ease-in; -o-transition: .5s ease-in; -ms-transition: .5s ease-in; transition: .5s ease-in; }
a:hover .imgs { transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -webkit-transform: scale(1.2, 1.2); -o-transform: scale(1.1, 1.1); }
.slideanim { visibility: hidden; }
.slide { /* The name of the animation */ animation-name: slide; -webkit-animation-name: slide; /* The duration of the animation */ animation-duration: 1s; -webkit-animation-duration: 1s; /* Make the element visible */ visibility: visible; }

/* Go from 0% to 100% opacity (see-through) and specify the percentage from when to slide in the element along the Y-axis */
@keyframes slide { 0% {
 opacity: 0;
 -webkit-transform: translateY(70%);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0%);
}
}
@-webkit-keyframes slide { 0% {
 opacity: 0;
 -webkit-transform: translateY(70%);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0%);
}
}
/******header**********/
.phom { display: none; }
header { width: 100%; background: #033692; height: 100px; position: relative; }
header .head { width: 98%; margin: 0 auto; height: 100px; }
header .head .logo { width: 30%; height: 100px; display: block; float: left; background-repeat: no-repeat; background-position-x: center; background-position-y: center; background-size: contain; position: absolute; overflow: hidden; }
header .head .logo a { width: 100%; height: 100px; display: block; overflow: hidden; line-height: 2000px; }
header .head .head_r { width: 66%; height: 100px; float: right; color: #FFF; }
header .head .head_r a { color: #FFF; }
header .head .head_r .head_top { width: 100%; height: 50px; line-height: 50px; }
header .head .head_r .stmenu1 { width: 80px; position: relative; overflow: visible; z-index: 9999; height: 50px; float: right; margin-left: 20px; font-size: 14px; }
header .head .head_r .stmenu1 .xiala { width: 80px; height: 50px; line-height: 50px; }
header .head .head_r .stmenu1 .xiala ol { width: 8px; height: 50px; display: block; background: url(../images/ioc1.png) no-repeat center; float: right; }
header .head .head_r .stmenu1 .child { display: none; width: 100%; position: absolute; top: 50px; right: 0; z-index: 9999; background: #033692; }
header .head .head_r .stmenu1 .child li { width: 100%; height: 25px; line-height: 25px; text-align: center; color: #FFF; border-top: 1px #6997ff solid; }
header .head .head_r .stmenu1 .child li a { color: #FFF; }
header .head .head_r .stmenu2 { width: auto; position: relative; overflow: visible; z-index: 9999; height: 50px; float: right; margin-left: 20px; font-size: 14px; }
header .head .head_r .stmenu2 .xiala { width: auto; height: 50px; line-height: 50px; }
header .head .head_r .stmenu2 .childv { display: none; width: 100px; position: absolute; top: 50px; right: 0; z-index: 9999; background: #FFF; }
header .head .head_r .stmenu3 { width: auto; position: relative; overflow: visible; z-index: 9999; height: 50px; float: right; margin-left: 20px; font-size: 14px; }
header .head .head_r .stmenu3 .xiala { width: auto; height: 50px; line-height: 50px; }
header .head .head_r .stmenu3 .childc { display: none; width: 100%; position: absolute; top: 50px; right: 0; z-index: 9999; background: #033692; }
header .head .head_r .stmenu3 .childc a { width: 100%; height: 25px; line-height: 25px; text-align: center; color: #FFF; border-top: 1px #6997ff solid; display: block; }
header .head .head_r .rec { width: auto; height: 50px; float: right; margin-left: 20px; font-size: 14px; }
/*search*/
header .sea { float: right; height: 50px; line-height: 50px; }
header .sea span i { font-size: 1vw; }
header .sea span { float: left; cursor: pointer; }
header .search { display: none; position: absolute; right: 0; top: 100px; z-index: 99; height: 100vh; width: 100%; background: rgba(54,55,56,0.80); }
header .search .satr { width: 600px; height: 90px; margin: 10% auto 0 auto; position: relative; }
header .search .satr em { position: absolute; right: 10px; top: -30px; z-index: 10; }
header .search .satr em i { border: 1px solid #FFF; padding: 5px; font-weight: normal; cursor: pointer; color: #FFF; }
header .search .satr .sousuo1 { width: 530px; height: 60px; line-height: 60px; border: 0; padding-left: 10px; background: #FFF; float: left; margin-top: 30px; font-size: 20px; }
header .search .sousuo { width: 60px; height: 60px; background: url(../images/ser.png) no-repeat center #1272c3; border: 0; float: left; margin-top: 30px; }
/*menu*/
header .head .head_r .nav { display: block; width: 100%; height: 50px; position: relative; margin: 0 auto; z-index: 999; }
header .head .head_r .nav ul li { float: left; position: relative; box-sizing: border-box; z-index: 999; width: 12.5%; height: 50px; line-height: 50px; font-size: 22px; font-weight: bolder; }
header .head .head_r .nav ul li span { float: right; display: block; line-height: 50px; }
header .head .head_r .nav ul li .f_a { height: 50px; line-height: 50px; display: block; text-align: center; }
header .head .head_r .nav ul li:hover .f_a { background-color: #1272c3; color: #fff; transition: all .3s }
header .head .head_r .nav ul li .s_navbox { display: none; position: absolute; left: 0; width: 100%; background: #1272c3; color: #FFF; z-index: 9999; box-sizing: border-box; line-height: normal; }
header .head .head_r .nav ul li .s_navbox .s_a a { color: #fff; font-size: 15px; display: block; text-align: center; padding: 10px 0; border-top: 1px solid #033692; }
header .head .head_r .nav ul li .s_navbox .s_a a:hover { background-color: #033692; color: #fff; }


/*小于1210大于1025稍微调整下字体*/
@media screen and (max-width: 1210px) and (min-width:1025px) {
body { font-size: 16px; }
header .head .head_r { width: 68%; }
header .head .head_r .nav ul li { font-size: 16px; font-weight: bolder; }
header .head .head_r .nav ul li ul li { font-size: 14px; }
}
/********fixed**********/
header.clone { width: 100%; height: 100px; background: rgba(3,54,146,0.80) top fixed; border-bottom: solid 1px #033692; position: fixed; left: 0; z-index: 100; top: 0; }
header.clone .head .head_r .theme1 .mm-over { background: rgba(18,114,195,0.70); }
header.clone .head .head_r .modern-menu li>ul { background: rgba(18,114,195,0.70); }
.waveWrapper { width: 100%; position: absolute; left: 0; bottom: 0; z-index: 1; overflow: hidden; }
.waveWrapper img { vertical-align: top; }
/***cpzs***/

.cpzs-us { width: 100%; overflow: hidden; padding: 30px 0 50px 0; line-height: normal; text-align: center; }
.cpzs-us img { vertical-align: top; }
.cpzs-us .cpzs_l { width: 23%; overflow: hidden; margin-left: 1%; float: left; background-image: url(../images/cp_bg.jpg); background-repeat: no-repeat; background-position: center top; background-size: 100% 100%; padding: 2rem 0; margin-top: 2rem; }
.cpzs-us .cpzs_l .cpzs_top { width: 88%; overflow: hidden; margin: 0 auto; }
.cpzs-us .cpzs_l .cpzs_top dt { width: 100%; overflow: hidden; font-size: 2vw; font-weight: bolder; }
.cpzs-us .cpzs_l .cpzs_top dt a { color: #033692; }
.cpzs-us .cpzs_l .cpzs_top dd { width: 100%; overflow: hidden; color: #666666; line-height: 2; padding: 20px 0; border-bottom: 1px #cccccc solid; }
.cpzs-us .cpzs_l .cplb { width: 88%; overflow: hidden; margin: 0 auto; padding-top: 18px; }
.cpzs-us .cpzs_l .cplb a { width: 100%; height: 52px; line-height: 52px; display: block; overflow: hidden; position: relative; }
.cpzs-us .cpzs_l .cplb a span { width: 100%; height: 52px; display: block; font-size: 18px; position: absolute; left: 0; top: 0; z-index: 10; text-align: center; }
.cpzs-us .cpzs_l .cplb a i { width: 100%; height: 52px; display: block; background: url(../images/cp_ed.png) repeat; position: absolute; z-index: 3; left: -100%; top: 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; color: #333333; }
.cpzs-us .cpzs_l .cplb a:hover i { left: 0; }
.cpzs-us .cpzs_l .cplb a:hover span { color: #333; }
.cpzs-us .cpzs_l .more { width: 61px; margin: 38px auto 0 auto; display: block; }
/* more */
@-webkit-keyframes pulse { 25% {
 -webkit-transform: scale(1.1);
 transform: scale(1.1);
}
 75% {
 -webkit-transform: scale(0.9);
 transform: scale(0.9);
}
}
 @keyframes pulse { 25% {
 -webkit-transform: scale(1.1);
 transform: scale(1.1);
}
 75% {
 -webkit-transform: scale(0.9);
 transform: scale(0.9);
}
}
.more { display: inline-block; -webkit-transform: translateZ(0); transform: translateZ(0); }
.more:hover, .more:focus, .more:active { -webkit-animation-name: pulse; animation-name: pulse; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
.cpzs-us .cpzs_r { width: 74%; overflow: hidden; float: left; margin-left: 2%; }
.cpzs-us .cpzs_r li { width: 33.33%; overflow: hidden; float: left; }
.cpzs-us .cpzs_r li .cpv { width: 90%; overflow: hidden; border: 1px #efefef solid; background: #FFF; position: relative; z-index: 10; margin: 30px 0; }
.cpzs-us .cpzs_r li .cpv .pic { width: 100%; overflow: hidden; }
.cpzs-us .cpzs_r li .cpv .txta { width: 100%; height: 52px; line-height: 52px; }
.cpzs-us .cpzs_r li .cpv .cpnr { width: 100%; height: calc(100% - 52px); background: url(../images/hy.png) repeat; display: block; position: absolute; left: 0; top: -100%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; z-index: 100; }
.cpzs-us .cpzs_r li .cpv #cpbg { width: 100%; height: 100%; position: relative; }
.cpzs-us .cpzs_r li .cpv #cpbg .border { position: absolute; background: none; transition: all 1s ease-in-out; display: block; }
.cpzs-us .cpzs_r li .cpv #cpbg>.border:nth-of-type(1) { top: 0; left: 0; width: 0; height: 0; border-top: 3px solid white; }
.cpzs-us .cpzs_r li .cpv #cpbg>.border:nth-of-type(2) { top: 0; right: 0; width: 10px; height: 0; border-right: 3px solid white; }
.cpzs-us .cpzs_r li .cpv #cpbg>.border:nth-of-type(3) { bottom: 0; right: 0; width: 0; height: 0; border-bottom: 3px solid white; }
.cpzs-us .cpzs_r li .cpv #cpbg>.border:nth-of-type(4) { bottom: 0; left: 0; width: 0; height: 0; border-left: 3px solid white; }
.cpzs-us .cpzs_r li:hover .cpv .pic img { transition: all ease 1s; transform: scale(1.4); }
.cpzs-us .cpzs_r li:hover .cpv #cpbg .border:nth-of-type(1) { width: 100%; }
.cpzs-us .cpzs_r li:hover .cpv #cpbg .border:nth-of-type(2) { height: 100%; }
.cpzs-us .cpzs_r li:hover .cpv #cpbg .border:nth-of-type(3) { width: 100%; }
.cpzs-us .cpzs_r li:hover .cpv #cpbg .border:nth-of-type(4) { height: 100%; }
.cpzs-us .cpzs_r li .cpv .cpnr p { width: 80%; overflow: hidden; margin: 0 auto; line-height: 36px; color: #FFF; text-align: left; position: absolute; z-index: 100; left: 10%; top: -100%; -webkit-transition: all 1.5s; -moz-transition: all 1.5s; -o-transition: all 1.5s; transition: all 1.5s; opacity: 0; }
.cpzs-us .cpzs_r li .cpv .cpnr .mov { width: 100%; position: absolute; left: 0; bottom: -100%; -webkit-transition: all 1.5s; -moz-transition: all 1.5s; -o-transition: all 1.5s; transition: all 1.5s; padding: 10px 0; z-index: 200; opacity: 0; }
.cpzs-us .cpzs_r li .cpv .cpnr .mov .more { width: 61px; overflow: hidden; margin: 0 auto 0 auto; display: block; }
.cpzs-us .cpzs_r li:hover .cpv { background: #033692; border: 1px #033692 solid; -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.3); box-shadow: 0 15px 30px rgba(0,0,0,0.3); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); }
.cpzs-us .cpzs_r li:hover .cpv .txta a { color: #FFF; }
.cpzs-us .cpzs_r li:hover .cpv .cpnr { top: 0; }
.cpzs-us .cpzs_r li:hover .cpv .cpnr .mov { bottom: 22px; opacity: 1; }
.cpzs-us .cpzs_r li:hover .cpv .cpnr p { top: 15%; opacity: 1; }

/*小于1210大于1025稍微调整下字体*/
@media screen and (max-width: 1210px) and (min-width:1025px) {
.cpzs-us .cpzs_r li { width: 50%; overflow: hidden; float: left; }
.cpzs-us .cpzs_r li:nth-of-type(5), .cpzs-us .cpzs_r li:nth-of-type(6) { display: none; }
}
/***about-us***/
.about-us { width: 100%; padding: 60px 0; background: url(../images/bg1.jpg) no-repeat center top fixed; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; overflow: hidden; }
.about-us .aboutc { width: 1070px; overflow: hidden; margin: 0 auto; line-height: normal; text-align: center; }
.about-us .aboutc .abt { width: 100%; overflow: hidden; color: #009cff; font-size: 30px; }
.about-us .aboutc .sjnr { width: 100%; overflow: hidden; padding-top: 35px; }
.about-us .aboutc .sjnr dl { width: auto; overflow: hidden; float: left; margin: 0 50px; }
.about-us .aboutc .sjnr dl dt { font-size: 60px; font-weight: bolder; color: #FFF; }
.about-us .aboutc .sjnr dl dt span { font-family: "Fjalla One", sans-serif; }
.about-us .aboutc .sjnr dl dd { font-size: 24px; color: #009cff; padding-top: 10px; }
.about-us .aboutc .vdy { width: 100%; margin: 30px auto 0 auto; }
/*小于1210大于1025稍微调整下字体*/
@media screen and (max-width: 1210px) and (min-width:1025px) {
.about-us .aboutc { width: 90%; }
.about-us .aboutc .sjnr dl { margin: 0 45px; }
.about-us .aboutc .sjnr dl dt { font-size: 50px; }
}
/***use-us***/
.use-us { width: 100%; overflow: hidden; line-height: normal; text-align: center; margin-top: 50px; }
.use-us img { vertical-align: top; }
.use-us .user { width: 99%; overflow: hidden; margin: 0 auto; }
.use-us .user .uset { width: 100%; overflow: hidden; background: url(../images/bg2.jpg) no-repeat left top #033692; }
.use-us .us0 { width: 50%; overflow: hidden; float: left; padding: 5% 0 0 0; }
.use-us .us0 .use_top { width: 90%; overflow: hidden; font-size: 36px; font-weight: bolder; margin: 0 auto; }
.use-us .us0 .use_top a { color: #FFF; }
.use-us .us0 dl { width: 90%; overflow: hidden; padding-top: 25px; color: #009cff; font-size: 18px; margin: 0 auto; }
.use-us .us0 dl dt { width: 100%; overflow: hidden; }
.use-us .us0 dl dd { width: 100%; overflow: hidden; padding-top: 15px; }
.use-us .us0 dl dd span { width: 100%; overflow: hidden; display: block; font-size: 26px; }
.use-us .us0 dl dd p { padding-top: 15px; }
.use-us .user .useb { width: 100%; overflow: hidden; background: #FFF; }
.use-us .user .usev { width: 50%; overflow: hidden; float: left; }
.use-us .user .usev .usea { width: 100%; overflow: hidden; }
.use-us .user .userl { width: 25%; overflow: hidden; float: left; }
.use-us .wapuse { display: none; }
.use-us .usdd .use_img { width: 100%; overflow: hidden; }
.use-us .usdd a { width: 100%; height: 100%; display: block; color: #FFF; }
.use-us .usdd i { width: 100%; height: 100%; background: url(../images/ca_ed.png) repeat; display: block; position: absolute; left: 0; top: 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; z-index: 10; }
.use-us .usdd span { width: 100%; overflow: hidden; font-size: 36px; text-align: center; position: absolute; left: 0; top: 40%; z-index: 40; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; transition: all 0.8s; }
.use-us .usdd span a { display: block; color: #FFF; }
.use-us .usdd .nr { width: 100%; height: 100%; background: rgba(0,0,0,0.2); display: block; position: absolute; left: 0; bottom: -100%; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s; z-index: 30; }
.use-us .usdd .nr p { padding-top: 17%; width: 80%; overflow: hidden; margin: 0 auto; font-size: 18px; line-height: 2; }
.use-us .usdd:hover .use_img img { transition: all ease 1s; transform: scale(1.4); }
.use-us .usdd:hover i { top: -100%; }
.use-us .usdd:hover span { top: 20%; }
.use-us .usdd:hover .nr { bottom: 0; color: #FFF; }
.use-us .us1 { width: 50%; overflow: hidden; float: left; position: relative; }
.use-us .us2 { width: 50%; overflow: hidden; float: right; position: relative; }
.use-us .us2.usdd:hover span { top: 10%; }
.use-us .us4 { width: 100%; overflow: hidden; float: left; position: relative; }
.use-us .us5 { width: 25%; overflow: hidden; float: left; position: relative; }
.use-us .us5.usdd .nr p { padding-top: 45%; }
.use-us .us6 { width: 100%; overflow: hidden; position: relative; }
.use-us .us6.usdd:hover span { top: 10%; }
.use-us .us6.usdd .nr p { padding-top: 20%; }
.use-us .cp_bo { width: 100%; overflow: hidden; text-align: center; }
.use-us .cp_bo dt { color: #999999; font-size: 24px; line-height: 2; padding-top: 10%; }
.use-us .cp_bo dt span { font-size: 30px; }
.use-us .cp_bo .more { width: 173px; height: 52px; line-height: 52px; text-align: center; display: block; margin: 20px auto 0 auto; background: #0152a4; color: #FFF; font-size: 18px; }
 @media screen and (max-width: 1600px) and (min-width:1400px) {
.use-us .us0 { padding: 5% 0 0 0; }
.use-us .us0 .use_top { font-size: 30px; }
.use-us .us0 dl { padding-top: 20px; font-size: 20px; }
.use-us .us0 dl dd { padding-top: 5px; }
.use-us .us0 dl dd span { font-size: 24px; }
.use-us .usdd span { font-size: 24px; }
.use-us .usdd .nr p { width: 80%; font-size: 16px; line-height: 1.5; }
.use-us .us2.usdd .nr p { padding-top: 22%; }
.use-us .us4.usdd .nr p { padding-top: 15%; }
.use-us .cp_bo dt { font-size: 20px; }
.use-us .cp_bo dt span { font-size: 24px; }
.use-us .cp_bo .more { margin: 10px auto 0 auto; }
}
@media screen and (max-width: 1399px) and (min-width:1025px) {
.use-us .us0 { padding: 2% 0 0 0; }
.use-us .us0 .use_top { font-size: 24px; }
.use-us .us0 dl { padding-top: 10px; font-size: 18px; }
.use-us .us0 dl dd { padding-top: 10px; }
.use-us .us0 dl dd span { font-size: 22px; }
.use-us .usdd span { font-size: 24px; }
.use-us .usdd .nr p { width: 80%; font-size: 16px; line-height: 1.5; }
.use-us .us2.usdd .nr p { padding-top: 22%; }
.use-us .us4.usdd .nr p { padding-top: 15%; }
.use-us .cp_bo dt { font-size: 18px; padding-top: 5%; }
.use-us .cp_bo dt span { font-size: 24px; }
.use-us .cp_bo .more { margin: 10px auto 0 auto; }
}
/*case_img*/
.use-us #owl-demo { width: 100%; margin-top: 30px; }
.use-us #owl-demo .item { display: block; margin: 0 2%; float: left; border: 1px #efefef solid; padding: 3px; background: #ffffff; position: relative; }
.use-us #owl-demo .item dt { width: 100%; overflow: hidden; position: relative; padding-bottom: 3px; border-bottom: 1px #efefef solid; }
.use-us #owl-demo .item dt img { display: block; width: 100%; }
.use-us #owl-demo .item dt .imgB { width: 100%; top: 0; left: 0; position: relative; opacity: 1; }
.use-us #owl-demo .item dt .imgT { width: 100%; top: 0; left: 0; position: absolute; -webkit-transform: scale(5); -moz-transform: scale(5); -ms-transform: scale(5); -o-transform: scale(5); transform: scale(5); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; opacity: 0; }
.use-us #owl-demo .item:hover { -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3); }
.use-us #owl-demo .item:hover .imgT { opacity: 0.5; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.use-us #owl-demo .item dd { width: 100%; height: 138px; position: relative; }
.use-us #owl-demo .item dd span { width: 94%; height: 138px; line-height: 138px; position: absolute; left: 3%; top: 0; font-size: 1.5vw; opacity: 1; display: block; }
.use-us #owl-demo .item dd i { width: 76%; overflow: hidden; position: absolute; left: 3%; top: -100%; font-size: 18px; font-style: normal; display: block; text-align: left; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s; opacity: 0; }
.use-us #owl-demo .item dd i a { color: #003399; }
.use-us #owl-demo .item dd p { width: 76%; overflow: hidden; position: absolute; left: 3%; bottom: -100%; color: #999999; font-size: 14px; text-align: left; -webkit-transition: all 1.5s; -moz-transition: all 1.5s; -o-transition: all 1.5s; transition: all 1.5s; height: 66px; }
.use-us #owl-demo .item dd .more { width: 9.8%; overflow: hidden; position: absolute; right: -100%; top: 50px; -webkit-transition: all 1.1s; -moz-transition: all 1.1s; -o-transition: all 1.1s; transition: all 1.1s; }
.use-us #owl-demo .item:hover dd i { top: 20px; opacity: 1; }
.use-us #owl-demo .item:hover dd p { bottom: 18px; }
.use-us #owl-demo .item:hover dd span { opacity: 0; }
.use-us #owl-demo .item:hover dd .more { right: 3%; }
.use-us #owl-demo .item .border { position: absolute; background: none; transition: all .5s ease-in-out; }
.use-us #owl-demo .item .border:nth-of-type(1) { top: 0; left: 0; width: 0; height: 0; border-top: 1px solid #0152a4; }
.use-us #owl-demo .item .border:nth-of-type(2) { top: 0; right: 0; width: 10px; height: 0; border-right: 1px solid #0152a4; }
.use-us #owl-demo .item .border:nth-of-type(3) { bottom: 0; right: 0; width: 0; height: 0; border-bottom: 1px solid #0152a4; }
.use-us #owl-demo .item .border:nth-of-type(4) { bottom: 0; left: 0; width: 0; height: 0; border-left: 1px solid #0152a4; }
.use-us #owl-demo .item:hover .border:nth-of-type(1) { width: 100%; }
.use-us #owl-demo .item:hover .border:nth-of-type(2) { height: 100%; }
.use-us #owl-demo .item:hover .border:nth-of-type(3) { width: 100%; }
.use-us #owl-demo .item:hover .border:nth-of-type(4) { height: 100%; }

/*小于1210大于1025稍微调整下字体*/
@media screen and (max-width: 1210px) and (min-width:1025px) {
.use-us #owl-demo .item dd i { font-size: 16px; }
.use-us #owl-demo .item dd p { font-size: 13px; -webkit-transition: all 1.5s; -moz-transition: all 1.5s; -o-transition: all 1.5s; transition: all 1.5s; height: 52px; }
}
/*news-us*/
.news-us { width: 100%; background: #f4f4f4 fixed center; padding: 50px 0; overflow: hidden; line-height: normal; position: relative; }
.news-us .news_top { width: auto; height: 40px; line-height: 40px; position: absolute; left: 2%; top: 50px; z-index: 100; }
.news-us .news_top a { width: auto; font-size: 48px; color: #666666; font-weight: bolder; display: block; float: left; }
.news-us .news_top a span { color: #033692; }
.news-us .news_top .nel { width: auto; height: 40px; float: left; margin-left: 10px; font-size: 18px; color: #0152a4; }
.news-us #owl-demo { width: 100%; padding-top: 86px; position: relative; overflow: hidden; }
.news-us #owl-demo .item { display: block; margin: 0 3%; float: left; border: 1px #e9e9e9 solid; padding: 7px; background-image: linear-gradient(to top, #FFF 68%, #e9e9e9 32%); position: relative; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.news-us #owl-demo .item dt { width: 100%; overflow: hidden; position: relative; }
.news-us #owl-demo .item dt img { display: block; width: 100%; }
.news-us #owl-demo .item dt .imgB { width: 100%; top: 0; left: 0; position: relative; opacity: 1; }
.news-us #owl-demo .item dt .imgT { width: 100%; top: 0; left: 0; position: absolute; -webkit-transform: scale(5); -moz-transform: scale(5); -ms-transform: scale(5); -o-transform: scale(5); transform: scale(5); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; opacity: 0; z-index: 10; }
.news-us #owl-demo .item dt .nebg { width: 100%; height: 100%; background: url(../images/ca_ed.png) repeat; position: absolute; left: 0; top: -100%; z-index: 100; color: #FFF; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.news-us #owl-demo .item dt .nebg p { width: 90%; overflow: hidden; margin: 0 auto; font-size: 17px; line-height: 2; position: absolute; top: -100%; left: -100%; z-index: 20; -webkit-transition: all 1.5s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s; }
.news-us #owl-demo .item dt .nebg .mod { width: 100%; position: absolute; bottom: 100%; left: 0; z-index: 20; -webkit-transition: all 1.5s; -moz-transition: all 1.5s; -o-transition: all 1.5s; transition: all 1.5s; }
.news-us #owl-demo .item dt .nebg .mod .more { width: 61px; margin: 0 auto; display: block; }
.news-us #owl-demo .item dd { width: 100%; height: 207px; }
.news-us #owl-demo .item dd .netop { width: 80%; overflow: hidden; margin: 0 auto; border-bottom: 2px #e9e9e9 solid; height: 110px; text-align: center; display: flex; align-self: center; padding-top: 28px; }
.news-us #owl-demo .item dd .timr { width: 80%; overflow: hidden; margin: 0 auto; height: 67px; line-height: 67px; position: relative; }
.news-us #owl-demo .item dd .timr i { color: #033692; font-size: 20px; }
.news-us #owl-demo .item dd .timr span { font-size: 14px; color: #666666; margin-left: 5px; font-family: "Fjalla One", sans-serif; }
.news-us #owl-demo .item dd .timr ol { width: 5px; height: 67px; background: url(../images/la.jpg) no-repeat center; display: block; position: absolute; left: 10px; top: 0; z-index: 10; }
.news-us #owl-demo .item dd .timr .mored { width: auto; float: right; display: block; font-size: 14px; color: #033692; font-family: "Fjalla One", sans-serif; }
.news-us #owl-demo .item dd .timr .mored i { font-size: 14px; margin-left: 10px; }
.news-us #owl-demo .item:hover { -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3); background-image: linear-gradient(to top, #FFF 68%, #033692 32%); }
.news-us #owl-demo .item:hover .imgT { opacity: 0.5; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.news-us #owl-demo .item:hover dt .nebg { top: 0; }
.news-us #owl-demo .item:hover dt .nebg p { top: 18px; left: 5%; }
.news-us #owl-demo .item:hover dt .nebg .mod { bottom: 28px; }
.news-us #owl-demo .item:hover dd .netop a { color: #033692; }

/*小于1210大于1025稍微调整下字体*/
@media screen and (max-width: 1399px) and (min-width:1025px) {
.news-us #owl-demo .item dt .nebg p { font-size: 14px; }
.news-us #owl-demo .item dd .timr i { font-size: 16px; }
.news-us #owl-demo .item dd { height: 197px; }
.news-us #owl-demo .item dd .netop { height: 100px; font-size: 16px; }
}
/********footer********/
.footer { width: 100%; background: #3f3f3f; color: #FFF; line-height: normal; overflow: hidden; }
.footer a { color: #FFF; }
.footer a:hover { color: #ccdbeb; }
.footer .foot1 { width: 13%; overflow: hidden; float: left; margin-left: 10%; font-size: 18px; padding-top: 50px; font-weight: 800; }
.footer .foot1 p { margin-bottom: 24px; }
.footer .foot2 { width: 13%; overflow: hidden; float: left; padding-top: 50px; }
.footer .foot2 dt { font-size: 18px; font-weight: 800; }
.footer .foot2 dd { width: auto; overflow: hidden; padding-top: 10px; line-height: 30px; font-size: 14px; }
.footer .foot2 dd a { color: #999999; }
.footer .foot3 { width: 13%; overflow: hidden; float: left; padding-top: 50px; }
.footer .foot3 dt { font-size: 18px; font-weight: 800; }
.footer .foot3 dd { width: auto; overflow: hidden; padding-top: 10px; line-height: 30px; font-size: 14px; }
.footer .foot3 dd a { color: #999999; }
.footer .ewm { width: 10%; overflow: hidden; float: right; margin-right: 10%; padding-top: 60px; text-align: center; }
.footer .ewm dt { width: 100%; overflow: hidden; }
.footer .ewm dd { width: 100%; overflow: hidden; font-size: 24px; padding-top: 10px; }
.footer .lxfs { width: 22%; overflow: hidden; float: right; background: #333333; padding: 50px 2%; margin-right: 3%; }
.footer .lxfs dt { font-size: 18px; font-weight: 800; }
.footer .lxfs dd { width: 100%; overflow: hidden; padding-top: 20px; font-size: 18px; line-height: 30px; }
.fook, .vbc { display: none; }
.winona { display: block; position: relative; overflow: hidden; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
.winona::after { content: attr(data-text); position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; -webkit-transform: translate3d(0, 25%, 0); transform: translate3d(0, 25%, 0); }
.winona > span { display: block; }
.winona::after, .winona > span { -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
.winona:hover::after { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.winona:hover > span { opacity: 0; -webkit-transform: translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0); }
.copy { width: 100%; background: #3f3f3f; padding: 20px 0; text-align: center; background: #033692; color: #FFF; font-size: 14px; line-height: 30px; }
.copy a { color: #FFF; }
 @media screen and (max-width: 1600px) and (min-width:1400px) {
.footer .foot1 { width: 16%; margin-left: 5%; }
.footer .foot2 { width: 16%; }
.footer .foot3 { width: 16%; }
.footer .ewm { width: 10%; margin-right: 5%; }
.footer .ewm dd { font-size: 18px; }
.footer .lxfs { width: 24%; padding: 50px 2%; margin-right: 2%; }
}
/*小于1210大于1025稍微调整下字体*/
@media screen and (max-width: 1399px) and (min-width:1025px) {
.footer .foot1 { width: 16%; margin-left: 5%; }
.footer .foot2 { width: 16%; }
.footer .foot3 { width: 16%; }
.footer .ewm { width: 10%; margin-right: 5%; }
.footer .ewm dd { font-size: 16px; }
.footer .lxfs { width: 24%; padding: 50px 2%; margin-right: 2%; }
.footer .lxfs dd { font-size: 16px; }
}
/*站点 浮动返回顶部*/
.cd-top { display: inline-block; height: 43px; width: 44px; position: fixed; bottom: 60px; right: 20px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); /* image replacement properties */ overflow: hidden; text-indent: 100%; white-space: nowrap; background: url(/images/back_top.jpg) no-repeat center 50%; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; z-index: 9999; }
.cd-top.cd-is-visible { /* the button becomes visible */ visibility: visible; opacity: 1; }
.cd-top.cd-fade-out { /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */ opacity: .5; }
.no-touch .cd-top:hover { background-color: #e86256; opacity: 1; }
/*站点 浮动客服*/ 
.keifu img { border: 0; }
.keifu { position: fixed; top: 10%; right: 0; width: 131px; _position: absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.bottom, 10)||0)-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));
z-index: 990; }
.keifu_tab { width: 160px; }
.icon_keifu { width: 26px; height: 100px; float: left; background: url(/images/keifu.png) 0 0; position: relative; display: none; cursor: pointer; }
.keifu_box { float: left; width: 131px; }
.keifu_tab img { display: block; }
.keifu_head { width: 131px; height: 41px; background: url(/images/keifu.png); background-position: 0 -103px; font-size: 0; line-height: 0; position: relative; }
.keifu_close:link, .keifu_close:visited { display: block; width: 11px; height: 11px; background: url(/images/keifu.png) -42px 0; position: absolute; top: 5px; right: 5px; }
.keifu_close:hover { background-position: -60px 0; }
.keifu_con { border-left: 7px solid #029bdb; border-right: 7px solid #029bdb; background: #fbfbfb; }
.keifu_con ul { border-bottom: #e6e5e4 1px solid; }
.keifu_con li { padding-left: 12px; }
.keifu_con .li-qq { height: 25px; padding-top: 2px; padding-bottom: 2px; }
.keifu_con .li-tel-title { font-weight: bold; font-size: 12px; height: 29px; line-height: 29px; border-top: 1px solid #dddddd; }
.keifu_con .li-tel-num { font-family: Arial; font-size: 12px; color: #e66d15; line-height: 20px; }
.keifu_con .li-feed-title { font-weight: bold; font-size: 12px; border-top: 1px solid #dddddd; padding-left: 0px; }
.keifu_con .li-feed-title img { padding-left: 0px; width: 117px; }
.keifu_con .li-feed { font-family: Arial; font-weight: bold; color: #e66d15; }
.keifu_con .li-weixin-title { font-weight: bold; font-size: 12px; height: 29px; line-height: 29px; border-top: 1px solid #dddddd; }
.keifu_con .li-weixin { height: 96px; padding-left: 0px; }
.keifu_con .li-weixin img { width: 115px; height: 115px; }
.keifu_con .bt { font-size: 16px; height: 30px; line-height: 30px; text-align: left; padding: 0 0 0 20px; color: #012646; }
.keifu_bot { width: 131px; height: 10px; background: url(/images/keifu.png); background-position: 0 -153px; }
/*左下角 浮动 在线留言*/ 
#SfMessWrap { border: 2px solid #029bdb; padding: 1px; width: 230px; background: #f5f5f5; z-index: 100; position: fixed; left: 2px; bottom: 2px; }
#SfMessHead { background: #029bdb; line-height: 28px; height: 28px; text-indent: 10px; font-size: 12px; color: #fff; text-align: left; cursor: pointer; }
#SfMessHead #SfMessTitle { float: left; }
#SfMessHeadIcon { float: right; width: 23px; height: 25px; margin-right: 2px; background-image: url(/images/icon.png); }
.SfMessIconOpen { background-position: top; }
.SfMessIconClose { background-position: bottom; }
#SfMessBody { width: 230px; height: 225px; padding-bottom: 5px; }
#SfMessBodyTop { display: none; }
#SfMessBodyMid { width: 212px; padding: 0px; margin: 0px auto; margin-top: 5px; }
#SfMessBodyMid input { border: 1px solid #cccccc; background: #ffffff; color: #b89d9d; width: 190px; height: 17px; font-size: 12px; }
#SfMessBodyMid textarea { width: 210px; height: 73px; border: 1px solid #cccccc; background: #ffffff; color: #b89d9d; overflow: hidden; text-align: left; font-size: 12px; padding: 0px; margin: 0px auto; }
#SfMessBodyMid div { margin-top: 3px; height: 20px; }
#SfMessBodyMid .contactmessage { height: 76px; }
#SfMessBodyMid .contactname { padding-left: 20px; background: url(/images/company.gif) no-repeat; }
#SfMessBodyMid .contacttel { padding-left: 20px; background: url(/images/mobile.gif) no-repeat; }
#SfMessBodyMid .contactfrom { padding-left: 20px; background: url(/images/from.gif) no-repeat; }
#SfMessBodyMid .contactemail { padding-left: 20px; background: url(/images/email.gif) no-repeat; }
#SfMessBodyMid .contactvalicode { padding-left: 20px; background: url(/images/other.gif) no-repeat; }
#SfMessBodyMid .contactvalicode input { width: 100px; height: 17px; float: left; }
#SfMessBodyMid .contactvalicode img { height: 19px; border: 1px solid #cccccc; background: #ffffff; color: #b89d9d; float: right; }
.clearboth { clear: both; }
#SfMessBodyMid .must, #SfMessBodyMid .ignore, #SfMessBodyMid .other { padding-left: 20px; background: url(/images/other.gif) no-repeat; }
#SfMessBodyBottom { width: 220px; height: 22px; line-height: 22px; padding: 0px; margin-top: 10px; }
#SfMessSubmit { width: 40px; background: url(/images/send.gif); color: #fff; border: 0; height: 22px; padding: 0px; float: right; }
#SfMessCopy { float: left; height: 22px; line-height: 22px; margin-left: 10px; font-size: 13px; font-weight: bold; color: #666666; padding-left: 25px; background: url(/images/sign.png) left top no-repeat; }
.SfMessTip { display: none; }
#SfMessBodyFoot { display: none; }
/*悬浮链接*/
.suspension { position: fixed; z-index: 55; right: 0; bottom: 85px; width: 70px; height: 240px; }
.suspension-box { position: relative; float: right; }
.suspension .a { display: block; width: 44px; height: 44px; background-color: #0152a4; margin-bottom: 4px; cursor: pointer; outline: none; }
.suspension .a.active, .suspension .a:hover { background: #3966b6; }
.suspension .a .i { float: left; width: 44px; height: 44px; background-image: url(../images/side_icon.png); background-repeat: no-repeat; }
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i { width: 20px; height: 20px; margin-top: 12px; margin-left: 12px; background-image: url(../images/suspension-bg.png); background-repeat: no-repeat; background-position: 0 0; }
.suspension .a-service-phone .i { width: 20px; height: 20px; margin-top: 12px; margin-left: 12px; background-image: url(../images/suspension-bg.png); background-repeat: no-repeat; background-position: -27px 0; }
.suspension .a-qrcode .i { background-position: -44px 0; }
.suspension .a-cart .i { background-position: -88px 0; }
.suspension .a-top .i { background-position: -132px 0; }
.suspension .a-top { background: #D2D3D6; display: none; }
.suspension .a-top:hover { background: #c0c1c3; }
.suspension .d { display: none; width: 223px; background: #fff; position: absolute; right: 67px; min-height: 90px; border: 1px solid #E0E1E5; border-radius: 3px; box-shadow: 0px 2px 5px 0px rgba(161, 163, 175, 0.11); }
.suspension .d .arrow { position: absolute; width: 8px; height: 12px; background: url(../images/side_bg_arrow.png) no-repeat; right: -8px; top: 31px; }
.suspension .d-service-phone { top: 0; }
.suspension .d-qrcode { top: 34px; }
.suspension .d-service { top: 78px; }
.suspension .d-cart { top: 112px; }
.suspension .d .inner-box { padding: 8px 22px 12px; }
.suspension .d-service-item { border-bottom: 1px solid #eee; padding: 14px 0; }
.suspension .d-service .d-service-item { border-bottom: none; }
.suspension .d-service-item .circle { width: 44px; height: 44px; border-radius: 50%; overflow: hidden; background: #F1F1F3; display: block; float: left; }
.suspension .d-service-item .i-qq { width: 44px; height: 44px; background: url(../images/side_con_icon03.png) no-repeat center 15px; display: block; transition: all .2s; border-radius: 50%; overflow: hidden; }
.suspension .d-service-item:hover .i-qq { background-position: center 3px; }
.suspension .d-service-item .i-tel { width: 44px; height: 44px; background: url(../images/side_con_icon02.png) no-repeat center center; display: block; }
.suspension .d-service-item h3 { float: left; width: 112px; line-height: 44px; font-size: 15px; margin-left: 12px; }
.suspension .d-service-item .text { float: left; width: 112px; line-height: 22px; font-size: 15px; margin-left: 12px; }
.suspension .d-service-item .text .number { font-family: Arial, "Microsoft Yahei", "HanHei SC", PingHei, "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif; }
.suspension .d-qrcode { text-align: center; }
.suspension .d-qrcode .inner-box { padding: 20px 0; }
.suspension .d-qrcode p { font-size: 16px; color: #93959c; }
.suspension .d-service-item .i-qqc { width: 44px; height: 44px; background: url(../images/side_con_icon04-.png) no-repeat center 15px; display: block; transition: all .2s; border-radius: 50%; overflow: hidden; }
/******nei********/
.loc { width: 100%; line-height: normal; padding: 2rem 0; text-align: right; font-size: 15px; overflow: hidden; }
.main { width: 82%; overflow: hidden; margin: 0 auto; }
.leibie { width: 100%; line-height: normal; overflow: hidden; background: #efefef; padding: 50px 0 50px 0; }
.leibie #owl-demo { width: 100%; position: relative; overflow: hidden; }
.leibie #owl-demo .item { display: block; margin: 10px 5% 0 5%; float: left; border: 1px #033692 solid; padding: 15px 26%; background: #033692; color: #FFF; }
.leibie #owl-demo .item:hover, .leibie #owl-demo .item.cur { border: 1px #FFF solid; background: #FFF; color: #033692; }
.leibier { width: 100%; line-height: normal; overflow: hidden; background: #efefef; padding-bottom: 20px; }
.leibier #owl-demo { width: 100%; overflow: hidden; }
.leibier #owl-demo .item { display: block; margin: 10px 0; float: left; overflow: hidden; padding: 10px 26%; position: relative; -webkit-transition: all 1.5s; -moz-transition: all 1.5s; -o-transition: all 1.5s; transition: all 1.5s; }
.leibier #owl-demo .item i { width: 68px; height: 68px; display: block; }
.leibier #owl-demo .item span { display: none; }
.leibier #owl-demo .item p { text-align: center; padding-top: 10px; padding-bottom: 10px; }
.leibier #owl-demo .item:hover, .leibier #owl-demo .item.cur { background: #033692; color: #FFF; }
.leibier #owl-demo .item:hover i, .leibier #owl-demo .item.cur i { display: none; }
.leibier #owl-demo .item:hover span, .leibier #owl-demo .item.cur span { width: 68px; height: 68px; display: block; }
.leibier #owl-demo .item:hover p, .leibier #owl-demo .item.cur p { color: #FFF; }
.abt { width: 100%; line-height: normal; overflow: hidden; text-align: center; color: #033692; font-size: 36px; font-weight: bolder; padding-top: 30px; }
/***************/
		

.chroma-gallery .item { display: block; margin: 0 3%; float: left; border: 1px #e9e9e9 solid; padding: 7px; background-image: linear-gradient(to top, #FFF 68%, #e9e9e9 32%); position: relative; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.chroma-gallery .item dt { width: 100%; overflow: hidden; position: relative; }
.chroma-gallery .item dt img { display: block; width: 100%; }
.chroma-gallery .item dt .imgB { width: 100%; top: 0; left: 0; position: relative; opacity: 1; height: 19.875rem; }
.chroma-gallery .item dt .imgT { width: 100%; top: 0; left: 0; position: absolute; -webkit-transform: scale(5); -moz-transform: scale(5); -ms-transform: scale(5); -o-transform: scale(5); transform: scale(5); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; opacity: 0; z-index: 10; height: 19.875rem; }
.chroma-gallery .item dt .nebg { width: 100%; height: 100%; background: url(../images/ca_ed.png) repeat; position: absolute; left: 0; top: -100%; z-index: 100; color: #FFF; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.chroma-gallery .item dt .nebg p { width: 90%; overflow: hidden; margin: 0 auto; font-size: 17px; line-height: 2; position: absolute; top: -100%; left: -100%; z-index: 20; -webkit-transition: all 1.5s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s; }
.chroma-gallery .item dt .nebg .mod { width: 100%; overflow: hidden; position: absolute; bottom: 100%; left: 0; z-index: 20; -webkit-transition: all 1.5s; -moz-transition: all 1.5s; -o-transition: all 1.5s; transition: all 1.5s; }
.chroma-gallery .item dt .nebg .mod .more { width: 61px; overflow: hidden; margin: 0 auto; display: block; }
.chroma-gallery .item dd { width: 100%; height: 207px; }
.chroma-gallery .item dd .netop { width: 80%; overflow: hidden; margin: 0 auto; border-bottom: 2px #e9e9e9 solid; height: 110px; text-align: center; display: flex; align-self: center; padding-top: 28px; }
.chroma-gallery .item dd .timr { width: 80%; overflow: hidden; margin: 0 auto; height: 67px; line-height: 67px; position: relative; }
.chroma-gallery .item dd .timr i { color: #033692; font-size: 20px; }
.chroma-gallery .item dd .timr span { font-size: 14px; color: #666666; margin-left: 5px; font-family: "Fjalla One", sans-serif; }
.chroma-gallery .item dd .timr ol { width: 5px; height: 67px; background: url(../images/la.jpg) no-repeat center; display: block; position: absolute; left: 10px; top: 0; z-index: 10; }
.chroma-gallery .item dd .timr .mored { width: auto; float: right; display: block; font-size: 14px; color: #033692; font-family: "Fjalla One", sans-serif; }
.chroma-gallery .item dd .timr .mored i { font-size: 14px; margin-left: 10px; }
.chroma-gallery .item:hover { -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3); background-image: linear-gradient(to top, #FFF 68%, #033692 32%); }
.chroma-gallery .item:hover .imgT { opacity: 0.5; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.chroma-gallery .item:hover dt .nebg { top: 0; }
.chroma-gallery .item:hover dt .nebg p { top: 18px; left: 5%; }
.chroma-gallery .item:hover dt .nebg .mod { bottom: 28px; }
.chroma-gallery .item:hover dd .netop a { color: #033692; }
 @media screen and (max-width: 1600px) and (min-width:1400px) {
.chroma-gallery .item dt .imgB { height: 15rem; }
.chroma-gallery .item dt .imgT { height: 15rem; }
}
/*小于1210大于1025稍微调整下字体*/
@media screen and (max-width: 1399px) and (min-width:1025px) {
.chroma-gallery .item dt .nebg p { font-size: 14px; }
.chroma-gallery .item dd .timr i { font-size: 16px; }
.chroma-gallery .item dt .imgB { height: 11.9rem; }
.chroma-gallery .item dt .imgT { height: 11.9rem; }
.chroma-gallery .item dd { height: 197px; }
.chroma-gallery .item dd .netop { height: 100px; font-size: 16px; }
}
/*PageBar*/
.PageBar { clear: both; width: 100%; overflow: hidden; margin: 20px auto 10px auto; font-size: 12px; text-align: center; }
.PageButtons span, .PageButtons a { line-height: 26px; text-decoration: none; border: 1px solid #CCCCCC; padding: 4px 10px; display: inline-block; }
.PageButtons span { color: #ffffff; background-color: #2b3e9a; border: 1px solid #2b3e9a; }
.PageButtons a { color: #333333; }
.PageButtons a:hover { background: #2b3e9a; color: #FFF; }
.PageButtons .pagelink { margin: 0 5px; }
.PageInfo { line-height: 24px; padding-top: 10px; }
.PageButtons .disabled { display: none; }
/*****/
.grid { width: 100%; padding: 0; }
.grid li { display: block; float: left; width: 33%; opacity: 1; margin-bottom: 30px; }
.grid li.shown, .no-js .grid li, .no-cssanimations .grid li { opacity: 1; }
.grid li .newc { width: 88%; background: #FFF; overflow: hidden; margin: 0 auto; border: 1px #e9e9e9 solid; -webkit-transition: all 1.5s; -moz-transition: all 1.5s; -o-transition: all 1.5s; transition: all 1.5s; padding: 10px 3%; }
.grid li .newc .new_img { width: 100%; overflow: hidden; position: relative; }
.grid li .newc .new_img img { width: 100%; display: block; }
.grid li .newc .new_img i { width: 20px; height: 11px; display: block; background: url(../images/ioc4.png) no-repeat; position: absolute; left: 10px; bottom: 0; z-index: 100; }
.grid li .newc .new_txt { width: 100%; overflow: hidden; line-height: normal; }
.grid li .newc .new_txt .newm { width: 100%; overflow: hidden; font-size: 18px; height:3rem; line-height:3rem; }
.grid li .newc .new_txt p { width: 100%; overflow: hidden; font-size: 16px; line-height: 2; padding: 10px 0; color: #898686; border-top: 1px #dbdbdb solid; }
.grid li .newc .newbo { width: 100%; overflow: hidden; border-top: 1px #dbdbdb solid; padding-top: 15px; }
.grid li .newc .newbo ol { width: auto; overflow: hidden; float: left; color: #F00; font-size: 18px; font-family: "Fjalla One", sans-serif; }
.grid li .newc .newbo span { width: auto; overflow: hidden; float: left; margin-left: 5px; color: #898686; font-size: 14px; }
.grid li .newc .newbo time { width: auto; overflow: hidden; float: right; font-size: 14px; color: #898686; }
.grid li .newc .newbo time i { width: auto; overflow: hidden; font-size: 18px; margin-right: 5px; color: #0152a4; display: block; float: left; }
.grid li:hover .newc .new_img img { transition: all ease 1s; transform: scale(1.4); }
.grid li:hover .newc { background: rgba(221,221,221,0.4); border: 1px #0152a4 solid; -webkit-box-shadow: 0 15px 15px rgba(0,0,0,0.1); box-shadow: 0 15px 15px rgba(0,0,0,0.1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); }
.grid li:hover .newc .new_txt .newm a { color: #0152a4; }
/* Effect 1: opacity */
.grid.effect-1 li.animate { -webkit-animation: fadeIn 0.65s ease forwards; -moz-animation: fadeIn 0.65s ease forwards; animation: fadeIn 0.65s ease forwards; }
 @-webkit-keyframes fadeIn { to {
opacity: 1;
}
}
 @-moz-keyframes fadeIn { to {
opacity: 1;
}
}
 @keyframes fadeIn { to {
opacity: 1;
}
}
/***新闻详细***/
.news_tit { width: 100%; overflow: hidden; padding-bottom: 20px; border-bottom: 1px #2b3e9a solid; text-align: center; line-height: normal; }
.news_tit h1 { font-size: 24px; color: #0152a4; }
.news_tit p { color: #999999; margin: 0 0; padding-top: 10px; font-size: 16px; }
.arKeywords { padding: 15px; overflow: hidden; border-bottom: 1px #f0f0f0 solid; color: #898686; font-size: 16px; }
.arKeywords span { display: block; color: #0152a4; }
.arContent { width: 100%; line-height: 2; padding-top: 20px; overflow: hidden; }
.FastMove { width: 100%; overflow: hidden; padding: 20px 0 0 0; border-top: 1px #dbdbdb solid; margin-top: 30px; font-size: 16px; }
.FastMove .Prev { float: left; }
.FastMove .Next { float: right; }
/*相关文章*/
.but_tit { border-bottom: 1px #cecece solid; height: 50px; line-height: 50px; margin-top: 30px; }
.but_tit span { width: auto; height: 50px; background: #0152a4; color: #FFF; padding: 0 30px; float: left; font-size: 24px; }
.xgwz { width: 100%; overflow: hidden; padding-top: 25px; }
.xgwz li { width: 46%; overflow: hidden; border-bottom: 1px #cfcfcf solid; float: left; margin: 0 2%; line-height: normal; padding: 20px 0; }
.xgwz li .newm { border-left: 6px #2b3e9a solid; padding-left: 7px; font-size: 20px; }
.xgwz li .new2 { color: #999999; font-size: 14px; margin-top: 10px; height: 20px; line-height: 20px; }
.xgwz li p { margin-top: 15px; overflow: hidden; color: #999999; font-size: 16px; }
.ExhibitList { width: 100%; overflow: hidden; padding-top: 20px; line-height: normal; }
.ExhibitList dl { width: 25%; overflow: hidden; float: left; margin-bottom: 20px; }
.ExhibitList dl dt { width: 90%; overflow: hidden; margin: 0 auto; }
.ExhibitList dl dd { width: 90%; overflow: hidden; margin: 0 auto; padding: 10px 0; text-align: center; background: #eeeeee; }
.ExhibitList dl:hover dt img { transition: all ease 1s; transform: scale(1.4); }
.ExhibitList dl:hover dd { background: #0152a4; color: #FFF; }
.ExhibitList dl:hover dd a { color: #FFF; }
/*产品介绍*/
.cpjs { width: 82%; overflow: hidden; margin: 0 auto; position: relative; padding-top: 40px; }
.cpjs .cp_img { width: 48%; overflow: hidden; float: left; }
.cpjs .cp_txt { width: 48%; overflow: hidden; float: right; line-height: normal; }
.cpjs .cp_txt .cp_top { width: 100%; overflow: hidden; font-size: 36px; color: #033692; font-weight: bolder; }
.cpjs .cp_txt i { width: 110px; height: 2px; display: block; background: #efefef; margin-top: 1vw; }
.cpjs .cp_txt span { width: auto; overflow: hidden; display: block; color: #999999; font-size: 18px; margin-top: 1vw; padding-left: 8px; border-left: 6px #033692 solid; }
.cpjs .cp_txt p { width: 100%; overflow: hidden; color: #999999; line-height: 2; margin-top: 1vw; font-size: 18px; }
.cpjs .lxdh { width: 48%; background: #0152a4; color: #FFF; display: block; position: absolute; right: 0; bottom: 0; height: 4.8rem; }
.cpjs .lxdh .lx_c { width: 94%; height: 4.8rem; margin: 0 auto; }
.cpjs .lxdh .lx_c a { color: #FFF; }
.cpjs .lxdh .lx_c span.tel { width: 7%; height: 4.8rem; display: block; float: left; background-image: url(../images/way.png); background-repeat: no-repeat; background-position-x: center; background-position-y: center; background-size: contain; }
.cpjs .lxdh .lx_c i.hmr { width: auto; display: block; height: 4.8rem; line-height: 4.8rem; float: left; border-left: 1px #FFF solid; font-family: "Fjalla One", sans-serif; margin-left: 3%; font-size: 2vw; font-style: normal; padding-left: 3%; }
.cpjs .lxdh .lx_c a.zxl { width: auto; display: block; height: 4.8rem; line-height: 4.8rem; float: right; font-size: 2vw; border-left: 1px #FFF solid; margin-left: 3%; color: #FFF; padding-left: 3%; }
.cpjs .lxdh .lx_c span.kf { width: 8%; height: 4.8rem; display: block; float: right; background-image: url(../images/kefu.png); background-repeat: no-repeat; background-position-x: center; background-position-y: center; background-size: contain; }

/*小于1210大于1025稍微调整下字体*/
@media screen and (max-width: 1399px) and (min-width:1025px) {
.cpjs .cp_txt .cp_top { font-size: 24px; }
.cpjs .cp_txt span { font-size: 16px; }
.cpjs .cp_txt p { font-size: 14px; }
.cpjs .lxdh .lx_c i.hmr { font-size: 18px; }
.cpjs .lxdh .lx_c a.zxl { font-size: 18px; }
}
/*产品内页tag*/
.tagv { width: 82%; overflow: hidden; margin: 30px auto 0 auto; }
.ztitle { width: 100%; overflow: hidden; background: url(../images/znt_l.jpg) repeat-x bottom; }
.ztitle span { float: left; display: block; width: auto; line-height: 38px; font-size: 24px; color: #666666; font-weight: bolder; margin-right: 4%; padding-bottom: 17px; }
.ztitle span a { cursor: pointer; }
.ztitle span.tithov { color: #0152a4; background: url(../images/znt_d.jpg) repeat-x bottom; font-size: 30px; }
.zntit_con1, .zntit_con2, .zntit_con3, .zntit_con4, .zntit_con5, .zntit_con6 { width: 100%; padding-top: 30px; overflow: hidden; }
.zntit_con1 table { border-collapse : collapse; }
.zntit_con1 table tr td { border: 1px #ccc solid; padding: 3px; }
/*视频弹出*/
.oh li { float: left; width: 21%; margin: 2%; text-align: center; border: 1px solid #ccc; cursor: pointer; }
.oh li a { width: 100%; height: 100%; display: block; position: relative; }
.oh li a i { width: 100%; height: 100%; display: block; background: url(../images/vd.png) no-repeat; background-size: cover; position: absolute; z-index: 10; left: 0; top: 0; }
.oh li a span { width: 100%; display: block; overflow: hidden; }
.oh li a p { width: 100%; height: 42px; line-height: 42px; background: #efefef; text-align: center; }
/*feedback*/
.fla { width: 46%; overflow: hidden; float: left; }
#feedback_form { width: 46%; overflow: hidden; float: right; }
#feedback_form table { width: 100%; }
#feedback_form table { border-spacing: 8px; border-collapse: separate; }
#feedback_form input { border: 1px solid #ccc; border-radius: 5px; width: 95%; height: 40px; }
#feedback_form textarea { width: 95%; height: 100px; border: 1px solid #ccc; border-radius: 5px; }
#feedback_form input#ValidateCode { width: 120px; }
.ke-zeroborder1, .ke-zeroborder2, .ke-zeroborder3 { float: left; width: 33.33%; }
.arList { width: 100%; overflow: hidden; }
.arList li.JobListItem { width: 100%; overflow: hidden; margin-bottom: 30px; }
.arList li.JobListItem .jov { width: 100%; overflow: hidden; margin-bottom: 20px; }
.arList li.JobListItem .jov .jo_l, .arList li.JobListItem .jov .jo_r { width: 50%; overflow: hidden; float: left; }
.arList li.JobListItem .jov span, .arList li.JobListItem .jov span { width: 16%; overflow: hidden; float: left; line-height: 54px; display: block; }
.arList li.JobListItem .jov .jo_l ol, .arList li.JobListItem .jov .jo_r ol { width: 80%; height: 52px; line-height: 52px; padding: 0 1%; float: left; border: 1px #CCC solid; }
.arList li.JobListItem .jov i { width: 8%; overflow: hidden; float: left; line-height: 54px; display: block; font-style: normal; }
.arList li.JobListItem .jov em { width: 89.1%; padding: 15px 1%; float: left; border: 1px #CCC solid; font-style: normal; overflow: hidden; display: block; }
.arList li.JobListItem .jov em p { width: 100%; overflow: hidden; }
.arList li.JobListItem .join { width: 208px; height: 78px; line-height: 78px; display: block; background: #033692; color: #FFF; float: right; margin-top: 20px; font-size: 24px; text-align: center; }
.arList li.JobListItem .join:hover { background: #2466dd; }
.mainr { width: 82%; overflow: hidden; margin: 0 auto; }


/*Gallery*/
.gallery li { width: 29.33%; float: left; margin: 0 2% 10px 2%; list-style: none; }
.gallery li img { width: 100%; }
.gallery li p { text-align: center; height: 40px; background: #f0f0f0; overflow: hidden; line-height: 40px; }
.gallery li p a { width: 100%; height: 40px; line-height: 40px; display: block; }
.gallery li:hover p { background: #2b3e9a; color: #FFF; }
.gallery li:hover p a { color: #FFF; }
#baguetteBox-overlay .full-image figcaption { top: 30px; height: 30px; line-height: 30px; }