/* 公共样式表css */
html,body {
    color:#333;
    margin:0;
    height:100%;
    font-family: 'Microsoft Yahei';
}

* {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

a {
    text-decoration:none;
    color:#000;
}

img {
    border:0;
}

body {
   
    color:#666;
}

html, body, div, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, p, blockquote, pre, button, fieldset, form, input, legend, textarea, th, td {
    margin:0;
    padding:0;
}

a {
    text-decoration:none;
    color:#08acee;
}
a:hover{color:#89bceb;text-decoration:none}
button {
    outline:0;
}

img {
    border:0;
}

button,input,optgroup,select,textarea {
    margin:0;
    font:inherit;
    color:inherit;
    outline:none;
}

li {
    list-style:none;
}

a {
    color:#333;
}

a:hover {
    color:#333;
}

.clearfix::after {
    clear:both;
    content:".";
    display:block;
    height:0;
    visibility:hidden;
}

.clearfix {
}

.in_dong{width:100px;height:100px;position:relative;margin:0px auto;}
/*第一个波纹*/
		 .co1 {  
            position: absolute;
            top: 167%;
            left: 5%;
            width: 40%;  
            height: 40%;
        } 
		.w1 {
			position: relative;
		    width: 190px;
		    height: 150px;
		    transform:rotate(-10deg);
		}
		.w1 .c1 {
		    position: absolute;
		    border-radius: 50%;
		    opacity: 0;
		}
		/* 波纹效果 */
		.w1.r1 .c1 {
		    width: calc(100% - 6px); /* 减去边框的大小 */
    		height: calc(100% - 6px);/* 减去边框的大小 */
		    border: 3px solid #fff;
		}
		.w1.r1 .c1:first-child {
			animation: c1-opacity 2s infinite;
		}
		
		/*第二个波纹*/
		 .co2 {  
            position: absolute;
            top: 167%;
            left: -300%;
            width: 40%;  
            height: 40%;
        } 
		.w2 {
			position: relative;
		    width: 190px;
		    height: 130px;
		    transform:rotate(5deg);
		    
		}
		.w2 .c2 {
		    position: absolute;
		    border-radius: 50%;
		    opacity: 0;
		}
		.w2.r2 .c2 {
		    width: calc(100% - 6px); /* 减去边框的大小 */
    		height: calc(100% - 6px);/* 减去边框的大小 */
		    border: 3px solid #fff;
		}
		.w2.r2 .c2:first-child {
			animation: c1-opacity 2s infinite;
			animation-delay: .6s;
		}
		
		/*第三个波纹*/
		.co3 {  
            position: absolute;
            top: 200%;
            left: 435%;
            width: 40%;  
            height: 40%;
        } 
		.w3 {
			position: relative;
		    width: 80px;
		    height: 190px;
		    transform:rotate(-40deg);
		    
		}
		.w3 .c3 {
		    position: absolute;
		    border-radius: 50%;
		    opacity: 0;
		}
		.w3.r3 .c3 {
		    width: calc(100% - 6px); /* 减去边框的大小 */
    		height: calc(100% - 6px);/* 减去边框的大小 */
		    border: 3px solid #fff;
		}
		.w3.r3 .c3:first-child {
			animation: c1-opacity 2s infinite;
			animation-delay: .9s;
		}
		
		/*第四个波纹*/
		.co4{  
            position: absolute;
            top: 356%;
            left: -495%;
            width: 40%;  
            height: 40%;
        } 
		.w4{
			position: relative;
		    width: 190px;
		    height: 150px;
		    transform:rotate(-20deg);
		    
		}
		.w4 .c4 {
		    position: absolute;
		    border-radius: 50%;
		    opacity: 0;
		}
		.w4.r4 .c4 {
		    width: calc(100% - 6px); /* 减去边框的大小 */
    		height: calc(100% - 6px);/* 减去边框的大小 */
		    border: 3px solid #fff;
		}
		.w4.r4 .c4:first-child {
			animation: c1-opacity 3s infinite;
			animation-delay: .16s;
		}
		
		/*第五个波纹*/
		.co5{  
            position: absolute;
             top: 270%;
            left: -200%;
            width: 40%;  
            height: 40%;
        } 
		.w5{
			position: relative;
		    width: 190px;
		    height: 150px;
		    transform:rotate(-25deg);
		    
		}
		.w5 .c5 {
		    position: absolute;
		    border-radius: 50%;
		    opacity: 0;
		}
		.w5.r5 .c5 {
		    width: calc(100% - 6px); /* 减去边框的大小 */
    		height: calc(100% - 6px);/* 减去边框的大小 */
		    border: 3px solid #fff;
		}
		.w5.r5 .c5:first-child {
			animation: c1-opacity 3s infinite;
			animation-delay: .20s;
		}
		
		/*第六个波纹*/
		.co6{  
            position: absolute;
            top: 367%;
            left: 475%;
            width: 40%;  
            height: 40%;
        } 
		.w6{
			position: relative;
		    width: 190px;
		    height: 150px;
		    transform:rotate(25deg);
		    
		}
		.w6 .c6 {
		    position: absolute;
		    border-radius: 50%;
		    opacity: 0;
		}
		.w6.r6 .c6 {
		    width: calc(100% - 6px); /* 减去边框的大小 */
    		height: calc(100% - 6px);/* 减去边框的大小 */
		    border: 3px solid #fff;
		}
		.w6.r6 .c6:first-child {
			animation: c1-opacity 3s infinite;
			animation-delay: .20s;
		}
		
		
		
		
 
		
		/* 波动效果 */

 
		
 
		@keyframes c1-opacity{
		    from {
		        opacity: 1;
		        transform: scale(0);
		    }
		    to {
		        opacity: 0;
		        transform: scale(1);
		    }
		}


/* 头部导航 */
.met-head { position: fixed; right: 0; left: 0; right: 5px; top: 0; z-index: 1500; width: 100%; height: 84px; line-height: 84px;  border-color: #ffffff; border-color: ;border-color: ;  -webkit-transition:height .4s,top .4s,background-color .4s; transition:height .4s,top .4s,background-color .4s}
.head_wrap_shrink {
    height: 70px;
    top: -10px;
}
.nav-logo { position: absolute; top: 0; height: 100%; font-size: 0; max-width: 45%; z-index: 3 }
.nav-logo img {  padding: 10px 0; }
.nav-box { float: right; overflow: hidden; position: relative; z-index: 2 }
.nav-box ul { display: block; margin: 0; padding: 0; list-style: none; width: 3999px }
.nav-box ul li { float: left; margin: 0; padding: 0; list-style: none; position: relative; white-space: nowrap; cursor: pointer }
.nav-box ul li a { display: block; position: relative; color: #ffffff; color: ; }
.nav-box ul li a:after { content: ''; height: 3px; position: absolute; bottom: 0; left: 0; width: 0; background: #ffffff; background: ; transition: all .6s ease }
.nav-box ul li a b { display: block; padding: 0 25px; font-weight: normal; position: relative; z-index: 2; color: #ffffff; color: ; transition: color .3s; -moz-transition: color .3s; -ms-transition: color .3s; -o-transition: color .3s; -webkit-transition: color .3s; font-size: 15px }
.nav-box ul li.active a:after { width: 100% }
.nav-bg { background: ;  }
.hd_bg{background:#0457b7;}
.erhd_bg{background:#0457b7;}

.nav-ul{float:right;}
.nav-ul li{float:left;position:relative;}
.nav-ul li:after { content: ''; position: absolute; top: 0; left: 0; display: block;height: 13px;width: 1px;background: #FFF;overflow: hidden;left: 0;top: 50%;margin-top: -6.5px;opacity: .3;filter: alpha(opacity=30);}
.nav-ul li:first-child:after{width:0px;}
.nav-ul li a{float:left;padding-left:30px;padding-right:30px;display:block;color:#fff;position:relative;font-size:16px;}
.nav-ul li a:after { content: ''; height: 5px; position: absolute; top: 0; left: 0; width: 0; background: #ffffff; background: ; }
.nav-ul li:hover a:after { width: 80px;left:50%;margin-left:-40px; }
.nav-ul li a.on:after { width: 80px;left:50%;margin-left:-40px; }
.head_wrap_shrink .nav-ul li a.on:after { width: 80px;left:50%;margin-left:-40px;top:10px; }
.nav-ul li a:hover {text-decoration:none}
/* 侧边栏 */
.nav-side { width: 32px; height: 32px; position: fixed; right: 40px; top: 22.5px; cursor: pointer; z-index: 1501; transition: all ease 0.6s; -moz-transition: all ease 0.6s; -ms-transition: all ease 0.6s; -o-transition: all ease 0.6s; -webkit-transition: all ease 0.6s }
.nav-side hr { height: 1px; background: #ffffff; background: ; display: block; margin: 0; padding: 0; border: none; position: absolute; transition: all ease 0.6s; -moz-transition: all ease 0.6s; -ms-transition: all ease 0.6s; -o-transition: all ease 0.6s; -webkit-transition: all ease 0.6s }
.nav-side hr:nth-child(1) { width: 20px; top: 8px; right: 5px; left: 5px }
.nav-side hr:nth-child(2) { width: 20px; top: 50%; left: 5px;opacity: 1; right: 5px }
.nav-side hr:nth-child(3) { width: 20px; bottom: 8px; right: 5px; left: 5px }

@media (min-width:768px) {
	.p-t-75 { padding-top: 75px; }
	.nav-logo .logo-2 { display: none; }
	.nav-bg .logo-2 { display: block; }
	.logo-2-mobile { display: none !important; }
	.logo-p { display: block; }
	.logo-m { display: none; }
.mob_xs{display:none;}
.nav-side{display:none;}

.pc_xs{display:block;}	
.tow{bottom:0px;position: absolute;}
}
@media (max-width:767px) {
	.is-logo-mobile .logo-p { display: none; }
	.is-logo-mobile .logo-m { display: block; }
	.nav-logo .logo-2 { display: none; }
	.nav-logo .logo-2-mobile { display: none; }
	.nav-bg .logo-2 { display: block; }
	.nav-bg .is-logo-mobile .logo-2 { display: none; }
	.nav-bg .is-logo-mobile .logo-2-mobile { display: block; }
	.p-t-75 { padding-top: 60px; }
	.nav-side { width: 32px; height: 32px; right: 15px; top: 18px; }
	.met-head { padding: 0 58px 0 15px; height: 60px; line-height: 60px; }
		.nav-ul{display:none}
		.nav-side{display:block;}
	#videos{display:none;}
.mob_xs{display:block;position:relative;}	
.mob_xs .txt {
	color: #fff;
	position: absolute;
	top: 45%;
	width:70%;
	
	margin-left: ;
	left:15%;
	font-size: 28px;
	line-height: 1.28595;
	font-weight: 600;
	letter-spacing: .007em;
	font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
	text-align:center
}	
.pc_xs{display:none;}	
.ty_yc{display:none;}
}

.mob_xs img{height:100%;}


/*弹出视频*/

#mac-video {
	position: relative;
}

#title {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 2;
	overflow: hidden;
}

#title .swiper-slide {
	color: #fff;
}

#title .photographer {
	width: 900px;
}

#title .coder {
	width: 510px;
}

#title .musician {
	width: 660px;
}

#videos .swiper-slide h3 {
	font-size: 120px;
	margin-top: 10vw;
	line-height: .91667;
	font-weight: 600;
	letter-spacing: -.015em;
	font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
	transition: opacity .3s;
	cursor: pointer;
}

#videos .swiper-slide h3:hover {
	opacity: 1;
}

#videos .prev h3 {
	opacity: 0;
}

#videos .next h3 {
	opacity: 0.25;
}

#videos .swiper-pagination {
	width: 980px;
	left: calc(50% - 490px);
	text-align: center;
	bottom: 30px;
}

#videos .swiper-pagination span {
	margin: 0 8px;
	background: #fff;
	outline: none;

 width:8px;
 height:8px;
 background:#FFF;
 opacity:.35;
 filter:alpha(opacity=35);
 -webkit-transition:width .4s ease-in;
 transition:width .4s ease-in
}
#videos .swiper-pagination span.swiper-pagination-bullet-active{
 width:45px;
 background:#FFF;
 opacity:1;
 border-radius: 20px;
 filter:alpha(opacity=100)
}
#videos {
	width: 100%;
}

