/** Base Style **/
* {
  transition: background 0.1s ease-in-out;
}
 html, body, p, div, a, section, footer, header, ul, li, h1, dl, dd, dt, h1, h2, h3, h4, h5, h6, img, article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary, form, input, button{
  margin:0;
  padding:0;
   list-style-type:none; 
  font-family: "Microsoft YaHei","Simsum","Noto Sans CJK SC","Arial";
  /* FIXME: horizontal scroll bar will not show anyway */
  /*overflow-x: hidden;*/
}
.clearfix {
    *zoom: 1;
}

.clearfix:before,
.clearfix:after {
    display: table;
    line-height: 0;
    content: "";
}

.clearfix:after {
    clear: both;
}
.container {
  width:100%;
  /*height:100%;*/
}
scrollbar[orient="vertical"] {   
     width: 3px !important;   
} 
scrollbarbutton {   
       display: none !important;   
    } 
 thumb,scrollbarbutton {   
       -moz-appearance: none !important;   
       background-color: #eaeaea !important;   
    }  
::-webkit-scrollbar {width:3px;background: none;height:5px;}
::-webkit-scrollbar-track { border-radius:10px;}
::-webkit-scrollbar-thumb {border-radius:10px;background:#eaeaea;}  
.mptop{
	width:100%;
	background:#404040;
	height:49px;
	}
.mptop .mplogo{
	line-height:49px;
	padding-left:16px;
	float:left;
	margin-top:8px;
}
.mptop .mpback{
	line-height:49px;
	padding-right:40px;
	float:right;
	font-size:16px;
	color:#fff;
	
}
.mptop .mpback a{
	color:#fff;
	text-decoration:none;
	}
.mpcontainer{
	min-height:600px;
}
.mainmp{
	width:1200px;
	margin:0 auto;
	margin-top:50px;}

.leftmpcode{
 width: 215px;
    float: left;
    text-align: center;
    margin-top:15%;
    margin-left:50px;
}


.leftmpcode img{
     width: 210px;
    margin-bottom: 10px;
}
.leftmpcode p{
	font-size:14px;
	color:#999;
	line-height:24px;
}
.mainmpbox{ width: 335px;
    height: 683px;
    background: url(/iTemplet/images/mpbg.png) no-repeat top center;
    display: block;
	position:absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.rightmpdetail{
     width: 440px;
    float: right;
	    margin-top: 15%;
    margin-right: -150px;
}
.rightmpdetail .mptitle{
	font-size:24px;
	color:#333;
	line-height:54px;
}
.rightmpdetail .mpsubtitle{
	font-size:14px;
	color:#999;
	border-bottom:1px dotted #999;
	padding-bottom:18px;
}
.dylist span, .rightmpdetail .mpsubtitle span{
	color:#e60012;
}
.rightmpdetail .mpsumtitle{
	font-size:14px;
	color:#999;
	margin-top:15px;
}
.rightmpdetail .mpwechat{
	background:url(../images/tel.png) no-repeat left center;
	padding-left: 30px;
    font-size: 36px;
    line-height: 32px;
    color: #999;
    margin-top: 40px;
	font-weight:300;
}
.rightmpdetail .mpwechat>span{
	font-size:18px;
	margin-left:10px;
}
.services_footer {
    height: 104px;
    padding-top: 45px;
    background: #f0f0f0;
    color: #666;
}
.botcontent{
  font-size:14px;
  color:#999999;
  text-align:center;
  margin-top:30px;
  margin-bottom:30px;
}
.footer_class{
  width:100%;
  height: 90px;
  background: #fff;
  margin-top:40px;
}
.footer_content {
  width: 100%;
  margin: 0 auto;
}
.footer_left {
  display: inline-block;
  font-family: Microsoft YaHei;
  font-size: 14px;
  line-height:24px;
  color: #666;
  margin-left:60px;
}
.footer_right {
  font-family: Microsoft YaHei;
  font-size: 14px;
  color: #666;
  float: right;
  margin-right:60px;
}
.footer_right ul {
  list-style: none;
  display: inline-block;
}
.footer_aboutus {
  border-left: none !important;
}
.footer_right ul li {
  display: inline-block;
  border-left: 1px solid #c7c7c7;
  padding-left: 15px;
  padding-right: 15px;
  line-height:14px;
}
.footer_right ul li a{
  color: #4a4a4a;
  text-decoration: none;
}
.maindybox{ width: 335px;height: 683px;
    background: url(/iTemplet/images/dybg.png) no-repeat top center;text-align: center;}
.maindybox img{ width:88%; border-radius:15px;margin-top: 8px;}