*{ margin:0; padding:0; font-family:'Microsoft YaHei',Arial}
html{ margin: 0; padding: 0; font-size:14px; background-color:#f6f6f6;}
html,body{
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
input,textarea,select,button,area {
    appearance:button;
    -moz-appearance:button;
    -webkit-appearance:button;
    outline:none;
}
ul,li,dl,dd,dt{list-style: none;}
a{  text-decoration:none;  color:#2b292f;
    -webkit-transition: all ease-in .2s;
    -ms-transition: all ease-in .2s;
    -moz-transition: all ease-in .2s;
    -o-transition: all ease-in .2s;
    transition: all ease-in .2s;
}
img{border: 0;  font-size:0;}
body {color:#444; }

.clearfix {overflow: auto; *zoom:1;/*IE/7/6*/ clear: both;}
.clearfix:before,.clearfix:after {content: "";display: table;}
.clearfix:after {clear: both;}
.fl{ float:left;}
.fr{ float:right;}
.section{ width:92%; max-width:1200px; margin:auto;  }
.h71{ width:100%; height:71px; display:block;}

/*header*/

#header{width: 100%; background-image:url(../navbg.jpg); background-repeat:repeat-x; height:71px; position: fixed; z-index:999;}
#header .section{position: relative;}
#header .m_menu{ background: url(../icon_nav.png) no-repeat center;  background-size:100%;width:40px; position:absolute; right:5px; top:0; height:60px; display:none;}
#header .logo{ background-image:url(../logo.jpg); background-repeat:no-repeat; background-position:left top; width:270px;height:71px; float:left;}
#header .logo a{width:270px;height:71px; display:block;}
#header .logo a span{ display:none;}
#header .toggle {width:40px; position:absolute; right:5px; top:0; height:60px; display:none;  position: fixed; z-index:9999;}
#header .toggle span { width: 35px; top: 50%; transform: translateY(-50%); transform-origin: 50% 50% }
#header .toggle span,
#header .toggle span::before,
#header .toggle span::after { position: absolute; left: 0; height: 4px; background: #ffffff; transition: all .1s ease }
#header .toggle span::before,
#header .toggle span::after { content: ''; width: 100% }
#header .toggle span::before { top: -10px }
#header .toggle span::after { bottom: -10px }
#header .toggle.toggle-open span { background: rgba(0, 0, 0, 0); transform: rotate(45deg) }
#header .toggle.toggle-open span::before { transform: translate3d(0, 10px, 0) }
#header .toggle.toggle-open span::after { transform: rotate(-90deg) translate3d(10px, 0, 0) }
#header .toggle:hover span,
#header .toggle:hover span::before,
#header .toggle:hover span::after { background: #dab977 }


.topcall{position:absolute; font-size:16px; line-height:34px; color:#FFF;  right:5px; top:0; height:60px;}

/*main*/
#main-nav{ position:absolute; right:220px; top:0;}
#main-nav ul li{ float:left;}
#main-nav ul li a{ color:#FFF; font-size:18px; text-align:center; padding:20px 22px 0px 22px; display:block;}
#main-nav { position:absolute; right:220px; top:0;}
#main-nav .menu-top > li {    float: left;
    position: relative;
    text-align: center;
    -webkit-transition: background-color .2s;
    -moz-transition: background-color .2s;
    -ms-transition: background-color .2s;
    -o-transition: background-color .2s;
    transition: background-color .2s
}

#main-nav .menu-top > li:hover {
    background-color: #4a4a4a;
    -webkit-transition: background-color .2s;
    -moz-transition: background-color .2s;
    -ms-transition: background-color .2s;
    -o-transition: background-color .2s;
    transition: background-color .2s
}

#main-nav .menu-dropdown {
    text-align: left;
    background-color: #4a4a4a;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
    -o-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    position: absolute;
    left: -5000px;
    opacity: 0;
    z-index: 100
}

#main-nav li:hover .menu-dropdown {
    left: 0;
    opacity:0.9;
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    -ms-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s
}

