@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; box-sizing:border-box;}
@font-face{ font-family:yy; src:url(../font/yy.otf);}
@font-face{ font-family:yx; src:url(../font/yx.TTF);}
@font-face{ font-family:ys; src:url(../font/ys.TTF);}
body{ font-family:Arial,ys; font-size:14px; color:#2a2a2a; overflow:auto; width:100%;}
ul,li{ list-style:none;overflow:hidden;}
a{ text-decoration:none; color:#2a2a2a;}
img{ display:block; width:100%; border:0;}
.left{ float:left;}
.right{ float:right;}
.show{ display:block;}
.hide{ display:none;}
.clear{ clear:both;}
.text_c{ text-align:center;}
.text_l{ text-align:left;}
.text_r{ text-align:right;}
.container{ width:100%;  max-width:1100px; margin:0 auto;}
.c1{ width:8.333%;}
.c2{ width:16.666%;}
.c3{ width:25%;}
.c4{ width:33.333%;}
.c5{ width:41.666%;}
.c6{ width:50%;}
.c7{ width:58.333%;}
.c8{ width:66.666%;}
.c9{ width:75%;}
.c10{ width:83.333%;}
.c11{ width:91.666%;}
.c12{ width:100%;}

/*header*/
header{ height:116px;}
.header_top{ height:33px; line-height:33px; background:#f0f0f0;}
.header_top .container div:nth-child(2) a{ margin:0 30px;}
.header_top label{ margin-right:5px;}
.header_top select{ width:68px; height:20px; margin:6px 3px;}
.search_input{ width:105px; height:20px; border:1px solid #d2d2d2; padding-left:10px;}
.search_btn{ width:20px; height:20px; background:url(../images/search_btn.png) no-repeat center; border:none;}
.search_input::-webkit-input-placeholder { font-size:12px;}
.search_input:-moz-placeholder { font-size:12px;}
.search_input:-ms-input-placeholder { font-size:12px;}
.header_top input{ margin:6px 3px;}
form[name="select_langvage"]{ margin-left:30px;}

.header_content{ background:#b7b9ba; height:83px;}
.header_content .logo{ width:251px; height:63px; margin:10px 0;}
nav{ width:700px; margin-top:15px; position:relative;}
nav > ul > li{ width:100px; text-align:center; float:left; font-size:18px; font-family:"微软雅黑"; padding:10px 0;}
nav > ul > li a{ color:#131313;  padding:6px 10px;}
.cur{ border-bottom:3px solid #f7cb1b;}
nav > ul > li a:hover{ border-bottom:3px solid #f7cb1b; transition:none;}

.space{ height:24px; width:100%; }
.second{ width:455px; height:200px; padding:27px 20px; background:#e8e8e8; position:absolute; z-index:999;}
.about{ left:0; top:68px;}
.product{ left:25px; top:68px;}
.service{ left:120px; top:68px;}
.news{ right:35px; top:68px;}
.buy{ right:0px; top:68px;}
.second .img_view{ width:260px; overflow:hidden;}
.img_view:hover img { transform:scale(1.1); transition:all linear .3s;}
.second ul{ width:155px; font-size:14px;}
#product{ height:400px;}
#news{ height:230px;}
.second ul li{ width:145px; margin-left:10px; height:35px; line-height:35px;}
.second ul li a{ display:block; width:100%; padding:0; border-bottom:1px solid #fff;}
.second ul li:first-child{ margin-top:20px;}
.second ul li:first-child a{ border-top:2px solid #33aae6;}
.second ul li a:hover,.sel{ border-bottom:1px solid #33aae6 !important;}
.second .cur{ border-bottom:1px solid #33aae6;}

.banner{ overflow:hidden; width:100%; height:238px; background:url(../images/banner5.jpg) center no-repeat; margin-top:15px;}
.banner .container{ overflow:hidden;}
.banner .container .position{ margin-top:100px;}
.banner .container .position h1{ font-size:36px;}
.banner .container .position .bread{ height:30px; line-height:30px; margin-top:10px; font-size:16px;}
.banner .container .position .bread span{ color:#000;}
.banner .container .position .bread a:hover{ text-decoration:underline;}

/*footer*/
footer{ overflow:hidden; padding-top:20px; background:#2a2f33; color:#fff;}
footer a{ color:#fff;}
footer .container{ overflow:hidden;}
.logo_bg{ width:196px; height:49px; background:url(../images/logo_1.png) center no-repeat;}
.tel{ width:256px; height:44px; background:url(../images/tel.png) no-repeat center; margin-bottom:30px;}
footer .container .desc{ padding-right:60px; line-height:24px; margin:30px 0;}
footer .pad{ padding-left:40px;}
footer h2{ font-size:16px; font-weight:normal; margin:15px 0 20px;}
footer .line{ width:70%; height:1px; background:#fff; margin-bottom:20px;}
footer ul li{ height:24px; line-height:24px;}
footer ul li a:hover{ text-decoration:underline;}
footer .code{ width:135px; height:131px; background:url(../images/code.jpg) center no-repeat; margin-top:50px;}


footer .copy{ height:35px; line-height:35px; background:#1c2023; color:#fff; font-size:14px;}
footer .copy .copy_content{ width:100%; max-width:1100px; margin:0 auto; text-align:center;}
footer .copy .copy_content span{ display:block; float:right;}
footer .copy .copy_content span:first-child{ margin-top:6.5px;}
footer .copy .copy_content span a{ float:right;}
footer .copy .copy_content span a i{ width:22px; height:22px; display:block; float:left; margin-left:3px;}
footer .copy .copy_content span a:nth-child(1) i{ background:url(../images/media.png) left no-repeat;}
footer .copy .copy_content span a:nth-child(2) i{ background:url(../images/media.png) -25px center no-repeat;}
footer .copy .copy_content span a:nth-child(3) i{ background:url(../images/media.png) -50px center no-repeat;}
footer .copy .copy_content span a:nth-child(4) i{ background:url(../images/media.png) -75px center no-repeat;}
footer .copy .copy_content span a:nth-child(5) i{ background:url(../images/media.png) -100px center no-repeat;}
footer .copy .copy_content span a:nth-child(6) i{ background:url(../images/media.png) -128px center no-repeat;}

@media all and (max-width:1024px){
	.container{ padding:0 10px;}
	header{ height:auto;}
	.header_top,nav{ display:none;}
	nav{ width:100%; position:fixed; height:630px; background:#dcdddd; z-index:999; left:0; top:0; margin-top:0;}
	.close{ width:35%; background:#1296b3; height:630px; position:relative;}
	.nav_icon{ width:34px; height:27px; background:url(../images/nav_icon.png) center no-repeat; margin-top:30px; margin-right:20px; cursor:pointer;}
	nav > ul{ float:left; overflow:hidden; width:65%; position:relative; margin-top:20px;}
	nav > ul li{ float:none; text-align:center; width:100%; border-bottom:2px solid #737373; height:69px; line-height:45px;}
	.cur,nav > ul > li a:hover{ border:none;}
	.space{ display:none;}
	nav > ul li a{ color:#025365;}
	nav > ul li i{ display:inline-block; position:absolute; left:40%; top:18px; width:27px; height:25px; background:url(../images/home.png) center no-repeat;}
	nav > ul li .second { display:none;}
	.close i{ width:18px; height:18px; background:url(../images/close.png) center no-repeat; display:block;right:20px; position:absolute; top:20px; cursor:pointer;}
	.copy_content span:first-child{ display:none !important;}
	.copy_content .c3{ width:33.333%;}
	.banner{ background-position:-800px;}
}
@media all and (max-width:425px){
	nav > ul li i{ left:30%;}
	.f_hide{ display:none !important;}
	footer .container > div{ width:50%;}
	footer .container .desc{ padding-right:20px;}
	footer .copy{ height:105px;}
	footer .code{ margin-top:80px; margin-left:20px;}
	.copy_content .c3{ width:100%;}
	.banner{ background-position:-1120px;}
	.banner .container .position{ margin-top:30px;}
}
@media all and (max-width:375px){
.header_content .logo{ width:240px; height:60px;}
}

.con_video {
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
video {
    width: 100%;
    height: auto;
}
/* 媒体查询 */
@media screen and (max-width: 768px) {
    .con_video {
        height: 50vh;
    }
}