article, aside, details, figcaption, figure, header, hgroup, nav, section {display:block}

html {font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}

body {font-size: 14px;font-family: "Microsoft YaHei","微软雅黑",Arial, Helvetica;line-height: 20px;background:#f9f5f4 url(../images/topb.gif) repeat-x top;color: #bea27b;}

* {margin:0;padding:0}

a {transition: all 0.4s ease;color:#bea27b; text-decoration:none;}

a:hover {color:#bea27b;}

a:active, a:focus, a:hover {outline:0}

.css3-animate {transition: all 0.6s ease;}

li{list-style:none}

img{border:0;vertical-align:middle}

table{border-collapse:collapse;border-spacing:0}

.line{border-top: #ccc 1px dotted;margin:6px 0;}

.hidden { display:none!important;visibility:hidden;}

.left{ float:left;}

.right{ float:right;}

.text-center { text-align: center; }

.text-left { text-align: left; }

.text-right { text-align: right; }

.bgwhite { background: #fff; }

.clear { clear: both; }

.phonepic { width: 100%; }

.red { color:#B9141E;}

.gray { color:#888; }

.black { color:#333; }

.white { color:#fff; }

.wrap {max-width: 1640px;width:100%;margin: 0 auto;}

.container {max-width: 1000px;width: 96%;margin:0 auto;}



@font-face {

    font-family: 'dinprobold';

    src: url('dinpro/dinpro-bold-webfont.eot');

    src: url('dinpro/dinpro-bold-webfont.eot?#iefix') format('embedded-opentype'),

         url('dinpro/dinpro-bold-webfont.woff2') format('woff2'),

         url('dinpro/dinpro-bold-webfont.woff') format('woff'),

         url('dinpro/dinpro-bold-webfont.ttf') format('truetype'),

         url('dinpro/dinpro-bold-webfont.svg#dinprobold') format('svg');

    font-weight: normal;

    font-style: normal;

}



/*菜单开始*/

.top { height:200px; }

.top .t_cen{ position:relative;height:168px;z-index:10;}

.top .t_c_logo{ position:absolute;z-index:100;left:0;top:43px;width:309px;}

.top .t_c_logo img { width:70%; }

.top .t_c_top { width:187px;position: absolute;right:0px;top: 48px;line-height:26px;color:#bfa27a; }

.top .t_c_bottom{ position:relative;max-width:1040px;width:100%;height:31px;margin:0 auto;  }

.top .t_c_bottom .thisMenu{position:absolute;left:0;top:0;width:173px;height:31px;background:url(../images/menubg1.gif) no-repeat center;z-index:30;}

.top .t_c_bottom li{position:relative;float:left;width:173px;text-align:center;z-index:35; background:url(../images/arr1.gif) no-repeat left center; }

.top .t_c_bottom li a{display:block;width:100%;line-height:31px;height:31px;font-size:16px;color:#bea27b;}

.top .t_c_bottom li:hover a { color:#bea27b; }

.top .t_c_bottom li.thisli a { color:#fff;background:url(../images/menubg.gif) no-repeat center; }

.top .t_c_bottom li.m1 { background:none; }

/*===============子菜单定位=================*/

/*菜单结束*/

.home-banner { max-width: 1200px;width:100%;margin:0 auto;}



.index1 { padding:70px 0 56px; background:url(../images/index1.jpg) no-repeat top center;margin:20px 0;}



.index2 { padding:93px 0 90px; background:url(../images/index2.jpg) no-repeat top center;marin:12px 0;}

.index2 li{ width:17%;padding:0 4%;float:left; position:relative;}

.index2 li .pic { padding:0 0 15px;}

.index2 li img { width:100%;transition: all 0.6s ease;}

.index2 li:hover img {transform: scale(1.1, 1.1);}

.index2 li .text{ font-size:18px; }



.footer { padding:26px 0;background: url(../images/footbg.gif) no-repeat top center;font-size:14px;line-height:26px; }



.fadeinright { animation:fadeInRight 1.3s 0.0s both }

@keyframes fadeInRight{0%{opacity:0;transform:translate3d(20px, 0, 0)}100%{opacity:1;transform:none}}

.fadeinleft { animation:fadeInLeft 1.3s 0.0s both }

@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-20px, 0, 0)}100%{opacity:1;transform:none}}

.fadein { animation:fadeIn 1.3s 0.0s both}

@keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}

.fadeinup { animation:fadeInUp 1.3s 0.2s both }

@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0, 20px, 0)}100%{opacity:1;transform:none}}

@keyframes fadeInDown {0%{opacity:0;transform:translate3d(0, -10px, 0)}100%{opacity:1;transform:none}}

@keyframes myfirst1 {0%   {}100% {transform:translateY(2px);}}



.banner-img {display: block;height:200px;border-bottom:#eee 1px solid;margin-top:20px; position:relative;}



.about { padding:30px 0 80px;}

.about1 .left { width:70%;animation:fadeInLeft 1.0s 0.2s both;}

.about1 .right { width:26%;padding:80px 0 0 4%;animation:fadeInUp 1.0s 0.5s both; }

.about1 .right .tit1 { font-size:18px;color:#442405;padding:0 0 13px;}

.about2 { margin-top:10px; }

.about2 .left { width:60%; line-height:24px;padding:15px 0px ;animation:fadeInUp 1.0s 0.7s both;}

.about2 .left p { padding:0 0 8px; text-indent:26px;}

.about2 .right { width:37%;animation:fadeInRight 1.0s 1.0s both;}

.about3 { padding:40px 0 0;}

.about3 .title { font-size:26px;color:#442405;margin:0 0 30px;}

.about3 li { width:22%;margin-left:4%;float:left;}

.about3 li img { width:100%;}

.about3 li .tit1 { padding:12px 0;font-size:16px;color:#442405;}



#accordion ul { display:none; }

.cases { padding:10px 0 60px;min-height:500px; }

.cases .left { width:16%;padding:30px 0 15px;}

.cases .left .title { color:#888;padding-bottom:20px;border-bottom:#ddd 1px solid;margin-bottom:20px;font-size:12px;}

.cases .left b { font-size:20px;color:#444;font-weight:normal; }

.cases .left li { width:100%;float:left;background:#f6ebdd;margin-bottom:3px;position:relative; }

.cases .left li .nocaret { width:9px;height:5px;position:absolute;right:8%;top:15px;z-index:99;background:url(../images/arr11.png) no-repeat;}

.cases .left li a { line-height:34px;padding-left:10%;color:#8f642a;cursor:pointer; width:90%;display:block;}

.cases .left li ul li { background:#fff;padding:3px 0 3px 10%;width:90%;}

.cases .left li ul li a { position: relative;line-height:22px;width:auto;padding-left:0;display:inline-block;font-size:12px;white-space: nowrap;color:#666;text-decoration:none;border-bottom:#f9f5f4 1px solid;transition: all 0.5s ease; }

.cases .left li ul li a:hover { border-bottom: 1px solid #B9141E;color:#442405; }

.cases .left li ul li a.hover { color:#ae7527;}

.cases .left li ul li a:after {content: "";position: absolute;border-bottom: 1px solid #d0b187;bottom: -1px;left: 100%;width: 0;transition: width 350ms, left 350ms;}

.cases .left li ul li a:hover:after {left: 0;width: 100%;transition: width 350ms;}

.cases .right { width:80%;padding:20px 0 20px;}

.cases .right li{float:left;width:32%;margin:0 2% 20px 0;}

/* main_img */

.cases .right li .pic { width:100%;height:168px; overflow:hidden;}

.cases .right li img{ width: 100%;height:100%;overflow-x: hidden;overflow-y: hidden;z-index:1;transition-delay: 0s;transition-duration: 0.5s;transition-property: all;transition-timing-function: ease;}

.cases .right li:hover img {transform: scale(1.1, 1.1);}

.cases .right li .text { width:96%;background:url(../images/arr0.gif) no-repeat right center;transition: all 0.6s ease; }

.cases .right li:hover .text { background:url(../images/arr.png) no-repeat right center; }

.cases .right li .title { padding:8px 0 4px;font-size:14px;transition: all 0.5s ease; }

.cases .right li:hover .title,.cases .right li:hover .tit { padding-left:8px; }

.cases .right li .tit { padding:2px 0 4px;font-size:13px;color:#777; }





.showpic .title { padding:15px 0 10px;border-bottom:#ddd 1px solid;margin-bottom:12px;font-size:18px;}

.showpic img { width:99.5%;margin:12px 0;border:#eee 1px solid;}



.contact { padding:80px 0 100px;min-height:210px;}

.contact .title { font-size:22px;padding:0 0 10px;}

.contact .left { width:45%;padding:60px 0 0;line-height:27px; }

.contact .left .title { font-size:26px;}

.contact .left .a1 { padding:0 0 0 26px;margin:8px 0 0;background:url(../images/contact_ico.png) no-repeat 0 4px; }

.contact .left .a2 { padding:0 0 0 26px;margin:8px 0 0;background:url(../images/contact_ico.png) no-repeat 0 -25px; }

.contact .left .a3 { padding:0 0 0 26px;margin:8px 0 0;background:url(../images/contact_ico.png) no-repeat 0 -54px; }

.contact .left .a4 { padding:0 0 0 26px;margin:8px 0 0;background:url(../images/contact_ico.png) no-repeat 0 -82px; }

.contact .left .a5 { padding:0 0 0 26px;margin:8px 0 0;background:url(../images/contact_ico.png) no-repeat 0 -110px; }

.contact .right { width:50%;padding:60px 0 0; }



.news { padding:40px 0 70px;min-height:210px; }

.news .left { width:16%;padding:30px 0 15px;}

.news .left .title { color:#888;padding-bottom:20px;border-bottom:#ddd 1px solid;margin-bottom:20px;font-size:12px;}

.news .left b { font-size:20px;color:#444;font-weight:normal; }

.news .left li { width:100%;float:left;}

.news .left li a { position: relative;line-height:28px;display:inline-block;white-space: nowrap;color:#666;text-decoration:none;border-bottom:#fff 1px solid;transition: all 0.5s ease; }

.news .left li a:hover { border-bottom: 1px solid #B9141E;color:#442405; }

.news .left li a.hover { color:#442405;font-weight:bold;}

.news .left li a:after {content: "";position: absolute;border-bottom: 1px solid #B9141E;bottom: -1px;left: 100%;width: 0;transition: width 350ms, left 350ms;}

.news .left li a:hover:after {left: 0;width: 100%;transition: width 350ms;}

.news .right { width:80%;padding:20px 0 20px;}

.news .right li { padding:22px 0 25px;border-bottom:#ddd 1px solid;width:100%;float:left; }

.news .right li .pic { width:20%; overflow:hidden;float:left; }

.news .right li  img { transition: all 0.6s ease; }

.news .right li:hover  img {transform: scale(1.1, 1.1);}

.news .right li .wenzi { width:70%;transition: all 0.6s ease;float:right; }

.news .right li:hover .wenzi { margin-right:2%;}

.news .right li .date { color:#999; }

.news .right li .title { padding:0 0 6px; font-size:17px;color:#111; }

.news .right li .text { padding:20px 0 15px;color:#666; }



.newsview { padding:40px 10% 100px;min-height:210px;line-height:26px; }

.newsview .title { font-size:18px;padding:0 0 12px;}

.newsview .date { font-size:12px;color:#888;padding:0 0 10px;margin:0 0 15px;border-bottom:#eee 1px solid; }



.cooperation { padding:60px 0 100px;min-height:210px;color:#444;}

.cooperation .left { width:53%;}

.cooperation .right { width:44%; }



.service { padding:60px 0 100px;min-height:210px;line-height:28px; }

.service .left { width:40%;}

.service .right b { font-size:18px;line-height:38px; }



/*悬浮框*/

#xuanfu { position: fixed;width: 56px;bottom: 0; right: 0;z-index: 99999;}

#xuanfu ul li {width: 100%;height: 56px;display: block;margin-bottom: 1px;position: relative;}

#xuanfu ul li .pic3 {display: none;position: absolute;left: -134px;top: -78px;}



#fenye {float:right;color:#888;padding:30px 45px 0 0; height:25px;}

#fenye a {padding:2px 8px;color:#888; border:#888 1px solid; margin:0 1px;}

#fenye a:hover {text-decoration:none; background:#442405;color:#fff;}

#fenye .a1 { padding:2px 8px;border:#442405 1px solid; margin:0 1px;background:#442405;color:#fff;}



.key {border: 0;height: 21px;width: 120px;background: none;color: #999;font-size:11px;font-family: "Microsoft YaHei","微软雅黑",Arial, Helvetica;}

input:focus { outline:none;}