﻿@charset "UTF-8";
body{ font-size: 14px; font-family: "华文楷体"; line-height: 1.5; color: #666666; }

.content1 {
margin: 0 auto;
width: 1000px;
}
.tit {
margin-top: 90px;
text-align: center;
margin-bottom: 30px;
}

.tit h3 {
font-size: 24px;
color: #333;
}

.mt50 {
margin-top: 50px;
}

.hidden1 {
overflow: hidden;
}

a {
text-decoration: none;
color: #666;
outline: none;
}

.center {
text-align: center;
}

.index_pic { display: block; float: left; height: 310px; margin-bottom: 8px; width: 476px; }
.index_pic div { color: white; float: left; height: 310px; line-height: 310px; text-align: center; width: 238px; font-size: 20px; position:relative}
.index_pic .index_bgcolor1{ background: #cd4e5d; }
.index_bgcolor1 > span { background: none repeat scroll 0 0 #feae4c; height: 310px; left: 0; opacity: 0.9; position: absolute; top: 0; width: 238px; }
.index_pic .index_bgcolor2{ background: #31a8cc; }
.index_bgcolor2 > span { background: none repeat scroll 0 0 #5ebcd9; height: 310px; left: 0; opacity: 0.9; position: absolute; top: 0; width: 238px; }
.index_pic .index_bgcolor3{ background: #79b82b; }
.index_bgcolor3 > span { background: none repeat scroll 0 0 #a0d65c; height: 310px; left: 0; opacity: 0.9; position: absolute; top: 0; width: 238px; }
.index_pic .index_bgcolor4{ background: #5d93e2; }
.index_bgcolor4 > span { background: none repeat scroll 0 0 #cacaca; height: 310px; left: 0; opacity: 0.9; position: absolute; top: 0; width: 238px; }
.index_pic.sp { margin-left: 8px; }
.index_icon a.center{ float: left; height: 180px; padding-top: 20px; width: 150px; display: block; margin-right: 20px; }
.index_icon a.center:hover{ background:#efeff4; }
.index_icon a.index_icon_more { font-size: 16px; height: 180px; line-height: 180px; margin-left: 20px; }
.index_icon img { width: 80px; }
.index_icon a span { font-size: 16px; margin-top: 14px; display: block; }
.index_icon a p{ color: #999999; }
.index_apply { height: 190px; overflow: hidden; 1width: 470px; border: 1px solid #e6e6e6; border-left: none; }
.index_apply_text { padding-left: 210px; }
.index_apply_text h3 { font-size: 20px; margin-bottom: 15px; margin-top: 30px; }
.index_newslist{ border: 1px solid #e6e6e6; height: 220px; overflow: hidden; padding: 20px 40px; width: 380px; }
.index_newslist dt { color: #333; font-size: 20px; margin-bottom: 20px; text-align: center; font-weight: normal;}
.index_newslist dd { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; line-height: 25px; }

.fl {
float: left;
}

a.shenqing {
background: #ff9600;
border-radius: 3px;
color: white;
display: block;
height: 30px;
line-height: 30px;
text-align: center;
width: 100px;
}

.w960 {
width: 960px;
margin: 0 auto;
}

.ml20 {
margin-left: 20px;
}

/*底部*/
#footer { background: #323c41; padding-top: 30px; margin-top:40px; }
.footerwrap dl { border-right: 1px solid #666666; float: left; padding-left: 20px; width: 190px; height:120px; }
.footer dl.first { padding-left: 10px; width: 170px; }
.footer dl.last { border-right: medium none; }
.footerwrap { overflow: hidden; padding-bottom: 25px; }
.footerwrap a { color: #888888; line-height: 28px; }
.footerwrap dd a:hover{ color: #fff}
.footerwrap dt { color: #cbcbcb; padding-bottom: 10px; }
.footerwrap .weixin { float: right; position: relative; width: 170px; }
.footerwrap .weixin img{ left: 0; position: absolute; }
.footerwrap .weixin p { color: #888888; margin-top: 30px; position: absolute; right: 0; width: 57px; }
.footerwrap .footer_text { display: inline-block; float: left; width: 60%; }
.footerwrap .footer_text p { color: #cbcbcb; font-size: 12px; line-height: 20px; padding-left: 10px; }
.footerwrap .weibo { display: inline-block; position: relative; text-align: right; width: 40%; }
.footerwrap .weibo a:hover{ color: #fff}
.footerwrap .footer_text .c5b6369 { color: #5b6369; }

/*caseinsidelist*/
.caseInscont{ margin-top:30px;}
.caseInscont li{ width:312px; background:#fff; box-shadow:1px 1px 8px #aaa; float:left; margin-right:29px; margin-bottom:29px;}
.caseInscont li.third{margin-right:0;box-shadow:1px 1px 8px #aaa; float:left; margin-right:20px; margin-bottom:29px;}
.caseInscont li:hover{opacity:.9; filter:alpha(opacity=90);}
.caseInscont li a span{display:block; color:#767B7E;   font-size:13px; text-indent:1em;}
.caseInscont li a  img{display:block; width:312px; height:196px; }
.caseInscont li a .dept{ height:37px; line-height:37px; border-bottom:1px solid #E9E9E9;}
.caseInscont li a .ars{ height:44px; line-height:44px;}
.caseInscont li a .fr{ color:#5f6468; font-size:14px; font-weight:bold; font-family:arial; width:105px;}
.caseInscont li a .fr i{display:inline-block; width:24px; height:24px; background:url(../Images/prlist_more.png); position:relative; top:7px; margin-left:8px;}

/*产品内页*/
#submen.nofix{position:static;}
.liststyle{width:100%; min-width:1000px; background:#eee; overflow:hidden;}
.liststyle .formtit{ width:1000px;  margin-top:35px;   }
.liststyle .formtit form{background:#fff;}
.liststyle .formtit .fl{ width:121px; height:87px; color:#1E8CDA; font-size:18px; line-height:80px; background:url(../Images/pr_titbg.png) no-repeat;  font-weight:bold;  text-align:center; }
.liststyle .formtit .fr{width:878px; border-right:1px solid #B9C2C7; height:86px; border-top:1px solid #B9C2C7;}
.liststyle .formtit .fr {color:#696969; font-size:12px; font-family:'宋体'}
.liststyle .formtit .fr{}
.liststyle .formtit .fr .top{height:42px; width:878px;  border-bottom:1px solid #B9C2C7;}
.liststyle .formtit .fr .bottom{height:42px; width:878px;  border-bottom:1px solid #B9C2C7;}
.liststyle .formtit .fr  span{line-height:42px; margin-left:15px; position:relative; top:2px;}
.liststyle .formtit .fr .top  span:nth-child(1),.liststyle .formtit .fr .bottom  span:nth-child(1){
	margin-left:20px;
}
.liststyle .formtit .fr  span label{ position:relative; top:-2px; margin-left:4px;}
.liststyle .formresut{margin-top:13px; font-family:'宋体'; font-size:12px;}
.liststyle .formresut .fl{color:#6c6c6c;}
.liststyle .formresut .fl span{color:#1E8CDA;}
.liststyle .formresut .fr a{display:inline-block; width:56px; height:28px; background:#4B5155; border-radius:6px; color:#fff; line-height:30px; text-align:center;}
.liststyle .formresut .fr a.current{background:#1E8CDA;}
.liststyle  .prcont{margin-top:25px; min-height:300px;}
.liststyle  .prcont li{float:left; width:222px; margin-right:34px; margin-bottom:30px;}
.liststyle  .prcont li.fourth{margin-right:0;  margin:12px; border-radius:15px;}
.liststyle  .prcont li .mian{display:block; width:222px; height:222px; background:url(../Images/prlistbg.png) no-repeat;}
.liststyle  .prcont li .mian:hover{opacity:0.9; filter:alpha(opacity=90);}
.liststyle  .prcont li .mian img{width:214px; height:214px;  margin:4px; border-radius:15px;}
.liststyle  .prcont li .despt{margin-top:5px; color:#4b5155; font-size:14px;}
.liststyle  .prcont li .despt .fr  {color:#4b5155; position:relative;top:-6px; font-size:14px; }
.liststyle  .prcont li .despt .fr:hover{color:#1E8CDA;}
.liststyle  .prcont li .despt .fr  i{display:inline-block; width:24px; height:24px; background:url(../Images/prlist_more.png); position:relative; top:6px; margin-left:8px;}
.liststyle  .prcont li .despt .fr.hover  i{background:url(../Images/prlist_more.png) 0 -24px; }
.pager{width:1000px; text-align:center; margin:10px auto 40px;}
.pager a,.pager span{display:inline-block; background:#03B6DD; padding:4px 12px; color:#a1a1a1; background:#fff; margin-left:5px;}
.pager a:hover{background:#1E8CDA; color:#fff;}
.pager span{ color:#fff; background:#1E8CDA;}
.pager li {display:inline-block; background:#03B6DD; padding:4px 12px; color:#a1a1a1; background:#fff; margin-left:5px;}

.wp {
width: 1000px;
margin: 0 auto;
}

.clearfix {
zoom: 1;
}

.fr{ color:#5f6468; font-size:14px; font-weight:bold; font-family:arial; width:75px;float: right;}
.fr i{display:inline-block; width:24px; height:24px; background:url(../Images/prlist_more.png); position:relative; top:7px; margin-left:8px;}

.mp_kind_mod {
padding-bottom: 40px;
border-bottom: 1px solid #e7e7eb;
}

.mp_kind_mod_hd {
padding-bottom: 5px;
padding-top: 14px;
}


.mp_kind_mod_bd {
}

mp_kind_mod_hd h3 {
font-weight: 400;
font-style: normal;
font-size: 20px;
}


.mp_kind_mod_bd:after {
content: "\200B";
display: block;
height: 0;
clear: both;
}

.mp_kind_wrp {
display: inline-block;
_zoom: 1;
_display: inline;
width: 212px;
margin: 0 59px;
}

.mp_kind {
color: #8d8d8d;
}

.mp_kind dt {
padding-top: 10px;
color: #222;
font-size: 16px;
text-align: center;
margin-bottom: 11px;
}

.icon_mp_kind.service {
background: url("../images/wx.png") 0 -177px no-repeat;
}

.icon_mp_kind.subscribe {
background: url("../images/wx.png") 0 -293px no-repeat;
}

.icon_mp_kind.enterprise {
background: url("../images/wx.png") 0 -409px no-repeat;
}

.icon_mp_kind {
width: 106px;
height: 106px;
vertical-align: middle;
display: inline-block;
display: block;
margin: 0 auto 30px;
}

mp_case_mod_bd {
margin-top: 10px;
}

.mp_case_mod_t1 {
font-size: 20px;
font-weight: 400;
font-style: normal;
margin-bottom: 2px;
}

.mp_case_mod_t {
font-size: 20px;
font-weight: 400;
font-style: normal;
margin-bottom: 25px;
}

.mp_case_list {
position: relative;
text-align: center;
}

.mp_case_item {
display: inline-block;
width: 96px;
margin-right: 50px;
text-align: center;
cursor: pointer;
}

.mp_case_item .icon_wrapper {
display: inline-block;
}

.mp_case_t {
padding-top: 4px;
font-size: 14px;
color: #222;
font-weight: 400;
font-style: normal;
}

.icon_mp_case {
display: inline-block;
width: 72px;
height: 72px;
vertical-align: middle;
}

.icon_mp_case.zshyh {
background: url("../images/wx.png") 0 -1017px no-repeat;
}

.icon_mp_case.zshyh.on, .icon_mp_case.zshyh:hover {
background: url("../images/wx.png") 0 -1099px no-repeat;
}


.icon_mp_case.nfhk.on, .icon_mp_case.nfhk:hover {
background: url("../images/wx.png") 0 -935px no-repeat;
}

.icon_mp_case.nfhk {
background: url("../images/wx.png") 0 -853px no-repeat;
}

ul, ol {
padding-left: 0;
list-style-type: none;
}

.mp_case_desc {
position: relative;
margin-top: 15px;
padding: 16px 15px;
}

.default_wrapper {
border: 1px solid #e7e7eb;
}

.mp_case_desc_c {
display: none;
overflow: hidden;
}

.mp_case_desc_c.on {
display: block;
}


.mp_case_desc_img {
width: 320px;
margin-right: 10px;
float: left;
}

.mp_case_desc_img.extra {
margin-right: 20px;
}

.mp_case_desc_text {
margin-right: 10px;
line-height: 2;
}

.case_desc_title {
font-weight: 400;
font-style: normal;
}

.case_desc_title_info {
margin-left: .5em;
color: #44b549;
}

.case_desc_title_info {
margin-left: .5em;
color: #44b549;
}

.mp_case_desc {
position: relative;
margin-top: 15px;
padding: 16px 15px;
}


.default_wrapper .arrow {
position: absolute;
left: 30px;
top: -10px;
}

.default_wrapper .arrow i.arrow_out {
display: inline-block;
width: 0;
height: 0;
border-width: 10px;
border-style: dashed;
border-color: transparent;
border-top-width: 0;
border-bottom-color: #e7e7eb;
border-bottom-style: solid;
}

.default_wrapper .arrow i.arrow_in {
display: inline-block;
width: 0;
height: 0;
border-width: 10px;
border-style: dashed;
border-color: transparent;
border-top-width: 0;
border-bottom-color: #fff;
border-bottom-style: solid;
top: 1px;
}

.default_wrapper .arrow i {
position: absolute;
}

.mycontainer
{
margin-top:50px;
}

.myproductitem
{
   width:30%;
   margin: 10px 3% 10px 0;
	float: left;
	zoom: 1;
}
