@charset "utf-8";
/* CSS Document */
body {padding:0; margin:0; font-size:14px; font-family:"Microsoft YaHei"; color:#212121;}
a{color:#212121;text-decoration:none;}
a:hover{color:#DA251D; text-decoration:none;}
a img{border:none;} 
div,ul,li,p,form,h1,h2,h3,h4,h5,dt,dl,dd,table,tr,td{padding: 0px; margin: 0px;list-style-type: none;}
em{font-style: normal;font-weight: normal;}
* {padding: 0px; margin: 0px; }
.fl {float:left;}
.fr {float:right;}
.clear{clear:both;}
.upfile {border: 1px solid #ccc;height:28px;margin-top:10px; width:98%;}
.main_width{width:1200px; margin:0 auto;}

@font-face {
  font-family: 'iconfont';  /* project id 716340 */
  src: url('//at.alicdn.com/t/font_716340_lhuanndldpi.eot');
  src: url('//at.alicdn.com/t/font_716340_lhuanndldpi.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_716340_lhuanndldpi.woff') format('woff'),
  url('//at.alicdn.com/t/font_716340_lhuanndldpi.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_716340_lhuanndldpi.svg#iconfont') format('svg');
}
.iconfont{
    font-family:"iconfont" !important;
	font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
	}


/*头部*/
.head_top{width:100%; height:90px;text-align: center;position: fixed; left: 0;top: 0; z-index:99999;-o-transition:all .3s ease-in-out ; -ms-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out; background: #f7f7f7;}
.head{margin:0 auto; width:90%; height:90px;}
.head .logo{float:left; margin-top:12px; margin-right: 30px; width:441px; height:60px;overflow: hidden;}
.head .logo img{display:block;width: 100%;height: 100%;}

.head .language{float: right; display: block;}
.head .language a{display: block; float: left; text-align: center; margin:30px 0 0 6px;}
.head .language a img{width:24px; border: solid 1px #ddd; padding: 1px;}

#nav_menu{ display:inline-block; margin-top:35px;}
#nav_menu li{float:left;margin:0 20px;}
#nav_menu li a{display:block; text-align:center; font-size:16px; padding-bottom: 10px;}
#nav_menu li a:hover{color:#DA251D; background: url(/image/nav_ico.png) center 23px no-repeat;}
.nav_menu-item{display:block;}
.navhover a{color:#DA251D !important;background: url(/image/nav_ico.png) center 23px no-repeat;}
#nav_menu li ul{position: absolute;	visibility: hidden; z-index:99; margin-top: 5px;}
#nav_menu li ul li{float: none;}
#nav_menu li ul li a{display:block;height:35px;line-height:35px; margin-left: -30px; padding: 0 15px; font-size:14px; background:#DA251D;color:#fff !important; font-weight:normal; border-bottom:solid 1px #fff;}
#nav_menu li ul li a:hover{background:#FE7801; color:#FFFFFF !important;  padding: 0 15px !important;}


/*动画*/
.slide-main{margin:0 auto; width:100%; position: relative; padding-top: 90px;}
.slide-main .prev,.slide-main .next{display:block;width:50px;height:50px;position:absolute;z-index:222;padding:15% 0;overflow:hidden;cursor:pointer;opacity:0.4;-moz-opacity:0.4;filter:alpha(opacity=40);_border:1px solid none; font-size:45px; color: #DA251D;}
.slide-main .prev{left:10px;}
.slide-main .next{right:10px;}
.slide-main .prev:hover,.slide-main .next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.item{display:block;width:100%;position:absolute;z-index:124;left:0;text-align:center;}
.slide-box,.slide{display:block;width:100%;}
.slide-box{display:block;}
.slide{display:none;}
#bgstyle{margin:0 auto; width:100%; height:100%;position:relative;}
#bgstyle img{width:100%; display:block;}
#bgstyle h1{margin:0 auto; color:#FFFFFF; text-align: left; font-size:52px; font-weight:normal; text-shadow: 0px 2px 2px #000;display:block;}
#bgstyle p{color:#FFF; font-size:28px; display:block; margin:0 auto; clear:both; padding-top:5px;text-shadow: 0px 2px 2px #000; text-align: left; font-family:Times, Times New Roman; text-transform: uppercase;}
@media screen and(-ms-high-contrast:active),(-ms-high-contrast:none){#bgstyle a{display:block; width:235px; margin:0 auto; text-align:center; background:#0074AD; color:#FFFFFF;font-family:'Impact'; font-size:24px; border:solid 1px #FFFFFF; margin-top:30px;}}
.slide a{display:block;width:100%;cursor:pointer;}
.obj-a,.obj-b,.obj-c,.obj-d,.obj-e,.obj-f{position:absolute;z-index:9;left:50%;}
.obj-a,.obj-b,.obj-c,.obj-e{text-align:center;}
.obj-a{top:18%;margin-left:-18%; z-index:130;}
.obj-b{top:42%;margin-left:-34%;}
.banAnimate .obj-a{display:block;animation-name:baoAni;-webkit-animation:baoAni 0.4s linear 0s normal none;-moz-animation:baoAni 0.4s linear 0s normal none;animation:baoAni 0.4s linear 0s normal none;}
@-webkit-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@-moz-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
.banAnimate .obj-b{display:block;animation-name:saAni;-webkit-animation:saAni 0.4s linear 0s normal none;-moz-animation:saAni 0.4s linear 0s normal none;animation:saAni 0.4s linear 0s normal none;}
@-webkit-keyframes saAni{from{opacity:0;-webkit-transform:scale(0,0);} to{opacity:1;-webkit-transform:scale(1,1);} }
@-moz-keyframes saAni{from{opacity:0;-moz-transform:scale(0,0);} to{opacity:1;-moz-transform:scale(1,1);} }
@keyframes saAni{from{opacity:0;transform:scale(0,0);} to{opacity:1;transform:scale(1,1);} }
.watch-code.code-show{display:block;animation-name:scode;-webkit-animation:scode 0.3s linear 0s normal none;-moz-animation:scode 0.3s linear 0s normal none;animation:scode 0.3s linear 0s normal none;}
@-webkit-keyframes scode{from{opacity:0;-webkit-transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;-webkit-transform:scale(1,1); transform-origin: left bottom;} }
@-moz-keyframes scode{from{opacity:0;-moz-transform:scale(1,0); transform-origin:left bottom;} to{opacity:1;-moz-transform:scale(1,1);transform-origin:bottom bottom;} }
@keyframes scode{from{opacity:0;transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;transform:scale(1,1);transform-origin: left bottom;} }
.banAnimate .obj-c,.banAnimate .obj-e{display:block;animation-name:saAnic;-webkit-animation:saAnic 0.3s linear 0s normal none;-moz-animation:saAnic 0.3s linear 0s normal none;animation:saAnic 0.3s linear 0s normal none;}
@-webkit-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
.banAnimate .obj-d,.banAnimate .obj-f{display:block;animation-name:saAnid;-webkit-animation:saAnid 0.3s linear 0s normal none;-moz-animation:saAnid 0.3s linear 0s normal none;animation:saAnid 0.3s linear 0s normal none;}
@-webkit-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }

/*共用标题*/
.index_title{display: block; text-align: center; padding: 40px 0 30px 0; color: #333;}
.index_title h1{font-size:36px; font-weight: normal; display: block;background: url(/image/title_bg.jpg) bottom center no-repeat; padding-bottom: 10px;}
.index_title p{display: block; font-size:15px; margin-top:7px;}
.index_more a{margin:50px auto; display: block; font-size: 16px; width: 145px; height: 50px; background: #fff; border: solid 1px #999; text-align: center; line-height: 50px;}
.index_more a:hover{background: #DA251D; color: #fff; border: solid 1px #DA251D; transition: 1s;}

/*事业部门*/
#Tab{margin:0 auto; width:100%}
#Tab .Menubox{margin:0 auto; width:100%; height:80px;}
#Tab .Menubox ul{position:absolute; width: 100%;background:#F2F2F2;}
#Tab .Menubox ul li{width:25%; display:block;float:left;color:#333; background: url(/image/shiye_bg.jpg) left no-repeat; text-align:center;height:80px;line-height:80px; font-size:20px; cursor: pointer;}
#Tab .Menubox ul li:first-child{background: none;}
#Tab .Menubox ul li.hover{background:#DA251D; color:#fff;}
#Tab .Contentbox{ width: 100%; display:block; background: url(/image/bumen_bg.jpg) center no-repeat; padding-bottom:10px;}
.index_career{width:90%; margin: 0 auto;}
.index_career li{float:left; width:24%; display: block; margin-left: 1.3%;}
.index_career li:first-child{margin-left:0px;}
.index_career li img{ width: 100%; display: block; border-radius:18px; box-shadow: 0px 0px 6px #666;transition: all 0.8s;}
.index_career li img:hover{transform: scale(1.3);}

/*产品展示*/
.index_product{margin: 0 auto; width:90%;}
.index_product li{float:left;display: block; border: solid 1px #CCCCCC; margin-left: 10px; overflow: hidden;}
.index_product img{width:360px; display: block; transition: all 0.8s;}
.index_product li img:hover{transform: scale(1.5); transition: 1s;}
.index_product span a{display: block; height:50px; background: #E4E4E4; line-height:50px; text-align: center; font-size: 16px;}
.index_product span a:hover{background:#DA251D; color:#fff; transition: 1s;}

/*新闻中心*/
.index_news_bg{margin: 0 auto; width: 100%; background: #F2F2F2;}
.index_news{margin: 0 auto; width: 90%;}
.index_news dl{float:left; width:24%; height: auto;display:block;overflow: hidden; margin-left:1.33%;}
.index_news dl:first-child{margin-left:0px;}
.index_news dl dt{width:100%;position:relative; }
.index_news dl img{width:100%; display:block;transition: all 0.6s;}
.index_news dl img:hover{transform: scale(1.2);}
.index_news dl dt p{ width: 100%; height:45px; line-height:45px; color: #fff; position:absolute; bottom:0px; text-align:center; font-size:16px; background:url(/image/news_bg.png); z-index:8;}
.index_news dl dd{width:98%; line-height: 25px; color:#5F5F5F; margin: 10px 6px 0 6px;}
.index_news .n_more a{margin:20px auto; width: 125px; height: 45px; text-align: center; line-height: 45px; display: block; border: solid 1px #CCCCCC; color: #333;}
.index_news .n_more a:hover{background:#DA251D; border: solid 1px #DA251D; color: #fff; transition: 1s;}

/*主要客户*/
.index_client{margin: 0 auto; width: 90%; padding-bottom:40px;}
.index_client li{float:left;display: block; border: solid 1px #CCCCCC; margin-left: 10px; overflow: hidden;}
.index_client img{width:230px; display: block; transition: all 0.8s;}
.index_client img:hover{transform: scale(1.5); transition: 1s;}

.list_banner{margin:0 auto; width:100%; padding-top: 90px;}
.list_banner img{display: block;width:100%;}

/*位置导航*/
.location_bg{margin: 0 auto; background: #f2f2f2; width: 100%; height: 50px; line-height: 50px;}
.location{margin: 0 auto; width: 1200px; background:url(/image/home.gif) left no-repeat; padding-left:25px;color:#999;}
.location a{color:#999;}

/*内页分类*/
.ListNav {position:relative; z-index:5; overflow:hidden; text-align:center; border-bottom:solid 1px #EAEAEA; width: 100%; height: 85px;}
.ListNav ul {*width:1200px; *margin:0 auto; margin-top: 18px;}
.ListNav li {display:inline-block; *loat:left; *display:block; margin:0 10px; line-height:50px; font-size:16px;}
.ListNav li a {display:block; color:#202020; padding: 0 15px;}
.ListNav li a:hover{color:#fff; background:#DA251D; padding: 0 15px; transition: 1s;}
.ListNav .currclass a{color:#fff; background:#DA251D; padding: 0 15px;}

.mainContent{margin:20px auto; width:1200px;}
.content{display:block; height:50px; line-height:50px; text-align: center; font-size: 22px; background: url(/image/nav_ico.png) bottom center no-repeat;}
.Business{display: block; text-align: center;}
.Business h1{font-size:20px; font-weight: normal;display:block; text-align:center;  background: url(/image/nav_ico.png) bottom center no-repeat; height:45px; line-height:45px;}
.Business p{display: block; line-height: 25px; margin-top: 10px;}

.list_contact{display:block; margin:20px 0; line-height:30px;}
.list_contact img{max-width:1200px;}
.list_contact .title{font-size:20px; display:block; text-align:center;  background: url(/image/nav_ico.png) bottom center no-repeat; height:45px; line-height:45px;}
.list_contact .contact{display:block; line-height:30px;margin-top:10px;}
.list_contact .date{display:block; text-align:center; margin:10px 0;}
.list_contact #next{ display:block; margin-top:15px; text-align:center; padding-top:8px;}

.list_contact_img{width: 1200px; margin:20px 0;}
.list_contact_img li{float: left; width: 23.5%; margin: 1% 0.5%; overflow: hidden; border: solid 1px #f2f2f2;}
.list_contact_img li img{display: block; width: 100%;transition: all 0.8s;}
.list_contact_img li img:hover{transform: scale(1.5); transition: 1s;}
.list_contact_img li p{background: #f2f2f2; width: 100%; display: block; height:50px; line-height:50px; text-align: center;}

/*新闻栏目*/
.list_news{display:block; margin:20px 0;}
.list_news dl{border-bottom:1px #ddd dotted; padding:15px 0;}
.list_news dt{float:left;margin-right:20px;}
.list_news dt img{width:205px; height:155px;}
.list_news dd{float:left; width:970px; margin-top:20px;}
.list_news dd h4 a{ font-size:16px; color:#555555;}
.list_news dd h4 a:hover{font-size:16px; color:#DA251D;}
.list_news dd h4 span{float:right; font-weight:normal;color:#9C9C9C;}
.list_news dd h4 span a{font-size:14px;color:#9C9C9C;}
.list_news dd h4 span a:hover{font-size:14px;}
.list_news dd p{line-height:25px; padding-top:5px; color:#9C9C9C;}

/*公司沿革*/
.time-line{width:1200px;margin:20px auto;position: relative;}
.time-line .left-btn,.time-line .right-btn{width: 30px;height: 30px;background: url(/image/arrow.png) no-repeat;position: absolute;margin-top:-15px;cursor: pointer;}
.time-line .left-btn{left:0;top:50%;}
.time-line .right-btn{right:0;top:50%;transform: rotate(180deg);}
.time-line .right-btn:hover{background: url(/image/arrow-hover.png) no-repeat;transform: rotate(180deg);}
.time-line .left-btn:hover{background: url(/image/arrow-hover.png) no-repeat;}
.time-line .time-box{width:1120px;margin: 0 auto;overflow: hidden;}
.time-line .time-box ul{overflow: hidden;position: relative;height:305px;}
.time-line .time-box ul:after{content: "";background: #d2d2d2;height: 1px;width: 100%;position: absolute;left:0;top:50%;}
.time-line .time-box li{width:280px; height:95px; text-align: center; float: left;padding: 10px;box-sizing: border-box;border: 1px solid #ccc;position: relative; cursor: pointer; margin-top:20px;}
.time-line .time-box h3{ text-align: center; font-size:22px; font-weight: normal;}
.time-line .time-box li:nth-child(2n){margin-top:190px;}
.time-line .time-box li:before{content: "";border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;position: absolute;width: 16px;height: 16px;background: #fff;   bottom: -9px; transform: rotate(-45deg);left: 50%;margin-left: -8px;}
.time-line .time-box li:after{content: "";width: 15px;height: 15px;background: url(/image/point.png) no-repeat;position: absolute;left:50%;margin-left:-7px;bottom: 0;    bottom: -48px; z-index: 1;}
.time-line .time-box li:nth-child(2n):before{bottom: auto;top: -10px;transform: rotate(-225deg);}
.time-line .time-box li:nth-child(2n):after{bottom: auto;top:-46px;}
.time-line .time-box li:hover,.time-line .time-box li.active{background: #DA251D;color:#fff;border-color: #DA251D;}
.time-line .time-box li:hover:before,.time-line .time-box li.active:before{border-color: #DA251D;background: #DA251D;}
.time-line .time-box li:hover:after,.time-line .time-box li.active:after{background: url(/image/point-hover.png) no-repeat;}



/*产品栏目*/
.list_product{display:block; padding:20px 0;}
.list_product li{float:left; width:24%; margin:0.5% 0.5%; overflow: hidden;}
.list_product li img{width:99.5%;margin:1px 0 0 1px;transition: all 0.8s;}
.list_product li img:hover{transform: scale(1.5); transition: 1s;}
.list_product li p{display:block; text-align:center; line-height:40px; font-size:16px;}
.list_product li a{background:#ECECEC; display:block;}
.list_product li a:hover{background:#DA251D; color:#FFFFFF; transition: 1s;}

/*产品内容页*/
#list_info{margin:20px 0; display:block; text-align: center; border-bottom: dotted 1px #ddd; font-size: 20px; line-height: 50px;}
#list_product_content{display:block;}
#list_product_content .title{font-size:18px; display:block; text-align:center; font-weight:bold; height:45px; line-height:45px;}
#list_product_content .contact{display:block; line-height:30px;}
#list_product_content .contact td{padding-left:20px;}
#list_product_content .contact img{max-width:1200px; display:block;}
#list_product_content #next{ display:block; margin-top:15px; text-align:center; padding-top:8px;}
.prodtitle {LINE-HEIGHT: 45px; HEIGHT: 45px; font-size:20px;}
.products_show_1 {PADDING-TOP: 15px; display:block;}
.show_left {FLOAT: left; width:550px; margin-top:13px;}
.show_right {WIDTH:620px; FLOAT: right;}
.show_right .d_contact{display:block; line-height:35px; color: #666;}


/*图片放大镜样式*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{width:550px; height:413px; max-width:550px; max-height:413px; border:solid 1px #eee;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:550px;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:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

/*图片小图预览列表*/
.spec-preview{width:550px;}
.spec-scroll{clear:both;margin-top:5px;}
.spec-scroll .prev{float:left;margin-right:2px; background:url(/image/left.gif) no-repeat; margin-top:20px;}
.spec-scroll .next{float:right; background:url(/image/right.gif) no-repeat; margin-top:20px;}
.spec-scroll .prev,.spec-scroll .next{display:block;width:17px;height:54px; line-height:54px;cursor:pointer;text-decoration:none;}
.spec-scroll .items{float:left;position:relative;width:488px;height:56px;overflow:hidden; margin-top:20px;}
.spec-scroll .items ul{position:absolute;width:999999px;height:54px;}
.spec-scroll .items ul li{float:left;width:87px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:1px;width:67px;height:50px;}
.spec-scroll .items ul li img:hover{border:1px solid #FF6600;padding:1px;}


/*分页*/
#fenye{clear:both; margin:20px 20px 0 0;}
#fenye .prev_h,#fenye .next_h{ display: block; padding: 0 5px; text-align:center;}
#fenye a.curr{background:#DA251D; border:1px solid #DA251D; color:#fff; text-align:center;}
#fenye a.curr:visited {color:#fff;}
#fenye a{padding: 0 10px; display: block; text-align:center; float:left; border:1px solid #bfbfc7;background:#fff; height:28px; font-size:14px;color:#666; line-height:28px; margin-left:5px;border-radius:3px; display:inline-block;}
#fenye a:hover{background:#DA251D;border:1px solid #DA251D;color:#fff; text-decoration:none}

/*右边浮动*/
.floating_ck{position:fixed;right:2px; bottom:0px; z-index:99999999999}
.floating_ck dl dd{position:relative;width:40px;height:34px;text-align:center;color:#fff;cursor:pointer; background: #DA251D; border-radius:5px; margin-bottom:3px; padding-top:6px;}
.floating_ck dl dd:hover{background-color:#EE9713; color: #fff;}
.floating_ck dl dd:hover .floating_left{display:block;}
.floating_ck dd i{font-size:1.5rem;}
.floating_left{position:absolute;left:-125px;top:0px;width:120px;height:40px;background-color:#EE9713;display:none; border-radius:5px;}
.floating_left a{color:#fff;line-height:50px;}
.floating_ewm{height:150px;top:-72px;}
.floating_ewm ii{background-image:url(/image/mobile.jpg);display:block;width:110px;height:110px;margin:auto;margin-top:7px;}
.floating_ewm p{color:#fff;margin-top:5px;}


/*底部*/	
.footer{margin:0 auto; width:100%; background: #393939; color: #fff; padding-top: 50px;}
.footer a{color:#FFF;}
.footer a:hover{color:#DA251D;}
.foot{width:90%;margin:0 auto ;}
.foot .nav_left{float:left; padding:0 90px;}
.foot .nav_left:first-child{padding-left:0px;}
.foot .nav_left h1{display:block; font-weight: normal;font-size:18px; margin-bottom:10px;}
.foot .nav_left li{display:block; line-height:35px; font-size:14px;}
.foot .code{float:right; display:block; text-align:center; margin-top: 50px;}
.foot .code p{display:block;}
.Copyright{margin:0 auto; width:100%; height:55px; text-align:center; line-height:55px; background:#2D2C2C; margin-top:30px;}

@media screen and (min-width:1280px) and (max-width:1440px) {
.head{margin:0 auto; width:98%; height:90px;}
.head .logo{float:left; margin-top:12px; width:445px; height: 59px;overflow: hidden;}
.head .logo img{display:block;width: 100%;height: 100%;}
#nav_menu li{float:left;margin:0 15px;}
.foot{width:98%;margin:0 auto ;}
.foot .nav_left{float:left; padding:0 70px;}

}