html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,nav,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#666;position:relative;font:12px/1.5 Microsoft YaHei,arial,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}
input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}
.clear{clear: both;}
h1,h2,h3,h4{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}
@font-face{
font-family: 'font';
src: url("../fonts/HarmonyOS_Sans_SC_Regular.ttf");
}
@font-face{
font-family: 'font1';
src: url("../fonts/gilroy-regular-3.otf");
}
@font-face{
font-family: 'font2';
src: url("../fonts/gilroy-black-6.otf");
}
.top{width:100%;height: 86px;background: #fff;border-top:8px solid #fc6a1f;}
.top h1{float: left;}
.top-list{float:right;}
.tel{float: left;}
.tel-img{float: left;margin-top: 22px;}
.tel-tit{float: left;margin-left: 7px;font-family: font;font-size: 18px;color:#06305a;font-weight: bold;margin-top: 13px;}
.tel-tit p{font-family: font;font-size:14px;color:#999;text-transform: uppercase;}
.tel-zhix{float: left;width:2px;height: 56px;background: #ededed;margin: 10px 25px 0;}
/*.menu{width:100%;height: 60px;background:#06305a;}
.menu li{float: left;}
.menu li a{display: block;padding: 0 40px;font-family: font;font-size: 14px;color:#fff;line-height: 60px;}
.menu li a:hover{background: #fc6a1f;}
@media screen and (max-width: 1439px){
.menu li a{padding: 0 30px;}
}*/
.menu{width:100%;height: 60px;background:#06305a;}
.menu li{float: left;}
.menu li a{display: block;padding: 0 40px;font-family: font;font-size: 14px;color:#fff;line-height: 60px;}
.menu li a:hover{background: #fc6a1f;}
.menu li ul { width:250px; line-height: 35px; list-style-type:none; text-align:left; left:-999em; background:#fff;z-index:9999; position: absolute;margin-left: -50px;}
.menu li ul a{ display: block; width:250px;height: 50px;font-family: font; font-size:14px;line-height: 50px; color:#231816;text-align: center;border: none;padding:0;}
.menu li ul li{height: 50px;}
.menu li ul a:hover { color:#fff;background: #fc6a1f;}
.menu li:hover ul { left: auto;}
.menu li.sfhover ul { left: auto;}
#content { clear: left;}
@media screen and (max-width: 1439px){
.menu li a {padding: 0 30px;}
}
.navbar-header {
padding-top:0;
position:relative;
}
.navbar-header .navbar-toggle {
border:1px solid #b4b8bc;
height:34px;
padding:0 5px;
}
@media screen and (max-width: 991px){
.navbar-header .navbar-toggle {margin-top: 22px;}
}
.navbar-header .navbar-toggle .menu {
color:#333;
left:10px;
line-height:34px;
position:absolute;
top:0
}
.navbar-header .navbar-toggle .icon-bar {
background-color:#999
}
.navbar-header .navbar-toggle:hover {
background:#f58220;
border:1px solid #f58220;
}
.navbar-header .navbar-toggle:hover .icon-bar {
background-color:#fff
}
.toleft {
-webkit-transition:all .21s ease-out;
left:0;
overflow-x:hidden;
position:relative;
transition:all .21s ease-out
}
.push-toleft {
-webkit-transition:all .21s ease-out;
left:-260px;
transition:all .21s ease-out
}
.menuid.menuopen {
-webkit-transition:all .21s ease-out;
left:0;
opacity:1;
transition:all .21s ease-out
}
.push-toleft .head {
left:-260px
}
#cbp-spmenu-s2 {
-webkit-transition:all .21s ease-out;
transition:all .21s ease-out
}
.menuid {
-webkit-transition:all .21s ease-out;
height:100%;
left:100%;
opacity:0;
position:fixed;
top:0;
transition:all .21s ease-out;
width:100%;
z-index:9999
}
.menuopen .mobile-menu-overlay {
display: block;
-webkit-transition: all 0.21s ease-out;
transition: all 0.21s ease-out;
}
.mobile-menu-overlay {
background:#000;
display:none;
filter:alpha(opacity=30);
height:100%;
opacity:0.3;
position:absolute;
right:0;
top:0;
width:200%;
z-index:9
}
.cbp-spmenu-right {
-webkit-box-shadow:0 0 10px rgba(0,0,0,0.3);
-webkit-overflow-scrolling:touch;
background:rgba(1, 46, 120, 0.8);
box-shadow:0 0 10px rgba(0,0,0,0.3);
display:block;
height:100%;
max-width:260px;
overflow:auto;
padding:60px 0 40px;
position:absolute;
right:0;
top:0;
width:100%;
z-index:10
}
.cbp-spmenu-right .ulchild {
padding-left:20px;
}
.cbp-spmenu-right li a {
border-bottom:solid 1px #001c4a;
color:#fff;
display:block;
padding:15px 23px
}
.cbp-spmenu-right li a:hover {
background:#f58220;
text-decoration:none
}
.menuid .icon-close {
-webkit-transition:all .21s ease-out;
cursor:pointer;
display:block;
font-size:16px;
padding:20px 20px 0 0;
position:absolute;
right:0;
top:0;
transition:all .21s ease-out
}
.menuid .icon-close span {
-webkit-transition:all .21s ease-out;
background:url(../images/clod.png) no-repeat center;
color:#fff;
font-size:18px;
height:14px;
transition:all .21s ease-out;
width:14px
}
.menuid .icon-close:hover span {
color:#f58220;
}
.fullwidthbanner-container {
width:100%!important;
position: relative;
max-height: 470px!important;
box-shadow: 0px 5px 8px rgb(0,0,0,0.3);
background:#EBEBEB url(../images/loader.gif) no-repeat 50%;
}
.tp-simpleresponsive>ul>li {
list-stye: none;
position: absolute;
visibility: hidden;
}
.tp-caption h3 {
font: 500 50px/60px "Microsoft Yahei";
color:#FF0;
width:50%;
padding: 6% 0 0;
margin:0 auto;
display:block;
-webkit-transition:font-size 0.2s ease-out;
text-shadow: 0 1px 5px rgba(86, 86, 86, 0.8);
}
.tp-caption h4 {
font:600 60px/80px "Microsoft Yahei";
color:#C00;
width:30%;
padding: 6% 0 0;
margin:0 auto;
display:block;
-webkit-transition:font-size 0.2s ease-out;
text-shadow: 0 4px 5px rgba(255, 255, 255, 0.98);
}
.tp-simpleresponsive .slotholder *,.tp-simpleresponsive img {
-webkit-transform:translateZ(0);
-webkit-backface-visibility:hidden;
-webkit-perspective:1000;
}
.tp-simpleresponsive .caption,.tp-simpleresponsive .tp-caption {
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
-moz-opacity:0;
-khtml-opacity:0;
opacity:0;
position:absolute;
visibility:hidden;
}
.tp-simpleresponsive img {
max-width:none;
}
.tp-leftarrow.default {
border-radius:3px;
z-index:100;
cursor:pointer;
position:relative;
background:url(../images/prev.png) no-repeat;
background-size:contain;
padding-top:20px!important;
width:80px;
height:80px;
text-align:center;
-webkit-transition:background .5s ease-in-out;
-moz-transition:background .5s ease-in-out;
-o-transition:background .5s ease-in-out;
-ms-transition:background .5s ease-in-out;
transition:background .5s ease-in-out;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
filter:alpha(opacity=0);
opacity:0;
-khtml-opacity:0;
-moz-opacity:0;
visibility:visible;
left:50px !important;
}
.tp-rightarrow.default {
border-radius:3px;
z-index:100;
cursor:pointer;
position:relative;
background:url(../images/next.png) no-repeat;
background-size:contain;
padding-top:20px!important;
width:80px;
height:80px;
text-align:center;
-webkit-transition:background .5s ease-in-out;
-moz-transition:background .5s ease-in-out;
-o-transition:background .5s ease-in-out;
-ms-transition:background .5s ease-in-out;
transition:background .5s ease-in-out;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
filter:alpha(opacity=0);
opacity:0;
-khtml-opacity:0;
-moz-opacity:0;
visibility:visible;
right:50px !important;
}
.banner img{width:100%;height: auto;}
.zi-banner{width:100%;padding:175px 0;background: #333;}
.zi-banner-en{font-family: font2;font-size: 48px;color:#fff;text-transform: uppercase;}
.zi-banner h2{font-family: font;font-size: 36px;color:#fff;margin-top: 9px;}
.list{background: #e5e5e5;}
.list ul{float: left;}
.list li{float: left;}
.list li a{display: block;padding: 0 20px;font-family: font;font-size: 14px;line-height:80px;color:#06305a;}
.loc{float: right;line-height: 80px;font-family: font;font-size:14px;color:#06305a;}
.loc a{font-family: font;font-size:14px;color:#333;}
.list li a:hover{background: #fc6a1f;color:#fff;}
.loc a:hover{color:#fc6a1f;}
@media screen and (max-width: 1439px){
.list li a{padding: 0 10px;}
}
@media screen and (max-width: 991px){
.loc{display: none;}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
.z_banner_text{transition: 2s ease; opacity: 0; transition-delay: .5s; width: 100%; padding: 0 8.3vw; box-sizing: border-box; color: #fff;}
.z_banner_text .en{font-family:font2;font-size: 48px;font-weight: bold; text-transform: uppercase; margin-bottom: 1vw;}
.z_banner_text .cn{font-family: font; font-size: 36px;; display: inline-block; position: relative; line-height: 2.08vw;}
.z_banner_text .dot{ margin-top: 1.5vw;}
.z_banner_text .dot em{ display: inline-block;width: 16px;height: 16px;border-radius: 50%; }
.z_banner_text .dot .d1{background: #fff; animation: dot1 2s linear infinite;}
.z_banner_text .dot .d2{background: #2565d2;
opacity: 0.8; animation: dot2 2s linear infinite;}
@keyframes dot1 {
0%{transform: translateX(0);}
50%{transform: translateX(16px);}
100%{transform: translateX(0px);}
}
@keyframes dot2 {
0%{transform: translateX(0px);}
50%{transform: translateX(-16px);}
100%{transform: translateX(0px);}
}
.z_other_banner{width:100%;padding:180px 0;position: relative;}
.z_other_banner .z_banner_text{ opacity: 1; transform: translateY(-25%);}
.z_other_banner .z_banner_bar{ padding-bottom: 3.5vw;}
.z_other_banner .z_banner_bar::before{ height: 3vw;}
.animated {
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.product{padding: 120px 0 150px;background: url("../images/bj1.png") no-repeat center;background-size:cover;}
.product h2{font-family: font;font-size: 36px;color:#333;text-align: center;}
.product-en{font-family: font1;font-size: 18px;color:#999;text-align: center;text-transform: uppercase;margin-top: 4px;}
.product ul{margin-left: -20px;margin-top: 52px;}
.product li{padding-left: 20px;}
.product li a{display: block;padding:20px 20px 0 20px;background: #f5f5f5;border-bottom: 4px solid #2565d2;}
.product-img{width:100%;height: auto;overflow: hidden;}
.product-img img{width:100%;height: auto;}
.product-tit{padding: 40px 0;}
.product-tit h3{font-family: font;font-size: 20px;color:#333;text-align: center;}
.product-tit h4{font-family: font1;font-size: 12px;color:#999;text-align: center;text-transform: uppercase;margin-top: 7px;}
.product-more{margin-top: 80px;}
.product-more a{display: block;width:220px;height: 60px;border-radius: 30px;background: #2565d2;margin: 0 auto;font-family: font;font-size: 16px;text-align: center;line-height: 60px;color:#fff;}
.product-more a:hover{background: #fc6a1f;color:#fff;}
.product li a:hover .product-tit h3{color:#2565d2;}
.product li a:hover .product-img img{
-webkit-transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-ms-transition: all 1s;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
}
.product1{padding: 120px 0 150px;background: url("../images/bj2.png") no-repeat fixed;background-size:cover;}
.product1 h2{font-family: font;font-size: 36px;color:#fff;text-align: center;}
.product1-en{font-family: font1;font-size: 18px;color:#ccc;text-align: center;text-transform: uppercase;margin-top: 4px;}
.product1 ul{margin-left: -60px;margin-top: 73px;}
.product1 li{padding-left: 60px;}
.product1-img{width:100%;height: auto;overflow: hidden;border-radius: 100%;border:2px solid #fff;padding: 25px;}
.product1-image{width:100%;height: auto;border-radius: 100%;border:1px solid #2565d2;background: #fff;overflow: hidden;}
.product1-image img{width:100%;height: auto;}
.product1-tit{margin-top:40px;}
.product1-tit h3{font-family: font;font-size: 20px;color:#fff;text-align: center;}
.product1-tit h4{font-family: font1;font-size: 12px;color:#999;text-align: center;text-transform: uppercase;margin-top: 7px;}
.product1 li a:hover .product1-img{border:2px solid #2565d2;}
.product1 li a:hover .product1-tit h3{color:#fc6a1f;}
.product1 li a:hover .product1-image img{
-webkit-transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-ms-transition: all 1s;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
}
.product2{padding: 120px 0 150px;background: url("../images/bj3.png") no-repeat center;background-size:cover;}
.product2-left{padding-right: 70px;}
.product2-left h2{font-family: font;font-size: 36px;color:#333;}
.product2-en{font-family: font1;font-size: 18px;color:#999;text-transform: uppercase;margin-top: 4px;}
.product2-zhix{width:100%;height: 1px;background: #666;margin: 32px 0;}
.product2-con{font-family: font;font-size: 14px;color:#333;line-height: 30px;text-align: justify;height: 120px;overflow: hidden;}
.product2-left ul{margin-left: -20px;margin-top: 40px;}
.product2-left li{padding-left: 20px;margin-top: 20px;}
.product2-left li a{display: block;width:100%;height: 70px;border-radius: 10px;background: #2565d2;}
.product2-left li a h3{float: left;font-family: font;font-size: 16px;color:#fff;line-height: 70px;padding-left: 20px;}
.product2-left li a p{float: right;font-family: font;font-size: 16px;color:#fff;line-height: 70px;padding-right: 20px;}
.product2-left li a:hover{background: #fc6a1f;}
.product3{padding: 120px 0 150px;background: url("../images/bj4.png") no-repeat center;background-size:cover;}
.product3-left{display: block;width: 100%;height:100px;}
.product3-right{padding-left: 70px;}
.product3-right h2{font-family: font;font-size: 36px;color:#fff;}
.product3-en{font-family: font1;font-size: 18px;color:#ccc;text-transform: uppercase;margin-top: 4px;}
.product3-zhix{width:100%;height: 1px;background: #ccc;margin: 32px 0;}
.product3-con{font-family: font;font-size: 14px;color:#fff;line-height: 30px;text-align: justify;height: 120px;overflow: hidden;}
.product3-right ul{margin-left: -20px;margin-top: 40px;}
.product3-right li{padding-left: 20px;margin-top: 20px;}
.product3-right li a{display: block;width:100%;height: 70px;border-radius: 10px;background: #2565d2;}
.product3-right li a h3{float: left;font-family: font;font-size: 16px;color:#fff;line-height: 70px;padding-left: 20px;}
.product3-right li a p{float: right;font-family: font;font-size: 16px;color:#fff;line-height: 70px;padding-right: 20px;}
@media screen and (max-width: 991px){
.product3-right{padding-left: 0;}
}
.product3-right li a:hover{background: #fc6a1f;}
.about-left img{width:100%;height: 550px;}
.about-right{padding: 90px 0;padding-left: 50px;}
.about-en{font-family: font2;font-size: 48px;color:#2565d2;text-transform: uppercase;}
.about-right h2{font-family: font;font-size: 36px;color:#333;margin-top: 10px;}
.about-content{font-family: font;font-size: 14px;color:#666;line-height: 30px;width:78%;text-align: justify;height: 150px;overflow:hidden;margin-top: 31px;}
.about-more{margin-top: 35px;}
.about-more img{float: left;}
.about-more p{float: left;font-family: font;font-size: 14px;color:#2565d2;font-weight: bold;margin-top:8px;margin-left:10px;}
.about-more a:hover p{color:#fc6a1f;}
.about-bj{width:100%;padding: 110px 0;background: url("../images/about-bj.png") no-repeat fixed;background-size: cover;}
.about-bj h2{font-family: font;font-size: 30px;color:#fff;text-align: center;}
.new{padding: 120px 0;background: #fff;}
.new-en{font-family: font2;font-size: 48px;color:#2565d2;text-transform: uppercase;}
.new-tit{float: left;}
.new-tit-more{float: right;margin-top: 41px;}
.new-tit-more img{float: left;}
.new-tit-more p{float: left;font-family: font;font-size: 14px;color:#2565d2;font-weight: bold;margin-top:8px;margin-left:10px;}
.new-tit-more a:hover p{color:#fc6a1f;}
.new h2{font-family: font;font-size: 36px;color:#333;margin-top: 10px;}
.new ul{margin-top: 43px;}
.new li a{display: block;padding: 40px 30px;border: 1px solid #e5e5e5;background: #fff;}
.new li a h3{font-family: font;font-size: 18px;color:#333;height: 20px;overflow: hidden;}
.new-img{width:100%;height: auto;overflow: hidden;margin-top: 25px;}
.new-img img{width:100%;height:auto;}
.new-content{font-family: font;font-size: 14px;color:#666;line-height: 30px;margin-top: 21px;height: 90px;overflow: hidden;}
.new-more{font-family: font;font-size: 16px;color:#2565d2;font-weight: bold;margin-top: 24px;}
.new li a:hover{background: #2565d2;}
.new li a:hover h3{color:#fff;}
.new li a:hover .new-content{color:#fff;}
.new li a:hover .new-more{color:#fc6a1f;}
.new li a:hover .new-img img{
-webkit-transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-ms-transition: all 1s;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
}
.footer{padding: 100px 0;background: url("../images/footer.png") no-repeat center;background-size: cover;}
.footer-tel{font-family: font;font-size: 30px;color:#fff;}
.footer-tel font{font-family: font;font-size: 20px;color:#fff;font-weight: bold;margin-top: -4px;}
.footer-zhix{width:100%;height: 1px;background: #fff;margin: 35px 0 200px 0;}
.footer-left{float: left;}
.footer-right{float: right;width:120px;}
.er{width:100px;}
.er img{width:100px;height: 100px;}
.er p{font-family: font;font-size: 12px;color:#fff;text-align: center;margin-top: 10px;}
.banq{font-family: font;font-size: 12px;color:#fff;margin-top: 23px;}
.icp{font-family: font;font-size: 12px;color:#fff;margin-top: 11px;}
.icp a{font-family: font;font-size: 12px;color:#fff;}
.footer-mobi{font-family: font;font-size: 12px;color:#fff;}
.footer-mobi font{font-family: font;font-size: 16px;color:#fff;font-weight: bold;margin-top: 6px;}
.footer-mail{font-family: font;font-size: 12px;color:#fff;line-height: 24px;margin-top: 32px;text-transform: uppercase;}
.footer-mail a{font-family: font;font-size: 12px;color:#fff;}
.footer-mail a:hover{color:#fc6a1f;}
.company{padding: 120px 0;background: #fff;}
.company h2{font-family: font;font-size: 30px;color:#333;font-weight: bold;text-align:center;}
.company-fk{width:50px;height: 3px;background: #2565d2;margin: 0 auto;margin-top: 27px;}
.company-content{font-family: font;font-size: 16px;color:#666;line-height: 36px;margin-top: 35px;}
.products{padding: 90px 0 120px;background: #f5f5f5;}
.products h2{font-family: font; font-size:30px;color:#333;}
.products-zhix{width:40px;height:3px;background:#2565d2;margin:14px 0 44px;}
.products-list ul{margin-left: -30px;}
.products-list li{padding-left: 30px;padding-top:30px;}
.products-img{width: 100%;height: auto;overflow: hidden;background: #fff;}
.products-img img{width:100%;height: auto;}
.products-right{padding: 30px;height: 295px; background: #fff;border-left:1px solid #ededed;}
.products-right h3{font-family: font;font-size: 18px;color:#333;height: 19px;overflow: hidden;}
.products-con{font-family: font;font-size: 14px;line-height: 30px;color:#666;height: 90px;overflow: hidden;margin-top:40px;text-align: justify;}
.products-more{width:50%;height: 40px;
background-image: linear-gradient(to right ,#2565d2,#033a94,#0754d1,#106aff);
font-family: font;font-size: 14px;color:#fff;text-align: center;line-height: 40px;border-radius: 10px;margin-top: 40px;}
.products li a:hover .products-right{background: #2565d2;}
.products li a:hover .products-right h3{color:#fff;}
.products li a:hover .products-con{color:#fff;}
.products li a:hover .products-more{background: #fff;color:#2565d2;}
.products li a:hover .products-img img{
-webkit-transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-ms-transition: all 1s;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
}
@media screen and (max-width: 1439px){
.products-con{height: 60px;overflow: hidden;}
.products-right{height: 230px;}
.products-more{margin-top: 20px;}
}
@media screen and (max-width: 991px){
.products-con{height:60px;overflow: hidden;}
.products-right{height: auto;}
}
.products-detail{padding:120px 0;background: #fff;}
.products-detail img{width:100%;height: auto;border: 1px solid #f2f2f2;box-sizing: border-box;}
.products-detail-right{padding-left: 50px;}
.products-detail-right h3{font-family: font;font-size: 30px;color:#333;font-weight: bold;}
.products-detail-con{padding:120px 0;background: #f5f5f5;}
.products-detail-content{padding:50px;background: #fff;}
.products-detail-content h3{font-family: font;font-size: 30px;color:#333;font-weight: bold;line-height:48px;}
.products-detail-con-fk{width:60px;height: 3px;background: #2565d2;margin-top: 30px;}
.products-detail-con-content{font-family:font;font-size: 14px;line-height: 30px;color: #666;}
.products-detail-zhix{width: 100%;height: 1px;background: #f2f2f2;margin: 50px 0;}
.right-zhix{width:60px;height: 3px;background: #2565d2;margin: 30px 0;}
.right-fk a{display: block;width:100px;height: 40px;border-radius: 5px; background: #2565d2;font-size: 14px;text-align: center;line-height:40px;color: #fff;font-family: font;}
.right-fk a:hover{background: #fc6a1f;color:#fff;}
@media screen and (max-width: 1439px){
.products-detail-content img{width:100%;height: auto;}
}
@media screen and (max-width: 991px){
.products-detail-right{padding-left: 0;}
.products-detail-right h3{margin-top: 50px;}
.products-detail-content{padding:30px;}
.products-detail-contnet h3{line-height: 30px;}
.products-detail-con-fk{margin-top: 20px;}
.products-detail-con-content{margin-top: 50px;}
}
.page2{margin-top:200px;}
.prev,.next{font-size:14px;color:#333;font-family: font;}
.next{margin-top: 11px;}
.prev a,.next a{font-size:14px;color:#333;float: none !important;background: none;border: none;font-family: font;}
.prev a:hover,.next a:hover{background: none;border: none;color:#f58220;}
.service{padding: 90px 0;background: #f5f5f5;}
.service h2{font-family: font;font-size: 30px;color:#333;font-weight: bold;text-align:center;}
.service-zhix{width:50px;height: 3px;background: #2565d2;margin: 0 auto;margin-top: 27px;}
.service-list ul{margin-left: -30px;margin-top:20px;}
.service-list li{padding-left: 30px;padding-top: 30px;}
.service-img{width:100%;height: auto;overflow: hidden;position: relative;}
.service-img img{width: 100%;height: auto;}
.service-date{width:100px;height: 40px;background: #2565d2;font-family: font1;font-size: 14px;font-weight: bold;text-align: center;line-height: 40px;color:#fff;position: absolute;right:0;bottom:0;}
.service-tit{padding: 50px 30px;background: #fff;}
.service-tit h3{font-family: font;font-size: 18px;color:#333;height:20px;overflow: hidden;}
.service-con{font-family: font;font-size: 14px;color:#666;line-height: 30px;margin-top: 16px;height: 90px;overflow: hidden;}
.service-list a:hover .service-tit h3{color:#2565d2;}
.service-list a:hover .service-img img{
-webkit-transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-ms-transition: all 1s;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
}
.technical{padding: 120px 0;background: #fff;}
.technical h2{font-family: font;font-size: 30px;color:#333;font-weight: bold;text-align:center;}
.technical-zhix{width:50px;height: 3px;background: #2565d2;margin: 0 auto;margin-top: 27px;}
.technical-list{border-top:1px solid #e5e5e5;margin-top: 50px;}
.technical-list li a{display: block;padding:50px 0;border-bottom:1px solid #e5e5e5;}
.technical h3{float: left;font-family: font;font-size: 14px;color:#333;}
.technical-date{float: right;font-family: font1;font-size: 14px;color:#2565d2;}
.technical-list li a:hover h3{color:#2565d2;font-weight: bold;}
.news-d{padding: 120px 0;background: #f5f5f5;}
.news-d h2{font-family: font; font-size:30px;color:#333;text-transform: uppercase;}
.news-d-zhix{width:40px;height:3px;background:#012e78;margin:14px 0 44px;}
.news-d-con{padding: 50px;background: #fff;font-family: font;font-size: 16px;line-height:36px;color:#666;}
.news-d-date{float: left;font-family: font;font-size: 14px;color:#333;}
.news-d-date font{font-family: font;font-size: 14px;color:#012c78;font-weight: bold;}
.news-d-ci{float: right;font-family: font;font-size: 14px;color:#333;}
.news-d-ci font{font-family: font;font-size: 14px;color:#012c78;font-weight: bold;}
.news-d-zhixian{width:100%;height: 1px;background: #f2f2f2;margin:14px 0;}
.news-de-right{padding-left: 30px;}
.news-de-list{padding:30px;background: #fff;}
.news-de-tit h3{font-size: 16px;color:#012e78;font-family: font;}
.news-de-list li{margin-top: 20px;}
.news-de-list li h3{font-size: 14px;color:#242021;font-family: font;}
.news-de-list li a:hover h3{color:#f58220;}
.return{width:100%;height:80px;background: #fff;}
.return a{display: block;width:100%;height: 80px;font-size: 16px;color:#666;text-align: center;line-height: 80px;font-family: font2;}
.return a:hover{color:#f58220;}
.return a img{margin-top: -2px;margin-right:10px;}
@media screen and (max-width: 991px){
.news-de-right{padding-left: 0;margin-top: 30px;}
}
.honor-list{padding:90px 0 120px;background: #fff;}
.honor-list ul{margin-left: -30px;}
.honor-list li{padding-left: 30px;margin-top: 30px;}
.honor-list-img{width:100%;height: auto;overflow: hidden;border:1px solid #e5e5e5;}
.honor-list-img img{width:100%;height: auto;}
.honor-list h3{width:100%;height:60px;background: #e5e5e5;font-family: font;font-size: 16px;color:#012e78;text-align: center;line-height: 60px;}
.honor-list li a:hover h3{background: #f58220;color:#fff;}
.honor-list li a:hover .honor-list-img img{
-webkit-transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-ms-transition: all 1s;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
}
.contacts{padding:120px 0;background: #fff;}
.contacts h2{font-family: font; font-size:30px;color:#333;}
.contacts-zx{width:100%;height: 1px;background: #e5e5e5;margin-top: 45px;}
.contacts li{font-family: font; font-size: 16px;color:#333;line-height: 30px;margin-top: 40px;}
.contacts li a{font-family: font;font-size: 16px;color:#333;text-transform: uppercase;}
.contacts li a:hover{color:#2565d2;}
.message{padding:120px 0;background:url(../images/message-bj.png) no-repeat center fixed;background-size: cover;margin-top: 120px;}
.messager{padding: 80px;background: #fff;border-top:5px solid #2565d2;}
.messager h2{font-family:font;font-size:22px;color:#333;}
.messager-fk{width:20px;height: 3px;background:#2565d2;margin-top: 25px;}
.messager-content{font-family:font;font-size: 14px;color:#333;line-height: 30px;margin-top:36px;}
.messager-tel{font-family:font;font-size: 14px;color:#333;margin-top: 50px;}
.messager-tel p{font-family:font2;font-size: 24px;color:#2565d2;}
.message ul{padding-left: 30px;margin-top: -30px;}
.message li{margin-top:30px;}
.message input{font-family:font;width:100%;height: 50px;border: 0;border-bottom: 1px solid #e5e5e5;outline: none;}
.message li p{font-family:font;font-size: 14px;color: #333;}
.message textarea{font-family:font;width:100%;height:250px;border: 0;border-bottom: 1px solid #e5e5e5;outline: none;padding-top:20px;}
.message button{width:100%;height: 50px;background: #2565d2;border:0;font-family:font;font-size: 14px;color:#fff;outline: none;}
@media (max-width:990px) {
.messager-tel{margin-bottom:36px;}
.message ul{padding:0;}
}
@media (max-width:550px) {
.messager{padding:30px;}
}
.page{margin-top: 50px;}
.page ul{text-align: center;}
.page li{display: inline-block;margin-left:13px;}
.page li a{display: block;padding:10px;background: #ededed;color:#333;font-size: 14px;font-family: font;}
.page li a:hover{background: #f58220;color:#fff;}
.page .current{padding:10px;background: #2565d2;color:#fff;font-family: font;}
.page #lastspan{padding:10px;background: #ededed;color:#333;font-size: 14px;margin-left: 4px;font-family: font;}
.page a:hover #lastspan{background: #f58220;color:#fff;}
@media screen and (max-width: 550px){
.page ul{margin-top:30px;}
}