@charset "utf-8";

*{margin: 0; padding: 0; box-sizing:border-box;

    -webkit-box-sizing:border-box;

    -moz-box-sizing:border-box;

    -webkit-tap-highlight-color: transparent} 

a:hover, button:hover{ cursor:pointer;}

body{ min-width:1200px;}

body, button, input, select, textarea /* for ie */ {

    font: 14px / 1.5 "Gotham","Microsoft Yahei";

    -webkit-font-smoothing: antialiased;

}

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal;}

address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */

code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 统一等宽字体 */

small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化*/ 

ul, ol { list-style: none; }

ul li{ list-style: none; }

li{ list-style: none; }

a { text-decoration: none; }

article, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section,

summary, time, mark, audio, video {

    display: block;

    margin: 0;

    padding: 0;

}

.blank15{ display:block; height:15px; width:100%; clear:both;}

.clearfix{*zoom:1;}

img{ vertical-align:middle;}

.l{float: left;}

.r{float: right;}

.c{clear: both;}

body{font-family:"微软雅黑"; background:#fff;}

.clearfix:after{ 

    visibility: hidden; 

    display: block; 

    font-size: 0; 

    content: "."; 

    clear: both; 

    height: 0; 

}

.main{

	display: block;

	width: 100%; min-width:1200px;

	max-width:1200px;

	margin: 0 auto; 

}

header{ width:100%;}

.hea_top{ height:130px;}

.logo{ margin-top:10px;}

.logo img{  width:auto;}
.hwechat{ float: right; text-align: center; margin:0 0 0 10px;  width: 100px; }
.hwechat a{ font-size: 14px; color: #fff; background: #d41619; height:24px; line-height: 22px; display: block; margin: 0 auto; border-radius:0 0 10px 10px; }
.hwechat img{ width: 100px; display: block; }

.tel{background:url(../img/tel_bg.png) no-repeat; padding-left:50px; float:right; font-size:14px; color:#666;

margin-top:30px;}

.tel span{font-size:24px; color:#d41619; display:block;}

nav{ width:100%; background:url(../img/nav_bg.png) repeat-x; height:50px;}

.fixednav{position:fixed; top:0; left:0; z-index:11;}

nav li{ text-align:center;float: left; margin-top:5px; height:45px; line-height:45px; font-size: 16px;

position:relative; width:109px; }

nav li>a{color:#fff; display:block;}

nav li:hover, nav li.on{ background:url(../img/navli_bg.png) no-repeat 0px 1px;}

nav li:hover a, nav li.on a{ color:#000;}

nav .lang{ float:right; } 

nav .lang>a{color: #fff;font-size: 14px; display:inline-block; height:50px;line-height:55px; }

nav .lang span{ width:2px; height:12px; background:#fff; margin:0px 8px; display:inline-block; }



nav li dl{ display:none; z-index:11; padding:15px 0px; background:#fff; width:150%; position:absolute; top:45px; left:0px;}

nav li dl dd{ float:left; width:100%; height:30px; line-height:30px; }

nav li dl dd a{ text-align:left; display:block;padding-left:25px; color:#666; font-size:14px;background:url(../img/navdl_bg.png) no-repeat 15px 13px;}

nav li dl dd:hover{ background:#d71619}

nav li dl dd:hover a{ color:#fff;background:url(../img/navdl_hbg.png) no-repeat 15px 13px;}







.search{background: url(../img/search_bg.png) repeat-x; height: 46px; width: 100%;}

.search i{background: url(../img/sea_biao.png) no-repeat; width: 28px; height: 28px; display:inline-block;vertical-align:middle; margin-right: 10px;}

.search .hot_keyword { width:75%; font-size:14px; color: #4c4a4b; height:46px; line-height:46px; }

.search .hot_keyword a { margin:0 10px; color: #4c4a4b;}

.sea{width:24%; background: #fff; border-radius:20px; margin-top: 7px; position: relative;}

.search .hot_keyword a:hover{ color:#db1a1d}

.sea .sea_k{ border:none; background: url(../img/sea_fangda.png) no-repeat 8px 10px #fff; border-radius:20px; padding-left: 40px; width:270px; height: 33px; line-height: 33px; box-shadow:1px -2px 2px #dadada}

.sea .sea_btn{ background: url(../img/sea_btnbg.png) no-repeat; color: #fff; width: 60px; height: 34px; border: none; position: absolute; top: 0; right: 0}













/*banner*/

.banner{ position:relative;}

.banner img{ width:100%; height:100%;}

.swiper-pagination-bullet { background:#fff !important; border-radius:0px!important; width:70px!important; opacity:1!important; height:7px!important;}

.swiper-pagination-bullet-active{background:#d41619!important;}





/*描述*/

.miaos{ background: #da1518; height: 130px; padding-top:10px; position: relative; }

.miaos_z{ float: left;width:46%; }

.miaos_z h1{ font-size: 30px; color: #fff; }

.miaos_z p{ font-size: 14px; color: #fe9698; line-height:26px; }

.miaos_y { float: right; width: 24%;  font-size: 18px; color: #fff; margin-top: 5px; 

	background: url(../img/miaos_telbg.png) no-repeat; padding-left: 7%;  }

.miaos_y span{ display: block; font-size: 14px; color: #fe9698;}

.miaos:after{ content:""; display: block; width: 0;height: 0; border: 15px solid transparent; border-top-color:#da1518; position: absolute; left: 50%;bottom: -30px; margin-left:-15px; }







.zmenu{ width:20%; float: left; }

.zmenu span{ display: block; color: #fff; background: #6d7780; width:100%; height: 48px; line-height: 48px; font-size:18px; text-align: center;}

.zmenu ul{background: #80909c; float: left;}

.zmenu ul>li{ width:100%; float:left;line-height:48px; font-size:14px; color:#fff;border-bottom:1px solid #9ba8b1;}

.zmenu ul>li span{ width:14px; height:14px; display:block; float:left; margin:19px 15px 0px 15px;

background:url(../img/fenlei_bg.png) no-repeat;}

.zmenu ul>li>a{ display:block; color:#fff;}

.zmenu ul>li:hover{background:#e9282b;  border:none;

transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s;}

.zmenu ul>li span{ background:url(../img/fenlei_hbg.png) no-repeat;}

.zmenu ul>li:hover>a{ color:#fff;}





.scrolly1{height: 310px;overflow-y: scroll;}



.scrolly2{height: 390px;overflow-y: scroll;}

.style-1::-webkit-scrollbar-track

{

	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

	border-radius: 10px;

	background-color: #80909c;

}

.style-1::-webkit-scrollbar

{

	width: 15px;

	background-color: #80909c;

}

.style-1::-webkit-scrollbar-thumb

{

	border-radius: 10px;

	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);

	background-color: #6d7780;/*80909c*/

}







.ybian{ float:right; width: 78%;}





/*主营业务*/

.dtit{width:100%; line-height:1.3; padding:30px 0px  20px 0px;margin:0 auto;  text-align:center;font-size:30px; color:#d41619;}

.dtit span{display:block;font-size:20px; color:#a3a3a3; text-transform:uppercase;}

.dtit .img1{ margin-right:20px;} .dtit .img2{ margin-left:20px;}

.yewumenu{}

.yewumenu li{ float:left;width:20%; text-align:center;}

.yewumenu li:last-child{ margin-right:0;}

.yewumenu li span{ margin-top:18px; display:block; height:45px; line-height:45px; font-size:14px; color:#000;}

.yewumenu li:hover span, .tab_on span{ background:#ededef; color:#d5191c;}

.yewumenu li i{display:block; width:100%; height:132px; margin-bottom:20px;

/*-webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s;*/}

.yewumenu li .li1{background:url(../img/yewumenu_li1.png) no-repeat center 0px; }

.yewumenu li .li1:hover{background:url(../img/yewumenu_li1.png) center -133px no-repeat;}

.yewumenu li.tab_on .li1{background:url(../img/yewumenu_li1.png) center -133px no-repeat;}



.yewumenu li .li2{background:url(../img/yewumenu_li2.png) no-repeat center 0px; }

.yewumenu li .li2:hover{background:url(../img/yewumenu_li2.png) center -133px no-repeat;}

.yewumenu li.tab_on .li2{background:url(../img/yewumenu_li2.png) center -133px no-repeat;}



.yewumenu li .li3{background:url(../img/yewumenu_li3.png) no-repeat center 0px; }

.yewumenu li .li3:hover{background:url(../img/yewumenu_li3.png) center -133px no-repeat;}

.yewumenu li.tab_on .li3{background:url(../img/yewumenu_li3.png) center -133px no-repeat;}



.yewumenu li .li4{background:url(../img/yewumenu_li4.png) no-repeat center 0px; }

.yewumenu li .li4:hover{background:url(../img/yewumenu_li4.png) center -133px no-repeat;}

.yewumenu li.tab_on .li4{background:url(../img/yewumenu_li4.png) center -133px no-repeat;}



.yewumenu li .li5{background:url(../img/yewumenu_li5.png) no-repeat center 0px; }

.yewumenu li .li5:hover{background:url(../img/yewumenu_li5.png) center -133px no-repeat;}

.yewumenu li.tab_on .li5{background:url(../img/yewumenu_li5.png) center -133px no-repeat;}



.yewu{ background:#ededef; padding:20px 0px;} 
.yewu .ybian{ background:#ffffff; overflow:hidden; height:357px; padding:15px 0;}
.yewu .ybian li{float:left; width:200px; margin-right:1%; background:#fff; padding:10px 10px; border:1px solid #dcdcdc; margin:5px 27px;}
.yewu .ybian li:last-child{ margin-right:0;}
.yewu .ybian li .yewu_img{  width:100%; height:180px; overflow:hidden;text-align:center; }
.yewu .ybian li .yewu_img a{ display: block; text-align: center; width:100%; height:180px; }
.yewu .ybian li .yewu_img a:after{content:""; display:inline-block; vertical-align:middle; height:100%;}
.yewu .ybian li .yewu_img img{ max-height:180px;  max-width:180px; vertical-align:middle;  }
.yewu .ybian li h2{ font-size:14px; color:#44474e; margin:10px 0 5px 0px;}
.yewu .ybian li p{ max-height:36px; overflow:hidden; color:#828282; font-size:12px; line-height:18px; height:48px; margin-bottom:5px;}


.prodlist{ background:#ffffff; overflow:hidden; padding:15px 0;}

.prodlist li{float:left; width:200px; margin-right:1%; background:#fff; padding:10px 10px; margin:0 8px; }

.prodlist li:last-child{ margin-right:0;}

.prodlist li .yewu_img{  width:100%; height:136px; overflow:hidden; text-align:center; border:1px solid #dcdcdc;}

.prodlist li .yewu_img::after{content:""; display:inline-block; vertical-align:middle; height:100%;}

.prodlist li img{ max-height:180px;  max-height:180px; vertical-align:middle; }

.prodlist li h2{ font-size:14px; color:#44474e; margin:10px 0 5px 0px;}

.prodlist li p{ max-height:36px; overflow:hidden; color:#828282; font-size:12px; line-height:18px; height:48px; margin-bottom:5px;}

.prodlist li a{  float:right; }



#hider1,#hider2,#hider3,#hider4,#hider5{ display:none;}

#hider10{ display:none;}

.hide{ width:100%;}



.nomar{ margin-right:0!important;}

/*行业案例*/

.anli  li{ margin-bottom: 10px; width:32%; margin-right:2%; float:left}

.anli .anliimg{ width:100%; height:180px; overflow:hidden; position:relative;}

.anli .anliimg img{ width:100%; height:100%;}

.anlisy .anliimg{ height:118px!important;}

.anli .mask{ opacity:0;filter:alpha(opacity=0); position:absolute; top:0; left:0; 

background:rgba(0,0,0,0.7); width:100%; height:100%;}

.anli .mask i{ width:69px; height:57px; display:block; position:absolute; top:0px; left:0; right:0;

background:url(../img/anli_jiantou.png) no-repeat center; margin:0 auto;

transition:all 0.5s;}

.anli .mask span{width:100%; display:block;text-align:center; color:#fff; position:absolute; bottom:0px;}

.anli p{ font-size:14px; color:#44474e; margin:5px 0px; text-align:center;}

.anli li:hover p{ color:#d5191c;}

.anli .mask, .anli .mask i, .anli .mask span{

	-webkit-transition:all 0.5s; -moz-transition:all 0.5s; 

	-ms-transition:all 0.5s; -o-transition:all 0.5s; }

.anli li:hover img{ transform:scale(1.5); -webkit-transform:scale(1.5);

-moz-transform:scale(1.5); -ms-transform:scale(1.5); -o-transform:scale(1.5); }

.anli li:hover .mask{ opacity:1;filter:alpha(opacity=100);}

.anli li:hover .mask i{ top:50px;}

.anli li:hover .mask span{ bottom:35px;}



.anli .mask2 i{width:45px; height:37px;background:url(../img/anli_jiantousy.png) no-repeat center; }

.anli li:hover .mask2 i{ top:30px;}

.anli li:hover .mask2 span{ bottom:20px;}



.yewu_more{-webkit-transition: 0.3s ease;

-o-transition: 0.3s ease;

transition: 0.3s ease; width: 160px; height:40px; background:#eb2d30;border-radius:5px; border:1px solid #da0f13; line-height: 40px; text-align:center; font-size:16px;margin:0 auto; margin-top:20px; text-transform: uppercase; }

.yewu_more a{color:#fff; display:block;}

.yewu_more:hover{ box-shadow:0 0 12px #f74143; }



/*我们的客户*/

.ours{ width:100%; padding:45px 0px 0px 0px; background:#f6f6f6;}

.ourbg{ background:#fff;padding:0px 20px; padding-bottom:30px;}

.our li{ float:left; width:23%; margin:0 1%;

 box-sizing:border-box;  overflow:hidden;

  align-items: center;justify-content: space-around;flex-direction: column; display: flex;}

.our li a{ text-align:center; display:block;width:100%; height:72px; border:1px solid #aaacb2; overflow:hidden;}

.our li a::after {

    content: "";

    display: inline-block;

    width: 0;

    height: 100%;

    vertical-align: middle;

}

.our li span{ height:30px; line-height:30px; display:block; text-align:center; font-size:14px;}

.our li img{ max-width:100%; max-height:100%;   vertical-align: middle;}

.our li:hover img{ transform:scale(1.1)}



.ourlist{ overflow:hidden;}

.ourlist li{ float:left; width:23%; margin:0 1% 20px 1%;

 box-sizing:border-box;  overflow:hidden;

  align-items: center;justify-content: space-around;flex-direction: column; display: flex;}

.ourlist li a{ text-align:center; display:block;width:100%; height:100px; border:1px solid #aaacb2; overflow:hidden;}

.ourlist li a::after {

    content: "";

    display: inline-block;

    width: 0;

    height: 100%;

    vertical-align: middle;

}

.ourlist li span{ height:30px; line-height:30px; display:block; text-align:center; font-size:14px;}

.ourlist li img{ max-width:100%; max-height:100%;   vertical-align: middle;}

.ourlist li:hover img{ transform:scale(1.1)}



/*新闻*/

.newabout{ margin:0 auto; margin-bottom: 15px; }

.new_tit{ font-size:24px; color: #d41619; padding-bottom:10px; margin-bottom:20px; margin-top:20px;

	border-bottom: 1px solid #e5e5e5}

.new_tit span{font-size:16px; color:#6d777f; margin-left: 3px;}

.new_tit a{ color:#6d777f; float:right; font-size: 14px; margin-top: 12px;}



.new{width:48.5%;} 



.new .newz{ width:36%;float:left; overflow: hidden}

.new .newz img{ width: 100%; height:170px;}





.new .newy{width:100%; float:right;}

.newy img{ float: left; width:200px; }

.newy h1{ font-size: 16px;  margin-bottom: 15px;}

.newy h1 a{color: #666666;}

.newy h1:hover a{color:#d5191c}

.newy p{ font-size: 14px; color: #666666; line-height: 1.8; margin-bottom: 10px;}



/*公用*/.gongalla{display: block; line-height: 26px; background: url(../img/new_ayinyingbg.png) no-repeat; color: #fff; 

	font-size: 13px; height: 43px; width: 100px; text-align: center;}



.newy>ul{width:100%; float:left; margin-top:20px;}

.newy>ul>li{font-size: 14px; color: #666; list-style: inside; line-height: 36px; 

	border-bottom: 1px dashed #c6cdd5;}

.newy>ul>li a{color: #666; }

.newy>ul>li:hover a{color:#d5191c}

.newy>ul>li span{ color:#999999; float: right;}





.sy_online{ width:100%;}

.sy_online li{ width:100%; margin-bottom:10px;}

.sy_online span{ float:left; width:70px; line-height:35px; font-size:14px; text-align:right; color:#666;}

.sy_online .kuang{ padding-left:15px; font-size:14px; height:35px; line-height:35px; border:1px solid #dfdfdf; width:80%;}

.sy_online .dkuang{padding-left:15px; font-size:14px; height:126px; line-height:1.8; border:1px solid #dfdfdf; width:80%;}

.sy_online .tijiao{ border:none; padding-bottom: 18px;margin-left: 70px;}



/*公司简介*/

.syab_z{ width:100%!important;}

.ab_z{ width:67%;}

.ab_z p{ margin-bottom:18px; line-height:1.8; font-size:14px; color:#666;}

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

.aboutmenu li{ font-size:14px; color:#d7080c; width:20%; margin-right:6%; float:left;}

.aboutmenu li span{ font-size:14px; color:#5f5f5f; display:block;}

.aboutmenu li i{display:block; width:62px; height:62px; margin-bottom:20px;

-webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s;}

.aboutmenu li .li1{background:url(../img/aboutmenu_li1.png) no-repeat 0px; }

.aboutmenu li:hover .li1{background:url(../img/aboutmenu_li1.png) -62px no-repeat;}

.aboutmenu li .li2{background:url(../img/aboutmenu_li2.png) no-repeat 0px; }

.aboutmenu li:hover .li2{background:url(../img/aboutmenu_li2.png) -62px no-repeat;}

.aboutmenu li .li3{background:url(../img/aboutmenu_li3.png) no-repeat 0px; }

.aboutmenu li:hover .li3{background:url(../img/aboutmenu_li3.png) -62px no-repeat;}

.aboutmenu li .li4{background:url(../img/aboutmenu_li4.png) no-repeat 0px; }

.aboutmenu li:hover .li4{background:url(../img/aboutmenu_li4.png) -70px no-repeat;}





.youq{ font-size: 14px; color: #1f1f1f; margin:20px auto; padding:20px 0px; border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5}

.youq a{ font-size: 14px; padding:0px 10px; color: #666666; }

.youq a:hover{ text-decoration: underline;}

.youq span{display: inline-block; color: #666666;}



.foottop{ overflow:hidden; width:1200px; margin:30px auto 0 auto;border-top: 2px solid #e5e5e5; border-bottom: 2px solid #e5e5e5; padding:5px 0; }

.foottop .fpleft{ float:left; }

.foottop .fpleft img{ height:80px;}

.foottop .fpright{ float:right;}

.foottop .fpright h3{ background:url(../img/dw.png) no-repeat left center; float:left; padding-left:25px; width:120px; font-size:18px; color:#d41619; line-height:80px; border-right:2px solid #e5e5e5; margin-right:20px;}

.foottop .fpright .topnr{ float:left; width:660px; color:#666666; line-height:20px;}

.foottop .fpright .topnr p{ float:left; width:50%;}

/*底部*/

.copy{font-size:14px; color:#7e7e7e; padding-top: 15px; }

.copy ul{ width:950px; float:left; }

.copy ul li{ width:310px; padding-right:30px; margin-right:10px; float:left; margin-bottom:15px; overflow:hidden;font-size:13px; color:#666; line-height:1.6;word-wrap:break-word; }

.copy ul li h3{background:url(../img/dw.png) no-repeat left center; padding-left:25px;  font-size:16px; color:#1f1f1f; display:block; margin-bottom:5px;}

.copy ul li a{color:#666; }

.f_ma{ float:right; margin-top:15px;}

.f_ma p{line-height:1.8; text-align:center;}

.f_ma .img{ float:left;}

.copyall{width: 100%; background:#363636;font-size:14px; color:#7e7e7e; padding:20px 0px; overflow:hidden;}

.copyall .l a{ margin-right:10px;}

.copyall a{ color:#7e7e7e;}

.copyall a:hover{ color:#ffffff;}



/*返回顶部*/



.online-service{

	position: fixed;

	width: 42px;

	bottom:40%;

	right:10px;

	z-index: 99;

}

.online-service li{

	position: relative;

	display: block;

	width: 42px;

	height: 42px;

	margin-top: 5px;

}

.online-service li .way{

	/* position: relative; */

	display: block;

	width: 42px;

	height: 42px;

	text-align: center;

	background-color: #d5191c;

	background-color: rgba(213,25,28,1);

	z-index: 10;

	font-size: 0;

	-webkit-transition: 0.5s ease;

	-o-transition: 0.5s ease;

	transition: 0.5s ease;

	cursor: pointer;

}





.online-service li .way .icon{

	display: inline-block;

	margin: 10px 0px 0px 3px; 

}

.online-service li .way .icon.arrow-top{

	margin-top: 15px;

}



.online-service li .way p{

	display: block;

	line-height: 1;

	font-size: 12px;

	color: #fff;

}



.online-service .phone .content{

	display: block;

	*display: none;

	position: absolute;

	width: 0px;

	height: 42px;

	padding: 0 41px 0 20px;

	top:0;

	right: 0px;

	border-radius: 21px;

	opacity: 0;

	line-height: 42px;

	color: #fff;

	font-size: 18px;

	background-color: #222;

	background-color: rgba(213,25,28,1);

	z-index: 3;

	overflow: hidden;

	white-space: nowrap;

	-webkit-transition: 0.5s ease;

	-o-transition: 0.5s ease;

	transition: 0.5s ease;

}



.online-service .phone .content{

	*display: block;

	width: 160px;

	opacity: 1;

}


.online-service .wx .ewm{

	display: block;

	*display: none;

	position: absolute;

	top: 50%;

	margin-top: -51px;

	right: 51px;

	opacity: 0;

	z-index: 3;

	-webkit-transform: scale(0,0);

	-ms-transform: scale(0,0);

	-o-transform: scale(0,0);

	transform: scale(0,0);

	-webkit-transform-origin: 100% 50%;

	-moz-transform-origin: 100% 50%;

	-ms-transform-origin: 100% 50%;

	-o-transform-origin: 100% 50%;

	transform-origin: 100% 50%;

	-webkit-transition: 0.5s ease;

	-o-transition: 0.5s ease;

	transition: 0.5s ease;

}



.online-service .wx:hover .ewm{

	*display: block;

	-webkit-transform: scale(1,1);

	-ms-transform: scale(1,1);

	-o-transform: scale(1,1);

	transform: scale(1,1);

	opacity: 1;

	white-space: nowrap;

}



.online-service .wx .ewm img{

	display: block;

	width: 102px;

	height: 102px;

	border: 1px solid #ccc;

}



.online-service .wx .ewm .arrow{

	display: block;

	position: absolute;

	width: 0;

	height: 0;

	border: 5px solid transparent;

	border-left: 5px solid #ccc;

	top:50%;

	margin-top: -5px;

	right:-10px;

}



.online-service .wx .ewm h4{

	display: block;

	margin-top: 6px;

	color: #333;

	font-size: 16px;

	text-align: center;

}



.online-service .wx .ewm p{

	display: block;

	text-align: center;

	font-size: 12px;

	color: #666;

	margin-top: 2px;

}



.wayzhan{display: block; color: #fff; font-size: 14px!important; line-height: 42px; }

.zzong{ /*display: none;*/ }



.arrow-top{background:url(../img/contact-icon.png) no-repeat 0px 0px;height:12px;padding-left:22px;}

.contact-icon3{background:url(../img/contact-icon.png) no-repeat 0px -12px;height:24px;padding-left:30px;}

.contact-icon2{background:url(../img/contact-icon.png) no-repeat 0px -36px;height:24px;padding-left:26px;}

.contact-icon1{background:url(../img/contact-icon.png) no-repeat 0px -60px;height:24px;padding-left:25px;}

.bdkf a{background:url(../img/gt01.png) no-repeat center center;}

.bdkf a:hover{background:url(../img/gt02.png) no-repeat center center;}









/*公共*/

.n_banner{height:360px; overflow:hidden; width:100%;}

.posi{ width:100%; background:#f5f5f5; font-size:14px; color:#666666; padding:15px 0px;}

.posi a{color:#666666;}

.posi a:hover{color:#d41619;}



/*页面 距离当前位置距离*/.alln_martop{ margin-top:25px;}



/*分页*/

.fenye {overflow: hidden; text-align:center; float:left; width: 100%; margin:40px 0px;}

.fenye a { font-size:14px; color: #000;display: inline-block; padding:5px 12px; border:1px solid #eeeeed; margin-right:10px;}

.fenye .current { color: #fff; background:#d23617;font-size:14px;

    display: inline-block; font-weight: normal;padding:5px 12px; margin-right:10px;}

	

	

	

.zuo{ width:22.5%; margin-bottom:50px;}

.tong_tit{ background:#f5f5f5; padding:30px 10px;font-size:18px; color:#000; text-align:right;}

.tong_tit i{height:24px; display:block;margin-bottom:5px;}

.igywm{background:url(../img/tong_gywm.png) right no-repeat; }

.icpzx{background:url(../img/tong_cpzx.png) right no-repeat; }

.ianli{background:url(../img/tong_anli.png) right no-repeat; }

.iserve{background:url(../img/tong_serve.png) right no-repeat; }

.ilxwm{background:url(../img/tong_lxwm.png) right no-repeat; }

.ihuman{background:url(../img/tong_human.png) right no-repeat; }

.nswz{background:url(../img/nswz.png) right no-repeat; }

.ocwz{background:url(../img/ocwz.png) right no-repeat; }



/*左侧*/

.fenlei{ width:100%; }

.menu>ul>li{ width:100%; float:left; font-size:16px; color:#666; border-bottom:1px solid #dfdfdf;}

.menu>ul>li p{ background:url(../img/fenlei_bg.png) no-repeat 10px center;line-height:50px;}

.menu>ul>li>p{ overflow:hidden;}

.menu>ul>li>p>a{ float:left; color:#666;padding-left:35px;}

.menu>ul>li>p>i{ float:right; font-style:inherit; width:11px; background:url(../img/jia01.png) no-repeat center center ; height:50px; margin-right:10px; cursor:pointer;}



.menu>ul>li>p:hover,.menu>ul>li>p.active{background:#e9282b url(../img/fenlei_hbg.png) no-repeat 10px center;}

.menu>ul>li>p:hover>a,.menu>ul>li>p.active>i,.menu>ul>li>p.active>a{ color:#fff;}

.menu>ul>li p.active i,.menu>ul>li:hover i{ background:url(../img/jian01.png) no-repeat center center ;}





.menu>ul>li>ul{ display:block;background:#fff; font-size:14px; display:none;}

.menu>ul>li>ul>li{ border-bottom:1px dashed #c6cdd4;}

.menu>ul>li>ul>li>a{background: url(../img/fenlei_zilanmubg.png) no-repeat 20px center;padding-left:40px;line-height:40px;}

.menu>ul>li>ul>li.on>a,.menu>ul>li>ul>li>a:hover{ color:#e9282b;background: url(../img/fenlei_zilanmuhbg.png) no-repeat 20px center;}

.menu>ul>li>ul>li>span{ display:block;}

.menu>ul>li>ul>li>span>a{padding-left:60px; color:#666; font-size:13px;line-height:40px;}

.menu>ul>li>ul>li>span.on>a,.menu>ul>li>ul>li>span>a:hover{color:#e9282b;}





.menu>ul>li>ul>li>a{ display:block; color:#666666;}





.you{ width:74%; }

.n_dtit{ padding:25px 0px;}

/*关于我们子页面*/

.paddingtop0{ padding-top:0px;}



/*产品中心 子页面*/

.npro{ padding:15px; background:#ededef;}

.npro .ybian{ width:100%;}

.npro .ybian>li{ width:24%; margin-right:10px; margin-bottom:15px; padding:20px; }

.nanli .ybian{ width:100%;}



/*产品 组织架构  新闻内容页面*/

.art_new{ width: 100%; padding-bottom:20px; }

.art_tit{ font-size:20px;color:#44474e; text-align:center; margin-bottom:30px;}

.art_date{ color:#666; font-size:14px; margin-top:10px;}

.art_date a{ color:#e9282b; }
.art_date a:hover{ text-decoration:underline;  }
.art_txt{ width:100%; overflow:hidden; margin:20px 0px;color:#333333; font-size:14px; line-height:1.8;}

.art_txt ul{ padding-left:15px;}
.art_txt ul li{}
.art_txt ul li:before {
    content: "\02022";
    margin-right:3px;
    color: #E53333; font-size:16px;
    font-style: normal;
    text-decoration: none;
  }

.art_txt p img{ max-width:100%;}

.art_txt p{ margin:10px 0;}

.art_txt table{ empty-cells:show;border-collapse: collapse; }

.art_txt table td{ padding:0 10px; }

.art_dizi{ font-size:14px; color:#333333; margin:30px 0px;}



.art_page{ width:100%; clear:both; margin:30px 0px;}

.art_page a{ font-size:14px; color:#666; display:block; margin:10px 0;}

.art_page a:hover{ color:#ff5638; text-decoration:underline;}



hr{border:1px dashed #e4e4e4; width:100%; clear:both;}



/*公司动态*/

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

.list_new li{border-bottom: 1px dashed #c6cdd4; width:100%; color:#666; font-size:14px; line-height:50px; list-style:inside;}

.list_new li a{color:#666;}

.list_new li:hover{ color:#e9282b; border-bottom: 1px dashed #e9282b;}

.list_new li a:hover{ color:#e9282b; }

.list_new li span{ float:right;}



/*联系我们*/

.contact{ padding-bottom:50px;}

.contact h1{ color:#666; font-size:26px; margin-top:30px}

.contact h2{ display: block; color:#fff; font-size:18px; padding:3px 50px; margin:25px 0px; background:#e9282b; width:190px; text-align:center;}

.contact p{ color:#666; font-size:14px; line-height:2; }



/*在线留言*/

.online{ width:100%; padding-left:5%; margin-bottom:50px;}

.online li{ width:100%; margin-bottom:20px;}

.online span{ float:left; width:80px; line-height:45px; font-size:14px; text-align:right; color:#666;}

.online .kuang{ padding-left:15px; font-size:14px; height:40px; line-height:40px; border:1px solid #dfdfdf; width:60%;}

.online .dkuang{padding-left:15px; font-size:14px; height:170px; line-height:1.8; border:1px solid #dfdfdf; width:90%;}

.online .tijiao{ border:none; margin-left:16%;padding-bottom: 22px; }







/*下载中心*/

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

.down li{ width:100%; float:left; border-bottom:1px dashed #c6cdd4; padding-bottom:15px; margin-bottom:15px; font-size:14px;}

.down li h1{ float:left; color:#444444;}

.down li h1 span{ display:block; color:#999999;}

.down li>a{ float:right; }



#fade {display:none;position:fixed;top:0; left:0; width:100%; height:100%; background-color:black; 

z-index:8; -moz-opacity:0.8; opacity:.80; filter:alpha(opacity=80); }

#tanform{display:none; position:fixed; top:10%; left:0; right:0; margin:0 auto;width:60%; background:#fff; z-index:10;overflow:auto; } 

#tanform>a{ text-align:right; width:100%; margin-right:2%; margin-top:1%; margin-bottom:5%; color:#000; font-size:30px; float:right;}

.downform{ width:65%; margin:0 auto; padding-bottom:50px;}

.downform li{ border:none; padding-bottom:0px;}

.downform li .kuang{ width:83%;}



/*品牌*/

.brand{ width: 100% }

.brand li{ width: 216px; height: 330px; float: left; background: url(../img/brandli_bg.png) no-repeat;

margin-right:30px; margin-bottom:30px; padding:10px; border-radius: 5px; overflow:hidden;}

.brand li figure{ width: 100%; height: 196px; overflow: hidden; text-align:center; background:#ffffff;}

.brand li figure::after{ content:""; display:inline-block; height:100%; vertical-align:middle;}

.brand li figure img{ max-width: 196px; max-height:196px;vertical-align:middle;}

.brand li .brand_x{ width: 100%; padding: 10px;}

.brand li .brand_x h1{ font-size: 14px; color: #000000; }

.brand li .brand_x p{color: #666666; line-height: 26px; }

.brand li:hover{ background: #d71619;  

transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;

 -o-transition: all 0.5s; -ms-transition: all 0.5s; }

.brand li:hover figure{ background: #fff; }

.brand li:hover .brand_x h1{ color: #fff; }

.brand li:hover .brand_x p{ color: #fff; }



/*品牌 内容*/

.brand_dcon{ margin-bottom: 20px; }



.brand_con{ float: left; width: 70%; padding:10px; border:1px solid #dddddd; }

.brand_contit{ font-size:30px; color: #666; padding:25px 0px; margin-bottom: 25px; text-align: center; border-bottom:1px dashed #dddddd; }

.brand_contxt p{font-size:14px; color: #666; line-height: 1.8; margin-bottom: 2em;}



.brand_tuijian{float: right; width:23.3%;}

.brand_tuijian h1{width:280px; height:44px; line-height: 44px; padding-left: 10px;

 font-size:14px; color:#000; background: url(../img/brand_tuijianbg.png) no-repeat;}

 .brand_tuijian ul{margin-bottom: 20px;  border:1px solid #dddddd;   display: inline-block;}

.brand_tuijian li{float:left; width:100%;  background:#fff;

 padding:20px 25px;border-bottom:1px solid #dddddd; }

.brand_tuijian li:last-child{ border:none;}

.brand_tuijian li .yewu_img{ width:100%; height:150px; overflow:hidden;}

.brand_tuijian li img{ width:100%; height:100%;}

.brand_tuijian li h2{ font-size:18px; color:#44474e; margin:15px 0px;}

.brand_tuijian li p{ max-height:80px; overflow:hidden; color:#828282; font-size:14px; line-height:1.8;}

.brand_tuijian li a{  float:right; margin-top: 10px; }





/*人力资源*/

.zhaopin{}
.zhaopin>li{ float: left; width:100%; padding-bottom:10px; 
 font-size:14px; color:#000; margin-bottom:20px; }
.zhaopin .zptle{border-bottom: 1px solid #e5e5e5; padding-bottom: 10px; cursor:pointer; overflow:hidden; height:34px; line-height:24px; font-size:16px;}
.zhaopin .zptle:hover{ color: #d41619; }
.zhaopin .zptle span{float: left;display: block;width:24px; height:24px; margin-right:10px;}
.zhaopin_dians span{ background: url(../img/zhaopin_dian1.png) no-repeat center; }
.zhaopin .zhaopin_dians:hover span{background: url(../img/zhaopin_dian1s.png) no-repeat center; }
.zhaopin_dianx span{ background: url(../img/zhaopin_dian2.png) no-repeat center; }
.zhaopin .zhaopin_dianx:hover span{ background: url(../img/zhaopin_dian2s.png) no-repeat center; }
.zhaopin li .content{width: 100%; float: left; margin-top: 20px; font-size: 14px; color: #777777;}



.yewu .nyprod li .yewu_img img{ max-width:100%; max-height:100%; } 



.cptu{ width:100%;}

.tuleft{ float:left; }

.tuleft a{ width:230px; height:170px; margin-right:20px; margin-top:10px;float:left;border:1px solid #dcdcdc; text-align:center; overflow:hidden; }

.tuleft a img{width:100%; }
.tuleft a { position:relative;}
.tuleft a span{ z-index:9; position:absolute; bottom:8px; right:8px; width:18px; height:17px;background: url(../img/lupe_gallery.png) no-repeat center center;}
.tuleft a span:hover{opacity: 0.7;filter: alpha(opacity=70);}
.turight{ float:left; width:108px; margin-top:10px;}

.turight p{ float:left; width:32px; height:32px; margin:0 0 4px 4px; display:none;}

.turight .tu1{ width:100%;}

.turight .tu1 img{}

.turight .tu2{ width:104px;}

.turight .tu2 img{ width:104px;}

.tab-title{ overflow:hidden; border-bottom:2px solid #e9282b; }
.tab-title li{ float:left; width:120px; height:36px; line-height:36px; font-size:16px; text-align:center; color:#e9282b; cursor:pointer;}
.tab-title li.selected{ background:#e9282b; color:#ffffff;}
.tab-content{ overflow:hidden;}
.tab-content .hide{ display:none;}

img{transition:all 0.5s;

 -webkit-transition:all 0.5s;

 -moz-transition:all 0.5s;

 -ms-transition:all 0.5s;

 -o-transition:all 0.5s;}

.transmin, .transmax, .transfY, .transzY, .transzX{transition:all 0.5s;

 -webkit-transition:all 0.5s;

 -moz-transition:all 0.5s;

 -ms-transition:all 0.5s;

 -o-transition:all 0.5s;} 

.transmin:hover { 

-webkit-transform:scale(0.95);-moz-transform:scale(0.95);

-ms-transform:scale(0.95);-o-transform:scale(0.95);

}

.trans99:hover { 

-webkit-transform:scale(0.99);-moz-transform:scale(0.99);

-ms-transform:scale(0.99);-o-transform:scale(0.99);

}

.transmax:hover { 

-webkit-transform:scale(1.1);-moz-transform:scale(1.1);

-ms-transform:scale(1.1);-o-transform:scale(1.1);

}

.transfY:hover{

transform: translateY(-5px);

  -webkit-transform: translateY(-5px);

  -moz-transform: translateY(-5px);

  -ms--transform: translateY(-5px);

  -o--transform: translateY(-5px);

}

.transzY:hover{

transform: translateY(6px);

  -webkit-transform: translateY(6px);

  -moz-transform: translateY(6px);

  -ms--transform: translateY(6px);

  -o--transform: translateY(6px);

}.transzX:hover{

transform: translateX(6px);

  -webkit-transform: translateX(6px);

  -moz-transform: translateX(6px);

  -ms--transform: translateX(6px);

  -o--transform: translateX(6px);

}



.hovershine {

	position: relative;

}

.hovershine::before {

	position: absolute;

	top: 0;

	left: -75%;

	z-index: 2;

	display: block;

	content: '';

	width: 50%;

	height: 100%;

	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);

	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);

	-webkit-transform: skewX(-25deg);

	transform: skewX(-25deg);

}

.hovershine:hover:before {

	-webkit-animation: shine .75s;

	animation: shine .75s;

}

@-webkit-keyframes shine {

	100% {

		left: 125%;

	}

}

@keyframes shine {

	100% {

		left: 125%;

	}

}

.hoveryuan{	position: relative;}

.hoveryuan:before {

	position: absolute;

	top: 50%;

	left: 50%;

	z-index: 2;

	display: block;

	content: '';

	width: 0;

	height: 0;

	background: rgba(255,255,255,.2);

	border-radius: 100%;

	-webkit-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);

	opacity: 0;filter:alpha(opacity=0);

}

.hoveryuan:hover:before { -moz-animation: circle .75s; -ms-animation: circle .75s;

 -o-animation: circle .75s;	-webkit-animation: circle .75s;	animation: circle .75s;}



@keyframes circle {

	0% {

		opacity: 1;

	}

	40% {

		opacity: 1;

	}

	100% {

		width: 200%;

		height: 200%;

		opacity: 0;

	}

}