﻿/*-------------------
        common
--------------------*/
a:focus {text-decoration: none;}
button {padding: 0;outline: none;border: 0;}
button:focus{outline: none;}
input { outline: none; border: 0;}
textarea{ color:#333;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; opacity:1;}
::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999; opacity:1;}
input:-ms-input-placeholder{ color: #999; opacity:1;}
input::-webkit-input-placeholder{ color: #999; opacity:1;}
textarea:-ms-input-placeholder{ color: #999; opacity:1;}
textarea::-webkit-input-placeholder{ color: #999; opacity:1;}

@media screen and (min-width: 1200px) {
	.main { min-width: 1200px; margin: 0 auto; }
	.content { width: 1200px; margin: 0 auto; }
	.user-top,.header,.nav .sub2,.footer  { min-width: 1200px;}
	.header .nav .home{display:none;}
}


/*头部*/
.user-top { height: 50px; background-color: #333333; line-height: 38px; }
.user-top .links { float: left; }
.user-top .links a, .user-top .menu p { display: inline-block; color: #aaa; font-size: 14px; margin-right: 16px; line-height: 50px; }
.user-top i { display: inline-block; margin-right: 16px; height: 10px; width: 1px; background-color: #575757; }
.user-top .menu { float: right; }
.user-top .menu p { float: left; }
.user-top .menu #div_wex { cursor:pointer;}
.user-top .menu #div_wex em { font-size: 14px; color: #999999; padding-left: 10px; }
.user-top .menu #div_we { display: none; position: absolute; z-index:99; margin: 50px 0 0 -65px; }
.user-top .menu i { float: left; margin-top: 20px; }
.user-top .tel { color: #90b806; font-size: 16px;font-weight: bold; line-height: 38px; }
.user-top .wx { display: block; float: left; height: 38px; width: 16px; margin-right: 20px; background: url('../images/wx.png') no-repeat center; }
.user-top .wb { display: block; float: left; height: 38px; width: 17px; margin-right: 20px; background: url('../images/wb.png') no-repeat center; }
.user-top .language { display: block; float: left; line-height:50px; color: #999; font-size: 14px; background: url('../images/language.png') no-repeat left center; padding-left: 21px; position: relative; }
.user-top .language2 { display: block; float: left; line-height:50px; color: #999; font-size: 14px; background: url('../images/wechat.png') no-repeat left center; padding-left: 21px; position: relative; }
.language-main { width: 120px; padding: 1px 0; position: absolute; display: none; z-index: 99; left: -30px; top: 38px; background: url("../images/ffggg.png") no-repeat center 4px; box-shadow: 0 5px 15px 4px rgba(0, 0, 0, .05); }
.language:hover .language-main { display: block; }
.language-cont { width: 120px; margin-top: 10px; background: #ffffff; padding-bottom: 10px; }
.language-cont a { font-size: 14px; color: #888; line-height: 28px; text-align: center; display: block; }
.language-post { padding-top: 10px; }
.language-cont a:hover { color: #90b806; }
.search_1{ border:1px solid rgba(255,255,255,0.8); border-radius:25px; color:rgba(255,255,255,0.8); margin:5px 0 0;}
.search_1 form{ color:#fff;}
.search_1 input{ background:none; color:#FFF; width:250px; padding:0 20px;}
.search_1 input::-webkit-input-placeholder { /* WebKit browsers */ 
color:#fff; 
} 
.search_1 input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
color:#fff; 
} 
.search_1 input::-moz-placeholder { /* Mozilla Firefox 19+ */ 
color:#fff;
} 
.search_1 input:-ms-input-placeholder { /* Internet Explorer 10+ */ 
color:#fff;
} 
.search_1 button{ background:url(../images/nav-search-normal1.png) no-repeat center center; color:rgba(255,255,255,0); padding:0 20px 0}
.banerlist{ text-align:center; margin-top:60px;;}
.banerlist span{ padding-left:60px; line-height:50px; display:inline-block; margin:0 20px 0 0; font-size:18px;}
.banerlist span:nth-of-type(1){ background:url(../images/banner01.png) no-repeat left center;}
.banerlist span:nth-of-type(2){ background:url(../images/banner02.png) no-repeat left center;}
.banerlist span:nth-of-type(3){ background:url(../images/banner03.png) no-repeat left center;}

/*白底导航栏*/
.header { height: 100px; border-bottom: 1px solid #eaeaea; box-shadow: 0 3px 8px 0 rgba(34, 34, 34, 0.1); }
.header .logo { float: left; display: block;  height: 99px; }
.header .logo img { position: absolute; top: 0; bottom: 0; left: 0; margin: auto; display: block; max-width: 100%; }
.logo .img-box { width: 278px; height: 99px; margin-right: 15px; float: left; position: relative; }
.logo .img-box a{ width:100%; height:100%; display: block; background: url("../images/logo.png") no-repeat center center;background-size: 278px 99px;}
.logo p { float: left; line-height:30px; margin: 20px 0; font-size: 18px; color: #555; padding-left:10px; border-left: 1px solid #e0eae9; }
.logo p span{ display:block;}
.nav { float: right; }
.nav .sub1 { float: left; }
.nav .sub1-name { padding: 0 30px; line-height: 99px; color: #222; font-size: 16px; position: relative;display: block;}
.navXian { width: 0; height: 2px; background: #90b806; position: absolute; left: 0; right: 0; bottom: 30px; margin: auto; transition: .3s ease;
}
.nav .sub1:hover .sub1-name { color: #90b806; }
.nav .sub1:hover .navXian { width: 30px; }
.nav .sub2 { display: none; position: absolute; width: 100%; left: 0;  box-shadow: 0 5px 10px 0 rgba(34, 34, 34, 0.1); background-color: #fff; border-top: 1px solid #eaeaea; z-index: 9999; padding: 56px 0; min-height: 342px; }
/*产品*/
.sub2-pro ul li h4 { font-size: 18px; color:#222; font-weight:bold; transition: .3s ease;
}
.sub2-pro ul li a:hover h4 { color:#90b806; }
.sub2-pro ul li .line { width: 205px; height: 1px; background-color: #90b806; margin: 14px auto; }
.sub2-pro ul li .list{ display: inline-block;text-align: left;}
.sub2-pro ul li .list a { display: block; font-size: 14px; color: #777777; height: 32px; line-height: 32px; transition: .3s ease;
}
.sub2-pro ul li .list a:hover { color: #90b806; }
.sub2-pro ul li .hot { position: relative; }
.sub2-pro ul li .hot::after {content: "";position: absolute;width:38px;height:30px;background: url(../images/cb5b9fcdcb374970aececb15db581241.gif) no-repeat -5px 0;top: -16px;margin-left: -6px;}
.navbtn { display: block; text-align: center; margin: 40px auto; }
.navbtn .more { background-color:#90b806; color: #fff!important; margin-right: 40px; }
.navbtn a { display:inline-block; width: 195px;padding: 8px 0;text-align: center; }
.swzt {font-size: 16px;line-height: 28px; border: 1px solid #90b806; color: #90b806; border-radius: 4px;transition: .3s ease;}
.swzt:hover{color: #90b806;}
.swzt::before { content: ""; display: inline-block; width: 28px; height: 28px; background: url(../images/3d.svg) no-repeat;background-size: 28px 28px;vertical-align: bottom;}
.nav .sub2 .content ul li {float: left; width: 33.333%; }
.nav .sub2-pro .content ul li{width: 20%;}
.nav .sub2 .column li { float: left; width: 50%; }
.nav .sub2 .column li a { display: block; width: 155px; color: #777; font-size: 16px; height: 50px; line-height: 50px; overflow:hidden; background: url(../fonts/left.svg) no-repeat center left; padding-left:15px; }
.nav .sub2 .column li a:hover { background: url(../fonts/left-h.svg) no-repeat center left; color: #90b806; }
.nav .sub2 .nav-right { padding-left: 55px; }
.nav .sub2 .nav-right .line { display: block; width: 42px; height: 4px; background-color: #90b806; margin:15px 0; }
.nav .sub2 .nav-right p { font-size: 16px; line-height:28px; color: #777777; }
.nav .sub2 .nav-right a { display: block; width: 195px; padding: 8px 0; text-align: center;margin: 15px 0;}
.nav .sub2 .nav-right h2 { font-size: 30px; color: #222; }
.nav .search-icon { width: 76px; padding: 0 20px; background: url(../images/nav-search-normal.png) no-repeat center; }
.nav .search-icon:hover { background: url(../images/nav-search-hover.png) no-repeat center; }
.sub2-search { padding: 40px 0; }
.sub2-search form { height: 48px; border: 2px solid #90b806; width: 862px; border-radius: 4px; margin:60px auto 0; }
.sub2-search .v-select { width: 88px; height: 44px; font-size: 14px; color: #666; }
.nav .sub2-search .select-panel { line-height: 44px; padding-left: 14px; }
.sub2-search .select-menu { top: 44px; }
.sub2-search .select-menu li { height: 44px; line-height: 44px; padding-left: 14px; }
.v-select { position: relative; height: 28px; outline: none; }
.select-menu { display: none; position: absolute; top: 28px; width: 100%; z-index: 9; max-height: 196px; }
.select-menu li { height: 28px; width: 100%; line-height: 28px; background-color: #fff; border: 1px solid #eaeaea; padding-left: 14px; margin-top: -1px; cursor: pointer; transition: all .4s;
font-size: 14px; }
.select-menu li:hover, .select-menu li.selected { background-color: #90b806; color: #fff; }
.v-select .select-panel { height: 100%; font-size: 14px; color: #333; width: 100%; border: 1px solid #ebebeb; background: #fff url('../images/select-down-bg.png') no-repeat right; cursor: pointer; }
.sub2-search input { float: left; width: 672px; height: 44px; font-size: 14px; padding: 15px 16px; }
.sub2-search button { width: 98px; height: 44px; color: #fff; text-align: center; font-size: 16px; line-height: 44px; background-color: #90b806; }
.sub2-search .pre-link { font-size: 14px; color: #999; margin: 11px auto 0; width: 656px; }
.sub2-search .pre-link .title { float: left; margin-right: 18px; }
.sub2-search .pre-link a { display: block; float: left; color: #222; margin-right: 28px; }
/*浮动和透明头部*/
.head2{z-index: 100;position: absolute; width: 100%;}
.head2 .logo p { color: #fff; border-left: 1px solid #ccc; }
.head2 .logo .img-box a { background-image: url("../images/logo2.png"); }
.head2 .nav .sub1-name { color: #fff; }
.head2 .nav .search-icon { background: url(../images/nav-search-normal1.png) no-repeat center; }
.head2 .header { border-bottom:none;/*border-bottom: 1px solid #999;*/ box-shadow:none;}
.head2 .user-top {background-color: transparent;border-bottom: 1px solid rgba(255,255,255,0.2);}
.head2 .user-top .links a,.head2 .user-top .menu p,.head2 .user-top .menu #div_wex em,.head2 .user-top .tel,.head2 .user-top,.head2 .language {color: #fff;}
.head2 .user-top i {background-color: #fff;}
.head2 .user-top .language {background: url(../images/language2.png) no-repeat left center;}
.head-fixed { width: 100%; height:140px; position:fixed!important; z-index: 100; }
.nav .active .sub1-name { color: #90b806; }
.nav .active .navXian { width: 30px; }
.nav .active .navXian { display: block; }
/*右侧通用工具条*/
.fixed-bar { position: fixed; right: 33px; width: 68px; top: 45%; margin-top: -70px; z-index: 100; }
.fixed-bar .ele { display: block; width: 76px; height: 76px; padding-top: 13px; border-radius: 4px; transition: .36s ease;
margin-top: 2px; box-sizing: border-box; }
.fixed-bar .ele { background: rgba(34, 34, 34, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f222222, endColorstr=#7f222222);
zoom: 1; cursor: pointer; }
:root .fixed-bar .ele { filter: none \9; }
/*for IE9*/
.fixed-bar .ele:hover { background-color: #90b806; }
.fixed-bar .icon { height: 28px; width: 100%; }
.fixed-bar .msg { background: #90b806; }
.fixed-bar .msg .icon { background: url('../images/msg.png') no-repeat center; }
.fixed-bar .tel .icon { background: url('../images/tel-icon.png') no-repeat center; }
.fixed-bar .wwx .icon { background: url('../images/wx-icon.png') no-repeat center; }
.fixed-bar .fa .icon { background: url('../images/ico-fa.png') no-repeat center; }
.fixed-bar .bj .icon { background: url('../images/ico-bj.png') no-repeat center; }
.fixed-bar .wx .icon { background: url('../images/wx-icon.png') no-repeat center; }
.fixed-bar .wx .qr { position: absolute; bottom: 60px; left: -180px; width: 190px; height: 180px; background: url('../images/qr-border.png') no-repeat center; display: none; }
.fixed-bar .qr img { display: block; margin: 40px auto; }
.fixed-bar .wx:hover .qr { display: block; }
.fixed-bar .top .icon { background: url('../images/top-icon.png') no-repeat center; }
.fixed-bar span { display: block; width: 100%; margin-top: 4px; font-size: 14px; color: #fff; text-align: center; }
.fixed-bar .tel { position: relative; }
.fixed-bar .tel .fixed-tel { display: none; width: 213px; height: 139px; position: absolute; background: url('../images/fixed-tel-bg.png') no-repeat center; left: -203px; top: -76px; text-align: center; }
.fixed-bar .fixed-tel span { display: block; margin-top: 50px; color: #999; font-size: 14px; }
.fixed-bar .fixed-tel p { color: #90b806; font-size: 18px; font-weight: bold; }
.fixed-bar .tel:hover { background-color: #90b806; }
.fixed-bar .tel:hover .fixed-tel { display: block; }
.fixed-bar .wwx .fixed-wwx { display: none; width: 213px; height: 139px; position: absolute; background: url('') no-repeat center; left: -203px; top: 60px; text-align: center; }
.fixed-bar .fixed-wwx span { display: block; margin-top: 50px; color: #999; font-size: 14px; }
.fixed-bar .fixed-wwx p { color: #90b806; font-size: 18px; font-weight: bold; }
.fixed-bar .wwx:hover { background-color: #90b806; }
.fixed-bar .wwx:hover .fixed-wwx { display: block; }
.fixed-bar .top { display: none; }
                       
#LRfloater0 {top: 5px!important;display: none;}
/*底部*/
.footer {background: url("../images/ea4d87f9bdb94596a75529960e6eb429.gif") no-repeat top center #333; }
.footer .link-group { overflow: hidden; padding-top:88px; padding-bottom:88px; }
.footer .link-type { font-size: 18px; line-height:18px; margin-bottom: 10px; color: #fff; }
.footer .pro, .footer .service { width:150px; }
.footer .about, .footer .news { width:120px; }
.footer .footer-box { padding: 14px 0; float: left; }
.footer .links { margin-top: 5px; }
.footer .links a { line-height: 36px; font-size: 14px; color: #ddd; display: block; transition: all .3s;}
.footer .links a:hover { color: #90b806; }
.footer .focus { text-align: center;float: right; }
.footer .qr img { display: block; height: 140px; width: 140px; border-radius: 4px; margin:30px auto 10px; }
.footer .qr p { font-size: 12px; color:#ccc; line-height:18px; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); letter-spacing:7px; }
.footer .tel { padding-left: 100px; border-left:1px solid #999; box-sizing: border-box; }
.footer .tel .number { color: #90b806; font-size: 24px; font-weight: bold; line-height:36px; margin-bottom: 10px; display: block; }
.footer .tel p { color: #ddd; font-size: 14px; line-height:30px; }
.footer .tel .link-type { margin-bottom: 16px; }
.footer .tel .numberRow { line-height:14px; }
.footer .tel .normal { font-size: 14px; color: #ddd; display: inline-block; }
.footer .tel .kefu { margin-top: 16px; display: block; width: 140px; height: 40px; border-radius: 4px; text-align: center; color: #fff; font-size: 16px; line-height: 38px; transition: .36s ease;
background-color: #90b806; border: 1px solid #90b806; cursor: pointer; }
.footer .tel .kefu:hover { background-color: #90b806; color: #fff; border-color: #90b806; }
.footer .copy { height: 60px; line-height: 60px; background-color: #222; }
.footer .copy p { text-align: center; line-height: 60px; color: #aaa; font-size: 14px; }
.footer .copy p a { display: inline-block; color: #999; margin-right: 10px; }
#cnzz_stat_icon_1281157291{display:none}

/*按钮*/
.b-btn { font-size: 16px; line-height: 24px; color: #90b806; background: #fff; border-radius: 4px; border:1px solid #90b806; padding: 6px 30px; display: inline-block; transition: all .3s;}
.b-btn:hover { color: #fff; background: #90b806; }
.c-btn { font-size: 16px; line-height: 24px; color: #fff; background: #90b806; border-radius: 4px; border:1px solid #90b806; padding: 6px 30px; margin-right:20px; display: inline-block; transition: all .3s;}
.c-btn:hover { color: #fff; background: #90b806; }

.list_page { margin:2% 0;width: 100%; text-align:center;}
.list_page ul { text-align: center;}
.list_page ul li {border: 1px solid #e9e9e9;display: inline-block;font-size: 14px;height: 25px;line-height: 25px;margin-left: 5px; padding: 0 10px;width: auto;}
.list_page ul li a:hover {color: #90b806;text-decoration: none;}
.list_page ul li.active {border: 1px solid #90b806;}
.list_page ul li.active a{  color: #90b806;}

@media screen and (max-width: 768px) {
    .fixed-bar,.user-top,.logo p,.header .nav .sub1 .sub2 img,.header .nav .sub1 .sub2 .line,.header .nav .sub1 .sub2 .list,.header .nav .sub1 .sub2 .navbtn,.footer .about,.footer .news,.footer .pro,.footer .service{display:none;}
	.logo .img-box{width:200px;height:71px;}
	.logo .img-box a{background-size:200px 71px;}
	.header{padding-left:10px;}
	.header .logo,.header{height:75px;}
	.header .nav {position: fixed;width: 10rem;right: -10rem; /* 默认隐藏 */;background-color: #fff;z-index: 900;transition: all .36s ease;display:block;padding-right:10px;height:100%;}
	.header .nav-show {right: 0;box-shadow: 0 -0.05rem 0.2rem #000;}
	.header .nav .sub1{display:block;float:none;text-align:right;margin-top:30px;border-bottom:1px solid #ccc;padding-bottom:10px;}
	.header .nav .sub1 .sub2{display:none;}
	.header .nav .sub1-name{color:#000;padding:0;line-height:0px;}
	.header .nav .sub1 .navXian{width:5px;height: 25px;background: #90b806;transition:.3s ease;display:inline-block;position:relative;top:10px;margin-left:5px;}
	.collapse-icon {position: fixed;right:20px;top:20px;width: 30px;height: 23px;background: url(https://www.tdgyjt.com/mstatic/images/daoh.png) no-repeat center;display: block;background-size: 100%;cursor: pointer;z-index: 999;}
	.collapse-icon-close{background: url(/mstatic/images/close-icon.png) no-repeat center;background-size: 15px 15px;top:10px;right:120px;}
	.header .nav .sub1 .sub2-pro{display:block;position:relative;min-height:auto;padding:10px 0;box-shadow:none;margin-top:10px;}
	.header .nav .sub1 .sub2-pro h4{font-weight:normal;font-size:16px; text-align:right;}
	.nav .sub2>.content>ul>li{float:none;width:100%;}
	.sub2-pro ul li{width:100%;}
	.nav-close {width: 30px;height: 30px;background: url(/mstatic/images/close-icon.png) no-repeat center;background-size: 0.28rem 0.28rem;display: none;cursor: pointer;}
	.inban-btn .xx-btn{margin-bottom:10px;}
	.footer .tel{padding:0 20px;}
	.footer .footer-box{float:none;}
	}