@charset "gb2312";
/* CSS Document */

*{ padding:0; margin:0;}
body{ font-size:14px; font-family:Arial,"microsoft yahei";color:#333;-webkit-font-smoothing: antialiased; overflow-x:hidden;}
a{color:#535353;text-decoration:none; outline:none; transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;}
a:hover {color:#f28515;}
ol,ul,li{ list-style:none;}
h1,h2,h3,h4,h5,h6 { font-weight: normal;}
.clearfix{clear:both;zoom:1;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.fl{ float:left;}
.fr{ float:right;}
table{ border-collapse:collapse;}
img{ border:none}
input,textarea{ outline:none;font-family:"microsoft yahei"; font-size:12px;}
.colO{color:#f28515;}

.wrap{max-width:1200px; margin:0 auto;}
.header{ height:96px; position:relative; z-index:2; background:#fff;}
.logo{ float:left;}
.logo a{ float:left}
.logo .tel{ border-left:1px solid #edeeef; margin-top:30px; margin-left:10px; padding-left:20px; color:#333; font-size:16px;}
.logo .tel span{ color:#666; font-size:12px;}
.lang{
	float:right;
	width:130px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px; 
	background-color:#e4e4e4; 
	margin-top:40px; 
	line-height:26px; 
	margin-left:15px;
}
.lang li{ float:left; text-align:center; font-size:12px;}
.lang li a{ display:block;}
.lang li .cn{ width:55px;}
.lang li .en{ width:75px;}
.lang li .cur,.lang li a:hover{ background:#f28515; color:#fff;-moz-border-radius:15px;	-webkit-border-radius:15px;	border-radius:15px; }
.menu{ float:right; margin-top:13px;}
.menu li{ float:left; width:95px; position:relative}
.menu li .mli{ display:block; line-height:83px;text-align:center; font-size:16px;}
.menu li .cur,.menu li .on{color:#f28515;}
.menu li .sub{ position:absolute; top:83px; background:rgba(255,255,255,0.9); width:100%; text-align:center; box-shadow:0px 3px 5px #eee; border-bottom-left-radius:5px;border-bottom-right-radius:5px; line-height:30px; padding-bottom:6px; display:none;}
.menu li .ser_sub{ width:270px; left:50%; margin-left:-135px;}
.menu li .new_sub{ width:160px; left:50%; margin-left:-80px;}
.menu li .sub p{ border-bottom:1px solid #efefed; transition:0.3s;-webkit-transition:0.3s;}
.menu li .sub p:last-child{ border-bottom:0;}
.menu li .sub p:hover{background-color:#f28515;}
.menu li .sub p:hover a{ color:#fff;}
.slide-wrapper{ display:none}
.nav{height: 50px;line-height: 50px;background: #0c3970;color: #fff;font-size: 18px;}
.nav .navli{ float:left; position:relative; margin-right:10%;}
.nav .navli a{ color:#fff; display:block}
.nav .navli .sub{position:absolute;width:120px; top:50px; left:-25px;background:#fff;text-align:center;border-bottom-left-radius:5px;border-bottom-right-radius:5px; font-size:14px; line-height:30px; padding-bottom:6px; display:none; z-index:99}
.nav .navli .sub a{ color:#333}
.nav .navli .sub a:hover{ color:#0c3970}
.nav .navli .ser_sub{ width:190px;left:-70px}
.nav .navli .new_sub{ left:-40px;}
.nav .navli .sub:before{ content:""; width:0; height:0;border-left: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 8px solid #ffffff; position:absolute; left:50%; margin-left:-4px;top:-8px}

/*case*/
.case{ padding:45px 0 20px;}
.title{ text-align:center;}
.title h2{ font-size:28px; color:#f28515;}
.title .line{ width:5%; height:1px; background:#f28515; display:inline-block}
.title p{ color:#535353; margin-top:10px;}
.case_con{ margin-top:40px; text-align:center}
.case_con ul{ display:flex; display:-webkit-flex; flex-wrap:wrap; align-items: flex-start;}
.case_con li{ width:50%; float:left; background:url(../images/kuaibg.png) no-repeat left bottom; background-size: contain;padding:0 2% 2.2%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; margin-bottom:35px;}
.case_con li .pic{ border:1px solid #e8e8e8; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;text-align:center; width:28%;padding:1px; height:90px;}

.case_con li .pic img{  width:100%; height:100%; object-fit: contain}
.case_con li .text{ width:68%; text-align:left}
.case_con li .text h3{font-size:16px; margin-bottom:4.5%}
.case_con li .text h3 a{ color:#333;}
.case_con li .text h3 a:hover{color:#f28515}
.case_con li .text p{ fon-size:14px; color:#666;}
.case_con li .text h3,.case_con li .text p{  text-overflow:ellipsis; overflow:hidden; white-space: nowrap;}
.case_con .cmore{ padding:8px 25px; border:1px solid #e8e8e8; display:inline-block; margin:0 auto 20px;}
.case_con .cmore:hover{ color:#fff; background:#f28515;}
/*about*/
.about {
    background-color: #f2f2f2;
    padding: 40px 0 30px;
}
.about .about_left {
    float: left;
    width: 65%;
}
.about .about_left h3{ font-size:22px; color:#000;border-bottom: solid 1px #dedde3; line-height:60px;}
.about .about_left .about_con{ margin:15px 0;line-height: 28px;color: #545454;}
.about .about_left .about_con .more{ display:block; width:100px; text-align:center; background:#f28515; color:#fff; margin-top:30px; line-height:32px;}
.about .about_left .about_con .more:hover{ background:#F93}
.about .about_right {
    float: right;
    width: 30%;
	position:relative;
}
.about .about_right .show_pic{}
.about .about_right .show_pic img{ display:block;width:100%}
.about .about_right .show_pic .icon{
	display: block;
    width: 60px;
    height: 60px;
    background: url("../images/ico_12.png") no-repeat center;
    left: 50%;
    margin-left: -30px;
    top: 50%;
    margin-top: -30px;
    position: absolute;
}
.about .about_right .show_pic .icon:hover{ cursor:pointer}
.video_box{ width:60%;position: fixed;top:10%;left:20%; z-index:99; display:none}
.video_box video{ width:100%; z-index:99;}
#vclose{ width:40px; height:40px; background:#f28515; text-align:center; font-size:30px;line-height:35px; color:#fff; display:block; font-family:arial;top:0; right:0; position:absolute; cursor:pointer}
.viceoshaow{ position: fixed;
     opacity: 0.5;
     filter:alpha(opacity=50);
     left: 0;
     top: 0;
     background:black;     
     display: none;
	 width:100%;
	 height:100%;
	 z-index:98;
}

/*news*/
.news{padding: 40px 0;}
.news_con{ margin-top:30px;}
.news_con .news_left{width:42%;}
.news_leftpic{ position:relative; overflow:hidden; background:#f9f9f9}
.news_leftpic a{ display:block;height:345px;}
.news_leftpic img{ display:block; width:100%; height:100%}
.news_leftpic .tit{ position:absolute; width:100%;background:rgba(255,255,255,.75); bottom:0;left:0; color:#333; padding:8px 20px; line-height:26px; z-index:91; box-sizing:border-box;-webkit-box-sizing:border-box}
.news_leftpic .flex-control-nav{ width:auto !important; right:20px; bottom:10px;}
.news_leftpic .flex-control-paging li a.flex-active{ background:#f28515;}

.news_con .news_right{width:55%; overflow:hidden}
.news_nav{ width:100%; background:#f2f2f2; border-top:2px solid #f28515;}
.news_nav span{ display:block; color:#535353; font-size:18px; float:left; line-height:47px; padding:0 3%; margin-right:1px;}
.news_nav span.active,.news_nav span:hover{ background:#f28515; color:#fff; cursor:pointer}

.slideTxtBox{width:100%; /*height:220px;*/ overflow:hidden;}
.slideTxtBox .hd{background:#f2f2f2; border-top:2px solid #f28515;margin-bottom:20px;}
.slideTxtBox .hd ul{ overflow:hidden; zoom:1;  }
.slideTxtBox .hd ul li{ float:left;line-height:53px;  margin-right:1px;padding:0 1.5%;font-size:16px;}
.slideTxtBox .hd ul li a{ display:block;color:#535353;}
.slideTxtBox .hd ul li a:hover{ color:#fff;}
.slideTxtBox .hd ul li.on{ background:#f28515; color:#fff;}
.slideTxtBox .hd ul li.on a{ color:#fff;}
.slideTxtBox .bd{ width:100%}

.slideTxtBox .bd li span{ float:left; display:block; line-height:55px;}
.slideTxtBox .bd li .num{ font-size:30px; font-family:arial;color:#333; width:5%}
.slideTxtBox .bd li .time{ color:#888; float:right; width:15%}
.slideTxtBox .bd li .tit{text-overflow: ellipsis;overflow: hidden;white-space: nowrap; font-size:15px; margin-left:20px;width:70%}


.content{ margin-top:20px; width:100%;position:relative;min-height:300px;} 
.content .box{position:absolute;}

.content .newskuai{float:left; width:660px;}
.content .newskuai li{ width:100%;}
.content .newskuai li span{ float:left; display:block; line-height:55px;}
.content .newskuai li .num{ font-size:30px; font-family:arial;color:#333; width:5%}
.content .newskuai li .time{ color:#888; float:right; width:15%}
.content .newskuai li .tit{text-overflow: ellipsis;overflow: hidden;white-space: nowrap; font-size:15px; margin-left:20px;width:70%}

/*customer*/
.customer{ background:#f2f2f2; padding:40px 0 50px; }
.customerlist{border-left:1px solid #e8e8e8;border-top:1px solid #e8e8e8;margin-top:30px;}
.customerlist li{ float:left; width:16.66%; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;border-bottom:1px solid #e8e8e8;border-right:1px solid #e8e8e8; position:relative}
.customerlist li img{ width:100%; display:block;}
.customerlist li .bg{ width:100%; height:100%; position:absolute; top:0;left:0; background:rgba(242,133,21,0.8); opacity:0;filter:alpha(opacity=0);}
.customerlist li .tit{ position:absolute;top:30%;color:#fff; width:90%; padding:0 5%; text-align:center; transform:scale(0);-webkit-transform:scale(0);-moz-transform:scale(0)}
.customerlist li .bg,.customerlist li .tit{ transition:0.3s;-webkit-transition:0.3s;-moz-transition:0.3s;}
.customerlist li:hover .bg{opacity:1;filter:alpha(opacity=100);}
.customerlist li:hover .tit{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1)}
.moreload .hidden{ display: none;}
.moreload ul.customerlist{overflow: hidden;}
.moreload .more{overflow: hidden;text-align: center; margin-top:30px; font-size:16px;}
.moreload .more a{ display:inline-block;padding:10px 30px;color:#fff;background:#333;text-align:center;border-radius:3px;}
.moreload .more a:hover{background:#f28515;}
/*nabout*/
.nbanner{ position:relative; z-index:1; overflow:hidden}
.nbanner img{ display:block; width:100%}
.nnav{ border-bottom:1px solid #e8e8e8; background:#f5f5f5}

.nbanner .db,.nbanner .db01{ position:absolute; top:40%; left:8%; font-size:35px;color:#fff; font-weight:600;}
.nbanner .db01{ color:#6b6b6b;}
.nbanner .db .line,.nbanner .db01 .line{ width:60px; height:5px; background:#f28515; display:block; margin-top:20px;}
.nnav li{ float:left; font-size:18px; margin-right:1px;}
.nnav li a{ display:block; line-height:70px; padding:0 15px;}
.nnav li a.cur,.nnav li a:hover{ background:#f28515; color:#fff;}
.sernav li{  box-sizing:border-box; font-size:18px; border-right:1px solid #e8e8e8; font-size:16px; max-width:24%;}
.sernav li a{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;padding:0 10px;}

.mob_nnav{ display:none; z-index:99;}
.nmain{ margin:30px 0;}
.nmain_con,.nmain_con01{ line-height:35px; font-size:14px;}
.nmain_con img{ max-width:100%; height:auto}

.ncase_list{ display:flex; display:-webkit-flex; align-items:flex-start; flex-wrap:wrap;}
.ncase_list li{ float:left; width:23.5%; margin-right:2%; margin-bottom:3%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.ncase_list li:nth-child(4n){ margin-right:0;}
.ncase_list li a{ display:block; padding:10px;border:1px solid #eee;}
.ncase_list li .pic{ text-align:center; line-height:0; border-bottom:1px solid #eee; position:relative; overflow:hidden}
.ncase_list li .img1{ display:block; height:auto; width:100%}
.ncase_list li .img2{ position:absolute; left:0;right:0; top:0;bottom:0; margin:auto; max-height:100%; max-width:100%}
.ncase_list li .tit{ font-weight:bold; font-size:16px; margin-top:10px; line-height:28px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.ncase_list li .intro{ line-height:25px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.ncase_list li .time{ font-size:12px; color:#999;}

/*.ncase_list .case_item{ float:left; width:23%; margin-right:2%;}
.ncase_list .case_item li{ margin-bottom:8%; position:relative;}
.ncase_list li a{ display:block; padding:10px; border:1px solid #eee;}
.ncase_list li .pic{text-align:center; line-height:0}
.ncase_list li .pic img{ max-width:100%; height:auto}
.ncase_list li .tit{ font-size:16px; font-weight:bold;}
.ncase_list li .intro{ color:#666; line-height:25px;}
.ncase_list li .time{ font-size:12px; color:#999;}*/

.nmain_con .ntitle{ text-align:center; font-size:18px; font-weight:bold;}
.nmain_con .fbtime{ text-align:center; color:#666; border-bottom:1px dotted #d8d8d8; padding:15px 0 5px; margin-bottom:20px;}
.nmain_con .nnews_list .news_item{ float:left; width:30.5%; margin-right:3%;}
.nmain_con .nnews_list .news_item:nth-child(3n){ margin-right:0}
.nmain_con .nnews_list .news_item:nth-child(3n+1){ clear:both}
.nmain_con .nnews_list .news_item li{ margin-bottom:8%; position:relative; border-bottom:1px dashed #d8d8d8; padding-bottom:2%}
.nmain_con .nnews_list .news_item li .pic{ border:1px solid #eee; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.nmain_con .nnews_list li a{ display:block;}
.nmain_con .nnews_list li .pic img{ width:100%; display:block; height:auto}
.nmain_con .nnews_list li .tit{ font-size:16px; font-weight:bold; margin-top:15px;}
.nmain_con .nnews_list li .intro{ color:#666; line-height:26px; margin-top:10px;}
.nmain_con .nnews_list li .more{ background:url(../images/pic-31.png) no-repeat 80px center;}
.nmain_con .nnews_list li{ transition:0.3s; -moz-transition:0.3s;-webkit-transition:0.3s;}
.nmain_con .nnews_list li:hover{ transform:translateY(-5px);-moz-transform:translateY(-5px);-webkit-transform:translateY(-5px);}
.nmain_con .ltitle{ font-size:16px; border-bottom:1px solid #e8e8e8; font-weight:bold; padding-bottom:10px; margin-top:10px;margin-bottom:25px;}
.nmain_con .ltitle span{ border-bottom:3px solid #f28515; padding-bottom:15px;}
.ywu li{ width:23.5%; float:left; margin-right:2%}

.ywu li h4{ background:#bbb; color:#fff; text-align:center; font-weight:bold; line-height:35px; font-size:15px}

.ncustomer_list{ border-left:1px solid #e8e8e8;}
.ncustomer_list li{ width:20%; float:left; text-align:center; border:1px solid #e8e8e8; border-left:0; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.ncustomer_list li .tit{ text-overflow:ellipsis; overflow:hidden; white-space: nowrap}
.ncontact{ position:relative;}

.ncontact h2{ margin-bottom:15px;}
.ncontact .add{ background:url(../images/address.png) no-repeat left 10px; padding-left:30px; background-size:20px;}
.ncontact .tel{ background:url(../images/tel.png) no-repeat left center;padding-left:30px; background-size:20px;}
.ncontact .tel01{ padding-left:30px;}
.ncontact .email{ background:url(../images/email.png) no-repeat left center;padding-left:30px; background-size:20px;}
.ncontact .guwen{ background:url(../images/guwen.png) no-repeat left center;padding-left:30px; background-size:20px;}
.map{ width:50%;}
/*footer*/
.footer{ width:100%; font-size:13px;color:#8c8c8c;}
.footer_top{ padding:50px 0 35px; background:url(../images/map.png) #2e2e2e no-repeat center bottom; position:relative;background-size:contain}
.footer_top .f_nav{ width:50%;}
.footer_top .f_nav li{ float:left; margin-right:5%}
.footer_top .f_nav li h3{ font-size:16px; color:#fff; margin-bottom:15px;}
.footer_top .f_nav li p{ line-height:24px;}
.footer_top .f_nav li p a{color:#8c8c8c;}
.footer_top .f_nav li p a:hover{color:#f28515}
.f_contact{ width:30%;}
.f_contact h3{font-size:16px; color:#fff; margin-bottom:15px;}
.f_contact p{ line-height:24px;}
.footer_top .pic{ position:absolute; top:30%; left:50%; margin-left:-135px;}

.friendlink{ position:relative; width:60%; border:1px solid #808080; background:url(../images/arrow.png) no-repeat 95% 12px; padding:3px 10px; margin-top:15px;}
.friendlink .option{ position:absolute; border:1px solid #808080; width:100%;height:60px; padding:10px 0; overflow-y:auto;left:-1px;top:31px; background:#2e2e2e; display:none}
.friendlink .option li{ line-height:24px; padding:0 10px;}
.friendlink .option li a{color:#8c8c8c;}
.friendlink .option li a:hover{color:#f28515}

.footer_bottom{ background:#292929; padding:15px 0; color:#e5e5e5; font-size:13px; line-height:26px;}
.footer_bottom a{color:#e5e5e5;}
.footer_bottom a:hover{color:#f28515}

.foot_mobile{
	position:fixed;
	z-index:999;
	bottom:0;
	left:0;
	width:100%;
	height:50px;
	background:#f28515;
    background:-moz-linear-gradient(top, #f28515, rgba(242, 133, 21, 0.8));  
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#f28515), to(rgba(242, 133, 21, 0.8)));  
    background:-o-linear-gradient(top, #f28515, rgba(242, 133, 21, 0.8));
	display:none ;
}
.foot_mobile li{ width:33.3%; float:left; text-align:center}
.foot_mobile li a{ color:#fff; padding-top:25px;padding-bottom:6px; display:block}
.foot_mobile li.mob_tel{ background:url(../images/Phone.png) no-repeat center 5px; background-size:20px;}
.foot_mobile li.mob_email{ background:url(../images/memail.png) no-repeat center 5px;background-size:20px;}
.foot_mobile li.mob_lang{ background:url(../images/lang02.png) no-repeat center 5px;}
.foot_mobile li.mob_erweima{ position:relative;}
.foot_mobile li.mob_erweima a{ padding-top:15px;}
.foot_mobile li.mob_erweima .erweima{ position:absolute; top:-90px;right:3%; opacity:0}

/*¸¡¶¯¿Í·þ*/
#floatDivBoxs{width:170px;background:#fff;position:fixed;top:180px;right:0;z-index:999;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#f08326;color:#fff;font-size:18px;text-indent:22px;position:relative;}
#floatDivBoxs .floatDqq{padding:0 14px;}
#floatDivBoxs .floatDqq li{height:45px;line-height:45px;font-size:15px;border-bottom:1px solid #e3e3e3; padding:0 0 0 50px;}
#floatDivBoxs .floatDtxt{font-size:18px;color:#333;padding:12px 14px;}
#floatDivBoxs .floatDtel{padding:0 0 15px 10px;}
#floatDivBoxs .floatDtel img{display:block;}
#floatDivBoxs .floatDbg{width:100%;height:20px;background:url(../images/online_botbg.jpg) no-repeat;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
.floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
#rightArrow{width:50px;height:45px;background:url(../images/online_arrow.jpg) no-repeat;position:fixed;top:180px;right:170px;z-index:999;}
#rightArrow a{display:block;height:45px;}

.fanye { text-align:right; line-height:55px;}
.back{ text-align:right; line-height:55px;}

.nmain_con .daili{ width:100%;}
.nmain_con .daili dt{ float:left; width:15%;}
.nmain_con .daili dd{float:left; width:85%; }