@charset "UTF-8";
@font-face {
	font-family: "webfontSourceHanSansSC";
	src: url(fonts/SourceHanSansCN-Light.ttf);
}

body, p, form, textarea, h1, h2, h3, h4, h5, dl, dd { margin: 0px; }
input, button, ul, ol { margin: 0px; padding: 0px; }
body, input, button, form { font-size: 14px; line-height: 28px; font-family: "宋体", "Simsun", Arial, sans-serif; color: #333333; }
h1, h2, h3, h4, h5, h6, font { font-size: 14px; font-weight: normal; }
ul, ol, li { list-style: none; }
input { background: none; border: 0 none; }
img { border: 0px; }
em, i { font-style: normal; }
button, input, select, textarea { font-size: 100%; }
table { border-collapse: collapse; border-spacing: 0; }
body { min-width: 1200px; background: url(../images/bg.jpg); }
*{ margin: 0; padding: 0; }
.red { color: #cb301c; }
.font_fm { }
.font_fmHe { }
.fl { float: left; }
.fr { float: right; }
.clear { clear: both }
.poa { position: absolute; }
.por { position: relative; }
.p40 { padding-top: 40px; }
.p60 { height: 80px; }
.hidden { display: none; }
.w1200 { width: 1200px; margin: 0 auto; }
.w12{width: 1200px;margin: 0 auto;}
.w10{width: 1125px;margin: 0 auto;padding: 0;}
.w13{width: 1267px;margin: 0 auto;padding: 0;}
.w14{width: 1400px;margin: 0 auto;padding: 0;}
.w1000 { width: 1200px; margin: 0 auto; }
.header , .content ,.container{margin-left:auto;margin-right:auto;width: 1200px;font-family:microsoft yahei;}
.clear { clear: both; overflow: hidden; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

/*网站公用样式表*/
a { color: #333333; text-decoration: none; }
a:hover { color: #fdd100; text-decoration: none; }
a:visited { text-decoration: none; }
.ease, .ease * { -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; }
.noease, .noease * { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }
.display_ie { display: inline-block; *display: inline; zoom: 1; }
.icon { background: url(../images/icon.png) no-repeat; display: inline-block; vertical-align: middle; }
.icon2 { background: url(../images/icon2.png) no-repeat; display: inline-block; vertical-align: middle; }

/* 顶部 */
.head{width: 100%;height: 253px;background: url(../images/t1.jpg)no-repeat top center;}
/*nav*/
.head_nav {
height: 156px;
    line-height: 56px;
    margin: 0 auto;
    padding-top: 40px;
}

.head_nav ul {
padding: 0 0 0 2px;
}

.head_nav li {
float: left;
height: 126px;margin-left: 69px;
    width: 33px;
    text-align: center;
   
}


.head_nav li.noline {

    background: none;

}

.head_nav li a {

display: block;height: 126px;

color: #fff;

font-size: 16px;

line-height: 56px;
}
.head_nav li a span{display: block;font-size: 14px;line-height: 12px;text-transform: capitalize;}


.head_nav li a:hover,.head_nav li a.active {

    color: #ffc513;

}

.head_nav .home {width: 463px;

    position: relative;height: 170px;

}

.head_nav .home a {

    position: relative;

    top: 28px;

    left: 0;

    z-index: 999;

}
/*banner*/
#flashs{ position:relative; height:708px; overflow:hidden; width:100% !important;}
#flashs .bd{ width:100% !important;}
#flashs .bgitem{  z-index:1;position:absolute; top:0; width:100% !important;}
#flashs .btn{ position:absolute; z-index:7; bottom:50px; left:50%; margin-left:-31px;}
#flashs .btn span{ color:#fff;  background:#717174; cursor: pointer;display: inline-block;margin:0 2px;width:25px;height:25px;font-size:14px;line-height:25px;text-align:center;}
#flashs .btn span.cur{background: #fc681c;} 
#flashs .banerer{ width:100% !important;}
/*产品*/

.t2bg .t2t1{ background: url(../images/pic/t2_01.jpg) center top no-repeat; height: 85px;}
.t2bg .t2t2{ background: url(../images/pic/t2_02.jpg) center top no-repeat; height: 85px;}
.t2bg .t2t3{ background: url(../images/pic/t2_03.jpg) center top no-repeat; height: 85px;}
.t2bg .t2t4{ background: url(../images/pic/t2_04.jpg) center top no-repeat; height: 85px;}
.t2bg .t2t5{ background: url(../images/pic/t2_05.jpg) center top no-repeat; height: 85px;}
.t2bg .t2t6{ background: url(../images/pic/t2_06.jpg) center top no-repeat; height: 85px;}

.t3bg { background: url(../images/t3.jpg) center top no-repeat; height: 635px;}
.t4bg { background: url(../images/t4.jpg) center top no-repeat; height: 770px;}
.t4bg ul{padding: 50px 0 0 0;}
.t4bg ul li {background: #572001; float: left; width: 175px; margin-right: 15px; margin-left: 0px; text-align: center;}
.t4bg ul li:hover {background: #792708;  margin-top: -6px;-webkit-transition: 0.2s linear;-o-transition: 0.2s linear;transition: 0.2s linear;}
.t4bg ul li .titl1{height: 195px; padding-top: 45px;}

.t4bg ul li .titl1 .titl2{width: 52px; height: 165px; border: 1px solid #b4a69b; margin: 0 auto;text-align: center; border-radius: 2px; }
.t4bg ul li .titl1 .titl2 p{/* width: 30px; */ height: 142px; font-size: 27px; line-height: 35px; margin: 0 auto; font-weight: 400;color: #e8e8e8; display: table-cell; text-align: center; vertical-align: middle;font-family: "microsoft yahei";} 
.t4bg ul li .titl1 .titl2 span{color: #c4c4c4; font-size: 9px;text-transform:uppercase;font-family: cursive;}
.t4bg ul li .titlimg{height: 165px;display: table-cell; text-align: center; vertical-align: middle; padding-bottom: 30px;}

.t5bg { background: url(../images/t5.jpg) center top no-repeat; height: 818px;}
.abouta{width: 824px;padding: 205px 0 0 0;writing-mode: vertical-rl;writing-mode: tb-rl;word-wrap:break-word;word-break:nomal; letter-spacing: 5px;font-size: 16px;
    color: #d5d5d5;
    font-weight: 700;
    line-height: 49px;
    height: 380px;}
.abouta span{color: #efaa4c;}

.t6bg { background: url(../images/t6.jpg) center top no-repeat; height: 352px;}
.t7bg { background: url(../images/t7.jpg) center top no-repeat; height: 656px;}
.pp{width: 959px; height: 654px; border: 1px solid #fedfc2; overflow: hidden;margin-left: 208px;}
.pp img{-webkit-transition: 0.2s linear; -o-transition: 0.2s linear; transition: 0.2s linear;width: 959px; height: 654px;}
.pp img:hover{-webkit-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);transform: scale(1.05);-webkit-transition: 0.2s linear;-o-transition: 0.2s linear;transition: 0.2s linear;}

.pp1 li{width: 572px; height: 568px; border: 1px solid #fedfc2; overflow: hidden;margin-left: 27px; float: left;margin-right: 65px; }
.pp1 ul li:nth-child(2n){margin-right: 0;}
.pp1 img{-webkit-transition: 0.2s linear; -o-transition: 0.2s linear; transition: 0.2s linear;width: 572px; height: 568px;}
.pp1 img:hover{-webkit-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);transform: scale(1.05);-webkit-transition: 0.2s linear;-o-transition: 0.2s linear;transition: 0.2s linear;}

.t8bg { background: url(../images/t8.jpg) center top no-repeat; height: 161px;}
.t9bg { background: url(../images/t9.jpg) center top no-repeat; height: 742px;}
.t10bg { background: url(../images/t10.jpg) center top no-repeat; height: 151px;}
.t11bg { background: url(../images/t11.jpg) center top no-repeat; height: 656px;}
.t12bg { background: url(../images/t12.jpg) center top no-repeat; height: 129px;}
.t13bg { background: url(../images/t13.jpg) center top no-repeat; height: 1000px;}
.t13bg ul {padding: 400px 0 0 0px}

.t13bg li {    float: left; position: relative;
    height: 498px;
    margin-right: 22px;
    width: 333px;
    text-align: center;
	-webkit-transition: 0.2s linear;
	-o-transition: 0.2s linear;
	transition: 0.2s linear;
}
.t13bg li a{display: block;
	
}
.t13bg li:hover{ margin-top: -20px;
	-webkit-transition: 0.2s linear;
	-o-transition: 0.2s linear;
	transition: 0.2s linear;
}
.t13bg li .titl1 img{height: 498px; width: 333px;}
.t13bg li .titl2{background: #691310; color: #fff; width: 195px; height: 70px; text-align: center;line-height: 70px; font-size: 36px; position: absolute; top: 390px; left: 70px;font-weight: 700;}

.t13bg li:last-child {
    margin-right: 0;
}

.t14bg { background: url(../images/t14.jpg) center top no-repeat; height: 331px;}
.t14bg ul {padding: 130px 0 0 70px}

.t14bg li {    float: left;
    height: 66px;
    margin-left: 15px;
    width: 173px;
    text-align: center;
}
.t14bg li a{ display: block;
    height: 66px;
}


.t15bg { background: url(../images/t15.jpg) center top no-repeat; height: 800px;overflow: hidden;}
.gdry{ margin: 304px 0 0 117px; }
.gdry li {
	float:left;
	 margin:0 8px;
}
.gdry li img {
	width:365px;
	height:308px; border: 1px dashed #8d130f; border-radius: 10px;		
}

#title {
    height: 110px;
    padding-left: 50px;
    margin-bottom: 50px;
}
.product_in {
    padding: 60px 0;
   
}
.product_in_three {
    background-image: none;
}
.pro_class {
    margin-bottom: 50px;
    text-align: center;
}
.pro_class a {
    margin-right: 45px;
    padding: 12px 30px 12px 50px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    background: url(../images/class_l.png) no-repeat 6px center,#b87a00;
}
.pro_class a:hover {
    background-color: #b87a01;
}
.pro_class a:last-child {
    margin-right: 0;
}
.pro_list ul+ul {
    display: none;
}
.pro_list2{width: 785px; float: left;}
.pro_list3{width: 330px;float: right;}
.pro_list ul li.a11{width: 414px; height:630px ; background: #542008;margin-left: 0px;}
.pro_list ul li.a11 img ,.pro_list ul li.a11 .im{width: 414px; height:530px ;}

.pro_list ul li.a12{width: 361px; height:630px ; background: #542008;}
.pro_list ul li.a12 img ,.pro_list ul li.a12 .im{width: 361px; height:530px ;}

.pro_list ul li.a13{width: 330px; height:334px ; background: #542008;margin-right: 0px; margin-left: 0; margin-bottom: 0;}
.pro_list ul li.a13 img ,.pro_list ul li.a13 .im{width: 330px; height:254px ;}

.pro_list ul li.a14{width: 330px; height:297px ; background: #542008;margin-right: 0px; margin-left: 0;}
.pro_list ul li.a14 img ,.pro_list ul li.a14 .im{width: 330px; height:217px ;}

.pro_list ul li.a13 p,
.pro_list ul li.a14 p {
    display: block;
    justify-content: space-between;
    height: 80px;
    line-height: 80px; text-align: center;
    color: #f09945;font-size: 30px;font-weight: 700; background: url(../images/t3bg.jpg) center no-repeat;

}
.pro_list ul li .im{display: block; overflow: hidden;}


.pro_list ul li,
.pro_list_t ul li {
    float: left;
    width: 31%;
    height: 330px; 
    margin-left: 10px;
    margin-bottom: 25px;
    overflow: hidden;
    
    background: #000;
}
.pro_list_t ul li {
    width: 23%;
    height: 258px;
    margin-right: 2.6%;
}
.pro_list ul li:nth-child(1n),
.pro_list_t ul li:nth-child(4n) {
 /*  margin-left: 0; */
}
.pro_list ul li img {
    /* width: 100%; */
    /* height: 280px; */
}
.pro_list_t ul li img {
    width: 100%;
    height: 210px;
}
.pro_list ul li a:hover img,
.pro_list_t ul li a:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
}
.pro_list ul li img,
.pro_list_t ul li img {
    -webkit-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
    max-width: 100%;
    max-height: 100%;
}
.pro_list ul li p,
.pro_list_t ul li p {
    display: block;
    justify-content: space-between;
    height: 100px;
    line-height: 100px; text-align: center;
    color: #f09945;font-size: 30px;font-weight: 700; background: url(../images/t3bg.jpg) center no-repeat;

}
.pro_list_t ul li p {
    height:40px;
    line-height:40px;
}
.pro_list ul li a:hover p {
    color: #fff;
    background-color: #542008;
}
.pro_list_t ul li a:hover p {
    color: #fff;
    background-color: #07aa2a;
}
.pro_list ul li p i,
.pro_list_t ul li p i {
   /* display: inline-block;
    width: 30px;
    height: 30px;
    margin-top: 10px;
    margin-right: 10px;
    border-radius: 50%;
    background: url(../images/right.png) no-repeat 0 0,#fdd000; */
}
.pro_list_t ul li p i {
   /* margin-top: 5px;
    margin-right: 7px; */
}
.pro_list ul li a:hover p i,
.pro_list_t ul li a:hover p i {
    background: url(../images/right.png) no-repeat 0 -30px,#ffffff;
}
#more {
    width: 135px;
    margin: 15px auto 0;
}
#more a {
    display: block;
    width: 135px;
    height: 45px;
    line-height: 45px;
    font-size: 15px;
    color: #fff;
    text-align: center;
    background-color: #b87a00;
}
#more a:hover {
    background-color: #fdd000;
}
/*product_in end*/

.product_in_t {
    padding: 100px 0 0px;
    background: url(../images/pro_t_bgt.png) repeat-x top center;
}
.cl { width: 100%; background: #b87a00; padding-bottom: 60px; }
/*product_in_t end*/

.about {
    padding: 70px 0;
}
.about_m {
    min-height: 650px;
    background: url(../images/about_bg.jpg) no-repeat right bottom;
}
.about_text {
    width: 50%;
}
.title_about_t {
    position: relative;
    width: 60%;
    margin: 40px auto;
}
.title_about_t:before {
    content: '';
    position: absolute;
    top: 18.5px;
    width: 100%;
    height: 2px;
    background-color: #bebebe;
}
.title_about_t h3 {
    position: relative;
    display: block;
    width: 40%;
    margin: 0 auto;
    text-align: center;
    font-size: 28px;
    color: #035841;
    background-color: #fff;
    z-index: 2;
}
/*about end*/

/*video*/
/* Slider */
.slick-slider{
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-slider:focus,.slick-slider:active{outline:none;blr:expression(this.onFocus="this.blur"());cursor: pointer;}
.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus{cursor: pointer;outline: none;}
.slick-list.dragging{cursor: pointer;cursor: hand;}
.slick-slider .slick-track,.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slick-track{position: relative;top: 0;left: 0;display: block;}
.slick-track:before,.slick-track:after{display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none;float: left;height: 100%;min-height: 1px;outline-style: none;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}
.index_2{ /*padding: 80px 0 120px; background: #fff;overflow: hidden;*/}
.index_2 .i_mian{margin-top: 50px;}
.index_2 .ib_s{ margin: 0 18px; border: 5px solid #f8f9fc; background-color: #f8f9fc;}
.index_2 .ib_s .ib_img{ width: 100%;overflow: hidden;margin-bottom: 30px; text-align: center;}
.index_2 .ib_s .ib_img img{max-width: 100%;}
.index_2 .ib_s .ib_text{ text-align: center;}
.index_2 .ib_s .ib_text h4{margin-bottom: 20px; font-size: 22px;color: #191309;}
.index_2 .ib_s .ib_text p{ height: 72px;overflow: hidden; font-size: 14px;color: #825e17;line-height: 24px;}
.index_2 .ib_s .ib_text h6{margin-top: 10px;}
.index_2 .ib_s .ib_text h6 a{ display: inline-block;width: 150px;height: 50px; background: #f8f9fc; font-size: 14px;color: #333; line-height: 50px;}
.index_2 .ib_s:hover{border-color:#fdd000;}
.index_2 .ib_s:hover .ib_text h6 a{ background:#fdd000;color: #fff;}
.index_2 .ib_s .ib_img img{-webkit-transition-timing-function: cubic-bezier(.19,1,.22,1);transition-timing-function: cubic-bezier(.19,1,.22,1);    -webkit-transition-duration: 2s;transition-duration: 2s;}
.index_2 .ib_s:hover .ib_img img{-webkit-transform: scale(1.08);transform:  scale(1.08);}
.index_2 .i_mian>button{position: absolute;top: 50%; z-index: 99; width: 40px; height: 40px; margin-top: -20px; border: none; background: transparent; font-size: 0; text-align: center;cursor: pointer;}
.index_2 .i_mian>.slick-prev{left: -40px;}
.index_2 .i_mian>.slick-next{right: -40px;}
.index_2 .i_mian>button:before{ display: inline-block; font-family:"iconfont" !important; font-size: 36px; color: #ffffff;}
.index_2 .i_mian>button:hover:before{ color: #fdd000;}
.index_2 .i_mian>.slick-prev:before{ content: '\e610';}
.index_2 .i_mian>.slick-next:before{ content: '\e614';}
/*about us*/
.z-syabout-d1{width: 100%;height: 668px;position: relative;overflow: hidden;}
.z-syabout-d1>img{width: 1920px;position: absolute;top: 0;left: calc(50% - 960px);}
.z-syabout-p1{width: 100%;position: absolute;top: 84px;left: 0;}
.z-syabout-p1 div:first-child{font-size: 36px;line-height: 58px;text-align: center;color: #b87a00;}
.z-syabout-p1 div:last-child{font-size: 40px;line-height: 58px;text-align: center;color: #b87a00;}
.z-syabout-p2{width: 1250px;position: absolute;top: 246px;left: calc(50% - 625px);font-size: 16px;line-height: 30px;color: #666666;text-align: center;font-weight: inherit;}
.z-syabout-d1 .z-bt-d1{top: 468px; left: calc(50% - 90px);}
/*more*/
.z-bt-d1{width: 180px;height: 46px;border: 1px solid #b87a00;box-sizing: border-box;background: #b87a00;overflow: hidden;position: absolute;cursor: pointer;}
.z-bt-k1{width: 0;height: 0;position: absolute;top: 50%;left: 50%;background: #fff;transition: 0.5s;transition-delay: 0.5s;}
.z-bt-d1:hover .z-bt-k1{width: 100%;height: 100%;top: 0;left: 0;transition: 0.5s;transition-delay: 0.1s;}
.z-bt-k2{width: 0;height: 0;position: absolute;top: 50%;left: 50%;background: #b87a00;transition: 0.5s;transition-delay: 0.3s;}
.z-bt-d1:hover .z-bt-k2{width: 100%;height: 100%;top: 0;left: 0;transition: 0.5s;transition-delay: 0.3s;}
.z-bt-k3{width: 0;height: 0;position: absolute;top: 50%;left: 50%;background: #fff;transition: 0.5s;transition-delay: 0.1s;}
.z-bt-d1:hover .z-bt-k3{width: 100%;height: 100%;top: 0;left: 0;transition: 0.5s;transition-delay: 0.5s;}
.z-bt-p1{width: 100%;height: 100%;position: absolute;top: 0;left: 0;font-size: 16px;line-height: 44px;color: #fff;text-align: center;font-weight: lighter;transition: 0.5s;}
.z-bt-d1:hover .z-bt-p1{color: #b87a00;transition: 0.5s;}
/*{news information}*/
.z-synews-d1{width: 100%;height: 660px;overflow: hidden;position: relative;}
.z-synews-d1>img{width: 1920px;position: absolute;top: 0;left: calc(50% - 960px);}
.z-synews-p1{width: 100%;position: absolute;top: 55px;left: 0;}
.z-synews-p1 div:first-child{font-size: 36px;line-height: 58px;text-align: center;color: #fdd001;}
.z-synews-p1 div:last-child{font-size: 40px;line-height: 58px;text-align: center;color: #fff;}
.z-synews-d2{width: 1300px;position: absolute;top: 188px;left: calc(50% - 650px)}
.z-synews-d3{width: 420px;height: 410px;margin-right: 20px;position: relative;overflow: hidden;float: left;box-shadow: 0 4px 35px rgba(236,236,236,0.35);}
.z-synews-d3:last-child{margin-right: 0;}
.z-synews-i1{width: 100%;height: 180px;overflow: hidden;}
.z-synews-d4{width: 100%;height: calc(100% - 180px);background: #fff;position: absolute;bottom: 0;left: 0;transition: 0.5s;}
.z-synews-d3:hover .z-synews-d4{height: 100%;background: #b87a00;transition: 0.5s;}
.z-synews-p2{width: 354px;height: 20px;font-size: 18px;line-height: 20px;color: #333333;text-align: center;position: absolute;top: 36px;left: calc(50% - 177px);transition: 0.5s;}
.z-synews-d3:hover .z-synews-p2{top: 72px;color: #fff;transition: 0.5s;}
.z-synews-p3{width: 354px;height: 56px;font-size: 14px;line-height: 28px;color: #666666;position: absolute;top: 96px;left: calc(50% - 177px);transition: 0.5s;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.z-synews-d3:hover .z-synews-p3{height: 84px;top: 170px;color: #fff;transition: 0.5s;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.z-synews-p4{width: 100%;height: 16px;font-size: 14px;line-height: 16px;color: #999999;text-align: center;position: absolute;top: 176px;left: 0;transition: 0.5s;}
.z-synews-d3:hover .z-synews-p4{top: 128px;color: #fff;transition: 0.5s;}
.z-synews-l1{width: 80px;height: 1px;background: #dcdcdc;position: absolute;top: 80px;left: calc(50% - 40px);transition: 0.5s;}
.z-synews-d3:hover .z-synews-l1{width: 0;left: 50%;transition: 0.5s;}
.z-synews-bt1{width: 148px;height: 42px;border: 1px solid #fff;box-sizing: border-box;position: absolute;top: 304px;left: calc(50% - 74px);}
.z-synews-bt1>div:nth-child(1){width: 0;height: 0;position: absolute;top: 50%;left: 50%;background: #fff;transition: 0.5s;transition-delay: 0.5s;}
.z-synews-bt1>div:nth-child(2){width: 0;height: 0;position: absolute;top: 50%;left: 50%;background: #fdd001;transition: 0.5s;transition-delay: 0.3s;}
.z-synews-bt1>div:nth-child(3){width: 0;height: 0;position: absolute;top: 50%;left: 50%;background: #fff;transition: 0.5s;transition-delay: 0.1s;}
.z-synews-bt1>div:nth-child(4){width: 100%;height: 100%;position: absolute;top: 0;left: 0;font-size: 16px;line-height: 40px;color: #fff;text-align: center;transition: 0.5s;}
.z-synews-bt1:hover>div:nth-child(1){width: 100%;height: 100%;top: 0;left: 0;transition: 0.5s;transition-delay: 0.1s;}
.z-synews-bt1:hover>div:nth-child(2){width: 100%;height: 100%;top: 0;left: 0;transition: 0.5s;transition-delay: 0.3s;}
.z-synews-bt1:hover>div:nth-child(3){width: 100%;height: 100%;top: 0;left: 0;transition: 0.5s;transition-delay: 0.5s;}
.z-synews-bt1:hover>div:nth-child(4){color: #fdd001;transition: 0.5s;}
/*message*/
.message { background-color: #fff; height: 49px; line-height: 49px; }
.message h1 { font-size: 1.6rem; font-weight: 400; text-align: center }
.message a { color: #FF5B5B; }
.index_message li { height: 42px; width: 317px; margin-bottom: 24px; background: #fff; float: left; margin-right: 5%; }
.index_message p {width: 60px;height: 42px;line-height: 42px;float: left;font-size: 15px;color: #fff;background: #dba13e;text-align: center;}
.index_message input { width: 250px; height: 35px; line-height: 40px; background: #fff; float: left; text-indent: 5px; }
fieldset { border: none; }
.am-form-group { margin-bottom: 1rem; }
.feedback fieldset > div input[type="text"], .feedback fieldset > div textarea { background-color: #EEEEEE; }
.am-btn {width: 30%;margin: 2% 8% 0;background-color: #dba13e;padding: 1%;font-size: 18px;color: #FFF;text-align: center;border: 1px solid transparent;float: right;}
.am-btn-danger { color: #fff; background-color: #dd514c; border-color: #dd514c; font-size: 1.8rem; }
input, select { font-size: 12px; line-height: 30px; width: 100%; padding: 1%; }

.about_name { border-left: 5px solid #fdd100; line-height: 30px; padding: 0 10px; margin: 2% 0; }
.about_name span { font-size: 20px; color: #9C9C9C; text-transform: uppercase; }
.about_name a h2 {color: #b87a00;font-weight: bold;font-size: 25px;}
.about_name a h2:hover { color: #DB0000; }
.line_message {background: url(../images/x1_07.jpg) repeat-x bottom;overflow: hidden;height: 415px;}
.map_contact { padding-top: 60px; height: 355px; }
.index_contact { width: 30%; float: left; }
.contact_con { padding-top: 16px; font-size: 14px; }
.contact_con dl { background: url(../images/icon_contact.png) no-repeat 0px 10px; padding-left: 32px; }
.contact_con dl dt, .contactnr dl dd { color: #666666; font-size: 14px; line-height: 30px; }
.contact_con dl dt { float: left; padding-left: 40px; }
.contact_con dl dd {color: #000c15;line-height: 34px;}
.message_pc { margin-left: 2%; width: 68%; }
.contact_bg { background: url(../images/contact.jpg) no-repeat left center; width: 100%; height: 100px; }
.contact_bg b { font-size: 20px; color: #757575; }
.contact_bg p { color: #989898; line-height: 22px; font-size: 15px; margin-top: 5%; letter-spacing: 2px; }
.footer_banquan { border-top: 1px solid #eb3d00; background: #333; text-align: center; color: #fff; font-size: 12px; height: 55px; line-height: 55px; }
.footer_banquan a { color: #fff }
.footer_banquan a:hover { color: #eb3d00 }
/*footer_main*/
img{    vertical-align: middle;}
#footer_main { width: 100%; background-color: #FFF; }
#footer_main .bottom { padding: 66px 0 40px; }
#footer_main .bottomLeft { width: 190px; font-size: 13px; text-align: center; color: #1c222b; border-top: 5px solid #1b2a3d; padding-top: 15px; }
#footer_main .bottomLeft img { width: 186px; height: 186px; display: block; margin: 0 auto 5px; border: 1px solid #d1d1d1; }
#footer_main .bottomRight { width: 835px; border-top: 5px solid #1b2a3d; padding-top: 15px; }
#footer_main .bottomNav ul { width: 112%; padding-bottom: 15px; }
#footer_main .bottomNav ul li { width: 110px; line-height: 18px; float: left; padding: 5px 0 15px; font-size: 10px; color: #afafaf; font-family: arial; }
#footer_main .bottomNav ul li a { color: #afafaf; display: block; }
#footer_main .bottomNav ul li strong { font-size: 14px; color: #1c222b; font-weight: normal; font-family: "microsoft yahei"; display: block; }
#footer_main .bottomNav ul li a:hover { color: #1c222b; }
#footer_main .bottomNav ul li a:hover strong { color: #000; }
#footer_main .bottomRight_2 .txt { line-height: 24px; color: #1c222b; margin-left: 5px; background: url(../images/foottel.png) no-repeat center left; margin: 2% 4%; text-indent: 3em; font-size: 18px; }
#footer_main .bottomRight_2 .txt span { display: block; font-family: Impact; font-size: 25px; color: #cb301c; }
#footer_main .bottomRight_2 .txt2 { border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; color: #727272; font-size: 14px; padding: 2px 0; text-align: center; }
#footer_main .footer {width: 100%;height: 35px;line-height: 35px;color: rgba(255, 255, 255, 0.6);font-size: 12px;background: #3c0b04;}
#footer_main .footer a { color: #fff; }
#footer_main .footer a:hover { text-decoration: underline; }
#footer_main .footer p{font-size: 14px; color: #f7f5aa; letter-spacing: 1px;font-weight: 100;}
#footer_main .logo { width: 92%; margin: 0 0 4% 10%; }
#footer_main .logo a { padding-right: 2%; width: 55%; display: block; overflow: hidden; float: left; border-right: 1px solid #CCC }
.footer:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }