/*初始化样式*/
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,navs,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#333;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;}
a:hover,a:active,a:focus{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;}
h1,h2{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}
p{margin:0;}
/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}
/*滚动*/
#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left;width:800%!important;}
#demo1 {float: left;}
#demo2 {float: left;}
#m_demo{overflow:hidden;width:92%;margin:0 auto;}
#m_indemo {float: left;width:800%!important;}
#m_demo1 {float: left;}
#m_demo2 {float: left;}
.pos{position: relative;width:1920px;left:50%;margin-left:-960px;}
.wh{width:1200px;margin:0 auto;}
.com-img{ overflow:hidden;}
.com-img img{ transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;}
.com-img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}
.roll_product {float: left;}
/*头部样式*/
.top1{background:#e6e6e6;color:#595959;height:27px;line-height:27px;overflow:hidden;font-size:14px;}
.top1 a{color:#595959;}
.top2{height:143px;overflow:hidden;}
.logo{float:left;line-height:143px;}
.k2{margin-top: 5px;font-size:14px;color:#333333;line-height:35px;background: url(/images/t.png) no-repeat left center;padding-left:54px;}
.k2 p:nth-child(2){color:#2459a9;font-size:27px;}
.product_list1{margin-top:38px;}
.product_list1 li{float:left;margin-right:57px;margin-bottom:28px;}
.product_list1 li:nth-child(4n){margin-right:0;}
.product_list1 li img{width:257px;height:293px;}
.product_list1 li h3{text-align:center;font-weight:normal;color:#3f3f3f;font-size:20px;}
.xysy{font-size: 16px; line-height: 30px;}
.xysy img{max-width: 100%;}
/*主体样式*/
.ssddds{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.xyin-case-sort li:hover, .xyin-case-sort li.on {
background: #3c486d;
position: relative;
color: #fff;
cursor: pointer;
}
.xyin-case-sort li:hover a, .xyin-case-sort li.on a {
color: #fff;
}
.aby_hh li:hover .aby_hh_img img{
filter: invert(49%) sepia(93%) saturate(369%) hue-rotate(900deg) brightness(60%) contrast(93%);
}
/*页面底部*/
.foot{background:#333;}
.f_nav{width:826px;margin-top:40px;}
.f_nav dl{float:left;width:136px;height:186px;overflow:hidden;}
.f_nav dt{margin-bottom:8px;font-size:19px;color:#333;font-weight:normal;}
.f_nav dd a{font-size:12px;color:#333;line-height:20px;}
.copyright{text-align:center;line-height:24px;}
/*内页左侧样式*/
.page-product-inquiry a{color: #fff;}
.cganghh{
width: 1202px;
margin: 0 auto;
font-family: "Microsoft Yahei";
}
.ttohng{
line-height: 44px;
height: 44px;
overflow: hidden;
background: #f6f7f7;
font-size: 14px;
color: #000;
}
.ttohng a{
color: #000;
}
.hyon{
width: 45%;
text-align: right;
}
.dlogo{
width: 40%;
}
.dlogo img{
max-width: 100%;
height: auto;
}
.homgn{
width: 370px;
}
.homgnle{
background: url(../image/98b168db02df19d3ba5601ee0b3365f7ceb3f24f.png) left center no-repeat;
box-sizing: border-box;
padding-left: 60px;
width: 260px;
padding-top: 33px;
}
.homgnle_a{
font-size: 14px;
font-weight: normal;
font-style: italic;
font-stretch: normal;
line-height: 28px;
letter-spacing: 0px;
color: #000000;
}
.homgnle_b{
font-size: 25px;
font-weight: 600;
font-style: italic;
font-stretch: normal;
line-height: 28px;
letter-spacing: 0px;
color: #004ea1;
}
.homgnrt{
width: 76px;
height: 76px;
margin-top: 27px;
}
.gung{
background: #004ea1;
}
/**/
.nei{
box-sizing: border-box;
padding: 80px 0;
overflow: hidden;
}
.cpghg{
text-align: center;
}
.cpghg_a{
font-size: 38px;
font-weight: 600;
font-stretch: normal;
line-height: 55px;
letter-spacing: 0px;
color: #242424;
}
.cpghg_a span{
color: #004ea1;
}
.cpghg_a em{
margin-left: 5px;
}
.cpghg_b{
font-size: 16px;
font-weight: normal;
font-stretch: normal;
line-height: 45px;
letter-spacing: 0px;
color: #242424;
}
.cooghle{
width: 256px;
}
.cooghleg{
background: #004ea1;
height: 128px;
text-align: center;
color: #fff;
box-sizing: border-box;
padding-top: 28px;
}
.cooghleg_a{
font-size: 14px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
color: #ffffff;
text-transform: uppercase;
line-height: 28px;
}
.cooghleg_b{
font-size: 31px;
font-weight: 600;
font-stretch: normal;
letter-spacing: 0px;
color: #ffffff;
line-height: 40px;
}
.cooghlenei{
background: #ededed;
box-sizing: border-box;
padding:28px 26px;
}
.cooghlenei li{
background: url(../image/640acbe16f9fb1b8ebc4bae8cf6a0dd9d2e6430a.png) left center no-repeat;
box-sizing: border-box;
padding-left: 40px;
font-size: 17px;
line-height: 55px;
}
.cooghlenei li a{
color: #242424;
}
.cooghlenei li:hover a{
color: #004ea1;
font-weight: 600;
}
.cooghrt{
width: 921px;
}
.coogh{
margin-top: 50px;
}
.cooghrt li{
width: 293px;
}
.cooghrt_img img{
width: 100%;
height: auto;
}
.cooghrt_a{
text-align: center;
font-size: 18px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
color: #242424;
line-height: 70px;
}
.cooghrt_a a{
color: #242424;
}
/**/
.nei1{
background: url(../image/943aeaef573f163df8aa4667540723a540df1c7c.jpg) center center no-repeat;
height: 993px;
overflow: hidden;
box-sizing: border-box;
padding: 80px 0;
}
.liyou{
margin-top: 55px;
}
.gufnjhg{
width: 640px;
}
.liyou{
margin-top: 55px;
}
.liyoule li{
background: #fff;
width: 144px;
height: 242px;
text-align: center;
box-sizing: border-box;
padding: 40px 0;
}
.liyoule_a{
font-size: 59px;
font-weight: 400;
font-stretch: normal;
letter-spacing: -3px;
color: #212121;
line-height: 60px;
}
.liyoule_b{
background: url(../image/3b400efbb7702d16236168b537790fcc941b9f46.png) center center no-repeat;
width: 16px;
height: 16px;
margin: 10px auto 0;
}
.liyoule_c{
font-size: 18px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
color: #212121;
line-height: 40px;
margin-top: 10px;
}
.liyoule_d{
font-size: 12px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
color: #4b4d56;
opacity: 0.6;
text-transform: uppercase;
}
.liyoule{
margin-bottom: 25px;
}
.hung_a{
font-size: 18px;
font-weight: 600;
font-stretch: normal;
letter-spacing: 0px;
color: #212121;
line-height: 40px;
}
.hung_b{
font-size: 16px;
font-weight: normal;
font-stretch: normal;
line-height: 35px;
letter-spacing: 0px;
color: #333333;
box-sizing: border-box;
padding: 10px 0;
}
.gufnjhg li:hover, .gufnjhg li.on {
background: #004ea1;
position: relative;
color: #fff;
cursor: pointer;
}
.gufnjhg li:hover .liyoule_a, .gufnjhg li.on .liyoule_a{
color: #fff;
}
.gufnjhg li:hover .liyoule_a, .gufnjhg li.on .liyoule_c{
color: #fff;
}
.gufnjhg li:hover .liyoule_a, .gufnjhg li.on .liyoule_d{
color: #9399a6;
}
.gufnjhg li:hover .liyoule_b, .gufnjhg li.on .liyoule_b{
background: url(../image/88b7918590d2091f950ef0abdf192ae46239dacf.png) center center no-repeat;
}
.gufnjhg li:hover a, .gufnjhg li.on a {
color: #fff;
}
.gufnjhg li:hover .liyoule_a{
color: #fff;
}
.hintug{
width: 527px;
height: 412px;
overflow: hidden;
}
.youhaomh{
margin-top: 90px;
background: #fff;
border-radius: 50px;
padding: 25px 55px;
}
.youhaomh_img{
float: left;
width: 73px;
height: 73px;
}
.youhaomhnei{
float: right;
width: 380px;
}
.youhaomh li{
width: 44%;
}
.youhaomhnei_a{
font-size: 18px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
color: #333333;
line-height: 42px;
}
.youhaomhnei_b{
border-bottom: #dbdbdd 1px solid;
}
.youhaomhnei_c{
font-size: 16px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 5px;
color: #333333;
opacity: 0.6;
text-transform: uppercase;
line-height: 40px;
}
/**/
.nei3{
padding: 70px 0;
overflow: hidden;
}
#certify {
position: relative;
margin:75px auto 0;
}
#certify .swiper-container {
padding-bottom: 60px;
}
#certify .swiper-slide {
width: 505px;
height: 367px;
}
#certify .swiper-slide img{
display:block;
width: 500px;
}
#certify .swiper-slide p {
line-height: 80px;
padding-top: 0;
text-align: center;
font-size: 19px;
font-weight: 600;
font-stretch: normal;
letter-spacing: 0px;
color: #212121;
display: none;
}
#certify .swiper-pagination {
width: 100%;
bottom: 20px;
}
#certify .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 5px;
border: 3px solid #fff;
background-color: #d5d5d5;
width: 10px;
height: 10px;
opacity: 1;
}
#certify .swiper-slide-active p{
display: block;
}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
border: 3px solid #00aadc;
background-color: #fff;
}
#certify .swiper-button-prev {
left: 310px;
width: 36px;
top: 41%;
height: 78px;
background: url(../image/724a3faecc679bca199cfaea34d0e79546c1131d.png) no-repeat;
background-position: 0 0;
background-size: 100%;
}
#certify .swiper-button-prev:hover {
/* background-position: 0 -46px; */
background-size: 100%
}
#certify .swiper-button-next {
right: 315px;
top: 41%;
width: 36px;
height: 78px;
background: url(../image/66a9b821dcd913bcf74bc3e2be6c71fbce819e18.png) no-repeat;
background-size: 100%;
}
#certify .swiper-button-next:hover {
background-size: 100%
}
.youhaong{
width: 530px;
margin: 45px auto 0;
background-color: #dcdcdc;
border-radius: 20px;
line-height: 50px;
height: 50px;
}
.youhaongle{
background-color: #004ea1;
border-radius: 20px;
width: 193px;
text-align: center;
font-size: 18px;
color: #fff;
font-weight: 600;
}
.youhaongle a{
color: #fff;
}
.youhaongrt{
width: 300px;
background: url(../image/3f16e6819e21dbeb3cadd6eaf618c69a8203f829.png) left center no-repeat;
font-size: 25px;
font-weight: 600;
font-style: italic;
font-stretch: normal;
line-height: 50px;
letter-spacing: 0px;
color: #004ea1;
box-sizing: border-box;
padding-left: 40px;
}
/***/
.nei4{
background: url(../image/f9876074703b14cccfd4e893117441f6d467f9ac.jpg) center center no-repeat;
height: 851px;
overflow: hidden;
box-sizing: border-box;
padding-top: 95px;
}
.abghg{
margin-top: 55px;
}
.abghgle{
width: 213px;
height: 297px;
background: rgba(255,255,255,0.8);
box-sizing: border-box;
padding: 85px 0;
text-align: center;
}
.abghgle_img{
background: url(../image/9881f1e8a1590cc1f0d2cde965757f849ac369c1.png) center center no-repeat;
margin: 0 auto;
height: 84px;
width: 84px;
}
.abghgle_imga{
background: url(../image/76184c1e2111fe0d0b38cdfd23233c95f9c5c6a2.png) center center no-repeat;
margin: 0 auto;
height: 84px;
width: 84px;
}
.abghgle_a{
font-size: 20px;
font-weight: 600;
font-stretch: normal;
line-height: 45px;
letter-spacing: 0px;
color: #004ea1;
}
.abghgle_a a{
color: #004ea1;
}
.abghgle_ab{
font-size: 20px;
font-weight: 600;
font-stretch: normal;
line-height: 45px;
letter-spacing: 0px;
color: #fff;
}
.abghgle_ab a{
color: #fff;
}
.abghgzfd{
width: 755px;
height: 297px;
background: rgba(255,255,255,0.8);
position: relative;
box-sizing: border-box;
padding: 30px 40px;
}
.abghgzfd_a{
font-size: 16px;
font-weight: normal;
font-stretch: normal;
line-height: 35px;
letter-spacing: 0px;
color: #242424;
}
.abghgzfd_m{
position: absolute;
bottom: -27px;
width: 53px;
height: 53px;
background: url(../image/477e57ff56d9fe80d730daf440b4926e1cf1b9bf.png) no-repeat;
left: 45%;
}
.abghger{
width: 213px;
height: 297px;
background: rgba(0,78,161,0.8);
box-sizing: border-box;
padding: 85px 0;
text-align: center;
}
/***/
.nei5{
padding: 75px 0;
}
.huobanrt{
width: 184px;
height: 48px;
background-color: #004ea1;
border-radius: 20px;
line-height: 48px;
text-align: center;
font-size: 20px;
font-weight: 600;
margin-top: 10px;
}
.huobanrt a{
color: #fff;
}
.huobang{
margin-top: 40px;
}
.huobang li{
width: 223px;
height: 134px;
margin-bottom: 13px;
cursor: pointer;
}
.huobang_img {
border: #d2d2d2 1px solid;
}
.huobang_img img{
width: 100%;
height: auto;
}
.huobang li:hover .huobang_img {
border: #004ea1 2px solid;
}
/**/
.nei6{
background: url(../image/50a63f40edeb38b856f72e6724c946c871d6cac3.png) center center no-repeat;
height: 272px;
overflow: hidden;
box-sizing: border-box;
padding: 54px 0;
}
.liyungle{
width: 730px;
color: #fff;
}
.liyungle_a{
font-size: 35px;
font-weight: normal;
font-stretch: normal;
line-height: 40px;
letter-spacing: 0px;
color: #ffffff;
}
.liyungle_b{
font-size: 46px;
letter-spacing: 2px;
color: #ffffff;
font-weight: 600;
line-height: 75px;
}
.liyungle_c{
font-size: 16px;
font-weight: normal;
font-stretch: normal;
line-height: 40px;
letter-spacing: 0px;
color: #7f95b7;
text-transform: uppercase;
}
.liyungrt{
width: 230px;
color: #fff;
}
.liyungrt_a{
font-size: 16px;
font-weight: normal;
font-stretch: normal;
line-height: 22px;
letter-spacing: 0px;
color: #ffffff;
}
.liyungrt_b{
font-size: 30px;
font-weight: 600;
font-stretch: normal;
line-height: 45px;
letter-spacing: 0px;
color: #ffffff;
}
.liyungrt_m{
background: url(../image/fbe39e8692110c01ba70cb1199a023ffd2d734d3.png) center center no-repeat;
line-height: 50px;
font-size: 21px;
color: #fff;
text-indent: 40%;
margin-top: 20px;
}
.liyungrt_m a{
color: #fff;
}
/**/
.nei9{
background: url(../image/e6b26425580db2218457e6bf53165e6a8a8f9b30.jpg) center center no-repeat;
height: 810px;
box-sizing: border-box;
padding-top: 60px;
}
.xwguyhng{
margin: 50px auto 0;
width: 650px;
}
.xwguyhng li{
height: 64px;
background-color: #f4f4f4;
line-height: 64px;
padding: 0 28px;
width: 32%;
font-size: 22px;
}
.xwguyhng li a{
color: #333333;
}
.xwguyhng_img{
float: left;
width: 40px;
height: 28px;
}
.hudnjh{
float: right;
width:102px;
}
.xeguyng{
margin-top: 76px;
}
.xeguyngle{
width: 720px;
}
.xeguyngrt{
width: 450px;
}
.xeguyngle li{
width: 346px;
}
.xeguyngle li:nth-child(1) .xeguyngle_img1{
display: none;
}
/*.xeguyngle li:nth-child(2) .xeguyngle_img{
display: none;
}*/
.xeguynglenei{
box-sizing: border-box;
padding: 20px 0;
}
.xeguynglenei_a{
font-size: 18px;
font-weight: normal;
font-stretch: normal;
line-height: 40px;
letter-spacing: 0px;
color: #333333;
}
.xeguynglenei_a a{
color: #333333;
}
.xeguynglenei_b{
font-size: 14px;
font-weight: normal;
font-stretch: normal;
line-height: 24px;
letter-spacing: 0px;
color: #999999;
}
.xeguynglenei_c{
font-size: 14px;
font-weight: normal;
font-stretch: normal;
line-height: 30px;
letter-spacing: 0px;
color: #888888;
margin-top: 30px;
background: url(../image/8e7153689a858711620af5bb300fdabaeb3b5b9c.png) right center no-repeat;
}
.xeguyngrt li{
border: #e8e8e8 1px solid;
box-sizing: border-box;
padding: 20px 10px;
margin-bottom: 26px;
background: #fff;
cursor: pointer;
}
.xeguyngrt li:nth-child(3){
margin-bottom: 0px;
}
.xeguyngle li:hover .xeguynglenei_c{
background: url(../image/94122bcf419416df30b0ea1c39aa41a8e74adb74.png) right center no-repeat;
}
.xeguyngle li:hover .xeguynglenei_a a {
color: #004ea1;
font-weight: 600;
}
.xeguyngrts{
float: left;
width: 88px;
text-align: center;
border-right: #e8e8e8 1px solid;
}
.xeguyngrts_a{
font-size: 40px;
font-weight: 600;
font-stretch: normal;
line-height: 40px;
letter-spacing: 0px;
color: #004ea1;
}
.xeguyngrts_b{
font-size: 14px;
font-weight: normal;
font-stretch: normal;
line-height: 24px;
letter-spacing: 0px;
color: #666666;
}
.xeguyngrtnei{
float: right;
width: 310px;
}
.xeguyngrtnei_a{
font-size: 18px;
font-weight: normal;
font-stretch: normal;
line-height: 33px;
letter-spacing: 0px;
color: #333333;
}
.xeguyngrtnei_a a{
color: #333333;
}
.xeguyngrtnei_b{
font-size: 14px;
font-weight: normal;
font-stretch: normal;
line-height: 22px;
letter-spacing: 0px;
color: #999999;
}
.xeguyngrt li:hover .xeguyngrtnei_a a{
color: #004ea1;
}
.dhufnjh{
background: url(../image/938e8be1a86feec5c17623ab032b98082cc4c6ad.png) center center no-repeat;
height: 597px;
overflow: hidden;
}
.foot_nav li .x-nav-menu{
display: none;
}
.xianhg{
border-bottom: #fff 1px solid;
}
.hkiyu{
margin-top: 60px;
}
.hkiyule{
width: 600px;
color: #fff;
height: 325px;
}
.hkiyule_a{
font-size: 32px;
font-weight: 600;
font-stretch: normal;
line-height: 50px;
letter-spacing: 0px;
color: #ffffff;
}
.hkiyule_b{
box-sizing: border-box;
padding: 30px 0;
font-size: 18px;
font-weight: normal;
font-stretch: normal;
line-height: 31px;
letter-spacing: 0px;
color: #ffffff;
}
.hkiyurt{
width:365px;
}
.hkiyurt li{
width: 150px;
}
.hkiyurt_a{
text-align: center;
font-size: 16px;
font-weight: normal;
font-stretch: normal;
line-height: 40px;
letter-spacing: 0px;
color: #ffffff;
}
.banqudn{
text-align: center;
font-size: 14px;
font-weight: normal;
font-stretch: normal;
line-height: 22px;
letter-spacing: 0px;
color: #ffffff;
}
.banqudn a{
color: #fff;
}
.xwguyhng li:hover, .xwguyhng li.on {
background: #004ea1;
position: relative;
color: #fff;
cursor: pointer;
}
.xwguyhng li:hover a, .xwguyhng li.on a {
color: #fff;
}
.xwguyhng li:hover .xwguyhng_img img, .xwguyhng li.on .xwguyhng_img img{
filter: invert(49%) sepia(93%) saturate(369%) hue-rotate(900deg) brightness(260%) contrast(93%);
}
#yzm{max-width: 144px; float: left;}