@charset "utf-8";

/*==============================================================================================*/
/*common-css
/*==============================================================================================*/

*{MARGIN: 0px;PADDING: 0px;  }
div {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; MARGIN: 0px; }
ul {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;LIST-STYLE-TYPE: none}
li {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;LIST-STYLE-TYPE: none;}
img {BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px;border:0; max-width:100% !important;}
i{font-style:normal;}
body,td,th {font-size:0.8em;color: #2f2f2f; font-family: "微软雅黑",Arial,Simsun;word-wrap:break-word;}
.fz{max-width:750px;margin:0 auto;margin: 0 auto;min-width: 320px;}
.fl{float:left;}
.fr{float:right;}
a {color: #000;text-decoration:none;}
.clear { clear:both;}
.cl:after{ content:""; display:block; clear:both;}


/*==============================================================================================*/
/*top-css
/*==============================================================================================*/

/*===================== 导航 =====================*/
.logo {width:53%; text-align:center;}
.logo img { height:3.5em;}
#navbar .menubtn { width:20%;}
#navbar { max-width: 750px;}
.header_nav {z-index: 9999999999;max-width:750px; height:4em; width:100%; background:rgba(230,230,230,0.8); border-bottom:1px solid #a7a7a7;padding:1em 0;}
.menubtn { display:block;position: relative; z-index: 101;color: #274a61;text-decoration: none;font-size: 0em;line-height: 0em;top:15px;padding: 10px;background-image: url(../images/hamburger.png);background-position: 50% 50%;background-size:45px 35px;background-repeat: no-repeat;}
.menubtn:hover, .openmenu .menubtn {color: #bdd43e;background-image: url(../images/hamburger-active.png);}

/** toggle menu **/
#pgcontainer {padding: 45px 0;margin: 0;}
.overlay {z-index: 9999999997;background-color: rgba(0,0,0,0.5);bottom: 0;right: 0;left: 0;}
.openmenu .overlay {top: 0;}
#hamburgermenu {  height: 100%;width: 0;background: #303030;position: fixed;top: 0;left: 0;z-index: 9999999999;overflow: hidden;-webkit-box-shadow: 3px 0 7px rgba(0,0,0,0.55);-moz-box-shadow: 3px 0 7px rgba(0,0,0,0.55);box-shadow: 3px 0 7px rgba(0,0,0,0.55);}
#hamburgermenu ul { z-index: 101;}
#hamburgermenu ul li {display: block;}
#hamburgermenu ul li a {display:inline-block;color: #fff;font-size:1.2em;text-decoration: none; }
#hamburgermenu ul li .inactive_dj { color:#fff; display:inline-block; padding-right:10%; float:right}
#hamburgermenu .ham { height:100%;overflow-y: auto;-webkit-overflow-scrolling: touch;}


.list{ padding:0 18% 0 16%;margin:6.3em auto 0 auto; height:100%; }
.list ul li{ margin-bottom:5%;}
.list ul li a{color: #fff; font-size:12px; display: block; height:36px;line-height: 36px;position: relative;
}
.list ul li .inactive{ background:url(../images/off.png) no-repeat 10% center;}
.list ul li .inactives{background:url(../images/on.png) no-repeat 10% center;} 
.list ul #s_s { margin-top:60%; margin-bottom:2em;}
.list ul #s_s  a { display:block;}
.list ul #s_s .inactive{ background:url(../images/s_s.png) no-repeat left center;}
.list ul li .inactives i { float:right; display:inline-block; width:48px; height:30px;background:url(../images/s_x.png) no-repeat right center;}
.list ul #s_s ul { border:0;}
.list ul #s_s ul #keywords { border-radius:0; padding:3% 0%; width:80%; margin:0 10%; background:#303030;color:#fff; text-align:center; border:0; border-bottom:1px solid #595959 !important; height:40px; line-height:40px;outline:none; }
.list ul #s_s ul #keywords:focus{ outline:none; }

.list ul #s_s ul .btn { color:#fff; display:block; padding-top:10%; padding-left:0;width:100%; text-align:center;  font-family: "Century Gothic";}
.list ul #s_s ul .btn:hover { color:#e06410; }

.list ul li ul{display: none;border-top:1px solid #595959; margin-top:5%; padding-top:5%;}
.list ul li ul li { border-left:0; border-right:0; background-color:#303030; border-color:#303030;}
.list ul li ul li ul{display: none;}
.list ul li ul li a{ padding-left:0.8em;}
.list ul li ul li ul li { background-color:#000000; border-color:#515151; }
.last{ background-color:#d6e6f1; border-color:#6196bb; }
#hamburgermenu .list ul li ul li a{ color:#a7a7a7;}
#hamburgermenu ul #s_s a { padding: 0 10% 0 10%;}
#topcontrol {background: #e06410; z-index:100000000}




/* banner*/
.pro-switch {overflow: hidden;position: relative;width:100%;}
.flexslider {margin: 0;padding: 0;}
.flexslider .slides > li {display: none;-webkit-backface-visibility: hidden;}
.flexslider .slides > li a{ display:block; width:100%; position:relative;}
.flexslider .slides > li a .img_ti { width:100%; position:absolute; text-align:center; font-size:18px; color:#fff; left:0; top:20%;}
.flexslider .slides img {width: 100%;display: block;}
.slides:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 450px;}
.no-js .slides > li:first-child {display: block;}
.flexslider {margin: 0 auto;position: relative;width:100%;zoom: 1;}
.flex-viewport {max-height: 2000px;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;transition: all 1s ease;}
.flexslider .slides {zoom: 1;}
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width:3.5em;height:3.5em;display: block;position: absolute;top: 40%;z-index: 10;cursor: pointer;text-indent: -9999px;opacity: 0;filter:alpha(opacity=0);-webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 0 -90px;right: 0;}
.flex-direction-nav .flex-prev {left: 0;}
.flexslider:hover .flex-next {opacity: 0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev {opacity: 0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;filter:alpha(opacity=50);}
.flex-control-nav {width: 100%;position: absolute;bottom:2em;text-align: center;}
.flex-control-nav li {margin: 0 5px;display: inline-block;zoom: 1;*display: inline;}
.flex-control-paging li a {display:block;height:7px;overflow: hidden;text-indent:-99em;width:7px; border:1px solid #fff; border-radius:12px;cursor: pointer;border-radius:1em;}
.flex-control-paging li a.flex-active {background:#fff;}

.banner{ position:relative;}
#jiao{ width:100%; height:44px; background:url(../images/jiao.png) no-repeat center center; position:absolute; bottom:0;z-index:99;background-size: 100% 100%;display: block;}
.slides img{ display:block;} 


/*banner*/
.focus{ width:100%;  margin:0 auto; position:relative; overflow:hidden;   }
.focus .hd{ width:100%; height:3px;  position:absolute; z-index:1; bottom:70px; text-align:center;  }
.focus .hd ul{ overflow:hidden; display:-moz-box;display: inline-block;}
.focus .hd ul li{ -moz-box-flex:1; -webkit-box-flex:1; box-flex:1;font-size:0;width: 20px;height: 20px;border-radius: 50%;background-color: #fff;float: left;margin: 0 5px;}
.focus .hd ul .on{ background:#e06410;  }
.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{ width:100%;  }




.sy_about{ margin-top:2em;}
.sy_about01{ font-size:20px; font-weight:bold; text-align:center; color:#173652;}
.sy_about01:after{ content:""; display:block; background:#df5f07; width:20%; height:0.1em; margin:0.8em auto 1em;}
.content{ padding:0 2%;}
.video1{border-radius:20px; width:100%;}
.video2{width:100%;}


.sy_about02 p{margin:0 0 0.2em 0;}
.sy_about02 p:before{ content:"●"; float:left; color:#df5f07;}
.sy_about02 p span{ display:block; padding-left:20px; font-size:14px; line-height:24px;}
.sy_about02 p strong{ color:#df5f07;}
.sy_about02 .ann a{ display:block; background:#df5f07; width:35%;border-radius:20px; padding:1em 0; text-align:center; margin:1.5em auto; color:#fff;}




.about_ner{ margin-top:1em;}
.about_nerleft{ position: relative; border-radius:20px; overflow:hidden; margin:0 2% 0.5em; }
.about_nerleft img{ width:100%;}
.about_ner .advan{ position:absolute; top:25%;padding:0 5%;}
.scsb{ font-size:1.4em; font-weight:bold; color:#fff; margin:0 0 0.5em 0;}
.scsb2{ font-size:1em; line-height:1.8em; color:#fff;}
.scsb3{font-size:1.4em; font-weight:bold; color:#fff;margin:1em 0 5px 0;}
.scsb4{font-size:1.8em;font-weight:bold; color:#fff;background:url(../images/honor.png) no-repeat 0 center; padding-left:30px;}
.advan02{ position:absolute; right:4%; top:15%; width:60%;}
.advan02 img{ width:100%;}
.advan03{ position:absolute; right:1em; top:22%;}


.sy_about01{ margin-top:2em;}
.hangye ul li{ float:left; margin:2% 2% 0 0; border-radius:20px; overflow:hidden; width:48%;display:block; position:relative;}
.hangye ul li img{ transition:all 1s; display:block; width:100%;}
.hangye ul li:hover img{ transform:scale(1.1);}
.hangye ul li .hangye_02{ position:absolute; top:35%; left:0; right:0; text-align:center;}
.hangye ul li .hangye_02 p{ color:#fff;font-size:1.4em;}
.hangye ul li .mask{ position:absolute; top:0; width:100%; height:100%; display:block; background:rgba(0,0,0,0.4);border-radius:20px; }
.hangye ul li:hover .mask{background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));}


.sy_news01{ margin:0 2%;}
.sy_news01 li:after{ content:""; display:block; clear:both;}
.sy_news01 li{ margin-bottom:1em;}
.sy_news01 img{ width:40%; float:left; }
.sy_newscon{ float:right; width:56%;}
.sy_newscon p:nth-child(1){ font-size:1.2em; margin-bottom:0.5em;}
.sy_newscon p:nth-child(2){ color:#666;}

.ny_banner{ margin-bottom:2em;}
.ny_banner img{ display:block;}
.footer{ padding:3em 0; background:#333; color:#fff; text-align:center; margin-top:2em;}


.intro img{ max-width:100% !important;}
.ny_nav p{ display:block; padding:2%; background:#8c8c8c; margin-right:1px; margin-bottom:2px;}
.ny_nav .cur{background:#e06410;}
.ny_nav p:nth-child(2n){ margin-right:0;}
.ny_nav p a{ display:block; color:#fff; text-align:center; padding:0.5em 0;}
.ny_nav{ margin:2em auto; padding:0 2%;}
.about p{ font-size:1em;}


.albums li{ float:left; margin-right:1%; width:49%; text-align:center; margin-bottom:1em;}
.albums li:nth-child(2n){ margin-right:0; margin-left:1%;}



/*--------------------page------------------*/
.page{ clear:both;display: inline-block;}
.page .first{background:url(../images/page.png) 13px -82px no-repeat;}
.page .last{background:url(../images/page.png) 13px -140px no-repeat;}
.page .next{background:url(../images/page.png) 13px 10px no-repeat;}
.page .prev{background:url(../images/page.png) 13px -36px no-repeat;}
.page span.page_list{ overflow:hidden;margin-right:5px;}
.page span.page_list a{display:block;float:left;margin-right:5px;border:1px solid #eaeaea;padding:7px 15px 5px 15px;font-size:0.8em;}
.page span.page_rows{font-size:12px; line-height:2em; color:#666;}
.page span.page_list a.selected{ background:#df5f07;color: #fff;border:1px solid #df5f07;}
.ny_pagelink{ text-align:center; margin:3em auto 5em;}

.next_map{ margin-top:10%; padding-top:1em; border-top:1px dashed #999;}
.next_map_last:hover a{ color:#df5f07;}
.next_map_last{ line-height:1.6;}
.nodata{ text-align:center;}
.development{ padding:0 2%;}

.newslist li{ margin-top:1em;}
.newslist li .newslist_01{ width:45%;}
.newslist li .newslist_01 img{ width:100%}
.newslist li .newslist_02{ width:50%; float:right;}
.newslist_03 span{ display:block; color:#999; font-size:0.8em; margin:0.2em 0;}
.newslist_03{ font-size:1.2em;}
.newslist_04{ color:#333;}

.productlist_con li{margin-top:1.5em;width:48%; float:left; margin:1%; text-align:center;}
.productlist_con li img{ border:1px #ececec solid;}


.news_con{ padding:0 2%;}
.news_title{ text-align:center;}
.news_title .news_title01{ font-size:1.4em;display:block; border-bottom:1px dashed #dedede; margin-bottom:1em;}
.news_title01 span{ display:block; font-size:12px; padding:0.5em 0; color:#999;}
.content_product01_desc{margin:0.5em auto 1em; font-size:1em; line-height:1.6em;}
.cbox{ margin:0.5em auto 1em;}
.content_product01_brief p{ margin:0.2em auto; font-size:1.1em;}
.intro{ line-height:1.6;}
.intro strong{  display:block;}





.menu_head{width:100%;height:2em;color:#595959;cursor:pointer;position:relative;background:url(../images/pro_left.png) center right no-repeat;margin:3em 0 1em 0; border-bottom:1px solid #a7a7a7;padding-bottom:1em;}
.menu_head:nth-child(1){ margin-top:0;}
.menu_list .current{background: url(../images/pro_down.png) center right no-repeat; border-bottom:0;}
.menu_body{width:100%;overflow:hidden; background:#fff; border-bottom:1px solid #a7a7a7;padding: 1em 0.2em 2em;}
.menu_list .menu_head span{ display:inline-block; padding-right:5px; font-size:13px;}
.menu_list .menu_head span:nth-child(1){  font-weight:bold; padding-left:0; font-size:1.2em;}
.menu_list .menu_head span:nth-child(3){  padding-left:5px;}
.menu_list .menu_head span:nth-child(4) { font-size:12px; float:right; display:block;  padding:0 3%; margin:0; line-height:2.2em; background:#e06410; color:#fff; background-size: 0.8em;border-radius: 20px; }
.menu_list .current span:nth-child(4) { background:#e06410; background-size: 0.8em;}
.menu_head p:after{ clear:both; content:"";}

.menu_body_l { width:100%; }
.menu_body_l dl dd{ color:#595959; font-size:14px; line-height:1.8em;}
.menu_body_r h3 { color:#000; font-size:12px; margin-bottom:5px;}
.menu_body_r { color:#595959; font-size:14px; line-height:1.8em;}

.about_yfsc .title{ margin:1em 0 2em 0;}
.about_yfsc .title p,.about_yfsc .title h2{ text-align:center; margin-bottom:0.2em;}
.about_yfsc .title p:after{ content:""; width:20%; height:0.2em; background:#e06410; display:block; margin:1em auto;}
.neirwenzi{ font-weight:bold; font-size:1.2em;}
.ner1_right{ margin:1em 0;}
.ner1_right1 p,.ner1_left p { text-align:center;}
.ner1_right2{ font-size:1.2em; line-height:1.6; margin-bottom:1em; padding:4%;}
.ner1_right2 span{color:#e06410; padding-bottom:0.2em;  display:block; margin:3em auto 0; text-decoration:underline;}

.ner1_right_05{ padding:2em 4% 0;}
.ner1_right_05 p{ font-size:1.2em; color:#363330; line-height:1.6; margin-bottom:0.5em;}
.ner1_right_05 span{ color:#e06410; padding-bottom:0.2em;  display:block; margin:3em auto; text-decoration:underline;}




.develop li{ padding:1.5em 0; border-bottom:1px dashed #666;}
.develop .dev01{ font-size:1.6em; font-weight:bold; margin-bottom:0.5em;}
.develop .dev02{ font-size:1.2em; }



.qywh{ position:relative; display:block;position: relative;border-radius: 20px;overflow: hidden;margin: 0 2% 0.5em;}
.qywh img{ display:block; width:100%;position:relative;}
.qywh .qywh_con{ position:absolute; top:2em; left:2em; right:2em; line-height:1.6em;}
.qywh_con p{ color:#fff;}
.qywh_con p:nth-child(1){ font-size:1.4em; margin-bottom:0.5em;}
.content4 .qywh:nth-child(1) .qywh_con,.content4 .qywh:nth-child(4) .qywh_con,.content4 .qywh:nth-child(5) .qywh_con{ top:4em;}
.content4 .qywh:nth-child(3) .qywh_con{ top:3.5em;}









.content_productlist02_d { margin-top:20px; height:30px;}

.content_productlist02_d span{ margin-top:10px;background:#df5f07; text-align:center; color:#fff; border-radius:25px; margin-right:5px; line-height:30px; padding:0 10px; display:inline-block;}

.content_prodesc{background:#df5f07; text-align:center; color:#fff; border-radius:25px; padding:0.5em 1.5em; display:inline-block;}

.product_sp li{ width:100%;text-align: center; margin:1em auto; }
.product_sp02{margin-top:1em; font-size:1.2em;}
.product_sp01 iframe{ width:100% !important; height:auto !important;}

.product_sp li video{ width:100%;}





.videolist { position:relative;margin-bottom:1em; margin:0 2%; }
.videolist:hover{ cursor: pointer; }
.videoed { width:3em; height:3em; position: absolute; left:45%; top:40%; z-index:99; border-radius:100%; }
#video{ width:100% !important; height:auto;}
#video iframe { width:100% !important;}
.videos{ display:none; border: 1px solid #080808; position:fixed; top: -45%;  z-index:100; background:rgba(23,54,82,0.8);  padding:100% 4%; }
.vclose { position:absolute;right:4%; border-radius:100%; cursor: pointer;z-index: 9999; top:35%; }
.videos video{ width:100% !important;}








.language{ margin-top:60%; background: url(../images/w.png) left center no-repeat; padding-left:2em; margin-bottom:2em; opacity:0.7;}