@charset "utf-8";@import url('fonts.css');
*{margin:0;padding:0;transition-property: all;-ms-transition-property: all;-moz-transition-property: all; outline:none;-webkit-transition-property: all;-o-transition-property: all;}
a,.pager a font,.fixtop .navpc li a.a i,.fixtop,.topsearch .search,.topsearch .search #sbtn,.topsearch span.icon-close-bold,.fixtop .en,.topsearch,.fixtop .navpc,.fixtop .logo,.topsearch .btn span,.indabout .cons li .pic img,.fixright li .tubiao,.indpro .swiper-slide .pic img,.indhotpro li .pic img,.indhotpro li .pic,.indnews .list li .pic img,.indnews .list li.big .pic:before,.indnews .list li .cons,.accordionservice li .link i,.prevnext p,.mainmenu li a:before,.mainmenu li a p,.blog li .pic img,.blog li .cons .m,.about li .pic img,.choose li .pic img,.production li .pic img,.team li .pic img,.partner li img
{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.indabout .cons li:hover .pic img,.indpro .swiper-slide:hover .pic img,.indhotpro li:hover .pic img,.indnews .list li:hover .pic img,.blog li:hover .pic img,.about li:hover .pic img,.choose li:hover .pic img,.production li:hover .pic img,.team li:hover .pic img
{transform:scale(1.10);-webkit-transform:scale(1.10);-moz-transform:scale(1.10);-o-transform:scale(1.10);-ms-transform:scale(1.10)}
.pd,.fixright li,.message .list li textarea,.message .list li input,.prevnext .prev,.prevnext .next,.mainmenu li,.floatdiv .floatin .divin
{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.partner li:Hover img
{transform: rotateY(360deg);}
html{-webkit-text-size-adjust:none;height:100%;}
body {margin:0 auto;background:#fff;line-height:1.8;}
a,input,button,select,textarea {text-decoration: none;outline:none;}
html,body,input,button,select,textarea {font-family:'Source Han Sans','Microsoft YaHei','微软雅黑','Arial';}
html,body,input,button,select,textarea {font-size:18px;color:#333;font-weight:400;}a {color:#333}b,strong {font-weight:700;}
a:hover,.indnews .list li:hover .cons .title a,.maincurrent a:hover,.prevnext a:hover{color:#033773}
.blog li:hover .cons .t a,.blog li:hover .cons .m,.team li:hover .title a {color:#0485f7}
.table { display:table; height:100%;width:100%;}table {border-collapse: separate;border-spacing: 0 0}
.table .td { display:table-cell; vertical-align:middle;}
table,td,th,tbody,tr {border-collapse:collapse;border-spacing:0;border:0;margin:0}
img {max-width:100%; height:auto; vertical-align: top; -webkit-touch-callout: none;border:0}
input,button,select,textarea{ outline:none;border:0;}
textarea{resize:none;}i{ font-style:normal;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;padding:0;margin:0;font-weight:normal;}
ul,li,dl,dt,dd { list-style:none;}.list-paddingleft-2{margin:0 0 0 20px;}.list-paddingleft-2 li { list-style:inherit;}
em { font-style:normal}
hr {border:0; background:#ddd;height:1px;margin:10px 0}
.clear,.clearfix { clear:both;}
.relative { position:relative}
.reover { position:relative; overflow:hidden}
.cover { background-position:center; background-repeat:no-repeat; background-size:cover;}
.pcover { background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute;top:0;left:0; z-index:1;width:100%; height:100%;}
.imgcover { position:absolute;left:0;top:0;width:100%;height:100%; z-index: 1;}.imgcover img {width:100%;height:100%;object-fit:cover;}
.mc{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center; text-align: center;}
.ml{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:left;justify-content:left; text-align: left;}
.mr{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:flex-end;justify-content:flex-end; text-align: right}

.pageclass {height:0px;overflow:hidden;}
.page_wrap {width:100%;padding:60px 0 0 0;text-align:center}
.pager {width:100%;}
.pager a,.pager span,.pager font {display:inline-block;vertical-align:top;margin:5px 10px;width:35px; height:35px; line-height:33px; background:#fff;box-shadow:0 0 2px rgba(0,0,0,0);text-align: center;border-radius:40px; background: #efefef}
.pager font {font-family:'宋体';font-weight:700;margin:0;} 
.pager a:hover,.pager span.current,.pager a font:hover {color:#fff; border-color:#033773; background: #033773} 
.pager a,.pager span.disabled {color:#666} 
.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:16px;font-weight:400;color:#000;}
.pager select,.pager input,.pager a,.pager span.disabled  {border:0px solid #666;}
.pager i {font-weight:bold; line-height: 38px; display: inline-block; vertical-align: top;margin:0 10px; letter-spacing: 3px}

::-webkit-scrollbar {width: 10px;height:0px; }/******direction: rtl; unicode-bidi: bidi-override;出现在左边*********/
::-webkit-scrollbar-thumb {border-radius:0px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: #033773;}
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius:0px;background: #fff;}

::-webkit-input-placeholder {color:#666666;}
:-moz-placeholder {color:#666666; }
::-moz-placeholder { color:#666666; }
:-ms-input-placeholder {color:#666666; }

::selection {background:#033773;color:#ffffff;}
::-moz-selection {background:#033773;color:#ffffff;}
::-webkit-selection {background:#033773;color:#ffffff; }

.wrap {margin:0 auto;max-width:1400px;position:relative;}
.wrap1 {margin:0 4%;position:relative;}
.phonemenu { display:none;}

.fixtop { position: fixed;left:0;top:0;width:100%; z-index: 8888; height:100px; background:rgba(255,255,255,0)}
.fixtop .logo { position: absolute;left:0;top:20px;z-index: 999}
.fixtop .logo a {background: url("../images/logo.png") no-repeat left top;width:148px; height:107px;background-size:100%; display: block}
.fixtop .navpc { text-align:right;padding:50px 0 0 0}
.fixtop .navpc li {display:inline-block; vertical-align: top;margin:0 0 0 80px; position: relative}
.fixtop .navpc li a.a {display:inline-block; vertical-align: top; height:60px; line-height:35px;font-size:18px;color:#fff;}
.fixtop .navpc li.check a.a,.fixtop .navpc li:hover a.a,.fixtop ul.navpc li:Hover>a.a {color: #fff}
.fixtop .navpc li .list { position:absolute; z-index: 9999; left:50%;width:120px;margin-left:-80px;top:60px;display:none;background:rgba(255,255,255,0.9); text-align:center; box-shadow:0 0 10px rgba(0,0,0,0.15); padding:13px 20px 18px 20px}

.fixtop .navpc li .list dd p {margin:5px 0;padding:0}
.fixtop .navpc li .list dd p a {font-size:16px; line-height: 24px;display:inline-block;color:#6c6a6b}
.fixtop .navpc li .list dd p a:hover {color:#0485f7;}
.fixtop .en {position:absolute;right:40px;top:15px;font-size:16px; line-height: 25px;color:#fff}
.fixtop .en a {color:#fff}
.fixtop .en span.icon-home {font-size:16px;margin:0px 8px 0 0; display: inline-block; vertical-align: top;}
.fixtop .en span.icon-dimensions {font-size:16px;margin:1px 7px 0 20px; display: inline-block; vertical-align: top;}
.fixtop .en p {display:inline-block; vertical-align: top;}

.topsearch { position: absolute;right:0;top:13px;}
.topsearch .btn {color:#fff; cursor: pointer}
.topsearch .btn span {font-size:18px; line-height:18px}
.topsearch .search { position:absolute;right:0;top:-2px; z-index: 10; background: #fff;width:0px; height:30px;border-radius:30px; overflow: hidden}
.topsearch .search #k {display:inline-block; vertical-align: top;width:305px;padding:0 0 0 15px;border-radius:30px;height:27px;font-size:14px;font-weight:300;color:#1d3d51}
.topsearch .search #sbtn {opacity:0;position:absolute;right:0;top:-1px;font-size:18px;width:40px;height:30px;border-radius:30px; cursor: pointer;background: #fff;font-family: "iconfont" !important;}
.topsearch span.icon-close-bold {opacity:0;position:absolute; z-index: 9999; left:25px;top:-3px;font-size:18px; cursor: pointer;color:#fff;}
.topsearch.active .search{width:340px}
.topsearch.active .search #sbtn,.topsearch.active span.icon-close-bold{opacity:1;}
.topsearch.active .btn span {opacity:0}

.fixtop.active {top:-20px; background:rgba(3,55,115,0.95);height:80px}
.fixtop.active .navpc {padding:20px 0 0 0}
.fixtop.active .en,.fixtop.active .topsearch {opacity:0}
.fixtop.active .navpc li a.a { line-height:56px;}
.fixtop.active .logo {top:32px;}
.fixtop.active .logo a {width:55px;height:40px;}

.indpics {position:fixed; left:0;top:0;width:100%;height:100vh; z-index: 1}
.indpics .swiper-slide { position:relative;height:100vh; overflow: hidden}
.indpics .swiper-slide:before {content:''; position: absolute;left:0;top:0;width:100%;height:100%; z-index: 10; background:rgba(0,0,0,0.5)}
.indpics .swiper-slide .imgcover{transition:0s linear 1s;transform:scale(1.1,1.1);}
.indpics .swiper-slide-active .imgcover,.swiper-slide-duplicate-active .imgcover{transition:5s linear;transform:scale(1,1);}
@keyframes myfirst { 0% {transform: translate(0px, 0px); } 50% {transform: translate(0px, -10px); }100% {transform: translate(0px, 0px);}}
@keyframes minus {0% {-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);}100% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}
.indpics .swiper-slide .cons {position:absolute; z-index: 100;width:100%;top:0;left:0;height:100%;color:#fff;}
.indpics .swiper-slide .cons .text {font-size:60px; line-height: 80px;font-weight:400;}
.indpics .swiper-slide .cons .content {color:#ccc;font-size:24px; line-height: 1.4;font-weight:300;margin:30px 0 70px 0}
.indpics .swiper-slide .cons .indmore {margin-top:30px}
.indmore a {color:#fff;display:inline-block;padding:0 40px;background: #033773;height:45px; line-height: 43px;border-radius:45px;font-weight:300}
.indmore span {display:inline-block; vertical-align: top;margin:2px -2px 0 0;font-size:20px;}
.indmore a:hover {background:#0485f7;padding:0 50px}
.indexcons {background: #fff; position: relative; z-index: 100;margin-top:100vh;width:100%;left:0; overflow-x: hidden}

.indsubject {text-align:center;padding:100px 0 50px 0}
.indsubject .t {font-size:38px; line-height: 38px;font-weight:700;color:#033773; text-transform: uppercase; position: relative;display:inline-block}
.indsubject .c {color:#999;font-size:20px; line-height: 1.6;font-weight:300;margin:13px 0 -10px 0; letter-spacing: 1px;}
.indsubject .l {background:#033773;width:50px;height:4px; background: #0485f7;margin:30px auto 0 auto}
.indsubject2 .t:before {content:''; position: absolute;top:20px;left:-130px;width:100px;height:1px; background: #0485f7}
.indsubject2 .t:after {content:''; position: absolute;top:20px;right:-130px;width:100px;height:1px; background: #0485f7}

.indabout .cons {background:url("../images/indbg.jpg") no-repeat center; background-size:cover;padding:60px 0}
.indabout .cons .text { text-align: center;font-size:18px;font-weight:300; line-height: 2}
.indabout .cons ul {width:108%;margin:80px 0 60px -4%}
.indabout .cons li {float:left;width:25.3333%;margin:0 4%; background: #eeeeee;box-shadow:0 0 10px rgba(3,55,115,0.8)}
.indabout .cons li .pic { overflow:hidden;padding:28.4% 0; position: relative}
.indabout .cons li .row {padding:25px 25px 30px 25px; text-align: center}
.indabout .cons li .row .t {font-size:30px; line-height: 35px; font-weight:500;margin:0 0 20px 0;color:#033773}
.indabout .cons li .row .c {line-height:30px;min-height:90px;font-weight:400;}
.indabout .cons .indmore {text-align:center}

.indpro .list {background:#f0f0f0;padding:45px 0; position: relative}
.indpro .swiper-slide .pic {background: #dadada;padding:10%; position: relative}
.indpro .swiper-slide .pic .in {padding:69.6% 0; position: relative;}
.indpro .swiper-slide .title a {display:block;font-size:20px;color:#fff;padding:0 20px; background: #033773;height:77px;line-height: 25px; overflow: hidden; text-align: center;}
.indpro .swiper-slide:hover .title a { background: #0485f7;}
.indpro .swiper-container {margin:0 100px}
.indpro .swiper-button-next,.indpro .swiper-button-prev {margin-top:-25px;width:auto;height:auto; background: none}
.indpro .swiper-button-next:after,.indpro .swiper-button-prev:after {content:"\e87e";font-size:80px;width:auto;padding:0;height:auto;line-height:auto;color:#033773;border-radius:0;font-weight:700;transform: rotate(90deg);-ms-transform: rotate(90deg);-moz-transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);opacity:0.15}
.indpro .swiper-button-next:after {transform: rotate(-90deg);-ms-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-o-transform: rotate(-90deg);}
.indpro .swiper-button-prev {left:8px}
.indpro .swiper-button-next{right:8px}
.indpro .swiper-button-next:hover:after,.indpro .swiper-button-prev:hover:after{background:none;opacity:1}
.indhotpro .picbg { background: url("../images/1.webp") no-repeat center; background-size:cover;height:700px; position: relative; z-index: 1}
.indhotpro .list { background: #f0f0f0;padding:0 0 60px 0}
.indhotpro .list .in {background: #fff;padding:2% 2% 2% 2%;box-shadow:0px 0px 15px rgba(0,0,0,0.3);margin-top:-350px; position: relative; z-index: 10}
.indhotpro ul {width:102%;margin:-2% 0 0 -1%; }
.indhotpro li {width:18%;margin:2% 1% 0 1%;float:left;}
.indhotpro li .pic {padding:10%; position: relative;background: #fff;border:1px solid #ccdded;border-bottom:2px solid #033773}
.indhotpro li .pic .in2 {position:relative;padding:69.6% 0;  }
.indhotpro li .title {margin:10px 0 0 0}
.indhotpro li .title a {display:block; background: #f0f0f0;height:50px; line-height: 48px; overflow: hidden; text-align: center;font-size:15px;padding:0 10px}
.indhotpro li:hover .title a {background:#033773;color:#fff}
.indhotpro .indmore {text-align:center;margin:60px 0 0 0}
.indhotpro li:hover .pic {box-shadow:0 0 10px rgba(3,55,115,0.8)}

.indnews .list { background: url("../images/2.jpg") no-repeat center; background-size:cover;padding:80px 0}
.indnews .list ul {width:101.8%;margin:-1.6% 0 0 -0.8%}
.indnews .list li {float:left;width:23.4%;margin:1.6% 0.8% 0 0.8%; background: #fff;border-radius:10px;position:relative}
.indnews .list li .pic {position:relative;padding:28.5% 0; overflow: hidden;border-top-left-radius:10px;border-top-right-radius:10px;}
.indnews .list li .cons {padding:25px 25px 30px 25px}
.indnews .list li .cons .addtime {font-size:16px}
.indnews .list li .cons .title {height:56px; line-height: 28px; overflow: hidden;margin:17px 0}
.indnews .list li .cons .title a {font-weight:700;color:#000;font-size:16px}
.indnews .list li .cons .content {font-size:14px; line-height: 25px; height:50px; overflow: hidden;color:#666}
.indnews .indmore{text-align:center;margin-top:60px}
.indnews .list li.big {width:48.4%}
.indnews .list li.big .pic {border-radius:10px;padding:29.9% 0}
.indnews .list li.big .pic:before {content:'';position: absolute;left:0;top:0;width:100%;height:100%; z-index: 100;background: rgba(0,0,0,0.5);opacity:0}
.indnews .list li.big .cons {position:absolute;left:0;bottom:0; z-index: 200;width:100%;padding:0 25px 25px 25px;box-sizing: border-box}
.indnews .list li.big .cons .addtime,.indnews .list li.big .cons .content {display:none;}
.indnews .list li.big .cons .title {margin:0;height:auto}
.indnews .list li.big .cons .title a {color:#fff}
.indnews .list li.big:Hover .pic:before {opacity:1}
.bannerin {position:fixed; z-index:1;left:0;top:0;width:100%;padding:15.7% 0; overflow: hidden}
.bannerin .pic>.imgcover {width: 100%;-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);-webkit-animation: minus 7s 0s ease both infinite;-moz-animation: minus 7s 0s ease both infinite;animation: minus 7s 0s ease both infinite;animation-iteration-count: 1;	-webkit-animation-iteration-count: 1;}
@keyframes minus {0% {-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);}100% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}
.bannerin .cons {position:absolute;left:0;top:0;width:100%;height:100%; z-index: 100}
.bannerin .cons:before {content:'';position:absolute;left:0;top:0;width:100%;height:100%; z-index: 20; background: rgba(0,0,0,0.5)}
.bannerin .cons .c {color:#fff; position: relative; z-index: 1000;font-size:55px; line-height: 75px; font-weight:700; letter-spacing: 2px;text-transform:uppercase}
.maincons{position:relative;left:0;top:0;width:100%;background: #fff; z-index: 1000;margin-top:31.4%;}

.product {padding-top:20px}
.product .mleft {float:left;width:21%;margin:28px 0 0 0}
.product .mleft dt {font-size:30px;font-weight:700;color:#033773;line-height: 30px;padding:0 0 20px 0; text-align: center;}
.product .mleft dd h2 a {background: #033773;color:#fff;display:block; text-align: center;font-size:20px; line-height: 1.6; font-weight:400;padding:10px 15px 12px 15px;}
.product .mleft dd h2{margin-top:1px}
.product .mleft dd p a{display:block;background: #d8d8d8; text-align: center; line-height: 1.6;padding:12px 15px 14px 15px;color:#033773;font-weight:300;font-size:16px;border-top:1px solid #fff;}
.product .mleft dd h2.active a,.product .mleft dd h2 a:hover,.product .mleft dd p a:hover,.product .mleft dd p.active a {background: #0485f7;color:#fff}
.product .indhotpro {float:right;width:77%}
.product .indhotpro .in {border:1px solid #ebebeb;padding:2.5%}
.product .indhotpro li {width:23%}

.maincurrent {text-align:right;margin:30px 0 22px 0;font-size:14px;color:#666}
.maincurrent a {color:#666}
.maincurrent span.icon-home {display:inline-block; vertical-align: top;margin:-1px 8px 0 0;color:#033773}
.maincurrent span.icon-iconfonti {display:inline-block; vertical-align: top;margin:-1px 1px 0 1px}

.message .subject {font-weight:500;font-size:20px;margin:30px 0 15px 0}
.message .list {float:left;width:76.3%}
.message .list li {float:left;width:32.6666%}
.message .list li:nth-child(3) {margin:0 1%}
.message .list li.beizu {width:100%; clear: both;margin:1.2% 0 0 0}
.message .list li input {width:100%;height:45px;font-size:14px;padding:0 15px}
.message .list li textarea {width:100%; overflow: auto;height:150px;padding:10px 15px;font-size:14px; vertical-align: top;}
.message .btn {float:right;width:19.2%;margin:78px 0 0 4.5%}
.message .btn input {background:#0485f7;font-size:16px;padding:12px 0 14px 0;width:100%;color:#fff;border-radius:5px; cursor: pointer}

.about-message .message{background: #efefef;padding:15px 4% 15px 15px}
.message .list li {width:32.6666%}
.about-message .message .list li:nth-child(3) {margin:0}
.about-message .message .list li:nth-child(2) {margin:0 1%}
.about-message .message .list li textarea {height:350px}
.about-message .message .btn {margin-top:178px}

.proshow .maincurrent {text-align:left;padding:25px 0 13px 0; }
.proshow .in {border:1px solid #ebebeb;padding:35px 35px 40px 35px}
.proshow .mleft {float:left;width:45%;}
.proshow .mleft .onepic{padding:30px;display:block; background: #fff;box-shadow:0 0 10px rgba(3,55,115,0.8)}
.proshow .mright {float:right;width:50%}
.proshow .mright .t {font-size:28px; line-height: 38px;font-weight:700;color:#033773}
.proshow .mright .s {font-size:24px; line-height: 34px;font-weight:700;color:#0485f7;margin:40px 0 15px 0}
.proshow .mright .c {margin:0 0 60px 0;font-size:16px;font-weight:300;}
.proshow .mright .c img,.accordionservice .submenu img {max-width:100%}
.proshow .mright .c strong {color:#000}
.proshow .mright .message .list li input {border:1px solid #ebebeb}
.proshow .mright .message .list li textarea {border:1px solid #ebebeb}

.prodetail { position: relative;top:-1px}
.accordionservice li {margin:2px 0 0 0}
.accordionservice li .link {cursor: pointer;display: block;position: relative;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;font-size:25px; line-height: 30px;font-weight:700;color:#033773; background: #eaeaea;padding:20px 150px 24px 50px}
.accordionservice li .link:before {content:''; position: absolute;left:30px;top:26px;width:3px;height:20px; background: #0485f7;}
.accordionservice li .link i {position: absolute;right:40px;top:22px;font-size:22px}
.accordionservice li.open .link i {transform:rotate(-180deg);-ms-transform:rotate(-180deg); -moz-transform:rotate(-180deg); -webkit-transform:rotate(-180deg); -o-transform:rotate(-180deg);}
.accordionservice li.open .link { background:#033773;color:#fff}
.accordionservice li.open .link:before {background:#fff}
.accordionservice .submenu {display:none;border:1px solid #033773;padding:45px 50px 50px 50px;color:#000;font-weight:300;font-size:16px}
.prevnext {border-top:1px solid #ebebeb;margin:80px 0 0 0;padding:40px 0 0 0; position: relative;font-size:14px; line-height: 19px;color:#666}
.prevnext a {color:#666;}
.prevnext .prev {float:left;width:40%;padding:0 0 0 62px; position: relative}
.prevnext .back {float:left;width:20%;text-align: center; position: relative;top:-7px}
.prevnext .back a { background: #d3dadd;display:block;height:35px; line-height: 33px;width:95px; text-align: center;margin:0 auto;color:#000;}
.prevnext .back a:hover {background:#0485f7;color:#fff}
.prevnext .next {float:right;width:40%; position: relative; text-align: right}
.prevnext .next .in2 {display:inline-block;margin:0 0 0 auto;  position: relative;padding:0 0 0 62px;}
.prevnext p {background:#033773;color:#fff;height:25px; line-height: 23px;width:50px; text-align: center; position: absolute;left:0;top:-2px;font-size:12px}
.prevnext a:hover p {background:#0485f7;}
.mainmenu {background:#606060; text-align: center}
.mainmenu ul {border-right:1px solid #797979; display:inline-block}
.mainmenu li {display:inline-block; vertical-align: top; text-align: center;border-left:1px solid #797979;}
.mainmenu li a {font-size:20px; display: block;position: relative;height:70px; line-height: 68px;padding:0 50px}
.mainmenu li a p {position:relative; z-index: 10;color:#fff}
.mainmenu li a:before {content:''; position: absolute;left:0;top:0; background: #033773;width:0;height:100%; z-index: 1}
.mainmenu li a:Hover:before,.mainmenu li.check a:before {width:100%}
.mainmenu li:Hover a p,.mainmenu li.check a p{color:#fff}

.blog li {position:relative;min-height:230px;border-bottom:1px solid #dddddd;padding:50px 0}
.blog li.lifull {padding:45px 0 0 0}
.blog li .pic {position:absolute;left:0;top:50px;width:400px;height:230px; overflow: hidden;}
.blog li .pic span {position:absolute;left:50%;top:50%; background: url("../images/play.png") no-repeat center;width:60px;height:60px; z-index: 100;margin:-30px 0 0 -30px; background-size:cover;}
.blog li .cons {margin:0 0 0 480px;padding:21px 0 0 0}
.blog li.lifull .cons {margin:0;padding:0}
.blog li .cons .t {height:30px; line-height: 30px; overflow: hidden}
.blog li .cons .t a {font-weight:700;color:#033773;font-size:25px;}
.blog li .cons .c {margin:25px 0 40px 0; line-height: 35px; height:70px; overflow: hidden;color:#333;font-weight:300}
.blog li .cons .m {position:relative;font-size:16px;color:#033773}
.blog li .cons .m .indmore2 {position:absolute;right:0;top:-1px}
.indmore2 a {color:#033773;display:inline-block;padding:0 20px;border:1px solid #033773;height:30px; line-height: 28px;border-radius:30px;font-size:16px}
.indmore2 span {display:inline-block; vertical-align: top;margin:1px -2px 0 -1px;font-size:16px;}
.indmore2 a:hover {background:#033773;color:#fff}
.blog li:hover .cons .m .indmore2 a { background: #0485f7;color:#fff;border-color:#0485f7}

.maincurrent-news {text-align:left;border-bottom:1px solid #ebebeb;padding:0 0 18px 0;margin:20px 0}
.nshow .title { text-align: center;font-weight:700;font-size:35px; line-height: 50px;color:#033773;margin:60px 0 15px 0}
.nshow .addtime {color:#666; text-align: center;font-weight:300}
.nshow .text {box-shadow:0 0 5px rgba(0,0,0,0.3);padding:20px 20px 40px 20px;margin:50px 0 -60px 0}
.nshow .text .videos {margin:0 0 25px 0}
.nshow .text .pic2 {margin:0 0 35px 0}
.nshow .text .content {font-weight:300}
.prevnext-news {border-top-width:0;}
#myvideo {object-fit:cover; width:100%; height: 100%}
.videos{position: relative; text-align:center}
.video-btn{ cursor:pointer;position: absolute; z-index:1;opacity:1;left: 50%;top:50%;background:url(../images/play.png) no-repeat center; background-size:cover;width:60px; height:60px;margin:-30px 0 0 -30px}
.video-btn.active {opacity:0;width:0; height:0;margin:0}
.video-sp{width: 100%;}
video::-webkit-media-controls {opacity:0}
video::-webkit-media-controls:Hover {opacity:1}
.about .content { text-align:center;font-size:18px; line-height: 2;font-weight:300}
.about ul {margin:60px 0 0 0}
.about li {position:relative;margin:40px 0 0 0}
.about li .pic {width:49.7%;padding:14.15% 0; position: relative; overflow: hidden}
.about li .cons { position:absolute;right:0;top:0;width:49.7%; background: #f0f0f0;height:100%;padding:0 3% 0 5%}
.about li .cons .t {font-weight:700;color:#033773;font-size:30px; line-height: 47px;margin:0 0 40px 0; position: relative}
.about li .cons .t:before {content:''; position: absolute;left:0;bottom:-20px;width:60px;height:3px; background: #0485f7;}
.about li .cons .c {font-size:16px;font-weight:300}
.about li.li2 .pic {margin-left:50.3%;width:49.7%;}
.about li.li2 .cons { right:auto;left:0}
.contact .mleft {float:left;width:48%}
.contact .mleft .company {font-weight:700;color:#033773;font-size:28px; line-height:33px;}
.contact .mleft .address {border-bottom:1px solid #ddd;padding:5px 0 23px 0;margin:0 0 22px 0;color:#999;font-size:16px; letter-spacing: 1px}
.contact .mleft .content {line-height: 2}
.contact .mleft .content table {margin-top:10px}
.contact .mleft .content td { text-align: center;font-size:14px;color:#999;padding:0 50px 0  0}
.contact .mleft .content img {width:120px;margin-bottom:5px}
.contact .mleft .message {margin:50px 0 0 0}
.contact .mleft .message input[type="text"],.contact .mleft .message textarea {border:1px solid #ddd;}
.contact .mleft .social {margin:10px 0 0 0}
.contact .mleft .social li {display:inline-block; vertical-align: top;margin:0 3px 0 0 }
.contact .mright {float:right;width:48%;margin:10px 0 0 0}
.contact .mright iframe {width:100%;height:500px}
.choose {margin:-100px 0}
.choose li { position: relative;padding:120px 0}
.choose li .pic {width:40%;padding:15% 0; position: relative; overflow: hidden}
.choose li .cons {position:absolute;right:0;top:0;width:55%;height:100%;font-size:16px; line-height: 1.6}
.choose li .cons strong {font-size:20px; line-height: 1.8}
.choose li.li2 { background: #f0f0f0}
.choose li.li2 .pic {margin:0 0 0 60%}
.choose li.li2 .cons {right:auto;left:0}
.faq .accordionservice li .link {font-size:20px; line-height: 25px;}
.faq .accordionservice li .link:before {top:25px;width:3px;height:18px;}

.production ul {width:103%;margin:-3% 0 0 -1.5%}
.production li {float:left;width:30.3333%;margin:3% 1.5% 0 1.5%}
.production li .pic {position:relative;padding:33.2% 0; overflow: hidden;}
.production li .title {height:65px; line-height: 63px; overflow: hidden; text-align: center}
.production li .title a {display:block;background: #f0f0f0;font-size:20px;padding:0 15px}
.production li:hover .title a {background:#033773;color:#fff}
.team ul {width:103%;margin:-3% 0 0 -1.5%}
.team li {float:left;width:30.3333%;margin:3% 1.5% 0 1.5%}
.team li .pic {position:relative;padding:33.2% 0; overflow: hidden;}
.team li .title {height:30px; line-height: 30px; overflow: hidden; font-size:22px;font-weight:700;margin:20px 0 2px 0}
.team li .title a {color:#033773;}
.team li .title2 {height:30px; line-height: 30px; overflow: hidden; font-size:16px;color:#666}
.clickshow {cursor:pointer}

.floatdiv {position:fixed;left:0;top:0; z-index:9999;width:100%;height:100%; background: rgba(0,0,0,0.8);display:none;}
.floatdiv .floatin {position: absolute;top:0;left:0;width:100%;height:100vh;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;-moz-box-pack:center;-webkit-box-pack:center;box-pack:center;flex-direction:column;}
.floatdiv .floatin .floatclose {height:1px;width:700px; text-align: right; position: relative}
.floatdiv .floatin .floatclose span {color:#033773;font-weight:700;font-size:25px; line-height: 25px; cursor: pointer; position: absolute;right:10px;bottom:-35px;}
.floatdiv .floatin .divin {background:#fff;max-height:80%;width:700px; background: #fff; overflow-y: auto;padding:35px 35px 45px 35px;}
.floatdiv .floatin .divin .floatpic  {margin:0 0 20px 0}
.floatdiv .floatin .divin .floattitle {text-align:center;color:#033773;font-size:22px; line-height: 32px;font-weight:700;padding:0 0 25px 0}
.floatdiv .floatin .divin .floattitle.left {text-align:left}
.floatdiv .floatin .divin .floatcontent {font-size:16px;}
.floatdiv .floatin .divin img {margin:10px 0}
body.index.active { overflow:hidden}
.floatdiv .floatin .divin::-webkit-scrollbar {width:5px;}

.partner ul {display:flex;flex-wrap: wrap;margin:20px 0 60px 0}
.partner li {border:1px solid #eee;margin:-1px 0 0 -1px;height:95px;width:20%;display:flex;align-items: center;justify-content: center;box-sizing: border-box}
.partner li img {max-width:180px;max-height:60px;}

.foot {margin:100px 0 0 0; background: #033773;color:#fff;padding:65px 0 50px 0;font-size:14px}
.foot a {color:#fff;}
.foot .logo {float:left;width:26%;margin:5px 0 0 0;}
.foot .mright {float:right;width:74%;}
.foot .mright .cons {float:left;max-width:45%}
.foot .mright .cons:nth-child(2) {float:right}
.foot .mright .cons .t {font-size:20px;margin:0 0 15px 0;font-weight:500}
.foot .copy {border-top:1px solid rgba(255,255,255,0.4);margin:60px 0 0 0;padding:10px 0 0 0}
.foot .copy .content {float:left;width:60%}
.foot .copy .social {float:right;width:40%; text-align: right;padding:5px 0 0 0}
.foot .copy .social li {display:inline-block; vertical-align: top;margin:0 0 0 5px}
.fixright { position: fixed;right:1px;top:50%; z-index: 2000;margin-top:-50px}
.fixright li { position:relative;margin:1px 0; }
.fixright li .tubiao {border-radius:5px;border-top-right-radius:0;border-bottom-right-radius:0;width:50px; height:50px; line-height:50px; cursor:pointer;text-align: center;color:#fff;background:#033773;}
.fixright li .tubiao span {font-size:25px}
.fixright li.whats span {font-size:22px} 
.fixright li .cons { display:none; position: absolute;right:52px;top:0;box-shadow:0 0 5px rgba(0,0,0,0.3);border-radius:5px; background: #fff;min-height:50px}
.fixright li:hover .tubiao { background: #0485f7;}
.fixright li.tel .cons {width:190px; height: 50px; line-height:50px;padding:0 0 0 15px;font-weight:700}
.fixright li.whats .cons {width:260px;}
.fixright li.tel .cons font {color:#999;margin:0 10px 0 0}