@charset "utf-8";
body { font:normal 12px/24px "微软雅黑",Arial, Helvetica, sans-serif;  color: #535354; min-width:1180px;}
a{color:#1b1b1b; text-decoration:none; font:normal 12px/24px "微软雅黑",Arial, Helvetica, sans-serif;}
a:hover{color:#b18c00;}
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, blockquote, pre, form, fieldset, table, th, td, span, p, img, images, div,input{padding:0;margin:0;border:none;vertical-align:top; font-weight:normal;}
ul,li{ list-style:none; padding:0; margin:0;}
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
.left{float:left;}
.right{float:right;}
.both{ clear:both;}
.center{ text-align:center;}
.over{ overflow:hidden;}
.w108{ width:1180px; margin:0 auto;}
/**/
.top{height: 107px;}
.top h1{margin: 32px 90px 0 0;}
.top .nav li{float: left;margin: 0 0 0 43px;}
.top .nav li a{display: block;width: 99px;height: 107px;line-height: 107px;font-size: 18px;color: #0b0b0b;text-align: center;}
.top .nav li a:hover{color: #fff;background: #d6b741;}
.top .nav li a.on{color: #fff;background: #d6b741;}
/**/
.iabout{height: 500px;background: #f1f1f1;}
.iabout img{margin: 72px 0 0 0;}
.iabr{width: 638px;margin: 80px 0 0 0;}
.iabr .at1{font-size: 14px;color: #8b8b8d;padding: 0 0 0 15px;background: url(../images/index_09.png) no-repeat left center;}
.iabr .at2{font-size: 30px;color: #b18c00;margin: 10px 0 20px 0; background: url(../images/xian.jpg) no-repeat left bottom;padding: 0 0 20px;}
.iabr .at3{font-size: 13px;line-height: 30px;text-indent: 2em;margin: 8px 0;}
.iabr ul{margin: 40px 0 0 0;}
.iabr ul li{height: 65px;float: left;border-right: solid 1px #d2d2d3;width: 140px;padding: 0 0 0 68px;}
.iabr ul li p{font-size: 22px;color: #b18c00;font-weight: 600;margin: 5px 0 12px;}
.iabr ul li span{font-size: 14px;color: #666;}
/**/
.itt1{font-size: 36px;font-weight: bold;color: #b18c00;}
.itt1 span{color: #9b9b9b;font-size: 18px;display: block;margin: 18px 0 20px;text-transform: uppercase;}
.itt1 i{display: block;width: 38px;height: 3px;background: #b18c00;margin: 0 auto;}
.icpzs{margin: 65px 0 48px 0;}
.scrollpic {width: 1086px;position: relative;margin:60px auto 0 auto;}
#myscroll {display: block;width: 100%;position: relative;height: 360px;overflow: hidden;}
#myscroll #myscrollbox {display: block;float: left;position: absolute;left: 0;top: 0;width: 1000000px;}
#myscroll ul {display: block;float: left;list-style-type: none;padding: 0;margin: 0;}
#myscroll ul li {display: block;float: left;padding: 0;width:362px;}
#myscroll ul li a {display: block;float: left;padding: 0;position: relative;color: #333;width: 334px;}
#myscroll ul li a img{border: solid 1px #e5e5e5;}
#myscroll ul li a h5{font-size: 18px;color: #1b1b1b;text-align: center; margin: 30px 0 0 0;}
#myscroll ul li a:hover img{border: solid 1px #b18c00;}
#myscroll ul li a:hover h5{color: #b18c00;}
#mybtns a {width: 28px;height: 43px;display: block;position: absolute;z-index: 9;top: 102px;}
#mybtns a:hover, #myscroll, #mybtns a, #myscroll a:hover .intro, #myscroll a .intro, #myscroll #myscrollbox {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#mybtns #left {background-image: url(../images/index_14.png);left: -60px;}
#mybtns #right {background-image: url(../images/index_17.png);right: -31px;}
/**/
.iscsl{height: 578px;background: #efedef;padding: 70px 0 0 0;}
.iscsl .itt1{color: #b76a02;}
.iscsl .itt1 i{background: #b76a02;}
.scrollpic2 {width: 580px;position: relative;margin:68px 0 0 0;}
#myscroll2 {display: block;width: 100%;position: relative;height: 360px;overflow: hidden;}
#myscroll2 #myscrollbox2 {display: block;float: left;position: absolute;left: 0;top: 0;width: 1000000px;}
#myscroll2 ul {display: block;float: left;list-style-type: none;padding: 0;margin: 0;}
#myscroll2 ul li {display: block;float: left;padding: 0;width:580px;}
#mybtns2 a {width: 28px;height: 43px;display: block;position: absolute;z-index: 9;top: 145px;}
#mybtns2 a:hover, #myscroll, #mybtns a, #myscroll a:hover .intro, #myscroll a .intro, #myscroll #myscrollbox {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#mybtns2 #left2 {background-image: url(../images/index_14.png);left: 20px;}
#mybtns2 #right2 {background-image: url(../images/index_17.png);right: 20px;}
.iscr{width: 555px;}
.iscr .iscr_2{color: #b76a02;font-size: 30px;font-weight: 600;margin: 126px 0 17px;}
.iscr .iscr_3{font-size: 13px;color: #838383;line-height: 32px;}
/**/
.footer{height: 210px;background: #2b283d;}
.footer .fo1{float: left;color: #d3d3d3;}
.footer .fo1 li{float: left;}
.footer .fo1 a{color: #d3d3d3;}
.footer .fo1 a:hover{color:#b18c00;}
.fo1_1 li{float: left;padding: 0 10px 0 0; border-right: solid 1px #d3d3d3; height: 8px;margin: 35px 12px 0 0;}
.fo1_1 li a{line-height: 8px;display: block;}
.footer .fo1 .fo1_3{margin: 40px 0 0 76px;}
.footer .fo1 .fo1_3 li{float: none;font-size: 13px;line-height: 44px;padding: 0 0 0 36px;}
.fo1_3 .iadd{background: url(../images/index_25.png) no-repeat left center;}
.fo1_3 .itel{background: url(../images/index_29.png) no-repeat left center;}
.fo1_3 .ifax{background: url(../images/index_33.png) no-repeat left center;}
/**/
.cpzt{margin: 10px 0 0 0;}
.cplbnr li{height: 434px;border-bottom: solid 1px #e2e2e3;}
.cplbnr li p{width: 485px;margin: 0 0 0 65px;}
.cplbnr li p a.cpm1{font-size: 28px;color: #b18c00;display: table;margin: 114px 0 0 0;}
.cplbnr li p span{font-size: 14px;line-height: 30px;color: #393939;margin: 22px 0 34px;display: block;}
.cplbnr li p a.cpm2{font-size: 18px;color: #b4982c;width: 196px;height: 47px;display: block;border: solid 1px #c7b366;text-align: center;line-height: 47px;position: relative;-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}
.cplbnr li p a.cpm2:hover{color: #fff;}
:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.cplbnr li p a.cpm2:before {
    background: #b4982c;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleY(0);
    transform-origin: 50% 0 0;
    transition-duration: 0.3s;
    transition-property: transform;
    transition-timing-function: ease-out;
    z-index: -1;border-radius: 0;}
.cplbnr li p a.cpm2:hover::before {transform: scaley(1);}

.procontent table{background:#ccc;}
.procontent td{background:#fff;}