@charset "utf-8";
/* CSS Document */

*{margin:0;padding:0}
html{-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; /*修正手持设备字体变化*/-webkit-font-smoothing: subpixel-antialiased;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);  
-moz-tap-highlight-color:rgba(0, 0, 0, 0);  
-ms-tap-highlight-color:rgba(0, 0, 0, 0);  
-o-tap-highlight-color:rgba(0, 0, 0, 0);  
tap-highlight-color:rgba(0, 0, 0, 0);}
body{ font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif;background:#fff; font-size:14px;overflow-x:hidden; color:#5c5c5c}
body.en{font-family: Arial, Helvetica, sans-serif;}
a{ text-decoration:none;outline:none;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;color:#666}
a:hover{color:#009ee2}
img{ border:none;}
table{ border-collapse:collapse}
ul,ol,li{ list-style:none}
.clearfix{zoom:1; clear:both}
.clearfix:after{ content:""; height:0; display:block; clear:both; visibility:hidden;}
.fl{ float:left}
.fr{ float:right}
botton,input,textarea,select{ outline:none; font-family:"Microsoft Yahei",Arial}
h1,h2,h3,h4,h5{ font-weight:normal}
.flex{display: -webkit-flex;display: flex;flex-wrap: wrap;align-items: flex-start;}
.col01{ color:#009ee2}
.ovh{overflow: hidden;}
body.ovh{position: fixed; width:100%; height:100%}

.img-dv{ position:relative; overflow:hidden}
.img-dv .img1{ display:block; width:100%; opacity:0}
.img-dv .img2{ position:absolute;left:0;right:0;top:0;bottom:0; margin:auto; width:auto; height:auto; max-width:100%;}


.nmain p{word-wrap: break-word !important; word-break: normal !important; }

.wrap{ width:1280px; margin:0 auto;}
.header{ position:relative;height:70px;}
.headerbox{ background:#3b3b3b; position:fixed; width:100%; height:70px; left:0; top:0; z-index:999}
/*.headerbox .wrap{ position:relative}*/
.header .m-btn{ width:25px; height:16px;margin-top:25px; cursor:pointer}
.header .m-btn .line{ height:2px; width:100%; display:block; background:#fff; -webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;}
.header .m-btn .line1{-webkit-transform-origin:4px center;-moz-transform-origin:4px center;-ms-transform-origin:4px center;-o-transform-origin:4px center;transform-origin:4px center}
.header .m-btn .line2{ margin-top:5px;}
.header .m-btn .line3{ margin-top:5px;-webkit-transform-origin:1px center;-moz-transform-origin:1px center;-ms-transform-origin:1px center;-o-transform-origin:1px center;transform-origin:1px center}
.m-btn.active .line1{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.m-btn.active .line3{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
.m-btn.active .line2{ opacity:0; filter:alpha(opacity=0)}
.header .logo{ float:left; height:70px}
.header .logo a{ display:flex; display:-webkit-flex; align-items:center;height:70px}
.header .logo img{height:40px; display:block; width:auto}
.header-r{ margin-right:20px;margin-top:20px; float:right}
.header-r li{ float:left; margin-left:5px; position:relative}
.header-r li a{ -webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;}
.header-r li.TM a{ display:block; width:30px; height:30px; background:url(../images/icon_3.png) no-repeat 0 0;}
.header-r li.JD a{ display:block; width:30px; height:30px; background:url(../images/icon_2.png) no-repeat 0 0;}
.header-r li.TM:hover a{background:url(../images/icon_3.png) no-repeat -30px 0;}
.header-r li.JD:hover a{background:url(../images/icon_2.png) no-repeat -30px 0;}
.header-r li img{ display:block; height:30px;}
.header-r li.lang{ position:relative; color:rgba(255,255,255,0.7); margin-right:15px;}
/*.header-r li.lang>a{height:30px; line-height:30px; color:rgba(255,255,255,0.7); display:inline-block; padding:0 6px;}
.header-r li.lang>a.cur{ color:#fff;}
*/
.header-r li.lang a.yuyan{display: block;width: 30px;height: 30px;background: url(../images/languagew.png) no-repeat center; background-size:22px}
.header-r li .sub{ position:absolute;background:#fff; width:60px; left:50%; margin-left:-30px;top:50px;box-shadow:0 5px 15px rgba(0,0,0,0.15); display:none}
.header-r li .sub p{ line-height:30px; text-align:center; display:block}
.header-r li .sub p a{ display:block; width:100%; background:#fff;}
.header-r li .sub p a.cur, .header-r li .sub p a:hover{ color:#fff; background:#009ee2;}
.header-r li .sub p a:hover{box-shadow: 0 0 5px rgba(0,0,0,.1);}
/*.header-r li.lang>a i{ width:30px; height:30px; border-radius:50%;background: url(../images/l_china.jpg) no-repeat; display:inline-block; vertical-align:middle;background-size:cover; margin-right:5px}
.header-r li.lang>a.en i{background: url(../images/l_uk.jpg) no-repeat;background-size:cover;}*/
/*.header-r li.lang:hover>a{background:url(../images/icon_1.png) no-repeat -30px 0;}*/
/*.header-r li.lang:before{ content:""; width:0; height:0; display:block; border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff; position:absolute; bottom:-20px; left:50%; margin-left:-5px; opacity:0;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;-ms-transition:.3s;transition:.3s;}*/
.header-r li.lang:hover:before{ opacity:1}
.header-r li .subnav{ position:absolute;background:#fff; width:120px; left:50%; margin-left:-60px;top:50px;box-shadow:0 5px 15px rgba(0,0,0,0.15); display:none}
.header-r li .subnav a{ display:block; line-height:35px; border-bottom:1px solid #e8e8e8;background:#fff; padding-left:15px;}
.header-r li .subnav i{width: 25px;height: 25px;background: url(../images/l_china.jpg) no-repeat; background-size:cover;display: inline-block;vertical-align: middle;margin-right: 10px;-webkit-border-radius:50%;-moz-border-radius:50%; border-radius:50%;}
.header-r li .subnav span{display: inline-block;vertical-align: middle;}
.header-r li .subnav .p2 i{background:url(../images/l_uk.jpg) no-repeat; background-size:cover;}
.header-r li .subnav .p3 i{background:url(../images/l_japan.jpg) no-repeat; background-size:cover;}
.header-r li .subnav a:hover{ background:#009ee2; color:#fff}
.header-r li.search{ width:140px;}
.header-r li.search .tex{ border:none; color:#fff; float:left; width:calc(100% - 30px);height: 30px; line-height:30px; border-bottom:solid 1px rgba(255,255,255,0.7); background:none;}
.header-r li.search .btn{ display: block;border:none;  float:left; width: 30px;height: 30px;background: url(../images/sear_icon.png) no-repeat center; background-size:22px; cursor:pointer;}


.header-r li.search :-moz-placeholder {color:rgba(255,255,255,0.7); opacity:1; }
.header-r li.search ::-moz-placeholder {color:rgba(255,255,255,0.7);opacity:1;}
.header-r li.search input:-ms-input-placeholder{color:rgba(255,255,255,0.7);opacity:1;}
.header-r li.search input::-webkit-input-placeholder{ color:rgba(255,255,255,0.7);opacity:1;}

/*

.header-r li.search a{display: block;width: 30px;height: 30px;background: url(../images/sear_icon.png) no-repeat center; background-size:22px}
.search-alert{position: fixed;z-index: 999;background: #222;left: 0;top: 0;width: 100%;height: 100%;display: none;}
.search-alert .closed{width: 37px;height: 37px;background: url(../images/close.png) no-repeat;position: absolute;right: 5%;top: 100px;cursor: pointer;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;transition: .5s;}
.search-alert .closed:hover{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg); transform:rotate(180deg);}
.search-alert form{position: absolute;width:50%;left:25%;top: 50%;height: 80px;margin-top: -40px;border-bottom: 1px solid #515151; position:relative}
.search-alert .tex{ border:none; background:none;font-size: 40px;height:80px;line-height: 80px;text-align: center; width: 100%; padding-right:50px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;color: #555;}
.search-alert .btn{ background:none; color: #555; position:absolute; right:0; top:0; height:80px; line-height:80px;font-size:26px; font-weight:bold; border:1px; cursor:pointer;}
*/
.menu{ width:calc(100% - 320px); float:left; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; text-align:center}
.menu ul{ display:inline-block}
.menu .menu-left,.menu .menu-right{ width:50%; padding:0 10%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.menu .menu-left{ float:left}
.menu .menu-right{ float:right}
.menu li{ float:left; margin:0 25px;line-height:70px; text-align:center; }
.menu li .subnav{ position:absolute; width:100%; left:0; background:#fff; display:none; }
.menu li .subnav .wrap{display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; padding:20px 0 50px 0;}
.menu li .subnav p{ line-height:35px; width:33.33%; text-align:left}
.menu li .subnav p a{ display:block; color:#333;}
.menu li .subnav p a:hover{ color:#009ee2; }
.menu li a{ display:block; color:#fff;}
.menu li>a{ white-space:nowrap}
.menu li a:hover, .menu li.cur a{color:#009ee2}
.m-menu{ width:100%; height:100%; background:#222; color:#f5f5f5; z-index:99; position: fixed;top:0; text-align:center; display:none;overflow: scroll; overflow-x: hidden;}
.m-menu .closed{ width:37px; height:37px; background:url(../images/close.png) no-repeat; position:absolute; right:5%;top: 100px;cursor:pointer;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s; transition:.5s;}
.m-menu ul{ position:absolute; top:50%; margin-top:-150px;width:100%;}
.m-menu .closed:hover{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg); transform:rotate(180deg);}
.m-menu li{ display:inline-block; position:relative; width:300px; margin:0 15px;border-radius:10px; overflow:hidden}
.m-menu li .pic{ overflow:hidden; }
.m-menu li .pic img{ display:block; width:100%; height:auto}
.m-menu li .tit{ background:rgba(255,255,255,.75);height:40px; line-height:40px;width: 100%;position: absolute;bottom: 0;color:#009ee2; font-size:18px;}


.ibanner{ position:relative;z-index:2;overflow:hidden; height:350px;}
.ibanner .swiper-slide a{ display:block; background:#16468e; height:100%}
.ibanner .swiper-slide .img{width:100%; height:100%; object-fit:cover; display:block; margin:0 auto}
/*.ibanner .swiper-slide .img{-webkit-transition:1s linear .3s;-moz-transition:1s linear .3s;transition:1s linear .3s;}
.ibanner .swiper-slide-active .img{-webkit-transition:16s linear;-moz-transition:16s linear;transition:16s linear;-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);transform:scale(1.2,1.2);}	*/
.ibanner .swiper-pagination{ bottom:10px}
.ibanner .swiper-pagination-bullet{ width:8px; height:8px; background:none; border:1px solid #fff; opacity:1}
.ibanner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 8px;}
.ibanner .swiper-pagination-bullet-active{ background:#fff}
.ibanner .swiper-button-prev, .ibanner .swiper-button-next{width:30%;height: 100%;top:0;background:none;}
.ibanner .swiper-button-prev{left:0;}	
.ibanner .swiper-button-next{right:0;}	
.ibanner .swiper-button-prev span,.ibanner .swiper-button-next span{
	display:block;
	width: 64px;
	height: 64px;
	position: absolute;
	left: 20px;
	top: 50%;
	margin-top:-32px;
	border-radius: 100%;
	background: rgba(0,0,0,0.35);
	opacity: 0;
	-webkit-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
}
.ibanner .swiper-button-next span{
	background: rgba(0,0,0,0.35);
	left:auto;
	right:20px;
	}
.ibanner .swiper-button-prev:hover span, .ibanner .swiper-button-next:hover span{
	opacity: .6;
}
.ibanner .swiper-button-prev span:after{ content:""; display:block; width:15px; height:15px; border-top:2px solid rgba(255,255,255,.7);border-left:2px solid rgba(255,255,255,.7); -moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg); position:absolute; left:50%; margin-left:-5px; top:25px;}
.ibanner .swiper-button-next span:after{ content:""; display:block; width:15px; height:15px; border-top:2px solid rgba(255,255,255,.7);border-right:2px solid rgba(255,255,255,.7); -moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg); position:absolute; left:50%; margin-left:-12px; top:25px;}


.i-prodcts, .i-prodcts02{ background:#184d9d url(../images/Background.png) no-repeat bottom center;background-size:100% auto;padding-top:80px; padding-bottom:90px; position:relative;}
.triangle{-webkit-clip-path: polygon(0 0,100% 0,100% 90%,50% 100%,0 90%);clip-path: polygon(0 0,100% 0,100% 90%,50% 100%,0 90%);}
.i-prodcts .left{ width:49%; border:1px solid rgba(255,255,255,.1); height:318px; background:#fff; overflow:hidden}

.i-prolist{ margin-right:-2%}
.i-prolist li{ width:31%; margin-right:2%; margin-bottom:2%; float:left; position:relative}

.i-prolist li .pic{ overflow:hidden}
.i-prolist li img{ display:block; width:100%; height:auto;}
.i-prolist li .tit{ color:#fff;width:100%; position:absolute; bottom:0;left:0;height: 22%;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;overflow: hidden;}
.i-prolist li .tit .tit-c{position: absolute;
    bottom: 0;
    top: 0;
    vertical-align: middle;
    color: white;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    justify-content: center;
    align-items: center;
}
.i-prolist li .tit h3{font-size: 18px;}
.i-prolist li .tit i{ margin-left:15px; margin-right:5px}
.i-prolist li:hover .tit{height:100%}
.i-prolist li:hover .tit .tit-c{ right:0; left:0}
.i-prolist li:hover .tit i{ margin-left:0}
.i-prolist li.li1 .tit{
	background: -webkit-linear-gradient(left, rgba(0,158,226,0.8), rgba(71,183,200,0.8));
	background: -o-linear-gradient(right, rgba(0,158,226,0.8), rgba(71,183,200,0.8));
	background: -moz-linear-gradient(right, rgba(0,158,226,0.8), rgba(71,183,200,0.8));
	background: linear-gradient(to right, rgba(0,158,226,0.8), rgba(71,183,200,0.8));	
}
.i-prolist li.li1 .tit i{ width:32px; height:32px; background:url(../images/icon1.png) no-repeat center; display:block;}
.i-prolist li.li2 .tit i{ width:32px; height:32px; background:url(../images/icon2.png) no-repeat center; display:block;}
.i-prolist li.li3 .tit i{ width:32px; height:32px; background:url(../images/icon3.png) no-repeat center; display:block;}
.i-prolist li.li4 .tit i{ width:32px; height:32px; background:url(../images/icon4.png) no-repeat center; display:block;}
.i-prolist li.li5 .tit i{ width:32px; height:32px; background:url(../images/icon5.png) no-repeat center; display:block;}
.i-prolist li.li6 .tit i{ width:32px; height:32px; background:url(../images/icon6.png) no-repeat center; display:block;}
.i-prolist li.li7 .tit i{ width:32px; height:32px; background:url(../images/icon7.png) no-repeat center; display:block;}
.i-prolist li.li8 .tit i{ width:32px; height:32px; background:url(../images/icon8.png) no-repeat center; display:block;}

.i-prolist li .icon{ width:32px; height:32px;display:block; margin-left: 15px;margin-right: 5px;}


.i-prolist li.li2 .tit{
	background: -webkit-linear-gradient(left, rgba(0,158,226,0.8), rgba(71,183,200,0.8));
	background: -o-linear-gradient(right, rgba(0,158,226,0.8), rgba(71,183,200,0.8));
	background: -moz-linear-gradient(right, rgba(0,158,226,0.8), rgba(71,183,200,0.8));
	background: linear-gradient(to right, rgba(0,158,226,0.8), rgba(71,183,200,0.8));		
}
.i-prolist li.li3 .tit{
	background: -webkit-linear-gradient(left, rgba(0,158,226,0.8), rgba(71,183,200,0.8));
	background: -o-linear-gradient(right, rgba(0,158,226,0.8), rgba(71,183,200,0.8));
	background: -moz-linear-gradient(right, rgba(0,158,226,0.8), rgba(71,183,200,0.8));
	background: linear-gradient(to right, rgba(0,158,226,0.8), rgba(71,183,200,0.8));	
}
.i-prolist li.li4 .tit{
	background: -webkit-linear-gradient(left, rgba(0,158,226,0.8), rgba(71,183,200,0.8));
	background: -o-linear-gradient(right, rgba(0,158,226,0.8), rgba(71,183,200,0.8));
	background: -moz-linear-gradient(right, rgba(0,158,226,0.8), rgba(71,183,200,0.8));
	background: linear-gradient(to right, rgba(0,158,226,0.8), rgba(71,183,200,0.8));		
}
.i-prolist li.li5 .tit{
	background: -webkit-linear-gradient(left, rgba(0,158,226,0.8), rgba(71,183,200,0.8));
	background: -o-linear-gradient(right, rgba(0,158,226,0.8), rgba(71,183,200,0.8));
	background: -moz-linear-gradient(right, rgba(0,158,226,0.8), rgba(71,183,200,0.8));
	background: linear-gradient(to right, rgba(0,158,226,0.8), rgba(71,183,200,0.8));	
}
.i-prolist li.li6 .tit{
	background: -webkit-linear-gradient(left, rgba(0,158,226,0.8), rgba(71,183,200,0.8));
	background: -o-linear-gradient(right, rgba(0,158,226,0.8), rgba(71,183,200,0.8));
	background: -moz-linear-gradient(right, rgba(0,158,226,0.8), rgba(71,183,200,0.8));
	background: linear-gradient(to right, rgba(0,158,226,0.8), rgba(71,183,200,0.8));	
}
.i-prolist li.li7 .tit{
	background: -webkit-linear-gradient(left, rgba(0,158,226,0.8), rgba(71,183,200,0.8));
	background: -o-linear-gradient(right, rgba(0,158,226,0.8), rgba(71,183,200,0.8));
	background: -moz-linear-gradient(right, rgba(0,158,226,0.8), rgba(71,183,200,0.8));
	background: linear-gradient(to right, rgba(0,158,226,0.8), rgba(71,183,200,0.8));	
}
.i-prolist li.li8 .tit{
	background: -webkit-linear-gradient(left, rgba(0,158,226,0.8), rgba(71,183,200,0.8));
	background: -o-linear-gradient(right, rgba(0,158,226,0.8), rgba(71,183,200,0.8));
	background: -moz-linear-gradient(right, rgba(0,158,226,0.8), rgba(71,183,200,0.8));
	background: linear-gradient(to right, rgba(0,158,226,0.8), rgba(71,183,200,0.8));		
}
.i-prolist li.li9 .pic{ background:#009ee2;}
.i-prolist li.li9 .p1{ color:#fff; font-size:50px; position:absolute; right:5%; top:30%; border-top:1px solid rgba(255,255,255,0.8);border-bottom:1px solid rgba(255,255,255,0.8);}
.i-prolist li.li9 .p2{ color:#fff; font-size:16px; position:absolute; right:5%; top:68%;}
/*.i-prodcts li img{-webkit-transition:.8s;-moz-transition:.8s;-ms-transition:.8s;-o-transition:.8s;transition:.8s;}
.i-prodcts li:hover img{ -webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}*/
.i-about{padding:60px 0;}
.title{ text-align:center; color:#333; font-size:30px; font-weight:bold; margin-bottom:45px;}
.title .line{ background:#009ee2; width:36px; height:3px; display:block; margin:10px auto 0;}
/*.i-about-con{background:#fff url(../images/gvs.png) no-repeat center;}*/
.i-about-con .pic{ width:49%; text-align:center;margin-top: -30px;*/}
.i-about-con .pic img{ max-width:100%;height:550px;*/}

.i-about-con .text{ width:49%; color:#363636; font-size:17px; line-height:36px; padding-top:30px;}
.i-about-con .text .title{ text-align:left}
.i-about-con .text .title .line{ margin-left:0}
.i-about-con .text .more{ margin-top:30px;}
.i-about-con .text .more a{ display:block; width:155px; line-height:45px; border:1px solid #e8e8e8; text-align:center; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; font-size:14px; color:#666;overflow:hidden;position:relative}
.i-about-con .text .more a:after{
    background: #009ee2;
    content:'';
    position: absolute;
    z-index:0;
    -webkit-transition: all .6s cubic-bezier(.165,.84,.44,1);
    transition: all .6s cubic-bezier(.165,.84,.44,1);
    height: 100%;
    left: -35%;
    top: 0;
    -webkit-transform: skew(50deg);
    transform: skew(50deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    width:0;
}
.i-about-con .text .more span{ position:relative; z-index:1}
.i-about-con .text .more a:hover{ color:#fff}
.i-about-con .text .more a:hover::after{ width:150%;}
.i-about-2{ background:#f5f5f5}
.i-about-2 .i-about-2-wrap{ display:flex; display:-webkit-flex}
.i-about-2 .left{ width:49%; margin-right:2%; padding:30px; background:#fff; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;box-shadow:0 0 5px rgba(0,0,0,.1)}
.i-about-2 .title02{ text-align:left; margin-bottom:15px; font-size:20px; color:#333; font-weight:bold}
.i-about-2 .title .line{ margin-left:0}
.i-about-2 .i-about-con{ background:none; line-height:26px; font-size:15px; height:145px;overflow: hidden;}
.i-about-2 .i-about-con p{ margin-bottom:6px}
.i-newslist{ position:relative}
.i-newslist .swiper-slide{ background:#fff; opacity:0 !important;}
.i-newslist .swiper-slide.swiper-slide-active{ opacity:1 !important}
.i-newslist a{ display:block;}
.i-newslist .txt{ padding-left:50%}
.i-newslist h2{ font-size:18px; line-height:24px; color:#333; margin-bottom:15px; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden}
.i-newslist .intro{ font-size:15px; color:#666; line-height:26px;overflow:hidden;display: -webkit-box; -webkit-line-clamp:3; overflow: hidden;  -webkit-box-orient: vertical;}
.i-newslist .more{color:#009ee2; font-size:12px; margin-top:15px; display:block}
.i-newslist .pic{ width:45%; float:left;border:1px solid #e8e8e8; position:relative; overflow:hidden}
.i-newslist .pic .img1{ display:block; width:100%;}
.i-newslist .pic .img2{ position:absolute; left:0;top:0;right:0;bottom:0; margin:auto; max-width:100%; min-height:100%}
.i-newslist .swiper-pagination{ width:auto; right:0;bottom:0;left:auto;}
.i-newslist .swiper-pagination-bullet-active{ background:#009ee2}
.i-newslist .swiper-pagination-bullet{ margin-left:3px}

.i-about-2 .right{ width:49%; padding:30px;background:#fff;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; box-shadow:0 0 5px rgba(0,0,0,.1)}
.i-keyword{ position:relative}
.i-keyword .swiper-slide{ background:#fff; opacity:0 !important;}
.i-keyword .swiper-slide.swiper-slide-active{ opacity:1 !important}
.i-keyword a{ display:block;}
.i-keyword .txt{ padding-left:50%}
.i-keyword h2{ font-size:20px; color:#333; margin-bottom:15px}
.i-keyword .intro{ font-size:15px; color:#666; line-height:26px;overflow:hidden;display: -webkit-box; -webkit-line-clamp: 4; overflow: hidden;  -webkit-box-orient: vertical;}
.i-keyword .more{color:#009ee2; font-size:12px; margin-top:15px; display:block}
.i-keyword .pic{ width:45%; float:left;border:1px solid #e8e8e8; position:relative; overflow:hidden}
.i-keyword .pic .img1{ display:block; width:100%;}
.i-keyword .pic .img2{ position:absolute; left:0;top:0;right:0;bottom:0; margin:auto; max-width:100%; min-height:100%}
.i-keyword .swiper-pagination{ width:auto; right:0;bottom:0;left:auto;}
.i-keyword .swiper-pagination-bullet-active{ background:#009ee2}
.i-keyword .swiper-pagination-bullet{ margin-left:3px}


.banner{ position:relative; overflow:hidden;z-index:2; height:350px; overflow:hidden}
.banner .item a{ display:block; height:350px}
.banner .slick-slide img{ width:100%; height:auto}
.nmain{ padding:60px 0; line-height:30px;}
.nmain p{ margin-bottom:5px}
.nmain_2{ padding:60px 0; line-height:30px; background:#f5f5f5}
.title_2{ text-align:center; font-size:30px; line-height:35px; color:#333; margin-bottom:40px}
.title_2 span{ display:block; font-size:16px; color:#666; text-transform:uppercase}

.nmainCon{ font-size:16px;}
.nmainCon img{ max-width:100%; height:auto}
.jiagou{ position:relative; margin:20px 0}
.jiagou:after{ content:""; width:100%; height:1px; background:#e6e6e6; position:absolute; left:0; top:190px;}
.jiagou li{ float:left; width:16.66%; text-align:center; height:150px; background:url(../images/linea_up.png) no-repeat center bottom; padding-bottom:45px;}
.jiagou li:nth-child(odd){ padding-top:230px;background:url(../images/linea_down.png) no-repeat center 185px; padding-bottom:0;}
.jiagou li .intro{ background:#fff}
.jiagou li .icon{ background:#fff;}
#videobox{ margin-right:-2%}
#video {
	width: 100%;
	height: auto;
	margin:20px auto 0;
	position: relative;
}
#videobox .item{ position:relative; width:48%; margin-right:2%; float:left; height:350px;}
#video video {
	width: 100%;
	height: 100%;
	object-fit: fill;
}

.VideoBtn,.VideoBtn02 {
	position: absolute;
	left: 50%;
	top: 50%;
	display: block;
	width: 70px;
	height: 70px;
	margin-left: -35px;
	margin-top: -35px;
	cursor: pointer;
	z-index: 10;
}
.history{position:relative; padding:0 40px 30px; margin-top:30px}
.history .slick-slide .item{margin:0 10px; padding-bottom:8px;}
.history .slick-slide .item .time{ text-align:center; background:#009ee2; font-size:18px; color:#fff; padding:5px 0; position:relative}
.history .slick-slide .item .time:after{ content:""; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #009ee2; position:absolute; left:50%; margin-left:-5px; bottom:-5px;}
.history .slick-slide .item .intro{ background:#fff; border:1px solid #e8e8e8; padding:15px; height:80px; overflow:auto}
.history .slick-dots{bottom:0}
.history .slick-dots li.slick-active button{ background:#009ee2}
.history .slick-prev, .history .slick-next{ width:30px; height:30px; background:url(../images/arrow_n.png) no-repeat #009ee2 center; background-size:80%; -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; right:0;margin-top: -30px;}
.history .slick-prev{background:url(../images/arrow_p.png) no-repeat #009ee2 center;background-size:80%; right:auto; left:0}
.advantage li{ background:#fff; margin-bottom:30px; padding-bottom:30px; border-bottom:1px dotted #d8d8d8}
.advantage li .pic{ width:50%;}
.advantage li .pic img{ width:100%; display:block}
.advantage li .text{ width:50%; padding-left:3%; padding-top:1%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box; font-size:15px}
.advantage li .text h3{ font-size:26px; padding-bottom:15px; color:#009ee2; position:relative}
.advantage li .text h3 span{ position:relative}
.advantage li .text h3 span:before{ content:""; width:145px; height:2px; background:#009ee2; display:block; position:absolute; right:calc(100% + 15px); top:18px;}
/*.advantage li:nth-child(2) .text h3{ text-align:right}
.advantage li:nth-child(2) .text h3:before{ left:auto; right:-155px;}*/
.advantage li:nth-child(2) .text h3 span:before{ right:auto; left:calc(100% + 15px);}
.advantage li:nth-child(2) .text{ padding-left:0; padding-right:3%}
.advantage li:last-child{ border-bottom:none; margin-bottom:0; padding-bottom:0}
.investor .left{ width:50%;}
.investor .right{ width:45%; color:#009ee2}
.investor .right li{ padding:20px 0}
.investor .right .num{ float:left; width:80px; text-align:right; font-size:30px; font-family:"Bebas"}
.investor .right .intro{ margin-left:100px; background:url(../images/cerchio-12.png) no-repeat left center; padding-left:25px; font-size:24px;}
.nbanner{ position:relative; height:350px; overflow:hidden; background-size:auto !important;background-repeat:repeat-x !important}
.nbanner img{ display:block; width:100%; height:auto}
.location{ background:rgba(0,158,226,0.5); color:#fff; margin-top:-45px; height:45px; line-height:45px; position:relative;}
.location .wrap{ background:url(../images/home.png) no-repeat left 16px; padding-left:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.location a{ color:#fff}
.productlist ul{ margin-right:-2%; display:flex; display:-webkit-flex; flex-wrap:wrap;}
.productlist li{ width:48%; margin-right:2%; margin-bottom:2%;float:left; position:relative}

.productlist li .pic{ overflow:hidden; border:1px solid #e8e8e8}
.productlist li img{ display:block; width:100%; height:auto;}
.productlist li .tit .tit-c {
    position: absolute;
    bottom: 0;
    top: 0;
    vertical-align: middle;
    color: white;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    justify-content: center;
    align-items: center;
}
.productlist li .tit{color: #fff;width: 100%;position: absolute;bottom: 0;left: 0;height: 20%;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;overflow: hidden;}
.productlist li .tit{
	background: -webkit-linear-gradient(left, rgba(0,158,226,0.8), rgba(71,183,200,0.8));
	background: -o-linear-gradient(right, rgba(0,158,226,0.8), rgba(71,183,200,0.8));
	background: -moz-linear-gradient(right, rgba(0,158,226,0.8), rgba(71,183,200,0.8));
	background: linear-gradient(to right, rgba(0,158,226,0.8), rgba(71,183,200,0.8));	
}
.productlist li h3{font-size: 18px;}
.productlist li .tit i {margin-left: 15px;margin-right: 5px;width:32px; height:32px; background:url(../images/icon1.png) no-repeat center; background-size:cover !important; display:block;}

.productlist li:hover .tit{ height:100%}
.productlist li:hover .tit .tit-c{ left:0; right:0}
.productlist li .icon{ width:32px; height:32px;display:block; margin-left: 15px;margin-right: 5px;}


.productlist_1 li{ width:32.33%; margin-right:1%}
.productlist_1 li .tit{ height:25%}
.productlist_1 li .protop{ display:block; position:relative}
.productlist_1 li .pronavSed{ padding-top:20px; font-size:15px}
.productlist_1 li .pronavSed p{ position:relative}
.productlist_1 li .pronavSed p:before{ content:""; width:4px; height:4px; display:block;-webkit-border-radius:50%;border-radius:50%; background:#ccc; position:absolute; left:0;top:13px; -webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}
.productlist_1 li .pronavSed p a{ padding-left:12px; display:block}
.productlist_1 li .pronavSed p:hover::before{ background:#009ee2}
.productlist_1 li .icon,.productlist_1 li .tit i{ width:25px; height:25px;}
.productlist_1 .li1 .pronavSed, .productlist_1 .li2 .pronavSed, .productlist_1 .li3 .pronavSed{ display:flex; display:-webkit-flex; flex-wrap:wrap;}
.productlist_1 .li1 .pronavSed>p, .productlist_1 .li2 .pronavSed>p{ width:50%; padding-right:2%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.productlist_1 .li3 .pronavSed>p{ width:50%; padding-right:2%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}

.productlist_3 li{ width:31.33%;text-align:center}
.productlist_3 li .tit .tit-c{ right:0; left:0}

.productlist-fir ul{display: -webkit-flex; display:flex;justify-content:center;flex-wrap:wrap}
.productlist-fir li{ float:left; width:31.33%; margin-right:2%; margin-bottom:2%; position:relative;}
.productlist-fir li .pic{ border:1px solid #e8e8e8}
.productlist-fir li img{ display:block; width:100%; height:auto}
.productlist-fir li .bg{position: absolute;z-index: 1;bottom: 0;background-color: rgba(1,158,227,0.6);color: white;height:20%;width: 100%;text-align: center;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;overflow: hidden;}
.productlist-fir li .tit{position: absolute;bottom: 0;top: 0;right: 0;left: 0;text-align: center;vertical-align: middle;color: white;font-weight: 400;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;text-align: center; margin: auto;display: flex;justify-content: flex-start;align-items: flex-end;justify-content: center;align-items: center;}
.productlist-fir li:hover .bg{height:100%}
.productlist-fir .clstit{ color:#333; font-size:18px; margin:15px 0}

.pro_list ul{display: -webkit-flex; display:flex;justify-content:center;flex-wrap:wrap}
.pro_list li{ float:left; width:31.33%; margin-right:2%; margin-bottom:2%; position:relative;}
.pro_list li .pic{ border:1px solid #e8e8e8}
.pro_list li img{ display:block; width:100%; height:auto}
.pro_list li .bg{position: absolute;z-index: 1;bottom: 0;background-color: rgba(1,158,227,0.6);color: white;height:20%;width: 100%;text-align: center;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;overflow: hidden;}
.pro_list li .tit{position: absolute;bottom: 0;top: 0;right: 0;left: 0;text-align: center;vertical-align: middle;color: white;font-weight: 400;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;text-align: center; margin: auto;display: flex;justify-content: flex-start;align-items: flex-end;justify-content: center;align-items: center;}
.pro_list li:hover .bg{height:100%}

.biaoyu{ text-align:center; font-size:18px; margin-bottom:20px; margin-top:-10px;font-family:arial}
.biaoyu03{ text-align:left; font-size:16px;}
.biaoyu03 p{ margin-bottom:10px}

.wswCon{ margin-top:30px; line-height:25px; font-family:arial}
.wswCon .wswtit{  border-bottom:1px solid #d8d8d8; margin-bottom:20px;}
.wswCon .wswtit span{ display:inline-block;background:#009ee2; color:#fff; font-size:20px; padding:5px 10px; }
.wswCon p{ margin-bottom:10px}
.wsw_intro_1 img{ float:left; margin-right:15px; max-width:100%}
.wsw_intro_1 .text{ float:left;}
.wsw_intro_1 .sd{ background:url(../images/sd.png) no-repeat left center; background-size:10px auto; padding-left:15px; font-weight:bold}
.wsw_intro_1 .sd02{ background:url(../images/sd.png) no-repeat left 5px; background-size:10px auto; padding-left:15px; padding-right:10px}
.wsw_intro_1 .dot{ margin-left:20px; margin-bottom:10px}
.wsw_intro_1 .dot p{ position:relative; padding-left:15px; margin-bottom:0}
.wsw_intro_1 .dot p:before{ content:""; width:5px; height:5px; background:#009fe3; -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; position:absolute; left:0; top:10px;}
.lx-list{ display:flex; display:-webkit-flex; flex-wrap:wrap;}
.lx-list li{ margin-right:5%;line-height: 30px; width:30%}
.lx-list li:last-child{ margin-right:0}

.proCon .left{ width:23%}
.proCon .left .relatedtit{ border-bottom:1px solid #d8d8d8; font-size:24px; color:#333; margin-bottom:30px;}
.proCon .left .relatedtit span{ border-bottom:2px solid #009ee2; display:inline-block;padding-bottom:15px;}

.picScroll{ position:relative; padding:80px 0}
.picScroll .pic img{display:block; height:auto;border:1px solid #e8e8e8;width:99%;}
.picScroll .tit{ padding-top:10px; line-height:24px; font-size:14px; text-align:center; margin-bottom:15px;}
.picScroll .slick-prev,.picScroll .slick-next{ width:50px; height:50px;-webkit-transition:background-color .3s;-moz-transition:background-color .3s; transition:background-color .3s}
.picScroll .slick-prev{ background:url(../images/arrow_up.png) no-repeat center; background-size:25px; border:1px solid #d8d8d8;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; left:20%; margin-left:-25px; top:0; margin-top:0}
.picScroll .slick-next{ background:url(../images/arrow_down.png) no-repeat center; background-size:25px; border:1px solid #d8d8d8;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; left:50%; margin-left:-25px; right:auto;top:0; margin-top:0;}
.picScroll .slick-prev:hover{background:url(../images/arrow_up_h.png) #009ee2 no-repeat center; background-size:25px;}
.picScroll .slick-next:hover{background:url(../images/arrow_down_h.png) #009ee2 no-repeat center; background-size:25px;}
.picScroll.slick-vertical .slick-slide{ border:none;}
.picScroll .slick-prev-2{left:20%; margin-left:-25px; top:auto; margin-top:0; bottom:0}
.picScroll .slick-next-2{left:50%; margin-left:-25px; right:auto;top:auto; margin-top:0; bottom:0}
.picScroll .slick-prev:hover{background:url(../images/arrow_up_h.png) #009ee2 no-repeat center; background-size:25px;}
.picScroll .slick-next:hover{background:url(../images/arrow_down_h.png) #009ee2 no-repeat center; background-size:25px;}

/*.pro_related{ border:1px solid #e8e8e8;}*/
#mainBox{width:100%;max-height:800px;position: relative;overflow: hidden;-webkit-user-select:none;-moz-user-select:none; -ms-user-select:none;user-select:none;}
/*#content {
    height: auto;
    position: absolute;
    top: 0;
	border-right:1px solid #e8e8e8;
	left:-1px
}*/
.pro_related li{ width:calc(100% - 16px);margin-bottom:15px}
.pro_related li:last-child{ margin-bottom:0}
.pro_related li .pic{ border:1px solid #e8e8e8; border-bottom:none}
.pro_related li .pic img{ display:block; width:100%; height:auto}
.pro_related li .tit{line-height:24px; font-size:14px; text-align:center; background:#f5f5f5; color:#333;padding:10px 5px;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;border:1px solid #e8e8e8; border-top:none}
.pro_related li:hover .tit{background: #009ee2;color: #fff;}
.scrollDiv {
    width: 18px;
	position: absolute;
    top: 0;
	right:0;
    background-image: url(../images/img1.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #fff;
	cursor:pointer;
}

.proCon .right{ width:68%; padding-left:5%;border-left:1px solid #d8d8d8; min-height:800px;}
.proCon .right img{ max-width:100%; height:auto}
.proCon .right .pro-top .pic{ width:45%; text-align:center; border:1px solid #e8e8e8}
.proCon .right .pro-top .pic img{ max-width:100%; height:auto; display:block;}
.proCon .right .pro-top .text{ width:50%}
.proCon .right .pro-top .text h2{ font-size:24px; color:#333; margin-bottom:10px;}
.proCon .right .pro-top .text .intro{ font-size:14px; line-height:26px;}
.proCon .right .pro-top .text .bianh{ font-size:18px;}
.proCon .right .pro-top .gmlink{ margin-top:30px; margin-bottom:30px;}
.proCon .right .pro-top .gmlink a{ display:inline-block; margin-right:15px;}
.proCon .right .pro-top .gmlink img{ display:block; max-width:45px; height:auto}
.mail-zx .zixun{ display:inline-block;padding:5px 15px; margin-top:30px;background: #009ee2;color:#fff; text-align: center;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.mail-zx .down{ display:inline-block;padding:5px 15px; margin-top:30px;background: #009ee2;color:#fff; text-align: center;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.mail-zx .mes-bg{width: 100%;height: 100%;position: fixed;top: 0px;left: 0px;z-index: 12;display: none;background: rgba(0, 0, 0, 0.6);}
.mail-zx .mes-hd{ display:none;width:600px; padding:30px; position: fixed;left:50%; margin-left:-300px;top:20%; height:60%;background:#fff; border:1px solid #e8e8e8; box-shadow:0 0 15px rgba(0,0,00,.3); z-index:99}
.mail-zx02 .mes-hd{ height:530px; max-height:60%; padding-top:50px;}
.mail-zx .closed{width:25px;
    height: 25px;
    background: url(../images/close.png) no-repeat;
	background-size:cover;
    position: absolute;
    right: -30px;
    top: -30px;
    cursor: pointer;
}
.mail-zx .mes-hd > h3{ text-align:center; color:#333; font-size:24px;font-weight: bold; background:#fff}
.mail-zx .mes-hd > .ts{ text-align:center; font-size:12px; color:#666}
.mail-zx .mes-hd form{ padding:0 20px; overflow-y:auto;height: calc(100% - 60px);}
.mail-zx .mes-hd label {line-height: 30px;display: block; font-size:14px; color:#999}
.mail-zx .mes-hd input[type=text] {
    width: 100%;
    padding:5px;
    line-height:25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	border:1px solid #d8d8d8;
	font-size:14px
}
.mail-zx .mes-hd select {
    width: 100%;
    padding: 5px;
    height: 37px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	border:1px solid #e8e8e8;
	font-size:14px
}
.mail-zx .mes-hd textarea {
    width: 100%;
    padding: 5px;
    line-height: 26px;
    min-height:50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	border:1px solid #e8e8e8;
	font-size:14px;
	display:block;
}
.mail-zx .mes-hd .m-list{ margin-bottom:10px}

.mail-zx .mes-hd .m-list-col{ width:48%; margin-right:2%; float:left}
.mail-zx .mes-hd .m-list .m-list-col:nth-child(2){ margin-right:0; float:right}

.mail-zx .mes-hd .yzm{ width:50% !important; float:left}
.mail-zx .mes-hd .submit{cursor: pointer;
    background: #009ee2;
    color: #fff;
    width: 100%;
    font-size: 16px;
	line-height:40px;
	margin-top:15px
}
.mail-zx .mes-hd .m-list h4{ border-top:2px solid #d8d8d8; background:#e5e5e5; font-size:16px; font-weight:bold;margin-top:15px; padding:0 10px}
.zx-type-tab{ display:flex; display:-webkit-flex; background:#f3f3f3; padding:10px}
.zx-type-tab>div{ color:#333; position:relative; font-size:14px; margin-right:30px; cursor:pointer}
.zx-type-tab>div:first-child::after{ content:""; width:1px; background:#d8d8d8; height:10px; position:absolute; right:-15px;top:50%; margin-top:-5px}
.zx-type-tab>div.cur{color:#009ee2}
.zx-type-hd{ background:#f3f3f3; padding:0 10px 20px}
.zx-type-hd .item{ display:none}
.mail-zx .ypsq .ypsq-row{ margin-bottom:10px}
.mail-zx .ypsq ul{ display:flex; display:-webkit-flex; flex-wrap:wrap;font-size:14px;}
.mail-zx .ypsq ul.channel{}
.mail-zx .ypsq li{ margin-right:2%; width:31.33%}
.mail-zx .ypsq li input[type=radio]{ margin-right:5px}
.pro-d{ margin-top:40px;}
.pro-d-tit{ background:#f5f5f5;}
.pro-d-tit a{ display:block; float:left; padding:0 35px;line-height:45px; border-right:1px solid #fff; color:#333}
.pro-d-tit a:hover,.pro-d-tit a.active{ background:#009ee2; color:#fff}
.pro-d-con{ padding-top:30px;}
.pro-d-con .pro-d-hd{ height:0; overflow:hidden}
.pro-d-con .pro-d-hd.active{ height:auto}
.pro-d-con .pro-d-hd table td{ padding:5px 8px; border:1px solid #e8e8e8}
.pro-d-con .pro-d-hd .tit{ font-weight:bold; color:#009ee2; margin:15px 0 5px}
.pro-d-con .pro-d-hd .sd{ background:url(../images/sd.png) no-repeat left 10px; background-size:10px auto; padding-left:15px;}
.pro-d-con .pro-d-hd .tit02{ background:#f5f5f5; padding:8px 0}
.pro-d-con .pro-d-hd .tit02 span{ display:inline-block; background:#009ee2; color:#fff;padding:0 10px 0 15px; position:relative;}
.pro-d-con .pro-d-hd .tit02 span:after{ content:""; width:0; height:0;display: block; border-left:20px solid #009ee2; border-top:30px solid transparent;position: absolute;right: -20px; bottom: 0;}
.pro-d-con .table th{ background:#009ee2; color:#fff; padding:5px 8px; text-align:left;}
.pro-d-con .table .price{ text-align:center}
.pro-d-con .pro-d-hd .table{-webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box}
.pro-d-con .pro-d-hd .tablebox{position:relative}
.pro-d-con .pro-d-hd .tablebox .table{ width:99% !important}

.pro-d-con .table02{ width:99% !important}
.pro-d-con .table02 tr td:first-child{ background:#f5f5f5}

.dinggou{ display:block; color:#fff; width:60px; line-height:28px; font-size:15px; margin:0 auto; text-align:center;background: -webkit-linear-gradient(#009ee2, #027cb1); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#009ee2, #027cb1); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#009ee2, #027cb1); /* Firefox 3.6 - 15 */
  background: linear-gradient(#009ee2, #027cb1); border-radius:5px; cursor:pointer}
  .dinggou:hover{opacity:.8}
.dinggou a{ display:block; color:#fff}
.dinggou:hover a{ color:#fff; -webkit-transition:none;-moz-transition:none;transition:none;}
.guige-top{ background:#009ee2; color:#fff}
.guige-top span{display:inline-block; float:left; padding:5px 10px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.guige-list li:nth-child(odd){ background:#f5f5f5;}
.guige-list li .guige-li{ border-bottom:1px solid #e8e8e8; cursor:pointer}
.guige-list li .guige-li.active{ font-weight:bold}
.guige-list li .guige-li span{ display:inline-block; float:left;padding:5px 10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.guige-top .span1,.guige-list li .guige-li .span1{ width:30%}
.guige-top .span2,.guige-list li .guige-li .span2{ width:70%}

.guigeDetail{ background:#f5f5f5; padding:10px; display:none}
.guigeDetail .table{ background:#fff;}


.qualitylist .kuai{ margin-bottom:20px;}
.qualitylist .quality_cl{color: #009ee2; font-size:22px;}
.qualitylist .column{ float:left; width:33.33%; border-right:1px solid #fff; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.qualitylist .column>h3{ background:#009ee2; color:#fff; padding:5px 10px}
.qualitylist .column ul{ padding:10px 0;}
.qualitylist .column li{ position:relative;}
.qualitylist .column li:before{ content:""; width:4px; height:4px; background:#999; display:block; -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; position:absolute; left:0; top:13px;}
.qualitylist .column li a{ display:block; padding-left:13px; -webkit-transform-style:background-color .3s;-moz-transform-style:background-color .3s;transform-style:background-color .3s;}

.qualitylist .q_list{ margin-right:-1%}
.qualitylist .q_list li{ background:#fff; border:1px solid #dfdfdf;float:left; width:49%; margin-right:1%; margin-bottom:1.5%; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.qualitylist .q_list li a{ display:block; padding:15px 75px 15px 40px; background:url(../images/Pdf_icon.png) no-repeat 15px center; position:relative}
.qualitylist .q_list li span{ font-size:13px; color:#666; position:absolute; top:15px; right:15px}
.qualitylist .q_list li:hover a{background:#009ee2 url(../images/Pdf_icon_h.png) no-repeat 15px center; color:#fff;}
.qualitylist .q_list li:hover span{ color:#fff; opacity:.8}

.nmainCon_map{ position:relative}
.address-container{}
/* Hide the original tooltips contents */
.wrapper{ position:absolute}
.pin {
	display: none;
	z-index:99
}

/* Begin styling the tooltips and pins */
.tooltip-up, .tooltip-down {
	position: absolute;
	background: url(../images/addicon.png) no-repeat;
	background-size:contain;
	width: 30px;
	height: 42px;
	cursor:pointer;
	z-index:99;
}

.tooltip {
	display: none;
	font-size:14px;
	width: 200px;
	position: absolute;
	bottom: 15px;
	left: 50%;
	z-index: 999;
	margin-left: -115px;
	padding:15px;
	color: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #009ee2;
	background: -webkit-gradient(linear, left top, left bottom, from(#009ee2), to(#008fcd));
	background: -webkit-linear-gradient(top, #009ee2, #008fcd);
	background: -moz-linear-gradient(top, #009ee2, #008fcd);
	background: -ms-linear-gradient(top, #009ee2, #008fcd);
	background: -o-linear-gradient(top, #009ee2, #008fcd);
	background: linear-gradient(top, #009ee2, #008fcd);			
}

.tooltip h2 {
	font-size:16px; font-weight:bold;
	margin: 0 0 10px;
}

.tooltip ul {
	margin: 0;
	padding: 0;
	list-style: none;
}		
.message{ width:80%; margin:0 auto}
.message input,.message textarea,.message select{ border:1px solid #e8e8e8}
.message label{line-height:37px; display:block}
.message input{ width:90%; padding:5px; line-height:35px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.message .m-list{ margin-bottom:15px; width:100%}
.message .m-list-col{ width:50%; float:left}
.message textarea{width:96.5%; padding:5px;line-height:26px; min-height:120px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.message .m-list .yzm{ width:50%; float:left}
.message .m-list .yzm input{ width:59.5%}
.message .m-list .submit{ width:50%; float:left; margin-top:37px}
.message .m-list .submit input{ cursor:pointer; background:#009ee2; color:#fff; width:50%; float:right; margin-right:7%;font-size: 16px;}
.message .m-list select{width: 90%;padding: 5px;height:47px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.contact-map{width: 100%;padding:10px 0;
    background: #184d9d;
    background: -webkit-linear-gradient(top,#184d9d 0,#006fad 100%);
    background: linear-gradient(to bottom,#184d9d 0,#006fad 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#184d9d',endColorstr='#016597',GradientType=0);
}
.map-container{ width:1200px; height:600px; margin:0 auto; position:relative}
.map-background{ max-width:100%; height:auto; display:block}
.map-outline{position: absolute;top: 0;left: 0; width:100%; height:100%;pointer-events: none;background-image: url(../images/map-outlines.png); background-size:cover; z-index:8}
.contact-map .map-container .map-group{position: absolute;top: 0;left: 0; width:100%; height:100%;pointer-events: none;opacity: 0;-webkit-transition: opacity .2s ease-out;transition: opacity .2s ease-out;z-index:7}
.contact-map .map-container .map-marker{position: absolute;display: none; color:#fff; background:rgba(0,158,226,0.85); font-size:18px; font-weight:bold; border:1px solid #fff;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px; padding:5px 16px 5px 40px;pointer-events: none;z-index:9;}
.contact-map .map-container .map-marker .addicon{ width:28px; height:40px; background:url(../images/addicon.png) no-repeat; position:absolute; left:5px; bottom:10px; z-index:96}
.contact-map .map-container .map-marker#mm_01{left:78%;top:29%}
.contact-map .map-container .map-marker#mm_02{left:86.5%;top:28%;}
.contact-map .map-container .map-marker#mm_03{left:83.5%;top:28%;}
.contact-map .map-container .map-marker#mm_04{left:68%;top:40%;}
.contact-map .map-container .map-marker#mm_05{left:24%;top:82%;}
.contact-map .map-container .map-marker#mm_06{left:28%;top:65%;}
.contact-map .map-container .map-marker#mm_07{left:13%;top:28%;}
.contact-map .map-container .map-marker#mm_08{left:55%;top:25%;}
.contact-map .map-container .map-marker#mm_09{left:43%;top:13%;}
.contact-map .map-container .map-marker#mm_10{left:70%;top:13%;}
.contact-map .map-container .map-marker#mm_11{left:46%;top:17%;}
.contact-map .map-container .map-marker#mm_12{left:47%;top:23%;}
.contact-map .map-container .info-card{
	display: none;
    left: 0;
    position: absolute;
    top: 70px;
    background-color: white;
    padding: 20px;
    box-shadow: 1px 1px 10px #666;
    width: 40%;
	z-index:10;
}
.contact-map .map-container .info-card-r{left:auto;right:0}
#card-09{ top:200px}
.contact-map .map-container .info-card .close_action{ width:17px; height:15px; background:url(../images/close_btn_2.png) no-repeat; position:absolute; right:20px; top:20px; cursor:pointer}
.contact-map .map-container .info-card .country{ font-size:30px; color:#009ee2; margin-bottom:20px;}
.contact-map .map-container .info-card .country i{ width:35px; height:35px; border:1px solid #e8e8e8;background:url(../images/l_china.jpg) no-repeat; background-size:cover; display:block; float:left;-webkit-border-radius:50%;-moz-border-radius:50%; border-radius:50%; margin-right:10px;}
.contact-map .map-container .info-card .text{ font-size:14px; line-height:28px;}

.contact-map .map-container .info-card#card-02 .country i{background:url(../images/l_japan.jpg) no-repeat;background-size: cover;}
.contact-map .map-container .info-card#card-03 .country i{background:url(../images/l_Korea.jpg) no-repeat;background-size: cover;}
.contact-map .map-container .info-card#card-04 .country i{background:url(../images/l_India.jpg) no-repeat;background-size: cover;}
.contact-map .map-container .info-card#card-05 .country i{background:url(../images/l_Argentina.jpg) no-repeat;background-size: cover;}
.contact-map .map-container .info-card#card-06 .country i{background:url(../images/l_Brasil.jpg) no-repeat;background-size: cover;}
.contact-map .map-container .info-card#card-07 .country i{background:url(../images/l_USA.jpg) no-repeat;background-size: cover;}
.contact-map .map-container .info-card#card-08 .country i{background:url(../images/l_Turkey.jpg) no-repeat;background-size: cover;}
.contact-map .map-container .info-card#card-09 .country i{background:url(../images/l_uk.jpg) no-repeat;background-size: cover;}
.contact-map .map-container .info-card#card-10 .country i{background:url(../images/l_Russia.jpg) no-repeat;background-size: cover;}
.contact-map .map-container .info-card#card-11 .country i{background:url(../images/l_Germany.jpg) no-repeat;background-size: cover;}
.contact-map .map-container .info-card#card-12 .country i{background:url(../images/l_Italy.jpg) no-repeat;background-size: cover;}
.contact-map .map-container .info-card .text .add{ margin-bottom:15px;}
.contact-map .map-container .info-card .text .lxfs{ line-height:24px;}
.contact-map .map-container .info-card .text .lxfs p{ padding-bottom:10px}
.contact-map .map-container .info-card .text .p1{ font-style:italic; margin-top:15px; font-size:14px}
.contact-map .map-container .info-card .office .kuai{ float:left; width:30%; margin-right:2%; border-right:1px dotted #d8d8d8; min-height:215px}
.contact-map .map-container .info-card .office_2 .kuai{ float:left; width:47%; margin-right:2%; border-right:1px dotted #d8d8d8; min-height:215px}
#card-07{ width:55%}
#card-12{ width:48%}
#card-07 .office .kuai:last-child{ border-right:none}
#card-12 .office_2 .kuai:last-child{ border-right:none}
.contact-map .map-container .info-card-overlay{width: 100%;height: 100%;z-index: 1;background: transparent;position: absolute;top: 0;left: 0;display: none;}
.contact-map .map-container .info-card-overlay.show{ display:block}
#Map area{ outline:none!important; border:none !important;touch-action: manipulation;}
.map-content.selected .map-group,.map-content.hover .map-group{ opacity:1;}
.map-content.selected .map-marker,.map-content.hover .map-marker{ display:block}
.map-content.selected .info-card{ display:block}
.flag li{ float:left; cursor:pointer; position:relative;}
.flag li img{ width:15px; height:15px; display:block; -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; margin:1px; border:1px solid #e8e8e8; position:relative}
.tip:before{
	content:attr(data-title);
	width:auto;
	white-space: nowrap;
	display:block;
	background:#000;color:#fff;
	position:absolute; left:-45%; top:-25px; line-height:22px; font-size:12px; padding:0 5px;-webkit-border-radius:5px;-moz-border-radius:5px; border-radius:5px;
	display:none;
	-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;
}
.tip:hover::before{opacity:1;filter:alpha(opacity=100); display:block}
.officeCon{ margin-top:30px}
.officeCon.fir{ margin-top:0}
.officeCon .tit{ font-size:20px; font-weight:bold; color:#009ee2; border-bottom:1px solid #d8d8d8; line-height:45px; margin-bottom:20px}
.officeList li{ float:left; width:14.66%; padding:1%;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}
.officeList li>.icon{ cursor:pointer; line-height:18px; min-height:32px;display: -webkit-box;display: -ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center; float:left}
.officeList li>.icon img{width:30px; height:30px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;margin-right:10px; border:1px solid #e8e8e8; float:left;}
.officeList .info-card{
    left:50%;
    position:fixed;
    top:20%;
    background-color: white;
    padding: 20px;
    box-shadow: 1px 1px 10px #666;
    width:400px;
	max-height:80%;
	overflow-y:auto;
	margin-left:-220px;
	z-index:20;
	display:none;
	-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;
}
.officeList .info-card .close_action{ width:17px; height:15px; background:url(../images/close_btn_2.png) no-repeat; position:absolute; right:20px; top:20px; cursor:pointer}
.officeList .info-card .country{ font-size:30px; color:#009ee2; margin-bottom:20px;}
.officeList .info-card .country .icon{ width:35px; height:35px; border:1px solid #e8e8e8;float:left;-webkit-border-radius:50%;-moz-border-radius:50%; border-radius:50%; margin-right:10px; overflow:hidden}
.officeList .info-card .country .icon img{ display:block; width:100%; height:auto}
.officeList .info-card .text{ font-size:14px; line-height:28px;}
.officeList .info-card .text .add{ margin-bottom:15px;}
.officeList .info-card .text .lxfs{ line-height:24px;}
.officeList .info-card .text .lxfs p{ padding-bottom:10px}
.officeList .info-card .text h3{color:#009ee2; font-weight:bold}
.officeList .info-card .text .kuai{ border-bottom:1px dotted #d8d8d8; margin-bottom:15px;}
.officeList .info-card.show{ -webkit-transform:translateY(15px);-moz-transform:translateY(15px);transform:translateY(15px);}
.officeList li:hover{ background:#f5f5f5}

.info-card-overlay-2{ position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.2); z-index:19;display:none}
.overh{ overflow:hidden}

.newsnav{ text-align:center; margin-bottom:50px;}
.newsnav li{ display:inline-block; font-size:20px;}
.newsnav li a{ display:block; position:relative; margin:0 5px}
.newsnav li i{ position:absolute; left:0; bottom:0;width:0;height:2px; background:#009ee2; display:block;-webkit-transition:.3s;-moz-transition:.3s; transition:.3s;}
.newsnav li:hover i, .newsnav li.cur i{ width:100%}
.newsnav li.cur a{color:#009ee2}
.newslist li{ margin-bottom:30px; position:relative}
.newslist li:before{ content:""; width:67%; height:1px; background:#e8e8e8; display:block; position:absolute; bottom:0;right:0;}
.newslist li .pic{ width:30%; overflow:hidden}
.newslist li .pic img{ display:block; width:100%; height:auto;-webkit-transition:.8s;-moz-transition:.8s;transition:.8s;}
.newslist li .text{ width:67%; padding-bottom:2%}
.newslist li h3{ color:#333; font-size:20px; -webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}
.newslist li .time{color:#009ee2; font-size:14px; margin:10px 0}
.newslist li .intro{color:#666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; -webkit-box-orient:vertical;overflow: hidden; font-size: 15px; line-height: 24px;}
.newslist li .text .more{ display:inline-block; font-size:14px;border-radius:5px; line-height:25px; padding:0 10px;background: #009ee2; color:#fff; margin-top:20px;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}
.newslist li .pic img:hover{ -webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1)}
.newslist li:hover h3{color:#009ee2;}
.newslist li .text .more:hover{background:rgba(0,158,226,0.8)}
.newslist .li1:before{ width:100%}
.newslist .li1 .pic{ width:28%}
.newslist .li1 h3{ color:#009ee2; margin-bottom:15px}
.newslist .li1 .intro{ display:block; line-height:26px}
.newslist .li1 .intro p{ margin-bottom:0}
.newslist .li1 .intro .jianju{ line-height:12px}

.newtit{ text-align:center; font-size:30px; color:#333}
.newtime{ border-bottom:1px solid #e8e8e8; margin:10px 0 30px; text-align:center; color:#777; font-size:14px;padding-bottom:5px;}
.newsdetail{ min-height:200px}
.page_2{ border-top:1px solid #e8e8e8; margin-top:40px; padding-top:20px; position:relative}
.page_2 p{ padding-right:150px;}
.page_2 .back{background: #009ee2;display: block;width: 120px;line-height: 40px;text-align: center;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;color: #fff;overflow: hidden;position: absolute;right:0;top:20px}
.page_2 .back:hover{ background:rgba(0,158,226,0.8)}
/*=====================================*/
.red{ color:#f00}
.footer-top{ background:#1b1b1b; color:#fff; position:relative; z-index:10}
.footer-top .footer-top-tit li{ height:50px;line-height:50px; float:left; width:20%; text-align:center; border-right:1px solid #404040;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; cursor:pointer; }
.footer-top .footer-top-tit .li1,.footer-top .footer-top-tit .li2,.footer-top .footer-top-tit .li3,.footer-top .footer-top-tit .li4,.footer-top .footer-top-tit .li5 a{display:flex; display:-weblit-flex;align-items: flex-start; justify-content:center;}
.footer-top .footer-top-tit li a{ color:#fff; display:block}
.footer-top .footer-top-tit li.li1{ text-align:left; cursor:auto}
.footer-top .footer-top-tit li.li2 i{ width:27px; height:50px; background:url(../images/ficon1.png) no-repeat center; display:inline-block; margin-right:15px}
.footer-top .footer-top-tit li.li3 i{ width:27px; height:50px; background:url(../images/ficon2.jpg) no-repeat center; display:inline-block; margin-right:15px}
.footer-top .footer-top-tit li.li4 i{ width:27px; height:50px; background:url(../images/ficon3.jpg) no-repeat center; display:inline-block; margin-right:15px}
.footer-top .footer-top-tit li.li5 i{ width:27px; height:50px; background:url(../images/ficon4.png) no-repeat center; display:inline-block; margin-right:15px}
.footer-top .footer-top-con{background-color: #1b1b1b;line-height: 51px;position: absolute;text-align: center;
    -moz-transition-duration: .5s,.5s;
    -o-transition-duration: .5s,.5s;
    -webkit-transition-duration: .5s,.5s;
    transition-duration: .5s,.5s;
    width: 100%;
	z-index:10;
}
.footer-top-hd{ display:none; overflow:hidden}
.footer-top-hd.active{ display:block;}
.footer-top-hd .tit{ width:100%;background-color: #1b1b1b;font-size: 20px;height: 60px; line-height:60px; position:relative}
.footer-top-hd .tit:after{ content:""; width:0; height:0; display:block;border-left:8px solid transparent;border-right:8px solid transparent; border-top:5px solid #1b1b1b; position:absolute; left:50%; margin-left:-8px; bottom:-5px; z-index:9}
.footer-top-hd-item{background:#184d9d; height:400px;font-size: 16px;position:relative; overflow:auto}
.footer-top-hd-item .flex_2{display: -webkit-flex;display: flex;flex-wrap: wrap;align-items: center; justify-content:center; height:100%;}
.footer-top-hd-item .flex_2 p{ margin:auto}

.footer-top-hd-item .bdsharebuttonbox{ display:inline-block; margin:auto}
.f-message { text-align:left; padding:30px 0}
.f-message .m-list{line-height:normal;margin-bottom:8px;}
.f-message .m-list .m-list-col{float: left;width:30%;margin-right: 2%;}
.f-message .m-list .m-list-col-2{ width:62%;float: left;}
.f-message .m-list .m-list-row{ margin-bottom:8px;}
.f-message .m-list label{ display:block; line-height:30px; font-size:14px}
.f-message .m-list input {
	color:#fff;
    width: 96%;
    padding: 5px;
    line-height: 24px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	background:none; border:1px solid rgba(255,255,255,0.5)
}
.f-message .m-list  textarea {
    width: 98%;
	color:#fff;
    padding: 5px;
    line-height: 26px;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	background:none; border:1px solid rgba(255,255,255,0.5)
}
.f-message .m-list select{color:#fff;background:none; border:1px solid rgba(255,255,255,0.5);width:96%;padding:0 5px;height:36px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.f-message .m-list select option{ color:#333}
.f-message .m-list .m-list-col-2 select{ width:98%}
.f-message .m-list .yzm{ width:50%}
.f-message .m-list .submit{cursor: pointer;background: #009ee2;color: #fff;width: 50%; border:none; margin-left:0; font-size:16px; margin-top:30px}
.footer-top-down{
	visibility: hidden;
    top: 50px;
}
.footer-top-up{ visibility:visible;top:-460px;}
.f-phone{ padding:30px 300px; line-height:30px}
.f-phone .p1{ font-size:20px; font-weight:bold; line-height:30px;}
.f-phone .p2{ font-size:16px}
.f-phone .f-phone-form{ margin-top:20px}
.f-phone .f-phone-form select{color: #fff;background: none;border: 1px solid rgba(255,255,255,0.5);width:50%;padding: 0 5px;height: 36px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.f-phone .f-phone-form select option {color: #333;}
.f-phone-hd{ display:none}
.f-phone-hd1{ display:block}
.f-phone-result{ margin-top:20px}

.footer-bot{ background:#424242; padding-top:50px; padding-bottom:30px; color:#fff; position:relative;z-index:11}
.footer-bot a{ color:#fff}
.footer-bot .left{ max-width:45%}
.footer-intro{ color:#fff; line-height:22px;}
.footer-intro .pic{ width:150px}
.footer-intro .pic img{ display:block}
.footer-intro .gzh{width:100px; height:auto; margin-top:45px}
.footer-intro .pic span{ opacity:.8; display:block; width:100px; text-align:center; font-size:12px}
.footer-intro .text{ width:calc(100% - 180px)}
.footer-intro p{ opacity:0.85}
.q-link{ margin-top:40px;}
.q-link li{ float:left; margin-right:10px; cursor:pointer; position:relative}
.q-link li>img{-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px; display:block}
.q-link li .hd{ position:absolute; left:50%; margin-left:-45px; top:-130px; background:#fff; padding:10px; color:#666; font-size:12px; text-align:center; display:none}
.q-link li .hd:after{ content:""; width:0; height:0; border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #fff; position:absolute; left:50%; margin-left:-5px; bottom:-5px;}
.q-link li .hd img{ display:block;margin:0 auto 5px; width:70px}
.footer-bot .right{width:45%}
.footer-bot .right>ul{ float:left; line-height:30px; color:#fff;}
.footer-bot .right .ul_1{ width:30%}
.footer-bot .right .ul_2{ width:70%}
.footer-bot .right .ul_2 .sub{ margin-right:-2%}
.footer-bot .right .ul_2 .sub li{ width:48%; margin-right:2%; float:left}
.copyright{ padding-top:50px; opacity:0.85}
.copyright a{ opacity:0.85}
.copyright a:hover{ opacity:1}
.lang-select{ width:300px;position:fixed; top:40%;left:50%; margin-left:-150px; z-index:999;display:none}
.lang-select .close-btn{ position:absolute; width:17px; height:15px; background:url(../images/close_btn.png) no-repeat; right:-17px;top:0; cursor:pointer}
.lang-select ul{ padding:20px; background:#f5f5f5}
.lang-select li{line-height:45px; border:1px solid#e8e8e8;margin-bottom:5px; font-size:16px; box-shadow:0 0 5px rgba(0,0,0,0.05)}
.lang-select li:last-child{ margin-bottom:0}
.lang-select li a{ display:block; background:#fff; padding-left:50px;}
.lang-select li i{ width:30px; height:20px; background:url(../images/lang.jpg) no-repeat 0 0; display:inline-block; vertical-align:middle; margin-right:10px;}
.lang-select li span{ display:inline-block; vertical-align:middle}
.lang-select li.li2 i{background:url(../images/lang.jpg) no-repeat -32px 0;}
.lang-select li.li3 i{background:url(../images/lang.jpg) no-repeat -64px 0;}
.lang-select li:hover a{ background:#009ee2; color:#fff}
.bgshadow{position: fixed;top:0; left:0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.8);z-index: 99; display:none}
@font-face{font-family:'Bebas';src:url("../fonts/bebas.eot");src:url("../fonts/bebas.eot") format("embedded-opentype"),url("../fonts/bebas.woff2") format("woff2"),url("../fonts/bebas.woff") format("woff"),url("../fonts/bebas.ttf") format("truetype"),url("../fonts/bebas.svg#BEBAS") format("svg");}

.lxfs{ margin-bottom:20px}
.lxfs .item{ float:left; width:25%; padding:0 3%; text-align:center; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; position:relative;line-height:24px}
.lxfs .item:after{ content:""; width:1px; height:80%; position:absolute; right:0;top:10%; background:#e8e8e8; }
.lxfs .item p:nth-child(2){ font-weight:bold}
.lxfs .item p:nth-child(3){ font-size:14px; padding-top:5px}
.dazimg{ padding-right:15px}
#allmap{width: 100%;height:350px;background: #ccc;border:1px solid #ddd;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; line-height:22px; font-size:14px;}
.BMap_bubble_title{ white-space:normal !important;color: #CC5522; font-weight:bold; font-size:15px; margin-bottom:5px}

.en .title, .en .title_2{font-family: "circular";font-weight: bold; font-size:36px;}
.en .i-about-2 .i-about-con{ height:140px}

.en .i-about-con .text{ font-size:16px; line-height:28px;}
.en .i-about-con .text p{ margin-bottom:15px}
.en .i-keyword .intro{-webkit-line-clamp:3}
.en .investor .right .intro{ font-size:20px;}
.en .nmain{ line-height:26px;}

/*share*/
.shareto{ margin-top:20px}
.st-1 {
  font-family: "Helvetica Neue", Verdana, Helvetica, Arial, sans-serif;;
  direction: ltr;
  display: block;
  opacity: 1;
  text-align: left;
  font-size: 0;
  z-index: 94034;
}
.st-1.st-animated {
  -moz-transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in; -ms-transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in; -o-transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in; -webkit-transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in; transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in;
}
.st-1.st-hidden {
  opacity: 0;
}
.st-1.st-hide {
  display: none;
}
.st-1 .st-btn {
  -moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
  -moz-transition: opacity 0.2s ease-in, top 0.2s ease-in; -ms-transition: opacity 0.2s ease-in, top 0.2s ease-in; -o-transition: opacity 0.2s ease-in, top 0.2s ease-in; -webkit-transition: opacity 0.2s ease-in, top 0.2s ease-in; transition: opacity 0.2s ease-in, top 0.2s ease-in;
  -moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
  border: none;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  width:40px;
  height: 40px;
  line-height: 40px;
  margin-right: 8px;
  position: relative;
  text-align: center;
  top: 0;
  vertical-align: top;
  white-space: nowrap;
}
.st-1 .st-btn:last-child {
  margin-right: 0;
}
.st-1 .st-btn a{ display:block;}
.st-1 .st-btn > svg {
  height: 20px;
  width: 20px;
  position: relative;
  top: 10px;
  vertical-align: top;
}
.st-1 .st-btn img {
  display: inline-block;
  height: 20px;
  width: 20px;
  position: relative;
  top: 10px;
  vertical-align: top;
}
.st-1 .st-btn > span {
  -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;
  color: #fff;
  display: inline-block;
  font-weight: 500;
  letter-spacing: 0.5px;
  min-width: 67px;
  opacity: 1;
  padding: 0 6px;
  position: relative;
  vertical-align: top;
}
.st-1.st-has-labels .st-btn {
  min-width: 135px;
}
.st-1.st-has-labels .st-btn.st-remove-label {
  min-width: 50px;
}
.st-1.st-has-labels .st-btn.st-remove-label > span {
  display: none;
}
.st-1.st-has-labels .st-btn.st-hide-label > span {
  display: none;
}
.st-1 .st-total {
  color: #555;
  display: inline-block;
  font-weight: 500;
  line-height: 15px;
  margin-right: 0;
  max-width: 80px;
  padding: 4px 8px;
  text-align: center;
}
.st-1 .st-total.st-hidden {
  display: none;
}
.st-1 .st-total > span {
  font-size: 20px;
  line-height: 22px;
  display: block;
  padding: 0;
}
.st-1 .st-total > span.st-shares {
  font-size: 12px;
  line-height: 12px;
}
.st-1.st-justified {
  display: flex;
  text-align: center;
}
.st-1.st-justified .st-btn {
  -moz-flex: 1;
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
}.st-1 .st-btn:hover {
  opacity: .8;
  top: -4px;
}.st-1 .st-btn[data-network='facebook'] {
  background-color: #4267B2;
}
.st-1 .st-btn[data-network='facebook'] svg {
  fill: #fff;
}
.st-1 .st-btn[data-network='facebook'] > span {
  color: #fff;
}
.st-1 .st-btn[data-network='twitter'] {
  background-color: #55acee;
}
.st-1 .st-btn[data-network='twitter'] svg {
  fill: #fff;
}
.st-1 .st-btn[data-network='twitter'] > span {
  color: #fff;
}
.st-1 .st-btn[data-network='linkedin'] {
  background-color: #0077b5;
}
.st-1 .st-btn[data-network='linkedin'] svg {
  fill: #fff;
}
.st-1 .st-btn[data-network='linkedin'] > span {
  color: #fff;
}
.st-1 .st-btn[data-network='pinterest'] {
  background-color: #CB2027;
}
.st-1 .st-btn[data-network='pinterest'] svg {
  fill: #fff;}
  
  .en .pro-d-con .pro-d-hd .tit02 span:after{border-top: 26px solid transparent;}
.en .pro-d-con .pro-d-hd .sd{background: url(../images/sd.png) no-repeat left 5px;background-size: 10px auto;}



.productlists ul{ margin-right:-2%; display:flex; display:-webkit-flex; flex-wrap:wrap;}
.productlists li{ width:48%; margin-right:2%; margin-bottom:4%;float:left; position:relative; background:#eaebec}
.productlists li .pic{ width:50%}
.productlists li .img-dv{ position:relative; overflow:hidden}
.nmainCon .productlists li .img-dv .img1{ display:block; width:100%; opacity:0}
.productlists li .img-dv .img2{ position:absolute;left:0;right:0;top:0;bottom:0; margin:auto; width:auto; height:auto; min-width:100%; min-height:100%; max-height:auto !important;}
.productlists li .tit{ position:absolute; width:50%; height:100%; top:0; right:0}
.productlists li .tit .tit-c{position:absolute; left:0; top:0; left:50%; margin-top:-5px;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:50%; width:calc(100% - 60px); padding:0 30px}
.productlists li .tit .tit-c h3{ font-size:22px; margin-bottom:20px; color:#333 !important}
.productlists li .tit .tit-c .more{  font-size:12px; font-weight:bold; text-transform:uppercase; display:inline-block; padding:4px 15px; color:#fff; background:#808694}
.productlists li:hover .tit .tit-c .more{ background:#009fe3}

.i-prodcts02 .more{ text-align:center; margin-top:40px;}
.i-prodcts02 .more a{ font-weight:bold; text-transform:uppercase; display:inline-block; padding:15px 30px; color:#333; background-color:rgba(255,255,255,0.7); border-radius:5px; }
.i-prodcts02 .more a:hover{ background-color:rgba(255,255,255,1)}
.i-prodcts02 .roll{ position:relative}
.i-prodcts02 .roll .swiper-button-prev{ right:auto; left:-50px;}
.i-prodcts02 .roll .swiper-button-next{ left:auto; right:-50px;}
.i-prodcts02 .roll .swiper-button-next, .i-prodcts02 .roll .swiper-button-prev{filter: grayscale(100%) brightness(2000%)}
.i-prodcts02 .roll .swiper-button-next.swiper-button-disabled, .i-prodcts02 .roll .swiper-button-prev.swiper-button-disabled{filter: grayscale(100%) brightness(2000%)}
.i-prodcts02 .swiper-slide{ position:relative; overflow:hidden;}

.i-prodcts02 .img-dv{ position:relative; overflow:hidden}
.i-prodcts02 .img-dv .img1{ display:block; width:100%; opacity:0}
.i-prodcts02 .img2{ position:absolute;left:0;right:0;top:0;bottom:0; margin:auto; width:auto; height:auto;min-height:100%}

.i-prodcts02 .swiper-slide .pic{ overflow:hidden}
.i-prodcts02 .swiper-slide img{ display:block; width:100%; height:auto;}
.i-prodcts02 .swiper-slide .tit{ color:#fff;width:100%; position:absolute; height:auto; bottom:0;left:0;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;overflow: hidden;}
.i-prodcts02 .swiper-slide .tit .tit-c{ text-align:center; padding:15px 0;color: white;}
.i-prodcts02 .swiper-slide .tit h3{font-size: 18px;}
.i-prodcts02 .swiper-slide .tit i{margin:0 auto 6px auto; display:block;}
.i-prodcts02 .swiper-slide:hover .tit{height:100%}
.i-prodcts02 .swiper-slide:hover .tit .tit-c{position:absolute; width:100%; left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:50%;}
.i-prodcts02 .swiper-slide.li1 .tit{
	background: -webkit-linear-gradient(left, rgba(0,158,226,0.8), rgba(71,183,200,0.8));
	background: -o-linear-gradient(right, rgba(0,158,226,0.8), rgba(71,183,200,0.8));
	background: -moz-linear-gradient(right, rgba(0,158,226,0.8), rgba(71,183,200,0.8));
	background: linear-gradient(to right, rgba(0,158,226,0.8), rgba(71,183,200,0.8));	
}
.i-prodcts02 .swiper-slide.li1 .tit i{ width:32px; height:32px; background:url(../images/icon1.png) no-repeat center; display:block;}
.i-prodcts02 .swiper-slide.li2 .tit i{ width:32px; height:32px; background:url(../images/icon2.png) no-repeat center; display:block;}
.i-prodcts02 .swiper-slide.li3 .tit i{ width:32px; height:32px; background:url(../images/icon3.png) no-repeat center; display:block;}
.i-prodcts02 .swiper-slide.li4 .tit i{ width:32px; height:32px; background:url(../images/icon4.png) no-repeat center; display:block;}
.i-prodcts02 .swiper-slide.li5 .tit i{ width:32px; height:32px; background:url(../images/icon5.png) no-repeat center; display:block;}
.i-prodcts02 .swiper-slide.li6 .tit i{ width:32px; height:32px; background:url(../images/icon6.png) no-repeat center; display:block;}
.i-prodcts02 .swiper-slide.li7 .tit i{ width:32px; height:32px; background:url(../images/icon7.png) no-repeat center; display:block;}
.i-prodcts02 .swiper-slide.li8 .tit i{ width:32px; height:32px; background:url(../images/icon8.png) no-repeat center; display:block;}
.i-prodcts02 .swiper-slide.li9 .tit i{ width:32px; height:32px; background:url(../images/icon9.png) no-repeat center; display:block;}

.i-prodcts02 .swiper-slide .icon{ width:32px; height:32px;display:block; margin-left: 15px;margin-right: 5px;}


.i-prodcts02 .swiper-slide.li2 .tit{
	background: -webkit-linear-gradient(left, rgba(0,158,226,0.8), rgba(71,183,200,0.8));
	background: -o-linear-gradient(right, rgba(0,158,226,0.8), rgba(71,183,200,0.8));
	background: -moz-linear-gradient(right, rgba(0,158,226,0.8), rgba(71,183,200,0.8));
	background: linear-gradient(to right, rgba(0,158,226,0.8), rgba(71,183,200,0.8));		
}
.i-prodcts02 .swiper-slide.li3 .tit{
	background: -webkit-linear-gradient(left, rgba(0,158,226,0.8), rgba(71,183,200,0.8));
	background: -o-linear-gradient(right, rgba(0,158,226,0.8), rgba(71,183,200,0.8));
	background: -moz-linear-gradient(right, rgba(0,158,226,0.8), rgba(71,183,200,0.8));
	background: linear-gradient(to right, rgba(0,158,226,0.8), rgba(71,183,200,0.8));	
}
.i-prodcts02 .swiper-slide.li4 .tit{
	background: -webkit-linear-gradient(left, rgba(0,158,226,0.8), rgba(71,183,200,0.8));
	background: -o-linear-gradient(right, rgba(0,158,226,0.8), rgba(71,183,200,0.8));
	background: -moz-linear-gradient(right, rgba(0,158,226,0.8), rgba(71,183,200,0.8));
	background: linear-gradient(to right, rgba(0,158,226,0.8), rgba(71,183,200,0.8));		
}
.i-prodcts02 .swiper-slide.li5 .tit{
	background: -webkit-linear-gradient(left, rgba(0,158,226,0.8), rgba(71,183,200,0.8));
	background: -o-linear-gradient(right, rgba(0,158,226,0.8), rgba(71,183,200,0.8));
	background: -moz-linear-gradient(right, rgba(0,158,226,0.8), rgba(71,183,200,0.8));
	background: linear-gradient(to right, rgba(0,158,226,0.8), rgba(71,183,200,0.8));	
}
.i-prodcts02 .swiper-slide.li6 .tit{
	background: -webkit-linear-gradient(left, rgba(0,158,226,0.8), rgba(71,183,200,0.8));
	background: -o-linear-gradient(right, rgba(0,158,226,0.8), rgba(71,183,200,0.8));
	background: -moz-linear-gradient(right, rgba(0,158,226,0.8), rgba(71,183,200,0.8));
	background: linear-gradient(to right, rgba(0,158,226,0.8), rgba(71,183,200,0.8));	
}
.i-prodcts02 .swiper-slide.li7 .tit{
	background: -webkit-linear-gradient(left, rgba(0,158,226,0.8), rgba(71,183,200,0.8));
	background: -o-linear-gradient(right, rgba(0,158,226,0.8), rgba(71,183,200,0.8));
	background: -moz-linear-gradient(right, rgba(0,158,226,0.8), rgba(71,183,200,0.8));
	background: linear-gradient(to right, rgba(0,158,226,0.8), rgba(71,183,200,0.8));	
}
.i-prodcts02 .swiper-slide.li8 .tit{
	background: -webkit-linear-gradient(left, rgba(0,158,226,0.8), rgba(71,183,200,0.8));
	background: -o-linear-gradient(right, rgba(0,158,226,0.8), rgba(71,183,200,0.8));
	background: -moz-linear-gradient(right, rgba(0,158,226,0.8), rgba(71,183,200,0.8));
	background: linear-gradient(to right, rgba(0,158,226,0.8), rgba(71,183,200,0.8));		
}
.i-prodcts02 .swiper-slide.li9 .tit{
	background: -webkit-linear-gradient(left, rgba(0,158,226,0.8), rgba(71,183,200,0.8));
	background: -o-linear-gradient(right, rgba(0,158,226,0.8), rgba(71,183,200,0.8));
	background: -moz-linear-gradient(right, rgba(0,158,226,0.8), rgba(71,183,200,0.8));
	background: linear-gradient(to right, rgba(0,158,226,0.8), rgba(71,183,200,0.8));		
}