@charset "utf-8";
/* CSS Document */

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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: 'Microsoft YaHei','Hiragino Sans GB',Helvetica,Arial,'Lucida Grande',sans-serif; vertical-align: baseline;}
input,button,a { outline:none;}
body{ background-color:#fff;}
a{ text-decoration:none;}
a img { border: none; text-decoration: none;}
.fl{ float:left;}

#header { height: 89px; width: 100%; border-bottom: 2px #e8e8e8 solid; background-color: #fff;}
.header_nav{ width: 1200px; height:89px; margin:0 auto; border-bottom:1px #e8e8e8 solid; background-color:#fff;}
.header_nav ul li{ float:left; width:115px; height:89px; line-height:89px; text-align:center; font-size:16px; font-weight:bold; list-style-type:none;}
.header_nav ul li a{ color:#000;}
.header_nav ul li.active{ color:#0049ff;}
.header_nav ul li.active a{ color:#0049ff;}
.logo{ float:left; width:386px; height:89px;}


/*焦点图*/
.flexslider { width:1200px; margin: 0px auto ; position: relative; /*width: 100%;*/ height: 452px; overflow: hidden; zoom: 1;}
.flexslider .slides li { width: 100%; height: 100%;}
/*.flexslider .slides a img { width: 100%; height: 452px; display: block;}*/
.flexslider .slides img { width: 100%; height: 452px; display: block;}
.flex-direction-nav a { width: 70px; height: 70px; line-height: 99em; overflow: hidden; margin: -35px 0 0; display: block; background: url(/statics/images/dys/ad_ctr.png) no-repeat; position: absolute; top: 50%; z-index: 10; cursor: pointer; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .3s ease; border-radius: 35px;}
.flex-direction-nav .flex-next { background-position: 0 -70px; right: 0px;}
.flex-direction-nav .flex-prev { left: 0px;}
.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: 5px; text-align: center;}
.flex-control-nav li { margin: 0 2px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a { background: url(/statics/images/dys/dot.png) no-repeat 0 -16px; display: block; height: 16px; overflow: hidden; text-indent: -99em; width: 16px; cursor: pointer;}
.flex-control-paging li a.flex-active,
.flex-control-paging li.active a { background-position: 0 0;}


/*服务*/
.service{ width:100%; margin-top:50px;}
.service h1{ font-size:36px; line-height:38px; color:#363636; font-weight:bold; letter-spacing:5px; text-align:center;}
.service h2{ font-size:18px; line-height:22px; margin:15px 0px; color:#5f5e5e; font-weight:bold; letter-spacing:1px; text-align:center;}
.service .coll{ width:1200px; margin:20px auto;}
.service .coll ul li{ float:left; width:300px; list-style-type:none;}
.service .coll ul li div{ margin:20px 100px;}
.service .coll ul li img { width:100px; height:80px; overflow: hidden; position: relative;}
.service .coll ul li p { font-size:16px; line-height:22px; margin:10px 0px; color:#0a0a0a; text-align:center;}
.service .coll ul li a { cursor:pointer; display: block;}
.service .coll ul li a:hover { opacity:0.7; filter:alpha(opacity=70); /* 针对 IE8 以及更早的版本 */}

/*流程*/
.process{ width:100%; min-width:1200px; margin:20px auto; background-color:#1d88ae;}
.process .con { width:1200px; margin:0 auto; text-align:center;}
.s_header_box {	border-bottom: 1px solid #e2f7fe; padding:20px 0px; margin-bottom: 30px;}
.s_header {	position: relative;}
.s_header h2 { font-size: 30px;	color:#FFF;	font-weight: bold; letter-spacing:2px; text-align:left; margin-left:30px;}
.sub_title,.s_boder { position: absolute; right: 30px;}
.sub_title { bottom: 0;	font-size: 18px; color:#FFF;}
.s_list { width:1230px; margin-left: 30px;}
.s_item {	float: left; width:200px; text-align:center;}
.s_item h3 { font-size:24px; font-weight: bold; color: #FFF;}
.s_item:hover h3 { color:#0030ff;}
.s_item ul { margin-top: 30px;}
.s_item li { font-size: 16px; color: #FFF; line-height: 30px; list-style:none;}
.s_img { height: 120px; float:left;}
.s_bg { background-image:url(/statics/images/dys/02_73.png); background-repeat:no-repeat;}
.s_img:hover { opacity:0.6; filter:alpha(opacity=60); /* 针对 IE8 以及更早的版本 */}
.s_t { float:left; width: 120px; margin: 25px 0px;}

/*产品*/
.pro_list{ width: 1200px; margin: 0 auto;}
.pro_list .con{ width: 1218px; margin-bottom:50px;}
.pro_list .con ul li{ width: 386px; background: #4c4c4c; float: left; margin: 0px 20px 20px 0; list-style-type:none;}
.pro_list .con ul li img{ width: 386px; height: 260px; overflow: hidden; position: relative;}
.pro_list .con ul li p{ font-size: 18px; color: #FFF; margin: 10px 0px; height: 20px; overflow: hidden; line-height: 20px; text-align:center;}
.ellipsis{ white-space:nowrap; text-overflow :ellipsis;}
.pro_list .con ul li div.detail{ width:338px; height:258px; border:#000 4px solid; background-color:#FFF; padding:20px;}
.pro_list .con ul li div.detail h3 { color:#000; font-size:20px; font-weight:bold; text-align:center; margin-bottom:20px; line-height:24px; max-height:48px; overflow: hidden;}
.pro_list .con ul li div.detail h4 { color:#000; font-size:16px; line-height:20px;}
.pro_list .con ul li div.detail p.text { color:#000; font-size:14px; line-height:24px; width:338px; height:170px; text-align:left; /*text-align:justify;*/ word-wrap:break-word; word-break:break-all; overflow:hidden; }
.pro_grids { width: 21%; position: relative; overflow: hidden;
   transition: .5s all;
 	-webkit-transition: .5s all;
	-o-transition: .5s all;
	-moz-transition: .5s all;
	-ms-transition: .5s all;}
.pro_icon { position: absolute; top: 0; left: 0; display: block; background-color: #4c4c4c; width: 100%; height: 100%; transition: .5s all;}
.pro_grids:hover div.pro_icon {	left:-100%;}

.pro_list .more{ width:1200px; font-size:18px; color:#525151; margin-bottom:30px; line-height:20px; text-align:center;}
.pro_list .more a{ color:#525151;}
.pro_list .more a:hover{ color:#1d88ae;}


.footer{ width:100%; min-width:1200px; height:80px; background-color:#171717; padding:50px 0px;}
.footer p { font-size:14px; color:#FFF; text-align:center; line-height:30px;}
.footer p a,
.footer p a:hover{ color:#FFF;}


/*副页概览*/
.container{ width:100%; margin: 0 auto;}

.content{ width:1200px; min-height:480px; margin:20px auto;}

.location{ border-bottom:#e1dede 1px dashed; margin-bottom:30px; background:url(/statics/images/dys/loc.png) no-repeat; height:30px;}
.location span{ font-size:14px; padding:15px 30px; }
.location a{ color:#06F;}
.location a:hover{ color:#09F;}

.con_row{ width:1140px; background:#f3f2f2; float:left; margin-bottom:30px; padding:30px;}

.con_img{ float: left; height: 240px; width: 480px; overflow: hidden; /*border:#CCC 1px solid;*/ }
.con_img img { display: block; max-width: 100%; height: auto;}

.con_text{ float: right; height: 200px; width: 618px; position:relative; }
.con_text .text_inner{ overflow:hidden; padding: 0 0 0 30px;}
.con_text h5 { color:#000; font-size:20px; font-weight:bold; margin-bottom:20px; line-height:24px; overflow: hidden;}
.con_text h6 { color:#000; font-size:16px; line-height:20px;}
.con_text p { color:#000; font-size:14px; line-height:24px; height:120px; /*text-align:left;*/ text-align:justify; word-wrap:break-word; word-break:break-all; overflow:hidden; }
.con_text p.text { color:#000; font-size:14px; line-height:24px; height:170px; /*text-align:left;*/ text-align:justify; word-wrap:break-word; word-break:break-all; overflow:hidden; }
.con_text p span.button{ background:#036ed2; padding:0px 30px; float:right; margin:10px 50px; border-radius:5px; display:inline-block; height:32px; line-height:30px; text-align:center; font-size:14px; color:#FFF;}

.con_row:nth-of-type(even) .con_text { float: left;}
.con_row:nth-of-type(even) .con_text .text_inner { padding: 0 30px 0 0;}
.con_row:nth-of-type(even) .con_img { float: right;}

/*细览*/
.con_detail{ margin:20px 50px; min-height:400px;}
.con_detail_title{ font-size:30px; color:#900; line-height:30px; text-align:center; font-weight:bold; height:50px; border-bottom:#999 1px solid; }
.con_detail_text{ padding:20px; font-size:16px; line-height:24px;}
.con_detail_text img{ max-width:1060px; height:auto;}

/* 分页 */
#pages { padding:14px 0 10px; font-size:12px; text-align: center; }
#pages a { display:inline-block; height:22px; line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 10px}
#pages a.a1 { background:url(/statics/images/admin_img/pages.png) no-repeat 0 5px; width:56px; padding:0 }
#pages a:hover { background:#f1f1f1; color:#000; text-decoration:none }
#pages span { display:inline-block; height:22px; line-height:22px; background:#5a85b2; border:1px solid #5a85b2; color:#fff; text-align:center;padding:0 10px}
.page .noPage { display:inline-block; width:56px; height:22px; line-height:22px; background:url(/statics/img/icu/titleBg.png) repeat-x 0 -55px ; border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }