﻿@font-face {

  font-family: 'iconfont';  /* project id 1298696 */

  src: url('//at.alicdn.com/t/font_1298696_rfe134esu4.eot');

  src: url('//at.alicdn.com/t/font_1298696_rfe134esu4.eot?#iefix') format('embedded-opentype'),

  url('//at.alicdn.com/t/font_1298696_rfe134esu4.woff2') format('woff2'),

  url('//at.alicdn.com/t/font_1298696_rfe134esu4.woff') format('woff'),

  url('//at.alicdn.com/t/font_1298696_rfe134esu4.ttf') format('truetype'),

  url('//at.alicdn.com/t/font_1298696_rfe134esu4.svg#iconfont') format('svg');

}

.iconfont{

    font-family:"iconfont" !important;

    font-size:16px;font-style:normal;

    -webkit-font-smoothing: antialiased;

    -webkit-text-stroke-width: 0.2px;

    -moz-osx-font-smoothing: grayscale;

}



body {font-size:12px;color:#000000;font-family:'Microsoft YaHei';min-width:1200px;}

body,div,ul,ol,li,dl,dt,dd,p,span,h1,h2,h3,h4,h5,h6,form,pre,fieldset,legend,table,tr,td,th,input,textarea,img {margin:0;padding:0;font-family:'Microsoft YaHei';}

section,article,header,footer,aside,nav,dialog,figcaption,figure,menu,details {margin:0;padding:0;font-family:'Microsoft YaHei';}

div,ul,ol,li,dd,dl,dt {list-style:none;}

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

td,tr,th {font-size:12px;}

img {border:none;}

select,input,img {vertical-align:middle;}

textarea {vertical-align:middle;font-size:12px;resize:none;}

input,textarea{outline: none;}

em {font-style:normal;}

b {font-weight:normal;}

h1,h2,h3 {font-weight:bold;font-size:16px;}

h4,h5,h6 {font-weight:bold;font-size:12px;}



a:link,a:visited {color:#333;text-decoration:none;}

a:hover,a:active {color:#c5a185;text-decoration:none;}

a.sethome:link,a.sethome:visited {color:#273843;font-size:12px;text-decoration:none;}

a.sethome:hover,a.sethome:active {color:#FF0000;font-size:12px;text-decoration:underline;}

a.links:link,a.links:visited   {color:#3C3B3B;font-size:12px;text-decoration:none;}

a.links:hover,a.links:active   {color:#FF0000;font-size:12px;text-decoration:underline;}

a.white:link,a.white:visited   {color:#FFFFFF;font-size:12px;text-decoration:none;}

a.white:hover,a.white:active   {color:#FF0000;font-size:12px;text-decoration:none;}

a.black:link,a.black:visited   {color:#666666;font-size:12px;text-decoration:none;}

a.black:hover,a.black:active   {color:#FF0000;font-size:12px;text-decoration:none;}

a.detail:link,a.detail:visited {color:#000000;font-size:12px;text-decoration:none;}

a.detail:hover,a.detail:active {color:#FF0000;font-size:12px;text-decoration:none;}

a.newslist:link,a.newslist:visited {color:#666666;font-size:13px;text-decoration:none;}

a.newslist:hover,a.newslist:active {color:#FF0000;font-size:13px;text-decoration:none;}

a.prolist:link,a.prolist:visited   {color:#615B5B;font-size:13px;text-decoration:none;}      

a.prolist:hover,a.prolist:active   {color:#FF0000;font-size:13px;text-decoration:none;}

a.job:link,a.job:visited {color:#333333;font-size:12px;text-decoration:none;}

a.job:hover,a.job:active {color:#FF0000;font-size:12px;text-decoration:none;}



.clearfix { *zoom: 1;}

.clearfix:after { display: block;font-size: 0; content: ""; clear: both; visibility: hidden;}

.clear,.cl {clear:both;}

.tl {text-align:left;}

.tr {text-align:right;}

.tc {text-align:center;}

.fl,.l{float:left;}

.fr,.r{float:right;}

.mt5  {margin-top:5px;}

.mt10 {margin-top:10px;}

.mt20 {margin-top:20px;}

.mt30 {margin-top:30px;}

.mt40 {margin-top:40px;}

.mt50 {margin-top:50px;}

.pt10 {padding-top:10px;}

.pt20 {padding-top:20px;}

.pt30 {padding-top:30px;}

.pt40 {padding-top:40px;}

.pt50 {padding-top:50px;}

.mb5  {margin-bottom:5px;}

.mb10 {margin-bottom:10px;}

.h20  {height:20px;line-height:20px;}

.h22  {height:22px;line-height:22px;}

.red  {color:#FF0000;}

.blue {color:#0000FF;}

.blank{font-family:Times New Roman;font-size:12px;}



.imgcode {width:60px;height:22px;vertical-align:middle;cursor:pointer;}

.Company {clear:both;padding:10px 10px 10px 10px;line-height:24px;color:#666666;font-size:12px;}

.Company p {line-height:24px;color:#666666;}

.Company img {max-width:99%;height:auto !important;}

.Company table {width:99% !important;word-break:break-all;}

.divAboutUs  {padding:10px 10px 10px 10px;line-height:24px;color:#333333;font-size:12px;overflow:hidden;}

.divContactUs{padding:10px 10px 10px 10px;line-height:24px;color:#333333;font-size:12px;overflow:hidden;}



.bridgeCode {width:1200px;margin:0 auto;text-align:center;clear:both;padding:0px 0px 0px 0px;}

.button {border:1px solid #000000;padding-top:1px;font-weight:normal;font-size:12px;color:#000000;background-color:transparent;cursor:pointer;vertical-align:middle;}

.button_submit {border:0px solid #000000;padding-bottom:2px;font-weight:normal;font-size:12px;color:#000000;background-color:transparent;width:50px;height:22px;cursor:pointer;vertical-align:middle;background:url('../images/btn_submit.gif') no-repeat;}

.button_submit2 {border:0px solid #000000;padding-bottom:2px;font-weight:normal;font-size:12px;color:#000000;background-color:transparent;width:70px;height:22px;cursor:pointer;vertical-align:middle;background:url('../images/btn_submit2.gif') no-repeat;}   

.button_submit3 {color:#fff;font-weight:normal;cursor:pointer;height:35px;width:120px;font-weight:bold;background-color:#333;border:1px solid #333;border-radius:5px;margin-right:10px;}

.button_submit4 {color:#fff;font-weight:normal;cursor:pointer;height:35px;width:120px;font-weight:bold;background-color:#5c5c5c;border:1px solid #5c5c5c;border-radius:5px;}



/**********************************************************************************************/

.main   {width:100%;margin:0 auto;line-height:20px;}

.topCon {width:1200px;margin:0 auto;}

.topCon100 {width:100%;margin:0 auto;line-height:20px;}

.indexBottom {width:100%;margin:0 auto;line-height:20px;padding:0px 0px 0px 0px;}

.indexCenter {width:1200px;margin:0 auto;line-height:20px;padding:5px 0px 0px 0px;}



.indexCenter table {line-height:20px;}

.indexCenter2{width:1200px;margin:0 auto;line-height:20px;padding:5px 0px 0px 0px;}

.indexLeft {float:left;width:250px;line-height:20px;padding:10px 0;}

.indexLeft1 {float:left;width:250px;line-height:20px;}

.indexRight  {float:right;width:910px;}

.indexRight1 {float:left;width:464px;line-height:20px;padding:5px 0px 0px 7px;}



.indexMain {float:right;width:730px;line-height:20px;} 

.indexRightVideo {float:right;width:253px;line-height:20px;padding-bottom:5px;}

.topCon_1 {float:left;width:100%;}

.w1000 {width: 1000px;margin: 0 auto;}

.w1100 {width: 1100px; margin: 0 auto;}

.w1200 {width: 1200px;margin: 0 auto;}

.w1300 {width: 1300px; margin: 0 auto;}

.w1400 {width: 1400px; margin: 0 auto;}



/* top */

.wraptop_1 {float:left;width:100%;height:32px;background:url('../images/index_08.gif') repeat-x;}

.wraptop_1_1 {float:left;width:690px;text-align:left;line-height:32px;}

.wraptop_1_1 span {font-size:12px;color:#333333;}

.wraptop_1_2 {float:right;width:280px;line-height:32px;color:#000000;text-align:right;padding-right:10px;}

.wraptop_1_2 a:link,.wraptop_1_2 a:visited {color: #273843; margin:0px 6px 0px 5px;}

.wraptop_1_2 a:hover,.wraptop_1_2 a:active {color:#FF0000;margin:0px 6px 0px 5px;}



.wraptop_2 {float:left;width:100%; height:80px;padding:0px 0 0 0;}

.t_text{float:left;padding:20px 0 0 20px;font-size:19px; color: #434343;line-height:30px;width:400px;margin: 10px 0 0 0px;font-weight:400; }

.t_text strong{display: block;color: #e21226; font-size:22px;}

.h_pho{background:url(../images/call.png) no-repeat right -21px;font-size:16px;line-height:28px;padding:15px 65px 0 0px;color:#1f1a17;

  height:65px;width: 215px; white-space: nowrap;text-align: right ;}

.h_pho b{font-size:25px;display:block;line-height:35px;color: #c5a185; font-weight: 700;}



.wraptop_4 {margin:0 auto;width:100%;height:45px;text-align:left;background:#f1f1f1;}

.wraptop_4_1 {float:left;width:720px;line-height:45px;}

.wraptop_4_1 span {float:left;width:85px;color:#666666;font-size:13px;font-weight:bold;}

.wraptop_4_1 div {float:left;width:630px;height:45px;overflow:hidden;}

.wraptop_4_1 div a:link,.wraptop_4_1 div a:visited {color:#666666;margin:0 5px 0 4px;}

.wraptop_4_1 div a:hover,.wraptop_4_1 div a:active {color:#FF0000;margin:0 5px 0 4px;}

.wraptop_4_2 {float:right;width:250px;line-height:45px;padding:0px 0px 0px 20px;}

.wraptop_4_2_1 {float:left;}

.wraptop_4_2_1 .searchinput {width:205px;border:1px solid #888888;height:24px;line-height:24px;color:#888888;font-size:12px;padding:0 5px;vertical-align:middle;}

.wraptop_4_2_2 {float:left;}

.wraptop_4_2_2 input {border:0px solid #000000;font-weight:normal;font-size:12px;color:#FFFFFF;background-color:transparent;

  width:32px;height:26px;line-height:26px;background:#333;cursor:pointer;vertical-align:middle;}



/* navigation */

.nav {clear:both;margin:0 auto;width:100%;height:60px;background:#333;}

.linav {margin:0 auto;width:1200px;line-height:60px;}

.linav_ul {width: 100%;}

.linav_ul li {float:left;width:142px;height:60px;color:#fff;font-size:16px;text-align:center;position: relative;overflow: hidden;border-right:1px #565656 solid;}

.linav_ul li a:link,.linav_ul li a:visited {display: block; color:#fff;font-size:16px;position: relative;z-index: 3;}

.linav_ul li a:hover {}

.linav_ul li::after,.linav_ul li:after,.linav_ul li:after,.linav_ul li::after{background: #c5a185;content: '';position: absolute;width: 100%;

  height: 100%;left: 0;top: -100%;transition:0.3s all ease-in-out; color: #fff;}

.linav_ul li.select::after,.linav_ul li.select:after,.linav_ul li:hover:after,.linav_ul li:hover::after{ top: 0;color: #E5DFD9;}



/* Banner */

.banner6 {position:relative;height:500px;overflow:hidden;width:100%;margin-top:0px;}

.banner6 .show {width:2500px;position:absolute;left:50%;top:0px;margin-left:-1250px;overflow:hidden;}

.banner6 .show ul {position:relative;float:left;width:2500px;height:500px;overflow:hidden;}

.banner6 .show ul li {text-align:center;float:left;width:2500px;position:absolute;display:none;}

.banner6 .focus {position:absolute;bottom:15px;left:47%;padding:5px 6px;}

.banner6 .focus a {float:left;width:18px;height:18px;display:block;margin-left:5px;border-radius:14px;color:#fffab1;cursor:pointer;background:#fff none repeat scroll 0 0;transition:width 0.5s ease 0s, height 0.5s ease 0s, background 0.5s ease 0s, color 0.5s ease 0s;}

.banner6 .focus a.on {background:#333 none repeat scroll 0 0;color:#333;height:18px;width:32px;}

.hot {width:100%;height:42px;line-height:42px;position:absolute;bottom:10px;z-index:2;}

.hot .wrapper {width:1200px;margin:0 auto;}

.hot .list {float:left;width:860px;padding-left:10px;height:42px;position:relative;}

.hot .list .prev {display:block;width:18px;height:15px;position:absolute;background-position:-42px -108px;top:13px;left:80px;}

.hot .list .box_btn {display:block;width:18px;height:15px;position:absolute;background-position:-61px -108px;top:13px;left:99px;}

.hot .list .next {display:block;width:18px;height:15px;position:absolute;background-position:-80px -108px;top:13px;left:118px;}

.hot .list span.tit {font-size:12px;width:145px;float:left;color:#151515;}

.hot .list a {color:#000000;font-size:12px;text-decoration:none;}

.hot .list a:hover {color:#0157AD;font-size:12px;text-decoration:none;}

.hot .list div {width:700px;float:left;height:42px;position:relative;overflow:hidden;}

.hot .list div ul {width:700px;position:absolute;}



/* Links */

.yqlj {background:url(../images/link.jpg) no-repeat center 0; height:80px;margin-top: 50px; }

.yqlj_tit {float:left;width:85px;padding-left: 25px; color:#fff;font-size:14px;text-align: center;line-height: 30px;}

.yqlj_tit strong{display: block; font-size: 30px; font-weight: 500;padding-top: 15px}

.yqlj .yqlj_1 {float:left;width:1070px;padding-top: 20px} 

.yqlj .yqlj_1 a {float:left;margin:0px 10px 0px 20px;color: #fff;font-size: 13px; line-height: 26px;}



/* bottom */

.divBottom {width:100%;line-height:20px;padding-top:50px; margin-top:0px;background:#2e2e2e;}

.divBottom_1 {text-align:center;font-weight:400;font-size:16px;line-height:50px;color:#666;background:#131313;}

.divBottom_1 a {color:#bbb;text-decoration:none;margin:0px 15px 0px 15px;font-size:14px;}

.divBottom_1 a:hover {color:#fff;text-decoration:none;}

.divBottom_2 {color:#666666;padding-bottom:10px;padding-top:10px;text-align:center;}

.divBottom_2 a,.divBottom_2 a:link,.divBottom_2 a:visited {color:#666666 !important;}

.divBottom_3 {float:left;width:988px;background-color:#E1E8ED;border:1px solid #A7A6A6;padding:10px 0px 10px 0px;}



.divBot{width:1200px;margin:0 auto;padding-bottom:30px;}

.divBot .tit{color: #fff; font-size:26px; display: block; line-height: 40px; padding-bottom: 5px; }

.divBot .tit em{font-size:14px;color:#707070;text-transform: uppercase;}



.divBot_01{float:left;width:900px;line-height:30px; color: #707070; font-size: 14px;}

.divBot_01 a{color: #707070;}

.divBot_03{float:right; width: 145px; color:#707070;}

.divBot_03 img{width: 130px; height: 130px;}

    

/*首页*/

.indt_head {display: block;line-height:40px;color: #38383A;text-align: center;}

.indt_head h2{font-size: 30px; font-weight:normal;margin: 0px;}

.indt_head p{text-transform: uppercase;padding-bottom:2px;font-size:34px; margin-bottom:5px;}



/*ys*/

.tbt_s1{width:1200px; margin:50px auto;}

.tbt_s1 ul li {width:240px;padding:40px 10px;float:left;position:relative;background:#f3f3f3;box-sizing: border-box;}

.tbt_s1 ul li:after {content:"";position:absolute;right:0;top:0;width:1px;height:100%;background:rgba(255,255,255,1);-webkit-transition:800ms;transition:800ms;}

.tbt_s1 ul li:last-child:after {display:none;}



.tbt_s1 ul li .icon {float:left; width:40px;height:50px;line-height: 50px; margin-left:20px;display:inline-block;transition:.4s;}

.tbt_s1 ul li .icon i{font-size:40px;color:#c5a185;}

.tbt_s1 ul li .txt {float:right; width:140px; display:inline-block;padding-right:0px;}

.tbt_s1 ul li .txt h3 {font-weight:700;font-size:16px;color:#c5a185;padding-bottom:5px;}

.tbt_s1 ul li .txt p {white-space:pre-wrap;}

.tbt_s1 ul li:hover .icon {-webkit-transition-timing-function:cubic-bezier(0.6,4,0.3,0.8);

  transition-timing-function:cubic-bezier(0.6,4,0.3,0.8);-webkit-animation:shake8 .5s;animation:shake8 .5s;}

@keyframes shake8 {from,to {-webkit-transform:scale(1,1);transform:scale(1,1)}

25% {-webkit-transform:scale(0.9,1.1);transform:scale(0.9,1.1)}

50% {-webkit-transform:scale(1.1,0.9);transform:scale(1.1,0.9)}

75% {-webkit-transform:scale(0.95,1.05);transform:scale(0.95,1.05)}

from,to {-webkit-transform:scale(1,1);transform:scale(1,1)}

25% {-webkit-transform:scale(0.9,1.1);transform:scale(0.9,1.1)}

50% {-webkit-transform:scale(1.1,0.9);transform:scale(1.1,0.9)}

75% {-webkit-transform:scale(0.95,1.05);transform:scale(0.95,1.05)}

}



/*产品*/

.productbg{background:#f9f9f9;padding:50px 0 30px;}

.productop{width:1200px;height:39px;display:inline-block;text-align: center;margin:10px auto;}

.productop a{display:inline-block;padding:0px 15px; height:38px; font-size:16px; line-height:38px;

  text-align:center;cursor:pointer;color:#666;}

.productop a:hover{ color:#7B6B43;}



.product_list {width:100%;}

.product_list li:nth-child(4n) {margin-right:0;}

.product_list li {float:left;margin:20px 26px 20px 0px;width:260px;height:280px; background:#fff;box-shadow: 2px 2px 5px #ccc; padding:10px 10px; }

.product_list li .IMG{width:260px;height:220px;border-bottom: 1px #eee solid; display:flex; align-items:center;justify-content:center;overflow:hidden;cursor:pointer;}

.product_list li .IMG img {transition:0.5s;}

.product_list li p{line-height:30px; font-size:14px;padding-top:5px;}

.product_list li p span a{color:#7B6B43}

.product_list li:hover .IMG img {transform:scale(1.2,1.2);}



.prosend{background:#333; height:110px; margin:50px auto 20px; padding:0 10px; width: 1180px; }

.prosend_01{float:left;width: 180px;line-height: 110px; color:#fff;font-size: 18px;text-align: center;}

.prosend_01 i{font-size: 25px;padding-right:5px;}

.prosend_02{float:left;width:960px; background:#fff;margin:10px 0px;padding:20px 20px 0; height:70px;}

.prosend_02 p{float:left;margin:0px 20px 0 0px;}

.prosend_02 .sendinput{color:#666; border:1px #f0f0f0 solid;height: 45px;line-height: 45px; padding:0 15px; width:230px;}

.prosend_02 .sendicode{color:#666; border:1px #f0f0f0 solid;height: 45px;line-height: 45px; padding:0 15px; width:90px;}

.prosend_02 span{padding-top:10px;padding-left:10px;}

.prosend_02 .sendbtn{float:right; width:130px;height:45px;line-height:45px;text-align: center;background:#c5a185; border:0;color:#fff;font-size: 16px; }



/*关于我们*/

.aboutbg{background:#fff url(../images/aboutbg1.jpg) no-repeat center 0;padding:50px 0 30px;}

.aboutbg .indt_head{color:#fff;}

.aboutbg .indt_head span{color:#999;font-size: 14px;}

.aboutbg .abtCont{box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05); background:#fff;width:1140px;margin:20px auto; padding:30px 30px;}



.about_img{width:450px;}

.about_img img{width: 450px;}

.about_text{width:650px;background:url(../images/yinhao.png) no-repeat right 0;}

.about_text .tit {font-size:14px;color:#707070;text-transform: uppercase;padding-top:20px;}

.about_text .tit span {font-size:24px;line-height:42px;color:#333;}

.about_contents {display: block; padding-top:10px;font-size:16px;line-height:32px;color:#969696;}

a.about_btn {display:inline-block;color:#fff;font-size:16px;background:transparent;border-radius:0px;background:#c5a185;padding:12px 40px;margin-top: 20px;}

a.about_btn:hover,a.about_btn:focus {background:#333}



/*案例*/

.case_list {width:100%;}

.case_list li:nth-child(4n) {margin-right:0;}

.case_list li {float:left;margin:0px 24px 20px 0px;width:282px;text-align: center;}

.case_list li .imgw {width:100%;height:210px;display:flex; align-items:center;border:0px #ccc solid;box-sizing:border-box;

  justify-content:center;overflow:hidden;cursor:pointer;border-radius: 5px;box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05); }

.case_list li .imgw img {transition:0.5s;}

.case_list li:hover .imgw img {transform:scale(1.2,1.2);}

.case_list li span{display: block;line-height:50px;font-size: 16px;}



/*新闻*/

.newsbg{background:#fff;margin:30px auto;}

.mnew_fl{float:left; width: 530px;height:470px; background:#f4f2f2;}

.mnew_fl:hover{background: #dedede;}

.mnew_fl dt{display: block; border:3px #dee0e2 solid; width:524px; height:335px;overflow:hidden;}

.mnew_fl dt img{width:524px; height:335px; transition: all 0.5s; overflow:hidden;display: block;}

.mnew_fl:hover img{transform: scale(1.1);}

.mnew_fl dd{display: block; width:94%;margin:0 auto; color: #515050; font-size: 14px; line-height: 22px;}

.mnew_fl dd strong{display: block;font-size: 16px; color: #222; line-height:40px;padding-top: 10px; font-weight: 400;}



.mnew_fr{float: right;width:630px;}

.mnew_fr dl{width:630px; height:110px; display:block; background:#f4f2f2; margin-bottom: 10px;}

.mnew_fr dl:hover{background:#c5a185;}

.mnew_fr dl a{color: #222;}

.mnew_fr dl:hover a{color: #fff;}

.mnew_fr dt{ float: left; width:110px; height:110px; color:#fff; font-size: 16px; background: #555;

                 line-height:40px; text-align: center;} 

.mnew_fr dt span{display: block;color:#fff; font-size:53px;padding-top: 25px;}  

.mnew_fr dl:hover dt{background: #333;}

.mnew_fr dd{float:left; height:82px;margin-left:-60px;width:540px;transition: all 0.6s;}

.mnew_fr .title { display: block;height: 30px; display: block; padding-top:18px; font-size:16px; line-height:30px;margin-left:80px;}  

.mnew_fr .intro{ display: block;  display: block; overflow: hidden; font-size:12px; line-height:22px;margin-left:80px;}

.mnew_fr dl:hover dd {padding-left:10px;}






.tl{margin-left: 50px;font-size: 30px;font-weight: bold;margin-top: 25px;}


