@charset "utf-8";
/* CSS Document */

*{ -webkit-transition: 0.3s; -ms-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,p,blockquote,th,td{margin:0; padding:0;}
body{overflow-x:hidden;min-width:1200px; font:14px/1.2 "Microsoft Yahei"; background:#fff;color:#666; -webkit-font-smoothing: antialiased;/*这个属性可以使页面上的字体抗锯齿*/ }
a{ text-decoration:none; color:#666;}
.clearfix:after{ content: ''; display: block; clear:both;}
.hidd{ display:none;}
li{ list-style:none;}
i,em{ font-style:normal;}
.fr{ float:right;}
.fl{float:left;}
img{ vertical-align:bottom; border:none; max-width:100%;}
.wrapper{ width:1200px; margin:0 auto;}


/* top */

/* logo */
.logo{ float: left; height: 100px; line-height: 100px;}
.logo img{ vertical-align: middle;}

/* 导航 start */
.nav{ float: right;}
.nav ul li{ float: left; margin-left: 35px; position: relative;}
.nav ul li>a{ display: block; font-size: 16px; height: 96px; line-height: 100px; border-bottom: 4px solid #fff;}
.nav ul li.on>a{ border-bottom: 4px solid #0b4ec1; color: #1255c6;}
/* 导航 end */

/* 首页二级导航 start */
.nav ul li .dropmenu{ display: none; position: absolute; top: 100px; left: 0px; z-index: 100; width: 84px; margin-left: -10px; text-align: center; background: url(../images/bg-black.png) repeat; transition: none;}
.nav ul li .dropmenu dl{ box-shadow: 0px 2px 8px rgba(0,0,0,0.2); padding: 10px 0;}
.nav ul li .dropmenu dt a{ display: block; color: #FFFFFF; height: 30px; line-height: 30px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.nav ul li .dropmenu dt:hover a{ color: #1255c6;}
/* 首页二级导航 end */

/* 首页banner */
.banner,.nbanner{ position: relative;}
.banner,.banner .flexslider,.banner .slides li{ min-width: 1200px; height: 606px;}
.banner .slides li{ position: relative;}
.nbanner,.nbanner .flexslider,.nbanner .slides li{ min-width: 1200px; height: 402px;}
/*.slides li a{ display: block; width: 100%; height: 100%;}*/
.flexslider{position:relative;overflow:hidden;/*background:url(../images/loading.gif) 50% no-repeat;*/ z-index:1;}
.slides{position:relative;z-index:1;}

/* 圆点切换 */
.flex-control-nav{position:absolute;bottom:40px; z-index:1;padding-left:0;width:1200px;left:0;right:0; height:8px; line-height:2px;margin:0 auto;text-align:center;}
.flex-control-nav li{width:18px;height:9px;margin:0 3px;display:inline;zoom:1;text-align:center; overflow:hidden;}
.flex-control-nav a{display:inline-block;width:18px;height:9px; line-height:50px;cursor:pointer;color:#fff;font-family:simhei; overflow:hidden; background:#fff; border-radius: 9px;}
.flex-control-nav .flex-active{width:40px;height:9px; background:#ffa800;}

/* 左右按钮切换 */
/*.flex-direction-nav a{width:45px;height:45px;line-height:99em;overflow:hidden;margin:-31px 0 0;display:block;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:1;filter:alpha(opacity=1);-webkit-transition:all .3s ease;}
.flex-direction-nav .flex-next{ background:url(../images/banright.png) no-repeat center center; right:35px;}
.flex-direction-nav .flex-prev{ background:url(../images/banleft.png) no-repeat center center; left:35px;}
.flexslider:hover .flex-next{opacity:0.6;filter:alpha(opacity=60);}
.flexslider:hover .flex-prev{opacity:0.6;filter:alpha(opacity=60);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=100);}*/

.ban-detail{ position: absolute; top: 425px; right: 50%; z-index: 10; margin-right: -285px; display: block; width: 112px; height: 41px; line-height: 41px; padding-left: 22px; border: 2px solid #ffa800; border-radius: 5px; font-size: 14px; color: #FFA800;}
.ban-detail i{ position: absolute; top: 0px; right: 0px; width: 64px; height: 8px; margin-top: 16px; margin-right: -24px; background: url(../images/arrow-right1.png) no-repeat center center;}
.ban-detail:hover i{ margin-right: -35px;}





/* fonts特殊字体 */
@font-face {
    font-family: 'dincond-regular-webfont';
    src: url('../fonts/dincond-regular-webfont.eot');
    src: url('../fonts/dincond-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/dincond-regular-webfont.woff2') format('woff2'),
    url('../fonts/dincond-regular-webfont.woff') format('woff'),
    url('../fonts/dincond-regular-webfont.ttf') format('truetype'),
    url('../fonts/dincond-regular-webfont.svg#dincond-regular-webfont') format('svg');
}

@font-face {
    font-family: 'dincond-medium-webfont';
    src: url('../fonts/dincond-medium-webfont.eot');
	src: url('../fonts/dincond-medium-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/dincond-medium-webfont.woff2') format('woff2'),
	url('../fonts/dincond-medium-webfont.woff') format('woff'),
	url('../fonts/dincond-medium-webfont.ttf') format('truetype'),
	url('../fonts/dincond-medium-webfont.svg#dincond-medium-webfont') format('svg');
}


/*
 * 
 * 
 * 首页内容
 * 
 * 
 * */

/* 首页第一屏 start */
.iacont{ padding: 60px 0;}
.ititle{ text-align: center;}
.ititle dl dt{ padding-top: 10px; line-height: 24px; font-size: 24px; color: #333333;}
.ititle dl dd{ padding: 10px 0; font-size: 16px; font-family: "微软雅黑 Light"; text-transform: uppercase;}
.ititle dl:after{ content: ''; display: block; width: 22px; height: 0px; border: 1px solid #007cbe; margin: 0 auto;}
.ipromore{ display: block; width: 200px; height: 50px; line-height: 50px; text-align: center; margin: 0 auto; font-size: 16px; color: #FFFFFF; background: #ff9000; border-radius: 3px;}

.ipdcont{ margin: 40px 0; overflow: hidden;}
.ipdcont ul{ width: 1220px;}
.ipdcont ul li{ float: left; width: 285px; margin-right: 20px; position: relative;}
.ipdcont ul li a{ display: block;}
.ipdcont ul li img{ width: 100%; height: 220px;}
.ipdcont ul li .ipdbg{ opacity: 0; position: absolute; top: 20%; left: 20%; width: 60%; height: 60%; z-index: 100; background: url(../images/icon-pro-listbg.png) repeat; text-align: center; color: #FFFFFF; overflow: hidden;}
.ipdcont ul li .ipdbg p{ margin-top: 70px; font-size: 16px; font-weight: bold;}
.ipdcont ul li .ipdbg i{ display: inline-block; width: 30px; height: 30px; margin-top: 30px; background: url(../images/icon-detail.png) no-repeat center center;}
.ipdcont ul li:hover .ipdbg{ opacity: 1; top: 0%; left: 0%; width: 100%; height: 100%;}

/* 首页第二屏 start */
.ibcont{ padding: 60px 0; background: #eaeaea;}
.icpcont{ margin: 40px 0;}
.icpcont .fl{ width: 600px;}
.icpcont .fl .icpl-img{ float: left; width: 380px; height: 260px; overflow: hidden;}
.icpcont .fl .icpr-img{ float: right; width: 216px; height: 260px; overflow: hidden;}
.icpcont .fl .icpr-img p{ display: block; height: 128px; margin-bottom: 4px; overflow: hidden;}
.icpcont .fl .icpr-img img{ width: 100%; min-height: 128px;}
.icpcont .fr{ width: 580px;}
.icpcont .fr dl dt a{ display: block; font-size: 16px; color: #333333; line-height: 16p;x overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.icpcont .fr dl dd{ padding-top: 10px; height: 36px; line-height: 12px; font-size: 12px; color: #999999; text-transform: uppercase;}
.icpcont .fr dl:after{ content: ''; display:block; width: 100px; border-bottom: 1px solid #999999;}
.icpcont .fr .icprtxt{ margin: 20px 0; height: 112px; line-height: 28px; overflow: hidden; text-align: justify;}
.icpcont .fr .icpdetail{ display: inline-block; padding: 0 39px; height: 36px; line-height: 36px; color: #FFFFFF; color: #155cc4; border: 2px solid #155cc4;}

/* 首页第三屏 start */
.iccont{ padding: 60px 0;}
.inccont{ margin: 40px 0;}
.inclist{ float: left; width: 800px; height: 376px; overflow: hidden;}
.inclist ul li{ float: left; width: 350px; margin-right: 50px; margin-bottom: 20px; padding: 16px 0;}
.inclist ul li a{ display: block;}
.inclist ul li a:after{ content: ''; display: block; clear: both;}
.inclist ul li span{ float: left; width: 80px; height: 80px; overflow: hidden; text-align: center; background: #f5f5f5;}
.inclist ul li span div{ height: 40px; line-height: 40px; font-size: 24px; border-bottom: 1px solid #e5e5e5; color: #333333;}
.inclist ul li span p{ height: 39px; line-height: 39px; font-size: 12px; color: #333333;}
.inclist ul li dl{ float: right; width: 255px;}
.inclist ul li dl dt{ height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; color: #333333;}
.inclist ul li dl dd{ height: 44px; line-height: 22px; color: #999999; font-size: 12px; overflow: hidden;}
.inclist ul li:hover span{ background: #FF9000;}
.inclist ul li:hover span div{ border-bottom: 1px solid #ffbc66; color: #FFFFFF;}
.inclist ul li:hover span p{ color: #FFFFFF;}
.inclist ul li:hover dl dt{ color: #FF9000;}
.incr{ float: right; width: 400px; height: 376px; overflow: hidden; background: #f1f1f1;}
.incr .incr-img img{ width: 100%; height: 200px;}
.incr dl{ padding: 20px;}
.incr dl dt{ font-size: 16px; color: #333333; line-height: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.incr dl dd{ padding-top: 15px; height: 110px; line-height: 22px; font-size: 12px; overflow: hidden; color: #999999; text-align: justify;}





/* 首页底部 start */
.foot-sub{ padding: 17px 0; background: #474747; color: #FFFFFF;}
.sub-l{ min-width: 545px; padding: 10px 0; line-height: 26px;}
.sub-l i{ font-size: 24px;}
.sub-c{ margin-left: 20px;}
.share{ padding: 12px 0; border-bottom: 1px solid #6c6c6c;}
.sub-cb{ padding: 10px 0; text-align: center; }
.sub-cb a{ color: #FFFFFF; font-size: 12px;}
.sub-r{ font-size: 12px; text-align: center;}
.sub-r p{ margin-top: 5px;}
.foot-sup{ height: 50px; line-height: 50px; background: #2d2d2d; text-align: center; color: rgba(255,255,255,0.6); font-size: 12px;}
.foot-sup img{ vertical-align: middle;}
.foot-sup i{ margin: 0 12px;}





/*
 * 
 * 
 * 内容页
 * 
 * 
 * */

/* 内页公用引导 */
.ncont{ padding: 20px 0;}
.ntitle{  line-height: 67px; margin-bottom: 10px; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee;}
.ntitle .fl ul li{ float: left; min-width: 149px; height: 69px; margin-top: -1px; text-align: center; position: relative; z-index: 1;}
.ntitle .fl ul li a{ display: block;}
.ntitle .fl ul li p{ height: 69px; line-height: 69px; padding: 0 20px; font-size: 16px; color: #333333;}
.ntitle .fl ul li i{ display: none; position: absolute; top: 100%; left: 0px; right: 0px; z-index: 10; width: 100%; height: 7px; background: url(../images/arrow-down.png) no-repeat center center;}
.ntitle .fl ul li.on{ background: url(../images/ntitle-bg.png) #0b4ec1 no-repeat center top;}
.ntitle .fl ul li.on p{ color: #FFFFFF;}
.ntitle .fl ul li.on i{ display: block;}
.ntitle .fr{ color: #999999;}
.ntitle .fr a{ color: #999999;}
/* 产品列表 */
.npro.ipdcont{ margin-bottom: 0px;}
.npro.ipdcont ul li{ margin-bottom: 22px;}
.npro.ipdcont ul li p{ display: block; text-align: center; border: 1px solid #e7e7e7; height: 43px; line-height: 43px; padding: 0 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.npro.ipdcont ul li:hover p{ color: #FFFFFF; border: 1px solid #ff9000; background: #FF9000;}
.npro.ipdcont ul li .ipdbg{ background: url(../images/bg-black.png) repeat;}
.npro.ipdcont ul li .ipdbg i{ margin-top: 85px; width: 51px; height: 51px; background: url(../images/nmore.png) no-repeat center center;}
.npro.ipdcont ul li:hover .ipdbg{ width: 100%; height: 220px;}
.npro.ipdcont.nnews ul li .ipdbg{ opacity: 1; top: 0px; left: 0px; width: 100%; height: 220px; background: url(../images/bg-black.png) repeat;}
.npro.ipdcont.nnews ul li .ipdbg i{ background: url(../images/playerbg.png) no-repeat center center;}
/* 分页 */
.page{ text-align: center; padding: 20px 0;}
.page span{ display: inline-block;}
.page a{ float: left; height: 38px; line-height: 38px; padding: 0 17px; border: 1px solid #d2d2d2; margin: 0 5px; color: #999; border-radius: 3px;}
.page a.pagel,.page a.pager{ padding: 0 28px;}
.page a.on{ color: #FFFFFF; background: #004098; font-size: 14px; background: #004098; border: 1px solid #004098;}

.martb30{ margin: 30px 0;}

.comperlist{ overflow: hidden;}
.comperlist ul{ width: 1212px;}
.comperlist ul li{ float: left; width: 392px; height: 268px; overflow: hidden; margin-right: 12px;}
.comperlist ul li img{ width: 100%; height: 268px;}

.compercont{}
.compercont dl{ padding: 30px 0; text-align: center;}
.compercont dl dt{}
.compercont dl dd{ padding-top: 10px;}
.compertxt{ line-height: 28px; text-align: justify;}

.zzry-title{ padding: 30px 0;}
.zzry-list{overflow: hidden;}
.zzry-list ul{ width: 1216px;}
.zzry-list ul li{ float: left; width: 280px; height: 188px; overflow: hidden; margin-right: 16px; margin-bottom: 16px; position: relative; text-align: center;}
.zzry-list ul li a{ display: block; border: 4px solid #6d3f2b;}
.zzry-list ul li img{ width: 100%; height: 180px;}
.zzry-list ul li div{ opacity: 0; position: absolute; top: 0px; left: 0px; z-index: 100; width: 80%; height: 100%; padding: 0 10%; background: url(../images/icon-pro-listbg.png) repeat; color: #FFFFFF; font-size: 20px; display: flex; align-items: center; justify-content: center;}
.zzry-list ul li:hover div{ opacity: 1;}

.gsxw-tt .fl{ width: 437px; height: 218px; overflow: hidden;}
.gsxw-tt .fl a{ display: block;}
.gsxw-tt .fl img{ width: 100%; height: 218px;}
.gsxw-tt .fr{ width: 720px; height: 218px; overflow: hidden;}
.gsxw-tt .fr dl dt{ font-size: 20px; font-weight: bold; color: #333333; line-height: 20px;}
.gsxw-tt .fr dl dd{ padding-top: 15px; font-size: 20px; color: #245f5c; font-family: "微软雅黑 Light";}
.gsxw-tt .fr .gsxw-js{ overflow: hidden; height: 72px; line-height: 24px; padding-top: 20px; color: #999999;}
.ttmore{ margin-top: 30px; display: inline-block; width: 118px; height: 38px; line-height: 38px; background: url(../images/arrow-right2.png) #ff9c00 no-repeat center center;}

.gsxw-list{ padding: 10px 0;}
.gsxw-list ul li a{ display: block; height: 60px; line-height: 60px; border-bottom: 1px solid #e2e2e2;}
.gsxw-list ul li span{ float: left; width: 900px; font-weight: bold; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.gsxw-list ul li i{ float: right; width: 300px; text-align: right; color: #999999;}
.gsxw-list ul li:hover a{ background: #ff9c00;}
.gsxw-list ul li:hover span,.gsxw-list ul li:hover i{ color: #FFFFFF;}

.spage{ padding-top: 30px;}
.spage em{ padding: 0 25px; width: 250px; height: 38px; line-height: 38px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.spage .fl i{ width: 118px; height: 38px; line-height: 38px; background: url(../images/arrow-left2.png) no-repeat #0b4ec1 center center;}
.spage .fr i{ width: 118px; height: 38px; line-height: 38px; background: url(../images/arrow-right2.png) no-repeat #FF9C00 center center;}

/* 在线留言 */
.zxly{ padding:30px 65px 55px; background: #f4f1e9; border-radius: 20px; box-shadow: 4px 4px 4px 1px rgba(0,0,0,0.2);}
.zxly .fl{ display: inline-block; width: 380px;}
.zxly .fr{ display: inline-block; width: 620px;}
.zxly .zxlybt{ padding-top: 22px; height: 40px; line-height: 40px;}
.zxly .zxlybt img{ vertical-align: middle; margin-right: 5px;}
.zxlyinp{ padding: 0 10px; background: url(../images/bordzx.jpg) #FFFFFF no-repeat 10px 5px; border: 1px solid #e0e0e0;}
.zxlyinp input{ border: 0 none; padding-left: 10px; width: 340px; height: 36px; line-height: 36px; background: none;}
.zxlyinp textarea{ height: 185px; resize: none; width: 585px; padding-left: 10px; background: none; border:0 none;}
.subform{ margin-top: 10px; float: right; cursor: pointer; width: 124px; height: 38px; background: url(../images/zxlysend.png) #ffa800 no-repeat center center; border: 0 none; font-size: 16px; color: #FFFFFF; border-radius: 38px;}

.lxwm .map{ float: left; width: 690px; height: 372px; overflow: hidden;}
.lxwm .map img{ max-width: none;}
.lxwm .mapr{ width: 480px;}
.lxwm .mapr dl dt{ font-size: 20px; font-weight: bold; color: #333333; line-height: 20px;}
.lxwm .mapr dl dd{ font-family: simhei; color: #333333; padding: 10px 0;}
.lxwm .mapr dl:after{ content: ''; display: block; width: 96px; height: 0px; border-bottom: 1px solid #4b514b;}
.lxwm .mapr .lxwmsm{ line-height: 24px; color: #5f5f5f;}
.lxwm .mapr ul{ padding-top: 10px;}
.lxwm .mapr ul li{ padding: 5px 0; line-height: 24px;}
.lxwm .mapr ul li .fl{ width: 240px;}
.lxwm .mapr ul li i{ float: left; width: 30px; height: 24px;}
.lxwm .mapr ul li .lc1{ background: url(../images/lxwm-01.png) no-repeat left center / 17px auto;}
.lxwm .mapr ul li .lc2{ background: url(../images/lxwm-02.png) no-repeat left center / 17px auto;}
.lxwm .mapr ul li .lc3{ background: url(../images/lxwm-03.png) no-repeat left center / 17px auto;}
.lxwm .mapr ul li .lc4{ background: url(../images/lxwm-04.png) no-repeat left center / 17px auto;}

.lxwmb-title{ padding: 30px 0; text-align: center;}
.lxwmb-title dl dt{ font-size: 40px; font-weight: bold; color: #0B4EC1; opacity: 0.2;}
.lxwmb-title dl dd{ font-size: 20px; font-weight: bold; color: #333333;}
.lxwmb-list .fl,.lxwmb-list .fr{ border: 1px solid #eeeeee; padding: 30px 20px; width: 540px; line-height: 24px;}
.lxwmbc{ margin-bottom: 30px;}

.protxt{ padding: 20px 0; border-top: 1px solid #e0e0e0;}
.protxt dl dt{ padding: 10px 0; font-size: 20px; font-weight: bold; color: #333333;}
.protxt dl dd{ line-height: 28px; color: #333333;}

.bantitle{ padding-top: 10px; text-align: center; font-size: 20px; color: #333333;}
.bann *{ transition: none;}
.bann .roundabout-in-focus .bgblack{ opacity: 0;}
.bgblack{ position: absolute; top: 0px; left: 0px; z-index: 10; width: 100%; height: 100%; background: url(../images/bg-black.png) repeat;}

/*公司新闻详情页 end*/

.new-title{text-align:center;padding:20px 0;border-bottom:dashed 1px #ddd;}
.new-title h6{font-size:20px;color:#313333;line-height:30px;}
.new-title p{color:#666;line-height:30px;}
.news-article{padding-bottom:20px;min-height:400px;}
.next-next{border-top:solid 1px #ddd;}
.next-next ul li{line-height:40px;}