﻿@charset "UTF-8";

body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}
body,button,input,select,textarea{ font:12px/1.5 "Microsoft Yahei";}
body{color:#333;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:100%;font-weight:normal;}
address,cite,dfn,em,var,i,span{font-style:normal;}
code,kbd,pre,samp{font-family:courier new,courier,monospace;}
small{font-size:12px;}
ul,ol,li{list-style:none;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
legend{color:#000;}
fieldset,img{border:0;}
button,input,select,textarea{font-size:100%;/*  border:none; */}
input::-ms-clear{display:none;}/*去掉ie10以上input右侧的叉*/
table{border-collapse:collapse;border-spacing:0;}
.clf:after{content:'\20';display:block;height:0;clear:both;}
.clf{zoom:1;}

a{text-decoration:none;}
/* a:hover{text-decoration:underline;color:#008371;} */

.shinetour-hd .other i,.shinetour-hd .li03 a,.shinetour-hd .orange-Point,.shinetour-hd .orange-Point2,.shinetour-hd .orange-Box .up-arrow,.shinetour-hd .orange-Box .exit .icon-exit,.footer-copyright li i,.TMC-hd .nav li a:hover,.TMC-hd .nav .current a,.TMC-hd .icon-phone,.TMC-footer i{ background:url(../images/global/global-icon.png) no-repeat;}

.shinetour-hd{ position:fixed; top:0px; left: 0px; z-index:100; width:100%; height:90px; background:url(../images/global/headerBg.png) repeat-x; color: #333333;/*  border-bottom: 1px solid #ccc; */}
.shinetour-hd .inner{ position: relative; width:1180px; margin: 5px auto 0px;}
.shinetour-hd .logo{ float: left; width:100px; height:70px; overflow: hidden;/*  border:1px solid #f0f0f0; */}
.shinetour-hd .logo a{ display:inline-block; width:100px; height:70px;}
/* .shinetour-hd .shinetour-logo a{ background: url(../images/global/logo.jpg) center center no-repeat;}
.shinetour-hd .TMC-logo a{ background: url(../images/global/TMC.png) center center no-repeat;}
.shinetour-hd .company-logo a{ background: #ccc; background-size: 100% 100%;} */
.shinetour-hd .logo li{ display: none;}
.shinetour-hd .logo .current{ display: block;}
.shinetour-hd .nav{ float: left; margin-top: 20px; position: relative; z-index: 5;}
.shinetour-hd .nav li{ float:left; margin-left:11px; width: 74px; height: 26px; line-height:26px; text-align: center;}
.shinetour-hd .nav a{ text-decoration:none; font-size: 14px; color: #787c7b;}
.shinetour-hd .nav a:hover,.shinetour-hd .current a{ color: #FA8F12; font-size: 14px;}
.shinetour-hd .nav .more-box{ display: none; position: absolute; top: 20px; right: -30px; z-index: 2; padding-top: 10px;}
.shinetour-hd .nav .more-box ul{ border:1px solid #E5E5E5; border-radius: 2px; background: #fff;}
.shinetour-hd .nav .more-box li{ margin-left: 0px; padding:5px; width: auto;}
.shinetour-hd .nav .more-box li a{ display: inline-block; font-size: 14px; color: #787c7b;}
.shinetour-hd .nav .more-box li a:hover,.shinetour-hd .nav .more-box .current a{ color: #FA8F12; font-size: 14px;}
.shinetour-hd .other{ float: right;}
.shinetour-hd .other li{ float: left; margin:0px 10px; text-align: center;}
.shinetour-hd .li01{ width: 25px; position: relative;}
.shinetour-hd .li01 i{ float: right; width: 25px; height: 20px; background-position: -2px -83px; margin-top: 20px; text-indent:-9999px;}
.shinetour-hd .li01 span{ display: none; position: absolute; bottom: -30px; left: -50px; width:180px; font-size: 16px; font-weight: bold; color: #fa8f12;}
.shinetour-hd .li02{ width: 52px; padding-top: 20px; cursor: pointer;}
.shinetour-hd .li02 .down{ display: none; line-height: 24px;}
.shinetour-hd .li02 .lang-CH,.shinetour-hd .li02 .lang-US{ float: left; width: 25px; height: 20px; background-position: -28px -83px;}
.shinetour-hd .li02 .lang-US{ background-position: -60px -83px;}
.shinetour-hd .li02 span{ white-space: nowrap;}
.shinetour-hd .li03{ position: relative;}
.shinetour-hd .li03 a{ float: left; width: 60px; height: 70px; background-position: 0px -168px; text-indent:-9999px;}
.shinetour-hd .li03 .erweima{ display: none; position: absolute; top: 70px; right: 0px; width: 126px; height: 148px; background: #fff; padding:10px;}
.shinetour-hd .li03 .erweima span{ display: block; padding-top: 5px; font-weight: bold;}
.shinetour-hd .orange-Pointbox{ width: 180px; text-align: center; position: absolute; right:100px; top:50px;}
.shinetour-hd .orange-Point,.shinetour-hd .orange-Point2{ display: inline-block; width: 50px; height: 50px; line-height: 45px; text-align: center; background-position: -2px -110px; color: #fff; cursor: pointer;}
.shinetour-hd .orange-Point2{ background-position: -62px -110px;}
.shinetour-hd .orange-Box{ background: #fff; width: 280px; line-height: 24px; display: none; text-align: left;/*  padding-top: 5px; */ position: relative; border-radius: 2px;}
.shinetour-hd .orange-Box .up-arrow{ position: absolute; top: -8px; left: 50%; margin-left: -10px; width: 20px; height: 8px; background-position: -76px -210px;}
.shinetour-hd .orange-Box .info{ padding:10px 20px; font-size: 14px;}
.shinetour-hd .orange-Box .info strong{ display: inline-block; color: #333b4e; text-align: right; vertical-align: top;}
.shinetour-hd .orange-Box .info span{ display: inline-block; color: #fa8f12; width: 185px;}
.shinetour-hd .orange-Box .info a{ color: #fa8f12; }
.shinetour-hd .orange-Box .info a:hover{ text-decoration: underline;}
.shinetour-hd .orange-Box .exit{ height: 50px; text-align: center; background: #333b4e; border-radius: 0px 0px 2px 2px;}
.shinetour-hd .orange-Box .exit a{ display: inline-block; color: #fff; padding:7px 0px; line-height: 35px;}
.shinetour-hd .orange-Box .exit .icon-exit{ float: left; width: 35px; height: 35px; background-position: -67px -168px; margin-right: 5px;}

/*add by charlven 2017/2/8 解決二維碼衝突問題，獨立二維碼樣式*/
 .shinetour-hd .li04 .erwei {display: none;position: absolute;top: 70px;right: 0px;width: 126px;height: 148px;background: #fff;padding: 10px;}
.shinetour-hd .li04 .erwei span {display: block;padding-top: 5px;font-weight: bold;}
.shinetour-hd .li04 a { background:url(../images/global/global-icon.png) no-repeat;}
.shinetour-hd .li04 a {float: left;width: 60px;height: 70px;background-position: 0px -168px;text-indent: -9999px;}
.shinetour-hd .li04 {position: relative;}

.shinetour-footer{ padding:0px; border-top: none; background: #49585E; color: #fff;}
.shinetour-footer a{ color: #fff; }
.footer-link .inner{ width: 1180px; margin:0 auto; padding:40px 0px;}
.footer-link .part{ float: left; width: 90px; height: 170px; border:1px solid #5c696e; margin-right: 25px; padding:10px;}
.footer-link .part dt{ color: #fa8f12; font-size: 14px; margin-bottom: 10px;}
.footer-link .ewm-box{ float: left; width: 125px; margin:0px 25px; font-size: 14px;}
.footer-link .about{ float: left; width: 220px; height: 140px; padding:10px; overflow: hidden; border:1px solid #5c696e;}
.footer-link .about .title{ font-size: 14px; margin-bottom: 10px;}
.footer-link .about .tmcLogo{ display: inline-block; width: 75px; height: 30px; background: url(../images/global/tmcLogo.png) no-repeat; vertical-align: bottom;}
.footer-copyright{ text-align: center; border-top: 1px solid #fa8f12; position: relative; }
.footer-copyright .cprg{ width: 1100px; text-align: center; background: #49585e; position: absolute; top: -10px; left: 50%; margin-left: -550px; }
.footer-copyright ul{ display: inline-block; width: 1180px; height: 85px;}
.footer-copyright li{ float: left; margin: 15px 5px;}
.footer-copyright li a{ display: inline-block; width: 137px; height: 40px; background: #fff; overflow: hidden; padding:5px 0px; text-align: left; color: #3b3b3b;}
.footer-copyright li i{ float: left; width: 40px; height: 40px; vertical-align: top;}
.footer-copyright li .icon-a{ background-position: -126px -102px;}
.footer-copyright li .icon-b{ background-position: -175px -102px;}
.footer-copyright li .icon-c{ background-position: -126px -150px;}
.footer-copyright li .icon-d{ background-position: -175px -150px;}
.footer-copyright li .icon-e{ background-position: -126px -197px;}
.footer-copyright li .icon-f{ background-position: -175px -197px;}
.footer-copyright li .icon-g{ background-position: -126px -242px;}
.footer-copyright li .icon-h{ background-position: -175px -242px;}

/*阴影*/
.box-shadow{ -webkit-box-shadow: 0 0 7px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 7px rgba(0,0,0,0.5); box-shadow: 0 0 7px rgba(0,0,0,0.5); border:1px solid #9B9B9B\9;}

/*自适应区域*/
.w980 .shinetour-hd{ min-width: 980px; }
.w980 .shinetour-hd .inner{ width: 980px;}
.w980 .shinetour-hd .nav li{ margin-left: 8px;width: 66px;}
.w980 .shinetour-hd .nav .more-box li{ margin-left: 0px; width: auto; }
.w980 .shinetour-hd .nav a{ font-size: 13px;}
.w980 .shinetour-hd .nav a:hover,.w980 .shinetour-hd .current a{ font-size: 16px;}
.w980 .shinetour-hd .other{ margin-right: 0px;}
.w980 .shinetour-hd .other li{ margin:0px 3px;}
.w980 .shinetour-hd .orange-Point,.w980 .shinetour-hd .orange-Point2{ right: 170px;}
/*.w980 .shinetour-hd .orange-Box{ right: 70px;}*/

.w980 .page-bd{ width: 980px; }

.w980 .shinetour-footer{ min-width: 980px; }
.w980 .footer-link .inner{ width: 980px; }
.w980 .footer-link .part{ width: 80px; margin-right: 10px;}
.w980 .footer-link .ewm-box{ margin:0px 5px; }
.w980 .footer-copyright ul{ width: 980px; }
.w980 .footer-copyright li a{ width: 108px; }

/*TMC*/
.TMC-hd .nav li{ width: 200px; text-align: center;}
.TMC-hd .nav li a{ display: inline-block; width: 90px; height: 30px; line-height: 30px;}
.TMC-hd .nav li a:hover,.TMC-hd .nav .current a{ color: #fff; font-size: 14px; background-position: 0px -283px;}
.TMC-footer .address,.TMC-footer .e-mail{ color: #909498; padding:10px;}
.TMC-footer .icon-address,.TMC-footer .icon-email{ display: inline-block; vertical-align: middle; margin-right: 10px;}
.TMC-footer .icon-address{ width: 14px; height: 16px; background-position: -95px -292px;}
.TMC-footer .icon-email{ width: 14px; height: 11px; background-position: -118px -293px;}
.w980 .TMC-hd .inner{ width: 980px;}
.w980 .TMC-hd .nav li{ width: 170px;}




htmltesttesttesttest { /* 全局颜色变灰 */
    -webkit-filter: grayscale(100%); /* webkit */
    -moz-filter: grayscale(100%); /*firefox*/
    -ms-filter: grayscale(100%); /*ie9*/
    -o-filter: grayscale(100%); /*opera*/
    filter: grayscale(100%);
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    filter: gray; /*ie9- */
}



