body { background: #e3f6fd; min-width: 1200px; font-family: "Microsoft YaHei", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif" }
.w-header { border-bottom: 1px solid #dedede; background: #fff url(http://www.ef360.com/_Public/Images/ItemMenuBg.gif) repeat-x left bottom; padding: 0 10px; font-size: 12px; line-height: normal; position: relative; z-index: 9999998; height: 29px; overflow: hidden; }
.w-footer { }
.w-page { overflow: hidden; }
.w-page-inner { z-index: 2; position: relative; width: 1200px; min-width: 1200px; zoom: 1; overflow: visible; margin-left: auto; margin-right: auto; }
.w-page-wrapper { display: block; position: relative; overflow: hidden; width: 1920px; left: 50%; top: 0; margin-left: -960px; }
.wrapper { width: 1200px; min-width: 1200px; position: relative; margin-left: auto; margin-right: auto;}
.w-section { color: #fff; font-size: 16px; line-height: 2em; font-weight: 300; text-align: justify; }
.w-section p { margin: 0 0 1em;}
.tc { text-align:center;}

.header-top { position: absolute; left: 0; top: 0; right: 0; z-index: 999; }
.header-top .top-logo { float: left; margin-top: 30px; }
.header-top .top-right { float: right; margin-top: 30px; text-align: center; }
.header-top .top-tel { margin-top: 18px; color: #fff; white-space: nowrap;}
.header-top .top-tel .top-tel-1 { float: left; margin-top: -5px; margin-right: 10px; margin-left: -68px; }
.header-top .top-tel .top-tel-1 img{ vertical-align: top}
.header-top .top-tel .top-tel-2 { float: left; margin-right: 10px; font-size: 22px; line-height: 24px; }
.header-top .top-tel .top-tel-3 { float: left; font-size: 24px; line-height: 24px; font-weight: bold; }
.header-top .top-website { margin-top: 10px; }
.header-top .top-website a { display: block; padding: 0 20px; height: 36px; line-height: 36px; background: #347dc7; color: #f2ea54; font-size: 22px; text-align: center; text-decoration: none; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; }
.header-top .top-website a:hover { background: #fff; color: #139d8b; }

	
.swiper-banner { position: relative; z-index: 0; margin-bottom: 50px;}
.swiper-banner .line { position: absolute; z-index: 1; left: 0; right: 0; bottom:0; height: 10px; background: url("../images/banyuan.png") repeat-x center bottom; }

.swiper-banner .swiper-button-prev, 
.swiper-banner .swiper-container-rtl .swiper-button-next { left:360px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }
.swiper-banner .swiper-button-next, 
.swiper-banner .swiper-container-rtl .swiper-button-prev { right:360px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }
.swiper-banner .swiper-pagination-bullet-active { opacity: 1; background: #ffffff; }
.swiper-banner .swiper-container-horizontal>.swiper-pagination-bullets, 
.swiper-banner .swiper-pagination-custom, 
.swiper-banner .swiper-pagination-fraction {
    bottom: 30px;
}


.block-box { margin-bottom: 50px; position: relative; /*-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.1); box-shadow: 0px 0px 10px rgba(0,0,0,0.1);*/}
.block-box .hd { position: relative; z-index: 0; text-align: center; color: #044b99; }
.block-box .hd .hd-cn { display: block; height: 1.2em; line-height: 1.2em; font-size: 28px; font-weight: 300; }
.block-box .hd .hd-en { display: block; height: 1.2em; line-height: 1.2em; font-size: 36px; }
.block-box .hd-icon { position: absolute; z-index: -1; left: 0; top: 0px;}
.block-box .bd { padding: 40px 0; background: #044b99; -webkit-border-radius: 0 0 20px 20px; -moz-border-radius: 0 0 20px 20px; border-radius: 0 0 20px 20px; }


.block-01 { }
.block-01 .hd { text-align: right; height:260px; background: url("../images/01bg.png") no-repeat center bottom;}
.block-01 .bd { padding: 60px 30px 30px; background: #044b99 url("../images/bg.jpg") repeat-y center top;}
.block-01 .bd h3 { display: inline-block; padding-bottom: 20px; margin-bottom: 10px; line-height: 1.2em; font-size: 48px; }
.block-01 .pic1,
.block-01 .pic2 { text-align: center; }
.block-01 .pic1 { margin-top: 80px; }
.block-01 .pic2 img{ -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.block-01 .txt1 {  }

.block-02 { }
.block-02 .hd { text-align: left; height:260px; background: url("../images/02bg.png") no-repeat center bottom;}
.block-02 .hd-icon { position: absolute; z-index: -1; left: auto; right: 0; top: 0px;}
.block-02 .bd { padding: 0px 30px 30px; text-align: center;}
.block-02 .bd h3 { display: inline-block; position: relative; margin-bottom: 20px; padding: 0 1em; font-weight: normal; color: #fff; line-height: 1.2em; font-size: 36px; }
.block-02 .bd h3:after,
.block-02 .bd h3:before { position: absolute; top: 50%; content: ""; width: 3em; height: 2px; background: #fff; }
.block-02 .bd h3:after { left: -3em; }
.block-02 .bd h3:before { right: -3em; }
.block-02 .b1 { margin-bottom: 30px; padding: 40px 60px 10px 60px; background: #fff; color: #044b99; text-align: left; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
.block-02 .b1 h4 { margin-bottom: 20px; display: block; font-size: 32px; line-height: 1.2em; }
.block-02 .pic1 { float: right; }
.block-02 .pic2 { margin-top: 40px; margin-bottom: 20px;}
.block-02 .txt1 {  }
.block-02 .txt1 li { position: relative; margin: 10px 0; width: 260px; float: left; font-weight: normal; padding-left: 30px; background-image: url("../images/icon03.png"); background-repeat: no-repeat; background-position: left center; font-size: 18px;}

.block-03 { background: url("../images/03bg.png") no-repeat center 80px; -webkit-border-radius: 0 0 20px 20px; -moz-border-radius: 0 0 20px 20px; border-radius: 0 0 20px 20px; }
.block-03 .hd { text-align: right; height:260px; }
.block-03 .hd-icon { position: absolute; z-index: -1; top: 0px;}
.block-03 .bd { padding: 0px 30px 30px; background: none; }
.block-03 .txt1 { padding: 0 0 30px 30px; color: #fff; }
.block-03 .txt1 li { position: relative; margin-bottom: 10px; padding-left: 2em; font-size: 20px; line-height: 1.5em;}
.block-03 .txt1 li i{ position: absolute; z-index: 2; display: inline-block; left: 0; top: 4px; width: 24px; height: 24px; line-height: 24px; font-size: 16px; font-weight: bold; font-style: normal; text-align: center; background: #fff; color: #044b99; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }




.footer-bottom { margin-bottom: 40px; padding: 30px 0; color: #044b99; }
.footer-bottom a { color: #044b99; }
.footer-logo { float: left; padding-right: 30px; border-right: 1px solid #8ab2d5;}
.footer-logo img{ margin-top: -10px; }
.footer-contact { float: left; padding-left: 30px; color: #044b99; }
.footer-contact dt{ margin-bottom: 10px; font-size: 28px; font-weight: bold; line-height: 1.2em;}
.footer-contact dt div{ font-size: 17px; font-weight: normal; }
.footer-contact dd{ font-size: 18px; line-height: 2em; }
.footer-qrcode { float: right; margin: 0 -10px; text-align: center; }
.footer-qrcode li { float: left; margin: 0 10px; }
.footer-qrcode .pic img{ width: 100px; height: 100px;}
.footer-qrcode .txt { margin-top: 10px; font-size: 14px; color: #044b99; }


.factory-pic { padding: 0px 30px 0; }
.factory-pic li { float: left; margin: 10px; }

.factory-pic .pic-left { float: left; margin-right: 60px;/* -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -o-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg);*/ }
.factory-pic .pic-right { float: right; margin-left: 60px; /*-webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); -o-transform: rotate(10deg); -ms-transform: rotate(10deg); transform: rotate(10deg); */}
.factory-pic .pic-left img,
.factory-pic .pic-right img { margin-top: -40px;/* border: 5px solid #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.2); box-shadow: 0px 0px 10px rgba(0,0,0,0.2);*/ }



.lin-swiper-theme1 { position: relative; z-index: 9; overflow: hidden; }
.lin-swiper-theme1 .swiper-container {  }
.lin-swiper-theme1 .swiper-wrapper { padding-bottom: 40px; }
.lin-swiper-theme1 a { text-decoration: none; color: #fff; }
.lin-swiper-theme1 .swiper-slide { text-align: center; overflow: hidden; }
.lin-swiper-theme1 .swiper-slide .pic { background: #fff; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; overflow: hidden;}
.lin-swiper-theme1 .swiper-slide .pic img { width: 100%; height: auto; }
.lin-swiper-theme1 .swiper-slide .txt { margin-top: 10px; font-size: 16px; color: #fff; }
.lin-swiper-theme1 .swiper-slide:hover .pic 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); 
}

.lin-swiper-theme1 .swiper-container { padding-bottom: 0px;}
.lin-swiper-theme1 .swiper-container-horizontal>.swiper-pagination-bullets,
.lin-swiper-theme1 .swiper-pagination-custom,
.lin-swiper-theme1 .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100% }
.lin-swiper-theme1 .swiper-pagination { }
.lin-swiper-theme1 .swiper-pagination-bullet,
.lin-swiper-theme1 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 7px; width: 4px; height: 4px; border: 2px solid transparent; display: inline-block; vertical-align: middle; border-radius: 100%; background: #fff; opacity: .3; 
	-webkit-transition: all .2s ease-in-out; 
	-moz-transition: all .2s ease-in-out; 
	-ms-transition: all .2s ease-in-out; 
	-o-transition: all .2s ease-in-out; 
	transition: all .2s ease-in-out;
}

.lin-swiper-theme1 .swiper-pagination-bullet-active,
.lin-swiper-theme1 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active { margin: 4px; width: 8px; height: 8px; border: 2px solid #fff; background: none; opacity: 1; }

.lin-swiper-theme1 .swiper-button-next,
.lin-swiper-theme1 .swiper-button-prev { position: absolute; z-index: 10; cursor: pointer; top: 50%; margin-top: -30px; width: 30px; height: 60px; background-size: 12px 60px; background-position: center; background-repeat: no-repeat; outline: none; background-color: rgba(0,0,0,0.5); }
.lin-swiper-theme1 .swiper-button-prev,
.lin-swiper-theme1 .swiper-container-rtl .swiper-button-next { left: -30px; right: auto; 
	-webkit-border-radius: 0 30px 30px 0; 
	-moz-border-radius: 0 30px 30px 0; 
	-ms-border-radius: 0 30px 30px 0; 
	-o-border-radius: 0 30px 30px 0; 
	border-radius: 0 30px 30px 0; 
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.lin-swiper-theme1 .swiper-button-next,
.lin-swiper-theme1 .swiper-container-rtl .swiper-button-prev { right: -30px; left: auto; 
	-webkit-border-radius: 30px 0 0 30px; 
	-moz-border-radius: 30px 0 0 30px; 
	-ms-border-radius: 30px 0 0 30px; 
	-o-border-radius: 30px 0 0 30px; 
	border-radius: 30px 0 0 30px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.lin-swiper-theme1:hover .swiper-button-prev,
.lin-swiper-theme1:hover .swiper-container-rtl .swiper-button-next { left: 0px; right: auto; }
.lin-swiper-theme1:hover .swiper-button-next,
.lin-swiper-theme1:hover .swiper-container-rtl .swiper-button-prev { right: 0px; left: auto; }

.lin-swiper-theme1 .swiper-slide .pic img,
.lin-swiper-theme1 .swiper-button-next,
.lin-swiper-theme1 .swiper-button-prev {
	-webkit-transition: all 0.5s; 
	-moz-transition: all 0.5s; 
	-ms-transition: all 0.5s; 
	-o-transition: all 0.5s; 
	transition: all 0.5s; 
}