@charset "utf-8";
body{margin:0;padding:0;color:#333;font-size:12px;}
html{margin:0;padding:0;}
html,body{ height:100%;}
div,ul,li,h1,h2,h3,h4,h5,h6,span,p,dl,dt,dd,form,input{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-weight:500;}
h1{font-size:36px;}
h2{ font-size:30px;}
h3{ font-size:24px;}
h4{ font-size:18px;}
h5{ font-size:14px;}
h6{ font-size:12px;}
ul,li,dl,dt,dd,ol{list-style:none;}
div{margin:0 auto;padding:0;}
img{border:none 0;}

.left{float:left;}
.right{float:right;}

/**************************/
a {
	color: #333;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	text-decoration:none;
}
a:hover {
	color: #00c6ff;
	text-decoration:none;
}
a:focus,
a:active {
	outline: none;
}

/* css清除浮动 */
.clearfix:before,.clearfix:after,.container:before,.container:after {
	display: table;
  	content: " ";
}
.clearfix:after,.container:after{
	clear: both;
}
.container{
	width:1150px;
}
.blank{
	width:100%;
	display:block;
	height:1px;
	overflow:hidden;
	clear:both;
}

/**********************
***** margins *********
**********************/
.top_1{margin-top:1px;}
.top_5{margin-top:5px;}
.top_10{margin-top:10px;}
.top_11{margin-top:11px;}
.top_15{margin-top:15px;}
.top_20{margin-top:20px;}
.top_25{margin-top:25px;}
.top_30{margin-top:30px;}
.top_40{margin-top:40px;}
.top_60{ margin-top:60px;}

.public_wrap{width:100%;height:auto;overflow:hidden;}/**/
.public_box{width:1150px;height:auto;overflow:hidden;}/*̶*/

/**********************
***** top-head ********
**********************/
.section1{width:100%;/*min-width:1150px;*/ background-color:transparent;}

.head-bar{width:100%; min-width:1150px; height:120px; position:fixed; top:0px; left:0px; right:0px; background-image: url(../images/header_zone.png); background-repeat:repeat; background-color:transparent; z-index:999;}
.head-bar2{width:100%; min-width:1150px; height:100px; background-color:transparent;}
.hd-bar-line{background-image: url(../images/Header_BorderBottom.png); background-repeat:repeat-x; background-position:bottom;}
.logo{margin-top:20px;}
.top-bar{width:auto; position:relative; z-index:1;margin-top: 15px;}

.lang-bar{width:auto;margin-top:5px;overflow:hidden;margin-bottom:5px;}
.lang-bar ul{float:right;}
.lang-bar ul li{float:left; overflow:hidden;/*padding-left:25px;   */ padding-left: 32px; width: 200px;margin-right: 5px;}
.lang-bar ul #en{background:url(../images/en.png) left center no-repeat;margin-right:8px;}
.lang-bar ul #cn{background:url(../images/zh_cn.png) left center no-repeat;margin-right:8px;}
.lang-bar ul #es{background:url(../images/es.png) left center no-repeat;}
.lang-bar ul li a{display:block;line-height:25px;text-transform:uppercase; font-size:16px;}


.rixx{ height:auto;}
.youright{ line-height:21px; height:21px;}
#top_youxiang{
	width:auto;
	overflow:hidden;
	font-size:16px;margin-right: 5px;
}
#top_youxiang i{
	color:#333;
	font-size:20px;
	margin-right:10px;
}