#main-nav .menu-dropdown li{ width:150px; display:block; height:70px;}
#main-nav .menu-dropdown li a{ font-size:14px; padding:10px 0px; color:#FFF !important;}
#main-nav .menu-dropdown li a:hover{ background-color:#333;}
/*banner*/
#full-screen-slider { width:100%; height:638px; float:left; position:relative}
#slides { display:block; width:100%; height:638px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:50%; bottom:30px; z-index:99;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:50px; height:10px; float:left; margin-left:15px;  background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#0092CE}

.banner{width:100%;height:638px;}
.bannerwenzi{ position:absolute; z-index:98; top:90px;}

.display{ padding:35px 0px;}
.category{width:64%; }
.title{width:100%;text-align:center;padding:13px 0px;}
.title a{ padding:0 20px; height:50px; border-left:#d5be00 solid 2px; border-right:#d5be00 solid 2px; display:inline-block; font-size:20px;}
.title a:hover{ color:#d5be00;}
.figure{ width:100%; height:247px; overflow:hidden;}
.figure li{background-image:url(../picbg.jpg);  background-repeat:no-repeat; float:left; width:188px; height:247px; text-align:center;
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
	
}
.figure li:hover {
	transform:translate(0,-10px);
	-webkit-transform:translate(0,-10px);
	-moz-transform:translate(0,-10px);
	-o-transform:translate(0,-10px);
	-ms-transform:translate(0,-10px);
	

}
.piclist{ padding-top:10px; height:170px;}
.piclist img{ width:auto; max-width:159px; max-height:142px;}
.pictitle{ color:#d5be00; font-size:16px; line-height:30px;}
.picjiage{ font-size:14px;}

.about{ background-color:#2c2837; background-image:url(../gywm.jpg); background-repeat:no-repeat; background-position:top center;}
.abouttitle{ text-align:center; font-size:24px; height:238px; padding-top:140px; height:98px !important;}
.abouttitle a{ color:#FFF;}
.abouttitle a:hover{  color:#d5be00;}
.aboutneir{ padding:30px 20px; height:300px;font-size:14px; line-height:28px;  background-color:#FFF; overflow: hidden;}
.miaoshu{ background-image:url(../footbg.jpg); background-repeat:no-repeat; height:200px; font-size:40px; color:#FFF; padding-top:60px; height:140px !important; text-align:right;}
.miaoshu span{font-size:22px; line-height:40px; }
.foot{ padding:30px 0px; }
.dituk{ float:left;}
.footnav{ float:left; text-align:center;}
.foot-menu{ font-size:14px; position:absolute;}
.foot-menu li{ text-align:center; float:left; position:relative; padding:10px 30px;}
.footmenu-dropdown {
	text-align: left;
	position: absolute;
	left: 0px;
	top: 55px;
	white-space:nowrap;
}
.footfr{ float:right; font-size:14px; text-align:left; line-height:38px;}
.banquan{ background-color:#2c2837; height:60px; font-size:16px; color:#CCC; line-height:60px; text-align:center;}
.dybanner{ background-image:url(../aboutbanner.jpg); background-repeat:no-repeat; background-position:center top; height:300px;}
.aboutwenzi{
	position:absolute;
	top:100px;
}
.dqwz{ background-image:url(../wezhi1.jpg); background-repeat:no-repeat; background-position:left center; height:45px; background-color:#dddddd; margin-top:15px; margin-bottom:15px; padding-left:54px; line-height:45px;}
.dqwz br{ display:none;}
.dynr{ padding:10px; font-size:16px; line-height:32px;}
@media (max-width:1260px){

}


@media (max-width:1200px){
#main-nav ul li a{padding:20px 18px 0px 18px;}

}
@media (max-width:1120px){
.topcall{font-size:16px;}
#main-nav ul li a{font-size:16px; padding:20px 15px 0px 15px;}
}


@media (max-width:1024px){
.topcall{font-size:16px;}
#main-nav{right:200px;}
#main-nav ul li a{font-size:16px; padding:20px 10px 0px 10px;}
}
@media (max-width:999px){
#header{z-index: 9999; height:71px;}
#header .section{width: 100%;}
#header .logo{ margin-left:15px;}
#header .toggle{ display:block; z-index:99999}
#main-nav { display: none }
.topcall{font-size:16px;right:60px; }

}


@media (max-width:768px){
.topcall{font-size:16px;}

}


@media (max-width:658px){

}

@media (max-width:525px){
   
}

@media (max-width:428px){


}