.clear:after { display: block; content: ''; clear: both; }
body { min-width: 1200px; }
.wrapper { width: 1200px; margin: 0 auto; }
.wrap { max-width: 1200px; margin: auto; *width: 1200px;
}
.wrap:after { content: "020"; display: block; height: 0; clear: both; visibility: hidden; }
/*top*/
.head { position: relative; z-index: 50; background-color: #fff; }
.head_top { position: relative; z-index: 2; *height:122px;
}
.head_r { width: 900px; float: right; position: relative; }
.dh_mobile { display: none; }
.panel_box { display: none; }
.head_r .nav { position: absolute; width: 100%; top: 30px; left: 0; height: 70px; }
.navfix { position: fixed; top: 0px; background: rgba(240,239,239,0.9); }
.mtel{ position:fixed; width:120px; border-radius:100%; border:5px solid #FFF; background:#00609F; font-size:0; text-align:center; right:3%; bottom:250px; z-index:9; display:none}
.mtel img{ width:80%; display:block; margin:10% auto}
 @media \0screen\,screen\9 {/* 只支持IE6、7、8 */
.navfix { filter: Alpha(opacity=90); position: static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */ *zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */
}
}
.nav .nav_li { position: relative; float: left; height: 63px; line-height: 63px; width: 12%; text-align: center; }
.nav .nav_li .nav_a { font-size: 17px; display: block; color: #fff; position: relative; }
.nav .nav_li .nav_a:before { content: ''; width: 100%; height: 4px; background-color: #ffcc19; position: absolute; z-index: -1; left: 0; top: -3px; display: none; overflow: hidden; }
.nav .nav_li:hover .nav_a:before { display: block; }
.nav ul { width: 100%; height: 68px; margin: 0px auto; overflow: visible; }
.nav ul li { float: left; width: 12%; height: 68px; text-align: center; position: relative; overflow: visible; z-index: 100; }
.nav ul li a { display: block; color: #333333; height: 68px; padding-top: 10px; font-size: 14px; font-weight: 100; font-family: "微软雅黑", "黑体", "宋体"; text-align: center; background: url('../images/dh_bar.gif') right 10px no-repeat; }
.nav ul li:last-child a { background: none }
.nav ul li span { display: block; color: #C6C6C6; font-size: 9px; font-family: Verdana, Geneva, sans-serif; font-weight: normal; }
.nav ul li span:hover { color: #FFFFFF; }
.nav ul li a:hover { color: #FFFFFF; background: url('../images/dh_hover.gif') center top no-repeat; background-size: 100% 100% }
.nav ul li ul { display: none; position: absolute; left: -30px; top: 68px; width: 180px; height: auto; /*background-color: #B4A564;*/ background-color: rgba(21,135,217,0.95); background-color: #1587D9\0; border-bottom: 1px #ececec solid; /*border:1px #0076BC solid;
	border-bottom:3px #0076BC solid;
	filter:alpha(opacity=90);*/ z-index: 110; }
.nav ul li ul li { width: 100%; height: 34px; line-height: 34px; overflow: hidden; text-align: center; border-top: 1px #ececec solid; }
.nav ul li ul li a { color: #FFFFFF; font-weight: normal; margin: 0px; padding: 0px; font-size: 12px; background-image: none; }
.nav ul li ul li a:hover { height: 30px; overflow: hidden; color: #FFEB3B; margin: 0px; padding: 0px; font-size: 14px; background: none; }
.nav ul li ul li ul { display: none; left: 10px; top: 40px; width: 140px; }
.head_r .ttel { position: absolute; right: 0; top: 0; font-size: 24px; color: #333 }
.head_r .ttel h1 { font-size: 20px }
.head_r .ttel a { color: red }
/*main*/

.banner { width: 100%; height: auto; overflow: hidden; margin: auto; }
.banner .container { height: 100%; }
.banner .contents { position: relative; width: 100%; padding-bottom: 25.3%; margin: 0 auto }
.banner .content { position: absolute; top: 0; left: 0; width: 100%; padding-bottom: 25.3%; background-size: 100%; background-repeat: no-repeat; background-position: center top; text-align: center; }
.banner .content .container { position: relative; width: 1200px; margin: 0px auto; }
.banner .contentInfo { display: none; overflow: hidden; position: absolute; top: 50%; left: 100px; width: 675px; height: 200px; margin-top: -100px; z-index: 1; text-align: left; }
.banner .contentInfo .sub { text-shadow: 0px 0px 3px #b67ebc; position: absolute; top: 17px; left: 8px; width: 2px; height: 120px; background: #fff; }
.banner .contentInfo .sub { transform-origin: left bottom; -moz-transform-origin: left bottom; -ms-transform-origin: left bottom; -o-transform-origin: left bottom; -webkit-transform-origin: left bottom; }
.banner .contentInfo .quan { text-shadow: 0px 0px 3px #b67ebc; position: absolute; top: 128px; left: 0px; width: 14px; height: 14px; border: 2px solid #fff; border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; -o-border-radius: 16px; -webkit-border-radius: 16px; }
.banner .contentInfo .title { text-shadow: 0px 0px 3px #b67ebc; position: absolute; left: 32px; top: 8px; line-height: 50px; font-size: 40px; color: #fff; font-family: "微软雅黑"; }
.banner .contentInfo .info { text-shadow: 0px 0px 3px #b67ebc; position: absolute; left: 32px; top: 70px; line-height: 32px; font-size: 20px; color: #fff; }
.banner .contentInfo .btn { text-shadow: 0px 0px 3px #b67ebc; position: absolute; top: 146px; left: 32px; color: #fff; border: 1px solid #fff; text-align: center; line-height: 32px; width: 110px; height: 30px; border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; -webkit-border-radius: 30px; }
.banner .bannerNav { position: absolute; bottom: 10px; width: 100%; text-align: center; z-index: 2; }
.banner .bannerNav .bannerNavChild { margin: 0 10px; width: 10px; height: 10px; display: inline-block; *display:inline;
*zoom:1;
background: #fff; border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; -webkit-border-radius: 10px; cursor: pointer; }
.banner .bannerNav .bannerNavChild.on { background: #000; animation: bannerNavChildOn .2s ease-in-out 0s both; -moz-animation: bannerNavChildOn .2s ease-in-out 0s both; -webkit-animation: bannerNavChildOn .2s ease-in-out 0s both; -o-animation: bannerNavChildOn .2s ease-in-out 0s both; }
.banner .catesbox { width: 100%; height: 40px; position: absolute; left: 0; bottom: 0; background: url(../images/neiNavBg.png) left top repeat-x; z-index: 100; }
.banner .catesbox .catesdiv { width: 1200px; height: 40px; margin: 0 auto; }
.banner .catesbox .catesdiv .sel { border-bottom: 2px solid #0985cc; height: 38px; }
.banner .catesbox .catesdiv ul li { width: auto; height: 40px; float: left; line-height: 40px; text-align: center; }
.banner .catesbox .catesdiv ul li a { min-width: 120px; height: 40px; display: block; font-size: 13px; color: #fff; font-family: microsoft yahei; padding: 0px 10px; }
.banner .catesbox .catesdiv ul li a:hover { background-color: #1BBC9B; }
.title { width: 100%; text-align: center; background: url(../images/title-lin.png) no-repeat center center; height: 87px; position: relative; }
.title h3 { color: #1c45ad; font-size: 60px; font-weight: bold; text-transform: uppercase; padding-top: 20px; }
.title p { color: #202020; font-size: 18px; padding-top: 20px; }
/*产品中心*/

.index-pro { width: 100%; position: relative; padding-top: 30px; }
.index-pro .hr { margin: 60px 0 20px; border-bottom: 2px solid #1c45ad; border-top: 2px solid #1c45ad; height: 3px }
.pro-con { padding-top: 45px; }
.pro-type { width: 233px; }
.type-title { width: 100%; height: 123px; background: #1c45ad; text-align: center; }
.type-title h3 { color: #fff; font-size: 36px; font-weight: bold; padding-top: 30px; }
.type-title p { color: #fff; font-size: 18px; text-transform: uppercase; padding-top: 15px; }
.pro-type ul { background: #f4f4f4; border: 1px solid #d8d8d8; }
.pro-type ul li { line-height: 45px; border-bottom: 1px solid #d8d8d8; font-size: 16px; color: #545454; text-align: center; }
.pro-type ul li a { font-size: 16px; color: #545454; display: block; width: 100%; }
.pro-type ul li:hover { background: url(../images/type-li.jpg) no-repeat center center; }
.pro-type ul li:hover a { color: #fff; }
.product-list { width: 950px; }
.fczs { margin-top: 30px; }
.index-pro .sb ul { width: 975px }
.index-pro .thw ul { width: 2920px }
.index-pro .tc ul { width: 3250px }
.fczs ul { overflow: hidden; }
.fczs ul li { width: 310px; height: 270px; float: left; margin-right: 10px; overflow: hidden; margin-bottom: 15px; }
.fczs ul li .pro-img { width: 310px; height: 270px; overflow: hidden; }
.fczs ul li .pro-img img { display: block; width: 100%; height: 100%; object-fit: cover; }
.fczs ul li:hover .pro-img { background: url(../images/pro-ho.png) no-repeat center center; }
.fczs ul li:hover .pro-img img { opacity: 0.3; }
/*公司简介*/

.index-company { width: 100%; position: relative; padding: 20px 0 37px 0; }
.com-con { padding-top: 47px; }
.com-left { width: 400px; height: 408px; }
.com-left img { max-width: 100%; }
.com-center { background: #f4f4f4; width: 690px; height: 334px; padding: 37px 45px; }
.com-center h3 { color: #202020; font-size: 24px; font-weight: bold; }
.com-center h3:after { display: block; content: ''; width: 44px; height: 5px; background: #202020; margin-top: 15px; margin-bottom: 30px; }
.com-center p { color: #202020; font-size: 16px; line-height: 30px; padding-bottom: 52px; }
.cen_box5 { width: 100%; float: left; background: url(../images/bottom_bg.png) repeat; }
.cen_box5 .contents { position: relative; width: 1200px; height: 220px; overflow: hidden; margin: auto; background: url(../images/bottom_bg02.png) center no-repeat; }
.cen_box5 .contents .box5_l { position: absolute; top: 0px; left: 100px; width: 300px; }
.box5_l .btitle { color: #FFF; font-size: 20px; padding-top: 40px; }
.cen_box5 .contents .box5_r { position: absolute; top: 25px; right: 0px; width: 740px; color: #FFF; font-size: 16px }
.box5_r .context{ float:right; margin-right:120px;}
.box5_r .iwx{ float:right; width:160px;margin-right: 100px; text-align:center}
.box5_r .iwx img{ width:100%}
.box5_r .context .btitle { background: none; color: #FFF; font-size: 24px; font-weight: 500; text-indent: 0px; border: 0px; padding-bottom: 5px; }
.box5_r .more { display: none; }
.cen_box5 .contents .box5_r a { color: #fff }
.foot { width: 100%; background: #00609F; color: #FFFFFF; float: left; }
.foot .Context { clear: both; text-align: center; width: 1200px; line-height: 20px; padding: 15px 0 0 0; }
.foot .Bottom { text-align: center; color: #FFF; padding: 5px 0 12px 0; font-size: 14px; }
.foot .wrap:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.foot a { color: #FFFFFF; }
.foot a:hover { text-decoration: underline; }
#share { position: fixed; _position: absolute;  _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight)-34+"px");
bottom: 34px; width: 49px; zoom: 1; z-index: 100; }
#share a { background-image: url(../images/share.png); background-repeat: no-repeat; display: block; width: 49px; height: 49px; margin-bottom: 2px; overflow: hidden; text-indent: -999px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
#share a#totop { background-position: -48px 0; position: absolute; bottom: 0; cursor: pointer; }
#share a#totop:hover { background-position: 0 0; }