@charset "utf-8";
/* CSS Document */
html,body{ margin: 0; height: 100%;}
body{ background-color:#F7F7F7; font-family:"Microsoft YaHei",Arial,Helvetica,sans-senif; margin: 0; padding: 0; }
ul,li{ list-style:none; margin: 0; padding: 0;}
a, abbr, acronym, address, article, aside, blockquote, body, code, dd, del, details, dfn, dialog, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, iframe, img, label, legend, li, menu, nav, object, ol, p, pre, q, section, span, summary, ul{ margin:0; padding:0;border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
a,a:hover{ color: #E76D0F;}
a,a:hover,a:visited{ text-decoration: none;}
a{ color: #666666;}
.fl{float: left;}
.fr{float: right;}
.w1200{ width: 1200px;}
.clearfix{ zoom:1;}
.clearfix:after {visibility: hidden; display: block; height: 0; font-size: 0; clear: both;}
.back-to-top { bottom: 100px; position: fixed; right: 80px; display: none; z-index: 9999999; }
.back-to-top a { background: url(../images/go_to_top.png) #333333 no-repeat; border-radius: 6px; height: 54px; display: block; text-indent: -999em; transition: all .3s ease-out 0s; width: 54px; }
.back-to-top a:hover { background-color: #ff8a00; }
.header-box{position: fixed; z-index: 100; width: 100%; background-color: #FFFFFF; background-color: rgba(255,255,255,0.80); background-color: #FFFFFF; border-bottom: #EAEAEA  solid 1px;}
.transparent{ background: 0 0; background-color: transparent; border-bottom-color: transparent;}
.header-in{}
.transparent .header-top-wrapper{ background-color: #F5F5F5;}
.header-top-wrapper{  border-bottom: 1px solid #EAEAEA; background-color: #F5F5F5; background-color: rgba(255,255,255,0.80); background-color: #FFFFFF; position: relative; z-index: 500; font-family:"Microsoft YaHei";}
.header-top{max-width: 1200px; min-width: 990px; margin: 0 auto; height: 30px; font-size: 12px;}
.header-top .member-info-mini{ height: 30px; line-height: 30px; color: #666666;}
.header-top .member-info-mini a{ color: #2663a2;}
.header-top .member-info-mini a.join-vip{ color: #FF0000;}
.header-top .member-info-mini.is-vip a.join-vip{ display: none;}
.right-menu{}
.right-menu>li{ margin: 0px 5px;}
.right-menu>li{ height: 30px; line-height: 30px; float: left; transition: all .3s ease-out 0s;}
.right-menu .right-menu-seperator{ padding: 0 6px; font-style: normal; color: #DDD;}
.right-menu .dropdown-trigger{ padding: 0px 10px;}
.right-menu .memu-wrapper { z-index: 10001; position: relative; display: none; margin-top: 0px;}
.right-menu i{color: #CCCCCC;}
.right-menu-hover i{}
.right-menu-hover i:before{ content:"\f106";}
.right-menu-hover .dropdown-trigger{ background-color: #fff; border-color: #eee; border-width: 0 1px; border-style: solid; padding: 0 9px 1px;}
.right-menu-hover .memu-wrapper{ display: block;}
.right-menu .memu-wrapper .menu-inner { position: absolute; left: 0; top: 0; min-width: 78px; line-height: normal; border: 1px solid #EEE; border-top: 0; border-radius: 0px 0px 4px 4px; background: #FFF; background: #FFF;}
.right-menu .memu-wrapper .menu-inner li{ width: 100%; height: 30px; line-height: 30px; display: block; transition: all .3s ease-out 0s;}
.right-menu .memu-wrapper .menu-inner li:hover{ background-color: #EAEAEA;}
.right-menu .memu-wrapper .menu-inner li a{ width: 100%; height: 30px; display: block; text-align: center;}
.right-menu .memu-wrapper .menu-inner a:hover{ color: #E76D0F;}
.right-menu .memu-wrapper .menu-inner li .call-name{ min-width: 50px;}
.right-menu .memu-wrapper .menu-inner li span{ height: 30px; line-height: 30px; float: left; padding: 0px 10px; color: #666666;}
.menu-contact .memu-wrapper .menu-inner li{ height: auto; min-width: 180px;}
.menu-contact .memu-wrapper .menu-inner li:hover{ background: none;}
.header-container{max-width: 1200px; min-width: 990px; margin: 0 auto; height: 80px; font-family:"Microsoft YaHei";}
.header-container .topbar-logo{ margin-left:10px; padding: 15px 0px;}
.topbar-logo h1,.topbar-logo h2,.topbar-logo h3{ float: left;}
.topbar-logo h1 a,.topbar-logo h2 a,.topbar-logo h3 a{ display: block;}
.header-container .topbar-logo h1 a { width: 50px; height: 50px; text-indent: -5000em;}
.header-box .topbar-logo h1 a{ background: url(../images/logo-50.png) no-repeat center center;}
.header-box.transparent .topbar-logo h1 a{ background: url(../images/logo-50-w.png) no-repeat center center;}
.header-container .topbar-logo h2 a { color: #e76d0f;}
.header-container .topbar-logo h3 a { margin: 12px 5px; font-size: 14px; color: #333333;}
.header-container .topbar-logo h2 .site_name{ margin: 2px 15px 0px; font-size: 20px; }
.header-container .topbar-logo h2 .site_domain{ margin: 0px 15px; font-size:14px;}
.transparent .topbar-logo h1 a,.transparent .topbar-logo h2 a,.transparent .topbar-logo h3 a{ color: #FFFFFF;}
.header-nav{  transition: all .3s ease-out 0s;}
.header-nav>li{ height: 78px; line-height: 78px; text-align: center; float: left; transition: all .3s ease-out 0s;}
.header-nav>li a{ padding: 0px 30px; display: block; color: #666666; font-size: 14px; border-top: 2px solid; border-color: transparent;}
.header-nav .nav-btn{ border-color: transparent; border-width: 0 1px; border-style: solid;}
.header-nav .nav-sub{ height: 0px; overflow: hidden; background-color: #FFFFFF; background-color:rgba(255,255,255,0.80); border-radius: 0px 0px 4px 4px; box-shadow: 0 15px 40px rgba(0,0,0,0.2); border-color: transparent; border-width: 0 1px; border-style: solid; border-top: 0;}
.header-nav .nav-sub ul li{ height: 35px; line-height: 35px;}
.header-nav .nav-sub ul li:hover{ background-color: #FFFFFF; background-color:rgba(255,255,255,0.80);}
.header-nav .nav-sub ul li a{ color: #666666; border: none; font-size: 12px; transition: all .3s ease-out 0s;}
.header-nav .nav-sub ul li a:hover{ color: #666666; border: none;}
.header-nav-hover .nav-sub{ height: auto; border: 1px solid #EEE; border-top: 0;}
.header-nav-hover .nav-btn{ background-color: #FFFFFF; background-color:rgba(255,255,255,0.80); box-shadow: 0 10px 40px rgba(0,0,0,0.2); border-color: #eee; border-width: 0 1px; border-style: solid;}
.header-nav-hover .nav-btn a{ color: #666666; border-color: #E76D0F;}
.transparent .header-nav>li a{ color: #FFFFFF;}
.transparent .header-nav>li a:hover{ color: #FFFFFF;}
.transparent .header-nav>li.has-sub a:hover{ border-color:#E76D0F;}
.transparent .header-nav-hover .nav-btn a{ color: #666666;}
.transparent .header-nav-hover .nav-btn a:hover{ color: #666666;}
.transparent .header-nav>li a.btn-success{ color: #333333; background-color: #FFFFFF;}
.header-nav .btn-success{ height: 30px; line-height: 30px; margin:25px 20px 0px; padding: 0px 10px; background-color: #F38D3F; border: none; color: #FFFFFF;}
.header-nav .btn-success:hover,.transparent .header-nav>li a.btn-success:hover{ background-color: #e76d0f; color: #FFFFFF;}
.main-wrap{ max-width: 1920px; min-width: 1200px; overflow: hidden; margin: 0 auto;}
.index-slider{ position: relative; padding-top: 30px; width: 100%; height: 400px; overflow: hidden;}
.swiper-container { width: 100%; height: 100%; margin-left: auto; margin-right: auto;}
.swiper-slide { text-align: center; font-size: 18px; background: #fff;display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;background-position: center; background-size: cover; }
.swiper-slide a{ width: 100%; height: 100%; display: block;}
.index-service{ background-color: #FFFFFF; font-family:"Microsoft YaHei";}
.index-service .swiper-container{ padding: 10px 0px;}
.index-service-main{ max-width: 1200px; min-width: 1200px; margin: 0px auto; padding: 80px 0px;}
@-webkit-keyframes load{0%{transform:rotate(0);}50%{transform:rotate(160deg);}100%{transform:rotate(360deg);}}
.service-main:hover .service-in{ -webkit-animation: tada 1s both ease 1; animation: tada 1s both ease 1;}
.service-main:hover .service-in a{ background-color:rgba(231,109,15,1.0);}
.service-main:hover .service-txt{ color:#E76D0F;}
.service-in{ border:2px dotted #EAEAEA; width:110px; height:110px; margin:0px auto; clear:both; padding:5px; border-radius:50%; display:block;}
.service-in a{ width:100%; height:100%; display:block;  background-color: #e76d0f; background-color: rgba(231,109,15,0.8); border-radius:50%; transition: all .3s ease-out 0s;}
.service-in a img{ border:none;}
.service-txt{ text-align:center; width:100%; font-size:14px; line-height:30px; color:#7d7d7d; clear:both;  transition: all .3s ease-out 0s;}
.index-news{ width: 1200px; margin: 0px auto; font-family:"Microsoft YaHei"; text-align: center;}
.index-news>ul>a{ font-size: 16px; padding: 12px 46px; border-color: transparent; margin-bottom: 50px; color: #ffffff; background-color: #e76d0f; background-color: rgba(231,109,15,0.8); transition: all .3s ease-out 0s;}
.index-news>ul>a:hover{ box-shadow: 0 20px 40px rgba(246,175,121,0.3); padding: 12px 70px; background: #ff8a00; color: #FFFFFF; border-color: transparent;}
.index-news ul {}
.index-news>ul>li{ width: 540px; height: 260px; float: left; margin:57px 30px 56px;/* overflow: hidden; border-radius: 20px;*/ background: rgba(255,255,255,1); background-color: #FFFFFF; transition: all .3s ease-out 0s;}
.news-list .news-list-con li a{ width:100%; height:100%; display: block;}
.index-news>ul>li:hover{ box-shadow: 0 20px 40px rgba(246,175,121,0.3); }
.index-news ul li:hover .news-date i,.index-news ul li:hover .news-content a i{ top: 10px;}
.index-news ul li:hover .news-content a span{ color: #e76d0f;}
.index-news ul li:hover .news-content a strong{ height: 40px; width: 40px; left: 0;}
.index-news .news-content{ padding:70px 40px 0px 140px; height: 150px; display: block; width: 360px;}
.index-news .news-content a{ display: block; height: auto; width: 100%;}
.index-news .news-content a span{ height: 30px; line-height: 30px; color: #575757; font-size: 16px; text-align: left; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.index-news .news-content a i{ text-align: left; width: 100%; height: 80px; display: block; position: relative; top: 15px; overflow: hidden; text-overflow: ellipsis; font-style: normal; font-size: 12px; color: #AAAAAA; line-height: 26px; transition: all .3s ease-out 0s;}
.index-news .news-content a strong{ position: relative; top: 0px; left: -50px; width: 0px; height: 0px; display: block; overflow: hidden; transition: all .3s ease-out 0s;}
.index-news .news-content a strong i{ font-size: 16px; color: #e76d0f;}
.index-news .news-date{ padding: 70px 20px 0px 20px; position: relative; left: 0px; top: -220px; width: 100px; color: #cecece;}
.index-news .news-date span,.index-news .news-date i{ text-align: right; width: 100%; clear: both; display: block;}
.index-news .news-date span{ font-size: 20px;}
.index-news .news-date i{ font-size: 30px; font-style: normal; position: relative; top: 15px; transition: all .3s ease-out 0s;}
.index-slider .pagination,.index-service .pagination { position: absolute; z-index: 20; left: 0px; right: 0px; bottom: 10px; display:none;}
.index-step{ width: 100%; background-color: #FFFFFF; text-align: center; font-family:"Microsoft YaHei";}
.index-step h1{ padding: 60px 0px;}
.index-step-box{ width: 1200px; margin: 0px auto; padding-bottom: 70px; height: auto; overflow: hidden;}
.index-step-box ul{ width: 1100px; margin: 0px auto;}
.index-step-box ul li{ width: 100px; height: 100px; float: left; transition: all .3s ease-out 0s; text-align: center; box-shadow: 0 10px 40px rgba(0,0,0,0.1); color: rgba(255,255,255,1); color: #FFFFFF; background-color: rgba(255,255,255,1); background-color: #FFFFFF; border-radius: 50%;}
.index-step-box ul li a{ margin: 5px; width: 90px; height: 65px; padding-top: 25px; font-size: 14px; transition: all .3s ease-out 0s; line-height: 20px; display: block; color: #FFFFFF; color: rgba(255,255,255,1); background-color: #e76d0f; background-color: rgba(231,109,15,0.8); border-radius: 50%;}
.index-step-box ul li:hover{ box-shadow: 0 20px 40px rgba(246,175,121,0.5); -webkit-animation: dousen .4s linear both; animation: dousen .4s linear both;}
@-webkit-keyframes dousen{0%,25%,50%,75%,100%{-webkit-transform: rotate(0);}12.5%,62.5%{-webkit-transform: rotate(15deg);}37.5%,87.5%{-webkit-transform: rotate(-15deg);}}
@keyframes dousen{0%,25%,50%,75%,100%{transform: rotate(0);}12.5%,62.5%{transform: rotate(15deg);}37.5%,87.5%{transform: rotate(-15deg);}}
.index-step-box ul li:hover a{ background-color:rgba(231,109,15,1.0);}
.index-step-box .step-seperator{ color: rgba(205,205,205,1); color: #cdcdcd; border-color: transparent; background-color: transparent; box-shadow: 0 10px 40px rgba(0,0,0,0.0); height: 60px; padding-top: 40px;}
.index-step-box .step-seperator:hover{ box-shadow: 0 10px 40px rgba(0,0,0,0.0); background: none;}
.index-step h2{ clear: both; width: 100%;}
.index-step h2>a{ font-size: 16px; padding: 12px 46px; border-color: transparent; background-color: #e76d0f; background-color: rgba(231,109,15,0.8); margin-bottom: 50px;  transition: all .3s ease-out 0s;}
.index-step h2>a:hover{ box-shadow: 0 20px 40px rgba(0,0,0,0.1); padding: 12px 70px; background: #ff8a00; border-color: transparent;}
.index-footer{ width: 100%; background-color: #333333; background-color: rgba(51,51,51,1); height: auto; overflow: hidden; clear: both; font-family:"Microsoft YaHei";}
.index-footer>.index-w1200{ padding: 60px 0px;}

/*2017-02-08*/
.footer-about{width:460px; float:left; height: auto; overflow: hidden;}
.footer-about h1,.footer-contact h1{ font-size:16px; color:#a4a4a4; height: 40px; line-height: 40px;}
.footer-about p{ width: 100%; height: auto; line-height: 20px; clear: both; font-size: 12px; color: #a4a4a4; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 4;}
.footer-contact{ width: 680px; height: auto; float:right;}
.footer-contact-box{ width: 560px; float: left; height: auto;}
.footer-contact-box p{ height: 45px; float: left; font-size: 12px; margin-right:10px; margin-bottom:10px; line-height: 45px; display: block; background-color: #444444; color: #c4c4c4;}
.footer-contact-box p.footer-contact-160{ width:160px;}
.footer-contact-box p.footer-contact-370{ width:370px;}
.footer-contact-box p i{ height:45px; line-height: 45px; width:45px; font-size: 16px; text-align: center; color: #c4c4c4;}
.footer-code{ float: left; text-align: center; font-size: 12px; color:#a4a4a4;}
.footer-code img{ width:100px; height:100px; border:none; opacity: 0.8;}
/*2017-02-08*/
.index-footer .footer-logo{ width: 290px; height: 230px; overflow: hidden; float: left; text-align: center; border-right: 1px; border-style: solid; border-color: #FFFFFF; border-color: rgba(255,255,255,0.2);}
.index-footer .footer-logo a{ width: 100%; height: 100%; display: block;}
.index-footer .footer-logo a img{ border: none; width: 140px; height: 140px; margin-top: 20px; border-radius: 50%; opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); transition: all .3s ease-out 0s;}
.index-footer .footer-logo a:hover img{ opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100);}
.index-footer .footer-logo a:hover span{ color: #FFFFFF; color: rgba(255,255,255,1);}
.index-footer .footer-logo a span{ width: 100%; height: 80px; display: block; color: #d0d0d0; color: rgba(208,208,208,1); font-size: 24px; line-height: 80px; transition: all .3s ease-out 0s;}
.index-footer .footer-help{ width: 860px; height:auto; float: right; overflow: hidden;}
.index-footer .footer-help ul{ width: 170px; float: left;}
.index-footer .footer-help ul li{ height: 30px; width: 100%; line-height: 30px; text-align: center;}
.index-footer .footer-help ul li a{ color: #d0d0d0; color: rgba(208,208,208,0.4); font-size: 12px; transition: all .3s ease-out 0s; width: 100%; height: 100%; display: block;}
.index-footer .footer-help ul li a:hover{ color: rgba(255,255,255,1);}
.index-footer .footer-help .help-title{ height: 45px; line-height: 45px; margin-bottom: 20px;}
.index-footer .footer-help .help-title a{ font-size: 14px; font-weight: bold;}
.index-footer-copy{ height: 35px; background-color: #000000; background-color: rgba(0,0,0,1); width: 100%; clear: both;}
.index-footer-copy>.index-w1200{ text-align: center; line-height: 35px; font-size: 12px; color: #d0d0d0; color: rgba(208,208,208,0.4);}
.index-footer-copy>.index-w1200 a{ color: #d0d0d0; color: rgba(208,208,208,0.4); margin: 0px 5px; transition: all .3s ease-out 0s;}
.index-footer-copy>.index-w1200 a:hover{ color: #d0d0d0; color: rgba(208,208,208,1);}
.index-w1200{ width: 1200px; height: auto; overflow: hidden; margin: 0px auto;}
/*news list pagea*/
.nofloat{ position: relative;}
.news-box{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px; border-radius: 4px; font-family:"Microsoft YaHei";}
@media (min-width:768px){.news-box,.warp-box{width:750px}}
@media (min-width:992px){.news-box,.warp-box{width:970px}}
@media (min-width:1200px){.news-box,.warp-box{width:1170px}}
.news-left{ width: 65.66666667%;}
.com-tit-box{ margin: 30px 0px; padding-left: 10px; border-left: 5px #e76d0f solid;}
.com-tit-box h1{ font-size: 20px; min-width: 80px; display: inline-block; margin-bottom: 0;}
.com-tit-box h1 a{ color: #e76d0f;}
.com-tit-category{ list-style: none; display: inline-block;}
.com-tit-category li{ display: inline-block; font-size: 14px; margin-left: 20px; position: relative;}
.com-tit-category li.selected a,.com-tit-category li a:hover{ color: #e76d0f;}
.news-list{ background-color: #fff; padding: 30px 15px;}
.news-list ul{ list-style: none; overflow: hidden;}
.news-list .news-list-con li { margin: 15px; border-bottom: 1px solid #eaeaea; padding:10px; transition: all .3s ease-out 0s;}
.news-list .news-list-con li:hover{ background-color: #fafafa; box-shadow: 0 20px 20px rgba(0,0,0,0.2);}
.news-list .news-list-con li:first-child { margin-top: 0;}
.news-list .news-list-con li:last-child{ margin-bottom: 30px;}
.news-list .news-list-con li .title a:hover{ color:#e76d0f;}
.ellipsis-one{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news-list .news-warp .memo{ color: #999999; margin-top: 10px; height: 26px;}
.news-list .news-warp .memo span{}
.news-list .news-warp .news-list-date{font-size:14px; line-height: 25px;}
.news-list-category{ padding: 4px; background-color: #00C0FF; color: #FFFFFF; font-size: 12px;}
.news-list .news-warp .desc{ font-size: 12px; margin-top: 10px; line-height: 22px; color: #999;}
.news-right{ width: 33.33333333%;}
.list-box{ background-color: #fff; margin-bottom: 20px; position: relative; padding: 25px;}
.latest-news.list-box{ margin-top: 87px;}
.list-box h2{ font-size: 20px; border-bottom: 1px solid #ccc; padding-bottom: 10px; color: #333;}
.latest-news.list-box h2{ margin-bottom: 20px;}
.list-box .more{ position: absolute; right: 30px; top: 35px; color: #999; font-size: 12px;}
.news .list-box .more{ right: 25px;}
.list-box ul{ list-style: disc; color: #666666;}
.list-box ul li{ font-size: 14px; padding: 5px 0; margin-left: 16px; display: list-item; list-style: disc;}
.ellipsis-two>li>a { display: inline-block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: -4px;}
.ellipsis-two>li>a:hover{ color: #e76d0f;}
.list-box .img{ width: 100%; padding: 5px 0; max-width: 480px;}
.com-tit-box .breadcrumb{ display: inline-block; font-size: 12px; margin-left: 10px;}
.com-tit-box .breadcrumb,.com-tit-box .breadcrumb a{ color: #999; text-decoration: none; padding: 0 3px;}
.news-detail{ background-color: #fff; padding: 30px; color: #333;}
.news-detail h1.title{ font-size: 20px; font-weight:normal;}
.news-detail .memo{ color: #999; margin-top: 20px; border-bottom: 1px solid #ccc; padding-bottom: 8px;}
.news-detail .content{ margin-top: 30px; padding: 0 30px 20px; border-bottom: 1px solid #ccc;}
.news-detail .related{ padding: 20px 0 0 0; margin-bottom: 0;}
.related .sub-title{ font-size: 12px; color: #999; margin-bottom: 10px;}
.related ul{list-style: disc;}
.related ul li{ font-size: 14px; padding: 5px 0; margin-left: 16px; list-style: disc;}
.related ul li a{ color: #666;}
/*members login*/
.login-main{ margin: 70px auto; min-width: 1200px; min-height: 540px; max-width: 1200px; background: #FFFFFF; border:1px solid #DDDDDD; border-radius: 6px; font-family:"Microsoft YaHei";}
.login-left-box,.login-wx-box{ width: 50%;  min-height: 540px; overflow: hidden;}
.login-left-box{ float: left; border-radius:6px 0px 0px 6px;}
.login-left-in{ padding: 30px;}
.login-left-in h1{font-size: 18px; text-indent: 0.5em; border-bottom: 1px solid #DADADA; line-height: 35px;}
.login-left-in .login-form{ margin: 50px auto 0px;}
.login-left-in .login-form ul{}
.login-left-in .login-form ul li{ clear: both; margin: 10px auto; height: 35px;}
.login-left-in .login-form span{ float: left; height: 35px; line-height: 35px; margin-left: 10px; font-size: 12px;}
.login-left-in .login-form span .entry{ width: 220px; height: 35px; line-height: 35px; border: none; border-bottom: 1px solid #DADADA; background: none;-webkit-appearance: none;  outline: 0}
.login-left-in .login-form span .reg_submit{}
.login-left-in .login-form span .findpw{ margin: 0px 20px;}
.login-left-in .login-form span.ipt-name{ text-align: right; width: 160px; font-size: 14px;}
.form_required { color: red; font-size: 12px; padding: 0px 5px;}
.login-wx-box{ float: right; background: url(../images/login_wxbg.jpg) bottom center; border-radius:0px 6px 6px 0px;}
.login-wx-in{ width: 300px; height: 400px; margin: 60px auto;}
/*base services*/
.billboard{ width: 100%; overflow: hidden; margin: 0px auto; position: relative; background-size: cover; font-family:"Microsoft YaHei";}
.billboard.tgts{ background: url(../images/ts-banner.jpg); height: 320px; background-position: center bottom;}
.billboard .w1200{ position: relative; margin: 0px auto;}
.billboard .w1200 h1,.billboard .w1200 p{ position: absolute; left: 100px; color: #666666;}
.billboard .w1200 h1{ top: 100px; font-size: 60px;}
.billboard .w1200 p{ top: 190px; font-size: 30px;}
.serverbar{ height: 120px; background-color: #0263aa; margin: 0px auto; font-family:"Microsoft YaHei";}
.serverbar ul{ width: 1200px; margin: 0px auto;}
.serverbar ul li{ width: 285px; float: left; height: 56px; padding: 32px 0 32px 114px; position: relative; color: #FFFFFF;}
.serverbar i{position: absolute; overflow: hidden; color: #fff;}
.serverbar i.ship{top: 35px; left: 32px;}
.serverbar i.refresh{top: 45px; left: 45px;}
.serverbar i.cny{top: 40px; left: 10px;}
.serverbar i.usd{top: 40px; left: 70px;}
.serverbar i.usd2{top: 46px; left: 58px; color: #0263aa; font-size: 25px;}
.serverbar i.money{top: 35px; left: 40px;}
.serverbar ul li .name{ font-size: 28px;}
.serverbar ul li .desc{ font-size: 14px;}
/*detail page*/
.detail-page{}
.detail-page .page-banner{width: 100%; height: 310px; position: relative;}
.detail-page .page-banner div{background-color: #39383E; background-repeat: no-repeat; background-position: center; background-size: cover; width: 100%; height: 310px;}
.detail-page .page-content { background-color: #fff;}
.page-content .content-header.fw{ width:1200px;}
.page-content .content-header{ padding:30px 0 10px; position: relative; margin:0px auto;}
.page-content .content-header p.title{ color:#444444; text-align: left; font-size: 24px;}
.page-content .content-header p.sub-title{ color:#a1a1a1; text-align: left; font-size: 14px; text-transform:uppercase;}
.page-content .content-header .page-nav{ width: auto; height: 50px; position: absolute; right:0px; bottom: 0px; text-align: right;}
.page-content .content-header .page-nav ul li{ width:auto; float: left; margin-left:10px; height: 40px;}
.page-content .content-header .page-nav ul li a{ text-align: center; padding:0 20px; line-height: 40px; font-size: 14px; display: block; background-color: #f0f0f0; background-color:rgba(240,240,240,0.80);}
.page-content .content-header .page-nav ul li a:hover,.page-content .content-header .page-nav ul li.current a{ background-color: #FFFFFF; background-color:rgba(255,255,255,0.80); box-shadow: 5px -5px 20px rgba(243,141,63,0.4); color:#F38D3F;}
.page-content .fw{ width:1160px;}
.page-content .content-box{line-height: 24px; margin:0px auto; padding:40px 20px 40px; font-size: 13px; color: #6a6a6a; border-top:1px dotted #D3D3D3;}
.page-content .content-box .pages{ padding: 40px 0; height: 36px; text-align: center;}
.page-content .content-box hr { height: 1px; border: none; border-top: 1px dotted rgb(211, 211, 211); margin-top: 20px; margin-bottom: 20px;}


/*2017-02-09*/
.case-ban{ width:100%; height: 400px; margin:0px auto; background: url(../images/case_bg.jpg) no-repeat top center;}
.warp-box{ margin:0px auto; font-family:"Microsoft YaHei";}
.warp-box .header{ padding-top:60px; padding-bottom:50px;}
.warp-box .header p{ text-align:center;}
.warp-box .header p.title{ font-size:22px; color:#444444;}
.warp-box .header p.subtitle{font-size:14px; color:#c1c1c1;}
.warp-list{ width:1185px; height:auto; overflow: hidden; margin:60px auto;}
.warp-list .caseitem{ width:375px; float:left; margin-right:20px; margin-bottom:20px; height:400px; background-color: #ffffff;}
.warp-list .caseitem:hover{box-shadow: 0 10px 30px rgba(0,0,0,0.2); transition: all ease-out .3s;}
.warp-list .caseitem a{ height:220px; max-height:220px; width:375px; display: block; position:relative; overflow: hidden;}
.warp-list .caseitem a .caseimg img{ width: 100%; height: auto; float: none; border:none; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.warp-list .caseitem a .imgshadow{ width: 100%; height: 100%; background: rgba(0,0,0,0); position: absolute; left: 0; top: 0; transition: all ease-out .3s;}
.warp-list .caseitem:hover a .imgshadow{ background: rgba(0,0,0,.5);}
.warp-list .caseitem:hover .caseimg img{ transform: scale(1.1, 1.1);}
.warp-list .caseitem a::after { content: '+'; width: 50px; height: 50px; line-height: 50px; margin: 0 auto; margin-left: -26px; margin-top: 0px; display: inline-block; position: absolute; top: 0%; left: 50%; z-index: 10; border-radius: 50px; border: 1px solid rgba(255,255,255,.5); transition: all 0.6s cubic-bezier(.17, .84, .44, 1) 0s; opacity: 0; color: #fff; font-size: 40px; text-align: center; font-family: "Times New Roman", "微软雅黑"; }
.warp-list .caseitem:hover a::after { margin-top: -26px; top: 50%; opacity: 1; }
.warp-list .caseitem .caseinfo{ text-align: left; margin:30px;}
.warp-list .caseitem .caseinfo .title{ color:#5a5a5a; font-size: 20px;}
.warp-list .caseitem .caseinfo .title a{ color:#5a5a5a; display: inline;}
.warp-list .caseitem .caseinfo .description{ margin-top:20px; font-size: 12px; height: 70px; line-height: 24px; color:#949494; overflow: hidden;}
.warp-list .caseitem .caseinfo .title a::after{ content:none;}
/*2017-02-09*/

/*2017-02-13*/
#com-showbox-bg{ display: none; height: 100%; width:100%; -moz-opacity: 0.5; filter: alpha(opacity=50); opacity: 0.5; background-color: #000000; z-index: 100; position: fixed; left: 0px; top: 0px;}
#com-showbox{ display: none; width:600px; height:auto; position: fixed; left: 50%; margin-left:-300px; top: 16%; z-index: 101; background-color: #ffffff;}
.com-showbox-main{ height: 100%; width:100%;}
.com-showbox-top{ height:45px; line-height: 45px; text-align: left; font-size: 14px; text-indent: 1em; border-bottom:1px solid #cccccc; background-color: #F0F0F0;}
.com-showbox-top a{ float: right; width:45px; height:45px; display: block; font-size: 14px; text-indent: 0em;}
.com-showbox-top a:hover{ background: #ff8a00; color: #ffffff;}
.com-showbox-top a i{ font-size: 14px; width:45px; height:45px; line-height: 45px; text-align: center; text-indent: 0em;}
.com-showbox-body{ padding:30px; font-size: 14px;}
.showbox-item{ margin-bottom:10px; height:auto; line-height: 45px;}
.showbox-item .item-label{ width:150px; text-align: right; line-height: 45px;}
.showbox-item .item-label m{ color: red; font-size: 12px; position: relative; top: 2px; padding: 0px 5px;}
.showbox-item .showbox-control{ float:left; line-height: 45px;}
.showbox-item .showbox-control .showbox-input{ height:30px; margin:7px; border:1px solid #cccccc; line-height: 30px; border-radius: 4px; outline: none;}
.showbox-item .showbox-control .showbox-input-max{ width:300px;}
.showbox-item-submit .showbox-btn{ margin-left:156px; background-color: #e76d0f; background-color: rgba(231,109,15,0.8); color: #ffffff;}
.showbox-item-submit .showbox-btn:hover,.showbox-item-submit .showbox-btn:focus{ background: #ff8a00; color: #ffffff; outline: none;}
.com-showbox-bottom{ height: auto; line-height: 45px;}
.com-showbox-info{ display: none; padding: 60px 30px; text-align: center; font-size: 18px;}
.com-showbox-info i{ font-size:60px; color: #6cc000;}
.warp-detail{ width:100%; height: auto; margin:0px auto;}
.warp-detail .warp-image{ width: 550px; float: left;}
.warp-detail .warp-image img{ width:500px; margin-right:50px; margin-bottom:50px;}
.warp-detail .warp-body{ margin-left:550px;}
.warp-detail .warp-body .title{ height:50px; line-height: 50px; font-size: 22px; text-align: left;}
/*2017-02-13*/

.feedback_body { font-size: 12px; color: #333; line-height: 16px; padding: 4px 10px 4px 5px; max-width:700px; height:auto; overflow:hidden;}
.feedback_error .fa{ color:#ff0000; font-size:12px; margin:0px 5px;}
.feedback_error { border: 1px solid #ebccd1; background-color: #f2dede; background-position: -110px 0; display:none; clear: both; margin: 2px 7px; color: #a94442; border-radius: 4px;}
.feedback_infor{ border: 1px solid #faebcc; background-color: #fcf8e3; background-position: -110px 0; color: #8a6d3b; border-radius: 4px;}
/*2017-03-8*/
::selection {background:#F38D3F; color:#FFF;}
::-moz-selection {background:#F38D3F; color:#FFF;}
::-webkit-selection {background:#F38D3F; color:#FFF;}
.index-news>ul>li{ margin: 65px 30px;}
.h-tbox-tit{ height:40px; line-height: 40px; background-color:#F38D3F; color: #ffffff; text-align: center; font-size: 18px; display:none;}
.h-tabs {width: 100%;margin: 0px auto;}
.h-tab-title {height: 40px;font-size: 0; background-color:#F0F0F0;}
.h-tab-title .h-item {display: inline-block;width: 80px;height: 40px; float:left;line-height: 40px;text-align: center;color: #434343;font-size: 14px;}
.h-tab-title .h-item-cur {color: #333333;background-color: #ffffff;}
.h-tab-cont {position: relative;background-color: #ffffff;width: 100%;height: 220px;/*overflow: hidden;*/}
.h-tab-cont_wrap {/*position: absolute;*/}
.h-tab-cont .h-item {width: 100%;height: auto;text-align: center;color: #000;}
.h-tab-cont .h-item .btn-lg{ padding:12px 46px; transition:all .3s ease-out 0s;}
.h-tab-cont .h-item .btn-lg:hover {box-shadow: 0 20px 40px rgba(0,0,0,0.1); padding: 12px 70px; background: #ff8a00; border-color: transparent;}
.h-tab-cont .h-item form{ width:100%; height: auto;/* overflow: hidden;*/ border:none; margin:0px auto;}
input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit }
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { display: inline-block; padding: 4px 6px; font-size: 14px; line-height: 20px; color: #555555; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; vertical-align: middle; }
input, textarea, .uneditable-input {}
textarea { height: auto; }
input.search-query { padding-right: 14px; padding-right: 4px \9; padding-left: 14px; padding-left: 4px \9; margin-bottom: 0; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { background-color: #ffffff; border: 1px solid #cccccc; -webkit-box-shadow: inset 0 1px 1px rgba(0,  0,  0,  0.075); -moz-box-shadow: inset 0 1px 1px rgba(0,  0,  0,  0.075); box-shadow: inset 0 1px 1px rgba(0,  0,  0,  0.075); -webkit-transition: border linear .2s, box-shadow linear .2s; -moz-transition: border linear .2s, box-shadow linear .2s; -o-transition: border linear .2s, box-shadow linear .2s; transition: border linear .2s, box-shadow linear .2s; }
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { border-color: rgba(82,  168,  236,  0.8); outline: 0; outline: thin dotted \9; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6); }
.input-medium { width: 150px; }
.yj-form{ width: 400px; padding: 28px; margin: 0px auto;}
.yj-form dl{ height: 35px; line-height: 35px;} 
.yj-form dl dt{ float: left; text-align: right; width: 100px;}
.yj-form dl dd{ width: 260px; float: left;}
.yj-form dl dd .input{ width: 245px; outline: 0;}
.i-select{ position: relative; display: inline-block; font-size: 12px; color: #222;}
.i-select .i-body{ display: none; position: absolute; left: 0;/* top: 35px;*/ width: 100%; max-height: 310px; overflow-y: auto; border: 1px #ddd solid; background-color: #fff; box-sizing: border-box; z-index: 90;}
.i-select input{ outline: 0;}
.i-select input[type='text']{ cursor: pointer; min-width: 80px; background: #fff url(/webcss/default_me/images/map-ui.png) right top no-repeat;}
.i-select input[type='text']:focus{background-position:right -40px;}
.i-select ol li{ cursor: pointer; color: #268ed1; position: relative; transition: all .5s ease 0s; float:none; margin: 0; text-align: left; text-indent:1em;}
.i-select ol li em{ position: absolute; right: 10px; top: 0; font-style: normal;}
.i-select ol li:hover,.i-select ol li.active{ background-color: #e4e4e4;}
.yj-form .center { text-align: center; margin-bottom: 10px; margin-top: 10px;}
.yj-form .center label { margin: 0 20px;}
.yj-form .yj-btn { text-align: center; position: relative; padding-top: 8px;}
.yj-detail-box{padding: 10px; background-color: #FFFFFF; border-radius: 4px; font-family: "Microsoft YaHei";}
.route-search { width: 100%; height: auto; margin-bottom: 10px;}
.route-search dl { line-height: 34px; font-size: 14px; display: block; margin: 0; padding: 0; clear: both;}
.route-search dl dt { float: left; width: 70px; text-align: right;}
.route-search dl dd { float: left; width: 270px;}
.route-search dl dd .input { width: 250px;}
.error-msg { color: #f00; text-align: center; min-height: 20px;}
.history-search { line-height: 30px; height: auto; color: #FF9900; width: 100%; font-size: 14px; text-indent: 1em; clear: both;}
.history-search a{ font-size: 14px; color: #333333;}
.history-search a.clearhistory{ color: #FF0000;}
label.i-checkbox { display: inline-block; min-width: 20px; height: 20px; line-height: 20px; padding-left: 25px; margin-right: 10px; background: url(../images/map-ui.png) left -150px no-repeat; cursor: pointer;}
label.i-checkbox input[type='checkbox'] { display: none;}
label.i-checkbox:hover {background-position:left -170px}
label.i-checkbox.checked {background-position:left -190px}
.logistics-table{ border:1px solid #DDDDDD; border-bottom: none; margin-bottom: 20px;}
.logistics-table .fjf{ position: relative; cursor: pointer;}
.logistics-table .fjf div { width: 350px; position: absolute; top: 35px; left: -130px; z-index: 999; background-color: #FFFFFF; display: none;}
.logistics-table .fjf div.notes{padding:10px; border: 1px solid rgb(226, 226, 226); display: none; line-height: 20px;}
.logistics-table .fjf div table th,.logistics-table .fjf div table tr td{ padding:12px 5px;}
.logistics-table .landfjf div{ width: 600px;}
.font-red{ color: #FF0000;}
#dockResult{ min-height: 300px; margin: 0px auto; padding: 10px; font-family: "Microsoft YaHei"; font-size: 12px; border-bottom: 1px solid #DDDDDD;}
.totalInfo { background: #D2E1F5; padding: 4px 0;}
.totalInfo span { display: inline-block; padding: 0 10px;}
.totalInfo .nowrap { white-space: nowrap;}
#dockResult table { border-collapse: collapse; width: 100%; vertical-align: middle;}
#dockResult table tr th,#dockResult table tr td{ padding: 2px; text-align: center;}
#dockResult table tr th{ font-weight: bold;}
.yj-form dl dd.pr30 { width: 150px;}
.yj-form dl dd.pr25 { width: 150px;}
.yj-form dl dd.pr25 .input { width: 140px;}
span.withText { position: relative; display: inline-block;}
.yj-form dl dd.pr30 .input { width: 140px;}
span.withText em { position: absolute; right: 1px; top: 3px; height: 32px; padding: 0 5px; color: #999; font-size: 12px;}
.route-search .yj-btn { text-align: left; padding-top: 8px; clear: both; text-indent: 4.5em;}
.logistics-list{ margin-bottom: 20px; border:1px solid #DDDDDD;}
.logistics-div{ width: 100%; position: relative;}
.logistics-info{padding: 20px 30px; background: #fff; width: 100%; box-sizing: border-box; display: table;}
.logistics-detail{ display: table; width: 100%; box-sizing: border-box; padding: 20px 30px; border-top: 1px solid #dae3ed;}
.logistics-detail.alert-info{display: none;}
.logistics-detail .row{ margin: 0; font-size: 12px; line-height: 18px;}
.logistics-list .row{ display: block; overflow: hidden; margin:0;}
.logistics-list .row .col{ font-size: 12px; display: table-cell; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; float: left;}
.row .col.col-w5{ width: 5%;}
.row .col.col-w10{ width: 10%;}
.row .col.col-w15{ width: 15%;}
.row .col.col-w20{ width: 20%;}
.row .col.col-w25{ width: 25%;}
.row .col.col-w30{ width: 30%;}
.row .col.col-w35{ width: 35%;}
.row .col.col-w45{ width: 45%;}
.logistics-list .row h4{ color: #FF0000;}
.logistics-header{display: table; width: 100%; padding: 10px 30px; box-sizing: border-box; border: 1px solid #d9e3ec; color: #333; background-color: #DDDDDD; font-size: 12px;}
.logistics-header .row .col{ float: left; line-height: 18px;}
.logistics-info .row .col{vertical-align: top; line-height: 27px;}
.logistics-info .row .col .inner dl { margin: 0;}
.logistics-info .row .col .inner dl dt { vertical-align: top; float:left;}
.logistics-info .row .col .inner dl dt { margin: 0; display: inline-block; min-width: 50px;}
.logistics-info .row .col .inner dl dd { margin-left: 5px; float:left;}
.logistics-info .row .col .inner dl dd span { display: inline-block; min-width: 50px;}
/*2017-03-8*/
/*2017-03-27*/
.login-left-in .login-form span .msg-input{ width:110px; margin-right:10px;}

.unics {
    font-size: 12px;
    font-style: inherit;
    font-weight: normal;
    line-height: 34px;
    list-style-type: none;
}
.unit-btn {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #eee none repeat scroll 0 0;
    border-color: #ccc #ccc #ccc -moz-use-text-color;
    border-image: none;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px medium;
    height: 34px;
    position: left;
    right: 0;
    text-align: center;
    top: 0;
    width: 25px;
    z-index: 10;
}