@import url("global.css");
@import url("iconfont.css"); /* unicode iconfont & class iconfont */
@import url('animate.css');
@import url('swiper.css');
@import url('lightgallery.css');

::selection{background:#182fa3;color:#fff;}
body{font-family:'Microsoft YaHei';color:#333;line-height:20px;}
a{color:#333;}a:hover{color:#62c3d0;} /* link-visited-hover-active */

@media (min-width:1441px){/* DESKTOPS */
body{font-size:14px;}
.w{margin:0 auto;width:1200px;display:flex;justify-content:space-between;}
.reverse{flex-direction:row-reverse;}
.column{flex-direction:column;}
.top{display:flex;justify-content:space-between;line-height:30px;color:#999;max-width: 1920px;
    margin: 0 auto;
    padding: 0 80px;}
	.topwel{padding:0 10px;}
		.topwel i{float:left;margin:0 5px 0 0;font-size:20px;}
	.toplin{padding:0 10px;color:#999}
	.toplin a{color:#999; padding-left:20px; font-size:13px}
    .toplin i{color:#999;font-size:14px}
    /* .toplin a.lang1{display: inline-block;
        padding: 0 28px ;
        background: url(/statics/suyee/images/icon_lang.png) no-repeat 0 -42px;
        background-size: 21px 63px;
        line-height: 21px;}
        .toplin a.lang2{display: inline-block;
            padding-left: 28px;
            background: url(/statics/suyee/images/icon_lang.png) no-repeat 0 -21px;
            background-size: 21px 63px;
            line-height: 21px;} */
            .toplin a.lang{display: inline-block;
              
                font-size: 14px;
                background: #eee;  color: #34456e;
                border-radius: 0  0 6PX 6px;
                padding: 0 20px;
                height: 30px;
                line-height: 30px;
                text-align: center;
                background: #34456e;   color: #fff;
                position: relative;}
                .toplin a.lang.on{    background: #34456e;   color: #fff;}
                .toplin a.lang i{color:#fff; font-size: 20px; float: left; padding-right: 4px;}
                /* .toplin a.lang:last-child {
                    border-radius: 0 6px 6px 0;  
                } */
header{box-shadow:0 20px 20px rgba(0,0,0,0.1);padding:0 80px;display:flex;justify-content:space-between;max-width:1920px;margin:0 auto;box-sizing:border-box;}
		.logo{padding:0px 0;}
        .logo a{display:block;}
        .logo img{height:70px;}
        .logo figure{float:left; display: inline-block; }
        .logo img{ padding-top:10px;}
        .logo .text{float:left; padding:15px 0 0 10px; position:relative; text-align:center}
        .logo .text .font1{font-size: 18px;
        letter-spacing: 2px;
        line-height:2;
        background-color:#34456e; border-radius:6px; padding:5px 10px; color:#fff; font-weight: normal; }
        .logo .text .font2{
        font-size: 14px;
        letter-spacing: 0;
        color: #34456e;
        }
        
		.nav{}
			nav{}
				nav>ul{}
				nav>ul>li{float:left;position:relative;}
				nav>ul>li>a{position:relative;z-index:1;display:block;padding:0 30px;font-size:18px;line-height:90px; font-weight:bold;text-transform: capitalize;}
				nav>ul>li>a>span{float:right;padding-left:5px;font-weight:bold;}
				nav>ul>li.on>a,nav li a:hover{}
				nav li a.on{}
				nav li ul{display:none;position:absolute;z-index:9;top:90px;left:0;width:240px;background:#fff;}
				nav li:last-child ul{right:0;left:auto;}
				nav li li{}
				nav li li a{font-size:14px;display:block;line-height:40px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative;font-weight:normal;padding:0 30px;text-transform: capitalize;}
				nav li li a:before{content:'';display:block;position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,0.05);height:1px;}
				nav li li a:after{content:'';display:block;position:absolute;top:50%;right:30px;width:10px;height:10px;border-top:1px solid #333;border-right:1px solid #333;transform:translateY(-50%) rotate(45deg);transition:all ease-out 0.3s;left:auto;background:transparent;}
				nav li li a:hover{padding:0 30px;background:#62c3d0;color:#fff;}
				nav li li a:hover:after{right:35px;border-top:1px solid #fff;border-right:1px solid #fff;}
		.headlink{}
			.phone{}
				.phone a{display:block;}
				.phone i{float:left;margin-right:5px;font-size:40px;line-height:90px;color:#62c3d0;}
				.phone span{line-height:30px;font-size:18px;line-height:90px;font-weight:bold;}

footer{background:#34456e;max-width:1920px;margin:0 auto;}
	.foot{padding:60px 0;color:#fff;}
		.footnav{flex:1;line-height:30px;display:flex;}
			.footnav dl{flex:1;border-left:1px solid rgba(255,255,255,0.2);padding:0 40px;}
			.foot_en .footnav dl{padding:0 20px;}
			.footnav dt{font-size:18px;line-height:30px;font-weight:bold;position:relative;margin:0 0 20px;text-transform: capitalize;}
			.footnav dt:before{content:'';display:block;width:10px;height:10px;position:absolute;top:8px;right:0;border-bottom:2px solid rgba(255,255,255,0.2);border-right:2px solid rgba(255,255,255,0.2);transform:rotate(45deg);}
			.footnav dd{}
			.footnav dd span{display:block;
                /* white-space:nowrap; */
            }
			.footnav dd span a{color:#fff;opacity:0.5;text-transform: capitalize;    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;}
		.footcon{flex:0 0 300px;min-width:0;line-height:25px;border-left:1px solid rgba(255,255,255,0.2);padding:0 0 0 40px;}
				.footcon h3{font-size:18px;line-height:30px;margin:0 0 20px;position:relative;}
				.footcon h3 span{font-size:16px;color:#999;font-weight:normal;margin:0 0 0 5px;}
				.footcon h3:before{content:'';display:block;width:10px;height:10px;position:absolute;top:8px;right:0;border-bottom:2px solid rgba(255,255,255,0.2);border-right:2px solid rgba(255,255,255,0.2);transform:rotate(45deg);}
				.footcon div{margin:0 0 20px;}
				.footcon div p{ padding-bottom:8px;
				}
				.footcon div p i{float:left;margin:0 10px 0 0;font-size:18px;}
				.footcon div p strong{font-size:30px;line-height:50px;display:block;color:#62c3d0;}
				.footcon ul{}
				.footcon li{float:left;margin:0 30px 0 0;}
				.footcon li figure{width:100px;position:relative;background:#000;}
				.footcon li figure img{width:100%;}
				.footcon li figure figcaption{position:absolute;top:0;left:0;right:0;bottom:0;color:#fff;opacity:0;transition:all 0.3s ease-out 0s;text-align:center;line-height:120px;background:rgba(0,0,0,0.95);}
				.footcon li figure:hover figcaption{opacity:1;}
	.cop{line-height:30px;padding:40px 0;color:#fff;border-top:1px solid rgba(255,255,255,0.2);}
		.copinf a{color:#fff;}
		.copinf{opacity:0.3;text-align:center;}
			.copinf span{display:inline-block;margin:0 20px 0 0;}
			.copinf a{display:inline-block;margin:0 20px 0 0;}
		.copsup a{margin:0 0 0 10px;color:#fff;opacity:0.5;}
	.flink{padding:20px 0;background:#fff;}
		.flink a{margin:0 10px 0 0;}
}
@media (min-width:1025px) and (max-width:1440px){/* LAPTOPS */



body{font-size:14px;}
.w{display:flex;justify-content:space-between;}
.reverse{flex-direction:row-reverse;}
.column{flex-direction:column;}
.top{display:flex;justify-content:space-between;line-height:30px;color:#999; 
    margin: 0 auto;
    padding: 0 20px;
}
	.topwel{padding:0 10px;}
		.topwel i{float:left;margin:0 5px 0 0;font-size:20px;}
	 .toplin{padding:0 10px;}
    .toplin a.lang{display: inline-block;
              
        font-size: 14px;
        background: #eee;  color: #34456e;
        border-radius: 0  0 6PX 6px;
        padding: 0 20px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        background: #34456e;   color: #fff;
        position: relative;}
        .toplin a.lang.on{    background: #34456e;   color: #fff;}
        .toplin a.lang i{color:#fff; font-size: 20px; float: left; padding-right: 4px;} 



header{padding:0 20px;display:flex;justify-content:space-between;}
		.logo{padding:20px 0;}
		        .logo a{display:block;}
        .logo img{height:60px;}
        .logo figure{float:left; display: inline-block; }
        .logo img{ padding-top:0px;}
        .logo .text{float:left; padding:6px 0 0 10px; position:relative; text-align:center}
        .logo .text .font1{font-size: 14px;
        letter-spacing: 2px;
        line-height:2;
        background-color:#34456e; border-radius:6px; padding:5px 10px; color:#fff; font-weight: normal; }
        .logo .text .font2{
        font-size: 12px; line-height: 0;
        letter-spacing: 0;
        color: #34456e;
        }
		.nav{}
			nav{}
				nav>ul{}
				nav>ul>li{float:left;position:relative;}
				nav>ul>li>a{position:relative;z-index:1;display:block;padding:0 15px;font-size:17px;line-height:90px;text-transform: capitalize;}
				nav>ul>li>a>span{float:right;padding-left:5px;font-weight:bold;}
				nav>ul>li.on>a,nav li a:hover{}
				nav li a.on{}
				nav li ul{display:none;position:absolute;z-index:9;top:90px;left:0;width:240px;background:#fff;}
				nav li:last-child ul{right:0;left:auto;}
				nav li li{}
				nav li li a{font-size:14px;display:block;line-height:40px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative;font-weight:normal;padding:0 30px;text-transform: capitalize;}
				nav li li a:before{content:'';display:block;position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,0.05);height:1px;}
				nav li li a:after{content:'';display:block;position:absolute;top:50%;right:30px;width:10px;height:10px;border-top:1px solid #333;border-right:1px solid #333;transform:translateY(-50%) rotate(45deg);transition:all ease-out 0.3s;left:auto;background:transparent;}
				nav li li a:hover{padding:0 30px;background:#62c3d0;color:#fff;}
				nav li li a:hover:after{right:35px;border-top:1px solid #fff;border-right:1px solid #fff;}
		.headlink{}
			.phone{}
				.phone a{display:block;}
				.phone i{float:left;margin-right:5px;font-size:40px;line-height:90px;color:#62c3d0;}
				.phone span{display:none;}

footer{background:#34456e;}
	.foot{padding:60px 20px;color:#fff;}
		.footnav{flex:1;line-height:30px;display:flex;}
			.footnav dl{flex:1;border-left:1px solid rgba(255,255,255,0.2);padding:0 40px;}
			.foot_en .footnav dl{padding:0 20px;}
			.footnav dt{font-size:18px;line-height:30px;font-weight:bold;position:relative;margin:0 0 20px;text-transform: capitalize;}
			.footnav dt:before{content:'';display:block;width:10px;height:10px;position:absolute;top:8px;right:0;border-bottom:2px solid rgba(255,255,255,0.2);border-right:2px solid rgba(255,255,255,0.2);transform:rotate(45deg);}
			.footnav dd{}
			.footnav dd span{display:block;}
			.footnav dd span a{color:#fff;opacity:0.5; text-transform: capitalize;   display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;}
		.footcon{flex:0 0 300px;min-width:0;line-height:25px;border-left:1px solid rgba(255,255,255,0.2);padding:0 0 0 40px;}
				.footcon h3{font-size:18px;line-height:30px;margin:0 0 20px;position:relative;}
				.footcon h3 span{font-size:16px;color:#999;font-weight:normal;margin:0 0 0 5px;}
				.footcon h3:before{content:'';display:block;width:10px;height:10px;position:absolute;top:8px;right:0;border-bottom:2px solid rgba(255,255,255,0.2);border-right:2px solid rgba(255,255,255,0.2);transform:rotate(45deg);}
				.footcon div{margin:0 0 30px;}
				.footcon div p i{float:left;margin:0 10px 0 0;font-size:18px;}
				.footcon div p strong{font-size:36px;line-height:50px;display:block;color:#62c3d0;}
				.footcon ul{}
				.footcon li{float:left;margin:0 30px 0 0;}
				.footcon li figure{width:120px;position:relative;background:#000;}
				.footcon li figure img{width:100%;}
				.footcon li figure figcaption{position:absolute;top:0;left:0;right:0;bottom:0;color:#fff;opacity:0;transition:all 0.3s ease-out 0s;text-align:center;line-height:120px;background:rgba(0,0,0,0.95);}
				.footcon li figure:hover figcaption{opacity:1;}
	.cop{line-height:30px;padding:40px 20px;color:#fff;border-top:1px solid rgba(255,255,255,0.2);}
		.copinf a{color:#fff;}
		.copinf{opacity:0.3;text-align:center;}
			.copinf span{display:inline-block;margin:0 20px 0 0;}
			.copinf a{display:inline-block;margin:0 20px 0 0;}
		.copsup a{margin:0 0 0 10px;color:#fff;opacity:0.5;}
	.flink{padding:20px;background:#fff;}
		.flink a{margin:0 10px 0 0;}
}
@media (min-width:769px) and (max-width:1024px){/* DESKTOPS */
body{font-size:12px;}
/* .top{display:none;} */
.topwel {
    display: none;
}
header{box-shadow:0 0 20px rgba(0,0,0,0.1);padding:0 20px;display:flex;justify-content:space-between;}
		.logo{padding:5px 0;}
		        .logo a{display:block;}
        .logo img{height:60px;}
        .logo figure{float:left; display: inline-block; }
        .logo img{ padding-top:0px;}
        .logo .text{float:left; padding:6px 0 0 10px; position:relative; text-align:center}
        .logo .text .font1{font-size: 14px;
        letter-spacing: 2px;
        line-height:2;
        background-color:#34456e; border-radius:6px; padding:5px 10px; color:#fff; font-weight: normal; }
        .logo .text .font2{
        font-size: 12px; line-height: 0;
        letter-spacing: 0;
        color: #34456e;
        }
        .toplin{padding:0 10px;}
        .toplin a.lang{display: inline-block;
            font-size: 14px;
            background: #eee;
            color: #34456e;
            border-radius: 6px;
            padding: 0 10px;
            height: 30px;
            line-height: 30px;
            text-align: center;
            background: #62c3d0;
            color: #fff;
            position: absolute;
            top: 20px;
            right: 60px;}
            .toplin a.lang.on{    background: #34456e;   color: #fff;}
            .toplin a.lang i{color:#fff; font-size: 20px; float: left; padding-right: 4px;} 
		.nav{}
			nav{background:#fff;clear:both;}
			nav span{position:absolute;z-index:9;top:20px;right:20px;display:block;width:30px;}
			nav span i{display:block;content:'';width:100%;height:2px;background:#ccc;margin:6px 0;transition:all 0.3s ease-out 0.1s;}
			nav span.on i:nth-of-type(1){transform:translateY(8.5px) rotate(45deg);}
			nav span.on i:nth-of-type(2){opacity: 0;}
			nav span.on i:nth-of-type(3){transform:translateY(-8.5px) rotate(-45deg);}
			nav ul{position:fixed;padding-top: 0;z-index:3;right:-300px;bottom:0;top:61px;width:300px;background:rgba(255,255,255,1);box-shadow:0 30px 30px rgba(0,0,0,0.1);transition:all ease-out 0.3s;}
			nav ul.on{right:0;}
			nav ul li{position:relative;width: 100%;box-sizing: border-box;padding: 0;}
			nav ul li i{position:absolute;z-index:11;top:1px;right:1px;width:40px;height:40px;background:rgba(0,0,0,0.1);text-align:center;line-height:40px;font-style:normal;}
			nav>ul>li>a{display:block;line-height:42px;font-size:16px;padding:0 20px;border-bottom:1px solid rgba(0,0,0,0.1);text-transform: capitalize;}
			nav>ul>li.on>a {border-bottom: 1px dashed rgba(0,0,0,0.1);}
			nav li a span{display:none;}
			nav li a:hover{background:#fff;color:#333;}
			nav li ul{display:none;position:static;overflow:hidden;box-shadow:none;background:none;}
			nav li ul.on{display:block;    width: 100%;border-bottom: 1px solid rgba(0,0,0,0.1);margin: 0;padding: 0;}
			nav li li{float:left;width:50%;line-height:40px;padding:0 20px;box-sizing:border-box;}
			nav li li a{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color: #666;font-size: 14px;text-transform: capitalize;}
			nav li li a:after {opacity: 0.5;}
		.headlink{}
			.phone{display:none;}
				.phone a{display:block;}
				.phone i{margin:5px 60px 0 0;font-size:40px;line-height:60px;color:#62c3d0;}
				.phone span{display:none;}

footer{background:#34456e;}
	.foot{padding:40px 20px;color:#fff;}
		.footnav{}
			.footnav dl{margin:0 0 20px;}
			.footnav dt{font-size:16px;font-weight:bold;position:relative;margin:0 0 10px;text-transform: capitalize;}
			.footnav dt:before{content:'';display:block;width:10px;height:10px;position:absolute;top:8px;right:0;border-bottom:2px solid rgba(255,255,255,0.2);border-right:2px solid rgba(255,255,255,0.2);transform:rotate(45deg);}
			.footnav dd{}
			.footnav dd span{display:block;white-space:nowrap;}
			.footnav dd span a{color:#fff;opacity:0.5; text-transform: capitalize;   display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;}
		.footcon{}
				.footcon h3{font-size:16pxpx;margin:0 0 20px;position:relative;}
				.footcon h3 span{font-size:16px;color:#999;font-weight:normal;margin:0 0 0 5px;}
				.footcon h3:before{content:'';display:block;width:10px;height:10px;position:absolute;top:8px;right:0;border-bottom:2px solid rgba(255,255,255,0.2);border-right:2px solid rgba(255,255,255,0.2);transform:rotate(45deg);}
				.footcon div{margin:0 0 30px;}
				.footcon div p i{float:left;margin:0 10px 0 0;font-size:18px;}
				.footcon div p strong{font-size:36px;line-height:50px;display:block;color:#62c3d0;}
				.footcon ul{}
				.footcon li{float:left;margin:0 30px 0 0;}
				.footcon li figure{width:120px;position:relative;background:#000;}
				.footcon li figure img{width:100%;}
				.footcon li figure figcaption{position:absolute;top:0;left:0;right:0;bottom:0;color:#fff;opacity:0;transition:all 0.3s ease-out 0s;text-align:center;line-height:120px;background:rgba(0,0,0,0.95);}
				.footcon li figure:hover figcaption{opacity:1;}
	.cop{padding:20px 20px 80px;color:#fff;border-top:1px solid rgba(255,255,255,0.2);text-align:center;}
		.copinf a{color:#fff;}
		.copinf{opacity:0.3;text-align:center;}
			.copinf span{display:inline-block;margin:0 20px 0 0;}
			.copinf a{display:inline-block;margin:0 20px 0 0;}
		.copsup a{margin:0 5px;color:#fff;opacity:0.5;}
	.flink{padding:20px;background:#fff;}
		.flink a{margin:0 10px 0 0;}
}
@media (max-width:768px){
body{font-size:12px;}
/* .top{display:none;} */
.topwel{display:none;}
/* .toplin a:nth-child(3),.toplin a:nth-child(4){display: none;} */

      
            .toplin a.lang{display: inline-block;
              
                font-size: 14px;
                background: #eee;  color: #34456e;
                border-radius:6px;
                padding: 0 10px;
                height: 30px;
                line-height: 30px;
                text-align: center;
                background: #62c3d0;   color: #fff;
                position: absolute; top:20px; right:60px;}
                .toplin a.lang.on{    background: #34456e;   color: #fff;}
                .toplin a.lang i{color:#fff; font-size: 20px; float: left; padding-right: 4px;}


header{box-shadow:0 0 20px rgba(0,0,0,0.1);padding:0 20px;display:flex;justify-content:space-between;}
		.logo{padding:5px 0;}
		        .logo a{display:block;}
        .logo img{height:60px;}
        .logo figure{float:left; display: inline-block; }
        .logo img{ padding-top:0px;}
        .logo .text{float:left; padding:6px 0 0 10px; position:relative; text-align:center}
        .logo .text .font1{font-size: 14px;
        letter-spacing: 2px;
        line-height:2;
        background-color:#34456e; border-radius:6px; padding:5px 10px; color:#fff; font-weight: normal; }
        .logo .text .font2{
        font-size: 12px; line-height: 0;
        letter-spacing: 0;
        color: #34456e;
        }
		.nav{}
			nav{background:#fff;clear:both;}
			nav span{position:absolute;z-index:9;top:20px;right:20px;display:block;width:30px;}
			nav span i{display:block;content:'';width:100%;height:2px;background:#ccc;margin:6px 0;transition:all 0.3s ease-out 0.1s;}
			nav span.on i:nth-of-type(1){transform:translateY(8.5px) rotate(45deg);}
			nav span.on i:nth-of-type(2){opacity: 0;}
			nav span.on i:nth-of-type(3){transform:translateY(-8.5px) rotate(-45deg);}
			nav ul{position:fixed;padding-top: 0;z-index:3;right:-300px;bottom:0;top:61px;width:300px;background:rgba(255,255,255,1);box-shadow:0 30px 30px rgba(0,0,0,0.1);transition:all ease-out 0.3s;}
			nav ul.on{right:0;}
			nav ul li{position:relative;width: 100%;box-sizing: border-box;padding: 0;}
			nav ul li i{position:absolute;z-index:11;top:1px;right:1px;width:40px;height:40px;background:rgba(0,0,0,0.1);text-align:center;line-height:40px;font-style:normal;}
			nav>ul>li>a{display:block;line-height:42px;font-size:16px;padding:0 20px;border-bottom:1px solid rgba(0,0,0,0.1);text-transform: capitalize;}
			nav>ul>li.on>a {border-bottom: 1px dashed rgba(0,0,0,0.1);}
			nav li a span{display:none;}
			nav li a:hover{background:#fff;color:#333;}
			nav li ul{display:none;position:static;overflow:hidden;box-shadow:none;background:none;}
			nav li ul.on{display:block;    width: 100%;border-bottom: 1px solid rgba(0,0,0,0.1);margin: 0;padding: 0;}
			nav li li{float:left;width:50%;line-height:30px;padding:0 20px;}
            .nav_en nav li li{width:100%;}
			nav li li a{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color: #666;font-size: 14px;text-transform: capitalize;}
			nav li li a:after {opacity: 0.5;}
		.headlink{}
			.phone{display:none;}
				.phone a{display:block;}
				.phone i{margin:5px 60px 0 0;font-size:40px;line-height:60px;color:#62c3d0;}
				.phone span{display:none;}

footer{background:#34456e;}
	.foot{padding:40px 20px;color:#fff;}
		.footnav{}
			.footnav dl{margin:0 0 20px;}
			.footnav dt{font-size:16px;font-weight:bold;position:relative;margin:0 0 10px;text-transform: capitalize;}
			.footnav dt:before{content:'';display:block;width:10px;height:10px;position:absolute;top:8px;right:0;border-bottom:2px solid rgba(255,255,255,0.2);border-right:2px solid rgba(255,255,255,0.2);transform:rotate(45deg);}
			.footnav dd{}
			.footnav dd span{display:block;white-space:nowrap;}
			.footnav dd span a{color:#fff;opacity:0.5; text-transform: capitalize;   display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;}
		.footcon{}
				.footcon h3{font-size:16px;margin:0 0 20px;position:relative;}
				.footcon h3 span{font-size:16px;color:#999;font-weight:normal;margin:0 0 0 5px;}
				.footcon h3:before{content:'';display:block;width:10px;height:10px;position:absolute;top:8px;right:0;border-bottom:2px solid rgba(255,255,255,0.2);border-right:2px solid rgba(255,255,255,0.2);transform:rotate(45deg);}
				.footcon div{margin:0 0 30px;}
				.footcon div p i{float:left;margin:0 10px 0 0;font-size:18px;}
				.footcon div p strong{font-size:36px;line-height:50px;display:block;color:#62c3d0;}
				.footcon ul{}
				.footcon li{float:left;margin:0 30px 0 0;}
				.footcon li figure{width:120px;position:relative;background:#000;}
				.footcon li figure img{width:100%;}
				.footcon li figure figcaption{position:absolute;top:0;left:0;right:0;bottom:0;color:#fff;opacity:0;transition:all 0.3s ease-out 0s;text-align:center;line-height:120px;background:rgba(0,0,0,0.95);}
				.footcon li figure:hover figcaption{opacity:1;}
	.cop{padding:20px 20px 80px;color:#fff;border-top:1px solid rgba(255,255,255,0.2);text-align:center;}
		.copinf a{color:#fff;}
		.copinf{opacity:0.3;text-align:center;}
			.copinf span{display:inline-block;margin:0 20px 0 0;}
			.copinf a{display:inline-block;margin:0 20px 0 0;}
		.copsup a{margin:0 5px;color:#fff;opacity:0.5;}
	.flink{padding:20px;background:#fff;}
		.flink a{margin:0 10px 0 0;}
}


	