﻿@charset "utf-8";
/* CSS Document */
* { padding: 0px; margin: 0px; box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
img {
border:none; max-width:100%;}

body { font-size: 16px;font-family:"Microsoft YaHei", verdant, tahoma;color: #333; font-weight: normal; padding: 0px; margin: 0px; text-decoration: none; line-height:30px;
}
a {
text-decoration:none;
color:#333;font-family:"Microsoft YaHei", verdant, tahoma;
font-weight:normal;
}
a:hover { color:#f39b05;text-decoration:none; }
.clear {
clear:both;
}
ul {
list-style-type: none;
}
li {
list-style-type:none;
line-height:30px;
}
.fl{float:left;}
.fr{float:right;}
.hz{width:85%;margin:0 auto;}
.hza{width:85%;margin:60px auto;}
.hza:after{content: " "; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0;}



.top-pc { position: fixed; z-index: 99999; top: 0px; left: 0; min-width: 1200px;  width: 100%; transition:all 0.5s; background: rgba(0, 0, 0, 0.4);}
.top-pc.active{	background:#a72c1c;}


.top-hz { width:85%; margin:0 auto; }
.logo{padding-top:21px;}
.logo img{height:60px;}
.img1{display: block;}
.img2{display: none;}

.top-pc.active .img1 {display: none;}
.top-pc.active .img2{display: block;}

.nav { display: inline-block; box-sizing: border-box; vertical-align: bottom;}

.mainbav li {float:left; }
.mainbav .memu {float: left;height:auto;}

.mainbav .memu>a {line-height:90px;font-size:17px;text-transform:uppercase;padding: 0 33px;color:#fff;}
.mainbav .memu>a:hover{background:#a72c1c;color:#fff !important;}
.mainbav .memu.active>a.hover{background:#a72c1c;color:#fff !important;}
.mainbav .memu.active>a,.mainbav .memu:hover>a{ color:#a72c1c;display:block;}
.mainbav ul li ul {position: absolute; display: none;z-index:111111111; width:220px;background:rgba(255,255,255,0.9);  }
.mainbav ul li ul li { float: none; border-right: none; padding: 0; line-height: 50px; text-align: left; }
.mainbav ul li ul li a { display: block; color: #000 !important; font-size: 15px; font-weight: normal; padding: 0 25px; }
.mainbav ul li ul li a:hover {  background-color: #f9f9f9; color: #a72c1c!important; }
.top-pc.active .mainbav .memu>a{color: #fff;}

.erji-pic{float:left;margin-right:50px;}
.mainbav ul li:hover .erji_dh{display:block;padding-left:15%;}
.mainbav ul li .erji_dh{width:100%; display:none; padding:20px 0 30px 0;background:rgba(255,255,255,0.9); position:fixed; top:90px; left:0; right:0;}
.mainbav ul li .erji_dh dl{overflow:hidden; font-size:0px;}
.mainbav ul li .erji_dh dl dd{width:23%; display:inline-block; vertical-align: top;text-align:center;}
.mainbav ul li .erji_dh dl dd .erji_dh_wz{margin:25px 0;}
.mainbav ul li .erji_dh dl dd .erji_dh_wz a{font-size:18px;font-weight:bold;}
.mainbav ul li .erji_dh dl dd .erji_dh_wz a:hover{color:#a72c1c;}
.mainbav ul li .erji_dh dl dd .sanji_dh{font-size:15px;}
.mainbav ul li .erji_dh dl dd .sanji_dh a{color:#666;display:block;line-height:35px;}
.mainbav ul li .erji_dh dl dd .sanji_dh a:hover{ color:#f39b05;  }


.index-yyl {
	display: inline-block;
	box-sizing: border-box;
	vertical-align: middle;
	line-height: 90px;
	margin-left: 50px;
	font-size: 16px;
	color: #fff;
}
.index-yyl img {
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 2px;
	margin-right: 3px;
}
.set {
	font-size: 16px;
	background: 45px 10px no-repeat;
	transition: all 0.5s;
}
.new {
	width: 170px;
	position: absolute;
	z-index: 999;
	display: none;
	top:90px;text-align:center;
	margin-left: -30px;
}

.new li img{width:26px;margin-right:12px;}
.new a {
	color: #666;

}

.nav1 ul li {
	line-height: 48px;
background:rgba(255,255,255,0.9);
	border-bottom: 1px solid #f2f2f2;
}
.nav1 ul li:hover{background:#a72c1c;}
.nav1 .new a:hover {color:#fff;}


.sousuo { display: inline-block; box-sizing: border-box; vertical-align: bottom; line-height:90px; position: relative; z-index: 1; transition: all 0.5s; }
.sousuo .sousuo_an { width: 60px; height:90px; display: table-cell; vertical-align: middle; background: url(../images/index_07.png) center no-repeat; cursor: pointer; transition: all 0.5s; }
.sousuo .ssk_bj { width: 100%; display: none; position: fixed; left: 0; top: 90px; z-index: 10; }
.sousuo .ssk { max-width: 1620px; width:100%; overflow: hidden; margin: 0 auto;  border-radius:50px; border:none;}
.sousuo .ssk .input_txt { width: 80%; height: 55px; float: left;  padding: 0 2%; border: none; background:#fff; }
.sousuo .ssk .input_btn { width: 20%; height: 55px; float: right; FONT-SIZE: 18px; color: #fff; border: 0; background: #a72c1c; cursor: pointer; }
.p-show { display: block !important; }
 input,textarea {
	outline:none;
 }
/*banner*/
.block_home_slider{height:auto; position:relative; line-height:0px; text-align:center;}/*底部小图标*/
.block_home_slider .slide {position:relative; overflow:hidden;}
.block_home_slider .flex-direction-nav a {width:45px; height:50px; display:block; margin-top:-20px; position:absolute; top:50%; text-indent:-9000px; }
.block_home_slider .flex-direction-nav a.flex-prev {left:0; background:url(../images/jt1.png) no-repeat;}
.block_home_slider .flex-direction-nav a.flex-next {right:0; background:url(../images/jt2.png) no-repeat;}
.block_home_slider .flex-direction-nav a.flex-prev:hover {left:0; background:url(../images/jt1a.png) no-repeat;}
.block_home_slider .flex-direction-nav a.flex-next:hover  {right:0; background:url(../images/jt2a.png) no-repeat;}
.block_home_slider .flex-control-paging{ position:absolute; bottom:20px; width:100%;text-align: center;}
.block_home_slider .flex-control-paging li {margin: 0px;padding:0 5px; display:inline-block; *display:inline; *zoom:1; overflow: hidden;list-style-type: none;}
.block_home_slider .flex-control-paging li a{width:10px; height:10px; display:block; background:#bfbfbf; text-indent:-9000px; cursor:pointer; border-radius:6px; transition:all 0.5s;}
.block_home_slider .flex-control-paging li a.flex-active {width:10px; background:#f39b05;}
.flexslider {margin:0; padding:0; height:100%;}
.flex-viewport{height:100%;}
.flexslider .slides{height:100%;}
.flexslider .slides li{line-height:0px;height:100%;display: none;-webkit-backface-visibility: hidden;list-style-type:none; position:relative;}
#home_slider .slides li{ background-repeat:no-repeat;background-position:center; background-size:cover;}
#home_slider2{display:none;}

.top_sj { display:none; }



.inpro{width: 100%; height: auto; padding: 3% 0; overflow:hidden;}
.i-tl{width: 100%;text-align: center;}
.i-tl font{background: linear-gradient(left, #f39b05, #f1732f);background: -webkit-linear-gradient(left, #f39b05, #f1732f);font-size: 15px;font-weight: 700;letter-spacing: 1px;display: block;margin-bottom: 30px;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-transform: uppercase;}
.i-tl .ysbt{font-size: 30px;color: #222222;font-weight: 600; line-height: 35px;}
.i-tl .ysny{font-size: 26px;color: #a72c1c;line-height:28px;margin:0.5% 0;}
.i-tl .ysxz{font-size: 16px; color:#555;}

.index_con{padding:3px; overflow: hidden; margin-top:2%;}
.index_con .yi{}
.index_con .yi .pic{width: 50%;box-sizing: border-box;padding:3px;}
.index_con .yi .pic .li_box{overflow: hidden;position: relative;}
.index_con .yi .pic img{width: 100%;transition: all 0.3s; vertical-align: middle;}
.index_con .yi .pic:hover img{transform: scale(1.2);}
.index_con .yi .pic .title{position: absolute;left: 0px;top: 50px;right: 0px;bottom: 0px;z-index: 100;display: flex;justify-content: center;align-items: center;visibility: hidden;opacity: 0;transition: all 0.5s;text-align: left;font-size: 30px;text-transform: uppercase;font-weight: bold;}
.index_con .yi .pic:hover .title{visibility: visible;opacity: 1;top: 0px;}
.index_con .yi .pic .title .pbt{font-weight: bold;}
.pwz{font-size: 16px; line-height: 30px; font-weight: normal; padding: 6% 0; text-transform:lowercase;}
.index_con .yi .pic .bg{position: absolute;left: 0px;top: 0px;right: 0px;bottom: 0px;background-image: linear-gradient(45deg, #424242 0%, #424242 100%);visibility: hidden;opacity: 0;transition: all 0.5s;}
.index_con .yi .pic:hover .bg{visibility: visible;opacity: 0.8;}
.index_con .yi .pic a{color: #FFF;}
.index_con .yi:nth-of-type(odd) .pic{float: left;}
.index_con .yi:nth-of-type(even) .pic{float: right;}
.index_con .yi ul{width: 50%;}
.index_con .yi:nth-of-type(odd) ul{float: right;}
.index_con .yi:nth-of-type(even) ul{float: left;}
.index_con .yi:nth-of-type(odd) ul li{}
.index_con .yi:nth-of-type(even) ul li{}
.index_con .yi img{width: 100%;}

.index_con .yi li{padding:3px; box-sizing: border-box;}
.index_con .yi li .li_box{overflow: hidden;position: relative;}
.index_con .yi li .ppimg{overflow: hidden;}
.index_con .yi li .ppimg img{width: 100%;transition: all 0.3s; vertical-align: middle;}
.index_con .yi li:hover .ppimg img{transform: scale(1.2);}
.index_con .yi li .title{position: absolute;left: 0px;top: 50px;right: 0px;bottom: 0px;z-index: 100;display: flex;justify-content: center;align-items: center;visibility: hidden;opacity: 0;transition: all 0.5s;text-align: left;font-size: 30px;text-transform: uppercase;font-weight: bold;}
.index_con .yi li:hover .title{visibility: visible;opacity: 1;top: 0px;}
.index_con .yi li .title .pbt{font-weight: bold;}
.index_con .yi li .bg{position: absolute;left: 0px;top: 0px;right: 0px;bottom: 0px;background-image: linear-gradient(45deg, #424242 0%, #424242 100%);visibility: hidden;opacity: 0;transition: all 0.5s;}
.index_con .yi li:hover .bg{visibility: visible;opacity: 0.8;}
.index_con .yi li a{color: #FFF;}

.profession{padding:3% 0; overflow: hidden; background: #f8f8f8;}
.profession ul{margin-right: -1%; margin-top:3%}
.profession ul li{width:24%;float:left;margin-bottom:22px; position: relative; margin-right: 1%;}
.profession ul li .yyimg{overflow: hidden;}
.profession ul li .yyimg img{width: 100%;transition: all 0.3s; vertical-align: middle;}
.profession ul li:hover .yyimg img{transform: scale(1.2);}
.profession ul li .text {width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 2;padding:10%; box-sizing: border-box;text-align: left;}
.profession ul li .icon {height: 42px;line-height: 42px;}
.profession ul li .icon img {display: inline-block;vertical-align: middle;max-height: 100%;}
.profession ul li .txt {font-size: 20px;color: #fff;margin: 16px 0;}
.profession ul li .yny{font-size: 14px; line-height: 22px;color: #fff; margin-top:5%;}
.dtline span{width:2px;height:16px;background:#fff;margin-right:4px;display:inline-block;vertical-align:bottom}
.dtline span:nth-child(1){height:16px}
.dtline span:nth-child(2){height:12px}
.dtline span:nth-child(3){height:8px}

/*关于我们*/
.floor_4_main{width: 100%;height:714px;background: url("../images/aboutBg.jpg") no-repeat center center;}
.floor_4{padding: 5% 0;}
.floor_4 .aTit{height:auto;background: url(../images/titLine.png) no-repeat 14px center; text-align: left;}
.floor_4 .aTit .tit{padding-top:3%;display:block;font-size:40px;font-weight:bold;color:#a72c1c;line-height:40px;}
.floor_4 .aTit .subtit{font-size: 16px;color: #666;line-height:18px;font-weight: normal;padding-top: 12px;}
.floor_4 .aboutimg{width: 40%; height: auto; margin-left:20px;display: block; background: #fff; box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1); padding: 10px;}
.floor_4 .aboutimg img{width: 100%; height: auto; display: block;}
.floor_4 .abouttext{width: 50%; display: block; text-align: left;}
.floor_4 .abouttext .stit{font-size: 24px; font-weight: bold; padding-top: 36px;color:#333;line-height:26px; text-align: left;}
.floor_4 .abouttext h4{color: #999; font-size: 24px; display: block;}
.floor_4 .abouttext .desc{padding-top: 40px;color: #666;line-height: 30px;margin-bottom: 46px;text-align: justify;}
.floor_4 .abouttext .more{margin: 0;}


.dsanp{padding:3% 0;transition: all 0.6s;box-sizing: border-box;}
.dsanp .title{}
.dsanp .title h2{font-size: 30px;}
.dsanp .title p{color: #999;margin-top: 5px;}
.dsanp .title .more{float: right;text-align: center;}
.dsanp .title .more a{display: block;transition: all .7s;width: 90px;height: 34px;line-height: 34px;border:1px solid #CCC;color: #999;}
.dsanp .title .more a:hover{display: block;text-decoration: none;background: #a72c1c;color: #FFF;border:1px solid #000;}
.news{margin-top:3%}
.news ul{}
.news li{float: left;width:23%;margin-right:2%;background: #FFF;box-sizing: border-box;position: relative;}
.news li:nth-of-type(4n){margin-right:0;}
.news li .pic{opacity: 1;transition: all .4s;overflow: hidden;}
.news li:hover .pic{opacity: 1;}
.news li .pic img{width: 100%;transition: all .4s; vertical-align: middle;}
.news li:hover .pic img{transform: scale(1.2);}
.news li .txt{padding:5%;transition: all .4s; background: #f6f6f6; text-align: left; box-sizing: border-box;}
/*.dsanp .news li:hover .txt{opacity: 0;}*/.news li .txt .nbt{font-size: 18px;line-height:35px;border-bottom: 1px solid #e7e7e7;overflow: hidden;}
.news li .txt p{line-height: 24px;margin-top: 10px;color: #555;font-size:14px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.news li .txt .more{margin-top: 20px;font-size:14px;width:120px;height:32px;line-height:32px;text-align:center;border:1px solid #ddd;border-radius:20px;}
.news li .shijian{position: absolute;left: 0px;top: 0px;background: #FFF;text-align: center;padding:5% 8%;transition: all .4s;}
.news li:hover .shijian{padding:5% 5%;}
.news li .shijian p{color: #555;font-size:14px;}
.news li .shijian p:nth-of-type(1){color: #333;font-size: 30px;font-weight: bold;}
.news li .shijianer{display: none;color: #999;}
.news li a:hover{text-decoration: none;color: #a72c1c}
.moreer{display: none;text-align: center;}
.moreer a{display: block;transition: all .7s;width: 120px;height: 30px;line-height: 30px;border:1px solid #CCC;color: #999;margin:10px auto 0 auto;}
.moreer a:hover{display: block;text-decoration: none;background: #a72c1c;color: #FFF;border:1px solid #000;}



/*----底部----*/
.foot{ background:#2b2929;overflow:hidden;padding:2% 0;color:#999;font-size:15px;border-top:5px solid #a72c1c;}
.foot-top-hz{border-bottom:1px solid #2d2d2d;overflow:hidden;margin-bottom:1%;padding-bottom:15px;}
.foot-logo{float:left;}
.foot-logo img{width:140px;}
.foot-dh{float:right;margin-top:15px;}
.foot-dh .hm{font-size:22px;color:#fff;}
.foot-contact{ width:38%;float:right;}
.foot-contact-title{position: relative;padding-bottom:10px; font-size: 18px;font-weight:bold; color: #fff;text-transform:uppercase;  margin-bottom:25px;}
.foot-contact-title:after {
    content: "";
    position: absolute;
    left: 0;
    background: #a72c1c;
    width: 25px;
    height:2px;
    bottom:0;}
.foot-contact-nr{float:left;}
.foot-contact-nr a{color: #999;font-size:15px;line-height:30px;}
.foot-contact-nr a:hover{color:#a72c1c;}

.foot-contact-ewm-hz{float:right;}
.foot-contact-ewm{float:left;}
.foot-contact-ewm img{width:120px;}
.foot-contact-ewm-wb{float:left;padding-left:20px;margin-top:30px;}
.foot-menu{float:left;margin-right:8%;margin-bottom:30px;}
.foot-menu:last-of-type { margin-right:0; }

.bot3{ background:#2e2e2e;overflow:hidden;color:#999;padding:13px 0;}
.bot3 a{color:#999;}
.bot3 a:hover{color:#f39b05;}



/*内页样式开始*/
.sbanner{height: auto;position: relative;}
.sub_img_banner{}
.sub_img_banner img{width:100%; vertical-align: middle;}
.sbanner_txt{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 10;display: flex;flex-direction: column;justify-content: center;align-items: center;padding-bottom: 0.4rem;}
.sbanner_txt .nybt{font-size:72px;color: #fff;margin-bottom:3%;}
.sbanner_txt p{text-align: center;color: #fff;line-height: 2;width: 45%;}


.cp-nav{padding: 1% 0; overflow:hidden; background:#f4f4f4}
.cp-nav .con-nav .fl img{display: inline-block; vertical-align: middle; margin-right: 5px;}
.cp-nav .con-nav .fl a{display: inline-block; vertical-align: middle; font-size:16px}
.cp-nav .con-nav .fl a:last-of-type{color: #a72c1c;}
.cp-nav .con-nav .fr{text-align: right; padding-top: 0px;}
.con-nav .fr{text-align:right;padding-top:25px}
.con-nav .fr a{font-size:16px;color:#333333;font-weight:bold;padding-right:20px;margin-right:20px;border-right:1px dashed #3a3a3a;line-height:13px}
.con-nav .fr a:last-of-type{margin-right:0;padding-right:0;border-right:unset}
.con-nav .fr a:hover{color:#a72c1c}
.con-nav .fr a.on{color:#a72c1c}

.nyaboutbox{width: 100%; height: auto; overflow: hidden; padding:3% 0 0; box-sizing: border-box;}
.about-tit{font-size:22px;color: #a72c1c;margin-bottom: 1%}
.ny-about{font-size:16px;color:#222;line-height:32px; overflow: hidden; float:left; width:42%; margin-top: 2%;}
.ny-about img{max-width: 100%; height: auto; display: block; margin:auto; clear:both;}
.ny-about span{font-weight: 600;}
.aimg{width: 45%; height: auto; overflow: hidden; float:right}
.aimg img{width: 100%;}

.nyaboutbox2{width: 100%; height: auto; overflow: hidden;box-sizing: border-box; padding-bottom: 3%;}
.nyaboutwz{font-size:16px;color:#222;line-height:32px; overflow: hidden;}
.nyaboutwz span{font-weight: 600;}

.aimg2{width: 100%; padding:  0% 0 2%; height: auto; overflow: hidden;}
.aimg2 ul{ margin-right: -1%; margin-bottom: 1%;}
.aimg2 li{width:32.333%; float: left; margin-right: 1%; overflow: hidden; margin-bottom: 1%;}
.aimg2 li .abimg{overflow: hidden}
.aimg2 li .abimg img{width: 100%; overflow: hidden; transition: all .5s; -webkit-transition: all .5s; vertical-align: top;}
.aimg2 li:hover .abimg img{transform: scale(1.1);-webkit-transform: scale(1.1); overflow: hidden;}
.aimg2 li:nth-child(1), .aimg2 li:nth-child(2){width: 49%;}

.nyaboutbox3{width: 100%; height: auto; overflow: hidden; padding:3% 0; box-sizing: border-box;}
.nyaboutbox3 span{font-size:20px;}

.nyprobox{width: 100%; height: auto; overflow: hidden; padding: 3% 0;}
.productPic{width: 100%;box-sizing: border-box;overflow: hidden;}
.productPic ul{overflow: hidden;}
.my_ul{margin-right: -2%;}
.productPic li{width: 22.6%;margin-right: 2%;float: left;margin-bottom: 3%;position: relative;box-shadow: 2px 2px 2px #eee;border: 1px solid #eee;}
.product-words{width: 100%;}
.product-w-pic{width: 100%;position: relative;overflow: hidden;background-color: #fff;text-align: center;box-sizing:border-box;}
.product-w-pic .pimg{}
.product-w-pic .pimg img{width: 100%;object-fit: cover}
.product-w-shade{width: 100%;height: 30%;position: absolute;bottom: 0%;left: 0%;background-color: rgba(37, 37, 37, .8);transition: all .2s;opacity: 0;}
.product-w-pic .product-w-piclink{display: block;width: 100%;height: 100%;font-size: 0;padding: 0;border-bottom: none;margin: 0;}
.product-w-shade .pwzs{width: 100%;position: absolute;top: 50%;transform: translate(0,-50%);}
.product-w-shade .pwzs p{font-size: 16px;color: #fff;width: 80%;margin: auto;text-align:justify;text-justify:inter-word;text-align: center;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.product-w-shade .pwzs p img{max-width: 100%!important;vertical-align: middle;display: inline-block;}
.product-w-shade .pwzs .span{display: inline-block;font-size: 24px;color: #fff;text-align: center;padding: 0 0 4px 0;border-bottom: 1px solid #fff;margin-top: 36px;}
.product-w-shade .pwzs .em{font-size: 14px;color: #fff;line-height: 25px;text-align: center;margin: 2% 5%}
.productPic li:hover .product-w-pic .product-w-shade{opacity: 1;height: 100%;}
.product-w-words{width: 100%;padding: 15px;box-sizing: border-box;}
.product-w-words .pwzs{font-size: 20px;color: #333;line-height: 30px;text-align: center;z-index: 999;position: relative;transition: all .2s;}
.product-w-words .p{font-size: 16px;color: #666;line-height: 25px;text-align: center;margin-top: 1%}
.productPic li:hover .product-w-words .pwzs{opacity: 1;color: #fff}
.productPic li:hover .product-w-words .p{color: #fff}
.productPic li:hover .product-words{background: rgba(167, 44, 28, 1);color: #fff}
.productPic li:hover .product-w-words .pwzs p img{max-width: 100%;}



.pro_right{width: 100%;height: auto;overflow: hidden;margin-top: 2%;}
.productss{width:100%;float:left;}
.productss img{max-width: none !important;}
.promore_l{width:45%;float:left;}
/*Ã¥â€ºÂ¾Ã§â€°â€¡Ã¦â€Â¾Ã¥Â¤Â§Ã©â€¢Å“Ã¦Â Â·Ã¥Â¼Â*/.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{width:100%;border:1px solid #d6d6d6;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:100%;height:100%;background:#fff;border:1px solid #ccc;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#fff;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
/*Ã¥â€ºÂ¾Ã§â€°â€¡Ã¥Â°ÂÃ¥â€ºÂ¾Ã©Â¢â€žÃ¨Â§Ë†Ã¥Ë†â€”Ã¨Â¡Â¨*/.spec-preview{width:100%;height:100%;}
.spec-scroll{clear:both;margin-top:10px;width:100%;float:left;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;width:32px;height:32px;cursor:pointer;margin-top:5px;}
.spec-scroll .items{float:left;position:relative;width:80%;height:51px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;}
.spec-scroll .items ul li{float:left;width:66px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #d6d6d6;padding:2px;width:57px;height:44px;}
.spec-scroll .items ul li img:hover{border:2px solid #2a3843;padding:1px;}
.pros_right{width:50%;float:right;overflow:hidden;}
.pros_right_top{overflow:hidden;border-bottom:2px solid #e6e6e6;}
.pros_right_top .pbt{overflow:hidden;font-size:24px;color:#333;padding-bottom:10px;}
.pros_right_top .pwz{overflow:hidden;font-size:16px;color:#333;line-height:25px;padding-bottom:10px;}
.proleft{width:100%;font-size:14px;line-height:30px;margin-top:2%;}
.proleft p{font-size:14px;line-height:25px;}
.pc-cx-tel-1{width: 100%;height: auto;border-top: 2px solid #e6e6e6;padding-top: 2%;overflow:hidden;margin-top:4%;}
.pc-cx-tel-1-t1{width: 28%;height: auto;background: #333;font-size: 18px;line-height: 44px;text-align: center;float: right;margin-top: 15px;}
.pc-cx-tel-1-t1 a{display: block;color: #fff;}
.pc-cx-tel-1-t2{height: auto;padding-left: 70px;background: url(../images/head-c-r1.png) no-repeat 0px center;font-size:20px;color: #454545;float:left;line-height:30px;}
.pc-cx-tel-1-t2 p{line-height: 24px;font-size: 18px}
.proleft_btn{width:100%;float:left;margin-top:3%;}
.proleft_btn li{width:150px;float:left;margin-right:10px;}
.proleft_btn li a{width:150px;height:40px;float:left;line-height:40px;text-align:center;font-size:16px;background:#eee;display:block;color: #333722}
.proleft_btn li span{float:left;padding-right:20px;}
.proleft_btn li a:hover,.proleft_btn li a.on{background:#333;color:#fff;}
.tabs-basic{width:100%;margin-top:5%;float:left;}
/* The tabs*/.tabs-basic ul{list-style:none;text-align:left;margin:0;padding:0;border-bottom:1px solid #e6e6e6;background:#eee;}
.tabs-basic ul li{display:inline-block;margin-bottom:-1px;font-size:16px;text-transform:uppercase;}
.tabs-basic a{display:block;text-decoration:none;background:#333;border:1px solid transparent;padding:10px 40px;color: #fff}
.tabs-basic .tab-active{border-bottom:2px solid #a72c1c;color:#fff;background:#a72c1c;}
/* The content*/.tabs-basic .tabs-content-placeholder{overflow:hidden;margin:auto;padding:20px 0;}
.tabs-basic .tabs-content-placeholder .div{display:none;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active{display:block;line-height:30px;font-size:14px;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active table{border:1px solid #d6d6d6;line-height:24px;text-align:center;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active table tr{padding-left:20px;}
.tabs-basic .tabs-content-placeholder .div p{line-height:30px;text-align:left;margin-top:10px;}
.tabs-basic .tabs-content-placeholder .div img{max-width:100%;margin:auto;display: block;clear: both;}
.tabs-basic table{border-collapse:collapse;border: 1px #e6e6e6 solid !important;width:100% !important;line-height:30px!important;}
.tabs-basic table td{padding:8px!important;padding-left:12px !important;word-wrap:break-word;word-break:break-all;border:1px #e6e6e6 solid !important;line-height:30px!important;}
.tabs-basic table td div{padding:0px!important;height:auto!important;}
.hot_pro2{width:100%;float:left;margin-top:5%;}
.hot_pro2_tit{width:100%;height:45px;background:#f1f1f1;color:#333;line-height:45px;font-size:16px;padding:0 20px;font-weight:bold;border:1px solid #d6d6d6;box-sizing: border-box;}
.scrollleft2{width:100%;float:left;margin-top:20px;margin-bottom: 30px;}
.scrollleft2 li{width:200px;float:left;margin-right:20px;overflow:hidden;}
.scrollleft2 li img{width:99%;display:block;border:1px solid #e6e6e6;}
.scrollleft2 li img:hover{border:1px solid #a72c1c;}
.scrollleft2 li a{color: #333}
.scrollleft2 li span{display:block;width:100%;line-height:30px;margin-top:10px;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;}
.fanhui{float:right;width:126px;margin:0 auto;position:relative;height:1px;}
.fanhui a{position:absolute;z-index:2;width:125px;height:42px;line-height:42px;top:25px;right:0;text-align:center;background:#a72c1c;font-size:16px;color:#fff;display:inline-block;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.fanhui a:hover{color:#fff;font-size:16px;font-weight:100;text-decoration:underline;}
.PreveNext{border-top:1px #DEDEDE solid;margin:0px auto;width:100%;height:70px;padding-top:10px;padding-bottom:10px;clear:both;overflow:hidden;}
.PreveNext ul{float:left;}
.PreveNext li{width:100%;float:left;line-height:32px;text-align:left; font-size: 15px;}


.news-tt-hz{margin-bottom:2%; background:#F6F6F6;padding:2%;overflow:hidden; display: block; transition: transform 0.5s; -webkit-transition: transform 0.5s; box-sizing: border-box;}

.news-tt-pic{width:24%;float:left;display:block; overflow:hidden;}
.news-tt-pic img:hover{ transform: scale(1.1);
-moz-transform:scale(1.1);
-ms-transform: scale(1.1);
-o-transform:scale(1.1);
-webkit-transform: scale(1.1);
transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition-duration: .5s;
-o-transition-duration: .5s; }

.news-tt-pic img{ width:100%;transition-duration: .8s;
-moz-transition-duration: .8s;
-webkit-transition-duration: .8s;
-o-transition-duration: .8s;}

.news-tt-right{width:72%;float:right;}
.news-tt-title{font-size:16px;}
.news-tt-content{font-size:14px;float:left; line-height:24px;text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; color:#666;margin:10px 0;}
.index-news-right-top-nr{float:left;overflow:hidden;}
.index-news-right-top-nr-rq li{float:left;margin-right:5px;font-size:14px;color:#666; line-height:27px;}
.index-news-right-top-nr-rq li img{vertical-align: top}
.index-news-right-top-nr-title {margin-bottom:10px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.index-news-right-top-nr-title a{font-size:20px; font-weight:bold;}
.index-news-right-top-nr-title a:hover{color:#a72c1c }
.index-news-right-top-nr-content{text-indent:30px;margin:14px 0;float:left; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; color:#999;}

.news-more {width: 150px;line-height:40px;text-align: center; float:right;}
.news-more a {
    color: #666;
    font-size: 15px;
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    display: block;
}
.news-more:hover a {
    background: #a72c1c;
    color: #fff;
    display: block;
}


.xinwenxiangqing{overflow: hidden;box-sizing: border-box;}
.xinwenxiangqing .nd_head{text-align: center;margin:1% 0;border-bottom: 1px dashed #d6d6d6;padding-bottom:0.5%}
.xinwenxiangqing .nd_head p{color: #a72c1c;font-size: 28px;height: auto;padding-bottom:0.5%}
.xinwenxiangqing .nd_head span{color: #666;font-size: 14px;margin: 0 15px;}
.xinwenxiangqing .nd_text{text-align: left;font-size:14px;line-height:30px;padding: 15px 0;}
.xinwenxiangqing .nd_text .big{font-size: 16px;line-height: 35px;font-weight: 600;color:#a72c1c}
.xinwenxiangqing .nd_text img{max-width: 100%;display: block;margin: 10px auto;}
.xinwenxiangqing .nd_text .baimg{width: 40%;float: right;margin-left: 30px;}
.xinwenxiangqing .nd_text .baimg img{width: 100%;clear: both;display: block;margin: auto}
.detail_fenx a{font-size:14px;padding:12px 0;overflow:hidden;margin-top:20px;border-top:1px dotted #adadad;color:#333;}
.new_s2{width:100%;float:left;margin-top:5%;}
.hot_pro2{width:100%;float:left;margin-top:5%;}
.hot_pro2_tit{width:100%;height:45px;background:#f1f1f1;color:#a72c1c;line-height:45px;font-size:16px;padding:0 20px;font-weight:bold;border:1px solid #d6d6d6;box-sizing: border-box;}
.related-product{overflow:hidden;}
.related-product .title,.relatedTitle{background:#e7e7e7;height:45px;line-height:45px;}
.related-product .title span,.relatedTitle span{display:inline-block;line-height:45px; color:#fff;background:#a72c1c;width:120px;height:45px;text-align:center;font-size:16px;font-weight:bold;}
.relatedNews{margin:3% 0 0;overflow:hidden}
.relatedNews_font{font-size:13px;margin-top:15px;}
.relatedNews_font ul{margin-right:-3%}
.relatedNews_font ul li{float:left;margin-right:3%;width:47%;;line-height:40px;border-bottom:1px dotted #ddd;line-height:40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.relatedNews_font ul li a{background:url(../images/ly_li.png) no-repeat left center;padding-left:10px;color: #666}
.relatedNews_font ul li a:hover{color: #a72c1c}
.relatedNews_font ul li span{float:right;color:#999;margin-left:30px; font-size: 14px; line-height: 40px}


.contact{width: 100%;height: auto;overflow: hidden;padding: 3% 0;box-sizing: border-box;}
.contact_lx{float: left;width:52%;font-size: 16px;line-height: 35px;}
.contact_lx .txt{overflow: hidden;}
.contact_lx .txt .bt{font-size: 24px;line-height: 36px;color: #000;}
.contact_lx .txt .nr{font-size: 16px;line-height: 36px;color: #666;margin-top: 15px;}
.contact_lx .txt .ewm{width: 160px;margin-top: 20px;}
.contact_lx .txt .ewm img{display: block;width: 100%;}
.contact_lx .txt .ewm p{font-size: 16px;line-height: 24px;color: #666;text-align: center;padding-top: 7px;}


.tactfrms{width:45%;float:right;}
#map_container{height: 450px;}
.bot{background: #f3f3f3;overflow: hidden;}
.bot .t-center{text-align: center;padding-top:2%}
.bot .title{font-size: 32px;line-height: 1.85;}
.bot .ltitle{font-size: 14px;line-height: 25px;color:#777;margin-top: 5px;margin-bottom:0%;}
.bot .form{padding:2.2% 0%;display: block;}
.bot .tip{font-size: 14px;line-height: 22px;color:#666666;}
.bot .input{display: block;width: 100%;background-color: #fff;font-size: 14px;line-height: 32px;padding:8px 2.2%;color:#999;margin:2% 0;box-sizing: border-box; border: 0;}
.bot .input:focus{box-shadow: 0 0 10px rgba(0,0,0,0.08);}
.bot .br{border-radius: 5px;}
.bot .submit{line-height: 44px;height: 44px;padding:0 45px;display: inline-block;background-color: #a72c1c;font-size: 15px;color: #fff;cursor: pointer;}
.bot .submit:hover{background-color: #a72c1c;}
.col-sm-6{width: 50%;float: left;padding: 0 2%;box-sizing: border-box;}
.col-xs-12{padding: 0 2%;box-sizing: border-box;}

/* 内页人才招聘部分*/.inner_content{width:100%;background:#fff;overflow: hidden;margin: 50px 0}
.jobctit{background:#a72c1c;line-height:70px;font-size:18px;color:#fff;margin-top:0px;}
.jobctit span{display:inline-block;width:18%;text-align:center;}
.job-content{width:100%;float:left;background:#fff;}
.job-content dl{width:100%;float:left;}
.job-content dl dt{height:62px;line-height:62px;cursor:pointer;border-bottom:1px solid #e6e6e6;font-size:16px;display:block;overflow:hidden;}
.job-content span.job_cls{width:6%;}
.job-content dl dt .down{width:11px;height:60px;background:url(../images/dl.png) no-repeat center;display:block;margin:auto;}
.job-content dl dt.cur .down{background:url(../images/dlon.png) no-repeat center;}
.job-content dl dt span{width:18.3%;float:left;text-align:center;color:#666;}
.job-content dl dd{background:#f8f8f8;padding:3%;line-height:30px;font-size:15px;overflow:hidden;}
.job-content dl dd p{color:#666;margin-top:10px;}
.job-content dl dd p span{font-weight:bold;color:#333;font-size:18px;}
.job-content dl dd .cont{width:100%;border-top:1px solid #e6e6e6;padding:1%;margin:2% 0;}
.job-content dl dd .cont li{float:left;margin-right:3%;padding-left:30px;}
.job-content dl dd .cont li:nth-child(1){background:url(../images/dianhua.png) left no-repeat;background-size:25px 25px;}
.job-content dl dd .cont li:nth-child(2){background:url(../images/dingwei.png) left no-repeat;background-size:25px 25px;}
.job-content dl dd .cont li:nth-child(3){background:url(../images/youxiang.png) left no-repeat;background-size:25px 25px;margin-right:0;}