﻿@charset "utf-8";
html { font-family:"微软雅黑"; font-size:14px;} 
html,body{ height:100%; }
body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div, dl, dt, dd, input,figure { margin: 0; padding: 0; }
body { -webkit-overflow-scrolling: touch; text-align:left;  max-height: 100%;  overflow:-Scroll;overflow-x:hidden}
a, a:hover { text-decoration: none; outline: none;  }
a{ /*color:#0b0808;*/}
p{ margin:0; padding:0;}
:link, :visited{text-decoration: none;}
ul,li { list-style: none }
img { border: none; max-width:100%;}
input, select, textarea { border: none; outline: none; background: none }
em,i { font-style: normal }
h1, h2, h3, h4, h5, h6 { font-weight: normal }
.clear{clear:both; width:100%; overflow:hidden;}
/*.clearfix::after{ clear: both; display: block; height: 0; content: '';}
*//* clear */
.fn-clearfix:after { display: block; font-size: 0; content: '\0020'; clear: both; height: 0; }
.fn-clearfix { zoom: 1; /*for IE6 IE7*/ }
.fn-clear { visibility: hidden; clear: both; }
a{text-decoration: none; outline: 0; blr:expression(this.onFocus=this.blur()); }
::-ms-clear, ::-ms-reveal{display: none; }

td{ border:1px solid #000}

.zj{ width:1200px; margin:0 auto; display:block;}
.fl{ float:left;}
.fr{ float:right;}
/*header*/
.header { width: 100%; display:table; margin: 0 auto; }
.home{ height:42px; line-height:42px; background:#f7f7f7; color:#424242}
.home a{ color:#717171;  margin:0 5px;font-size:13px;}
.home a:hover{ color:#ca8e48;}
.home_l{ float:left}
.home_r{ float:right}


.zy{ float:right; display:block; font-size:12px; color:#296fb7; padding:4px 0 6px; border-bottom:1px solid #296fb7;border-top:1px solid #296fb7; margin:28px auto;}	
.zy a{ padding:0 6px; color:#296fb7;}
.zy a:hover{ color:#f4a45d;}

/*header*/
.header { width: 100%; display:table; margin: 0 auto; background:#fff;  }
.logo{ float:left; width:206px; height:100px; padding:4px 0 6px; margin:0 40px 0 0}
.logo img{ display:table; margin:0 auto; height:100px; }
.tel{ float:right; height:100px; padding:5px 0 0 60px; line-height:100px; color:#ca8e48; font-weight:bolder; font-size:22px; background:url(../images/tel.jpg) no-repeat center left;}

.nav_k{ display:table; margin:0 auto; height:100px; float:left; padding:5px 0 0}
.navBar{ display:table; height:10px; line-height:100px; position:relative; z-index:9999;   }
.nav{ margin:0 auto; display:table; font-family:"Microsoft YaHei",SimSun,SimHei;  }
.nav h3{ font-size:100%; font-weight:normal;  }
.nav .m{  position:relative; float:left; margin:0 0 0px ; display:inline; text-align:center;   }
.nav .m:hover{color:#834711; }
.nav h3 a{ font-size:18px;  zoom:1;  height:100px; line-height:100px; padding:0px 22px;  display: block; margin:0px auto 0; color:#424242; }
.nav h3 a:hover,.nav .m:hover h3 a{ color:#834711; }
	
.nav .sub{ display: none;  width:100%; padding: 0; margin:0 ;  position:absolute; top:80px;  background-color:#eeeeee;  float:left; line-height:44px; }
.nav .sub li{ text-align:center;  }
.nav .sub li a{ color:#333; display:block; zoom:1; font-size:16px;}
.nav .sub li a:hover{  background:#ca8e48; color:#fff;   }


/* banner */
.banner{ width:100%; display:table; height:790px; position:relative}
.fullSlide{ width:100%;  position:relative;  height:680px; background:#fff;  }
.fullSlide .bd{ margin:0 auto; position:relative; z-index:999; overflow:hidden;  }
.fullSlide .bd ul{ width:100% !important; }
.fullSlide .bd li{ width:100% !important;  height:680px; overflow:hidden; text-align:center; }
.fullSlide .bd li a{ display:block; height:680px; }
.fullSlide .hd{ width:100%;  position:absolute; z-index:9999; bottom:52%; left:0; height:22px; line-height:22px;}
.fullSlide .hd ul{ text-align:center; width:1120px; margin:0 auto; padding:0 0 0 1100px; box-sizing:border-box }
.fullSlide .hd ul li{  cursor:pointer; zoom:1; width:14px; height:14px; margin:0px 0 10px; overflow:hidden; background:rgba(255, 255, 255, 0.9);  line-height:999px; border-radius:50%	}
.fullSlide .hd ul .on{ background:#ca8e48; }
.fullSlide .prev{  display:block;  position:absolute; z-index:1; top:40%; left:2%;  z-index:9999; width:70px; height:70px; background:url(../images/dot1.png) 0px 0px  no-repeat;  cursor:pointer;display:none;  }
.fullSlide .next{ display:block;  position:absolute; z-index:1; top:40%; left:2%;  z-index:9999; width:70px; height:70px; background:url(../images/dot2.png) 0px 0px  no-repeat;  cursor:pointer; display:none;  }
.fullSlide .next{ left:auto; right:2%;  }

/**/
.ban_time{ width:100%; position:absolute; bottom:0; background:url(../images/bj1.png) no-repeat center center; height:124px; display:table}
.ban_time ul{ width:1200px; margin:0 auto; display:table}
.ban_time li{ width:33.33%; float:left; background:url(../images/banx.png) no-repeat center right;}
.ban_time li i{ float:left; margin:40px 30px 0 55px; width:44px;}
.ban_time li i img{ display:table}
.ban_time li h1{ float:left; font-size:15px; color:#333333; display:table; line-height:1.3; padding:20px 0 0}
.ban_time li h1 span{ font-size:50px; font-weight:bolder; color:#af2f32; display:table}


img.lazy{background: url(../images/loading.gif) 50% no-repeat;}
.mt10{ margin-top:10px}
.mt15{ margin-top:15px}
.mt20{ margin-top:20px}
.ml10{ margin-left:10px}
.ml15{ margin-left:15px}
.ml20{ margin-left:20px}

/*特效集*/

@keyframes pulse {
 0% {transform: scale(1);}
 50% {transform: scale(1.2);}
 100% {transform: scale(1);}
}
/**/
.wrap{ width:100%; display:table;}
/*sou*/
.ban_fd{ width:100%; display:table;bottom:0;position: absolute;z-index: 9999;}
.sou_bg{width: 1330px;height: 219px; margin:0 auto;background: url(../images/sou_bg.png) no-repeat center;}
.sou_bg .sou_l{float: left;width: 200px;margin-left: 95px;margin-top: 52px;}
.sou_bg .sou_l h5{text-align: center;font-size: 18px;color: #333333;font-weight: bold;text-transform: uppercase;font-family: Arial, Helvetica, sans-serif;height: 56px;background: url(../images/buttom2.png) no-repeat bottom center;}
.sou_bg .sou_l .search{width: 200px;height: 42px;background: #f6f6f6;border-radius: 45px;margin-top: 20px;}
.sou_bg .sou_l .search .search2{float: left;background: none;width: 100px;height: 42px;padding-left: 15px;font-size: 16px;color: #666666;font-family: Arial, Helvetica, sans-serif;text-transform: capitalize;}
.sou_bg .sou_l .search .search_s{float: right;width: 41px;height: 41px;}
.sou_bg .sou_c{float: left;width: 260px;margin-left: 150px;margin-top: 52px;}
.sou_bg .sou_c h5{width: 140px;text-align: center;font-size: 18px;color: #333333;font-weight: bold;text-transform: uppercase;font-family: Arial, Helvetica, sans-serif;height: 56px;background: url(../images/buttom2.png) no-repeat bottom center;}
/* 询盘*/ 
.topxunpan{position: relative;margin-top: 25px;}
.topxunpan .xp{position: relative;height: 30px;line-height: 30px;font-size: 16px;color: #666666;cursor: pointer;}
.topxunpan .xp img{position: relative;top: 0px;margin: 0 15px 0 0px;vertical-align: middle;}
.topxunpan .xp i{padding: 0 0px;margin-left: 0px;margin-right: 0px;box-sizing: border-box;font-size: 16px;color: #666666;}
.topxunpan .xp #xunpantip{z-index: 999;position: absolute;top: 35px;left: 30%;width: 180px;height: 34px;line-height: 34px;text-align: center;color: #fff;font-size: 14px;-webkit-transform: translateX(-50%) scale(0);-moz-transform: translateX(-50%) scale(0);-o-transform: translateX(-50%) scale(0);-ms-transform: translateX(-50%) scale(0);transform: translateX(-50%) scale(0);-webkit-transition: transform .4s, opacity .4s;-moz-transition: transform .4s, opacity .4s;-o-transition: transform .4s, opacity .4s;-ms-transition: transform .4s, opacity .4s;transition: transform .4s, opacity .4s;background-color: #ca8e48;border-radius: 4px;opacity: 0;font-weight: bold;box-shadow: 5px 5px 2px #dfdfdf;}
.topxunpan .xp #xunpantip::after{content: '';position: absolute;top: -16px;left: 50%;width: 0;height: 0;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-o-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);border: 8px solid transparent;border-bottom-color: #ca8e48;}
.topxunpan .xp #xunpantip.xunpantextactive{-webkit-transform: translateX(-50%) scale(1);-moz-transform: translateX(-50%) scale(1);-o-transform: translateX(-50%) scale(1);-ms-transform: translateX(-50%) scale(1);transform: translateX(-50%) scale(1);opacity: 1;}
.sou_bg .sou_r{float: left;width: 285px;margin-top: 52px;}
.sou_bg .sou_r h5{width: 180px;text-align: center;font-size: 18px;color: #333333;font-weight: bold;text-transform: uppercase;font-family: Arial, Helvetica, sans-serif;height: 56px;background: url(../images/buttom2.png) no-repeat bottom center;}
.sou_bg .sou_r p{font-size: 16px;color: #666;margin-top: 20px;line-height: 40px;}
.sou_bg .sou_r p i{font-size: 18px;color: #666;}
.sou_bg .trait{float: right;width: 338px;margin-top: 48px;}
.sou_bg .trait p{font-size: 16px;color: #fff;line-height: 30px;text-align: center;background: url(../images/buttom1.png) no-repeat top center;padding-top: 65px;}

.k1{ padding:0; width:1200px; display:table; margin:0 auto; padding: 0 0 70px}
.btk{ width:100%; display:table; padding:40px 0 20px}
.bt{ float:left; font-size:18px; line-height:24px; color:#333; }
.bt h1{ padding:15px 0; font-size:42px; font-weight:bolder;font-family:"宋体"; line-height:50px;}
.bt span{ letter-spacing:15px;}
.more1{ float:right; width:156px; height:156px; display:table}
.sy_nav{ min-height:620px;float: left;width: 220px;padding: 10px 0 5px;background: #fff;-webkit-box-shadow: 0 0 8px 8px rgba(0, 0, 0, .06);box-shadow: 0 0 8px 8px rgba(0, 0, 0, .06); border-radius:15px;}
.sy_nav ul{ width:194px; margin:0 auto}
.sy_nav li{ width:100%; display:table}
.sy_nav li a{ width:100%; display:table;color:#7f7f7f}
.sy_nav li a h1{ margin:0 auto 10px; width:100%; background:url(../images/nav_bj.jpg) no-repeat center center; line-height:54px; height:54px; font-size:18px; color:#7f7f7f; font-weight:bolder; padding:0 0 0 20px; box-sizing:border-box }
.sy_nav li a span{ width:154px; margin:0 auto; display:table; font-size:16px; line-height:1.2; padding:6px 0 }
.sy_nav li a span:before{ content:"•"; font-size:14px;padding:0 10px 0 0}

.cp{  width:949px; margin:0 auto; display:table; float:right}
.cp ul{  display:table; width:100%; box-sizing:border-box}
.cp ul li{width:295px; display:block; color:#000000;float:left; margin:0 30px 14px 0;}
.cp ul li a{ width:295px;  margin:0 auto; display:block; color:#333}
.cp ul li:nth-child(3n+0){ margin-right:0;}
.cp ul li a .cp_t{ width:295px; height:250px;  display:block;  overflow: hidden; box-sizing:border-box;}
.cp ul li a .cp_t img{  width:295px; /*height:250px;*/  display:block;-webkit-transition: all .6s ease 0s; transition: all .6s ease 0s;}
.cp ul li a:hover .cp_t img{transform: scale(1.05);}
.cp ul li a:hover h1 { color:#ca8e48}
.cp ul li a h1{ width:100%; line-height:66px; font-size:18px; height:66px;}
.cp ul li a span{ width:80%; float:left}
.cp ul li a i{ line-height:30px; text-align:center; margin:18px 0 0; float:right; font-size:18px; font-family:"宋体"; background:#f1f2f1; width:30px; height:30px; border-radius:50%}
.cp ul li a:hover i{ background:#ca8e48; color:#fff}

/**/
.k2{ background: url(../images/bj1.jpg) no-repeat center top; height:992px; width:100%; display:table; color:#333}
.ys{ width:1200px; display:table; margin:0 auto; background: url(../images/ys1.png) no-repeat  right 73px}
.ys .btk{    padding:80px 0 60px;}
/* 本例子css */
.slideTxtBox{ width:640px; float: left; height:520px; position:relative}
.slideTxtBox .hd{   position:relative; height:240px; margin:0 0 50px }
.slideTxtBox .hd ul{ float:left;  position:absolute;   }
.slideTxtBox .hd ul li{ float:left; padding:0 ; margin-right:26px; font-size:12px; color:#333333; line-height:1; cursor:pointer; width:140px; height:240px; background:#fff ; text-align:center }
.slideTxtBox .hd ul li:last-child{ margin-right:0}
.slideTxtBox .hd ul li h1{ color:#333; font-size:42px; font-weight:bolder; padding:44px 0 10px}
.slideTxtBox .hd ul li h2{ font-size:30px; color:#333333; opacity:.4}
.slideTxtBox .hd ul li h3 span{ font-size:12px; opacity:.4; text-transform:uppercase; display:table; margin:0 auto; padding:8px 0 0}
.slideTxtBox .hd ul li h3{ font-size:18px; padding:20px 0 0}
.slideTxtBox .hd ul li.on{ background:#ca8e48; color:#fff }
.slideTxtBox .hd ul li.on h1{ color:#fff}
.slideTxtBox .hd ul li.on h2{ color:#fff}
.slideTxtBox .bd{ padding:0;  zoom:1;  }

.ys_list{ width:640px; height:160px;}
.ys_list h1{ font-size:22px; font-weight:bolder; line-height:22px; padding:0 0 15px}
.ys_list h1 i{ width:9px; height:9px; background:#ca8e48; display:table; border-radius:50%; float:left; margin:6px 15px 0 0}
.ys_list p{ font-size:15px; line-height:36px; height:120px; display:table}

.ys_btn{ height:120px; line-height:34px; width:100%; border-radius:80px; background: #fff; box-sizing:border-box}
.ys_btn dl{ float:left; width:600px; box-sizing:border-box; display:table; padding:23px 60px 0}
.ys_btn dl i{ background:#ca8e48; width:74px; height:74px; border-radius:50%; display:table; float:left}
.ys_btn dl i img{ width:70px; height:70px; display:table; margin:0 auto; padding:2px 0 0}
.ys_btn dl h1{ text-transform:uppercase; width:380px; font-size:16px; line-height:24px; margin-left:14px; float: right; color:#9a9a9a; }
.ys_btn dl h1 span{ padding:0 0 13px; margin:0 0 8px; font-size:18px;color:#333; display:table; font-size:16px; border-bottom:1px solid #dbdbdd; width:100% }
.ys_btn dl:nth-child(2){ width:50%}
.ys_btn dl:nth-child(2) i{ background:#834711}
/*k3*/
.k3{ width:1200px; display:table; padding:0 0 80px; margin:0 auto}
.case{ width:1200px; display:table; background:url(../images/bj2.png) no-repeat right top}
.case li{ width:256px; float:left; margin:100px 0 0 14px}
.case li a .case_t{ width:256px; height:179px;  display:block;  overflow: hidden; box-sizing:border-box;}
.case li a .case_t img{  width:2956px; height:256px;  display:block;-webkit-transition: all .6s ease 0s; transition: all .6s ease 0s; margin-top:-40px;}
.case li a:hover .case_t img{transform: scale(1.08);}
.case li:nth-child(1){ width:332px; height:232px; border:24px solid #f6f6f6; border-radius:15px; margin:0 }
.case li:nth-child(1) a .case_t{ width:332px; height:232px;  display:block;  overflow: hidden; box-sizing:border-box;}
.case li:nth-child(1) a .case_t img{ width:332px; height:332px;  display:block;-webkit-transition: all .6s ease 0s; transition: all .6s ease 0s; margin-top: -49px;}

.k4{ background: url(../images/bj3.jpg) no-repeat center top; height:853px; width:100%; display:table; color:#333; padding:30px 0 0; box-sizing:border-box}
.jj{ width:570px; display:table; font-size:16px; line-height:30px; color:#333; height:365px}
.jj h1{ font-size:20px; font-weight:bolder; padding:20px 0}
.jj1{ width:100%; display:table}
.jj1_l{ width:170px; margin:0 45px; display:table; float:left; text-align:center; padding:20px 0 0}
.jj1_l a{ width:100%; display:table; height:170px; color:#fff; font-size:16px; line-height:40px}
.jj1_l a img{ display:table; margin:0 auto; padding:42px 0 0}
.jj_r{ width:289px; height:203px; display:table;}
.jj_r a img{width:289px; height:203px; display:table;}
.jj p{ height:210px; overflow:hidden}
.jj a{ font-size:16px; display:table; padding:0 40px; border:1px solid #CCC; line-height:36px; border-radius:25px;}
.jj a:hover{ background:#ca8e48; color:#fff; border:1px solid #ca8e48}

/*news*/
.news{width: 1200px;margin: 10px auto 0 auto; padding:0 0 100px}
.news .news_t{overflow: hidden;}
.news .news_t .title{float: left;}
.news .news_list{margin: 0 auto;height: 70px;border-bottom: 1px solid #dfdfdf;}
.news .news_list ul li{float: left;width: 290px;height: 70px;line-height: 70px;position: relative;background: url(../images/buttom8.png) no-repeat right center;margin-right: 165px;}
.news .news_list ul li:last-child{margin-right: 0;}
.news .news_list ul li a{display: block;font-size: 18px;color: #333;}
.news .news_list ul li a i{display: block;float: left;background: #dfdfdf url(../images/buttom9.png) no-repeat center;width: 35px;height: 14px;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;margin-top: 28px;margin-right: 40px;}
.news .news_list ul li::after{position: absolute;left: 0;bottom: 0;width: 0;height: 1px;background: #ca8e48;content: "";-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.news .news_list ul li.casehover a i,.news .news_list ul li:hover a i{background: #ca8e48 url(../images/buttom9.png) no-repeat center;}
.news .news_list ul li.casehover::after,.news .news_list ul li:hover::after{width: 100%;}
.news .news_box{margin: 50px auto 0 auto;width: 1200px;height: 523px;overflow: hidden;}
.news .news_box ul li{float: left;width: 385px;height:463px;margin: 0 22.5px 30px 0;position: relative;}
.news .news_box ul li .news_img{width: 385px;height: 253px;overflow: hidden;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;margin-bottom: 25px;}
.news .news_box ul li .news_img img{width: 385px;height: 253px;overflow: hidden;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.news .news_box ul li:hover .news_img img{transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);}
.news .news_box ul li .txt{height: 230px;border-bottom: 1px solid #dedede; padding:30px 0 0; box-sizing:border-box}
.news .news_box ul li .txt h5 a{font-size: 18px;color: #333333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.news .news_box ul li:hover .txt h5 a{color: #ca8e48;transform: translateX(10px);-webkit-transform: translateX(10px);-o-transform: translateX(10px);}
.news .news_box ul li .txt p{font-size: 15px;color: #888;line-height: 30px;height: 90px;overflow: hidden;margin-top: 15px;}
.news .news_box ul li .txt .more{margin-top: 30px;}
.news .news_box ul li .txt .more a{display: block;float: left;font-size: 14px;color: #666666;text-transform: uppercase;font-family: Arial, Helvetica, sans-serif;}
.news .news_box ul li .txt .more span{display: block;float: right;font-size: 14px;color: #999;}
.news .news_box ul li:nth-child(1) .news_img,
.news .news_box ul li:nth-child(3) .news_img,
.news .news_box ul li:nth-child(5) .news_img{height: 0;margin-bottom: 0px;}
.news .news_box ul li:nth-child(1) .news_img img,
.news .news_box ul li:nth-child(3) .news_img img,
.news .news_box ul li:nth-child(5) .news_img img{height: 0;}
.news .news_box ul li:nth-child(4),
.news .news_box ul li:nth-child(6){top: -220px;}
.news .news_box ul li:nth-child(3),.news .news_box ul li:nth-child(6){margin: 0 0px 30px 0;}
.news .news_box ul li:nth-child(1) .news_img,
.news .news_box ul li:nth-child(1) .news_img img,
.news .news_box ul li:nth-child(3) .news_img,
.news .news_box ul li:nth-child(3) .news_img img{height:253px !important;}
.news .news_box ul li:nth-child(1) .news_img,.news .news_box ul li:nth-child(3) .news_img{position:absolute; bottom:-44px; left:0;}

/*fotter*/


.fotter{ background: url(../images/fott.jpg) no-repeat center top; width:100%; display:table; color:#fff;}
.fo{ width:1200px; display:table; margin:0 auto; padding:110px 0 0; height:210px}
.fo_nav{ width:830px; float:left}
.fo_nav li{ float:left; background:url(../images/fo_xx.png) no-repeat top right; width:200px; text-align:center}
.fo_nav li a{ color:#fff; display:table; width:100%; font-size:15px; line-height:28px}
.fo_nav li a h1{ font-size:20px; font-weight:bolder; margin:0 auto 10px; line-height:1}
.fo_wx{ width:290px; float:right}
.fo_wx img{ width:170px; height:170px; display:table; float:left}
.fo_wx h1{ font-size:16px; line-height:32px; padding:40px 0 0 40px; display:table; float:left}

.fo2{ color:#fff;vertical-align:middle;display: table; text-align:center; font-size:13px; text-align:center;  margin:0 auto; width:100%;line-height:24px; padding:10px 0;   opacity:.7}
.fo2 a{color:#fff; margin:0 5px }
.fo2 .fo_lj{  width:122px; display: inline-block; height:24px;vertical-align:middle}
.fo2 .fo_lj img{ display:table; padding:0px 0 0 }
.fotter a:hover{ color:#ca8e48}



.fy{ text-align:center; font-size:14px; padding:20px 0;}
.info { width: 450px; height: 27px; line-height: 28px;  text-align: center;  margin: 15px auto; border: 1px dashed #ccc; border-left: none; border-right: none;  color: #6f6f6f;}

@media screen and (max-width:1360px) {
.sou_bg{ width:100%; margin:0 auto}	
.sou_bg .trait{ width:268px}
.sou_bg .sou_l{    margin-left: 75px;}
	}

