html,body{background:#fff;color:#333;font:12px/1.6 'Arial';height:100%;width:100%;min-width:1200px;}
@font-face {
font-family: 'akzidenzgrotesk';
src: url('../fonts/akzidenzgrotesk-mediumcondalt-webfont.eot');
src: url('../fonts/akzidenzgrotesk-mediumcondalt-webfont.eot#iefix') format('embedded-opentype'),
url('../fonts/akzidenzgrotesk-mediumcondalt-webfont.woff') format('woff'),
url('/templates/michuan/images/fonts/akzidenzgrotesk-mediumcondalt-webfont.ttf') format('truetype'),
url('/templates/michuan/images/fonts/akzidenzgrotesk-mediumcondalt-webfont.svg#NeuesBauenDemo') format('svg');}
.cl{clear:both;}

ul{	margin:0; 	padding:0; 	list-style-type:none;}

li{	margin:0; 	padding:0; 	list-style-type:none;}

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;

}
a{text-decoration:none;color:#333;}
body{ margin:0 auto;padding:0; border:0;}
.fl{ float:left;}
.fr{ float:right;}
.tem_inner,.met_section{position:relative;margin:0 auto;margin:0 auto;width:1000px;}
header.tem_headborder{border-bottom:1px solid #ddd;}
header section{border-bottom:1px solid #e7e8ed;background:#fff;}
#indextop{background:#fff;width:100%;position:fixed;top:0px;z-index:9999999;opacity:1;}
.top{background:#fff;width:100%;position:fixed;top:0px;z-index:9999999;opacity:1;width:100% !important}
.top h1{display:block;font-size:0px;line-height:0px;height:120px;overflow:hidden;width:275px;}
.top h1 img{margin-top:20px;}
.top ul{height:50px;position:absolute;right:140px;top:35px;}
.top ul li{display:inline-block;font-size:12px;padding:0 10px;height:50px;font-family:'Arial';line-height:50px;text-align:center;color:#838383;position:relative;width:95px;}
.top ul li i{display:block;position:absolute;left:0px;top:0px;}
.top ul li .navdown{width:160px !important;background:url(../navbg.png);line-height:35px;border-radius:6px;box-shadow: 0px 1px 4px #D2D2D2;position:absolute;left:0px;top:50px;height:0px;overflow:hidden;transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;font-size:14px}
.top ul li:hover .navdown{transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;}
.top ul li .navdown a{color:#434343 !important;font-size:14px;margin:2px 5px;border-bottom:1px solid #cdd0d3}
.top ul li .navdown a p{display:block;margin-bottom:2px;}
.top ul li .navdown a:hover p{background:#de423e;}
.top ul li .navdown img{position:absolute;bottom:0px;left:0px;}
.top ul li .navdown a:hover{color:#fff !important;}
.top ul li a{display:block;color:#434343;font-size:16px;}
.top ul li:hover ,.top ul li.hover {color:#de423e;}
.top ul li:hover a ,.top ul li.hover  a{color:#de423e;}
.top .topline{width:100%;height:7px;background:url(/templates/michuan/images/topline.png);position:absolute;bottom:-7px;}

.lan{width:100px;text-align:Center;border-radius:15px;height:30px;line-height:30px;background:#de423e url(../lanbg1.png) -60px 0px no-repeat;color:#fff;overflow:hidden;transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;text-indent:0;position:absolute;right:10px;top:45px;}
.lan:hover{background:#de423e url(../lanbg1.png) 10px 0px no-repeat;color:#de423e;transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;text-indent:100px}

/*table*/
table{margin:10px 0;border-collapse:collapse;display:table;width:100%}td,th{padding: 12px 10px;border:0px;border-bottom: 1px solid #363436;font-size:14px;}


/*inabout*/
.inabout{margin:30px auto 100px;z-index:3;}
.inabout1{position:relative;z-index:2}
.inabout2{position:absolute;right:0px;top:0px;}
.inaboutinfo{width:385px;height:120px;font-size:14px;color:#5d5d5d;position:absolute;bottom:90px;right:0px;}
.inaboutmore{position: absolute;right:235px;bottom:10px;width:146px;height:38px;overflow:hidden}
.indown{position:relative;width:146px;height:38px;overflow:hidden}
.inaboutmore a,.indown a{display: block;width:146px;height:76px;position:absolute;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;top:0px;}
.inaboutmore a img,.indown a img{display:block;}
.inaboutmore a:hover ,.indown a:hover{top:-38px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
/*inpro*/
.inpro{background:#f3f3f3;padding:65px 0 0px;}
.inprotit{color:#e70012;font-size:30px;text-align:center;font-weight:bold;}
.inprotit span{color:#18171d}
.inprotit2{text-align:center;color:#79797b;}
.inprolist{padding:60px 0 10px;}
.inprolist li{float:left;width:320px;height:235px;overflow:hidden;box-shadow:0px}
.inprolist li img{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.inprolist li:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);-ms-transform:scale(1.1);box-shadow:2px 2px 15px #bcbcbc}
.inprolist li:hover {box-shadow:2px 2px 15px #bcbcbc}


/*incon*/
.incon{position:relative;background:#f3f3f3}
.gongren{position:relative;left:0px;top:-60px;}
.inconleft{width:50%;float:left;height:549px;background:url(../inconleft.jpg) right center;position:relative;}
.inconright{width:50%;overflow:hidden;float:right;font-size:0px;line-height:0px;}
.inconleft-info{width:400px;position:absolute;top:150px;right:50px;}
.inconleft p {color:#e70012;font-size:14px;}
.inconleft b{font-size:48px;color:#050000;line-height:50px;}
.inconleft dl dt{margin:35px 0;font-size:14px;}
.inconleft dl dd{font-size:14px;}


.inconleft2{width:50%;text-align:right;float:left;}
.inconleft2 img{position:relative;top:-60px;left:-50px;}
.inconright2{width:50%;float:right;background:#fff;padding-bottom:40px}
.inconright2-info{width:570px;padding:60px 0 0 70px;}
.inconright2-info b{font-size:48px;color:#050000;line-height:65px;margin-top:20px;}
.inconright2-info p{font-size:14px;color:#707070;margin-bottom:50px;}
.inconright2-info2{width:320px;float:left;}

/*innews*/
.innewsleft {width:50%;float:left;padding:100px 0;}
.innewsright {width:50%;float:right;padding:100px 0;background:#f3f3f3;height:435px;position:relative}
.innewsright-line{position:absolute;top:-40px;height:80px;line-height:80px;color:#f3f3f3;background:#e70012;width:90%;padding-left:10%;font-size:16px;}
.innewsright-line span{color:#efc2c3}
.innews_list_time{font-size:14px;border-bottom:1px solid #bababa;line-height:30px;width:105px}
.innews_list_time span{font-size:24px;}
.innews_list_txt h3{line-height:60px;font-size:14px;color:#343434;
    height: 60px;
    overflow: hidden;
}
.innews_list_txt p{color:#6c6c6c;font-size:14px;}

.tem_index_news_list{padding-left:50px;width:400px;}
.tem_index_news_list li{margin-bottom:35px;}

/*footer*/
.tem_footer{background:#1b1b1b;padding:40px 0;}	
.footer{padding-bottom:40px;border-bottom:1px solid #2d2d2d}
.footer dl{width:200px;float:left;}
.footer dt{color:#f2f2f2;font-size:16px;margin-bottom:10px;}
.footer dl dd{display:inline-block;width:360px;font-size:14px;}
.footer dl dd a	{color:#afafaf;line-height:30px;}
.footer dl dd a:hover{color:#fff;}
.tem_footer_text{color:#838383;line-height:40px;padding-top:15px;}
.tem_footer_text a{color:#838383;}

.share{position:absolute;right:15px;top:20px;}

/*about*/
.about2{padding:40px 0 60px;border-bottom:1px solid #e0e3e6;top:-30px;font-size:14px;}
.about2-line{width:760px;height:1px;background:#e0e3e6;    position: absolute; right: 0px;top: -15px;}
.about2 p{text-indent:20px;} 
.homework a{float:left;width:23%;margin:1%;display:block;text-align:center;background:#e7eaec;}
.homework p{display:block;text-align:right;width:210px;color:#999ea1;line-height:50px;}
.homework img{position:relative;border:5px solid #ffffff;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;top:0px ;width:200px;margin-top:10px;}
.homework img:hover{box-shadow:3px 3px 10px #ddd;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;top:-10px }
.gshj img{position:relative;border:1px solid #ddd;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;top:0px ;margin:0 10px;}
.gshj img:hover{box-shadow:3px 3px 10px #ddd;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;top:-10px }


/*news*/
.newsint{text-align:center;padding:20px 0;}
.newsint a{display:inline-block;padding:0 10px;background:#fff;position:relative;z-index:2;}
.newsint li{width:130px;border:1px solid #dedede;line-height:33px;height:33px;color:#333;}
.newsint li:hover,.newsint li.hover{border:1px solid #de423e;background:#de423e;color:#fff;}
.newsint .newsintline{height:1px;width:100%;background:#d9d9d9;position:relative;top:-20px;z-index:1;}


.tem_news_list li .tem_inner{margin-bottom:15px;padding-bottom:20px;border-bottom:1px dotted #4b4949;padding-top:20px;z-index:99}
.tem_news_list li p{height:54px;overflow:hidden}


.btn-10 {
  color: #8f5c82;
}
.btn-10 i{display:block;height:188px;position: absolute;top:0px;lefT:0px;}
.btn-10:before, .btn-10:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 188px;
  background: rgba(222, 66, 62, .9);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.btn-10 i:before,
.btn-10 i:after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 188px;
  background: rgba(222, 66, 62, 9);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.btn-10:after,
.btn-10 i:before {
  left: auto;
  right: 0;
}
.btn-10 i:before,
.btn-10 i:after {
  -webkit-transition-delay: 0.9s;
          transition-delay: 0.9s;
}
.btn-10:hover {
  color: #fff;
 
}
.btn-10:hover:before, .btn-10:hover:after,
.btn-10:hover i:before,
.btn-10:hover i:after {
  width: 100%;
}
.btn-10:hover .tem_inner{ border-bottom:1px dotted #de423e}
.btn-10:hover  h3{color:#fff}
.btn-10:hover p{color:#fff}
.btn-10:hover .innews_list_time{ border-bottom:1px solid #fff}


/*pager*/
/*page*/
.met_pager{text-align:center;padding:30px 0;}
.met_pager a{margin: 5px;border:1px solid #232323;text-align:center;height:28px;line-height:28px;min-width:28px;_width:28px;text-align:center;display:inline-block;color:#fff;background:#232323}
.met_pager a:hover{border:1px solid #ee1003;color:#fff;background:#ee1003;}
.met_pager .PreSpan,.met_pager .NextSpan{height:30px;line-height:30px;min-width:60px;_width:60px;text-align:center;background:#232323;color:#fff;display:inline-block}
.met_pager .PreA,.met_pager .NextA{height:28px;line-height:28px;min-width:58px;_width:58px;color:#fff}
.met_pager .PreSpan,.met_pager .PreA{margin-right:6px}
.met_pager .NextSpan,.met_pager .NextA{margin-left:6px}
.met_pager .firstPage,.met_pager .lastPage{font-weight:bold;height:28px;line-height:28px;min-width:40px;_width:40px;color:#fff}
.met_pager .Ahover{font-weight:bold;border:1px solid #ee1003;color:#fff;background:#ee1003;}
.met_pager .PageText,.met_pager #metPageT,.met_pager #metPageB{display: none;}

.mc_pager{font-family:'Arial';text-align:center;padding:30px 0;}
.mc_pager ul{font-size: 0;}
.mc_pager ul li{background:#333;color:#fff;font-size:14px;width:30px;height:30px;line-height:30px;margin:3px;display:inline-block;}
.mc_pager ul li.active{background:#ee1003;}
.mc_pager ul li a{color:#fff;display:block;}
.mc_pager ul li .current{background:#ee1003;display:block;}
.mc_pager ul li:nth-child(1),.mc_pager ul li:nth-last-child(1){width:50px;font-size: 0;}
.mc_pager ul li:nth-child(1) a:before,.mc_pager ul li:nth-child(1) .disabled:before{content:'◀';font-size:14px;}
.mc_pager ul li:nth-last-child(1) a:before,.mc_pager ul li:nth-last-child(1) .disabled:before{content:'▶';font-size:14px;}

/*newsshow*/
.met_title{font-weight:normal;font-size:16px;text-align:center;line-height:50px;}
.met_infos{color:#696969;line-height:25px;border-bottom:1px dotted #343231}
.met_page{padding:30px 0;position:relative;line-height:30px;color:#4f4f4f;}
.met_page a{color:#333}
.met_page .back{position:absolute;right:10px;top:35px;width:120px;height:40px;line-height:40px;color:#dedede;text-align:center;border-radius:5px;background:#4f4f4f}

/*feedback*/
#messagelist form div{float:left;margin: 10px;position:relative}
#messagelist form .formerror{     position: absolute;
    right: -34px;
    top: 0px;
    width: 20px;
    overflow: hidden;
    height: 18px;
	color:#f12315;
	}
#messagelist div input{width:440px;height:40px;line-height:40px;background-color:#e2e7eb;border:1px solid #e2e7eb;padding-left:20px;background-position:right center;background-repeat:no-repeat;font-family:微软雅黑;}
#messagelist .input1 input{background-image:url(../f1.jpg);}
#messagelist .input2 input{background-image:url(../f2.jpg);}
#messagelist .input3 input{background-image:url(../f3.jpg);}
#messagelist .input4 input{background-image:url(../f4.jpg);}
#messagelist .input5 input{background-image:url(../f5.jpg);}
#messagelist .input6 input{background-image:url(../f6.jpg);}
#messagelist div textarea{width:925px;height:100px;line-height:24px;border-radius:5px;background-color:#e2e7eb;border:1px solid #e2e7eb;padding-left:20px;background-position:right top;background-repeat:no-repeat;}
#messagelist .input7 textarea{background-image:url(../f7.jpg);font-family:微软雅黑;}
#messagelist .input8 input{width:220px;line-height:32px;height:32px;margin-right:30px;}
#messagelist .input8 img{height:32px;}
#messagelist .input8 #codeimg{
    width: 100px;
    height: 36px;
    color: red;
    font-size: 20px;
    font-style: italic;
    font-weight: bold;
    letter-spacing: 2px;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    right: -100px;
}
#messagelist .noborder dd input{width:345px;height:40px;line-height:40px;background:#f12315;padding:0px;color:#fff;font-size:16px;font-family:微软雅黑;margin:10px 40px 10px 0;float:right;border:0px;}
.subbor{border:2px solid #f12315;width:146px;height:36px;line-height:36px;text-align:center;font-size:16px;color:#f12315;}
::-webkit-input-placeholder { /* WebKit browsers */ 
color: #333; 
} 
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
color: #333; 
} 
::-moz-placeholder { /* Mozilla Firefox 19+ */ 
color: #333; 
} 
:-ms-input-placeholder { /* Internet Explorer 10+ */ 
color: #333; 
} 


/*pro*/
.pronav{width:220px;float:left;position:relative;top:-100px}
.pronav .search{padding:30px 20px;background:#de423e;font-size: 0;}
.navsearch_input{float:left;}
.navsearch_input input{width:126px;line-height:33px;height:33px;bordeR:0px;}
.pronav ul li{padding-left:15px;margin-top:2px;height:40px;line-height:40px;color:#434343;background:#e1e5ea}
.pronav ul li:hover,.pronav ul li.hover{background:#de423e;color:#fff;}

.prolist{width:750px;float:right}
.tem_list{width:200px;padding:8px 10px;border-bottom:5px solid #e1e1e1;background:#eeeeef;line-height:50px;floaT:left;margin:0px 15px 15px}
.tem_list img{width:200px;display:block;height:200px;}
.tem_list dd p{color:#434343;}
.tem_list:hover{border-bottom:5px solid #de423e}


.productshow{width:750px;float:right;}
.proshow-name{line-height:45px;border-bottom:1px solid #e1e5ea;font-size:14px;color:#434343}

.prolist-tit{font-size:18px;color:#434343;line-height:40px;border-bottom:1px solid #e1e5ea;margin:30px 0;}

/*job*/
#joblist{padding:15px}
#joblist dl{padding:10px 5px 10px;margin-top:30px;border:1px solid #ddd}
#joblist dt{padding:0 10px;font-size:16px;font-weight:bold}
#joblist dd .dtail{padding:5px 10px 0;border-top:1px solid #ddd}
#joblist dd .dtail span{margin-right:15px}
#joblist dd .dtail a{color:#de423e}
#joblist dd .editor{padding:10px}
#joblist dd .mis{padding:5px 10px;border-bottom:1px solid #ddd;font-size:12px}
#joblist dd .mis span{margin-right:15px;color:#999}
.dtail a{color:#333;}
/*down*/
.downpic{padding-top:20px;}
.downa{color:#333;}
#downloadlist{padding:15px}
#downloadlist .metlist{margin-bottom:20px;position: relative;}
#downloadlist .metlist dt{border-bottom:1px solid #ddd;font-size:14px;font-weight:bold;padding:8px 5px 8px 0;background:url(/templates/michuan/images/images/dt-9.gif) no-repeat 5px 11px}
#downloadlist .metlist dd{color:#999;padding:8px;background:#f7f8fa}
#downloadlist .metlist dd b{font-weight:normal}
#downloadlist .metlist dd div{float:right}
#downloadlist .metlist dd span{padding-right:20px}
#downloadlist .metlist dd a{color:#1c57c4}
#downloadlist .metlist dd a.down{color:#fa1a1a}