@charset "utf-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	text-decoration:none;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
a{ color:#353534;}
/*table {
	border-collapse: collapse;
	border-spacing: 0;
}*/

input{ outline:none;}
body,*{ font-family:"微软雅黑"; transition:all 0.6s;}

.w-1200{ width:1200px; float:left; position:relative; left:50%; margin-left:-600px;}
/*^_^ ^_^ ^_^ ^_^ ^_^ ^_^ ^_^ ^_^ ^_^ ^_^ ^_^ ^_^ header ^_^ ^_^ ^_^ ^_^ ^_^ ^_^ ^_^ ^_^ ^_^ ^_^ ^_^ ^_^ */
body > header{ height:117px; width:100%; box-shadow:0px 2px 6px #a3a7aa; z-index:10; position:relative;}
.logo{ float:left; margin-top:26px;}
.nav-top{ float:right; margin-top:21px;}
.nav-top ul{ float:left; margin-top:8px;}
.nav-top li{ float:left; padding:0 10px; font-size:14px; line-height:14px;}
.nav-top li:first-child{ border-right:1px solid #575757;}
.nav-top li a{ color:#575757;}
.nav-top span{ display:inline-block; height:23px; padding-left:38px; background:url(../images/tel.png) left top no-repeat; font-size:12px; line-height:29px; color:#4d4d4d;}
.nav-top em{ font-size:20px; line-height:29px; color:#4d4d4d; font-family:Franklin Gothic Medium, Arial, Helvetica, sans-serif;}
header nav{ float:right; margin-top:10px;}
header nav .nav{ float:left;}
/*header nav .nav > li{ width:121px; height:23px; margin:20px 0; float:left; border-right:1px solid #dfdfdf; position:relative;}
header nav .nav > li > a{ display:block; width:100%; font-size:16px; padding:20px 0; margin:-20px 0; font-weight:bold; line-height:23px; text-align:center; color:#3d3c3c; background:#fff;}
header nav .nav > li a.on,header nav .nav > li a:hover,header nav .nav > li a:focus{
background: #361f73; 
background: -moz-linear-gradient(left,  #361f73 -1%, #361f73 0%, #361f73 0%, #207cca 0%, #207cca 0%, #361f73 0%, #cd2f50 100%, #207cca 100%, #cd2f50 101%); 
background: -webkit-linear-gradient(left,  #361f73 -1%,#361f73 0%,#361f73 0%,#207cca 0%,#207cca 0%,#361f73 0%,#cd2f50 100%,#207cca 100%,#cd2f50 101%); 
background: linear-gradient(to right,  #361f73 -1%,#361f73 0%,#361f73 0%,#207cca 0%,#207cca 0%,#361f73 0%,#cd2f50 100%,#207cca 100%,#cd2f50 101%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#361f73', endColorstr='#cd2f50',GradientType=1 ); 
 color:#fff;}*/
header nav .nav > li{ width:110px; height:63px; float:left; position:relative; border-bottom:5px; background-clip:border-box;}
header nav .nav > li::after{ height:23px; border-right:1px solid #dfdfdf; content:""; position:absolute; right:0; top:20px;}
header nav .nav > li > a{ display:block; width:100%; font-size:16px; font-weight:bold; height:58px; line-height:58px; text-align:center; color:#3d3c3c; background:#fff;}
header nav .nav > li.on,header nav .nav > li:hover,header nav .nav > li:focus{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#361f73+-1,361f73+0,361f73+0,207cca+0,207cca+0,361f73+0,cd2f50+100,207cca+100,cd2f50+101 */
background-color: #361f73; /* Old browsers */
background-image: -moz-linear-gradient(left,  #361f73 -1%, #361f73 0%, #361f73 0%, #207cca 0%, #207cca 0%, #361f73 0%, #cd2f50 100%, #207cca 100%, #cd2f50 101%); /* FF3.6-15 */
background-image: -webkit-linear-gradient(left,  #361f73 -1%,#361f73 0%,#361f73 0%,#207cca 0%,#207cca 0%,#361f73 0%,#cd2f50 100%,#207cca 100%,#cd2f50 101%); /* Chrome10-25,Safari5.1-6 */
background-image: linear-gradient(to right,  #361f73 -1%,#361f73 0%,#361f73 0%,#207cca 0%,#207cca 0%,#361f73 0%,#cd2f50 100%,#207cca 100%,#cd2f50 101%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#361f73', endColorstr='#cd2f50',GradientType=1 ); /* IE6-9 */
 color:#fff;}

header .z-nav{ width:100%; float:left; background:#eee; display:none; margin-top:5px; position:absolute; z-index:2; transition:none;}
header .z-nav li{ width:100%; height:42px; font-size:14px; line-height:42px; border-bottom:1px solid #ccc; transition:none;}
header .z-nav li a{ color:#575757; display:block; width:100%; height:100%; text-align:center;}
header .z-nav li:hover a,header .z-nav li.on a{ font-weight:bold; background:none !important; color:#575757 !important;}
/*^_^ ^_^ ^_^ ^_^ ^_^ ^_^ ^_^ ^_^ ^_^ ^_^ ^_^ ^_^ banner ^_^ ^_^ ^_^ ^_^ ^_^ ^_^ ^_^ ^_^ ^_^ ^_^ ^_^ ^_^ */
.banner{ width:100%; height:576px; position:relative; transition:none;}
.banner .d1{width:100%;height:576px; position:absolute; top:0; left:0; transition:none;}
/*^_^ ^_^ ^_^ ^_^ ^_^ ^_^ ^_^ ^_^ ^_^ ^_^ ^_^ ^_^ scrollNews ^_^ ^_^ ^_^ ^_^ ^_^ ^_^ ^_^ ^_^ ^_^ ^_^ ^_^ ^_^ */
.scroll-news{ width:100%; height:60px;}
.news-content{ height:27px; padding:17px 0 16px;}
.scroll-news span{ display:block; height:100%; padding-left:34px; background:url(../images/sound.png) left center no-repeat; line-height:27px; color:#1e1e1e; float:left; font-size:14px;}
.scroll-div{ width:476px; height:27px; overflow:hidden; margin-right:14px; float:left; margin-top:0;}
.scroll-div li{ width:100%; height:100%; line-height:100%; font-size:14px; color:#3d3c3c;}
.scroll-div li a{ display:block; color:#3d3c3c; line-height:27px;}
.scroll-div li a time{ float:right;}
.news-more{ display:block; width:113px; height:31px; box-sizing:border-box; border:1px solid #d8d8d8; border-radius:15px; line-height:31px; font-size:14px; color:#535454; font-weight:bold; text-align:center; float:left; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,207cca+0,ffffff+0,dcdcdd+100,207cca+100,cd2f50+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #207cca 0%, #ffffff 0%, #dcdcdd 100%, #207cca 100%, #cd2f50 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#207cca 0%,#ffffff 0%,#dcdcdd 100%,#207cca 100%,#cd2f50 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#207cca 0%,#ffffff 0%,#dcdcdd 100%,#207cca 100%,#cd2f50 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cd2f50',GradientType=0 ); /* IE6-9 */
 margin-top:-3px;}
.scroll-news form{ height:30px; float:right; margin-right:17px; position:relative; top:-4px;}
.scroll-news input[type=text]{ width:180px; border-radius:15px; text-indent:8px; background:url(../images/search.png) center right 5px no-repeat; background-size:22px 18px; border:1px solid #cecece; height:100%; box-sizing:border-box;}
.scroll-news input[type=text]:focus{ width:220px;}
.scroll-news input[type=submit]{ position:absolute; right:5px; top:0px; width:25px; height:30px; opacity:0; cursor:pointer;}
/*^_^ ^_^ ^_^ ^_^ ^_^ ^_^ ^_^ ^_^ ^_^ ^_^ ^_^ ^_^ profile & partner ^_^ ^_^ ^_^ ^_^ ^_^ ^_^ ^_^ ^_^ ^_^ ^_^ ^_^ ^_^ */
.profile{ width:100%; height:422px; background:url(../images/profile-bg.jpg) repeat; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; position:relative;}
.profile .w-1200{ background:url(../images/profile.png) 0px 63px no-repeat; height:100%;}
.profile article{ width:664px; height:301px; position:absolute; top:61px; right:0;}
.passage article header{ margin-left:22px; padding-bottom:22px; background:url(../images/border-bg.png) bottom left repeat-x;}
.passage article h1{ font-size:36px; display:inline-block; font-weight:bold;
background: -webkit-linear-gradient(top,  #cf1469 0%,#c3137b 27%,#32156f 100%,#207cca 100%,#cd2f50 100%); /* Chrome10-25,Safari5.1-6 */
 -webkit-background-clip: text; -webkit-text-fill-color: transparent; line-height:48px;}
.passage article h2{ font-size:48px; line-height:48px; font-family:Impact, Arial, Helvetica, sans-serif; color:#e8e8e8; display:inline-block;}
.passage article h3{ font-size:24px; line-height:34px; color:#7d7d7d; margin-top:5px;}
.passage article p{ font-size:14px; line-height:30px; margin-top:10px; text-indent:28px;}
.profile a{ display:block; box-sizing:border-box; width:129px; height:40px; border:2px solid #e5e5e1; text-align:center; margin-top:50px; line-height:40px; color:#a7a7a7;}
.profile a::before{ content:url(../images/tangle.png); padding-right:4px;}
.profile a::after{ content:url(../images/into.png); padding-left:5px;}
.partner{ width:100%; height:416px; position:relative;}
.partner .w-1200{ background:url(../images/partner.png) right 53px no-repeat; height:100%;}
.partner article{ width:583px; height:305px; position:absolute; top:53px; left:0;}
.partner article header{ margin-left:0;}
.partner a{ display:block; width:121px; height:32px; line-height:32px; font-size:14px; color:#444444; background:url(../images/into-circle.png) center right 12px no-repeat,url(../images/into-bg.png) center no-repeat; text-indent:21px; margin-top:27px;}
/*^_^ ^_^ ^_^ ^_^ ^_^ ^_^ ^_^ ^_^ ^_^ ^_^ ^_^ ^_^ footer ^_^ ^_^ ^_^ ^_^ ^_^ ^_^ ^_^ ^_^ ^_^ ^_^ ^_^ ^_^ */
footer{ width:100%; height:128px; background:#262626;}
.foot-left{ width:682px; height:100%; float:left;}
.foot-left li{ width:100%; height:64px; box-sizing:border-box; font-size:14px; line-height:64px; color:#e1e1e1; white-space:pre;}
.foot-left li:first-child{ border-bottom:1px solid #1b1b1b;}
.foot-left li:last-child{ border-top:1px solid #3d3d3d;}
.foot-left li a{ color:#e1e1e1;}
footer aside{ float:right; margin-top:20px;}
footer aside img{ width:90px; height:90px; float:right; margin-left:14px;}
footer aside p{ text-align:right; float:right; width:50%; display:block; color:#575756; font-size:14px; line-height:26px;}
footer aside p:nth-of-type(1){ color:#878787; font-size:24px; line-height:42px;}
/*^_^ ^_^ ^_^ ^_^ ^_^ ^_^ ^_^ ^_^ ^_^ ^_^ ^_^ ^_^ zy ^_^ ^_^ ^_^ ^_^ ^_^ ^_^ ^_^ ^_^ ^_^ ^_^ ^_^ ^_^ */
.banner-zy{ width:100%; height:250px; background-position:center center; background-repeat:no-repeat;}
.banner-us{ background-image:url(../images/banner-us.jpg);}
.banner-news{ background-image:url(../images/banner-news.jpg);}
.banner-products{ background-image:url(../images/banner-products.jpg);}
.banner-job{ background-image:url(../images/banner-job.jpg);}
.banner-service{ background-image:url(../images/banner-service.jpg);}
.scroll-news .location{ padding-left:26px; background:url(../images/home.png) left center no-repeat; color:#575757;}
.scroll-news .location a{ color:#575757;}

.zy-center{ width:100%; border-top:1px solid #e6e6e6; overflow:hidden; margin-bottom:45px; font-size:14px; font-family:"微软雅黑"; line-height:24px; color:#575757;}
.zy-center nav{ width:220px; float:left; margin-right:74px;}
.left-nav{ width:100%; float:left;}
.left-nav dt{ width:100%; height:75px; line-height:75px; float:left; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#32156f+0,c3137b+27,cf1469+100 */
background: #32156f; /* Old browsers */
background: -moz-linear-gradient(left,  #32156f 0%, #c3137b 73%, #cf1469 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #32156f 0%,#c3137b 73%,#cf1469 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #32156f 0%,#c3137b 73%,#cf1469 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#32156f', endColorstr='#cf1469',GradientType=1 ); /* IE6-9 */
 font-size:28px; font-weight:bold; color:#fff; text-align:center;}
.left-nav li{ width:100%; float:left; border-bottom:1px solid #d7d7d7;}
.left-nav li a{ display:block; width:100%; height:47px; font-size:14px; line-height:47px; color:#575757; text-align:center;}
.left-nav li a::after{ content:">"; float:right; margin-right:22px; transform:scaleY(1.8); line-height:1; margin-top:15px;}
.left-nav li:hover,.left-nav li:focus,.left-nav li.left-hover{ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d7d7d7+0,f4f4f4+20,f4f4f4+80,d7d7d7+100 */
background: #ECEAEA; /* Old browsers */
background: -moz-linear-gradient(top,  #ECEAEA 0%, #f4f4f4 20%, #f4f4f4 80%, #ECEAEA 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ECEAEA 0%,#f4f4f4 20%,#f4f4f4 80%,#ECEAEA 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ECEAEA 0%,#f4f4f4 20%,#f4f4f4 80%,#ECEAEA 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ECEAEA', endColorstr='#ECEAEA',GradientType=0 ); /* IE6-9 */
}
.left-nav li:hover a,.left-nav li:focus a,.left-nav li.left-hover a{ color:#575757; font-weight:bold;}
.left-nav li:hover a::after,.left-nav li:focus a::after,.left-nav li.left-hover a::after{ font-weight:bold; font-size:17px; background-image: -webkit-linear-gradient(top, #cf1469 20%,#c3137b 50%,#32156f 90%); /* Chrome10-25,Safari5.1-6 */ -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.right-center{ width:906px; float:left;}
.right-center h1{ width:100%; height:75px; box-sizing:border-box; line-height:75px; color:#575757; font-size:24px; font-weight:bold; background:url(../images/title-bg.png) left bottom repeat-x;}
.right-center .center-content,.right-center .content-center{ color:#575757; font-size:14px; line-height:24px; margin-top:22px; text-align:justify;}
.prolist .right-center{ width:100%;}
.right-center strong,.right-center b{ font-weight:bold;}

/*----------------------  招聘  ------------------*/
.job{ width:100%; border-spacing:inherit; border-collapse:collapse; margin-bottom:20px;}
.job td{ height:40px; font-size:14px; line-height:40px; text-align:center; border-bottom:1px dashed #d6d6d6;}
.job td a{ color:black; text-decoration:underline}
.job-title td{ border:1px solid #e6e6e6; color:#015099; background:url(../images/job-back.png) repeat;}

.job-content{ font-size:14px; line-height:30px;}
.job-content dt{ width:100%;font-size:14px; line-height:40px; border:1px solid #e6e6e6; color:#015099; padding-left:20px; background:url(../images/job-back.png) repeat;}
.job-content dd span{ margin-right:35px;}
#jc-yao{ margin-top:10px;}
#jc-zhi{ font-weight:bold;}
#jc-add{ margin-top:30px;}

/*----------------------  新闻内容  ------------------*/
.zy-tit{ float:left; width:100%; font-size:18px; line-height:36px; text-align:center; color:#3e3d3d; margin-top: 5px;}
.time{ float: right; width:100%; text-align:center; font-size: 12px; color:#828282; margin-bottom: 5px;}
.time span{ padding:0 10px; }
/*----------------------  新闻列表  ------------------*/
.zy-news-list{ float:left; width:100%; }
.zy-news-list li{ float:left; width:100%; padding-bottom:1px; border-bottom:1px #e3e3e3 dashed; }
.zy-news-list li a{ float:left; display:block; width: 99%; height:18px; padding-top:13px; padding-bottom:13px; text-indent:17px; background: url(../images/news-tit.png) no-repeat 3px 18px; font-size:14px; line-height:18px; color:#3e3d3d; }
.zy-news-list li a:hover{ color:#015099;}
.zy-news-list li a p{ float:left; width:80%; }
.zy-news-list li a span{ float:right; width:19%; text-align:right; }

/*----------------------  产品展示  ------------------*/
.zy-img-list{ float:left; width:100%; overflow:hidden; margin-top:10px; }
.zy-img-list li{ float:left; width:211px; margin: 0 15px; }
.zy-img-list li:nth-of-type(5n){ margin-right:0;}
.zy-img-list li a{ display:block; float:left; width:100%; }
.zy-img-list li a:hover div{ border-color:#1B0B56; }
.zy-img-list li a div{ float:left; width:205px; height:148px; padding:2px; border:1px #e3e3e3 solid; }
.zy-img-list li a img{ width:205px; height:255px; padding:2px; border:1px #e3e3e3 solid; }
.zy-img-list li a p{ float:left; width:100%; font-size:14px; line-height:32px; text-align:center; color:#393939; }

.staff li{ margin:0 8px;}
.staff li:nth-of-type(5n){ margin-right:8px;}
.staff li:nth-of-type(4n){ margin-right:0px;}
.staff li a img{ height:137px;}
/*----------------------  翻页  ------------------*/
.fanye{ float:left; width:100%; padding:10px 0 10px 0; color:#4b4b4b; text-align:center;}
.fanye a{ color:#4b4b4b; }
/*----------------------  上下页  ------------------*/
.list-fanye{ float:left; width:600px; padding:10px 0 10px 0; color:#4b4b4b; }
.list-fanye a{ color:#4b4b4b; }

.prolist table{ margin:10px 0; border-bottom:1px dashed #e6e6e6; width:100%;}
.prolist table tr td{ white-space:break-all; width:100%; padding:5px 0;}
.prolist table a,table b,table span{ display:block; float:left; margin:3px 0;}
.prolist table b{ font-weight:bold;}
.prolist table span{ margin-left:15px;}
.fieldandcss{ padding:0px 15px;}
.changefieldandcss{background:#4598D2;color:#fff;}
.del_jhx{ border:1px solid #0CF; padding:2px; margin:0 5px;}