/*整体布局样式*/
html, body {
font-family: msyh ,Arial, Helvetica, sans-serif;
text-align: left;
height: 100%;
line-height:1;
font-size: 16px;
overflow-x: hidden;
animation: dynamics 6s ease infinite;
-webkit-animation: dynamics 6s ease infinite;
-moz-animation: dynamics 6s ease infinite;
}

* {
margin: 0;
padding: 0;
border: 0;
}
em{font-style: normal;}
ul, li, ol {
list-style: none outside;
padding-left:0;
}

a {
text-decoration: none;
cursor: pointer;
transition: all 0.2s ease-in-out;
}

a:hover, a:focus {
text-decoration: none;
}

img {
border: none;
}

input, button, select, textarea {
outline: none;
}

input, textarea {
background: none
}

*, ::after, ::before {
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

article, aside, footer, header, nav, section {
display: block;
}

h1, h2, h3, h4, h5, h6, p {
margin: 0;
}

/*清除苹果按钮格式*/
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], select {
-webkit-appearance: none;
border-radius: 0;
}

::-webkit-scrollbar {
width: 8px;
height: 8px;
background-color: rgba(0,0,0,0);
}
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
border-radius: 0;
background-color: rgba(0,0,0,0);
}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
border-radius: 0;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: rgb(255,255,255,0.2);
}
.header-top{background-color: #010101; color:#fff; padding:8px 0 0 0;}
.header-top-c{width: 94%;margin: auto;max-width: 1260px;position: relative; display:flex;justify-content:space-between}
.header-top-l{display: inline-block;float: left; max-width:50%;}
.header-top-c p{font-size: 16px;display: inline-block;
    vertical-align: top;
    font-size: 14px;
    margin: 0 5px 8px 0px;
    line-height: 20px;}
.header-top-r{float: right;}
.header-top-r p i{ padding-right:8px;}
.header-top-logo{}
.header-inner {
    width: 94%;
    margin: auto;
    max-width: 1260px;
    position: relative;
}
.header-middle{background-color: #fff; color:#333}
.header-middle-c{width: 94%;margin: auto;max-width: 1260px;position: relative; display:flex;justify-content:space-between}
.header-logo{position: absolute; top:0; left:0; }
.header-logo,.header-middle-l{ display: inline-block; padding:8px 0; min-height:96px;}
.header-logo img{ max-height:80px; max-width:120px;}
.header-middle-l h2{ font-size:24px; line-height:32px;}
.header-middle-l p{ font-size:16px; line-height:20px;}
.header-middle-t{ display: inline-block; padding:0 0 0 100px;}
.header-middle-r { text-align:center;}
.header-middle-r img{ max-height:100px;}
.header-middle-r p{ font-size:12px;}
.header-middle-t span{ padding:0 8px; color:#fff;font-size:16px; line-height:20px; margin:4px 4px 0 0; display:inline-block; background-color:#127ee9;}

.Menu{ background-color:#333}
.Menu ul{
width: 94%;
    margin: auto;
    max-width: 1260px;
    position: relative;
}
.Menu ul li { display: inline-block;}
.Menu ul li a{
font-size:20px;
line-height:48px;
 color:#fff;
 padding:4px 16px;
  display:block;
  font-weight:bold;
}
.Menu ul li a:hover{ background-color:#127ee9;}
/*banner*/
.banner_sy{background-color:#fff}.slides{text-align:center;overflow:hidden;display:block}.flex-container a:active,.flexslider a:active{outline:0}.slides,.flex-control-nav,.flex-direction-nav{margin:0;padding:0;list-style:none;z-index:0}.flexslider{width:100%;overflow:hidden;position:relative;zoom:1;z-index:1}.flexslider .slides>li{display:none}.flexslider .slides img{width:100%;display:block;text-align:center;overflow:hidden;margin-right:auto;margin-left:auto}.slides:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}html[xmlns] .slides{display:block}* html .slides{height:1%}.no-js .slides>li:first-child{display:block}.flexslider .slides{zoom:1}.flexslider .slides>li{position:relative}.flex-container{zoom:1;position:relative}.flex-caption{background:0;-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);zoom:1}.flex-caption{width:96%;padding:2%;position:absolute;left:0;bottom:0;background:rgba(0,0,0,.3);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.3);font-size:14px;line-height:18px}.flex-direction-nav{width:100%}.flex-direction-nav li{position:absolute;bottom:45%}.flex-direction-nav li:nth-child(1){left:15px}.flex-direction-nav li:nth-child(2){right:15px}.flex-direction-nav li a{width:45px;height:45px;margin:-13px 0 0;display:block;border-radius:50%;overflow:hidden;cursor:pointer;background-position:0 0;z-index:1;font-size:0;text-align:center;background-color:#e1e1e1;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;transition:ease all .4s;-webkit-transition:ease all .3s;-moz-transition:ease all .3s;-o-transition:ease all .3s}.flexslider:hover a.next,.flexslider:hover a.prev{filter:alpha(opacity=100);-moz-opacity:1;opacity:1}.flex-direction-nav li a:before{font-family:"iconfont"!important;content:"\e61a";font-style:normal;font-weight:bold;speak:none;-webkit-font-smoothing:antialiased;text-transform:none;font-size:16px;color:#fff;line-height:45px}.flex-direction-nav li a.prev{transform:rotateY(180deg)}.flex-direction-nav li a:hover{background-color:#0aa493}.flex-control-nav{width:100%;position:absolute;bottom:2%;text-align:center;overflow:hidden;height:20px}.flex-control-nav li{display:inline-block;zoom:1;*display:inline;margin:0 5px 0 5px;vertical-align:middle}.flex-control-nav li a{width:8px;height:8px;display:block;cursor:pointer;text-indent:-9999px;background-color:#ececec;border:2px solid #FFF;border-radius:50%}.flex-control-nav li a:hover{background-color:#CCC}.flex-control-nav li a.active{width:14px;height:14px;cursor:default;background-color:#3db543}.banner-text{width:100%;height:100%;position:absolute;top:0;left:0}.banner-text-c{width:90%;height:100%;max-width:1170px;margin:auto;position:relative;display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;}.banner-text-c .itme{text-align:left}.banner-text-c .itme .th{font-size:54px;font-weight:bold; line-height:60px; margin-top:16%; background-color: rgba(18, 126, 233, 0.7);text-align: center; color:#fff; padding:8px 20px;}.banner-text-c .itme p{font-size:16px;line-height:24px;margin-bottom:20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-height:48px}.banner-text-c .itme span a{border-radius:5px;color:#fff;font-size:14px;color:#fff;line-height:30px;display:inline-block;padding:8px 35px;border-radius:5px;transition:all .4s ease 0s;background-color:#0aa493}.banner-text-c .itme span a:hover{background-color:#242424}@media screen and (max-width:1044px){.banner-text-c .itme .th{font-size:30px; line-height:34px;}.banner-text-c .itme p{font-size:16px;line-height:24px;margin-bottom:20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-height:48px}}@media screen and (max-width:768px){.banner-text-c .itme{top:20%}.banner-text-c .itme .th{font-size:18px; line-height:20px;}.banner-text-c .itme p{display:none}.banner-text-c .itme span a{font-size:14px;line-height:28px;padding:0 10px}.flex-direction-nav li{position:absolute;bottom:35%}.flex-direction-nav li:nth-child(1){left:5px}.flex-direction-nav li:nth-child(2){right:5px}.flex-direction-nav li a{width:30px;height:30px;opacity:.5}.flex-direction-nav li a.next:before{font-size:13px;line-height:30px}.flex-direction-nav li a.prev:before{font-size:12px;line-height:32px}}@media screen and (max-width:480px){.banner-text-c .itme .th{font-size:16px; line-height:20px;}.banner-text-c .itme span a{line-height:22px;padding:0 10px;font-weight:normal}}

/*首页关于我们*/
.index-about{ background-color: #f6f6f6; overflow: hidden;}
.index-about-center{width: 94%; margin: 40px auto; max-width: 1260px; overflow: hidden;}
.index-about-box{ font-size: 0; background-color: #fff; overflow: hidden; padding: 40px; position: relative;}
.index-about-l{  width: 52%; display: inline-block; vertical-align: top;}
.index-about-l .th {
    font-size: 32px;
    font-weight: bold;
    margin: 0 20px 30px 0;
    line-height: 40px;
    position: relative;
}
.index-about-l p {
    font-size: 18px;
    line-height: 24px;
    margin: 0 20px 30px 0;
}
.index-about-l-frame{ padding: 8px; background-color: #fff;}
.index-about-l img{ max-width: 100%;}
.index-about-r{ width: 48%; display: inline-block; vertical-align: middle;}
.index-about-text{ padding: 35px;} 
.index-about-r .th{ font-size: 26px; font-weight: normal; margin-bottom: 20px; line-height: 35px;}
.index-about-r .th a{color: #333;
transition: ease all 0.4s;
-webkit-transition: ease all 0.4s;
-moz-transition: ease all 0.4s;
-o-transition: ease all 0.4s;}
.index-about-r .th a:hover{color: #0aa493;}
.index-about-r p{ font-size: 14px; line-height: 28px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
overflow: hidden;
margin-bottom: 30px;
}
.index-about-r span{ display: block;}
.index-about-r span a {
	background-color: #eef0f1;
    font-size: 14px;
    line-height: 30px;
    padding: 6px 35px;
    display: inline-block;
	transition: ease all 0.4s;
	-webkit-transition: ease all 0.4s;
	-moz-transition: ease all 0.4s;
	-o-transition: ease all 0.4s;
	border-radius: 4px;
}
.index-about-r span a:hover{
	background-color: #0aa493;
	color: #fff;
}
.index-about-fd { font-size:0;overflow: hidden; }
.index-about-fd .item{    display: inline-block; width:50%;vertical-align: top;}
.index-about-fd .item img{ display:block; width:100%;}
.index-about-box .world-map {
}
.index-about-box .world-map img {
    max-width: 100%;
}
#copyButton{cursor:pointer; background-color:#127ee9; color:#fff; font-size:20px; padding:16px 40px;border-radius: 8px;overflow: hidden!important;;text-overflow: ellipsis;white-space: nowrap; margin-top:-20px;}
#copyButton:hover{background-color: #FF0000;}
#textToCopy{ display:block }
/*热门产品*/
.cpq{ background:url(../images/cpq.png) no-repeat fixed center; padding-bottom:40px;}
.hot-products{ padding:40px 0 0 0;overflow: hidden;}
.hot-products-center{width: 94%; margin: 0 auto; max-width: 1260px;}
.hot-products-t{margin-bottom: 30px; text-align: center; position: relative;}
.hot-products-t span  { font-size:30px; padding: 0 30px; font-weight:bold; line-height: 50px; color: #fff; display: inline-block;text-transform:capitalize; background-color:#127ee9;}

.hot-products-box ul{font-size: 0; overflow: hidden; margin:-8px;} 
.hot-products-box ul li { width: 25%; display: inline-block; vertical-align: top; font-size: 14px; text-align: center; padding-bottom:8px; }
.hot-products-box ul li .item{ background-color:#fff; margin: 8px;}
.hot-products-box ul li .item img{ display: inline-block; max-width: 100%;}
.hot-products-box-t{ height: 40px; width: 100%; display: table; padding:16px 8px; overflow: hidden;}
.hot-products-box-t a{ display: table-cell; vertical-align: middle;}
.hot-products-box ul li .item h3{
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	line-height: 20px;
	overflow: hidden;
}
.certificate{ padding:40px 0;}
.certificate-t{ text-align:center; padding-bottom:20px;}
.certificate-t span{ display:block; line-height:40px; font-size:32px; font-weight: bold;}
.certificate-c{ text-align:center;}
.certificate-c img{ display: inline-block; max-width:100%;}
.footer-middle{background-color: #333; color:#fff; padding:40px 0;}
.footer-content{width: 94%;margin: 0 auto; max-width: 1260px;}
.footer-middle-th{ text-align:center;}
.footer-middle-th span{font-size: 30px; line-height:40px; font-weight:bold; padding-bottom:20px; display:block;}
.footer-middle-th p{ font-size:20px; line-height:24px; display:block;}
.footer-main{ padding:40px 400px 0 0; position:relative;}
.footer-main .item{ font-size:30px; line-height:40px; padding-bottom:20px;}
.footer-main .item i{ font-size:30px; padding-right:16px;}
.footer-main .item.dz{font-size:24px; line-height:30px;}
.f-wechat{ position:absolute; top:40px; right:0; width:200px;}
.f-wechat img{ width:200px;}
.f-wechat p{ font-size:16px; line-height:20px; text-align:center;}
/*返回顶部*/
.scroll{
	width:40px;
	height:40px;
	color:#fff;
	line-height:42px;
	text-align:center;
	position:fixed;
	right:34px;
	bottom:74px;
	cursor:pointer;
	background-color:#242424;
	z-index: 10;
	transition: ease all 0.4s;
    -webkit-transition: ease all 0.4s;
    -moz-transition: ease all 0.4s;
    -o-transition: ease all 0.4s;
}
.scroll:hover{ background-color:#0aa493;}
.scroll i{font-size:20px;}
@media screen and (max-width:1044px){
.header-top-c p{ font-size:14px; line-height:16px;}
.header-middle-l h2{ font-size:18px; line-height:20px;}
.header-middle-l p{ font-size:14px; line-height:16px;}
.header-middle-t span{font-size:12px; line-height:14px;padding:4px 8px;}
.header-logo img{ max-width:68px;}
.header-middle-t {padding: 0 0 0 70px;}
.hot-products-box ul li, .product-listing ul li, .certificate-listing ul li {
    width: 50%;
}
}
@media screen and (max-width:765px){.Menu ul li a{ font-weight:normal; font-size:18px; padding:4px 12px;}.index-about-fd .item{  width:100%;}.index-about-box{ padding:16px;}.index-about-l{ width:100%;}.index-about-l .th{ margin: 0 0 20px 0;}.index-about-l p{margin: 0 0 20px 0;}.index-about-r{ width:100%;}.index-about-box .world-map{ margin:20px 0;}.index-about-l p{ font-size:14px; line-height:20px;}.hot-products-t span{ font-size:22px; padding:0 16px;}.footer-main{ padding:20px 0;}.f-wechat{ position:relative; top:0}#copyText{ padding:16px 24px;}#copyButton{ font-size:18px; padding:16px;}.hot-products-box ul li .item h3{ font-size:14px;}.hot-products-box-t{ height: 40px; width: 100%; display: table; padding: 8px; overflow: hidden;}
.footer-main .item{ font-size:24px;}.footer-main .item.dz{font-size:18px;}
/*返回顶部*/
.scroll{width:32px;height:32px;line-height:34px;right:2px;bottom:8px;}
.scroll i{font-size:22px;}
}