/*top*/
.container_header { width: 100%; margin: 0 auto; background-color: #191919; }
.container_top { width:80%; min-width:1050px; margin:0 auto; height:82px;  }
.container_logo { float:left; width:220px; height:82px; }
.container_logo a{ background: url(../images/logo_en.png) no-repeat left center; width:220px; height:82px; display: block; }
.nav{ width:820px; height:82px; float:right; overflow:hidden; }
.nav li{ float:right; list-style:none; }
.nav li a{ display:block; font-size:16px; color:#fff; margin:50px 28px 0 28px; }
.nav li a:hover{ color:#f08519; border-bottom:#f08519 2px solid; }
.nav li a.on{ color:#f08519; border-bottom:#f08519 2px solid; }
/*slide*/
.i-slide { width: 100%; overflow: hidden; position: relative; }
.swiper-container { width: 100%; height:auto; }

/*search*/
.x-searchform-overlay{ display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9030;background-color:rgba(255,255,255,0.925);-webkit-transition:top 0.3s ease;transition:top 0.3s ease}
.x-searchform-overlay-inner{ width:90%; margin:0 auto; margin-top:140px; }
.x-searchform-overlay .form-search{ font-size:10px; }
.x-searchform-overlay .form-search:before{display:none}
.x-searchform-overlay .form-search label{ display:block; margin-bottom:0.85em;font-size:2.1em;line-height:1.4;color:#2c3e50; text-align:center; text-transform:uppercase; }
.x-searchform-overlay .form-search a{ color:#2c3e50; }
.x-searchform-overlay .form-search .search-query{border:#ccc 1px solid;padding:0; width:100%; height:auto;font-size:9.4em;letter-spacing:-0.05em;line-height:1;color:#2c3e50;background-color:transparent;border-radius:0;box-shadow:none; text-align:center; border-radius:50px; }
.x-searchform-overlay .form-search .search-query:focus,.x-searchform-overlay .form-search .search-query:active{outline:0}
@media (max-width: 767px){.x-searchform-overlay .form-search{font-size:8px}}
@media (max-width: 480px){.x-searchform-overlay .form-search{font-size:6px}}

.i-main { width:1050px; margin:0 auto; overflow:hidden; }
.i-main-div{ width:100%; margin: 2% auto 3%; list-style:none;}
.i-main-div li{ float:left; width:31.33333%; margin:0 1%; }
.i-main-div h1{ font-size:18px; font-weight:normal; padding:6px 0; }
.divhome1{ position:relative; }
.divhome2{ position:absolute;top:0;left:0;width:100%;height:100%;filter: alpha(opacity=0); opacity:0;}
.divhome2:hover { color: #fff; background-color: #020202;filter: alpha(opacity=70); opacity:0.70;}
.phome{ margin:10% auto;width:80%;text-align:center;}

/*footer*/
.footer{ width:100%; overflow:hidden; background:#191919; padding:1% 0; color:#999999; font-size:13px; text-align:center; line-height:22px; }
.footer a{ color:#999999; font-size:13px; }

/*nei*/
.about-main { width:80%; min-width:1050px; margin:0 auto; padding-top:20px; overflow:hidden; }
.about-title { width:100%; padding:10px 0 5px 0; border-bottom:#3f3f3f 2px solid; font-size:20px; color:#333; }
.about-content { width:98%; padding:2% 1%; line-height:30px; }
.about-content img{ padding-bottom:10px; }

.contact-content { width:98%; padding:2% 1%; }
.contact-content .left{ float:left; width:40%; line-height:30px; }
.contact-content .right{ float:right; width:55%; }
.contact-content .right IFRAME{ width:100%; min-height:550px; }

.news-mian { width:100%; padding:5px 0; overflow:hidden; }
.lnav-title { width:100%; padding:10px 0 5px 0; margin-bottom:5px; border-bottom:#3f3f3f 1px solid; font-size:20px; color:#333; background-color:#FFF; }
.left-nav { float:left; width:19%;  list-style:none; }
.left-nav li{ width:100%; background-color:#d8d8d8; }
.left-nav li a{ display:block; padding:10px 20px; font-size:16px; }
.left-nav li a:hover{ background-color:#191919; color:#FFF; }
.left-nav li a.on{ background-color:#191919; color:#FFF; }
.right-list { float:right; width:78%; list-style:none; }
.right-list li{ display:block; width:100%; padding:10px 0; border-bottom:#d8d8d8 1px solid; overflow:hidden; }
.right-list li img{ float:left; width:20%;  padding-right:2%; }
.right-list li .news_jj { float:left; width:78%; }
.right-list li h2{ font-size:16px; padding:10px 0; line-height:20px; }
.right-list li p{ font-size:14px; line-height:20px; color:#999; }

.view-title { width:100%; font-size:18px; line-height:22px; padding:40px 0 20px 0; text-align:center; color:#333; }
.view-content { line-height:30px; }
.view-content img{ display:block; padding-bottom:10px; }

.pro-list {float:right; width:78%; list-style:none; overflow:hidden; }
.pro-list li{float:left; width:46%; padding:40px 2%; text-align:center; font-size:16px; color:#333; overflow:hidden; }
.pro-list li img{ width:100%; }
.pro-line { height:1px; border-bottom:#3f3f3f 1px solid; clear:both; }

.proview-main { width:80%; min-width:1050px; margin:0 auto; overflow:hidden; }
.proview-banner { width:100%; }
.proview-banner .swiper-slide img{ width:100%; }
.swiper-pagination-bullet{ width:12px !important; height:12px !important; }
.swiper-pagination-bullet-active{ background-color:#333 !important; }

.proview-content { width:100%; padding:10px 0; overflow:hidden; line-height:28px; }
.proview-content hr{ margin:30px 0 10px 0; }
.proview-content h2{ font-size:16px; padding:10px 0; color:#333; }
.proview-content ul{ padding-left:25px; list-style:disc; line-height:1.8; }
.proview-content table{ width:100%;border:1px solid #8d8d8d; border-collapse:collapse; table-layout: fixed; }
.proview-content table .trbg{ border: 1px solid #8d8d8d; background-color: #d8d8d8; }
.proview-content table td{ padding:3px 6px; text-align:left; line-height:20px; }
.proview-content table strong{ color:#333; }

/*-wap-*/
@media (max-width:800px) {
.container_top{ width:100%; min-width:inherit; height:60px; }
.container_logo { height:59px; }
.container_logo a{ height:59px; background: url(../images/logo_en.png) no-repeat 20px center; background-size:auto 100%; }
.nav { display:none; }
.m-nav { display:none; background-color:#191919; height:500px; width:100%; overflow:hidden; z-index: 300; position:relative; }
.m-nav .m-bd{ padding-bottom: 20px; padding-top: 50px;padding-left: 50px;padding-right: 50px; }
.m-nav a {display: block; margin:8px 0; height:40px; line-height: 40px; color:#fff; font-size: 16px; border: 1px solid #333; text-align:center; border-radius:20px; }
.buttonpush{width: 100%;height: 100%; display: block;} 
.buttonset{display: block;position:absolute;width: 60px;height: 60px;top:0;right: 0; z-index: 90;}
.buttonset .show{ background:url("../images/button_black.png") no-repeat center; -webkit-transition: all .25s linear;
   -moz-transition: all .3s;
    -ms-transition: all .3s;
     -o-transition: all .3s;
        transition: all .3s;}
.i-main { width:70%; margin:0 auto; overflow:hidden; }
.i-main-div{ width:100%; margin: 3% auto 5%; list-style:none;}
.i-main-div li{ display:block; width:100%; margin:3% 0 }

.footer{ width:96%; overflow:hidden; background:#191919; padding:2%; color:#999999; font-size:12px; text-align:center; line-height:22px; }
.footer a{ color:#999999; }

.about-main { width:96%; min-width:inherit; }
.contact-content .left{ display:block; width:100%; }
.contact-content .right{ display:block; width:100%; }
.contact-content .right IFRAME{ margin-top:30px; width:100%; min-height:400px; }
.left-nav { display:block; width:100%; }
.right-list { display:block; width:100%; }
.lnav-hid { display: none;}
.pro-list { display:block; width:100%; }
.proview-main { width:100%; min-width:inherit; }
.proview-content { width:96%; padding:10px 2%; }
}

@media (min-width:800px) {
	.m-nav { display: none;}
}



















/*page*/
.pager { width:100%; text-align:center; font-size:14px; padding:10px 0; }
DIV.jogger { MARGIN: 2px; }
DIV.jogger A {
	PADDING: 5px 10px; MARGIN: 1px; COLOR: #666; BACKGROUND-COLOR: #ddd; TEXT-DECORATION: none;
	  -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius:3px;}
DIV.jogger A:hover {	PADDING: 5px 10px; MARGIN: 1px; COLOR: #fff; BACKGROUND-COLOR: #ff6600;}
DIV.jogger A:active {	PADDING: 5px 10px; MARGIN: 1px; COLOR: #fff; BACKGROUND-COLOR: #ff6600;}
DIV.jogger SPAN.current {	PADDING: 5px 10px; MARGIN: 1px; COLOR: #fff; BACKGROUND-COLOR: #ff6600;
	  -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius:3px;}
DIV.jogger SPAN.disabled {	DISPLAY: none}