/* CSS Document */
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video { margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,audio,canvas,video { display:block;}
*{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
body {
	font-family:Microsoft Yahei;
	color:#666;
	text-decoration:none;
	font-size:16px;
	font-weight: 600;
}
textarea { resize:none;}
iframe,img {
	border:0;
	max-width: 100%;
}
ul,ol,li { list-style:none;}
input, select, textarea { outline:0; -webkit-user-modify:read-write-plaintext-only;}
input { -webkit-appearance:none;}
a{ text-decoration:none; color:#666; transition:0.2s; -webkit-transition:0.2s;}
a:hover{ color:#336699;}
.clearfix { clear:both; zoom:1;}
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
.fl{ float:left;}
.fr{ float:right;}

/*滚动条*/
::-webkit-scrollbar{ width:6px; height:12px}
::-webkit-scrollbar-button:vertical{ display:none;}
::-webkit-scrollbar-track:vertical{ background-color:black}
::-webkit-scrollbar-track-piece{ background:#FFF}
::-webkit-scrollbar-thumb:vertical{ background-color:#8E8E8E; border-radius:5px}
::-webkit-scrollbar-thumb:vertical:hover{ background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{ background-color:#535353}
::-webkit-scrollbar-resizer:vertical{ background-color:#FF6E00}

/*banner*/
.theme-default { width:100%; height:600px; position:relative; overflow:hidden;}
.theme-default .bolang { height:33px; position:absolute; bottom:0; left:0; width:100%; z-index:9;}
.theme-default #slider { width:1920px; height:600px; position:absolute; left:50%; top:0; margin-left:-960px;}
.theme-default .nivoSlider { position:relative; background:#fff  no-repeat 50% 50%; -webkit-box-shadow:0px 1px 5px 0px #4a4a4a; -moz-box-shadow:0px 1px 5px 0px #4a4a4a; box-shadow:0px 1px 5px 0px #4a4a4a;}
.theme-default .nivoSlider img { position:absolute; top:0px; left:0px; display:none;}
.theme-default .nivoSlider a { border:0; display:block;}
.theme-default .nivo-controlNav { position:absolute; left:50%; bottom:10px; margin-left:-55px;}
.theme-default .nivo-controlNav a { display:block; width:30px; height:3px; margin:0 2px; background:#fff; text-indent:-9999px; border:0; float:left;}
.theme-default .nivo-controlNav a.active { background:#04c0dd;}
.theme-default .nivo-directionNav a { display:block; width:30px; height:30px;  no-repeat; text-indent:-9999px; border:0;}
.theme-default a.nivo-nextNav { background-position:-30px 0; right:100px;}
.theme-default a.nivo-prevNav { left:100px;}
.theme-default .nivo-caption { font-family:Helvetica, Arial, sans-serif;}
.theme-default .nivo-caption a { color:#fff; border-bottom:1px dotted #fff;}
.theme-default .nivo-caption a:hover { color:#fff;}
.nivoSlider { position:relative;}
.nivoSlider img { position:absolute; top:0px; left:0px;}
.nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none;}
.nivo-slice { display:block; position:absolute; z-index:5; height:100%;}
.nivo-box { display:block; position:absolute; z-index:5;}
.nivo-directionNav a { position:absolute; top:40%; z-index:9; cursor:pointer;}
.nivo-prevNav { left:0px;}
.nivo-nextNav { right:0px;}
.nivo-controlNav a { position:relative; z-index:9; cursor:pointer;}
.nivo-controlNav a.active { font-weight:bold;}
.theme-default .nivo-controlNav { z-index:100; bottom:30px;}

.banner { margin:125px auto 0; position: relative; }
.banner .bd { }
.banner .bd li { }
.banner .bd li img { width: 100%; }
.banner .hd { position: absolute; bottom: .5rem; right: 0; width: 100%; }
.banner .hd ul { width: 100%; text-align: center; }
.banner .hd ul li { width: 8px; height: 8px; border-radius: 50%; background: #fff; margin: 0 4px; display: inline-block; text-indent: -9999px; cursor: pointer; opacity: .6; filter: alpha(opacity=60); box-shadow: 0 0 1px #ccc; }
.banner .hd ul li.on { background: #fff; opacity: 1; filter: alpha(opacity=100); box-shadow: 0 0 2px #ccc; }



.m{ width:95%; max-width:1200px; margin:0 auto;}

/*top*/
.top{ position:fixed; height:125px; width:100%; box-shadow:0 0 4px 0 rgba(0,0,0,0.5); top:0; z-index:999; background:#fff;}
.head{ background:#fafafa; line-height:45px; height:45px; color:#ccc; font-size:13px;}
.head *{ color:#666;}
.head .p1{ float:left;}
.head .p2{ float:left;}
.head a{ margin-right:15px; display:block; float:left;}
.head .p2 span{ color:#04c0dd;}
.head img{ float:left; padding-top:19px; margin:0 5px;}

.nav{ height:80px; padding-top:15px;}
.nav ul{ padding-top:9px;}
.nav ul li{ float:left; width:76px; height:32px; line-height:32px; text-align:center; transition:0.2s; -webkit-transition:0.2s; margin:0 5px;}
.nav ul li:hover{
	border-radius:2px;
	background-color: #336699;
}
.nav ul li:hover a{ color:#fff;}

.m_top{ display:none; background:#fff; padding:10px; text-align:center;}
.m_top .logo{ max-width:60%;}
.m_top .menu{ float:left; width:30px; height:30px; background:center center no-repeat transparent; background-image:url("../images/amenuicon.png");}
.m_top .tel{ float:right; width:30px; height:30px; background-size:100%; background-image:url("../images/tel.png");}

/*search*/
.search{ margin-left:100px; padding-top:15px; position:relative; padding-right:30px;}
.search .s_a{ color:#336699; display:block; float:left;}
.search span{ display:block; margin:0 10px; float:left; color:#ccc;}
/* reset webkit search input browser style */
#demo-b{ position:absolute; top:7px; left:80%;}
#demo-b input {
	outline: none;
}
#demo-b input[type=search] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	font-family: inherit;
	font-size: 100%;
}
#demo-b input::-webkit-search-decoration,
#demo-b input::-webkit-search-cancel-button {
	display: none; /* remove the search and cancel icon */
}

/* search input field */
#demo-b input[type=search] {
	background: #ededed url("../images/searchb.png") no-repeat 9px center;
	border: solid 1px #ccc;
	padding: 7px 10px 7px 32px;
	width: 55px;
	
	-webkit-border-radius: 10em;
	-moz-border-radius: 10em;
	border-radius: 10em;
	
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}
#demo-b input[type=search]:focus {
	width: 130px;
	background-color: #fff;
	border-color: #6dcff6;
	
	-webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
	-moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
	box-shadow: 0 0 5px rgba(109,207,246,.5);
}

/* placeholder */
#demo-b input:-moz-placeholder {
	color: #999;
}
#demo-b input::-webkit-input-placeholder {
	color: #999;
}

/* demo B */
#demo-b input[type=search] {
	width: 15px;
	padding-left: 10px;
	color: transparent;
	cursor: pointer;
}
#demo-b input[type=search]:hover {
	background-color: #fff;
}
#demo-b input[type=search]:focus {
	width: 130px;
	padding-left: 32px;
	color: #000;
	background-color: #fff;
	cursor: auto;
}
#demo-b input:-moz-placeholder {
	color: transparent;
}
#demo-b input::-webkit-input-placeholder {
	color: transparent;
}

/*index product*/
.ind_ab{ padding:50px 0;}
.ind_ab .ind_ab_t{ margin:20px 0;}
.ind_ab .ind_ab_t .p2{ font-size:22px;}
.ind_ab .ind_ab_t a{ padding:7px 18px; text-align:center; display:block; float:left; border-right:none; background:#f6f6f6; position:relative; overflow:hidden; font-size:12px;}
.ind_ab .ind_ab_t .a1{ background:#336699; color:#fff; border-left:none;}
.ind_ab .ind_ab_t a:after{ content:""; position:absolute; top:0; left:-30px; height:100%; width:20px; background:rgba(255,255,255,0.6); transition:0.5s; transform:skew(-30deg);}
.ind_ab .ind_ab_t a:hover:after{ left:110%;}

.ind_ab_m{ margin-top:50px;}
.ind_ab_m1{ width:23%; margin-left:2.6%; float:left; margin-bottom:20px;}
.ind_ab_m1:nth-child(4n+1){ margin-left:0;}
.ind_ab_m1 a{ display:block;}
.ind_ab_m2{ border:1px solid #cfcfcf; transition:0.5s; -webkit-transition:0.5s; display:block; position:relative; top:0;}
.ind_ab_m2 img{ width:100%;}
.ind_ab_m1 a:hover .ind_ab_m2{ top:-30px;}
.ind_ab_m2 .ind_ab_m2p{ padding:20px; background:#fff; transition:0.5s; -webkit-transition:0.5s;}
.ind_ab_m2 .ind_ab_m2p .p1{ font-size:18px; color: #f8a51b; margin-bottom:10px; transition:0.5s; -webkit-transition:0.5s;}
.ind_ab_m2 .ind_ab_m2p .p2{ color:#666; transition:0.5s; -webkit-transition:0.5s; font-size:12px;}
.ind_ab_m1 a:hover .ind_ab_m2p{
	background-color: #336699;
}
.ind_ab_m1 a:hover .ind_ab_m2p *{ color:#fff;}

/*index about us*/
.ind_pro{ background:#fafafa; padding:50px 0;}
.ind_pro .ind_pro_t{
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
}
.ind_pro .ind_pro_t .p2{ font-size:16px;}
.ind_pro .ind_pro_t a{ padding:7px 18px; text-align:center; display:block; float:left; border:1px solid #999; border-right:none; background:#f6f6f6; position:relative; overflow:hidden; font-size:12px;}
.ind_pro .ind_pro_t .a1{ background:#336699; color:#fff; border:1px solid #999; border-left:none;}
.ind_pro .ind_pro_t a:after{ content:""; position:absolute; top:0; left:-30px; height:100%; width:20px; background:rgba(255,255,255,0.6); transition:0.5s; transform:skew(-30deg);}
.ind_pro .ind_pro_t a:hover:after{ left:110%;}
.ip_m{ margin-top:40px;}
.ip_m .ip_m2{ width:100%; float:left;}
.ip_m .ip_m2 img{ }
.ip_m .ip_m2 .ip_p{ float:left; margin-left:5%; width:95%; padding:10px 0;}
.ip_m .ip_m2 .ip_p .p1{ font-size:16px; color:#336699;}
.ip_m .ip_m2 .ip_p .p2{ text-indent:0em; margin-top:20px; line-height:1.6;}




.ip_m .ip_m3{ padding-right:4%;}
.ip_m .ip_m4{ padding:0 4%; width:36%;}
.ip_m .ip_m5{ padding-left:4%;}

/*index technology*/
.ind_tec{ width:100%; height:468px; background: url("../images/btl.jpg") no-repeat center top; padding:50px 0; color:#fff;}
.ind_tec_m .ind_pro_t{ margin:20px 0;}
.ind_tec_m .ind_pro_t .p2{ float:left; font-size:16px;}
.ind_tec_m .ind_pro_t a{ padding:7px 18px; text-align:center; display:block; float:left; border:1px solid #999; border-right:none; background:#f6f6f6; position:relative; overflow:hidden;}
.ind_tec_m .ind_pro_t .a1{ background:#04c0dd; color:#fff; border:1px solid #999; border-left:none;}
.ind_tec_m .ind_pro_t a:after{ content:""; position:absolute; top:0; left:-20px; height:100%; width:20px; background:rgba(255,255,255,0.6); transition:0.5s;}
.ind_tec_m .ind_pro_t a:hover:after{ left:100%;}

.ind_tec_m2{ width:100%; margin-top:30px;}
.te_l1{ float:left; width:100px;}
.te_l1 .p3{ display:block; text-align:center; border:3px solid #fff; background:#04c0dd; line-height:35px;}
.te_l1 .p4{ display:block; text-align:center; border:3px solid #04c0dd; background:#fff; line-height:35px; color:#04c0dd; border-top:none;}
.te_l2{ float:left; width:700px; margin-left:40px;}
.te_l2 img{ margin:10px 0;}
.te_l3{ float:right; width:340px;}
.te_l3 p{ font-size:16px; text-align:right; line-height:1.6;}
.te_l3 p span{ color:#52dbf0;}

/*index honor*/
.ind_hon{ padding:50px 0; background:#fafafa;}
.in_l{
	width:800px;
	background: #fafafa  ) no-repeat right bottom;
	position:relative;
	float:left;
	padding-top: 16px;
	padding-right: 10px;
	padding-bottom: 50px;
	padding-left: 50px;
}
.in_l .p1{ font-size:12px; color:#777;}
.in_l .p2{ font-size:18px; color:#666; margin-top:10px;}
.in_l .more{
	color:#fff;
	position:absolute;
	top:300px;
	padding:5px 15px;
	background:#336699;
	left: 50px;
}
.in_l .p3{ font-size:22px; color:#336699; font-weight:normal; margin-top:40px;}
.in_l .p4{ font-size:12px;}
.in_l .p5{ margin-top:40px; line-height:1.6; padding-bottom:30px;}
.in_l .more2 img{ margin-bottom:-2px; margin-left:5px;}
.in_l .in_i{ margin-top:60px;}
.in_l2{ float:left; margin-left:30px; border:1px solid #ddd; width:370px; background:#fff;}
.in_l2 .p1{ padding:20px 30px; font-size:16px; font-weight:bold;}
.in_l2 .p2{ padding:25px 30px; font-size:12px;}

.focusBox {
	position:relative;
	width:370px;
	height:325px;
	overflow:hidden;
	font:12px/1.5 Verdana,Geneva,sans-serif;
	text-align:left;
	background:white;
	
}
.focusBox .pic img {
	width:370px;
	height:325px;
	display:block;
}
.focusBox .txt-bg {
	position:absolute;
	bottom:0;
	z-index:1;
	height:36px;
	width:100%;


	overflow:hidden;

	
}
.focusBox .txt {
	position:absolute;
	bottom:0;
	z-index:2;
	height:36px;
	width:100%;
	overflow:hidden;
		
}
.focusBox .txt li {
	height:36px;
	line-height:36px;
	position:absolute;
	bottom:-36px;

}
.focusBox .txt li a {
	display:block;
	color:white;
	padding:0 0 0 10px;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}
.focusBox .num {
	position:absolute;
	z-index:3;
	bottom:8px;
	right:8px;
}
.focusBox .num li {
	float:left;
	position:relative;
	width:18px;
	height:15px;
	line-height:15px;
	overflow:hidden;
	text-align:center;
	margin-right:1px;
	cursor:pointer;
}
.focusBox .num li a,.focusBox .num li span {
	position:absolute;
	z-index:2;
	display:block;
	color:white;
	width:100%;
	height:100%;
	top:0;
	left:0;
	text-decoration:none;
}
.focusBox .num li span {
	z-index:1;
	background:black;
	filter:alpha(opacity=50);
	opacity:0.5;
}
.focusBox .num li.on a,.focusBox .num a:hover {
	background:#336699;
}





/*index news*/
.ind_news{ padding:50px 0; background:#f6f5f2;}
.ind_news .ind_news_t{ margin:20px 0;}
.ind_news .ind_news_t .p2{ float:left; font-size:16px;}
.ind_news .ind_news_t a{ padding:7px 18px; text-align:center; display:block; float:left; border:1px solid #999; border-right:none; background:#f6f6f6; position:relative; overflow:hidden; font-size:12px;}
.ind_news .ind_news_t .a1{ background:#f8a51b; color:#fff; border:1px solid #999; border-left:none;}
.ind_news .ind_news_t a:after{ content:""; position:absolute; top:0; left:-30px; height:100%; width:20px; background:rgba(255,255,255,0.6); transition:0.5s; transform:skew(-30deg);}
.ind_news .ind_news_t a:hover:after{ left:110%;}

.in_m{ margin-top:40px;}
.in_m li{ float:left; width:32%; padding-right:4%;}
.in_m li:nth-child(2){ width:36%; padding:0 4%; border-right:1px solid #ccc; border-left:1px solid #ccc;}
.in_m li:nth-child(3){ padding-left:4%; padding-right:0;}
.in_m li .p1{ font-size:12px; color:#333; margin-bottom:20px;}
.in_m li a{ color:#f8a51b; font-size:16px;}
.in_m li .p2{ text-indent:2em; margin-top:20px; line-height:1.6;}
.in_m li span{ float:right; font-size:12px; margin-top:10px; color:#999;}

/*index Recruitment*/
.ind_rec{ width:100%; height:360px; background:url("../images/gs.jpg") no-repeat center top; padding:70px; color:#fff;}
.ind_rec_m .ind_pro_t{ margin:10px 0;}
.ind_rec_m .ind_pro_t .p1{ float:left;}
.ind_rec_m .ind_pro_t .p1 span{ font-size:18px;}
.ind_rec_m .ind_pro_t .p2{ float:left; font-size:16px;}
.ind_rec_m .ind_pro_t a{ padding:7px 18px; text-align:center; display:block; float:left; border:1px solid #999; border-right:none; background:#f6f6f6; position:relative; overflow:hidden;}
.ind_rec_m .ind_pro_t .a1{ background:#04c0dd; color:#fff; border:1px solid #999; border-left:none;}
.ind_rec_m .ind_pro_t a:after{ content:""; position:absolute; top:0; left:-20px; height:100%; width:20px; background:rgba(255,255,255,0.6); transition:0.5s;}
.ind_rec_m .ind_pro_t a:hover:after{ left:100%;}

.ind_rec_w{ float:left; width:700px; margin-left:100px;}
.ind_rec_w .pp1{ font-size:24px;}
.ind_rec_w .pp2{ margin:40px 0;}
.ind_rec_w .pp3{ float:left; padding:10px 20px; border:1px solid #fff; margin-right:20px; position:relative; overflow:hidden;}
.ind_rec_w .pp3 span{ position:relative; z-index:2;}
.ind_rec_w .pp3:after{ content:""; width:100%; height:100%; position:absolute; left:-100%; top:0; background:#04c0dd; transition:0.5s;}
.ind_rec_w .pp3:hover:after{ left:0;}

/*bottom*/
.bottom{ background:#444; padding:50px 0;}
.bottom .p1{ color:#fff;}
.bottom .bottom_t{ margin:20px 0; color:#fff;}
.bottom .bottom_t .p2{ float:left; font-size:16px; float:left}
.bottom .bottom_t .p3{ float:left; margin-left:50px; color:#aaa;}
.bottom .bottom_t a{ padding:7px 18px; text-align:center; display:block; float:left; border:1px solid #999; border-right:none; background:#f6f6f6; position:relative; overflow:hidden; font-size:12px;}
.bottom .bottom_t .a1{ background:#f8a51b; color:#fff; border:1px solid #999; border-left:none;}
.bottom .bottom_t a:after{ content:""; position:absolute; top:0; left:-30px; height:100%; width:20px; background:rgba(255,255,255,0.6); transition:0.5s; transform:skew(-30deg);}
.bottom .bottom_t a:hover:after{ left:110%;}
.bottom_l{ float:left; width:390px; padding-right:50px; border-right:1px solid #000; margin-top:30px;}
.bottom_l1{ padding:15px 30px; border-bottom:1px solid #5a5a5a;}
.bottom_l1 img{ width:21px; float:left; padding-top:10px;}
.bottom_l1 .bp1{ float:left; margin-left:20px; color:#ddd;}
.bottom_f{ float:right; padding-left:50px; width:810px; margin-top:30px;}
.bottom_f input{ background:none; border:1px solid #5a5a5a; height:40px; line-height:40px; width:400px; padding-left:20px; color:#ccc; font-size:14px; margin-bottom:25px; float:left;}
.bottom_f textarea{ float:right; background:none; border:1px solid #5a5a5a; height:300px; width:320px; padding:20px; color:#ccc; font-size:14px;}
.bottom_f .btn{ width:100px; float:left; padding-left:0; cursor:pointer; color:#fff; background:#f8a51b; position:relative; transition:0.2s; -webkit-transition:0.2s; margin-right:20px;}
.bottom_f .btn:hover{ opacity:0.8;}
.bottom_f span{ line-height:40px; color:#aaa;}


/*footer*/
.footer{ background:#444; padding:20px; font-size:12px; color:#FFFFFF;}
.footer a{ display:block; float:left; margin-left:20px; color:#FFFFFF;}
.footer .pppp{ text-align:center; display:none;}

/**/
.position2{ background-color:#333;}
.position2 .pos1{ line-height: 35px; color: #808080; font-size: 12px; letter-spacing: 1px; text-align: center;}
.position2 .pos1 span{}

.split p{ font-size:11px; background: #262626; text-align: center; line-height:30px; color: #959494; letter-spacing: 1px;}
/*n*/
.n{ background:#f7f7f7;padding:40px 0;}
.n_m{ box-shadow: 0px 0px 5px #ccc;overflow: hidden;background-size: 100% 100%;}
.n_m2{ background: url("../images/info2.jpg") no-repeat top center  #fff;background-size: 100% 100%;}

.about{ width: 85%;margin: 5% auto;text-align: center;font-size: 15px;color: #666;line-height: 2;}
.info-width{ width: 70%;margin: 5% auto;font-size: 13px;color: #666;line-height: 2.5;}
.about p{ margin-bottom: 15px;padding-bottom: 40px;}
.about_i{ max-width:100%;}
.n_m .title2{ margin-top: 77px;text-align: center;letter-spacing: 1px;}
.n_m .title2 .en{ font-size: 14px;color: #333333;margin: 12px 0 20px;text-transform: uppercase;}
.n_m .title2 .cn{ font-size: 24px;color: #333333;}
.n_m .title2 .desc{ height: 3px;background: url("../images/news-line.png") no-repeat center bottom;}

/*product*/
.pro_m{ width:100%;}
.pro_m li { float: left; margin-right: 13px; margin-bottom: 14px; }
.pro_m li img{ width:280px; height:270px;}
.pro_m li:nth-child(4n) { margin-right: 0; }
.pro_m li a { display: block; position: relative; }
.pro_m li a em { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url("../images/pro_m.png") repeat 0 0; -webkit-transition: all .8s; transition: all .8s; opacity: 0; filter: alpha(opacity=0); }
.pro_m li a i { display: block; position: absolute; bottom: 24px; left: 30px; -webkit-transition: all .3s; transition: all .3s; font-size: 16px; color: #fff; font-style: normal; }
.pro_m li a i:before { display: block; position: absolute; left: 0; top: -8px; width: 24px; height: 2px; background: #fff; content: ''; -webkit-transition: all .3s; transition: all .3s; }
.pro_m li a i span { display: block; font-size: 12px; }
.pro_m li a:hover i { color: #f8a51b; bottom: 10%; font-size: 22px; font-weight: bold; }
.pro_m li a:hover i:before { background: #f8a51b; }
.pro_m li a:hover em { opacity: .8; filter: alpha(opacity=80); }

.product{ background:#fff; padding:20px 20px 50px 20px;}
.product img{ max-width:100%;}

.pro_li{ padding:20px; background:#eee; text-align:center;}
.pro_li a{ color:#666;}

/*equipment*/
.equ_ul{ width:800px; margin:40px auto;}
.equ_ul li{ width:250px; float:left; margin-right:25px; margin-bottom:20px;}
.equ_ul li:nth-child(3n){ margin-right:0;}
.equ_ul li a{ display:block; padding:5px; border:1px solid #ddd; position:relative;}
.equ_ul li a:hover{ border:1px solid #336699;}
.equ_ul li img{ width:100%;}
.equ_ul li p{ text-align:center; margin-top:20px; font-size:14px;}
.equ_ul li p a{ color:#666;}

li .cover { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #F8A51B; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .2s ease; transition: all .2s ease; }
li:hover .cover { opacity: .8; filter: alpha(opacity=80); }
li .ico01 { width: 68px; height: 68px; position: absolute; top: 50%; left: 50%; margin-top: -34px; margin-left: -94px; background: url("../images/i5.png") no-repeat center center; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .4s ease; transition: all .4s ease; }
li:hover .ico01 { margin-left: -34px; opacity: 1; filter: alpha(opacity=100); }
li .ico02 { width: 68px; height: 68px; position: absolute; top: 50%; left: 50%; margin-top: -34px; margin-left: 64px; background: url("../images/i6.png") no-repeat center center; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .4s ease; transition: all .4s ease; }
li:hover .ico02 { margin-left: -34px; opacity: 1; filter: alpha(opacity=100); }

/*news*/
.ny-news-top{
    margin: 5% 1% 4%;
}
.ny-news-top .fl{
    width: 34%;
    overflow: hidden;
}
.ny-news-img img{ width:280px; height:200px;}
.ny-news-top .fr{
    width: 64%;
}
.ny-news-txt .news-title{
    font-size: 18px;
    font-weight: bold;
    color: #000;

}
.news-title a{ font-size:18px !important;}
.news-title a:hover{ color:#336699;}
.ny-news-txt .news-desc{
    margin: 5% 0;
    font-size: 13px;
    color: #000;
    text-align: justify;
    line-height: 2;
}
.ny-news-txt .news-more a{
    position: relative;
    display: inline-block;
    padding: 1% 4%;
    font-size: 14px;
    color: #fff;
    text-align: center;
    background: #333;
    overflow: hidden;
}
.ny-news-txt .news-more a span{
    position: relative;
    z-index: 2;
}
.ny-news-txt .news-more a:after{
    content:" " ;
    position: absolute;
    top:0;
    left:-100%;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: #336699;
    transition: all .2s linear;
}
.ny-news-txt .news-more a:hover:after{
    left: 0;
}
.ny-news-list li{
    float: none;
    width: 100%;
    margin: 2% 0;
}
.ny-news-list li a{
    display: block;
    font-size: 16px;
    line-height: 1.2;
    color: #333;
    border-left: 5px solid #e7e7e7;
    background: #fff;
    line-height: 70px;
    padding: 0 5%;
    height: 70px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: all .3s ;
}
.ny-news-list li a:hover{
    color: #fff;
    background: #333;
    border-left: 5px solid #336699;
}

/*joinus*/
.job_ul{ width:100%; color:#666; padding:40px 20px 20px;}
.job_ul li{ margin:0 auto 10px; padding:10px; transition:0.5s; -webkit-transition:0.5s; border:1px solid rgba(0,0,0,0);}
.job_ul li:hover{ border:1px solid #000;}
.job_ul li table{ width:100%; font-size:14px;}
.job_ul li table tr{}
.job_ul li table tr td{ line-height:30px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.job_ul li table tr .td1{ background:#ddd; width:30%; padding-left:20px;}
.job_ul li table tr .td2{ background:#ddd; padding-left:20px;}

/*contact*/
.about_contact{ width: 55%;margin: 5% auto;text-align: center;font-size: 13px;color: #666;line-height: 2;}
.about_contact p{
    margin-bottom: 0;
    padding: 10px;
    background: none;
    border-bottom: 1px solid #eee;
}
.about_contact p.tt{ font-size: 18px; color: #ec5050; font-weight: bold;}

/*---------------------*/
#feedbackForm{ padding:20px;}
.messagetit { font-size: 14px; font-weight: bold; line-height: 30px; height: 30px; }
.messagetarea { padding: 10px; border: 1px solid #dedede; font-size: 16px; line-height: 26px; font-family: microsoft yahei; color: #666; resize: none; width:96%; height: 160px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }
.messagetarea:focus { color: #333; border: 1px solid #15b1ac; outline: none; background: #fff; }
.messageinput { width: 236px; padding: 10px; height: 40px; line-height: 40px; font-size: 14px; border: 1px solid #dedede; margin: 0 5px 0 0; font-family: microsoft yahei; color: #666; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }
.messageinput:focus { color: #333; border: 1px solid #15b1ac; outline: none;  background: #fff; }
.messagebtn { width: 200px; text-align: center; line-height: 50px; height: 50px; font-size: 16px; border: 0; background: #ccc; color: #2d3e50; border-radius: 4px; font-family: microsoft yahei; cursor: pointer; margin-right: 10px; margin-bottom: 30px; }
.messagebtn.btnon { width: 500px; color: #fff; background:#F8A51B; }
.messagebtn:hover { opacity: .8; filter: alpha(opacity=80); }


@media (max-width: 1120px) {
body{ width:100%; max-width:720px; margin:0 auto;}
.top,.search_t{ display:none;}
.m_top{ display:block;}
.banner{ margin-top:0;}
.ind_ab,.ind_pro,.ind_news,.bottom{ padding:20px 0;}
.ind_ab .ind_ab_t,.ind_pro .ind_pro_t,.ind_news .ind_pro_t{ margin:10px 0;}
.ind_ab .ind_ab_t .fr,.ind_pro .ind_pro_t .fr,.ind_news .ind_pro_t .fr{ display:none;}
.ind_ab_m,.ind_pro_ul,.ind_news_m{ margin-top:20px;}
.ind_ab_m1{ width:48%; margin-left:0; margin-bottom:10px;}
.ind_ab_m1:nth-child(2n){ margin-left:4%;}
.ind_ab_m2 .ind_ab_m2p{ padding:15px;}
.ind_ab_m2 .ind_ab_m2p .p1{ font-size:14px;}
.ind_ab_m2 .ind_ab_m2p .p2{ font-size:12px;}
.ind_pro_ul li .ind_pro_d img{ max-width:50%;}
.ind_pro_ul li:nth-child(3),.ind_pro_ul li:nth-child(4){ display:none;}
.ind_tec,.ind_rec{ display:none;}
.ind_news_v{ display:none;}
.ind_news_ul{ float:none; width:100%;}
.bottom_l1,.bottom_l3,.bottom_l4{ display:none;}
.bottom_l2{ width:100%;}
.footer .pppp{ display:block;}
.footer .fl,.footer .fr{ display:none;}
.ip_m .ip_m2{ width:100%; padding:0 4% !important;}
.ip_m .fl{ display:none;}
.ind_hon{ display:none;}
.ind_news .ind_news_t .fr{ display:none;}
.in_m li{ float:none; width:100%; padding:0 4%; margin-bottom:10px;}
.in_m li:nth-child(2){ border:none; width:100%;}
.in_m li .p1{ display:none;}
.bottom{ display:none;}

.m2{ width:100%;}
.n{ padding:0;}
.n_m2{ width:100%;}
.n_m{ width:100%;}
.about{ width:80%; text-align:left; text-indent:2em;}
.pro_m li{ width:48%; margin-right:0;}
.pro_m li:nth-child(2n){ margin-left:4%;}
.pro_m li img{ width:100%; height:120px;}
.svg-wrapper{ width:40% !important; margin:0 10px 0 !important; font-size:12px !important;}
.svg-wrapper svg{ width:100% !important;}
#shape{ display:none;}

.equ_ul{ width:95%; margin:0 auto;}
.equ_ul li{ width:48%; margin-right:0;}
.equ_ul li:nth-child(2n){ margin-left:4%;}
.info-width{ width:95%;}
.ny-news-top .fl{ display:none;}
.ny-news-top .fr{ width:100%;}
.sphidden{ display:none;}
.about_contact{ width:90%; margin:0 auto;}
.job_ul{ padding:0;}
.messagebtn.btnon{ width:200px;}
}