@charset "utf-8";
/*****************************************
* 2020-6-18 网站公共样式
*****************************************/
*{ font-size:14px; margin: 0;padding:0; font-family: '微软雅黑'}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,img,p,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,hr{margin:0;padding:0}
body{/*background-color: #fff;*/}
a{text-decoration:none; }
a:focus{outline:none;}
a:hover{text-decoration:none;}
img{ border:0px;}
ol,ul{ list-style:none;}
em,i{ font-style:normal;}
.fl{float:left;}
.fr{float:right;}
.fc{ margin:0 auto;}
.clear { clear:both; margin:0px; top:0px} 
.clearfix {*zoom: 1;}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.cb0{clear:both;height:0px;line-height:0px;font-size:0;overflow:hidden;}
.cb{clear:both;height:1px;line-height:1px;font-size:0;overflow:hidden;}
.cb5{clear:both;height:5px;line-height:5px;font-size:0;overflow:hidden;}
.cb10{clear:both;height:10px;line-height:10px;font-size:0;overflow:hidden;}
.cb15{clear:both;height:15px;line-height:15px;font-size:0;overflow:hidden;}
.cb20{clear:both;height:20px;line-height:20px;font-size:0;overflow:hidden;}
.cb30{clear:both;height:30px;line-height:30px;font-size:0;overflow:hidden;}
.cb40{clear:both;height:40px;line-height:40px;font-size:0;overflow:hidden;}
.cb50{clear:both;height:50px;line-height:50px;font-size:0;overflow:hidden;}
.cb60{clear:both;height:60px;line-height:60px;font-size:0;overflow:hidden;}
.cb80{clear:both;height:80px;line-height:80px;font-size:0;overflow:hidden;}
.cb90{clear:both;height:90px;line-height:90px;font-size:0;overflow:hidden;}
.cb100{clear:both; height:100px; line-height:100px; font-size:0; overflow:hidden;}
.cb120{clear:both; height:120px; line-height:120px; font-size:0; overflow:hidden;}
.cb500{clear:both; height:500px; line-height:500px; font-size:0; overflow:hidden;}
.sj04{-webkit-transition-duration: .4s; transition-duration: .4s;}
.sj09{-webkit-transition-duration: .9s; transition-duration: .9s;}
.sj012{-webkit-transition-duration: 1.2s; transition-duration: 1.2s;}
.sj015{-webkit-transition-duration: 1.5s; transition-duration: 1.5s;}
.sj018{-webkit-transition-duration: 1.8s; transition-duration: 1.8s;}
.sj030{-webkit-transition-duration: 3s; transition-duration: 3s;}
.sj050{-webkit-transition-duration: 5s; transition-duration: 5s;}
@media screen and (min-width:1660px){
.container{ margin:0 160px;}
}
@media screen and (max-width:1660px) and (min-width:1360px){
.container{ margin:0 80px;}
}
@media screen and (max-width:1360px) and (min-width:960px){
.container{ margin:0 30px;}
}
@media screen and (max-width:960px){
.container{ margin:0 15px;}
}
/*按钮样式*/
a.btn1{z-index: 5;}
a.btn1:before{content: "";;background-color: #5c342a;z-index: -1;position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;
-webkit-transform:scaleX(0);transform:scaleX(0);
 -webkit-transition-property:transform;
 transition-property:transform;
 -webkit-transition-duration:.3s;
 transition-duration:.3s;
 -webkit-transition-timing-function:ease-out;
 transition-timing-function:ease-out}