#videos .swiper-slide {
	position: relative;
}

#videos video {
	height: 100%;
}

#videos .swiper-slide  .txt {
	color: #fff;
	position: absolute;
	top: 45%;
	width:70%;
	
	margin-left: ;
	left:15%;
	font-size: 28px;
	line-height: 1.28595;
	font-weight: 600;
	letter-spacing: .007em;
	font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
	text-align:center
}	

.f-czspjuzhong {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}


/*侧边栏*/
.sidenav{background:#212121;box-shadow:2px 2px 6px rgba(0,0,0,.3);display:block;font-size:16px;font-weight:400;height:100%;right:0;position:fixed;overflow:auto;transform:translate(262px,0);transition:transform .3s;top:0;width:200px;z-index:9999}.sidenav.show{transform:translate(0,0)}.sidenav-brand{background:#0457b7;border-bottom:1px solid #0457b7;color:#FAFAFA;clear:both;overflow:hidden;font-size:24px;font-weight:700;line-height:32px;padding:20px 24px 19px}.sidenav-dropdown,.sidenav-header{border-bottom:1px solid #424242;margin:0}.sidenav-header{background:0 0;color:#757575;font-size:19.2px;line-height:32px;padding:16px 24px 15px}.sidenav-header small{display:block;font-size:14.4px;line-height:16px}.sidenav-menu{list-style:none;margin:0;padding:0}.sidenav-menu li{display:block;position:relative;border-bottom: 1px solid #424242;}.sidenav-menu a{background:0 0;color:#BDBDBD;display:block;line-height:24px;padding:16px 32px;text-decoration:none}.sidenav-menu a:hover{background:#616161}.sidenav-menu a.active,.sidenav-menu a.active .sidenav-dropdown-icon,.sidenav-menu a.active .sidenav-link-icon{color:#FAFAFA}.sidenav-dropdown-icon,.sidenav-link-icon{color:#757575;position:absolute;text-align:center;top:16px}.sidenav-link-icon{display:block;height:24px;left:24px;width:24px}.sidenav-link-title{display:block;padding:0 16px 0 0px}.sidenav-dropdown{display:none;list-style:none;padding:0}.sidenav-dropdown a{background:#191919;padding-left:52px}.sidenav-dropdown a:hover{background:#616161}.sidenav-dropdown li:first-child a{box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}.sidenav-dropdown-icon{display:none;height:16px;right:16px;width:16px}.sidenav-dropdown-icon.show{display:block}.sidenav-overlay{background:rgba(255,255,255,.8);display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:99}.sidenav-no-scroll{overflow:hidden!important}
.material-icons{font-style:normal;font-size:18px;font-weight:bold;}


.about-wrap {
 width:80%;
 padding-top:60px;

 margin:0 auto;
 text-align:center;
 line-height:36px;
 font-size:20px;
 color:#2a2e2e
}
.about-wrap .title {

 margin:0 auto 30px;

}
.about-wrap .title img {max-width:100%;}
html[lang=en] .about-wrap .title {
 width:780px;
 height:105px;
 background:url(about_txt_en.png) no-repeat
}
.about-wrap .more {
 display:inline-block;
 margin-top:24px;
 font-size:16px;
 font-weight:500;
 color:#0052d9
}
.about-wrap .more:after {
 content:"";
 width:16px;
 height:16px;
 display:inline-block;
 vertical-align:-2px;
 margin-left:8px;
 background:url(icon_arrow.png)
}


.hot_pro {text-align:center;}
.hot_pro a{ display:block; transition:all .35s; text-decoration:none;font-size:16px;}
.hot_pro a img{width:100%;}
.hot_pro a:hover .name{ color:#0457b7;}
/*#main .product .container>.item a:hover .icon>img{ top:-110px;}*/
.hot_pro a:hover{transform: translateY(-6px);}
.tj_product{ margin:0px auto; padding:50px 0;}
.tj_product .title{ margin:0 auto; text-align:center;}
.tj_product .title>h2{ display:block; padding:5px 0; font-size:36px; font-weight:bold; text-transform:uppercase; color:#444;}
.tj_product .title>h3{ display:block; font-size:30px;font-weight:normal; color:#444;}
.tj_product .container{margin:0 auto; padding-top:30px;}
.tj_product .container>.item{ float:left; width:20%; text-align:center;}
.tj_product .container>.item a{ display:block; transition:all .35s;}
.tj_product .container>.item .icon{ position:relative; display:block; width:220px; height:220px; margin:0 auto; overflow:hidden;}
.tj_product .container>.item .icon>img{position:absolute; z-index:1; left:0; top:0; width:100%; height:auto;}
.tj_product .container>.item .name{ font-size:16px; color:#444; text-align:center; transition:all .35s;}
.tj_product .container>.item a:hover .name{ color:#e6212a;}
/*.product .container>.item a:hover .icon>img{ top:-110px;}*/
.tj_product .container>.item a:hover{transform: translateY(-6px);}
.tj_product .container>.more{ display:none;}

@media only screen and (max-width: 420px) {

	.tj_product .container>.item .icon{ position:relative; display:block; width:120px; height:120px; margin:0 auto; overflow:hidden;}

		}

.search{ position:relative; width:100%; overflow:hidden;background-image:url(search-bg.jpg);background-repeat:no-repeat;background-position:center;background-attachment:fixed;background-size:cover;-webkit-background-size:cover;margin:0 auto;padding-bottom:90px;}
.search .text{ position:relative; z-index:99; width:90%; max-width:1140px; padding-top:90px; margin:0 auto;text-align:center;}
.search .text .en{ font-family:"Arial"; font-size:24px; text-transform:uppercase; color:#fff;}
.search .text .en>h1{ font-size:55px; font-weight:normal; text-transform:none;}
.search .text .cn{ padding:10px 0; font-size:18px; color:#fff;}
.search .container{ position:relative; z-index:99; width:400px; padding-top:120px; margin:0 auto; transition:all .35s;}
.search .container #mainsearch{ width:99.8%; height:55px; border:1px solid #fff; border-radius:30px; overflow:hidden; transition:all .35s;}
.search .container #mainsearch input[type="text"]{outline: medium;float:left;height:55px;line-height:55px;width:78%; padding:0 10%;border:none; font-family:微软雅黑; background:none;color:#fff;font-size:18px; box-sizing:border-box;overflow:hidden;}
.search .container #mainsearch input::-webkit-input-placeholder, .search .container #mainsearch textarea::-webkit-input-placeholder { color:#fff;}
.search .container #mainsearch button{float:right;width:18%;height:55px;border:none; opacity:.8;background:url(go-white.png) no-repeat center center;background-size:auto 24px;cursor:pointer;box-sizing:border-box;overflow:hidden;}
.search .container #mainsearch:hover{ background:rgba(225,255,255,.1);}
.search .container #mainsearch:hover button{opacity:1;background: rgba(255,255,255,1) url(go-dark.png) no-repeat center center;background-size:auto 24px;}

.colorfff{ color:#fff;}
.product{ padding-top:50px;overflow:hidden;padding-bottom:50px;background-size:cover; background:#F4F5F9;}
.product .small_title a:hover{ text-decoration:underline;}
.product .big_title{ text-align:center; display:block; width:100%; height:auto; font-size:34px; line-height:40px;padding-top:10px;}
.product .small_title{ font-size:14px; line-height:40px;font-family:Arial, Helvetica, sans-serif;} 
.pcmore{ display:block; bottom:0px; width:100%; height:auto;clear:both;}
.pcmore a{ display:block; width:100px; height:30px; margin:0 auto;background-image:url(more.png); background-position:right center; background-repeat:no-repeat; font-size:16px; color:#FFF; line-height:30px;}

.picture-nav{text-align:center; margin:30px 0 35px 0;}
.picture-nav p{display:block; margin:0;}
.nav-swiper-container b{display:inline-block; font-weight:normal;  opacity:0; cursor:pointer; transform:translateX(30px);margin-left:5px;
-moz-transform:translateX(30px); -ms-transform:translateX(30px); -o-transform:translateX(30px); -webkit-transform:translateX(30px);
transition:0s .5s; -moz-transition:0s .5s; -ms-transition:0s .5s; -o-transition:0s .5s; -webkit-transition:0s .5s;}
.nav-swiper-container b{opacity:1; transform:translateX(0); -moz-transform:translateX(0);
-ms-transform:translateX(0); -o-transform:translateX(0); -webkit-transform:translateX(0);
transition:.6s .96s; -moz-transition:.6s .96s; -ms-transition:.6s .96s; -o-transition:.6s .96s; -webkit-transition:.6s .96s;}
.nav-swiper-container b:nth-child(1){
transition:.6s .5s; -moz-transition:.6s .5s; -ms-transition:.6s .5s; -o-transition:.6s .5s; -webkit-transition:.6s .5s;}
.nav-swiper-container b:nth-child(2){
transition:.6s .6s; -moz-transition:.6s .6s; -ms-transition:.6s .6s; -o-transition:.6s .6s; -webkit-transition:.6s .6s;}
.nav-swiper-container b:nth-child(3){
transition:.6s .68s; -moz-transition:.6s .68s; -ms-transition:.6s .68s; -o-transition:.6s .68s; -webkit-transition:.6s .68s;}
.nav-swiper-container b:nth-child(4){
transition:.6s .75s; -moz-transition:.6s .75s; -ms-transition:.6s .75s; -o-transition:.6s .75s; -webkit-transition:.6s .75s;}
.nav-swiper-container b:nth-child(5){
transition:.6s .81s; -moz-transition:.6s .81s; -ms-transition:.6s .81s; -o-transition:.6s .81s; -webkit-transition:.6s .81s;}
.nav-swiper-container b:nth-child(6){
transition:.6s .86s; -moz-transition:.6s .86s; -ms-transition:.6s .86s; -o-transition:.6s .86s; -webkit-transition:.6s .86s;}
.nav-swiper-container b:nth-child(7){
transition:.6s .9s; -moz-transition:.6s .9s; -ms-transition:.6s .9s; -o-transition:.6s .9s; -webkit-transition:.6s .9s;}
.nav-swiper-container b:nth-child(8){
transition:.6s .93s; -moz-transition:.6s .93s; -ms-transition:.6s .93s; -o-transition:.6s .93s; -webkit-transition:.6s .93s;}
.nav-swiper-container b:nth-child(9){
transition:.6s .95s; -moz-transition:.6s .95s; -ms-transition:.6s .95s; -o-transition:.6s .95s; -webkit-transition:.6s .95s;}

.nav-swiper-container b:after{display:block; content:''; clear:both;}
.nav-swiper-container b span{padding: .715rem 1.429rem;padding-top: 5px;padding-bottom: 5px;background: #fff;font-size: 12px;line-height: 22px;}
.nav-swiper-container b.active span{padding: .715rem 1.429rem;padding-top: 5px;padding-bottom: 5px;background:#0457b7;color:#fff;}
@media (max-width:767px){.nav-swiper-container b span{padding: 5px;background: #fff;font-size: 12px;line-height: 22px;}.nav-swiper-container b.active span{padding:5px;background:#0457b7;color:#fff;}}
.nav-swiper-container b span:last-child{float:left; font-size:14px;}

.picture-li{text-align:center;padding:5px;}
.picture-li a{box-shadow: 0 1px 1px rgba(0,0,0,.05);display:block;background:#fff;}
.picture-li a span{padding-top:15px;padding-bottom:15px;display:block;font-size: 1.6rem;font-weight: 300 !important;}
.picture-li a span b{font-weight: 300 !important;}
.picture-li a:hover{text-decoration: none;}
.picture-li a:hover span{text-decoration: none;color:#0457b7}
.picture-li img{width:100%;}
.picture-li:hover p{opacity:1;}
.picture-li:hover p:hover{background:#ffffff; background:#0052d9;}


.sec{padding-top:50px;padding-bottom:50px;background:#fff;}
.sec-tit {line-height: 65px;text-align: center;color: #1B4F9B;background: url(three_line.gif) no-repeat center bottom;font-size: 24px;}
.sec-tit span {color: #50AF4D;margin-right: 20px;font-size: 30px;}
.three-3 {margin:30px 0 0;}
.three-3 dl{background-color: #f2f2f2;height: 450px;margin: 0;}
.three-3 dt{height: 225px;overflow: hidden;width:100%;}
.three-3 dt img{display: block;width: 100%;height: 100%;transition: all 0.3s;}
.three-3 dt:hover img {transform: scale(1.1);}
.three-3 dd{text-align: center;width: 320px; margin:0 auto; padding:45px 0 0;height: 50%;}
.three-3 dd h5{font-size: 24px;color: #0051a3;height: 30px;line-height: 30px;overflow: hidden;margin: 0;}
.three-3 dd p{font-size: 14px;color: #333;line-height: 24px; padding:15px 0 0;margin: 0;}

.clearfix dl{padding:0px;}

.about{padding-top:50px; padding-bottom:50px; background:#F4F5F9;}
.about .big_title{ text-align:center; display:block; width:100%; height:auto; font-size:34px; color: #004098;line-height:30px;}
.about .small_title{ font-size:14px; line-height:40px;font-family:Arial, Helvetica, sans-serif;color:#333;} 
.about .line{padding-top:30px;border-top:1px solid #ccc;margin-top:20px;}
.about .show{ display:block;display:block; max-width:860px; height:auto; text-align:center; line-height:29px; margin:0 auto; font-size:12px; color:#333;}
.ab_fbg{text-align:center;padding-top:30px;padding-bottom:30px;}
.about .abouta{ display:inline-block;margin-left:15px; margin-right:15px; text-align:center; height:39px; line-height:39px; border-radius:39px; width:124px;background-color: #004098;color: #FFF;}
.about .contacta{ display:inline-block;margin-left:15px; margin-right:15px; text-align:center; height:39px; line-height:39px; border-radius:39px; width:124px;background-color: #ffb700;color: #FFF;}

.honor{ padding-top:50px;padding-bottom:50px; background:url(honorbg.jpg) center top no-repeat;background-size:cover;overflow:hidden;}
.honor .big_title{ text-align:center; display:block; width:100%; height:auto; font-size:34px; color:#fff;line-height:30px;}
.honor .small_title{ font-size:14px; line-height:40px;font-family:Arial, Helvetica, sans-serif;} 
.honor a{ font-size:16px;}
.honor a:hover{ text-decoration:underline;}
.form-group {

    margin-bottom: 20px;

}
.met-editor {margin-top:30px;padding: 30px 30px; width: 100%; max-width: 100%;font-size: 16px;font-weight: 300;line-height: 1.8;}

.met-shownews-body .met-editor{margin-top:0px;}
.met-index-news{margin:50px 0}
.met-index-news .list-group{border-radius:5px;-webkit-box-shadow:0 1px 10px rgba(0,0,0,.15);box-shadow:0 1px 10px rgba(0,0,0,.15);padding:20px 15px}
.met-index-news .list-group-item{background: none;padding-left:0;padding-right:0;border:none}
.met-index-news .list-group-item.active{background:transparent;border-bottom:1px solid #0457b7}
.met-index-news .list-group-item.active h4{font-size:20px;color:#0457b7}
.met-index-news .list-group-item.active a{font-size:12px;color:#666}
.met-index-news .list-group-item.active a:hover{color:#0457b7}
.met-index-news .list-group-item.news-li a{font-size:14px;width:74%;display:inline-block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#333;text-decoration:none;float:left;margin-left:20px}
.met-index-news .list-group-item.news-li span{font-size:14px;color:#666;float:left}
.met-index-news .list-group-item.news-li a:hover{color:#0457b7}
@media (max-width:1600px){
  .met-index-news .list-group-item.news-li a{width:62%}
}
@media (max-width:768px){
  .met-index-news .list-group-item.news-li a{width:57%;margin-left:10px}
}
@media (max-width:480px){
  .met-index-news .list-group-item.news-li a{width:74%;margin-left:10px}
}

.ty_title{font-size: 36px;color: #2a333c;font-weight: 300 !important;text-align: center !important;margin-bottom: 11px;}
.ty_title_desc{padding: 0 10%;
font-size: 16px;
color: #5e7387;font-weight: 300 !important;text-align: center !important;}


.page_pos{height:50px;line-height:50px;border-bottom:1px solid #ccc;clear:both;margin-bottom:50px;}
.met_pager {
  margin-top: 20px;
  text-align: center;
  clear:both;
  margin-bottom:30px;
}
.met_pager a {
  border: 1px solid #e4eaec;
  border-right: none;
  background: #fff;
  padding: 9px 15px;
  text-align: center;
  color: #76838f;
}
.met_pager a:hover {
  background: #f5f5f5;
  text-decoration: none;
}
.met_pager a.NextA {
  border-right: 1px solid #e4eaec;
}
.met_pager .PreSpan,
.met_pager .NextSpan {
  border: 1px solid #e4eaec;
  padding: 9px 15px;
  background: #fff;
  color: #ccd5db;
  cursor: default;
}
.met_pager .firstPage,
.met_pager .lastPage {
  height: 28px;
  line-height: 28px;
  min-width: 40px;
}
.met_pager a.Ahover {
  background: #2574a9;
  border-color: #2574a9;
  color: #fff;
  cursor: default;
}
.met_pager a.Ahover:hover {
  background: #2574a9;
  border-color: #2574a9;
  color: #fff;
}
.met_pager a {
  text-decoration: none;
}
.met_pager a:active,
.met_pager a:focus,
.met_pager a:hover {
  text-decoration: none;
}
.met_pager .PageText {
  margin-left: 10px;
  color: #aaa;
  display: none;
}
.met_pager input {
  display: none;
}

.m-new{padding-top:30px;}

.met-banner-ny{background-color:#62a8ea;height:auto;position:relative;margin-top:84px;}@media(max-width:768px){.met-banner-ny{height:90px;margin-top:60px;}}.met-banner-ny h1,.met-banner-ny h2{color:#fff;font-size:35px;font-weight:300;padding:10px 30px;margin:0;text-shadow:none}.met-position{background:#fff;border-bottom:1px solid #f0f2f5}.met-position.bordernone{border-bottom:0}@media(max-width:768px){.met-position{border-bottom:1px solid #f0f2f5}}.vertical-align-middle{vertical-align:middle;display: inline-block;max-width: 100%;}
.vertical-align:before {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    content: "";
}

.met-banner-ny h1{position:absolute;top:50%;left:50%;margin-top:-29px;margin-left:-100px;}
.page_nav_box{text-align: center;border-bottom: 1px solid #f0f2f5;}


.met-download .met-editor{margin-top: 0px;}
/*news list*/

.met-news {

    padding: 30px 0;
    background: #f2f2f2;
    border-top: 1px solid #f0f2f5;
	
}
.media-left img{max-width:none;}
 .nav-swiper-container {
      width: 100%;
     
	  
    }
	.nav-swiper-container li a{

    padding: 24px 18px;
    font-size: 16px;
	color:#90939b;

}
.nav-swiper-container li a:hover,.nav-swiper-container li a.active{color:#0457b7}
.column-hover.cur ul{opacity:1;left:-10px;}
.column-hover.cur ul.has, .column-hover ul.has:after{display:block;}
  .nav-swiper-container .swiper-slide {
      text-align: center;
      font-size: 18px;
	  width:auto;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
.met-shownews {

    padding: 30px 0;
    background: #f2f2f2;
    border-top: 1px solid #f0f2f5;
	margin-top: 84px;
}
.zuche-hd .form-group {
    margin-top: 5px;
	margin-bottom:0px;
}
@media(max-width:768px){.met-news{margin-top:60px;}.met-shownews{margin-top:60px;}.met-news-bar{margin-left:0px;}.met-download{margin-top: 60px;}
.form-group {
    margin-top: 5px;
	margin-bottom:15px;
}}

/*product list*/

.met-product {
padding: 30px 0;
    background: #f2f2f2;

}
.pro_list .inner{display:block;cursor:pointer;overflow:hidden;}
.pro_list .vr-big:hover .service-shadow{box-shadow: 0px 5px 10px #e0e0e0;background:#fff;}
.pro_list .vr-big .service-info{display:block;height:40px;line-height:40px;text-align:center;background:#fff;}

.pro_list .vr-big:hover .service-info{color:#666;border-bottom:2px solid #0457b7;}
.pro_list .inner img{transition:all .4s;width:100%;}
.pro_list .inner:hover img{transform:scale(1.05);}
.pro_list .vr-big{float:left;margin-bottom:20px;position:relative;overflow:hidden;}
.pro_list .vr-big .text{position:absolute;left:0;right:0;bottom:0;color:#fff;padding:0 30px 20px 30px;font-size:16px;}

.pro_list .vr-big .link{width:130px;height:48px;font-size:16px;line-height:48px;text-align:center;position:absolute;z-index:2;right:30px;bottom:20px;border:1px solid #eee;color:#fff;transition:all .2s;}
.pro_list .vr-big .link:hover{background:#F96A69;border-color:#F96A69;color:#fff;}
.pro_list .vr-big .play{width:83px;height:83px;background:rgba(0,0,0,.4) url(3f_play_left.png) no-repeat center center;position:absolute;left:50%;top:50%;margin:-41px 0 0 -41px;border-radius:50%;cursor:pointer;transition:all .2s;}
.pro_list .vr-big .play:hover{background-color:rgba(0,0,0,.6);}
.pro_list .vr-right{float:left;width:412px;margin-left:22px;}
.pro_list .vr-small{margin-bottom:20px;width:412px;height:232px;position:relative;overflow:hidden;}
.pro_list .vr-small .text{position:absolute;left:0;right:0;bottom:0;padding:0 20px 20px 20px;font-size:16px;color:#fff;}
.pro_list .vr-small .link{width:30px;height:30px;position:absolute;background:url(3f_icon.png) no-repeat center center;right:20px;bottom:14px;z-index:2;transition:all .2s;}
.pro_list .vr-small .link:hover{background-image:url(3f_icon_02.png);}
.pro_list .vr-small .play{width:51px;height:51px;background:rgba(0,0,0,.4) url(3f_play_right.png) no-repeat center center;position:absolute;left:50%;top:50%;margin:-25px 0 0 -25px;border-radius:50%;cursor:pointer;transition:all .2s;}
.pro_list .vr-small .play:hover{background-color:rgba(0,0,0,.6);}

.prev a{position: relative;
float: left;display:block;width:100%;text-align:center;
border-radius: 24px !important;
padding: .643rem 1.072rem;
border: 1px solid #e4eaec;}


.pagination2 {padding:30px;}
.article_hd {padding-bottom:20px;}
.article_hd h2{font-size:2rem;font-weight:bold;text-align:center;}
.article_hd h6{padding:10px;display:block;}
.article_bd{font-size:1.2rem;line-height:2.5rem;}
.xgtj{height:50px;line-height:50px;border-bottom:1px solid #ccc;color:#ff0000;}
.zuche-hd{ /* line-height:30px;padding:0 10px 0 20px;border-bottom:1px solid #ddd; */position:relative;}
.zuche-hd ul{margin:0px;    text-align: center;}
.zuche-hd ul li{display: inline-block;position: relative;}
.zuche-hd ul li a{text-decoration: none;font-size: 16px;font-weight: 300;padding: 14px;display: block;color: #90939b;}
.zuche-hd ul li:hover{color: #0457b7;}
.zuche-hd ul li:hover a{color: #0457b7;}
.zuche-hd ul li.on{color: #0457b7;}
.zuche-hd ul li.on a{color: #0457b7;}
.zuche-bd{overflow: hidden;padding-right: -15px;
padding-left: -15px;}
.page_content{padding:60px 0px 60px 0px;}

img{max-width:100%;}
.foot{padding:30px 0px 30px 0px;background:#000;text-align:center;clear:both;margin-top:50px;}

.footer {
 width:100%;
 background:#ecf0f1
}

.footer_con_nav,.footer_path {
 height:55px;
 line-height:55px;
 font-weight:400
}
.footer_con_nav {
 color:#747b81;
 font-size:14px;
 border-bottom:1px solid #fff
}
.footer_path {
 width:1185px;
 margin:0 auto;
 padding-left:15px
}
.footer_path a {
 color:#747b81;
 transition:color .3s linear
}
.footer_path .current,.footer_path a:hover {
 color:#000
}
.footer .footer_gt {
 margin:0 5px
}
.footer .footer_con_wrap {
 position:relative;
 padding-top:35px;
 overflow:hidden
}
.footer .footer_con_wrap .title {
 font-size:20px;
 color:#333;
 font-weight:400
}
.footer .link_list {
 padding-top:12px
}
.footer_copyright,.footer_links {
 padding-top:18px;
 font-size:14px
}
.footer .link_list li {
 height:32px;
 line-height:32px
}
.footer .link_list li a {
 font-size:14px;
 color:#747b81;
 transition:color .3s linear
}
.footer .link_list li a:hover {
 color:#333
}
.footer_attention,.footer_contact,.footer_joinus,.footer_more {
 float:left;
 min-height:130px;
 padding-bottom:24px;
 padding-left:15px
}
.footer_contact,.footer_joinus {

 padding-left:5px
}
.footer_attention,.footer_more {

}
.footer_contact {
 border-right:none
}
.footer_logo {
 position:absolute;
 top:45%;
 right:0
}
.footer_links {
 color:#747b81
}
.footer_links ul {
 
}
.footer_links ul li {
 border-right:1px #aaa solid;
 display:inline;
 padding-right:10px;
 margin-right:9px
}
.footer_links ul .last {
 border-right:none
}
.footer_links ul li a {
 text-decoration:none;
 color:#747b81;
 -webkit-transition:color .3s linear;
 transition:color .3s linear
}
.footer_links ul li a:hover {
 color:#333
}
.footer_copyright {
 color:#747b81
}
.footer_copyright em {
 margin-left:8px
}
.footer_wx_layer {
 display:none;
 position:absolute;
 left:120px;
 bottom:120px;
 width:328px;
 height:368px;
 background-color:#ccc
}
.footer_wx_layer .wx_account {
 position:relative;
 margin:0 auto;
 width:328px;
 height:368px;
 background-color:#fff;
 border:1px solid #0052d9;
 overflow:hidden
}
.footer_wx_layer .wx_account .account_title {
 margin-top:37px;
 margin-left:40px;
 font-size:14px;
 line-height:14px;
 color:#333
}
.footer_wx_layer .wx_account .account_image {
 margin:23px auto;
 width:250px;
 height:250px;
 background:url(tencent_account.jpg)
}
.footer_wx_layer .wx_account .account_close {
 position:absolute;
 top:0;
 right:0;
 width:37px;
 height:37px;
 background:url(close.jpg);
 cursor:pointer
}
.footer_vista_layer {
 display:none;
 position:absolute;
 left:110px;
 bottom:120px;
 width:328px;
 height:410px;
 background-color:#ccc;
 z-index:1
}
.footer_vista_layer .vista_entrance {
 position:relative;
 margin:0 auto;
 width:328px;
 height:410px;
 background-color:#fff;
 border:1px solid #0075bc;
 overflow:hidden
}
html[lang=en] .footer_vista_layer,html[lang=en] .footer_vista_layer .vista_entrance {
 height:460px
}
.footer_vista_layer .vista_entrance .vista_title {
 margin:37px 40px
}
.footer_vista_layer .vista_entrance .vista_title h3 {
 clear:both;
 color:#000;
 font-weight:400;
 font-size:16px
}
.footer_vista_layer .vista_entrance .vista_title ul li {
 float:left;
 padding:5px 0;
 font-size:12px;
 width:49%
}
.footer_vista_layer .vista_entrance .vista_title ul li a {
 color:#0075bc;
 text-decoration:none
}
.footer_vista_layer .vista_entrance .vista_close {
 position:absolute;
 top:0;
 right:0;
 width:37px;
 height:37px;
 background:url(close.jpg);
 cursor:pointer
}
.footer_path,.sub_sidebar_list li.current a i {
 display:block
}
.path_area {
 font-size:14px
}
.path_area .current:hover {
 color:#000
}
.article_content {
 width:750px;
 float:right;
 margin-right:200px
}
.footer {
 width:100%;
 background:#ecf0f1
}
.footer_con {
 margin:0 auto;
 
 min-height:275px;
 _height:275px;

 position:relative
}
.footer_con_nav,.footer_path {
 height:55px;
 line-height:55px;
 font-weight:400
}
.footer_con_nav {
 color:#747b81;
 font-size:14px;
 border-bottom:1px solid #fff
}
.footer_path {
 width:1185px;
 margin:0 auto;
 padding-left:15px
}
.footer_path a {
 color:#747b81;
 transition:color .3s linear
}
.footer_path .current,.footer_path a:hover {
 color:#000
}
.footer .footer_gt {
 margin:0 5px
}
.footer .footer_con_wrap {
 position:relative;
 padding-top:35px;
 overflow:hidden
}
.footer .footer_con_wrap .title {
 font-size:20px;
 color:#333;
 font-weight:400
}
.footer .link_list {
 padding-top:12px
}
.footer_copyright,.footer_links {
 padding-top:18px;
 font-size:14px
}
.footer .link_list li {
 height:32px;
 line-height:32px
}
.footer .link_list li a {
 font-size:14px;
 color:#747b81;
 transition:color .3s linear
}
.footer .link_list li a:hover {
 color:#333
}
.footer_attention,.footer_contact,.footer_joinus,.footer_more {
 float:left;
 min-height:130px;
 padding-bottom:24px;
 padding-left:15px
}
.footer_contact,.footer_joinus {

 padding-left:5px
}
.footer_attention,.footer_more {

}
.footer_contact {
 border-right:none
}
.footer_logo {
 position:absolute;
 top:45%;
 right:0
}
.footer_links {


 color:#747b81
}
.footer_links ul {

}
.footer_links ul li {
 border-right:1px #aaa solid;
 display:inline;
 padding-right:10px;
 margin-right:9px
}
.footer_links ul .last {
 border-right:none
}
.footer_links ul li a {
 text-decoration:none;
 color:#747b81;
 -webkit-transition:color .3s linear;
 transition:color .3s linear
}
.footer_links ul li a:hover {
 color:#333
}
.footer_copyright {


 color:#747b81
}
.footer_copyright em {
 margin-left:8px
}
.footer_wx_layer {
 display:none;
 position:absolute;
 left:120px;
 bottom:120px;

 background-color:#ccc
}
.footer_wx_layer .wx_account {
 position:relative;
 margin:0 auto;

 background-color:#fff;
 border:1px solid #0052d9;
 overflow:hidden
}
.footer_wx_layer .wx_account .account_title {
 margin-top:37px;
 margin-left:40px;
 font-size:14px;
 line-height:14px;
 color:#333
}
.footer_wx_layer .wx_account .account_image {
 margin:23px auto;

 background:url(tencent_account.jpg)
}
.footer_wx_layer .wx_account .account_close {
 position:absolute;
 top:0;
 right:0;
 width:37px;
 height:37px;
 background:url(close.jpg);
 cursor:pointer
}
.footer_vista_layer {
 display:none;
 position:absolute;
 left:110px;
 bottom:120px;

 background-color:#ccc;
 z-index:1
}
.footer_vista_layer .vista_entrance {
 position:relative;
 margin:0 auto;

 background-color:#fff;
 border:1px solid #0075bc;
 overflow:hidden
}
html[lang=en] .footer_vista_layer,html[lang=en] .footer_vista_layer .vista_entrance {
 height:460px
}
.footer_vista_layer .vista_entrance .vista_title {
 margin:37px 40px
}
.footer_vista_layer .vista_entrance .vista_title h3 {
 clear:both;
 color:#000;
 font-weight:400;
 font-size:16px
}
.footer_vista_layer .vista_entrance .vista_title ul li {
 float:left;
 padding:5px 0;
 font-size:12px;
 width:49%
}
.footer_vista_layer .vista_entrance .vista_title ul li a {
 color:#0075bc;
 text-decoration:none
}
.footer_vista_layer .vista_entrance .vista_close {
 position:absolute;
 top:0;
 right:0;
 width:37px;
 height:37px;
 background:url(close.jpg);
 cursor:pointer
}
.ico_online,.ico_pub,.ico_sina,.ico_wb,.ico_wx {
 display:inline-block;
 *display:inline;
 *zoom:1;
 margin-right:6px;
 width:28px;
 height:28px;
 vertical-align:middle;
 background-image:url(icon_foot_normal.png);
 background-repeat:no-repeat;
 margin-top:-4px;
 margin-left:-2px;
 -webkit-transition:background-image .3s;
 transition:background-image .3s
}
.ico_online_on,.ico_sina_on,.ico_wb_on,.ico_wx_on {
 background-image:url(icon_foot_hover.png)
}
.ico_online {
 background-position:0 0
}
.ico_wx {
 background-position:-28px 0
}
.ico_wb {
 background-position:-56px 0
}
.ico_sina {
 background-position:-84px 0
}
.ico_sina:hover{background-position:-84px 0;background-image:url(icon_foot_hover.png)}
.ico_wx:hover{ background-position:-28px 0;background-image:url(icon_foot_hover.png)}
.f_logo{ background:url(footer_logo.png) no-repeat center center;}