@charset "utf-8";
/* CSS Document */

*{margin:0; padding:0;}
html,body{width:100%; height:100%;}
body{position:relative; min-width:1200px; font-family:Microsoft Yahei; font-size:14px; color:#666;}
img{border:none; vertical-align:top;}
a:link{text-decoration:none; outline:none; color:#666;}
a:visited{text-decoration:none; outline:none; color:#666;}
a:hover{text-decoration:none; outline:none; color:#666;}
a:active{text-decoration:none; outline:none; color:#666;}
ul,ol,dl,dt,dd,li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:14px; font-weight:normal;}
.fleft{float:left;}
.fright{float:right;}
.clrboth{clear:both;}
.clear{clear:both; height:30px;}
.lineh25{ line-height:25px;}
.lineh30{ line-height:30px;}
.txtcen{text-align:center;}
.line5{ clear:both; font-size:0px; height:5px; overflow:hidden; }
.line10{ clear:both; font-size:0px; height:10px; overflow:hidden; }
.line15{ clear:both; font-size:0px; height:15px; overflow:hidden; }
.line20{ clear:both; font-size:0px; height:20px; overflow:hidden; }
.line30{ clear:both; font-size:0px; height:30px; overflow:hidden; }
.fsize16{font-size:16px;}
.fsize18{font-size:18px;}.fsize22{font-size:22px;}
.fsize12{font-size:12px!important;}

.wrap1200{ width:1200px; position:relative; margin:0 auto;}
.wrap1180{ width:1180px; position:relative; margin:0 auto;}
.wrap1142{ width:1142px; position:relative; margin:0 auto;}
.wrap600{ width:600px; position:relative; margin:0 auto;}

.topbar{width:100%; height:4px; background:url(../images/topbar.jpg) center top;}
.topzone{ height:100px;}
.topzone .logozone{position:absolute; left:0; }
.topzone .headtel_zone{position:absolute;right:0;top:55px;}
.topzone .headvid_zone{position:absolute;right:0;top:25px; font-size:16px; background:url(../images/headvid.jpg) left center no-repeat; padding-left:35px;}
.topzone .headvid_zone a{ cursor:pointer; color:#000;}
.navzone{ width:100%; height:48px; background:#403a39;}
.navzone .naver{ width:1200px; margin:0 auto; display:block;}
.navzone .naver li{ width:198px; float:left; text-align:center; height:48px; margin-right:2px;}
.navzone .naver li a{ width:100%; line-height:48px; display:block; height:48px; color:#fff; transition:background 1s,color 1s;}
.navzone .naver li a:hover,.navzone .naver li a.nowon{ background:#fdd100; color:#403a39;}

.botbar{ width:100%; height:226px; background:#3a3836; font-size:14px;}
.botbar .bot_a,.botbar .bot_a a{color:#dbdbdb;}
.botbar .bot_a{ text-align:center;}
.botbar .bot_a a{ display:inline-block; padding: 0 5px; }
.botbar .bot_addr{ line-height:25px; color:#dbdbdb; position:relative;}


/*@-webkit-keyframes shake{
	0%{-webkit-transform:scale(1);}
	10%, 20%{-webkit-transform:scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90%{-webkit-transform:scale(1.1) rotate(3deg);}
	40%, 60%, 80%{-webkit-transform:scale(1.1) rotate(-3deg);}
	100%{-webkit-transform:scale(1) rotate(0);}
}*/
.pro_ul li {

    display: inline-block;
    width: 31%; margin:0 1%;

}
.pro_ul li img{ width:100%; max-width:100%; height:auto;}
.pro_ul li a {

    display: block;
    text-align: center;
    font-size: 16px;
    line-height: 40px;

}
.pages{ text-align:center;}
.pages div > * {

    display: inline-block;
    font-size: 16px;
    padding: 0 8px;

}
.progress{text-align:center;}
.progress a{display:inline-block; margin:0 2px; width:188px; height:99px; border:1px solid #c9c9c9; font-size:18px; color:#5c5a5a; line-height:99px; text-indent:4em; /*transition:border 1s,color 1s;*/}
.progress .prog1{background:url(../images/fiveicon.png) 22px center no-repeat;}
.progress .prog2{background:url(../images/fiveicon.png) -172px center no-repeat;}
.progress .prog3{background:url(../images/fiveicon.png) -377px center no-repeat;}
.progress .prog4{background:url(../images/fiveicon.png) -577px center no-repeat;}
.progress .prog5{background:url(../images/fiveicon.png) -777px center no-repeat;}
.progress .prog6{background:url(../images/fiveicon.png) -977px center no-repeat;}
.progress a:hover{/*border:1px solid #eb4951; color:#eb4951;*/}