a.btn1:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1);}
a.btn1:hover,a.btn2:hover{color: #fff;}
a.btn2{z-index: 5;}
a.btn2::before{content: "";width: 0;background-color: #5c342a;color: #000;z-index: -1; height: 100%;transition:0.2s ease all;position: absolute;top: 0;left: 0;}
a.btn2:hover::before{width: 100%;}
/*头部*/
.head{ height: 90px;position:fixed;top:0;z-index: 99; width: 100%;background: url(../cm_images/tou.png) repeat;}
.head .container{position: relative;overflow: hidden;}
.headleft{float: left;/*width:19%;*/height: 58px;padding-top:15px;
-webkit-animation:move-in2 1s linear .4s 0 ease;
-moz-animation:move-in2 1s linear .4s 0 ease;
-ms-animation:move-in2 1s linear .4s 0 ease;
animation:move-in2 1s linear .4s 0 ease;
-moz-animation:move-in2 0.7s linear;
-webkit-animation:move-in2 0.7s linear;
-o-animation:move-in2 0.7s linear;
-ms-animation:move-in2 0.7s linear;
animation:move-in2 0.7s linear;}
.headright{ float: right;width: 80%;height: auto;}
.head .logo{display: block;}
.head .logo img{ height:100%;}
.head .h_menu{ text-align: right; line-height: 90px;}
.head .h_menu li{float: left;width: 12.5%;transition:all 0.3s;}
.head .h_menu li a{display: block;font-size: 18px;color: #fff;position: relative;text-align: center;transition:all 0.3s;}
.head .h_menu li a em{display: block;width: 0;margin:0px auto;height: 2px;background-color:#d6b375;opacity: 0;transition:all 0.3s;position: relative;top:-2px;}
.head .h_menu li:hover a,.head .h_menu li.active a{ color:#d6b375;}
.head .h_menu li.active a em,.head .h_menu li:hover a em{width: 55%;opacity: 1;}
.head .h_menu li .nav_fuwu{background: #4a1e13;width: 100%;position: relative;z-index: 999;top:-2px;}
.head .h_menu li:hover .nav_fuwu{display: block;}
.head .h_menu li .nav_fuwu{display: none;padding-top:5px;}
.head .h_menu li .nav_fuwu a{font-size: 15px;line-height: 40px;color: #fff; border-bottom:1px dashed #e2e2e2;}
.head .h_menu li .nav_fuwu a:hover,.menu li a:hover{color: #d6b375;}

@media screen and (max-width:1600px){
.hphone{width: 25%;}
}
@media screen and (max-width:1360px){
.hphone{border-right: none;}
}
@media screen and (max-width:1200px){
.head{height: 165px;}
.headleft,.headright{width: auto;height: auto;float: none;}
.head .h_menu{line-height:40px;}
.head .logo img{display: block;margin:0 auto;}
.headleft{margin-top: 10px;}
.headright{margin-top: 25px;}
.head .h_menu{float: none;width: 100%;position: absolute;left: 0;}
.head .h_menu li{padding-top:0;}
.head .h_menu li a{text-align: center;}
}
.smallhead{width:100%;height:auto;text-align:center;position:relative;display: none;background-color:#f96832;}
.smallhead .logo{float:left;padding:16px;}
.smallhead .logo img{ width:62%;display: block;}
.menu{position:absolute; right:10px; top:50%; width:32px; height:32px; margin-top:-19px;}
.menu img{width: 100%;}
#menu{position: relative;z-index: 9;transition:0.5s;/*display: none;*/background:#f96832;}
@media screen and (max-width:780px){
.head{display: none;}	
.smallhead{display: block;}
/*#menu{opacity: 1;}*/
}


/*底部*/
.footer{background: #000 url(../cm_images/fbg.jpg) top center no-repeat;background-size: cover;padding-top: 4%;}
.footer .container{position: relative;}
.fleft{
	float: left;
	width: 36%;
}
.fright{
	float: right;
	width: 60%;
}
.fleft dl{width: 20%;float: left;}
.fleft dl dt a{font-size: 16px;color: #fff;display: block;margin-bottom: 15px;}
.fleft dl dd a{font-size: 14px;color: #808080;display: block;line-height: 26px;}
.fleft dl dd a:hover{color: #fff;}
.frcode{
	float: right;
	width: 30%;
	text-align: center;
	color: #FFF;
	margin-right: 15px;
}
.frphone{
	float: left;
	width: 40%;
	text-align: right;
	margin-right: 2%;
}
.frcode img {
	display: block;
	padding-bottom: 5px;
	
}
.frphone span{font-size: 18px;color: #fff;display: block;}
.frphone img{display: block;margin-top: 10px;}
.frphone p{font-size: 14px;color: #7c7c7d;margin-top: 20px;clear: both;}
.frphone p i{display: inline-block;font-size: 24px;color: #fff;}

/*友链*/
.linkbox{width: 100%;margin:1% auto 0;height: auto;position: relative;z-index: 9;border-bottom:1px solid #4c4c4c;padding:8px 0;}
.linkbox span{float: left;width: 80px;display: block;font-size: 14px;color: #4c4c4c;line-height: 25px;}
.linkbox a{font-size: 13px;color: #4c4c4c;display: block;float: left;padding:0 10px;line-height: 25px;}
.linkbox a:hover{color: #f96833;}

.fshare img.fc{display: block;margin:25px auto;}
.fshare ul{width: 405px;margin:0px auto;}
.fshare ul li{float: left;width: 14.667%;margin:0 1%;position: relative;}
.fshare ul li a img{width: 80%;display: block;margin:0px auto;cursor: pointer;
    -webkit-transition: All 0.5s ease-in-out;
    -moz-transition: All 0.5s ease-in-out;
    -o-transition: All 0.5s ease-in-out;}
.fshare ul li span{display: none;position: absolute;top:-110px;left: -20px;z-index: 99;}
.fshare ul li span img{width: 100px;display: block;height: 100px;}
.fshare ul li span:before{
 pointer-events:none;
 position:absolute;
 z-index:-1;
 content:'';
 border-style:solid;
 -webkit-transition-duration:.3s;
 transition-duration:.3s;
 -webkit-transition-property:transform;
 transition-property:transform;
 left:calc(50% - 10px);
 bottom:0;
 border-width:10px 10px 0;
 border-color:#fff transparent transparent transparent;
 -webkit-transform:translateY(10px);
 transform:translateY(10px)
}
.fshare ul li:hover span{display: block;}
.fshare ul li:hover a img{transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);}

.footerbottom{width: 100%;background-color:#4a1e13;margin-top: 0px;font-weight: 100;text-align: center;padding:5px 0;}
.footerbottom span,.footerbottom a{font-size: 14px;color: #fff; line-height: 35px; font-weight: 100; padding:0 5px; display:inline-block;}
.footerbottom img{margin:13px 5px 0 5px;}
.fshare ul li em{width:130px; height:50px; line-height:50px;text-align: center; font-size:16px; color:#f96832;font-weight: 700; background-color:#fff; display:block;}
.fshare ul li.fsharw_phone span{top:-60px;left: -35px;}

@media screen and (max-width:1440px){
.frphone{width: 66%;}	
}
@media screen and (max-width:1024px){
.fleft,.fright{float: none;width:100%;}
.fright{clear: both;padding-top: 30px;}
.frphone,.frphone img{float: left;text-align: left;}
.frcode{float: right;}
.frcode img{max-width: 238px; }
}
@media screen and (max-width:960px){
.fleft dl{text-align: center;}
}
@media screen and (max-width:560px){
.fleft dl{width: 100%;margin-bottom: 10px;}
.fleft dl dt a{text-align: left;}
.fleft dl dd a{width: 25%;float: left;text-align: left;}


.linkbox .container{display: none;}
.footerbottom span, .footerbottom a{line-height: 22px;}
.frcode{display: none;}
}
@media screen and (max-width:480px){
.fshare ul{width: 100%;}
.frcode,.frphone{float: none;width: 100%;}
.frphone{margin-top: 30px;}
.izl-rmenu{display: none;}
}
/*分页*/
.pagination-wrapper {clear:both;padding:1em 0 2em 0;text-align:center;margin:2% 0;} 
.pagination {display: inline-block;*display: inline;*zoom: 1;font-size:14px;border-radius: 3px;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);} 
.pagination li{list-style: none;display: inline;padding:0 .8em;background-color: #fff;float: left;line-height: 34px;text-decoration: none;border: 1px solid #ddd;border-left-width: 0; height:34px;} 
.pagination li a {display: inline-block;color: #999; text-align:center;} 
.pagination li a:link{background:#fff;color: #555555;} 
.pagination li a:hover{text-decoration:none;color:#5c342a;} 
.pagination li a:link:hover {color:#5c342a;} 
.pagination li.thisclass{background-color: #4a1e13;} 
.pagination li.thisclass a{color:#fff;}
.pagination li:first-child {border-left-width: 1px;border-radius: 3px 0 0 3px;} 
.pagination li:last-child{border-radius: 0 3px 3px 0;} 
.pagination .pageinfo{color: #444;}
/*面包屑*/
.crumbsnav{width: 100%;height: 50px;line-height: 50px;font-size: 14px;color: #666666;margin:0px auto;border-bottom: 1px solid #dedede;position: relative;z-index: 9;}
.cruleft{color:#666666; display:block;width:60%;float: left;text-align: left;}
.cruleft img{display: inline-block;margin-right: 10px;}
.crumbsnav a{color:#666666;}
.crumbsnav a:hover{color:#d2ab66;}
a.return{float: right;display: block;margin-right: 10px;}
.crumbsnav1{margin: 224px auto 0;}
@media (max-width:480px){
a.return{display: none;}
.cruleft{width: 100%;}
.crumbsnav{display: none;}
}

/*特效*/
@-webkit-keyframes move-in2{0%{-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);-webkit-transform:translate(-50px,0);-moz-transform:translate(-50px,0);-ms-transform:translate(-50px,0);-o-transform:translate(-50px,0);transform:translate(-50px,0)}
100%{-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100);-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}
}
@-moz-keyframes move-in2{0%{-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);-webkit-transform:translate(-50px,0);-moz-transform:translate(-50px,0);-ms-transform:translate(-50px,0);-o-transform:translate(-50px,0);transform:translate(-50px,0)}
100%{-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100);-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}
}
@-ms-keyframes move-in2{0%{-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);-webkit-transform:translate(-50px,0);-moz-transform:translate(-50px,0);-ms-transform:translate(-50px,0);-o-transform:translate(-50px,0);transform:translate(-50px,0)}
100%{-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100);-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}
}
@-o-keyframes move-in2{0%{-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);-webkit-transform:translate(-50px,0);-moz-transform:translate(-50px,0);-ms-transform:translate(-50px,0);-o-transform:translate(-50px,0);transform:translate(-50px,0)}
100%{-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100);-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}
}
@keyframes move-in2{0%{-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);-webkit-transform:translate(-50px,0);-moz-transform:translate(-50px,0);-ms-transform:translate(-50px,0);-o-transform:translate(-50px,0);transform:translate(-50px,0)}
@-webkit-keyframes move-in1{0%{-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);-webkit-transform:translate(50px,0);-moz-transform:translate(50px,0);-ms-transform:translate(50px,0);-o-transform:translate(50px,0);transform:translate(50px,0)}
100%{-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100);-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}
}