/*重置内外边距*/
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td { margin: 0; padding: 0;  font-weight: normal; }

/*a标签下划线 虚线边框*/
a{ text-decoration:none; outline:none; color:#666666; }
img{ border:0 none; max-width:100%; }
ul{ list-style:none; }
/*浮动 双倍边距*/
.fl{ float:left; display:inline; }
.fr{ float:right; display:inline; }
.clear{ clear:both; }
/*浮动塌陷 定位兼容*/
.clearfix{ zoom:1; }
.clearfix:before,.clearfix:after{ display: table; line-height: 0; content:""; }
.clearfix:after{ clear:both; }

.tl{ text-align:left; }
.tc{ text-align:center; }
.tr{ text-align:right; }

html{font-size: 62.5%;}
body {font-size: 1.4rem; font-family:'微软雅黑';} 

body{margin:0px;padding:0px;}
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block; height: 165px;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { background: #fff;position: relative;zoom: 1;  overflow:hidden;}
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { text-decoration:none; display: block; width: 40px; height: 48px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 1; cursor: pointer; color: rgba(0,0,0,0.8);   text-indent:-999em }
.flex-direction-nav .flex-prev { left: -50px; background-position:0 0; _display:none; }
.flex-direction-nav .flex-next { right: -50px; background-position:-132px 0;_display:none;}
.flexslider:hover .flex-prev { opacity: 0.7; left: 30px;}
.flexslider:hover .flex-next { opacity: 0.7; right: 10px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }


/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; background:#ddd}
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: 10px; text-align: center;z-index:99; }
.flex-direction-nav{ _display:none;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 9px; height: 9px; font-size:0px; line-height:0px;  display: block; background: #666; background:#ffffff; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background:#cc9966; cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}

/*title*/
.content .i_title { margin: 15px auto 25px; }
.i_title{ width:100%; margin:35px auto 45px; background: url(../images/i_title_bg.png) no-repeat center bottom; height: 55px;}
.i_title h2{ font-size:28px; color:#666666; font-weight:normal; text-align:center; /*width:1150px;*/}

/*首页公司介绍*/
.i_about{ width:100%; margin:25px auto 0;}
.i_about dt{ width:100%;}
/*yx_rotaion 图片轮换*/
.yx-rotaion { width: 100%!important; }
.yx-rotaion-btn,.yx-rotaion-title,.yx-rotation-focus,.yx-rotation-t,.yx-rotaion-btn{ position: absolute}
.yx-rotation-title{ position: absolute; width: 100%; height: 40px; line-height: 40px; background: #000; 
	filter: alpha(opacity=40);
	-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;left:0;bottom:0;_bottom:-1px;z-index:1}
.yx-rotation-t{ color: #fff; font-size: 16px; font-family: microsoft yahei; z-index: 2; bottom: 0; 
	left: 10px; line-height: 40px}
.yx-rotation-focus span,.yx-rotaion-btn span{ display: block;}
.yx-rotation-focus{ height: 40px; line-height: 40px; right: 20px; bottom: 0; z-index: 2;}
.yx-rotation-focus span{ width: 12px; height: 12px; line-height: 12px; float: left; margin-left: 5px;
	position: relative; top: 14px; cursor: pointer; background-position: -24px -126px; text-indent: -9999px;}
.yx-rotaion-btn{ width: 100%; height: 41px; top: 50%; margin-top: -20px;}
.yx-rotaion-btn span{ width: 41px; height: 41px; cursor: pointer; filter: alpha(opacity=30); 
	-moz-opacity:0.3; -khtml-opacity:0.3; opacity:0.3; position: relative;}
.yx-rotaion-btn .left_btn{ background-position: -2px -2px; float: left; left: 10px;}
.yx-rotaion-btn .right_btn{ background-position: -2px -49px; float: right; right: 10px;}
.yx-rotaion-btn span.hover{ filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8;}
.yx-rotation-focus span.hover{ background-position: -10px -126px;}
.rotaion_list{ width: 0; height: 0; overflow: hidden;}
.rotaion_list li img{ width: 100%; height: 260px;}

.i_about dt img{ width: 100%; overflow: hidden;}
.i_about dd .i_about_main{ margin: 20px 5px; font-size: 14px; color: #333333; line-height: 30px;
	text-indent: 25px; height: auto; overflow: hidden;}
/*.i_about dd a{ display: block; width: 83px; height: 33px; line-height: 33px; text-indent: 0; color:#ffffff; 
	background: #2565c3; font-size: 15px; text-align: center; margin: 25px auto;}*/
/*首页公司介绍 end*/


/*客户案例*/
.box{   overflow: hidden;}
.box li{ overflow: hidden; margin-right: 12px; float: left;position: relative;background: #f6f6f6;
	width: 48%; height: auto; }
.box li:nth-child(even) { margin-right: 0; }
.box li:hover { cursor: pointer; }
.box li img { width: 100%; }
.top{position: absolute;z-index:1;height: 5px;width: 0px;top: 0px;width: 0px;}
.bottom{position: absolute;z-index:1;height: 5px;width: 0%;bottom: 0px;right: 0px;}
.left{height: 0;position: absolute;left: 0px;width: 5px;}
.right{height: 0;position: absolute;right: 0px;width: 5px;bottom: 0px;}
.box li a img{ width: 270px !important;height: 290px !important;position: absolute;z-index: 1;top: 0px;left: 5px;}
.box li .boxTxt{position: absolute;z-index: 2;background: rgba(229,115,13,0.6);height: 0px;line-height: 48px;
	width: 100%; text-align: center;color: #fff;bottom: 5px;left: 0;display:block;font-size:16px;}
/*客户案例 end*/


/*数据*/

.clearfix:after{ content:""; display:block; clear:both; height:0; visibility:hidden;}
.clearfix{ zoom:1;}
.numCount li{ float: left; width: 50%; text-align: center;}
.numCount li .item{ margin: 0 0 40px;}
.numCount li .numU{ line-height:1.3;}
.numCount li .numCX{ font-size:30px; color:#fff;}
.numCount li .numU .unitC{font-size:100%; line-height: 1.3; margin-left: 0.3em;}
.numCount li .numU sup{vertical-align: top;}
.numCount li .numU sub{vertical-align:baseline;}
.indc { font-size: 14px; margin-top: 10px;}
.indc,.unitC { color: #fff; }

.joins { background: url(../images/joins.jpg); margin: 0 auto; padding: 30px 0; }
.i_joins { margin-bottom: 0; }
.i_joins dd .i_about_main { margin-right: 60px; margin-left: 0; }
.joins .i_title h2 { color: #fff; }
/*数据 end*/
/*子页面产品*/
.p_title{ padding:18px 2%;}
.p_nav{ width:90%; margin:0 auto; display: flex; justify-content: space-between; flex-flow: wrap; }
.p_nav a { width:40%; border:1px solid #cccccc; margin:6px 10px; height:28px; line-height:28px; text-align:center; }
.p_nav a.click { background: #2565c3; border-color: #2565c3; color: #fff; }

/*index  s*/
 /*小图标*/
.topIcon{width:100%; margin:20px 0; height:70px;}
.topIcon li { width:25%; text-align:center; padding:4% 8%; border-radius: 8px; }
.topIcon li .Iconbox { height:30px; display: table-cell; vertical-align: middle; }
.topIcon .fl { background: #31b9dd; margin-left:5%; }
.topIcon .fr { background: #f27655; margin-right:5%; }
.topIcon li img {  display: table-cell; vertical-align: middle; }
.topIcon li span{ font-size:1.3rem; color:#fff; display: table-cell; vertical-align: middle;}
 /*小图标 end*/


.greyBlock{ background:#F5F5F5; width:100%; height:.666rem;}
.MainWidth{ width:94%; margin:0 auto;}
.indexTitle{ width:100%; height:46px; line-height:46px; font-size:1.6rem; color:#333333;}
.indexTitle span{ color:#737373; font-size:1.2rem; margin-left:6px;}

.content { padding: 4% 0; overflow: hidden; }
#head ul { font-size: 1.6rem; color:#666; border-bottom:1px solid #2565c3; padding:0 0 10% 3% ; }
#head ul li{ list-style:none; float:left; text-decoration:none; display:block; /*width:80px;*/padding:5px; margin:0px 20px 0px 0px; position:relative;}
#head ul li a{ text-decoration:none; color:#000000;}
#head ul li a:visited{ text-decoration:none; color:#000000;}
.content h2 span { margin-right:5%; }
.content h2 .Selected { color:#2565c3; }
.content .underline { width:23%; height:1px; background: #ff9c00; margin-top:-1px; }
.content ul { padding:1% 4%; }
.content ul li { margin-top:4%; overflow:hidden; }
.content ul li .date { width: 100%; font-size: 0.875rem;  color:#666; }
.content .more { display: block; padding:2%; margin:6% 3% 2%; color:#fff; background: #2565c3; border-radius: 5px; text-align: center; font-size: 1.3rem; }

.main01 #dl ul li span { width:25%; display: inline-block; margin-right:3%; }
.main01 #dl ul li div { width:70%; display: inline-block;  }
.main01 #dl ul li div h4 { font-size: 1.3rem; color:#333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.main01 #dl ul li div p { font-size: 0.875rem; color:#666; line-height: 1.5rem; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;
-webkit-box-orient: vertical; }

#d2,#dr2,#dr3 { display: none; }

.dl ul li .list-img { width:25%; display: inline-block; margin-right:3%; }
.dl ul li .list-txt { width:70%; display: inline-block;  }
.dl ul li div h4 { font-size: 1.3rem; font-weight: normal; color:#333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dl ul li div p { font-size: 0.875rem; color:#666; line-height: 1.5rem; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;
-webkit-box-orient: vertical; }


.main02 ul li p { width:75%; font-size: 0.875rem; color:#666; line-height: 1.5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float:left;}
.main02 ul li .date { width: 20%; float:right; }

.main03 { margin-bottom:3%; }
.main03 ul li { width: 48%; float: left; margin-right: 4%; }
.main03 ul li:nth-child(2n) { margin-right:0; }

/*分页*/
/*.i-page{ width:90%; overflow:hidden; text-align:center; margin:10px auto 0;}*/
/*.i-page li{ height:30px; line-height:30px; float:left; margin:2px;}*/
/*.i-page a{display:inline-block; height:30px; overflow:hidden; line-height:30px; font-size:12px; color:#444444; padding:0 9px;}*/
/*.i-page a:hover{text-decoration:none; background:#2565c3; color:#ffffff;}*/
/*.i-page li span{ width:35px; display:block; color:#ffffff; background:#2565c3; font-size:12px; height:30px; line-height:30px;}*/

.i-page{ width:100%; overflow:hidden; text-align:center; margin:35px auto 50px;}
.i-page ul { display: flex; justify-content: center; }
.i-page .active span{ height:35px; line-height:35px; }
/*.pageEllipsis{padding: 0 8px;}*/
.i-page a,.disabled span,.i-page p{display:inline-block; height:33px; overflow:hidden; line-height:33px; font-size:13px; color:#444444; border:1px solid #bebebe; padding:0 11px; margin-right:-1px;}
.pagination p {background:#eee!important;}
.i-page a:hover,.i-page a.cur{text-decoration:none; background:#2565c3; color:#ffffff;}
.i-page .active span{ width:40px; display:block; color:#ffffff; background:#2565c3; font-size:15px; height:35px; line-height:35px;}

.Cproduct_title{ height:20px; margin:20px 0 18px 0;}
.Cproduct_title h2{ color:#2565c3; font-size:20px; font-weight:normal; border-left:2px solid #2565c3; padding-left:15px;
	height:25px; line-height:25px;}
.Cproduct_title a{ width:58px; height:26px; line-height:26px; text-align:center; color:#ffffff; background:#2565c3;
	border-radius:8px;}

/*footer*/
.footer{ background:#fafafa; border-top:1px solid #ededed; padding:4% 3% 21% 3%; text-align:center; margin-top:4%; }
.footer img{ display:block; margin:0 auto 12px; width:135px; height:135px;}
.footer p{ font-size:13px; line-height: 1.8rem; color:#999999; margin:5px 0;}
.footerNav{ width:100%; height:60px; background:#2565c3; position:fixed; bottom:0; z-index:99;}
.footerNav .fnList{ margin-top:2%;}
.footerNav .fnList li{ width:25%; text-align:center;}
.footerNav .fnList li a{ display:inline-block; color:#ffffff;}
.footerNav .fnList li a span{ display:block;}


/*改变选择下拉框箭头样式*/
select {
	/*Chrome和Firefox里面的边框是不一样*/
	border: solid 1px #e1e1e1;
	/*很关键：将默认的select选择框样式清除*/
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	/*为下拉小箭头留出一点位置，避免被文字覆盖*/
	padding-right:0;
	/*在选择框的最右侧中间显示小箭头图片*/
	background: url(../images/arrow.png) no-repeat scroll 95% center transparent;
}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand {
display: none;
}

.current { border-bottom:1px solid #e6e6e6; margin-bottom: 3%; }
.current p { margin:0 auto; color:#666; font-size:1.4rem; line-height: 4rem; background: url(../images/current.png) no-repeat left center; padding-left:3%;}
.current p a { color:#666; }

.dis-btm { border-top:1px solid #e5e5e5; padding-top:5%;  margin-top:6%; }
.dis-btm p { color:#666 !important; font-size:1.4rem; /*line-height: 32px;*/ width:75%; float:left; }
.dis-btm .back { padding:2% 6%; background: #efefef; font-size: 1.3rem; color:#666; text-align: center; display: block; float:right; margin-top:5%; }

/*display*/
article { padding:0 3%; }
article header { text-align: center; }
article header h1 { color:#333; font-size: 1.8rem; line-height: 2.6rem; text-align:center; margin:4% 0; }
article header p { color:#999; font-size: 1.4rem; text-align:center; margin-bottom:4%; }
article p { color:#666; font-size: 1.5rem; line-height: 2.4rem; }
article .pic { width:80%; text-align: center; margin:4% auto; }

/*news*/
article .news-list .list a { display: inline-block; width: 260px; overflow: hidden; text-overflow: ellipsis;
 white-space: nowrap;}
.news-list .list { color:#999; font-size:1.5rem; line-height: 3.8rem; border-bottom:1px dashed #e6e6e6; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.news-list .list .date { font-size: 1.4rem; display: inline-block; float:right; }

/*page*/
.page { margin:6% auto 0; text-align: center; }
.page li { display: inline-block; margin:2% 0; }
.page li a { color:#666; font-size: 1.4rem; padding:4px 10px; display: block; }
.page li a:hover { background: #2565c3; color:#fff; }
.page .active a { background: #2565c3; color:#fff; }

/*picture*/
.picture-list {  }
.picture-list .pic { width:48%; display: inline-block; margin:3% 2% 0 0; overflow: hidden; }
.picture-list .pic:nth-child(2n) { margin-right:0; }
.picture-list .pic a {  }
.picture-list .pic .name { color: #666; text-align: center; }




/*补充*/
 #main{ margin-top: 63px; } 
#cssmenu { position: fixed !important;}
/*enquiry*/
.z_nav_son{ /*margin-left:300px;*/ display: flex; justify-content: center; }
.z_nav .z_nav_son li{ width:130px; height:46px; margin:30px;}
.z_nav .z_nav_son li a{ color:#333333; font-size:16px; border-radius:6px; width:130px; height:46px; line-height:46px; 
	display:block; text-align:center;}
.z_nav .z_nav_son li.li_current a{ background:#2565c3; color:#ffffff;}
.input { margin-bottom: 40px; }
.input_text { width: 80%; height: 40px; border: 1px solid #f5f5f5; box-sizing: border-box; font-size: 12px; 
	float:left; border-top-left-radius: 5px; border-bottom-left-radius: 5px; text-indent: 30px;}
.input_sub{ width: 70px; height: 40px; background: #2565c3; /*去掉submit按钮默认边框*/ 
 	border:0px; /*改成右浮动也是可以的*/  color:white;/*搜索的字体颜色为白色*/ 
 cursor:pointer;/*鼠标变为小手*/ font-size: 16px; border-top-right-radius: 5px; 
 border-bottom-right-radius: 5px;}
.information { width: 100%; background: #f8f8f8; padding-top: 30px}
.information h4 { color: #333; font-size: 18px; font-weight: normal; text-align: center;}
.information .content { width: 100%; border-bottom: 1px solid #ccc; 
	box-sizing: border-box; }
.information .content ul {  }
.information .content li {  width: 100%; display: inline-block; height: 25px; line-height: 25px; 
	white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.information .content li h3 { font-size: 16px; color: #333; font-weight: 400;float: left; width: 120px;
 overflow: hidden;}
.information .content em { font-style: normal; font-size: 14px; color: #666; margin-left: 20px;width: 295px;}
.information .content a,.goback { display: block; padding: 2%; margin: 6% 3% 2%; color: #fff; 
	background: #2565c3; border-radius: 5px; text-align: center; font-size: 1.3rem;}
.information .content:last-child { border: none; }
/*details*/
.details h4 { font-size: 18px; color: #333; font-weight: normal; text-align: center; margin-bottom: 40px;}
.details a { color: #fff;  }
table, td, th { border: 1px solid #ccc;}

table { border-collapse: collapse; width: 100%; margin: auto;}

td { height: 60px; font-size: 14px; color: #666; padding-left: 20px;}
.title { font-size: 16px; color: #333; box-sizing: border-box; }

/*work*/
.red {color: #ff0000;}
.work{ margin:25px auto;}
.work form{ width:100%; margin:10px auto;}
.work h2{ color:#353535; font-size:18px; font-weight:normal; margin:25px auto; width:100%;}
.work .item {padding-top:15px;height:50px;overflow: hidden;line-height:44px; margin:15px auto;}
.work .itemTxt{width:100% !important;height:auto !important;}
.work .itemTxtMain textarea{ width:100%;height:185px;padding:5px 0 5px 15px;font-size: 15px;border: 1px solid #bbb;}
.work .label {text-align: right;font-size:16px; color:#666666; margin-right:13px;}
.work .text {width:230px;height:35px;padding:5px 0 5px 15px;border: 1px solid #bbb;font-size: 14px;}
.gender span{ display:inline-block;margin:0 6px; font-size:15px; color:#666666;}
.tijiao{ width:100%; padding: 2%; background:#F78308; color:#ffffff; font-size:15px; text-align:center;
  border:none; cursor:pointer; margin-top:5px; border-radius: 5px;}