.nav-bar{width:100%;overflow:hidden;}
.main-nav-bar{margin-top:10px; margin-bottom:10px; padding:5px 0; }
.main-nav-bar > ul > li{ float:left;margin-left:0px; width:16.66667%; text-align:center;}
.main-nav-bar > ul > li > a{ font-size:16px; display:block; text-transform:capitalize; font-weight:bold;}
.main-nav-bar > ul > li > a:hover{ color:#183B73;}
.main-nav-bar > ul > li:last-child > a{padding-right:0!important;}
.head-bar2 .main-nav-bar > ul > li > a{color:#4D4D4D; font-size:14px; height:40px; line-height:28px; display:block; padding:0 10px; text-transform:capitalize; font-weight:bold;}
.head-bar2 .main-nav-bar > ul > li > a:hover{ color:#00c6ff;}

.sub-nav-bar{width:1120px; background-color:#fff; box-shadow:0 0 5px #fff; position:absolute; left:-230px; right:0px; top:80px; display:none; padding:10px 15px; z-index:999;}
.sub-nav-bar > h5{display:block; border-bottom:1px solid #eee; height:30px; line-height:30px; font-weight:bold; margin-bottom:10px;}
.sub-nav-bar > h5 > a{ color:#00c6ff;}
.sub-nav-bar > h5 > a:hover{ color:#00c6ff;}

.sub-nav-bar > dl{display:block; height:auto; overflow:hidden;float:left;}
.sub-nav-bar > dl > dt{width:60px; float:left; display:block; margin-right:15px;}
.sub-nav-bar > dl > dt img{ display:block; width:60px; height:60px;}
.sub-nav-bar > dl > dt span{ display:block; text-align:center; height:25px; line-height:25px; font-size:11px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.main-nav-bar > ul > li:hover .sub-nav-bar{ display:block;}

.section2{width:100%; min-width:1150px;background-color:#f0f0f0; padding:20px 0;}

.product-top{ text-align:center; color:#7e7e7e; font-size:24px; background: url(../images/f_15.jpg) repeat-x center;}
.product-top span{ background: #f0f0f0; padding: 0 20px;}

.product-lt{width:409px;margin-top:20px;}
.product-hover{}
.product-1{width:409px; height:220px; position:relative; margin-bottom:25px;}
.product-1 img{ display:block; width:409px; height:220px;}
.product-cover{width:100%; height:100%; position:absolute; top:0px; left:0px; background-color: #000;filter: alpha(opacity=0);-moz-opacity: 0;opacity: 0;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.product-hover a:hover .product-cover{filter: alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;}
.product-title{ text-align:center; font-size:32px; color:#fff; margin-top:80px;}
.product-tro{ text-align:center; color:#fff; font-size:14px; padding-top:30px;}

.product-rt{width:725px;margin-top:20px;}
.product-rt-top{}
.product-rt-top-lt{width:355px;}
.product-2{width:355px; height:263px; position:relative; margin-bottom:17px;}
.product-2 img{ display:block; width:355px; height:263px;}
.product-down{width:355px; height:263px; margin-top:17px; position: relative;}
.product-down img{ display:block; width:355px; height:263px;}
.product-down .product-title{ margin-top: 100px;}
.product-down .product-tro{ padding-top: 15px;}

.product-rt-top-rt{width:355px;}
.product-3{width:355px; height:263px; position:relative; margin-bottom:17px;}
.product-3 .product-title{ margin-top:100px;}

.product-word{width:724px; margin-top:5px;}
.product-4{width:724px;}
.product-4 img{ display:block; width:724px; height:145px;}

.section3{width:100%; position: relative; min-width:1150px;background-repeat:no-repeat;background-attachment:fixed;background-color:#fff; background-image:url(../images/f_36.jpg); height:100%; background-position:50% 0; background-size: cover;}

.index_adtxt1{
	width:600px;
	float:right;
	margin-top:220px;
	color:#fff;
	font-size:36px;
	font-weight:bold;
	text-transform:uppercase;
}
.index_adline1{
	display:block;
	width:215px;
	height:1px;
	margin-top:10px;
	background:#fff;
}

.section4,.section6{ width:100%; min-width:1150px; background-color:#f0f0f0; padding:40px 0;}
.idx4-top{ text-align:center; background-image:url(../images/Header_BorderBottom.png); background-repeat:repeat-x; background-position:center center;}
.idx4-top span{ display:inline-block; color:#4d4d4d; font-size:24px; text-transform:uppercase; background-color:#f0f0f0; padding:0 20px;}

.idx4-list{width:1150px; overflow:hidden;}
.idx4-list ul{width:1200px;}
.idx4-list ul li{width:350px; float:left; margin-right:50px; margin-top:50px;}
.icon-top{width:80px; height:80px;position:relative;}
.icon-top img{width:80px; height:80px; position:absolute; top:0; left:0;}
.icton-title{ text-align:center; color:#44c6ff; font-size:18px; height:42px; line-height:42px;}
.icon-intro{ color:#6c6c6c; font-size:14px; line-height:26px; height:104px; overflow:hidden;}

.choosepic{
	overflow:hidden;
	margin-top:40px;
}

.why-us-list{width:1150px; overflow:hidden;}
.why-us-list ul{width:1160px;}
.why-us-list ul li{width:280px; height:420px; float:left; position:relative; margin-right:10px; margin-top:40px; overflow:hidden;}
.why-us-list ul li img{ display: block; width: 280px; height: 420px;}
.why-box{width:100%; position:absolute; left:0px; right:0px; bottom:-245px; height:320px; text-align:center; background-color: transparent;-webkit-transition:all ease-in-out .4s; -moz-transition:all ease-in-out .4s; -o-transition:all ease-in-out .4s; transition:all ease-in-out .4s;}
.why-box span{ display:inline-block; color:#fff; font-size:21px; border-bottom:3px solid #00ADEF; height:72px; line-height:72px; padding:0 10px;}
.why-tro{ text-align:center; color:#fff; font-size:14px; line-height:1.5; padding:30px 30px 0 30px;}
.why-us-list ul li:hover .why-box{background-color:#00AEF0; filter: alpha(opacity=90);-moz-opacity: 0.9;opacity: 0.9; bottom:0px;}
.why-us-list ul li:hover .why-box span{ border-color:#fff;}

.section5{width:100%; min-width:1150px;background-repeat:no-repeat;background-attachment:fixed;background-color:#fff; background-image:url(../images/f_58.jpg); background-position: 50% 0; background-size: cover;}
.sect-wd{ color:#fff; font-size:18px; float:right; width:750px; padding-top:200px; line-height:1.65}

.news-wrap{width:100%; margin-top:40px;}
.news-lt{width:580px;}

.trade-rt{width:540px;}
.news-top{ color:#254f95; font-size:20px; text-transform:capitalize; margin-bottom:15px;}
.news-list{width:100%;}
.news-list ul li{ border-bottom:1px solid #dee1e1; margin:3px 0; padding:12px; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0);-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.news-list ul li:hover{ background-color:#fff; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);}
.news-date{width:62px; height:60px; background-color:#4d6ea2;}
.w-day{ text-align:center; color:#fff; font-size:24px; height:28px; line-height:28px;}
.w-month{ text-align:center; color:#fff; font-size:16px; text-transform:uppercase; height:20px; line-height:20px;}
.w-year{ text-align:center; color:#fff; font-size:9px; height:12px; line-height:12px;}

.news-rt{ width:475px;}
.news-title{ color:#254f95; font-size:14px; height:32px; line-height:32px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.news-intro{ color:#4e4e4e; height:30px; line-height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.video-wrap{ width: 100%; padding-top: 10px;}

.factory-wrap{
	width:auto;
	overflow:hidden;
}
.factory-wrap ul{
	width:1200px;
}
.factory-wrap ul li{
	width:375px;
	float:left;
	overflow:hidden;
	margin:20px 25px 0 0;
}
.factory-wrap ul li img{
	max-width:100%;
	height:auto;
}
.e-wrap{
	overflow:hidden;
	padding:40px 0;
}
.box{
	width:260px;
	overflow:hidden;
	line-height:25px;
}
.box img{
	width:258px;
	border:1px solid #ccc;
	height:auto;
	display:block;
	margin-bottom:10px;
}
#box1{
	float:left;
}
#box2,#box3{
	float:left;
	margin-left:37px;
}
#box4{
	float:right;
}





.news-more{ text-align:right; margin-top:15px; font-size:14px;}
.news-more a{ color:#254f95;}
.news-more a:hover{ color:#254f95; text-decoration:underline;}




.section7{ width:100%; min-width:1150px; overflow:hidden;background:#f0f0f0;}

.full-foot{width:100%; min-width:1150px; background-color:#233769; padding:20px 0;}
.foot-nav-box{width:100%;}
.min_nav{height:auto;}
.w1{
	width: 250px;
}
.w2{
	width: 300px;
}
.w3{
	width: 280px;
}
.w4{ width:320px;}
.min_nav h1{display:block;color:#fff;font-size:16px; text-transform:uppercase; margin-bottom: 10px; text-transform:uppercase; font-weight:bold;}
.min_nav ul li{color:#737373;line-height:1.85; font-size:14px;}
.min_nav ul li a{
	color: #e2edff;
}
.min_nav ul li a:hover{
	color: #fff;
}

.ft-contact{width:100%; color:#e2edff; font-size:14px; line-height:1.85;}
.web-name{ text-align:center;}
.ft-icon{width:180px;}
.ft-icon ul li{ width:26px; height:26px; float:left; margin:0 5px; position:relative;}
.ft-icon ul li a{ display: block; font-size: 16px; width: 26px; height: 26px; text-align: center; line-height: 26px; background-color: #FEFEFE; border-radius: 16px; color: #00ACEB;}
.ft-icon ul li:hover{ top:-3px;}

.foot-copy{ text-align:center; color:#fefefe; font-size:12px; line-height:2;}
.full-bottom{width:100%; min-width:1150px; background-color:#3468bb; border-top:1px solid #5391f3;}
.ft-follow{ text-align:center; color:#fff; font-size:30px; text-transform:uppercase; font-style:italic; padding:15px 0;}
.full-copy{ width:100%; min-width:1150px; background-color:#183B73;}
.ft-bc{ color:#fff; font-size:12px; line-height:40px; height:40px; text-align:center;}

/** index slide float **/
.scrollToOuter{position:fixed; top:30%; right:10px;width:14px; z-index:9999; display:none;}
.scrollToOuter .scrollA{position:relative;display:block; width:14px; height:14px; margin-bottom:8px; background-color:#00c6ff; border-radius:7px;}
.scrollToOuter .scrollA:hover{background-color:#000;}
.scrollToOuter .select{background-color:#000;}


.iScrollDown{
    background: url(../images/scrolldown.gif) no-repeat scroll center top rgba(0, 0, 0, 0);
    bottom:25px;
    height: 14px;
    left: 50%;
    margin-left: -39px;
    overflow: hidden;
    padding-top: 22px;
    position: fixed;
    width: 78px;
	z-index:9999;
}