@font-face { font-family: 'bank';src: url('../fonts/bank.TTF');}
@font-face{font-family:'bt1';src:url('../fonts/053-CAI978.TTF');}
html{-webkit-tap-highlight-color: transparent;}
body{padding: 100px 0 0 0;margin: 0;font-family: "Microsoft YaHei";min-width: 1350px;width: 100%;background: #fff;}
h1,h2,h3,h4{font-weight: normal;margin: 0;}
a{text-decoration: none;display: block;outline: none;}
img, input{outline: none;}
ul,dl{list-style: none;margin: 0;padding: 0;}
p,dd{margin: 0;font-size: 14px;}
.clear{clear: both;}

/*common*/
.ctr_plist .piclist li{width: 22.75%;margin: 0 3% 60px 0;}
.ctr_plist .piclist li a img{padding: 0;border: none;width: 100%;}
.ctr_plist .piclist li a{color: #646464;}
.ctr_plist .piclist li:nth-child(4n){margin-right: 0;}
.xfCont form .btn {background-color: #813f1d;border: none;}

.float_icon{position: fixed;right: 0;bottom: 50px;z-index: 10;}
.float_icon ul{display: block;background-color: #74472a;border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.float_icon ul li{display: block;width: 38px;box-sizing: border-box;width: 65px;position: relative;}
.float_icon ul li a{cursor:pointer;transition:all 0.3s;text-shadow: 4px 4px 5px rgba(0,0,0,0.3);display: block;box-sizing: border-box;padding: 0 5px;text-align: center;}
.float_icon ul li a img{display: inline-block;margin:0 auto;width: 100%;}

.float_icon li div {position: absolute;right: 70px;top: 0;height: 52px;line-height: 52px;    font-size: 14px;
    min-width: 170px;color: #fff;background: #74472a;border-radius: 4px;padding: 0 10px;display: none;}
/*header*/
header{width: 100%;position: absolute;top: 0;left: 0;z-index: 99;background: #fff;}
header .topnav{margin: 0 auto;height: 100px;line-height: 100px;overflow: hidden;min-width: 1145px;width: 72%;}
header .logo{display: block;width: 33%;float: left;padding-top: 20px;}
header .logo img{width: 100%;}
header ul{display: block;float: right;}
header ul li{display: block;float: left;}
header ul li a{color: #505050;font-size: 15px;padding: 0 25px;}
header ul li a:hover{background: url(../images/ahover.png) center no-repeat;color: #74472a;}
header ul li:nth-last-child(1) a{border-left: 1px solid #ccc;display: inline;font-weight: bold;}

header .search{float: right;position: relative;}
header .s-btn {display:inline-block;background: url('../images/head_ss.png') no-repeat;width: 16px;height: 16px;}
header .s_ceng {display:none; position:absolute; padding:10px; right: 0;top: 30px; border-right:none; background:#fff; width:300px;z-index:99;border: 1px solid #813f1d;}
header .s_ceng .gb {display:inline-block; float:left;width: 18px;height: 20px;background: url('../images/head_gb.png') no-repeat center;}
header .s_ceng input {float:left; width:200px; line-height:20px; text-indent:15px; border:none;outline: none;}
header .s_ceng .s {outline: none;position:absolute; padding-right:0; border: none; border-left:none; height:40px;width:42px;right:0;top: 0px;background:url('../images/head_ss.png') #fff center center no-repeat;}

/*page, com*/
.page_ban{width: 100%;overflow: hidden;margin-bottom: 60px;}
.page_ban img{display: block;width: 100%;}

.content .bt{text-align: center;}
.content .bt h2{font-family: 'bank';color: #cbcbcb;font-size: 30px;}
.content .bt h1{font-size: 24px;color: #646464;line-height: 64px;}

.sortnav {text-align: center;width: 75%;margin: 35px auto 0 auto;}
.sortnav ul li{display: inline-block;font-size: 14px;margin: 0 5px 15px 0;}
.sortnav ul li a{color: #959595;padding: 0 31px;border: 1px solid #959595;height: 24px;line-height: 24px;}
.sortnav ul li a:hover {color: #fff;border: 1px solid #813f1d;background-color: #813f1d;}

.con,.product_top,.product_bot{padding: 60px 18.75% 100px;}
.content .con{font-size: 14px;color: #323232;line-height: 2.0;box-sizing: border-box;text-align:center;}
.content .con img{max-width: 100%;overflow: hidden;display: inline-block;}

.l{float: left;}
.r{float: right;}

/*index*/
.ind_ban{width: 100%;overflow: hidden; position: relative;margin-bottom: 228px;}
.ind_ban img{width: 100%;display: block;}
.ind_ban .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{position: absolute;bottom: 80px;z-index: 5;text-align: center;}
.ind_ban .swiper-pagination-bullet{width: 60px;height: 4px;background-color: #fff;border-radius: 0;}
.ind_ban .swiper-pagination-bullet-active{background-color: #884d2f;}

.ind_con img{width: 100%;display: block;}
.ind_con .bt{text-align: left;}
.ind_con .bt h2{font-size: 16px;color: #884d2f;margin-bottom: 35px;}
.ind_con .bt h1{font-size: 36px;color: #0a357c;font-family: 'bank';margin-bottom: 20px;line-height: 1;}
.ind_con .bt h2 span{border-bottom: 3px solid #884d2f;padding-bottom: 13px;width: 19px;}
.ind_con .bt p{display: inline-block;padding-right: 6em;line-height: 2.0;}
.ind_con .bt .more{display: block;margin-top: 60px;width: 140px;height: 38px;line-height: 40px;text-align: center;background: #f4f7fa;border: 1px solid #f4f7fa;color: #505050;font-size: 14px;}
.ind_con .bt .more:hover{color: #884d2f;transition: all 0.8s;border: 1px solid #884d2f;background-color: #fff;text-indent: 1.5em;}

.ind_pro{background: url(../images/bg1.png) left bottom no-repeat;min-height: 755px;padding: 0 14%;}
.ind_pro .txt{width: 35%;}
.ind_pro .pic{width: 55%;}
.ind_pro .pic .l , .ind_pro .pic .r{width: 47.5%;}
.ind_pro .pic .r{margin-top: -80px;}
.ind_pro .pic .r img{width: 100%;display: block;}

.pro2{background: url(../images/bg2.png) right 60px no-repeat;padding-top: 0;height: 790px;}
.pro2 .txt{width: 29%;}
.pro2 .txt .bt p{padding: 0;}

.ind_abo{background: #e5edf4;min-height: 1100px;padding: 100px 14%;}
.ind_abo .l{width: 50%;}
.ind_abo .r{width: 44.5%;}
.ind_abo .sec1{height: 585px;}
.ind_abo .sec1 .pic{margin-top: -270px;position: relative;overflow: hidden;}
.ind_abo .sec1 .pic a{background: url(../images/play.png) rgba(0,0,0,0.5) center no-repeat;display: block;height: 100%;width: 100%;position: absolute;
    top: 0;}
.ind_abo .sec2 .txt h2{margin-top: 43px;}
.ind_abo .sec1 .pic img{transition: all 0.8s;}
.ind_abo .sec1 .pic:hover img{transform:scale(1.1,1.1);}

.ind_zl{width: 62.5%;margin: 0 auto;text-align: center;margin-top: 100px;padding-top:40px;background: #f9f6f4;}
.ind_zl .bt{text-align: center;}
.ind_zl .bt h1{font-size: 28px;margin-bottom: 40px;}
.ind_zl .pic img{width: 100%;display: block;}
.ind_zl .pic .l , .ind_zl .pic .r{width: 55%;position: relative;overflow: hidden;}
.ind_zl .pic .l a, .ind_zl .pic .r a{position: absolute;top: 0;left: 0;height: 100%;display: block;padding-top: 27%;
    box-sizing: border-box;width: 100%;color: #fff;font-size: 28px;background: rgba(0,0,0,0.5);}
.ind_zl .pic .l{margin-left: -7.5%;}
.ind_zl .pic .r{margin-right: -7.5%;}
.ind_zl .pic img{transition: all 0.8s;}
.ind_zl .pic .l:hover img{transform:scale(1.1,1.1);}
.ind_zl .pic .r:hover img{transform:scale(1.1,1.1);}

.ind_news{padding: 60px 14% 80px 14%;}
.ind_news .bt h1{font-size: 28px;margin-bottom: 40px;}
.ind_news ul {text-align: left;}
.ind_news ul li{display: block;width: 22.75%;float: left;margin-right: 3%;}
.ind_news ul li:nth-child(4){margin-right: 0;}
.ind_news ul li a{border-bottom: 1px solid #fff;transition: all 0.3s;padding-bottom: 20px;}
.ind_news ul li a .pic{width: 100%;overflow: hidden;margin-bottom: 25px;}
.ind_news ul li a .pic img{transition: all 0.3s;}
.ind_news ul li a:hover .pic img{transform:scale(1.1,1.1);width: 100%;}
.ind_news ul li a:hover{border-bottom: 1px solid #884d2f;}
.ind_news ul li h4{font-size: 16px;color: #505050;margin-bottom: 25px;max-height: 20px;overflow: hidden;}
.ind_news ul li p{font-size: 14px;color: #969696;line-height: 1.5;max-height: 42px;overflow: hidden;}
.ind_news .gd{font-size: 14px;color: #787878;float: right;line-height: 28px;}

#container1 .bt{width: 40%;width: 40%;position: absolute;top: 75px;left: 14%;z-index: 5;}
#container1 .bt h1{color: #fff;}
#container1 .bt h2{color: #fff;}
#container1 .bt p{color: #fff;}
#container1 .bt h2 span{border-bottom: 3px solid #fff;}
#container1 img{width: auto;}
#container1 .largeimage{width: 100%;}
/*contact*/
.con #map{margin-bottom: 50px;}
.contact h3{font-size: 22px;margin-bottom: 30px;}
.contact .r{font-size: 14px;}
.contact .r .message input{line-height: 48px;border: 1px solid #e1e1e1;text-indent: 1em;margin: 0 20px 20px 0;width: 48%;box-sizing: border-box;margin-right: 4%;float: left;}
.contact .r .message textarea{width: 100%;height: 138px;border: 1px solid #e1e1e1;text-indent: 1em;box-sizing: border-box;font-family: "Microsoft YaHei";
    padding: 2% 0;}
 .yzm{position: relative;}
#c_body{margin-right: 0;}
#mx_imgcode{position: absolute;top: 65px;}
.contact .r .message .submit{width: 120px;height: 40px;background-color: #813f1d;color: #fff;
	text-align: center;margin: 0;padding: 0;text-indent: 0;line-height: 40px;margin-top: 10px;}

/*page*/
.vid_btn {position: relative;width: 900px;margin: 80px auto 0 auto;}
.vid_btn h4{color: #070002;font-size: 24px;text-align: center;margin-bottom: 28px;}
.vid_btn img{display: block !important;}
.vid_btn a{width: 100%;display: block;height: 500px;background: url(../images/play.png) rgba(0,0,0,0.5) center no-repeat;
		position: absolute;bottom: 0;}

.hx{display: inline-block;height: 1px;}
/*proview*/
.product_top{background: #f6f6f6;overflow: hidden;padding-bottom: 70px;}
.product_top .l{width: 43%;text-align: left;}
.product_top .r{text-align: left;width: 43%;padding-right:7%;display: table;height: 500px;min-height: 400px;position: relative;}
.product_top .r h4{font-size: 24px;margin-bottom: 30px;}
.product_top .r .goback a{position: absolute;right: 0;;width: 138px;line-height: 34px;height: 34px;border: 1px solid #969696;text-align: center;font-size: 12px;color: #787878;}
.product_top .r .goback a:hover{border: 1px solid #884d2f;background-color: #884d2f;color: #fff;text-indent: 1.5em;transition: all 0.8s;}
.product_top .r .goback .hx{border-bottom: 1px solid #cbcbcb;width: 18px;margin-bottom: 3px;margin-right: 20px;}
.product_top .r .txt{display: table-cell;vertical-align: middle;}
.product_top .owl-theme .owl-dots{position: static;margin-top: 20px;}
.owl-theme .owl-dots .owl-dot span{width: 8px;height: 8px;border-radius: 50%;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background-color: #884d2f;}

.product_bot{padding-top: 50px;}
.product_bot .bt{font-size: 18px;color: #323232;text-align: left;line-height: 60px;}
.product_bot table{width: 100%;text-align: center;color: #505050;font-size: 14px;margin-bottom: 30px;}
.product_bot table tr:nth-child(1){color: #969696;}
.product_bot table,table tr th, table tr td{ border: 1px solid #dcdcdc;border-collapse:collapse;min-height: 49px;height: 47px;}

/*pro*/
.product{letter-spacing: 2px;width: 1178px;margin: 0 auto;padding: 65px 0 100px;}
.product .bt{display: inline-block;border-bottom: 1px solid #fff;margin-bottom: 18px;letter-spacing: 5px;}

.product .pro_ban {position: relative;margin-bottom: 105px;}
.product .pro_ban img{display: block;}
.product .pro_ban .owl-nav{position: absolute;top: 46%;width: 100%;}
.product .pro_ban .owl-theme .owl-dots{margin-bottom: -55px;width: 100%;left: 0;}
.product .pro_ban .owl-theme .owl-controls .owl-nav .owl-prev{float: left;line-height: 20px;margin-left: -80px;}
.product .pro_ban .owl-theme .owl-controls .owl-nav .owl-next{float: right;line-height: 20px;margin-right: -80px;}
.product .pro_ban .ceng{position: absolute;top: 0;left: 0;background-color: rgba(0,0,0,0.8);z-index: 5;color: #fff;min-height: 391px;width: 53%;
		padding: 50px;box-sizing:border-box;overflow: hidden;}
.product .pro_ban .ceng h4{font-size: 20px;line-height: 55px;}
.product .xx{text-align: center;}
.product .xx .bt{width: 100%;}
.product .xx h4{border-bottom: 1px solid #813f1d;font-size: 18px;color: #333333;display: inline-block;}
.product .xx table{width: 100%;text-align: center;color: #000000;font-size: 14px;margin-bottom: 40px;}
.product .xx table tr:nth-child(1){background-color: #f9f9f9;}
.product .xx table,table tr th, table tr td{ border: 1px solid #ccc;border-collapse:collapse;min-height: 40px;height: 40px;}
.product .xx .gjc {font-size: 14px;color: #505050;margin-bottom: 50px;}
.product .xx .gjc a{color: #505050;display: inline-block;text-decoration: underline;}
.product .sec{margin: 40px auto;}

/*news*/
.news ul li{padding: 45px 37px;box-sizing:border-box;background: url(../images/news_act.jpg) center right no-repeat;position: relative;transition: all 0.8s;}
.news ul li .pic{float: left;width: 22%;}
.news ul li .hx{width: 0;border-bottom: 1px solid #813f1d;position: absolute;left: 21.5%;top: 50%;display: block;transition: all 0.8s;}
.news ul li .txt{float: left;width: 55%;margin-left: 5%;transition: all 0.8s;}
.news ul li a{color: #a0a0a0;}
.news ul li .txt .l{color: #787878;font-family:'bt1';margin-right: 5%;}
.news ul li .txt .l h2{font-size: 40px;}
.news ul li .txt .r{float: none;}
.news ul li .txt .r h4{color: #323232;font-size: 18px;max-height: 36px;overflow: hidden;}
.news ul li .txt .r p{max-height: 56px;overflow: hidden;}
.news ul li:hover .hx{width: 50px;}
.news ul li:hover .txt{margin-left: 8%;}
.news ul li:hover{background: url(../images/news_hover.png) #f6f6f6 center right no-repeat;}


footer{padding: 55px 14% 0 14%;overflow: hidden;min-height: 345px;border-top: 1px solid #d2d2d2;}
footer .fl{float: left;width: 45%;}
footer .fl_logo{float: left;margin-right: 27px;}
footer .fl_txt{float: left;border-left: 1px solid #74472a;padding-left: 1.5em;}
footer .fl_txt a{margin-bottom: 13px;font-size: 14px;color: #505050;}
footer .fl_txt a:nth-last-child(1){margin-bottom: 0;}

footer .fr{float: right;width: 55%;text-align: right;}
footer .fr dl{display: inline-block;width: 20%;text-align: left;vertical-align: top;}
footer .fr dl dt a{font-size: 14px;color: #323232;margin-bottom: 25px;}
footer .fr dl dd a{font-size: 12px;color: #646464;margin-bottom: 15px;}
footer .fr dl:nth-last-child(1){width: 60px;}
footer .dbbq{margin-top: 90px;font-size: 12px;color: #727171;}
footer .dbbq p {margin-bottom: 17px;color: #323232;}
footer .dbbq a {color: #323232;display: inline-block;}


.float_icon ul li div{height:auto;}
.float_icon ul li div p{width:250px;}