/*public*/
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,div,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0 auto; padding:0; text-align:center;}
body {margin:0px auto; padding:0; border:0px; font-family:"Source Han Sans","Microsoft Yahei",Arial, Verdana, sans-serif; font-weight:normal; -webkit-tap-highlight-color:rgba(0,0,0,0);color:#333;}
html,body {width:100%; height:100%; position:relative; background:#fff;}
div {margin:0px auto; padding:0px; border:0px; }
ul,ol,li {margin:0px; padding:0px; border:0px; list-style-type:none;}
address,cite,dfn,em,var{font-style:normal;}
img {border:0px; margin:0 auto; padding:0px; width:100%; height:auto; display:block;}
object {border:0px; margin:0px; padding:0px;}
button,textarea{font-size:1rem; font-family:"Source Han Sans","Microsoft Yahei",Arial, Verdana, sans-serif; -webkit-appearance:none; outline:none;}
/*button,select,textarea{font-size:1rem; font-family:"Source Han Sans","Microsoft Yahei",Arial, Verdana, sans-serif; -webkit-appearance:none; outline:none;}*/

small { font-size:0;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
a:link,a:visited {text-decoration:none; -webkit-transition:all 200ms ease-in-out; -moz-transition:all 200ms ease-in-out; -o-transition:all 200ms ease-in-out; transition:all 200ms ease-in-out; -ms-transition:all 200ms ease-in-out;}
a:hover,a:active{text-decoration:none;}
a:focus, *:focus {noFocusLine: expression(this.onFocus=this.blur());}

/*input {border:0; outline:none; filter:chroma(color=#000000); border:none; color:#333;}*/

.clear{clear:both;}
.over {overflow:hidden;}

.gray { 
-webkit-filter: grayscale(100%); 
-moz-filter: grayscale(100%); 
-ms-filter: grayscale(100%); 
-o-filter: grayscale(100%); 
filter: grayscale(100%); 
filter: gray; 
}
.blank_1{ width:80%; height:1rem; clear:both;}
.hide{ display:none}
.black_zt_24{ color:#333; font-size:2.4rem; text-align:left;}
.line_hui{clear:both; margin:2rem; border: dashed 1px #CCC}
.line_hui2{clear:both; margin:0rem; border: dashed 1px #CCC}
.bg_hui{ background:#f2f2f2}
.white3{ color:#FFF; font-size:1.6em}
.hui12{	font-size:1.2em;margin:0;font-weight:300;color:#666;text-transform:uppercase;text-align:center;	}
.hui16{	font-size: 1.6em;margin:0;font-weight:300;color:#333;text-transform:uppercase;text-align:center;}
.blue14{font-size: 1.3em;margin:0;font-weight:700;color: #F60;text-transform:uppercase;	text-align:center;}
.hui2em{font-size:2em;margin:0;	font-weight:300;color:#333;	text-transform:uppercase;text-align:center;	}
.green{ color:#690}	
.blue{ color:#06C}	
.hui18{ font-size:1.1em; color:#666;}
.bluetxt{ color:#06C}
.black_14{ font-size:1.4rem; color: #333}
.red20_w{ color:#C00; font-size:5rem; font-weight:700}
.phone_fa_lxfs{ font-size:2rem; color:#C00; line-height:3.5rem; font-weight:600;}



/*::-webkit-scrollbar{display: none;}*/
 .edgeLoad-EDGE-20782931 { visibility:hidden; }

/*方案新增样式*/
.fa_zxrx{position: absolute; z-index:2; font-size:1.4rem; color:rgba(255,255,255,1); right:50px; top:15px; }
.case_top {background:url(../images/bg_pro_mspf.jpg) no-repeat top center  ; background-size:100%; background-color:#999}
.case_top_txt {float:left; width:57%; padding:2rem 0% 2rem 3%; font-size:1.2rem; line-height:2em; color:#fff; text-align:left;}
.case_top_txt span{ font-weight:bold; }
.case_top_ggy {padding:2% 0; font-size:1.8rem; color:#000;}



/*首页新增样式*/
.index_cpzs_bt{width:100%; float:left; text-align:center;  font-size:1.4rem; color:#666; letter-spacing:2px}

.index_cpzs_bt1{width:auto;display:inline-block;float:none;background:#222c38;text-align:center;  font-size:1.4rem; color:#fff; letter-spacing:2px;margin-top:-1%;padding:0.5% 2%;}

.index_cpzs_bt img{width:40px;display:inline;margin-right:10px;position:relative;top:6px;}
.index_cpzs_bt span{ color:#000; font-size:3.0rem; line-height:5rem;}
.index_cpzs_bt1 span{color:#fff;font-size:2.0rem; line-height:3rem;}
.index_cpzs{width:18%; margin:2rem 1%; border:solid 2px #CCC; display:inline-block; padding:2% 0%;box-sizing:border-box;}
.index_cpzs1{width:18%; margin:2rem 1%; display:inline-block; padding:2% 0%;box-sizing:border-box;}
.index_cpzs li{width:96%; padding:2%; font-size:1rem}
.index_cpzs li img{ width:80%; height:auto}
.index_cpzs .bt{ font-size:1.6rem; font-weight:bold}
.index_cpzs1 .bt{ font-size:1.0rem; font-weight:bold}
.index_cpzs1 li img{ width:60%; height:auto}
.index_cpzs_box{ width:80%; margin:0 auto;}
.index_cpzs:hover {
	border:solid 4px #f00;
}
.index_jjfa{width:17%; margin:2rem 10px; border:solid 1px #CCC; float:left; padding:2% 15px; background:#FFF}
.index_jjfa li{width:96%; padding:2%; font-size:1.4rem}
.index_jjfa li img{ width:100%; }
.index_morebtn{background:#C00; width:120px; color:#FFF; border-radius:20px; padding:8px; margin-top:20px,float:none;}
.member-info .index_morebtn{background:#C00; width:120px; color:#FFF; border-radius:20px;position:absolute;bottom:1%;left:50%;margin-left:-60px; padding:8px; margin-top:20px,float:none;}
.index_morebtn_product{margin-top:18px;margin-bottom:12px;}
.index_morebtn a{ display:block; color:#FFF}
.index_morebtn:hover{ display:block; background:#900;}
.index_morebtn1{float:left;}


.index_btminfo1{ width:25%; float:left; margin-left:8%}
.index_btminfo1 li{ text-align:left; line-height:40px; font-size:1.4rem; }
.btm_logo { margin-bottom:45px;}
.btm_logo img{ width:70%;min-width:250px; margin:0 }
.btm_ico{ float:left; clear:left; margin-right:10px;}
.btm_ico img{ width:30px; margin:0 }
.index_btminfo2{ width:10%; float:left; }
.index_btminfo2 li{ text-align:left;}
.index_btminfo3{ width:15%; float:left;  }
.index_btminfo3 li{ text-align:left;}
.index_btminfo4{ width:15%; float:left; }
.index_btminfo4 li{ text-align:left;}
.index_btminfo5{ width:15%; float:left;  }
.index_btminfo5 li{ text-align:left;}
.index_btminfo6{ clear:left; padding-top:50px;}
.index_btminfo6 li{ }
.ewm {width:50%; margin-top:2%; margin-bottom:10px;}
.ewm img{width:100%; }
.qrcode{display:none;}
.foot_list{display:none;}
 
.btminfo_txt{ font-size:1rem; line-height:1.8rem ; color: #666}
.btminfo_txt a{ color:#666}
.btminfo_txt a:hover{color:#F00;font-weight:bold;}
.btminfo_bt{ font-size:1.2rem; line-height:2rem; color: #000}
.yq_link{ margin:0 auto;  text-align:center}
.yq_link ul{float:left; position:relative; left:50%;}
.yq_link li{float:left; margin:0 10px ; position: relative; left:-50%; }


/*= common css to all effects =*/
.single-member{width: 18%; float: left; margin:2rem 1%; background-color: #fff; text-align: center; position: relative; }
.member-image img{max-width: 100%; vertical-align: middle;}
.member-info h3 {font-size: 20px; font-weight: normal; margin: 0 0; text-transform: uppercase;}
h5 {font-size: 16px; font-weight: 300; margin: 0 0 15px; line-height: 22px;}
.member-info p {font-size: 14px; font-weight: 300; text-align:left;text-indent:2em;line-height: 22px; padding: 0 15px; margin-bottom: 10px;}
.social-touch a{display: inline-block; width: 27px; height: 26px; vertical-align: middle; margin: 0 2px; background-image: url(https://ziyuan.cdn.ztdz.net/cn/templates/main/images/social-icons.png); background-repeat: no-repeat; opacity: 0.7; transition: 0.3s;}
.social-touch a:hover{opacity: 1; transition: 0.3s;}
.fb-touch{background-position: 0 0;}
.tweet-touch{background-position: -35px 0;}
.linkedin-touch{background-position: -71px 0;}
.icon-colored .fb-touch{background-position: 0 -27px;}
.icon-colored .tweet-touch{background-position: -35px -27px;}
.icon-colored .linkedin-touch{background-position: -71px -27px;}
/*= common css to all effects end =*/

/*= effect-2 css =*/
.effect-2{max-height: 350px; min-height: 350px; overflow: hidden; background:#fff}
.effect-2 h3{ padding-bottom:20px; line-height: 33px;}
.effect-2 .member-image{border-bottom: 5px solid #1fb554; height: 300px; overflow: hidden; width: 100%; transition: 0.4s; display: inline-block; float: none; vertical-align: middle;}
.effect-2 .member-info{transition: 0.4s; background:#fff; padding:6px;position:relative;height:305px; }
.effect-2 .member-image img{width: 100%; vertical-align: bottom;}
.effect-2 .social-touch{background-color: #1fb554; float: left; left: 0; bottom: 0; overflow: hidden; padding: 5px 0; width: 100%; transition: 0.4s;}
.effect-2:hover .member-image{height: 0px; transition: 0.4s;}
/*= effect-2 css end =*/
/*= Media Query 
=============== */
@media only screen and (max-width: 980px){
	.row{width: 100%; margin: 110px 0;}
	.team-members{text-align: center;}
	.single-member{float: none; display: inline-block; vertical-align: bottom;}
}
/*= Media Query End
=================== */


 @media(max-width:1600px) {
 .fa_zxrx{ font-size:1.2rem;  right:50px; top:10px; }
 .member-info p {font-size: 14px; font-weight: 300; line-height: 22px; padding: 0 5px; margin-bottom: 5px;}

	 }
 
 @media(max-width:1400px) {
 .black_zt_24{  font-size:2rem;  }
 .red20_w{ color:#C00; font-size:3rem;  }
 .fa_zxrx{ font-size:1.2rem;  right:50px; top:10px; }
 .member-info h3{ font-size: 16px; padding-bottom:10px; line-height: 26px; font-weight:bold}
 .member-info p {font-size: 14px; font-weight: 300; line-height: 22px; padding: 0 5px; margin-bottom: 5px;}
}
  @media(max-width:1200px) {
 .black_zt_24{ font-size:1.6rem; }
 .black_14{ font-size:1.2rem; }
 .fa_zxrx{ font-size:1.0rem; right:20px; top:10px; }
 .index_btminfo1 li{ text-align:left; line-height:40px; font-size:1.1rem; }
 .index_btminfo1{ width:28%; float:left; margin-left:5%}


}

  @media(max-width:900px) {
  .fa_zxrx{ display:none;}
 
}
  @media(max-width:840px) {
   .index_cpzs{width:46%; margin:5px 1%; float:left; padding:2% 0.5%;}
   .single-member{width:46%; margin:5px 1%; }
   .index_cpzs_bt{ font-size:0rem; }
   .index_cpzs_bt span{ font-size:2rem; line-height:3rem;}
 
   .index_btminfo4,.index_btminfo3,.index_btminfo2,.index_btminfo5{ display:none;}
   .index_btminfo1{ width:90%;}
}

  @media(max-width:540px) {
 .black_zt_24{ font-size:1rem; }
 .line_hui{ margin:0; }
 .red20_w{ font-size:1.6rem; }
 .single-member{width:100%; margin:5px auto; }

}
@media(max-width:600px){
	.index_cpzs .index_morebtn{width:80px;border-radius:15px;padding:6px;margin:0;margin-left:60%; }
	.index_cpzs_bt img{width:30px;}
	.index_cpzs_bt span{font-size:1.2rem;}
	.index_cpzs{width:100%;}
	.index_cpzs li img{width:50%;float:left;}
	.yyal_box  .mb p{padding-bottom:12px;}
}


/*案例新增样式*/

.case_bt{width: 90%; background-color: #4d4d4d; color: #fff; margin:30px auto; font-size: 20px; clear: left;}
  .case_bt li{padding: 10px 0px; float: left;}
  #case_bt1{width: 200px; text-align: center; background-color: #30a1d2; color: #fff;}
  #case_bt2{width: 120px; padding-left:30px; text-align: left;}

  #case_bt_red{width: 200px; text-align: center; background-color: #da2c28; color: #fff;}
  #case_bt_blue{width: 350px; text-align: center; background-color: #30a1d2; color: #fff;}

  .case_list {width:90%; margin: 0 auto;}
  .case_list ul{width:49%; min-width:350px; float:left;}
  .case_list li{
    color: #333;
    font-size: 16px;
    padding: 5px;
    margin: 0px;
    text-align: left;
  }
  .case_list li span{
    margin-right: 10px; color: #666;
  }

  .case_list_4 {width:90%; margin: 0 auto; padding-bottom: 30px;}
  .case_list_4 ul{width:25%; min-width:280px; float:left;}
  .case_list_4 li{
    color: #333;
    font-size: 16px;
    padding: 5px;
    margin: 0px;
    text-align: left;
  }
  .case_list_4 li span{
    margin-right: 10px; color: #666;
  }

  .case_list_3 {width:90%; margin: 0 auto;}
  .case_list_3 ul{width:33%; min-width:320px; float:left;}
  .case_list_3 li{
    color: #333;
    font-size: 16px;
    padding: 5px;
    margin: 0px;
    text-align: left;
  }
  .case_list_3 li span{
    margin-right: 10px; color: #666;
  }

  .sf_bt {font-size: 24px; font-weight: bold;  color: #da2c28; margin-top: 10px; text-align: left;}
  .sf_bt_blue {font-size: 24px; font-weight: bold;  color: #30a1d2; margin-top: 10px; text-align: left;}

  @media(max-width:600px){
  .case_list li{
    color: #333;
    font-size: 14px;
    padding: 3px;
    margin: 0px;
    text-align: left;
  }

  .case_list_4 li{
    color: #333;
    font-size: 14px;
    padding: 3px;
    margin: 0px;
    text-align: left;
  }

  .case_list_3 li{
    color: #333;
    font-size: 14px;
    padding: 3px;
    margin: 0px;
    text-align: left;
  }
}