﻿.about_bg{width:100%; margin:80px auto 0; overflow:hidden; padding:15px 0; background:#f5f5f5;}
.service1{ width:1200px; margin:50px auto 60px; overflow:hidden;}
.service1 h2{width:1200px; font-size:50px; color:#666; margin:40px 0; font-weight:normal;text-align: center;}
.service1 p{width:1200px;  text-align:center;}
.service1 dl{ width:100%;padding:15px 0 10px; overflow:hidden;}
.service1 dl dd{ width:22%; padding:0px 1.5% 15px; border-radius:1px; float:left;text-align:center; overflow:hidden;}
*+html .service1 dl dd{width:24.5%; }
.service1 dl dd strong{ display:block; font-weight:normal; text-align:center;   margin:5px auto 20px;}
.service1 dl dd strong img{ width:80%; max-width:180px; height:auto;}
.service1 dl dd span{ width:100%; text-align:center; margin-bottom:-10px; font-size:16px;  color:#222; }


.about_top{ margin-top:80px;}

.about_top .yingwen{ font-size:50px; text-align:center; text-transform:uppercase; text-align:center; color:#878787; margin:20px 0 15px 0; font-weight:200;}
.about_top .yingwen strong{ color:#7a7a7a}
.about_top .pageTitle1 {
    font-size:30px;
    color: #777; text-align:center; margin:10px 0; font-weight:600; color:#ffc103;
}
.about_top .pslogan {
    color: #666;
    font-size: 20px;
    margin-top: 30px;
    margin-bottom: 40px; text-align:center;
}
.about_top .sublogo{ margin:0 auto; margin-bottom:30px;}
.about_top p{ text-indent:30px; margin-top:30px; font-size:15px}

.mHistory { margin:0 auto; overflow:hidden;
    margin-top: 150px;
    min-width: 1024px;
    margin-top: 70px;
    min-width: 1024px;
}.pageContent .pageTitle1 {
    font-size: 50px;
    color: #666;
}
.pc {
    text-align: center;
}


.mHistory .title,.mPoint .title{font-size: 50px;
    color: #666; margin:20px 0; text-align:center;}
mHistory .mhcon .mh_txt2 .mh2011 {
    cursor: pointer;
    margin: 60px 0px 0px 0px;
    width: 130px;
    height: 45px;
    padding-top: 54px;
    background: url(../images/history2011_hover.png) no-repeat;
}
.mHistory .mhcon p {
    color: #454545;
}
.pr {
    text-align: right;
}.mHistory .mhcon .mh_txt3 {
    width: 285px;
}
.fl {
    float: left;
    display: inline;
}.mHistory .mhcon .mh_txt4 .mh2013:hover {
    background: url(../images/history2013.png) no-repeat;
}
.mHistory .mhcon .mh_txt4 .mh2013 {
    cursor: pointer;
    margin: 85px 0px 0px 72px;
    width: 144px;
    height: 47px;
    padding-top: 62px;
    background: url(../images/history2013_hover.png) no-repeat;
}
.mHistory .mhcon p:hover {
    color: #7e7e7e;
}
.mHistory .mhcon .mh_txt4 .mh2005:hover {
    background: url(../images/history2005.png) no-repeat;
}
.mHistory .mhcon .mh_txt4 .mh2005 {
    cursor: pointer;
    margin: 70px 0px 0px 140px;
    width: 122px;
    height: 40px;
    padding-top: 32px;
    background: url(../images/history2005_hover.png) no-repeat;
}
.mHistory .mhcon p:hover {
    color: #7e7e7e;
}
.pl {
    text-align: left;
}


.mHistory .mhcon .mh_txt4 .mh2006:hover {
    background: url(../images/history2006.png) no-repeat;
}
.mHistory .mhcon .mh_txt4 .mh2006 {
    cursor: pointer;
    margin: 0px 0px 0px 0px;
    width: 122px;
    height: 45px;
    padding-top: 35px;
    background: url(../images/history2006_hover.png) no-repeat;
}.mHistory .mhcon .mh_txt3 .mh2007:hover {
    background: url(../images/history2007.png) no-repeat  center top;
}
.mHistory .mhcon .mh_txt3 .mh2007 {
    cursor: pointer;
    margin: 40px 0px 0px 0px;
    width: 127px;
    height: 57px;
    padding-top: 36px;
    padding-left: 72px;
    background: url(../images/history2007_hover.png) no-repeat center top;
}.mHistory .mhcon .mh_txt2 .mh2008:hover {
    background: url(../images/history2008.png) no-repeat ;
}
.mHistory .mhcon .mh_txt2 .mh2008 {
    cursor: pointer;
    margin: 205px 0px 0px 26px;
    width: 112px;
    height: 55px;
    padding-top: 35px;
    background: url(../images/history2008_hover.png) no-repeat;
}.mHistory .mhcon .mh_txt1 .mh2009:hover {
    background: url(../images/history2009.png) no-repeat;
}
.mHistory .mhcon .mh_txt1 .mh2009 {
    cursor: pointer;
    margin: 35px 0px 0px 78px;
    width: 159px;
    height: 83px;
    padding-top: 43px;
    background: url(../images/history2009_hover.png) no-repeat;
}.mHistory .mhcon .mh_txt1 .mh2010:hover {
    background: url(../images/history2010.png) no-repeat;
}
.mHistory .mhcon .mh_txt1 .mh2010 {
    cursor: pointer;
    margin: 150px 0px 0px 10px;
    padding-top: 50px;
    width: 195px;
    height: 67px;
    background: url(../images/history2010_hover.png) no-repeat;
}


.mHistory .mhcon .mh_txt2 .mh2011:hover {
    background: url(../images/history2011.png) no-repeat;
}
.mHistory .mhcon .mh_txt2 .mh2011 {
    cursor: pointer;
    margin: 60px 0px 0px 0px;
    width: 130px;
    height: 45px;
    padding-top: 54px;
    background: url(../images/history2011_hover.png) no-repeat;
}.mHistory .mhcon .mh_txt3 .mh2012:hover {
    background: url(../images/history2012.png)  no-repeat center top; text-align:center;
}
.mHistory .mhcon .mh_txt3 .mh2012 {
    cursor: pointer;
    padding-top: 3px;
    margin: 0px 0px 0px 70px;
    width: 187px;
    height: 95px;
    background: url(../images/history2012_hover.png) no-repeat center top; text-align:center;
}.mHistory .mhcon .mh_txt3 .h8year span.hover {
    cursor: pointer;
    width: 186px;
    height: 186px;
    background: url(../images/h8year_iconhover.png) no-repeat;
    position: absolute;
    display: block;
}.mHistory .mhcon .mh_txt3 .h8year {
    cursor: pointer;
    margin: 87px 0 0 55px;
    width: 186px;
    height: 186px;
    background: url(../images/h8year_icon.png) no-repeat;
    position: relative;
    display: block;
}.mHistory .mhcon {
   margin:0 auto; overflow:hidden;
    padding-top: 50px;
    height: 590px;
    width: 980px;
    display: block;
    background: url(../images/mhistory_bg.png) no-repeat 0 50px;
}

.mAim {
    background: url(../images/paim_bg.jpg) no-repeat center center;
    height: 420px;
}
.mAimcon {
    width: 1200px;
    height: 360px;
    margin: 0 auto;
    padding: 60px 0px 0px 90px;
}.mAimcon span {
    width: 300px;
    display: inline-block;
    font-size: 35px;
    line-height: 40px;
    color: #000;
    padding-bottom: 100px;
}.mAimcon p {
    color: #fff;
    background: url(../images/aim_titlebg.png) no-repeat center top;
    width: 300px;
    height: 224px;
    padding-top: 66px;
    text-align: center;
    float: left;
    margin-right: 65px;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    transition: all .2s ease-out;
}




.List1_1 { width:1200px; overflow: hidden; margin:30px auto 0;}
.List1_1 li { float: left; overflow: hidden;width: 33.2%;margin-right: 0.07%;}
.List1_1 li img{ width:100%; height:auto;}


.mPoint {
    padding-top: 50px;
    width: 100%;
    margin: 0 auto;
    min-width: 1024px;
}
.mPoint .mpwrap {
    width:900px;
    height: 430px;
    margin: 0 auto;
}

.mPoint .mpwrap .mpcon1 {
    width: 900px;
    height: 430px;
    background: url(../images/manro_viewbg1.png) no-repeat center top;
    display: block;
    position: absolute;
    z-index: 20;
}
.mPoint .mptxt {
    color: #454545;
    padding:20px 0 50px 0;
}.red {
    color: #ff4a00;
}


.plwrap .plistContent {
    /* padding-top: 120px; */
    min-width: 1200px;
}

.plwrap .plistContent #casecon .casenav {
    font-size: 15px;
    color: #b0b0b0;
    margin: 0 auto;
    width: 1200px;
    height: 24px; overflow:hidden;
}
.plwrap .plistContent .pc {
    text-align: center;
}
.plwrap .plistContent #casecon .caselist .case_li p {
    text-align:center;
    padding: 0 20px;
    font-size: 16px; line-height:2.5em;
    color:#333;background-color: #f3f3f3;
}
.plwrap .plistContent #casecon .caselist .case_li a:hover p{color: #e83828;}
.plwrap .plistContent #casecon .caselist .case_li {
    background-color: #fff;
	margin:0 3% 0 0;
    width:22%;
    float: left;
    margin-top: 36px;
    position: relative;
}
.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

.plwrap .plistContent #casecon .caselist .case_txt {
    padding: 20px 0;
    left: -1px;
    bottom: -1px;
    width: 100.6%;
    background-color: #f3f3f3;
}

 .caselist { width:100%; height:auto; overflow:hidden;}
 .caselist .case_li .blackbg img {
}
.caselist .case_li:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
 .caselist .case_li img {
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}
 .caselist .case_li img {
    width: 100%; height:auto;
}

.casenav li {
    float: left;
    padding: 0px 20px 0px 20px;
    height: 22px;
    border-right: 1px solid #b0b0b0;
}

 .casenav li.selected a {
    color: #E83828;
    padding-bottom: 1px;
    border-bottom: 1px solid #E83828;
}
.plwrap .plistContent #casecon {
    width: 1200px;
    margin: 0px auto;
    padding-top: 30px;
}
.caselist .case_li .blackbg {
    width:100%;
    display: block;
    overflow: hidden;
}
.caselist .case_li span {
    width: 80%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 12px;
    color: #767676;
    display: block;
    padding-left: 20px;
}
 .case_moreline:hover {
    background-color: #989898;
}
 .case_moreline {
    color: #fff;
    font-size: 16px;
    background-color: #c2c2c2;
    width: 1000px;
    margin: 0 auto;
    text-align: center;
    height: 40px;
    line-height: 40px;
    margin-bottom: 80px;
    margin-top: 80px;
    display: block;
}
.caselist .case_li p {
    text-align: left;
    padding: 0 20px;
    font-size: 16px;
    color: #e83828;
}
.bottomhy{ margin-top:70px; background:#f0f0f0;}
.bottomhy .left{ width:69%; float:left; padding:23px 0; background:url(../images/message.png) no-repeat 30px center;  text-indent:140px; color:#000; }
.bottomhy .left p{font-size:20px;}  .bottomhy .tel{ font-size:30px; margin:15px 0 0 210px; color:#fd7605; font-weight:600;}
.bottomhy .right{ float:right; width:20%;background:#3F525A; padding:15px 0; font-size:20px; color:#fff; text-align: center; margin:30px 30px 0 0;}
.bottomhy .right a{color:#fff;} /*lcadd*/
.prodetail_h1{ width:auto; display:table; font-size:35px; line-height:2em; overflow:hidden; margin:70px auto 0; text-align:center; background:url(../images/line.jpg) no-repeat center bottom;}
.prodetail_top{ width:1200px; margin:0 auto; overflow:hidden;margin-top:40px;}
.prodetail_top_right{ width:520px; float:right}
.prod_rela { line-height: 22px; max-height: 44px; margin-bottom: 15px; margin-top: 10px; color: #666; overflow: hidden; }

.prod_cap { margin-bottom: 15px; padding-bottom: 10px; padding-top: 8px; font-size: 15px; }
.prod_cap p{ font-size:14px;}
.prod_cap strong { color:#FD7C3A; }

.prodTitle { font-size: 22px; height: 30px; line-height: 30px; overflow: hidden; color: #333; }



/*prodetail*/
.prod_fw strong { font-size: 18px; height: 30px; line-height: 30px; overflow: hidden; color: #333; clear:both; width:100%; display:block; } /*lcedit*/
.prod_fw span{ font-weight:600;}
.prod_fw p { line-height: 22px;  margin-bottom: 15px; margin-top: 10px; color: #666; overflow: hidden; }
.prodTitle { font-size: 22px; height: 30px; line-height: 30px; overflow: hidden; color: #333; }
.prodTitle2 { font-size: 28px; }

#pro_tj_lx { width: 100%; margin-top:5px; overflow: hidden; }
#pro_tj_lx_tel{ width:100%; overflow:hidden;}
#pro_tj_lx_tel  p {
    background: url(../images/dianhua.gif) no-repeat left 5px;
    font-size: 14px;
    padding: 1.5% 1% 2% 9%;
    text-align: left;
    float: left;
    width: auto;
}
#pro_tj_lx_tel  span {  font-weight: bold; margin-right: 8px; margin-top:1%; float:left; width:auto; font-size:34px;color:#006ECF; }
#pro_tj_lx a { width:48%;line-height:3em; color: #fff; font-size: 16px; display: inline-block; text-align: center; font-weight: bold;}
#pro_tj_lx a.line-zixun { background:#fedd04; color:#000; float:left;}
#pro_tj_lx a img{ vertical-align:middle; margin-right:5px; width:35px; height:auto;}
#pro_tj_lx a.line-order { background:#222; float:right;}
 .prodetail_title{ width:1200px; margin:0 auto; overflow:hidden; border-bottom:#d8d8d8 1px solid; margin-top:50px; margin-bottom:35px;  position: relative;}
 .prodetail_title h3{ font-size:30px; color:#000; border-bottom:#ffc103 3px solid;
    float: left;
    height: 42px;}
.advantage,.Process{ width:1200px; margin:0 auto; overflow:hidden}   .advantage{ margin-bottom:50px;}
.advantage h4{ font-size:18px; color:#EA9F06;}  .advantage p{ color:#777 ;margin:15px 0 15px 0;}
.advantage  .ad_left{ float:left; width:46%;}
.advantage  .ad_right{ float:right; width:46%;}

.application{ background:#f5f5f5; width:100%; margin:0 auto; overflow:hidden; padding:25px 0;}
.application h3{ font-size:36px; margin:0 auto; overflow:hidden; text-align: center; padding-bottom:40px; padding-top:5px; }
.application ul{ width:1200px; margin:0 auto; overflow:hidden;}
.application  li{ width:17%; float:left; margin-right:3%; text-align:center; font-size:14px;}  .application  li img{ width:100%; height:auto; margin-bottom:8px;}
.Process .right{ width:45%;  float:right;text-indent:30px; line-height:27px; margin-top:30px;}
.Process .left{ width:43%;float:left;}  .Process .left img{   height:auto}

.jieshao{ background:#f5f5f5; width:1140px; margin:0 auto; overflow:hidden; padding:20px 30px; margin-top:50px;}  
 blockquote {line-height: 25px; font-size:14px;}
q::before{ content:"\201C";  font-family:Georgia, "Times New Roman", Times, serif; font-weight:600; padding-right:5px;font-size:35px;color:#FD7C3A; }
q::after { content: "\201D";  font-family:Georgia, "Times New Roman", Times, serif; font-weight:600;padding-left:5px;font-size:35px;color:#FD7C3A; }
.data{ width:1200px; margin:0 auto; overflow:hidden; margin-top:40px; }
.data table {
    border: #d8d8d8 1px solid;
    border-collapse: collapse;
    margin-top: 10px;
    margin-bottom: 15px;
    width: 100%;
    float: left;
}
.data table td { padding: 3px 0; line-height: 25px; border: #ccc 1px solid; text-align: center; }

/*焦点图*/
.focus{ position:relative; width:620px; height:410px; float:left; overflow:hidden;}  
.focus img{ width: 100%; height:auto;} 
.focus .shadow .title{width: 260px; height: 65px;padding-left: 30px;padding-top: 20px;}
.focus .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; }
.focus .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;} 
.focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }  
.focus .btn a:hover,.focus .btn a.current{  cursor:pointer;background:#fc114a;}  
.focus .fPic{ width:100%; left:0px; top:0px; }  
.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;  }  
.focus .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:80px; line-height: 80px; background:rgba(0,0,0,0.6);    
filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block;  text-align:left; }  
.focus .shadow a{ text-decoration:none; color:#fff; font-size:20px; overflow:hidden; margin-left:10px; font-family: "\5FAE\8F6F\96C5\9ED1";}  
.focus .fcon{ position:relative; width:100%; float:left;  display:none; background:#000  }  
.focus .fcon img{ display:block; }  
.focus .fbg{bottom:12px; left:40px; position:absolute; height:21px; text-align:center; z-index: 200; }  
.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:16px}    
.focus .D1fBt a{position:relative; display:inline; width:16px; height:16px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:rgba(255, 51, 0, 0.32);border-radius: 10px; }    
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#FF3300;}    
.focus .D1fBt img{display:none}    
.focus .D1fBt i{display:none; font-style:normal; }    
.focus .prev,.focus .next{position:absolute;width:40px;height:74px;background: url(../images/focus_btn.png) no-repeat;}
.focus .prev{top: 50%;margin-top: -37px; left: 0;background-position:0 -74px; cursor:pointer; }  
.focus .next{top: 50%;margin-top: -37px; right: 0;  background-position:-40px -74px;  cursor:pointer;}  
.focus .prev:hover{  background-position:0 0; }  
.focus .next:hover{  background-position:-40px 0;}  


.list_img{
	width:100%; margin:0 auto; overflow:hidden; padding:30px 0; background:#f5f5f5;
	margin-top:70px;
}
.list_img ul{width:1200px; margin:0 auto; overflow:hidden;}
.list_img h3{ font-size:36px; text-align:center; margin:10px 0 40px 0; color:#000/*#fd7605*/}
.list_img h4{ font-size:28px; text-align:center}
.list_img p{ font-size:20px; text-align:center; margin:30px 0;}
.list_img li{
	float:left;
	margin-right:3%;
	position:relative;
	width:22%;
	margin-bottom:30px;
}
.list_img li img{
	display:block; width:100%; height:auto; border-radius:5px;
}
.list_img li span{
	position:absolute;
	top:0;
	z-index:9;
	left:0;
	bottom:0;
	width:100%;
	text-align:center;
	padding-top:80px;
	background:#000;
	color:#fff;
	border-radius:5px;
	filter: alpha(opacity=0);
	opacity:0;
}
.list_img li a:hover span{
	transition: opacity 400ms ease-in-out;
	filter: alpha(opacity=80);
	opacity: 0.8;
}


.attention{ margin-bottom:20px; line-height:28px;} 
.left_form2 { width:60%; overflow: hidden; float: left; border-right:#d8d8d8 1px solid; padding:0px 3% 20px 0; }
.left_form2 h3 { font-size: 16px; border-bottom: #d8d8d8 1px solid; margin-bottom: 5px; padding-bottom: 7px; margin-top: 20px; }
.left_form2 form {  overflow: hidden; }
.left_form2 ul li { height: 45px; line-height: 45px; margin-bottom: 5px; overflow: hidden; }
.left_form2 ul li.message { height: 130px; position: relative; _height: 138px; }
.left_form2 ul li span { display: block; width: 128px; text-align: right; margin-right: 10px; float: left; font-size: 14px; line-height:50px;}
.left_form2 ul li input.intxt { width:68%; margin: 5px 0 2px; border: 1px solid #D9D9D9; border-top: 1px solid silver; line-height: 32px; height: 32px; color: #999; padding: 0 4px; overflow: hidden; }
.left_form2 ul li textarea { border: 1px solid #CCC; width: 68%; height: 100px; margin-bottom: 0; line-height: 20px; margin: 6px 0 0; padding: 4px; color: #999; resize: none; }
.left_form2 .btnclick { padding-left: 140px; overflow: hidden; }
.left_form2 .btnclick input { display: block; width: 130px; height: 44px; line-height:44px; text-align: center; color: white; float: left; margin-right: 15px; cursor: pointer; font-size: 16px; overflow: hidden; }
.left_form2 .btnclick input.btn_submit { background: #006AB3; border: 0; }
.left_form2 .btnclick input.btn_reset { background: #454545; border: 0; }

.right_sol{ float:right; width:35%; overflow:hidden}
.right_sol h4{ font-size:20px; margin:0px 0 20px 20px;}  .right_sol ul{ width:100%; overflow:hidden;}
.right_sol li{ width:45%; margin-left:5%!important;margin-left:30px; margin-bottom:5%!important;margin-bottom:30px;float:left}   .right_sol li img{ width:100%; }
.right_sol li p{ line-height:2em; height:2em;white-space:nowrap; text-align:center; overflow:hidden;text-overflow:ellipsis;}


.clla_a{
	padding:25px 0;
	border:1px solid #d6d6d6;
	overflow:hidden;
	background:#fff;
	margin-top:20px;
	display:block
}
.clla_a:hover{
	background:#f2f2f2}
.clla_al{
	width:118px;
	text-align:center;
	color:#999999;
	float:left
}
.clla_al p{
	color:#35383f;
	font-size:48px;
	font-weight:bold;
	font-family:"黑体";
	line-height:48px;
}
.clla_ar{
	float:left;
	color:#7f7f7f;
	width:1030px;
	height:70px;
	overflow:hidden;
	line-height:20px;
}
.clla_ar p{
	color:#333333;
	font-size:18px;
	line-height:30px
}
.clla_ar p font{font-size:18px;}


/*solution*/
.list-solution{   margin-top:60px; margin-bottom:10px;}
.list-solution dl{ width:47%; float:left; margin:0 3% 4% 0; height:180px; overflow:hidden;}
.list-solution dl dt{ float:left; width:44%; height:auto;}  .list-solution dl dt img{ width:100%; height:auto}
.list-solution dl dd{ float:right; width:54%;  margin:0}
.list-solution dl dd a{ font-size:18px; display:block; line-height:24px; margin:6px 0 10px 22px;}
.list-solution dl dd p{ color:#999; margin:0 0px 20px 22px;}
.list-solution dl dd a.more2{ border:2px solid #383842; color:#383842; padding:4px 30px; margin:0 0 0 22px; display:inline-block; font-size:14px; text-transform:uppercase;}
.list-solution dl dd a.more2:hover{ background:#fee600; border:3px solid #fee600; color:#000;}


/*contact*/

.contact{  margin-top:50px; margin-bottom:40px; background:url(../images/map_img.jpg) no-repeat center 60px; }
.contact p{ margin-bottom:15px; text-indent:2em;}
.contact-info{ float:left; width:35%; margin-top:280px;}
.contact-info h2{ font-size:24px; margin-bottom:30px; color:#000}
.contact-info p{ margin-bottom:20px; color:#333; text-indent:0;}
.contact-info p.address{ background:url(../images/address.png) no-repeat 2px center; padding-left:28px;}
.contact-info p.tel{ background:url(../images/phone.png) no-repeat left center; padding-left:28px;}
.contact-info p.tel span{ font-size:22px; color:#FD7C3A; font-weight:bold;}
.contact-info p.fax{ background:url(../images/fax2.png) no-repeat left center; padding-left:29px;}
.contact-info p.email{ background:url(../images/email.png) no-repeat left center; padding-left:31px;}
.contact-info p.email a{ font-size:18px; color:#FD7C3A; text-decoration:underline;}
.contact-info p.email a:hover{ color:#fe3c00; text-decoration:underline;}
.contact-info p.online{ margin-top:20px;}
.contact-info p.online a{ background:url(../images/chat.png) no-repeat 25px center #2095F2; color:#fff; width:130px; height:46px; line-height:46px; display:block; font-size:18px; padding-left:72px;}
.contact-info p.online a:hover{ background:url(../images/chat.png) no-repeat 25px center #19273b; padding-left:72px;}
.map{ margin-bottom:20px; overflow:hidden; width:100%;}


/*--- respond ---*/
#respond { width:58%; float:right;border-left:1px solid #ddd; padding-left:50px; margin-top:280px; }  #respond h4{ font-size:22px;}  #respond p{ text-indent:0;}
#respond h4 { margin-bottom: 30px; color:#000; font-size:24px; }
#respond .c-note { margin-bottom: 20px; color: #333; }
#respond .c-note span {color: #e5091c; }
#respond .comments-form p { margin-bottom: 30px; }
#respond .comments-form p .required { display: none; }
#respond .comments-form p #txtname,
#respond .comments-form p #txtemail,
#respond .comments-form p #txttel { height: 40px; padding-left: 20px; width:94%; line-height:40px; background:#fff; color:#666; border:#d8d8d8 1px solid}
#respond .comments-form p #txtname:focus,#respond .comments-form p #txtemail:focus,#respond .comments-form p #txttel:focus {border-color: #e5091c; }
#respond .comments-form p #txtcontent { height: 150px; padding: 15px 20px; width: 90%;border: 1px solid #d8d8d8;background:#fff;color:#666; }
#respond .comments-form p #txtcontent:focus { border-color: #e5091c; }
#respond .form-submit .buttons {background:#19273b; font-size: 16px; padding:12px 80px;color: #fff; border: none; position: relative; cursor:pointer;}   #respond .form-submit button:hover{ background:#000}
.col-md-7 {width:45.8%; position: relative;min-height: 1px;padding-right:25px; float:left}

.caseh1{ font-size:28px;text-align: center; border-top:#d8d8d8 1px solid;margin:25px 0; padding-top:30px;}
.case{margin-top:30px;}

.caseMain_ab{ width:100%; height:auto; overflow:hidden; border-top:1px solid #e4e4e4; margin-top:30px; }
.case_detail{ width:1200px; margin:0 auto; height:auto; overflow:hidden; }
.case_detail h2{  font-size:20px; color:#353535;padding:10px 0px;}
.case_detail p{ line-height:25px;  font-size:14px; color:#2c2c2c; margin-bottom:3px;}.Cdetail p strong{ color:#2c2c2c;}
.case_fan{ width:100%; height:auto; overflow:hidden; padding:7px 0px;}
.mao1{ display:inline-block; width:26px; height:32px; background:url(../images/yh-left.jpg) 0 no-repeat;}
.mao2{ display:inline-block; width:26px; height:32px; background:url(../images/yh-right.jpg) 0 no-repeat;}

/*case_list*/
.xg_case{ padding-top:10px; width:1200px; margin:0 auto; height:auto; overflow:hidden; }
.xg_case h2 {
    font-family: 微软雅黑;
    font-size: 30px;
    padding: 20px 0px 30px;
    width: 1200px;
    margin: 0px auto; color:#000;
}
.xg_case ul{ height:auto; overflow:hidden;}
.xg_case li{ float:left; width:30%; height:auto; margin: 0 3% 1% 0!important;margin: 0 2% 1% 0;}
.xg_case li > a,.xg_case ul li a,.xg_case ul li > a{ display:block;  }
.xg_case li > a img,.xg_case ul li a img{ width:100%; height:auto; margin-bottom:3%}
.xg_case ul li > a img{ width:100%; height:auto;}
.xg_case li > a :hover,.xg_case ul li a :hover{ background:#CCC;filter:alpha(opacity=80);opacity:0.8; -moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8; color:#000000;}
.hr1 {border: 0; background-color: #e4e4e4; height: 1px; margin: 35px 0px 45px 0px;}
.hr2 {border: 0; background-color: #e4e4e4; height: 1px; margin: 35px 0px 5px 0px;}

.service{ margin-top:60px; background:url(../images/kefu1.jpg) no-repeat center bottom; padding-bottom:300px;}
.service .title h3{line-height: 88px;color: #212121;text-align: center; font-size: 48px; text-align:center;}  
.service .title  p{ color:#000;line-height: 29px;text-align:center; font-size: 24px;position: relative;}
.weixiu  ul{ width:35%; margin:0 auto; overflow:hidden; margin-bottom:20px; margin-top:40px;}
.weixiu  li{    background: #fedd04;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;  padding:45px 15px; float:left; text-align:center; width:20%; margin-right:8%;font-size:20px}
.hr3 {
    border: 0;
    background-color: #fff ;
    height: 1px;
    margin: 5px 0px 5px 0px;
}


.weixiu{ width:100%; margin:0 auto; overflow: hidden;height:440px;background: #f2f2f2 /* url(../images/map.jpg) no-repeat center 150px*/; background-size: cover; padding-top:80px;}
.weixiu .title  { width:1200px; margin:0 auto; text-align: center}
.weixiu .title h3{
    line-height: 88px;
    color: #212121;
    text-align: center;
    font-size: 48px;}
.weixiu  .title h4{
    color: #212121;
    line-height: 29px;
    text-align: center;
    font-size: 24px;
    left: 365px;
    margin-top: 3px; margin-bottom:15px;}
.tixi{ width:100%; margin:0 auto; overflow:hidden; height:400px; background:url(../images/serverbg.jpg) no-repeat center bottom; margin-top:50px;}
.tixi .title {  width:1200px; margin:0 auto; text-align: center}  .tixi .title  h3{
    line-height: 88px;
    color: #212121;
    text-align: center;
    font-size: 48px; margin-top:30px;}
.tixi .title p{}
#respond .comments-form p #fromname, #respond .comments-form p #txtemail, #respond .comments-form p #lianxi {
    height: 40px;
    padding-left: 20px;
    width: 94%;
    line-height: 40px;
    background: #fff;
    color: #666;
    border: #d8d8d8 1px solid;
}

#respond .comments-form p #note {
    height: 150px;
    padding: 15px 20px;
    width: 92%;
    border: 1px solid #d8d8d8;
    background: #fff;
    color: #666;
}
.caselist .case_li .blackbg{
    padding-top: 75%;
    position: relative;
}
.caselist .case_li .blackbg img{
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.list-solution dl dd p{
    line-height: 1.5;
}