@font-face {
    font-family: 'DINCONDBOLD';
    src: url('../font/DINCONDBOLD.eot');
    src:
    url('../font/DINCONDBOLD.eot?#font-spider') format('embedded-opentype'),
    url('../font/DINCONDBOLD.woff') format('woff'),
    url('../font/DINCONDBOLD.ttf') format('truetype'),
    url('../font/DINCONDBOLD.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}


html { background: #ffffff; }
body { min-width: 1220px; font-size: 14px; color: #555; font-family: "Arial", "微软雅黑", "Helvetica", "sans-serif"; }
button{margin:0;padding:0;outline:none;border:0px;background-color:transparent;}
a { color: inherit; transition: 0.3s ease; margin:0;padding:0;text-decoration: none;}
.fl{float:left;}
.fr{float:right;}

.tran300 ,img{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear}
.w1200{width:1200px;margin:0 auto;}
.clearfix:after{ display:block; visibility:hidden; clear:both; height:0; content:"";}
.clearfix{zoom:1;}

.g_cw { width: 1200px; margin: 0 auto; }
.g_cw::after { content: ''; display: block; clear: both; }

.g_header .top{width:100%;height:30px;background-color:#ebebeb;}
.g_header .top p,.g_header .top button{float:right;line-height:30px;}
.g_header .top button{color:#0d64c0;}

.g_header { clear: both;}
.g_header .menuIcon {
    width: 20px;
    cursor: pointer;
    display: none;
}

.g_header .menuIcon span {
    display: block;
    height: 2px;
    background: #3b7ae3;
    margin-top: 5px;
    position: relative;
}

.g_header .menuIcon span:first-child {
    margin-top: 0;
}

.g_header p.top { text-align: right; font-size: 12px; color: #999; padding: 10px 0 0; }
.g_header p.top .sp { margin: 0 20px; color: #ccc; }
.g_header p.top a:hover { text-decoration: underline; }
.g_header p.top a.btn { line-height: normal; display: inline-block; padding: 3px 8px; border-radius: 2px; transition: ease 0.3s; }
.g_header p.top a.btn:hover,
.g_header p.top a.btn.on { background: #00baff; color: #fff; text-decoration: none; }

.g_header .bar .logo { float: left; line-height: 86px; font-size: 0; }
.g_header .bar .logo .pc img { vertical-align: middle; }
.g_header .bar .logo .mb { display: none; }

.g_header .bar a.user { display: none; }
.g_header .bar .menu { display: none; }

.g_header .nav { float: left; line-height: 86px;}
.g_header .nav li:last-chird{margin-left:10px;border-left:1px solid #dbdbdb;}
.g_header .nav > li { float: left; }
.g_header .nav > li > a { display: inline-block; padding: 0 12px; font-size: 16px; }
.g_header .nav > li > a.last { padding-right: 0; }
.g_header .nav > li > a:hover,
.g_header .nav > li > a.on { color: #0d64c0;}
.g_header .nav li:hover{
    transform:translate3d(0, -4px, 0);
    -webkit-transform:translate3d(0, -4px, 0);
    -moz-transform:translate3d(0, -4px, 0);
    -ms-transform:translate3d(0, -4px, 0);;
}

.g_header .language {float: left; line-height: 86px;margin-left:5px; margin-right:20px;}
.g_header .language > li { float: left; padding-left:5px; }
.g_header .language > li > a { display: inline-block; font-size: 16px; color:#b3b3b3;}
.g_header .language > li > a.last { padding-right: 0; }
.g_header .language > li > a:hover,
.g_header .language > li > a.on { color: #0d64c0;}

.g_header .language_btn{margin-left:20px;width:20px;height:86px;cursor:pointer;float:left;background: url(../images/language_btn.png) no-repeat right center;}

.login_box{float:right;}
.login_box li{float:left;line-height:86px;}
.login_btn a{color:#0d64c0;}

.g_header .nav > li.svr { display: none; }
.g_header .search_btn{margin-left:40px;width:20px;height:86px;cursor:pointer;float:left;background: url(../images/search_btn_black.png) no-repeat right center;}


.login-popup { position: fixed; left: 0; top: 0;right: 0;bottom: 0; height: 100%; width: 100%;background: url(../images/grayBg.png) repeat;visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 9999;  opacity: 0;}
.login-popup.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; }
.login-popup-container { position: relative; background: #fff; width: 600px; margin: 0 auto; top: 50%; margin-top: -190px; background: #FFF; border-radius: .4rem .4rem .4rem .4rem; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.is-visible .login-popup-container { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.hidden_login .close_btn { position: absolute; right: 20px; top: 0; padding: 10px; width: 22px; height: 22px; -webkit-transition: 0.5s; transition: 0.5s; }
.hidden_login .close_btn:after, .hidden_login .close_btn:before { background: #cccccc; width: 20px; height: 3px; display: block; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; content: ""; position: absolute; left: 10px; top: 11px; }
.hidden_login .close_btn:before { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.hidden_login .close_btn:after { -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: 26px; }
.hidden_login .close_btn:hover:after, .hidden_login .close_btn:hover:before { background: #0d64c0;}


/* html.um .g_header .bar .logo { position: relative; z-index: 1; float: none; text-align: center; line-height: 50px; }
html.um .g_header .bar .logo .pc { display: none; } */
html.um .g_header .bar .logo .mb img { max-height: 40px; vertical-align: middle; }

html.um .g_header .nav { position: fixed; z-index: 99; float: none; line-height: normal; left: 0; top: -100%; bottom: 100%; right: 0; background: #fff; visibility: hidden; opacity: 0; padding: 20px 30px 30px 30px; transition: 0.5s ease; }
html.um .g_header .nav > li { float: none; }
html.um .g_header .nav > li:not(:last-child) { border-bottom: 1px solid rgba(0,0,0,0.05); }
html.um .g_header .nav > li a { padding: 20px 30px; display: block; }

html.um .g_header.open .nav { top: 50px; bottom: 0; visibility: visible; opacity: 1; }

html.um .g_header .nav > li .user { display: none; }


.link{text-align: right;line-height: 20px;padding-right: 40px;}
	
.ui-dialog{ 
    width: 380px;height: auto;display: none;
    position: absolute;z-index: 9000;
    top: 0px;left: 0px;
    border: 1px solid #D5D5D5;background: #fff;
}

.ui-dialog a{text-decoration: none;}

.ui-dialog-title{
    height: 48px;line-height: 48px; padding:0px 20px;color: #535353;font-size: 16px;
    border-bottom: 1px solid #efefef;background: #f5f5f5;
    cursor: move;
    user-select:none;
}
.ui-dialog-closebutton{
    width: 16px;height: 16px;display: block;
    position: absolute;top: 12px;right: 20px;
    background: url(images/close_def.png) no-repeat;cursor: pointer;

}
.ui-dialog-closebutton:hover{background:url(images/close_hov.png);}

.ui-dialog-content{
    padding: 15px 20px;
}
.ui-dialog-pt15{
    padding-top: 15px;
}
.ui-dialog-l40{
    height: 40px;line-height: 40px;
    text-align: right;
}

.ui-dialog-input{
    width: 100%;height: 40px;
    margin: 0px;padding:0px;
    border: 1px solid #d5d5d5;
    font-size: 16px;color: #c1c1c1;
    text-indent: 25px;
    outline: none;
}
.ui-dialog-input-username{
    background: url(images/input_username.png) no-repeat 2px ;
}

.ui-dialog-input-password{
    background: url(images/input_password.png) no-repeat 2px ;
}
.ui-dialog-submit{
    width: 100%;height: 50px;background: #3b7ae3;border:none;font-size: 16px;color: #fff;
    outline: none;text-decoration: none;
    display: block;text-align: center;line-height: 50px;
}
.ui-dialog-submit:hover{
    background: #3f81b0;
}

.ui-mask{ 
    width: 100%;height:100%;background: #000;
    position: absolute;top: 0px;height: 0px;z-index: 8000;
    opacity:0.4; filter: Alpha(opacity=40);
}



.bannerframes { position: relative; z-index: 0; clear: both; }
.bannerframes .frames,
.bannerframes .frames a,
.bannerframes .frames div { display: block; height: 100%; }
.bannerframes .frames a { background-position: center top; background-repeat: no-repeat; background-size: auto 100%; }

html.um .bannerframes .slick-prev { left: 0; }
html.um .bannerframes .slick-next { right: 0; }

.bannersingle { clear: both; height: 240px; margin-bottom: 50px; background: #F3F3F3; text-align: center; overflow: hidden; background-position: center top; background-repeat: no-repeat; background-size: auto 100%; }
.bannersingle .h1 { font-size: 1.8em; margin-top: 80px; margin-bottom: 20px; }
.bannersingle .h2 { color: #999; }

.product_container{width:100%;height:500px;background-color:#f2f2f2;z-index:-2;}
.product{width:1200px;margin:0 auto;position:relative;padding-top:50px;}
.title{font-size:32px;text-align:center;color:#1a1a1a;position:relative;height:32px;}
.title h1{position:absolute;width:1200px;left:0;top:0;z-index:2}
.title .line{width:50px;height:6px;background-color:#0d64c0;position:absolute;z-index:1;left:50%;margin-left:-25px;top:50px;}
.swiper-slide{position:relative;border:solid 1px #e5e5e5;overflow:hidden;}
.swiper-slide .pro_img img{position:absolute;top:0;left:0;right:0;bottom:20%;margin:auto;max-width:270px;}
.swiper-slide p{position:absolute;bottom:20px;font-weight:bold;color:#1a1a1a;left:0;right:0}
.swiper-slide:hover{
    -moz-box-shadow:0 0 14px rgba(0,0,0,0.1);/*firefox*/  
    -webkit-box-shadow:0 0 14px  rgba(0,0,0,0.1);/*webkit*/  
    box-shadow:0 0 14px  rgba(0,0,0,0.1);/*opera或ie9*/ }
.swiper-slide:hover p{color:#0d64c0;}
.swiper-slide:hover img{transform:scale(1.1);transition:all 0.5s ease;}

.tab_list{ height: 300px; position: relative; margin-top:40px;overflow: hidden; display: none; }
.tab-wrap .show{ display: block;}
.tab-wrap .tab_list li{display: inline-block; margin-left: 32px;background: #f3f3f3;border:solid 1px #ebebeb; transition:0.4s;-webkit-transition:0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;-ms-transition: 0.4s;}
.tab-wrap .tab_list li.ml0{margin-left:0px;}
.tab-wrap .tab_list li a.imgwrap{ display: block; width: 270px; height: 210px; background: #fff;text-align:center;padding:10px 10px 10px 10px;}
.tab-wrap .tab_list li a.imgwrap img{max-width:250px;}
.tab-wrap .tab_list li p{width:270px;padding:0 10px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;text-align:center;color: #666666;background-color:#fff;line-height: 80px;}
.tab-wrap .tab_list li p a{ color: #1a1a1a; text-decoration: none;font-size:18px;font-weight:bold;}
.tab-wrap .tab_list li p a:hover{ color: #0d64c0; text-decoration: none;}


.about_container{width:100%;overflow:hidden;background: url(../images/about_bg.jpg) no-repeat center top;z-index:-2;}
.about{width:1200px;margin:0 auto;position:relative;padding-top:50px;}
.about .data{text-align:center;position:relative;width:1200px;padding-right:120px;margin-top:30px;}
.about .data li{display:inline-block;margin-left:165px;}
.about .data li h1{text-align:center;font-size:64px;font-family: "DINCONDBOLD";color:#0d64c0}
.about .data li p{font-size:14px;color:#4c4c4c;line-height:30px;}
.about .about_detail{width:1200px;padding:0 100px;text-align:center;font-size:14px;color:#4c4c4c;margin-top:40px;}
.company_introduction{float:left;width:600px;height:400px;padding:60px 40px;margin-top:60px;background: url(../images/about_text_bg.jpg) no-repeat;}
.company_introduction h1{font-size:24px;color:#fff;}
.company_introduction p{font-size:14px;color:#fff;line-height:28px;margin:20px 0;}
.introduction_more{width:120px;height:38px;border:solid 1px #fff;text-align:center;}
.introduction_more:hover{background:#fff;}
.introduction_more:hover a{color:#0d64c0;}
.introduction_more a{color:#fff;line-height:38px;}
.video{position:relative;float:left;width:600px;height:400px;margin-top:60px;overflow:hidden;}
.video .black_bg{width:100%;height:100%;position:absolute;z-index:1}
.video img{transition:all 0.6s linear;position:absolute;top:0;left:0;z-index:2}
.video img:hover{transform: scale(1.1)}
.video i{background:url(../images/video_btn.png) no-repeat center center;z-index:3;position:absolute;width:72px;height:72px;top:50%;left:50%;margin-left:-36px;margin-top:-36px;}

.news_container{width:100%;}
.news{width:1200px;margin:0 auto;position:relative;padding-top:50px;}
.news_bd ul{
    width:100%;
    margin-top:40px;
    -moz-box-shadow:0 0 14px rgba(0,0,0,0.1);/*firefox*/  
    -webkit-box-shadow:0 0 14px  rgba(0,0,0,0.1);/*webkit*/  
    box-shadow:0 0 14px  rgba(0,0,0,0.1);/*opera或ie9*/ 
    overflow:hidden;
    transition: 0.2s ease;
}
.news_bd ul li{width:25%;float:left;}
.news_bd ul li .bd_box{padding:40px 30px;}
.news_bd ul li .news_time{width:105px;height:80px;position:relative;}
.news_bd ul li .news_time .news_time_day{transition: all 0.3s ease;font-size:54px;font-family:"Arial";font-weight:bold;color:#d1d1d1;}
.news_bd ul li .news_time .news_time_year{transition: all 0.3s ease;position:absolute;font-size:12px;background:#fff;right:30px;bottom:26px;color:#666666;}
.news_bd ul li h1{font-size:18px;color:#000000;font-weight:bold;line-height:24px;height:48px;overflow:hidden;}
.news_bd ul li p{font-size:14px;color:#666666;line-height:24px;height:48px;overflow:hidden;margin-top:12px;}
.news_bd ul li:hover .news_time_day{color:#0d64c0;transition: all 0.3s ease;}
.news_bd ul li:hover .bd_box{background:#f0f0f0;transition: all 0.3s ease;}
.news_bd ul li:hover .news_time_year{background:#f0f0f0;transition: all 0.3s ease;}

.ny_container{margin-top:30px;}
.nybanner .listName{position:relative;margin-top:10px;}
.nybanner .listName h1{font-size:32px;color:#fff;text-align:center;}
.nybanner .listName .listName_line{width:40px;height:4px;background:#fff;position:absolute;left:50%;margin-left:-20px;margin-top:20px;}
.nybanner{width:100%;height:320px;padding-top:118px;}
.nybanner .w1200{background:url(../images/gray60.png) repeat;overflow:hidden;position:relative;;padding:20px 20px 0 20px;;}
.nybanner .w1200 .form .text{width:1060px;height:44px;border-radius:4px 0 0 4px;background:#fff;font-size:14px;text-indent:12px;border:none;}
.nybanner .w1200 .form .subm{width:100px;height:44px;border:none;border-radius:0px 4px 4px 0;background:#0d64c0;color:#fff;font-size:14px;cursor: pointer;}
.nybanner .w1200 .form .subm:hover{background:#0c5bae;}
.nybanner .w1200 span{color:#fff;opacity:0.8;line-height:40px;}
.local{width:100%;height:44px;border-bottom:1px solid #e0e0e0;}
.local_nav p{display:inline-block;line-height:44px;}
.local_nav a{display:inline-block;margin-right:10px;line-height:44px;}
.local_nav a:hover{color:#0d64c0;}

.ny_container .tab ul{width:1200px;height:auto;background:#e2e5f5;font-size: 0}
.ny_container .tab ul li{display:inline-block;line-height:44px;padding:0 20px 0 20px;text-align:center;font-size:16px;}
.ny_container .tab ul .on{background:#0d64c0;color:#fff;}
.ny_container .tab ul li:hover{background:#0d64c0;color:#fff;}

.productFilter{padding: 26px 0 33px;}
.productFilter dl{border-bottom: 1px solid #e6e6e6;}
.productFilter dl:first-child{border-top: 1px solid #e6e6e6;}
.productFilter dl dt{width: 110px;font-size: 14px;color: #333333;line-height: 32px;font-weight: bold;}
.productFilter dl dd.cont{width: 1012px;font-size: 14px;line-height: 34px;height: 34px;padding:5px 0;overflow: hidden;box-sizing:content-box}
.productFilter dl dd.cont a{margin-right: 32px;}
.productFilter dl dd.cont a.on,.productFilter dl dd.cont a:hover{color: #0d64c0;}
.productFilter dl dd.btn{width: 60px;height: 24px;border:1px solid #d1d1d1;border-radius: 4px;text-align: center;margin-top: 10px;line-height: 24px;font-size: 14px;color: #4c4c4c;cursor: pointer;}
.productFilter dl dd.btn em{margin-left: 6px;-webkit-transform: rotateZ(90deg);transform: rotateZ(90deg);display: inline-block;*display: inline;*zoom: 1;font-family: "SimSun"; }
.productFilter dl dd.btn:hover{border-color: #0d64c0;background: #0d64c0;color: #fff;}

.seemore{
    cursor:pointer;
    font-size: 16px;
    width: 120px;
    display: inline-block;
    height: 40px;
    border: 1px solid #e0e0e0;
    line-height: 40px;
    text-align: center;
    margin-left: 540px;
}
.seemore:hover{background:#0d64c0;border:none;color:#fff;}

.ny_container{width:100%;overflow:hidden;}
.ny_container .productWrap ul{font-size:0;margin-right:-40px;}
.ny_container .productWrap ul li{width:270px;display:inline-block;height:300px;position:relative;overflow:hidden;border:solid 1px #ebebeb;margin-right:40px;margin-bottom:40px;}
.ny_container .productWrap img{position:absolute;top:0;left:0;right:0;bottom:20%;margin:auto;max-width:270px;}
.ny_container .productWrap p{position:absolute;bottom:20px;font-weight:bold;color:#1a1a1a;left:0;right:0;font-size:18px;text-align:center;}
.ny_container .productWrap li:hover{
    -moz-box-shadow:0 0 14px rgba(0,0,0,0.1);/*firefox*/  
    -webkit-box-shadow:0 0 14px  rgba(0,0,0,0.1);/*webkit*/  
    box-shadow:0 0 14px  rgba(0,0,0,0.1);/*opera或ie9*/ }
.ny_container .productWrap li:hover a{color:#0d64c0;}
.ny_container .productWrap li:hover img{transform:scale(1.1);}


.page{text-align: center;font-size: 0;}
.page a{display: inline-block;*display: inline;*zoom: 1;margin: 0 5px;background-color:#fff;height: 34px;min-width: 34px;border:1px solid #cccccc;text-align: center;line-height: 34px;font-size: 14px;color: #333333;}
.page a.prev,.page a.next{width: 70px;}
.page a.num{font-family: "Arial";}
.page a.on,.page a:hover{border-color: #0d64c0;background: #0d64c0;color: #fff;}

.product_detail .left_detail{width:920px;position:relative;}
.basic{margin-top:30px;}
.product_detail .left_detail .productImg{width:500px;height:392px;border:solid 1px #ebebeb;position:relative;}
.product_detail .left_detail .productImg img{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;max-width:478px;max-height:370px;width:100%;}
.product_detail .left_detail .productImg:hover img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);}
.detail_text{margin-left:30px;width:390px;}
.detail_text h1{font-size:24px;font-weight:bold;color:#1a1a1a;margin-bottom:40px;margin-top:10px;}
.detail_text .txt{line-height:30px;font-size:14px;color:#333333;word-wrap: break-word}
.detail_text .txt dl{padding-left:160px;position:relative;min-height:32px;}
.detail_text .txt dl dt{position:absolute;left:0;top:0;color:#999999;}
.detail_text .phone dl{margin-bottom:40px;}
.detail_text .phone dl dt{background:#0d64c0;padding:0 14px;height:50px;line-height:50px;color:#fff;font-weight:bold}
.detail_text .phone dl dd{border:1px solid #0d64c0;height:50px;line-height:50px;padding:0 14px;font-family:"Arial";font-weight:bold;font-size:24px;color:#0d64c0;}

.product_detail .description{clear:both;padding-top:20px;}
.product_detail .description .description_list{margin-top:30px;}
.product_detail .description .sub{width:920px;margin-bottom:20px;border-bottom:solid 1px #ebebeb;padding-bottom:34px;}
.product_detail .description .sub div{float:left;clear:both;width:4px;height:20px;background:#0d64c0;line-height:40px;}
.product_detail .description h1{padding:16px 16px 16px 0;font-size:18px;font-weight:bold;}
.product_detail .description h1:before{display:inline-block;margin-right:8px;content:'';background:#0d64c0;width:4px;height:20px;vertical-align: -4px;}
.product_detail .description .txt{line-height:32px;}

.product_detail .right_relate{width:220px;margin-top:30px;margin-left:60px;}
.product_detail .right_relate .sub1{width:220px;height:44px;line-height:44px;color:#fff;background:#0d64c0;font-size:18px;padding-left:20px;}
.product_detail .right_relate ul li{width:220px;height:245px;border:1px solid #ebebeb;margin-top:-1px;position:relative;overflow:hidden;}
.product_detail .right_relate ul li img{position:absolute;top:0;left:0;right:0;bottom:60px;;max-width:220px;max-height:185px;margin:auto;}
.product_detail .right_relate ul li p{position:absolute;left:0;right:0;text-align:center;bottom:20px;}
.product_detail .right_relate ul li:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.ny_container .ny_contact .tips{font-size:14px;font-weight:bold;color:#333333;}
.ny_container .ny_contact ul{margin-top:30px;margin-right:-30px;}
.ny_container .ny_contact ul li{width:277.5px;height:160px;margin-right:30px;border:1px solid #e0e0e0;text-align:center;padding:20px 0 0 20px;}
.ny_container .ny_contact ul li p{line-height:30px;}
.ny_container .ny_contact ul li:hover{
    -moz-box-shadow:0 0 14px rgba(0,0,0,0.1);/*firefox*/  
    -webkit-box-shadow:0 0 14px  rgba(0,0,0,0.1);/*webkit*/  
    box-shadow:0 0 14px  rgba(0,0,0,0.1);/*opera或ie9*/ }
.ny_container .ny_contact ul li .bg{font-size:16px;}
.ny_container .map_wrap{width:1200px;height:446px;border:1px solid #e0e0e0;overflow:hidden;margin-top:30px;float:left}


.ny_container .ny_about .company_txt{width:580px;padding-top:10px;}
.ny_container .ny_about .company_txt h1{font-size:24px;font-weight:bold;color:#333333;}
.ny_container .ny_about .company_txt p{color:#333333;line-height:30px;margin-top:30px;position:relative;}
.ny_container .ny_about .img_wrap{overflow:hidden;width:600px;height:420px;position:relative;}
.ny_container .ny_about .img_wrap em{position:absolute;left:0;top:0;width:100%;height:100%;background-size:cover;background-repeat: no-repeat}
.ny_container .ny_about .culture{float:left;margin-top:50px;margin-right:-8px;}
.ny_container .ny_about .culture li{width:294px;margin-right:8px;}
.ny_container .ny_about .culture li div{margin-top:4px;overflow:hidden;}
.ny_container .ny_about .culture li img{width:100%;height:100%;}
.ny_container .ny_about .culture li img:hover{transform:scale(1.1)}
.ny_container .ny_about .culture .img_box{height:160px;border-radius:4px;}
.ny_container .ny_about .culture .txt_box{height:120px;border-radius:4px;}
.ny_container .ny_about .about_more{float:left;line-height:30px;margin-top:30px;}

.ny_container .partner{clear:both;}
.ny_container .partner h1{font-size:24px;font-weight:bold;color:#333333;text-align:center;margin-top:50px;margin-bottom:30px;}

.ny_container .team h1{font-size:24px;font-weight:bold;color:#333333;text-align:center;margin-top:50px;margin-bottom:20px;}
.ny_container .team .team_list{margin-top:40px;margin-right:-30px;}
.ny_container .team .team_list li{width:585px;margin-bottom:40px;margin-right:30px;}
.ny_container .team .team_list li .team_pro{width:240px;height:295px;overflow:hidden;}
.ny_container .team .team_list li .team_pro img{width:100%;height:100%;}
.ny_container .team .team_list li .team_pro img:hover{transform:scale(1.1)}
.ny_container .team .team_list li .team_txt{padding:10px 0 0 30px;width:345px;height:295px;overflow:auto;}
.ny_container .team .team_list li .team_txt h2{font-size:20px;font-weight:bold;color:#0d64c0;margin-right:12px;display:inline-block;}
.ny_container .team .team_list li .team_txt span{line-height:32px;height:24px;display:inline-block;}
.ny_container .team .team_list li .team_txt p{line-height:24px;color:#666666;margin-top:20px;word-wrap: break-word}
.ny_container .team .team_list li .team_txt h3{font-size:14px;font-weight:bold;margin-top:30px;}


.ny_container .ny_news ul{margin-bottom:40px;}
.ny_container .ny_news ul li{border-bottom:1px solid #cccccc;padding:20px 0 20px 0;}
.ny_container .ny_news ul a:hover{background-color:#f2f2f2;}
.ny_container .ny_news ul a:hover .news_txt h1{
    color:#0d64c0;
    transform:translate3d(4px, 0, 0);
    -webkit-transform:translate3d(4px, 0, 0);
    -moz-transform:translate3d(4px, 0, 0);
    -ms-transform:translate3d(4px, 0, 0);;
}
.ny_container .ny_news ul li a{height:220px;position:relative;display:block;}
.ny_container .ny_news ul li .news_img{width:320px;height:220px;position:absolute;overflow:hidden;;}
.ny_container .ny_news ul li .news_img em{width:100%;height:100%;position:absolute;left:0;top:0;background-repeat:no-repeat;background-size:cover;}
.ny_container .ny_news ul li :hover em{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}
.ny_container .ny_news ul li .news_txt{margin:16px 20px 20px 340px;}
.ny_container .ny_news ul li .news_txt h1{font-size:18px;font-weight:bold;color:#333333;}
.ny_container .ny_news ul li .news_txt .brief{color:#333333;line-height:30px;margin-top:10px;height:54px;overflow:hidden;}
.ny_container .ny_news ul li .news_txt .date{color:#808080;line-height:40px;}
.ny_container .ny_news ul li .news_txt .more{color:#0d64c0;text-decoration:underline;margin-top:40px;}

.single_page{font-size: 16px;line-height: 30px;color:#4c4c4c;}
.ny_container .ny_cont .psg_title{text-align:center;border-bottom: 1px solid #d1d1d1;padding-bottom: 24px;margin-bottom: 22px;}
.ny_container .ny_cont .psg_title h1{font-size: 24px;color: #1a1a1a; line-height: 32px;font-weight: normal;margin-bottom: 10px;}
.ny_container .ny_cont .psg_title .info{font-size: 12px;line-height: 22px;color: #808080;}
.ny_container .ny_cont .psg_content {padding-bottom: 60px;border-bottom: 1px solid#d1d1d1; margin-bottom: 52px;min-height: 300px;}
.ny_container .ny_cont .psg_btm ul li:hover a{color:#0d64c0;}


.ny_container .img_list .int{line-height:30px;}
.ny_container .img_list ul{margin-bottom:40px;}
.ny_container .img_list ul li{border-bottom:1px solid #cccccc;padding:20px 0 20px 0;}
.ny_container .img_list ul a:hover{background-color:#f2f2f2;}
.ny_container .img_list ul a:hover .news_txt h1{
    color:#0d64c0;
    transform:translate3d(4px, 0, 0);
    -webkit-transform:translate3d(4px, 0, 0);
    -moz-transform:translate3d(4px, 0, 0);
    -ms-transform:translate3d(4px, 0, 0);;
}
.ny_container .img_list ul li a{height:220px;position:relative;display:block;}
.ny_container .img_list ul li .news_img{width:320px;height:220px;position:absolute;overflow:hidden;;}
.ny_container .img_list ul li .news_img em{width:100%;height:100%;position:absolute;left:0;top:0;background-repeat:no-repeat;background-size:cover;}
.ny_container .img_list ul li :hover em{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}
.ny_container .img_list ul li .news_txt{margin:16px 20px 20px 340px;}
.ny_container .img_list ul li .news_txt h1{font-size:18px;font-weight:bold;color:#333333;}
.ny_container .img_list ul li .news_txt .brief{color:#333333;line-height:30px;margin-top:10px;height:54px;}
.ny_container .img_list ul li .news_txt .date{color:#808080;line-height:40px;}
.ny_container .img_list ul li .news_txt .more{color:#0d64c0;text-decoration:underline;margin-top:40px;}

.ny_container .editor h1{font-size:18px;font-weight:bold;color:#333333;margin-bottom: 30px}
.ny_container .zizhi ul{margin-right:-30px;margin-top:-20px;}
.ny_container .zizhi ul li{margin:10px 30px 40px 0;}
.ny_container .zizhi ul li p{padding:14px 0 14px 0;border-bottom:1px solid #cccccc;width:277.5px;}
.ny_container .zizhi ul li span{background:url(../images/cicle.png) no-repeat left center;padding-left:12px;}
.ny_container .zhuanli .swiper-container{margin: 30px auto;}
.ny_container .zhuanli .swiper-button-next,.ny_container .zhuanli .swiper-button-prev{margin-top:0px;}
.ny_container .zhuanli{position:relative;clear:both;}
.ny_container .zhuanli .swiper-slide .pro_img img{bottom:0}

.ny_container .editor_box{margin-top:30px;}


.swiper-slide{cursor:pointer;}
.mark{width:100%;height:100%; background:url(../images/gray60.png);position:fixed;z-index:988;top:0px;}
.pic{width:auto;height:410px; position: fixed;left:50%;top:50%;z-index:999;margin-left:-150px;margin-top:-205px;}
.close{position: fixed;
    width: 32px;
    height: 32px;
    left: 50%;
    top: 50%;
    margin-top:-218px;
    margin-left:128px;
    text-align: center;
    z-index: 1100;
    border-radius: 16px;
    color:  #fff;
    background-color: rgba(0,0,0,0.4);
    line-height: 32px;
    font-family: "Arial";
    cursor:pointer;
}

/* 新加的样式 */
.product_container .swiper-container .swiper-wrapper .swiper-slide{
    width:calc(25% - 30px) !important;
    margin-left:15px !important;
    margin-right:15px !important;
}
.ny_container  .zhuanli .swiper-wrapper .swiper-slide{
    width:calc(20% - 30px) !important;
    margin-left:15px !important;
    margin-right:15px !important;
}

/* 自适应 */
@media screen and (max-width: 1200px) {
    .w1200{
        width:auto;
        padding:0 5%;

    }
    body{
        min-width:unset;
    }
    .g_header .bar .logo{
        line-height:unset;
    }
    .g_header .nav{
        display:none;
    }
    .g_header .login_box{
        float:left;
    }
    .g_header .right-box{
        float:unset !important;
        display:flex;
        align-items: center;
    }
    .g_header .menuIcon{
        display:block;
        margin-left:12px;
    }
    .g_header .login_box li,.g_header .language{
        line-height:unset;
    }
    .g_header .language_btn{
        height:20px;
    }
    .g_header .language > li > a{
        font-size:12px;
    }
    .g_header .g_cw{
        width:auto;
        padding:8px 5%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .g_header .g_cw::after{
        content:unset
    }
    .g_footer .bottom_product{
        display:none;
    }
    

    .bannerframes{
        height:480px !important;
    }
    .bannerframes .frames a{
        background-size:cover;
    }
    .product_container .product{
        width:auto;
        padding:0 5%;
        padding-top:50px;
    }
    .product_container .title h1{
        width:100%;
    }
    .product_container .swiper-container{
        width:100%;
    }
    .product_container .swiper-slide .pro_img img{
        width:100%;
    }
    .product_container .swiper-button-prev{
        left:10px;
    }
    .product_container .swiper-button-next{
        right:10px;
    }
    .about_container .about{
        width:auto;
        padding:0 5%;
        padding-top:50px;
    }
    .about_container .title h1{
        width:100%;
    }
    .about_container .about .data{
        width:100%;
        padding-right:0;
        display:flex;
        justify-content: space-between;
    }
    .about_container .about .data li{
        margin-left:0;
    }
    .about_container .about .about_detail{
        width:auto;
        line-height:30px;
        padding:0;
    }
    .about_container .company_introduction{
        width:50%;
    }
    .about_container .video{
        width:50%;
    }
    .news_container .news{
        width:auto;
        padding:0 5%;
        padding-top:50px;
    }
    .news_container .title h1{
        width:100%;
    }
    .ny_container .ny_about{
        position:relative;
        overflow: hidden;
    }
    .ny_container .ny_about .company_txt{
        width:100%;
    }
    .ny_container .ny_about .img_wrap{
        width:100%;
    }
    .ny_container .ny_about .culture li{
        width:calc(50% - 8px);
    }
    .ny_container .ny_about .culture .txt_box{
        height:80px;
    }
    .ny_container .ny_about .img_wrap{
        height:0;
        padding-bottom:60%;
        margin-top:30px;
    }
    .ny_container .ny_about .img_wrap em{
        background-repeat: no-repeat !important;
        background-size:cover !important;
    }
    .ny_container .partner img{
        width:100%;
    }
    .ny_container .team .team_list{
        margin-right:0;
    }
    .ny_container .team .team_list li{
        width:100%;
    }
    .ny_container .team .team_list li .team_pro{
        width:120px;
        height:160px;
    }
    .ny_container .team .team_list li .team_txt{
        width:100%;
        padding:0;
        margin-top:20px;
        height:unset;
    }
    .ny_container  .zhuanli .swiper-container{
        width:100%;
        height:240px;
    }
    .ny_container  .zhuanli .swiper-wrapper .swiper-slide{
        width:calc(50% - 30px) !important;
        margin-left:15px !important;
        margin-right:15px !important;
    }
    .ny_container  .zhuanli .swiper-button-prev{
        left:0;
    }
    .ny_container  .zhuanli .swiper-button-next{
        right:0;
    }
    .ny_container .tab ul{
        width:100%;
    }
    .product_detail .left_detail .productImg{
        width:100%;
    }
    .detail_text{
        width:100%;
        margin-left:0;
    }
    .product_detail .left_detail{
        width:100%;
    }
    .product_detail .right_relate{
        width:100%;
        margin-left:0;
    }
    .product_detail .right_relate .sub1{
        width:100%;
    }
    .product_detail .right_relate ul{
        margin-top:30px;
    }
    .product_detail .right_relate ul li{
        width:49%;
        margin-left:2%;
        float:left;
        margin-bottom:30px;
    }
    .product_detail .right_relate ul li:nth-child(2n+1){
        margin-left:0;
    }
    
}
@media screen and (max-width: 1000px) {
    .nybanner{
        height:200px;
        padding-top:58px;
    }
    .product_container .swiper-container .swiper-wrapper .swiper-slide{
        width:calc(50% - 30px) !important;
        margin-left:15px !important;
        margin-right:15px !important;
    }
    .about_container .company_introduction{
        width:100%;
        background-size:cover;
    }
    .about_container .video{
        width:100%;
        margin-top:0;
        height:240px;
    }
    .about_container .video img{
        width:100%;
        height:auto;
    }
    .news_container  .news_bd ul li{
        width:50%;
    }
    .login-popup-container{
        width:90%;
    }
    .login-popup .login_form{
        width:100%;
        padding:16px;
    }
    .login-popup .form_block input{
        width:unset;
    }
    .ny_container .ny_news ul li .news_img{
        width:30%;
        height:0;
        padding-bottom:30%;
    }
    .ny_container .ny_news ul li .news_img em{
        background-size:cover !important;
        background-repeat: no-repeat !important;
    }
    .ny_container .ny_news ul li .news_txt{
        margin-left:33%;
        margin-top:0;
    }
    .ny_container .img_list ul li .news_img{
        width:30%;
        height:0;
        padding-bottom:30%;
    }
    .ny_container .img_list ul li .news_img em{
        background-size:cover !important;
        background-repeat: no-repeat !important;
    }
    .ny_container .img_list ul li .news_txt{
        margin-left:33%;
        margin-top:0;
    }
    .ny_container .zizhi ul{
        margin:0;
        width:100%;
        position:relative;
        overflow: hidden;
    }
    .ny_container .zizhi ul li{
        width:100%;
        padding:20px 0;
        margin:0;
    }
    .ny_container .editor h1{
        margin-bottom:0;
    }
    .ny_container .zizhi ul li p{
        width:100%;
    }
    .nybanner .w1200 .form .text{
        width:calc(100% - 100px)
    }
    .ny_container .tab ul{
        width:100%;
    }
    .productFilter dl dd.cont{
        width:100%;
    }
    .productFilter dl dd.btn{
        float:left;
        margin-bottom:20px;
    }
    .productWrap{
        width:100%;
        margin-top:24px;
    }
    .ny_container .productWrap ul{
        margin-right:0;
    }
    .ny_container .productWrap ul li{
        width:49%;
        margin-right:0;
        margin-left:2%;
        height:240px;
    }
    .ny_container .productWrap ul li:nth-child(2n+1){
        margin-left:0;
    }
    .ny_container .productWrap img{
        width:100%;
    }
    .ny_container .editor_box img{
        width:100%
    }
    .ny_container .ny_contact ul{
        margin-right:0;
        position:relative;
        overflow:hidden
    }
    .ny_container .ny_contact ul li{
        width:49%;
        margin-right:0;
        margin-left:2%;
        margin-bottom:24px;
        padding:12px;
    }
    .ny_container .ny_contact ul li:nth-child(2n+1){
        margin-left:0;
    }
    .ny_container .ny_contact ul li .bg{
        margin-top:10px;
        font-weight:600;
    }
    .ny_container .map_wrap{
        width:100%;
    }
    .single_page p img{
        width:100%;
        height:auto;
    }
    .ny_container .editor p img{
        width:100%;
        height:auto;
    }
    .local_nav{
        display:flex;
        align-items: center;
    }
    .local_nav p{
        display:flex;
        align-items: center;
    }
    .local_nav a{
        font-size: 12px;
        line-height: 20px;
        max-width: 100px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .ny_container .tab ul li{
        font-size:12px;
        padding:0 10px;
        width:100%
    }
    .ny_container .tab ul li{
        font-size:12px;
        padding:0 10px;
    }
    .product_container .swiper-slide p{
        font-size:14px;
    }
    .product_container .swiper-slide .pro_img img{
        height:unset;
    }
    .product_detail p img{
        width:100%;height:100%;
    }
    .product_detail .detail_text .txt dl{
        padding-left:0;
        display:flex;
        flex-direction: column;
    } 
    .product_detail .detail_text .txt dl dt{
        position:relative;
    }
    .product_detail .detail_text h1{
        margin-bottom:8px;
    }
    .product_detail .detail_text .phone dl dd{
        font-size:18px;
    }
    .productFilter dl dt{
        width:unset
    }
    .ny_container .img_list ul li .news_txt .brief{
        height:unset;
    }
    .ny_container .tab ul li{
        width:100%;
    }
    .login_btn a{
        font-size:12px;
    }
    
}
@media screen and (max-width: 768px) {
    .g_header .bar .logo .pc img{
        width:50%;
    }
    .g_header .language_btn{
        display:none;
    }
    .bannerframes{
        height:220px !important;
    }
    .g_footer{
        height:280px !important;
    }
    .g_footer .bottom_tel{
        width:100%;
    }
    .g_footer .bottom_title{
        text-align: center;
    }
    .g_footer .bottom_tel ul{
        width:100%;
        position:relative;
        overflow:hidden;
    }
    .g_footer .bottom_tel ul li{
        width:100%;
        display:flex;
        position:relative;
        overflow:hidden;
        justify-content: center;
    }
    .g_footer .bottom_search{
        display:none;
    }
    .copyright{
        height:unset !important;
        padding:12px 0;
    }
    .copyright p{
        line-height:22px !important;
        font-size:12px;
        width:100%;
    }
    .copyright_left{
        float:unset;
        text-align: center;
    }
    .copyright_right{
        float:unset;
        text-align: center;
    }
    .news_container .news_bd ul li{
        width:100%;
    }
    .news_container .news_bd ul li .bd_box{
        visibility:unset !important;
    }
    .about_container .about .data li h1{
        font-size:32px;
    }
    .about_container .about .data li{
        width:30%;
    }
    .about_container .about .data li p{
        font-size:12px;
        line-height:20px;
    }
    .about_container .company_introduction{
        padding:40px 20px;
        height:unset;
    }
    .product_container{
        height:unset;
        padding-bottom:40px;
    }
    .product_container .swiper-container{
        height:200px;
    }
    .news_container .news_bd ul li .bd_box{
        padding:20px;
        
    }
    .ny_container .ny_news ul li{
        padding-top:40px;
    }
    .ny_container .ny_news ul li a{
        height:unset;
        overflow:hidden;
    }
    .ny_container .ny_news ul li .news_txt{
        margin:30px 0;
    }
    .ny_container .ny_news ul li .news_img{
        width:100%;
        height:0;
        position:relative;
        padding-bottom:50%;
    }
    .ny_container .img_list ul li{
        padding-top:40px;
    }
    .ny_container .img_list ul li a{
        height:unset;
        overflow:hidden;
    }
    .ny_container .img_list ul li .news_txt{
        margin:30px 0;
    }
    .ny_container .img_list ul li .news_img{
        width:100%;
        height:0;
        position:relative;
        padding-bottom:60%;
    }
    .ny_container  .zhuanli .swiper-container{
        height:180px;
    }
    .ny_container .ny_contact ul li p{
        line-height:24px;
    }
}