body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote {margin: 0;padding: 0;}
body { color: #000;font-family:'Microsoft YaHei';font-size: 13px;width: 100%;}
img{border:0px;}
ul li{ list-style:none;}
*{transition: 0.2s;}
input, button{outline: none !important;}
a{cursor: pointer;text-decoration: none;color: #595959;}
a:hover{text-decoration:none;}
.wrap {position:relative;margin: 0 auto;width:1200px;}
body{margin: 0;}

input[type=submit]{ cursor:pointer}
input[type=submit]:hover{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}
input{line-height:normal;color:#000;}
input[type=file]{display: initial;}
input[type=password]{height:30px;line-height:30px;padding: 6px;display: initial;width:300px;}
select.form-control{height:30px;line-height:30px;padding: 3px;width:150px;display: initial;font-size:12px;}
label{display: inline;}

::-webkit-input-placeholder {color: #777;font-size: 13px;} /* WebKit, Blink, Edge */
:-moz-placeholder {color: #777;font-size: 13px;} /* Mozilla Firefox 4 to 18 */
::-moz-placeholder {color: #777;font-size: 13px;}/* Mozilla Firefox 19+ */
:-ms-input-placeholder {color: #777;font-size: 13px;} /* Internet Explorer 10-11 */

.x-top{float: left;width: 100%;height: 30px;background: #202830;color: white;font-size: 12px;line-height: 30px;}
.x-top-right{float: right;}
.x-top-welcome{float: left;margin-right: 40px;}
.x-top-login{float: left;}
.x-top-login a{float: left;color: white;}
.x-top-login a:hover{color: #56C000;}
.x-top-login span{float: left;margin: 8px 5px;border-right: 1px solid white;height: 14px;}

.x-header{float: left;width: 100%;height: 90px;background: white;text-align: right;}
.x-logo{position: absolute;left: 0;width: 334px;height: 90px;}
.x-logo:hover{opacity: 0.7;}
.x-logo img{height:90px;}
.x-header ul{margin: 0 auto;height: 100%;line-height: 90px;font-size: 15px;display: inline-block;}
.x-header li{float: left;height: 90px;}
.x-header li a:hover{color: #56c000;border-bottom: 4px solid #56c000;}
.x-header li a{float: left;height: 100%;color: #262626;padding: 0 15px;margin: 0 10px;}

.x-banner{float: left;width: 100%;height: 600px;background: url(/html/img/banner_bg.jpg) center no-repeat;overflow: hidden;}
.x-banner-wrap{position: relative;width: 100%;height: 100%;}
.x-banner-deco{position: absolute;width: 2000px;height: 100%;left: 50%;margin-left: -1000px;overflow: hidden;}
.x-banner-deco .title{position: absolute;font-size: 65px;font-weight: bold;top: 93px;color: #1b1c48;left: 526px;line-height: 73px;font-style: italic;}
.x-banner-deco .title p:nth-child(2){margin: 0;margin-left: 136px;}
.x-banner-deco .baoguo1{position: absolute;top: 71px;left: 276px;z-index: 10;
	animation-timing-function: linear !important;
	animation:baoguo 6s infinite;-webkit-animation:baoguo 6s infinite; /*Safari and Chrome*/}
@keyframes baoguo
{
	0% {margin-left: 0px;margin-top: 0px;}
	50% {margin-left: -20px;margin-top: 20px;}
	100% {margin-left: 0px;margin-top: 0px;}
}
@-webkit-keyframes baoguo/*Safari and Chrome*/
{
	0% {margin-left: 0px;margin-top: 0px;}
	50% {margin-left: -20px;margin-top: 20px;}
	100% {margin-left: 0px;margin-top: 0px;}
}

.x-banner-deco .plane img{width: 100%;height: 100%;}
.x-banner-deco .plane{position: absolute;top: 600px;left: 1600px;z-index: 11;width: 0px;height: 0px;
	animation-timing-function: linear !important;animation-delay: 2s;
	animation:plane 0.8s infinite;-webkit-animation:plane 0.8s infinite; /*Safari and Chrome*/}
@keyframes plane
{
	0% {margin-left: 0px;margin-top: 0px;}
	50% {margin-left: 3px;margin-top: 3px;}
	100% {margin-left: 0px;margin-top: 0px;}
}
@-webkit-keyframes plane/*Safari and Chrome*/
{
	0% {margin-left: 0px;margin-top: 0px;}
	50% {margin-left: 6px;margin-top: 6px;}
	100% {margin-left: 0px;margin-top: 0px;}
}

.x-banner-deco .cloud1{position: absolute;top: 261px;left: 497px;z-index: 12;
	animation-timing-function: linear !important;
	animation:cloud1 50s infinite;-webkit-animation:cloud1 50s infinite; /*Safari and Chrome*/}
@keyframes cloud1
{
	0% {left: 497px;}
	34.45% {left: -192px;}
	34.46% {left: 2000px;}
	100% {left: 497px;}
}
@-webkit-keyframes cloud1/*Safari and Chrome*/
{
	0% {left: 497px;}
	34.45% {left: -192px;}
	34.46% {left: 2000px;}
	100% {left: 497px;}
}

.x-banner-deco .cloud2{position: absolute;bottom: 0;left: 740px;z-index: 13;
	animation-timing-function: linear !important;
	animation:cloud2 20s infinite;-webkit-animation:cloud2 20s infinite; /*Safari and Chrome*/}
@keyframes cloud2
{
	0% {left: 740px;}
	50.62% {left: -552px;}
	50.63% {left: 2000px;}
	100% {left: 740px;}
}
@-webkit-keyframes cloud2/*Safari and Chrome*/
{
	0% {left: 740px;}
	50.62% {left: -552px;}
	50.63% {left: 2000px;}
	100% {left: 740px;}
}

.x-banner-deco .baoguo2{position: absolute;top: 106px;left: 1613px;z-index: 14;
	animation-timing-function: linear !important;
	animation:baoguo2 2s infinite;-webkit-animation:baoguo2 2s infinite; /*Safari and Chrome*/}
@keyframes baoguo2
{
	0% {margin-left: 0px;margin-top: 0px;}
	50% {margin-left: -6px;margin-top: 6px;}
	100% {margin-left: 0px;margin-top: 0px;}
}
@-webkit-keyframes baoguo2/*Safari and Chrome*/
{
	0% {margin-left: 0px;margin-top: 0px;}
	50% {margin-left: -6px;margin-top: 6px;}
	100% {margin-left: 0px;margin-top: 0px;}
}


.x-tracking{position: absolute;width: 830px;height: 44px;left: 50%;margin-left: -415px;bottom: 20px;z-index: 999;}
#txtOrderSelect{width: 700px;height: 44px;background: white;border-radius: 10px;margin-right: 10px;padding: 12px;}
#txtOrderSelect:focus{-moz-box-shadow: 0px 0px 10px #56C000 inset; -webkit-box-shadow: 0px 0px 10px #56C000 inset; box-shadow: 0px 0px 10px #56C000 inset;}
#btnOrderSelect{width: 120px;height: 44px;background: #56C000;border-radius: 10px;color: white;font-size: 18px;text-align: center;}
#btnOrderSelect:hover{background: #202830;}

.x-notify{float: left;width: 100%;height: 40px;background-color: #F7F7F7 !important;font-size: 12px;color: #222222;line-height: 40px;}
.x-notify .wrap{background: url(/html/img/ico_notify.png) left no-repeat;height: 40px;}
.x-notify .content{float: right;width: 100%;padding-left: 10px;height: 40px;display: inline-block;font-size: 0;letter-spacing: -3px;}
.x-notify .wrap .title{position: absolute;left: 20px;}
.x-notify .item{width: 33.33%;position: relative;font-size: 12px;letter-spacing: 0;display: inline-block;padding-left: 75px;}
.x-notify .item a{color: #222222;max-width: 220px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.x-notify .item a:hover{color: #56C000;}
.x-notify .item span{position: absolute;right: 0 !important;top: 0;}

.x-tool{float: left;width: 100%;height: 205px;padding: 40px 0;color: #434343;}
.x-tool .item{float: left;width: 25%;height: 125px;text-align: center;padding: 0 20px;color: #434343;}
.x-tool .item .ico{float: left;width: 100%;height: 60px;}
.x-tool .item .title{float: left;width: 100%;border: 2px solid #434343;text-transform: uppercase;font-size: 14px;height: 44px;margin-top: 21px;padding-top: 15px;}
.x-tool .item h1 span{font-size: 22px;background: #FFFFFF;padding: 0 24px;}
.x-tool .item h1{height: 30px;line-height: 30px;}
.x-tool .item:hover > h1 span{color: #56C000;}
.x-tool .item:hover > .title{color: #56C000;-moz-box-shadow: 0px 3px 6px #434343; -webkit-box-shadow: 0px 3px 6px #434343; box-shadow: 0px 3px 6px #434343;}

.x-title{display: inline-block;height: 54px;line-height: 54px;text-align: center;font-size: 30px;border-bottom: 1px solid #bfbfbf;color: #111;}
.x-title span{height: 54px;border-bottom: 1px solid #56C000;text-align: center;display: inline-block;margin: 0 80px;}
.x-subtitle{float: left;width: 100%;text-align: center;font-size: 16px;color: #4e4e4e;margin-top: 8px;}

.x-news{float: left;width: 100%;height: 580px;background: url(/html/img/bg_news.jpg) center no-repeat;text-align: center;padding-top: 28px;padding-bottom: 43px;}
.x-news-wrap{float: left;width: 100%;margin: 35px 0;height: 323px;}
.x-news-lhtp{float: left;width: 523px;height: 323px;}
.x-news-content{float: right;width: 570px;height: 323px;text-align: left;}
.x-news-content .item{float: left;width: 100%;border-bottom: 1px dotted #ccc;padding: 28px 0;}
.x-news-content .item:nth-child(1){padding: 0;padding-bottom: 28px;}
.x-news-content .item:nth-child(2){padding: 28px 0;}
.x-news-content .item:nth-child(3){padding: 0;padding-top: 28px;border: none;}
.x-news-date{float: left;width: 70px;color: #666;height: 69px;}
.x-news-date-wrap{position: relative;width: 100%;height: 40px;border-bottom: 2px solid #666;font-size: 13px;}
.x-news-date span{position: absolute;font-size: 13px;line-height: 13px;right: 20px;bottom: 10px;}
.x-news-date-d{position: absolute;font-size: 34px;line-height: 28px;bottom: 10px;}
.x-news-date-m{position: absolute;font-size: 13px;line-height: 13px;right: 0;bottom: 10px;}
.x-news-date-y{font-size: 16px;line-height: 28px;}
.x-news-date-detail{float: right;width: 456px;height: 69px;}
.x-news-date-detail h1{font-size: 16px;color: #333;margin-bottom: 20px;}
.x-news-date-detail h1 a{color: #333;transition: 0.1s !important;}
.x-news-date-detail h1 a:hover{color: #56C000;text-decoration: underline;}
.x-news-date-detail p{font-size: 12px;color: #666;margin: 0;line-height: 15px;}
.x-news-btn{float: left;width: 100%;text-align: center;}
.x-news-btn button{display: inline-block;text-align: center;height: 36px;border-radius: 10px;background: #56C000;color: white;font-size: 16px;padding: 0 35px;}
.x-news-btn button:hover{background: #202830;}

.x-youshi{float: left;width: 100%;background: white;padding-top: 28px;padding-bottom: 20px;text-align: center;}
.x-youshi-content{float: left;width: 100%;height: 270px;margin-top: 35px;}
.x-youshi-item{float: left;height: 270px;padding: 0 10px;}
.x-youshi-item-wrap{float: left;width: 285px;}
.x-youshi-item-wrap:hover{opacity: 0.7;}
.x-youshi-img{position: relative;width: 100%;height: 190px;}
.x-youshi-img span{position: absolute;border: 10px solid transparent;border-bottom-color: #fff;left: 50%;bottom: 0;margin-top: -20px;margin-left: -10px;}
.x-youshi-title{position: relative;display: inline-block;width: 100%;height: 70px;color: white;text-align: center;margin-top: 10px;padding: 15px 0;}
.x-youshi-title span{position: absolute;border: 10px solid transparent;border-bottom-color: #fff;left: 50%;top: 0;margin-top: -20px;margin-left: -10px;}
.x-youshi-title h1{font-size: 16px;}
.x-youshi-title h2{font-size: 12px;margin-top: 8px;white-space: nowrap;max-width: 100%;}
.x-youshi-item:nth-child(odd) .x-youshi-title{background: #202830 !important;}
.x-youshi-item:nth-child(even) .x-youshi-title{background: #56C000 !important;}
.x-youshi-item:nth-child(odd) .x-youshi-title span{border-bottom-color: #202830 !important;}
.x-youshi-item:nth-child(even) .x-youshi-title span{border-bottom-color: #56C000 !important;}
.x-youshi-item:first-of-type{padding-left: 0;}
.x-youshi-item:last-of-type{padding-right: 0;}

.x-partner{float: left;height: 70px;width: 100%;margin-bottom: 20px;margin-top:20px;}
.x-partner a{float: left;width: 224px;height: 70px;margin: 0 10px;border: 1px solid #CCCCCC;}
.x-partner a:first-of-type{margin-left: 0;}
.x-partner a:last-of-type{margin-right: 0;}
.x-partner a:hover{border-color: #202830;}
.x-partner a img{width: 100%;height: 100%;}

.x-network{float: left;width: 100%;height: 240px;background: #56C000;color: white;padding: 30px 0;}
.x-network-title{float: left;width: 100%;font-size: 20px;line-height: 20px;margin-bottom: 10px;}
.x-network-subtitle{float: left;width: 100%;font-size: 14px;line-height: 14px;margin-bottom: 16px;text-transform: uppercase;}
.x-network-content{float: left;width: 100%;height: 120px;}
.x-network-left{float: left;width: 420px;height: 120px;border-right: 1px solid white;}
.x-network-left .x-qrcode{float: left;width: 120px;height: 120px;background: white;padding: 4px;}
.x-network-left .x-qrcode img{width: 100%;height: 100%;}
.x-network-left-detail{float: left;max-width: 299px;height: 120px;padding: 7px 0;padding-left: 20px;}
.x-network-left-detail h1{font-size: 16px;line-height: 24px;margin: 0;}
.x-network-left-detail p{font-size: 12px;line-height: 20px;margin: 0;}
.x-network-right{float: left;width: 780px;height: 120px;}
.x-network-point{float: left;width: 260px;height: 60px;background: url(/html/img/ico_location.png) left 20px top 10px no-repeat;line-height: 20px;padding: 10px 20px 10px 40px;opacity: 0.65;}
.x-network-point h1{font-size: 14px;color: white;}
.x-network-point p{font-size: 12px;margin: 0;color: white;}
.x-network-point:hover{opacity: 1;}

.x-footer{float: left;width: 100%;height: 44px;line-height: 44px;background: #202830;color: white;font-size: 12px;text-align: center;}
.x-footer span{margin-right: 20px;}
.x-footer span:last-of-type{margin: 0;}

.x-toolbar{display: none;width: 104px;position: fixed;right: 0;top: 50%;z-index: 999;margin-top: -192px;}
.x-toolbar .Btn{float: left;width: 104px;height: 95px;margin-bottom: 1px;border-radius: 5px 0 0 5px;background-color: #56C000 !important;color: white;font-size: 16px;padding-top: 63px;text-align: center;transition: 0.2s;box-shadow: 0px 3px 8px rgba(32,40,48,0.3);}
.x-toolbar .Btn:hover{background-color: #202830 !important;}
.x-toolbar h1{text-align: left;margin: 0;line-height: 30px;font-size: 16px;color: white;}
.x-toolbar p{text-align: right;margin: 0;line-height: 20px;font-size: 14px;color: white;}
.x-toolbar-worktime{display: none;position: absolute;width: 150px;height: 95px;background: #202830;border-radius: 5px;top: 0;right: 105px;padding: 11px 20px;}
.x-toolbar-contact{display: none;position: absolute;width: 150px;height: 95px;background: #202830;border-radius: 5px;top: 96px;right: 105px;padding: 18px 20px;}
.x-toolbar-qrcode{display: none;position: absolute;width: 150px;height: 150px;background: #202830;border-radius: 5px;top: 192px;right: 105px;padding: 10px;}
.x-toolbar-qrcode img{width: 100%;height: 100%;}