/**********************Tags*************************/
body { font: 12px/1.5 Microsoft YaHei,Heiti SC,tahoma,arial,Hiragino Sans GB,"\5B8B\4F53",sans-serif; color: #666 }
/********* common *********/
.hand { cursor: pointer; }
.overflow { overflow: hidden; }
.iframe { width: 100%; overflow-x: hidden; overflow-y: auto; border: 0px; }
/********* bootstrap *********/
.container { margin: 0 auto; }
.pagination { margin: 0; }
.table { font-size: 12px; }
.carousel-caption { font-size: 46px; height: 100%; padding-top: 160px; text-shadow: 0 8px 10px #6699FF; -webkit-transform: skew(5deg);  }

.carousel-inner img { width: 100%; }
/********* Share *********/
#content { padding: 10px; }
.p10 { padding: 10px; }
.mt10 { margin-top: 10px; }
/********* Layout *********/
#top { height: 30px; line-height: 30px; vertical-align: middle; background-color: #EFEFEF; }
html .navbar-static-top { border-bottom: 1px solid #0064B3; background-color: white; padding: 10px;}
html .navbar-static-top #logo { display: block; background-image: url(../images/20250213.jpg); background-repeat: no-repeat; background-position: center center; width: 230px; height: 60px; margin-right: 20px; }
html .navbar-static-top .navbar-nav li a { line-height: 30px; }
html .navbar-static-top .navbar-nav .active a, html .navbar-static-top .navbar-nav a { font-size: 16px; }
html .navbar-static-top .navbar-nav a:hover { background-color: #0064B3; color: white; }
html .navbar-static-top .navbar-nav .active a, html .navbar-static-top .navbar-nav .active a:hover { background-color: #0064B3; color: white; }
/*.nav>li>a{padding:10px;}*/
footer { background-color: #F3F3F3; padding: 30px 0; }
footer a, html footer a:hover { text-decoration: none; }
footer .pull-left p span { display: inline-block; padding-right: 10px; }
footer .pull-right { text-align: right; }
footer .pull-right img { width: 120px; }
footer h4 { color:black;}

.banner { margin-top: -20px; margin-bottom: 20px; min-height: 402px; overflow: hidden; }
.banner img { width: 100%; }
.banner-about { background-image: url(Image/banner-about.jpg); }
.banner-product { background-image: url(Image/banner10.jpg); }
.banner-service { background-image: url(Image/banner8.jpg); }
.banner-news { background-image: url(Image/banner-news.jpg); }
.banner-contact { background-image: url(Image/banner-contact.jpg); }

.banner-tips { font-size:34px;}
.banner-tips-span span { display: block; font-size: 24px; }
#layout { min-height: 500px; }
.box { background-color: #F8F8F8; background-image: url(Image/box-bg.jpg); background-position: left bottom; background-repeat: no-repeat; }
.box2 { padding: 20px; }
.box-title { padding: 20px 0; text-align: center; }
.box-title h2 { color: #0064B3;}
.box-title p { margin-top: 20px; font-size:18px; color:black; }
.box-title2 { height: 40px; line-height: 40px; vertical-align: middle; border-bottom: 1px solid #DDD; margin-bottom: 20px; }
.box-title2 .pull-left { font-size: 18px; color: black; }

#safe { background-image: url(Image/safe-bg.jpg); background-position: right bottom; background-repeat: no-repeat; border: 1px solid #DDD; text-align:left; }
.box-title { padding: 20px 0; text-align: center; }
.box-title h2 {  color: #0064B3; }
.box-title p { margin-top: 20px; }
.box-title2 { height: 40px; line-height: 40px; vertical-align: middle; border-bottom: 1px solid #DDD; margin-bottom: 20px; }
.box-title2 .pull-left { font-size: 18px; color: black; }


#service { height: 200px; }
#service .col-md-2 { padding: 20px; }
.box2 .box-item { padding: 20px 0; }
.box2 box-item:hover { transform: scale(1.05); }
.box-item { padding: 20px; background-color: white; text-align: center; transition: all 0.4s; }
.box-item:hover { transform: scale(1.05); background-color: #0064B3; color: white; -moz-box-shadow: 2px 2px 5px #333333; -webkit-box-shadow: 2px 2px 5px #333333; box-shadow: 2px 2px 5px #333333; }
.box-item span { font-size: 40px; }
.box-item h5 { font-weight: bold; }
.box-item p { margin-top: 15px; }

.box-item2 { display: block; padding: 4px; margin-bottom: 20px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; transition: all 0.4s; }
.box-item2:hover { transform: scale(1.05); background-color: #0064B3; color: white; border: 1px solid #0064B3; -moz-box-shadow: 2px 2px 5px #333333; -webkit-box-shadow: 2px 2px 5px #333333; box-shadow: 2px 2px 5px #333333; }
.box-item2 a { text-decoration: none; }
.box-item2 img { max-width: 100%; }
.box-item2 .caption { padding: 5px; color: #333; }
.box-item2 p { padding: 10px 0; color: #999; font-size:14px; }
.box-item2:hover .caption { color: white; }
.box-item2:hover p { color: white; }

.box h3 { color: #0064B3;font-size: 35px; font-family: Verdana; }
.box p { padding: 10px 0;font-size: 18px; }

.media { padding: 10px; transition: all 0.4s; }
.media:hover { transform: scale(1.05); -moz-box-shadow: 2px 2px 5px #333333; -webkit-box-shadow: 2px 2px 5px #333333; box-shadow: 2px 2px 5px #333333; }
.media p { text-indent: 24px; margin-top: 10px; }
.media .media-object { width: 150px; height: 100px; border-radius: 5%; }
.media .media-more { text-align: right; color: #999; }
#default { margin-top: -20px; background-image: url(Image/default-bg.jpg); margin-bottom: 20px; }
#default #banner { height: 500px; background-image: url(Image/banner.jpg); }

#friend { padding-top: 20px; padding-bottom: 20px; }
#friend img { transition: all 0.6s; }
#friend img:hover { transform: scale(1.05); -moz-box-shadow: 2px 2px 5px #333333; -webkit-box-shadow: 2px 2px 5px #333333; box-shadow: 2px 2px 5px #333333; }
#friend .row span { transition: all 0.6s; display: inline-block; padding: 6px; border: 1px solid #ddd; margin-top: 10px; margin-left: 10px; font-family: Verdana; font-size: 17px; }
#friend .row span:hover { transform: scale(1.05); background-color: #0064B3; color: white; -moz-box-shadow: 2px 2px 5px #333333; -webkit-box-shadow: 2px 2px 5px #333333; box-shadow: 2px 2px 5px #333333; }

#detail { font-size: 14px; color: black; }
#detail p { line-height: 200%; margin-top: 15px; }
#detail pre { white-space: pre-wrap; word-wrap: break-word; }
#detail img { max-width: 90%; display: block; margin: 20px auto; }

#article { font-size: 14px; color: black; }
#article p { line-height: 200%; margin-top: 15px; }
#article p.translate { background-color: #F3F3F3; padding: 10px; font-size: 13px; color: #666666; border-radius: 10px; }
#article strong { font-weight: normal; }
#article pre { white-space: pre-wrap; word-wrap: break-word; }
#article img { max-width: 90%; display: block; margin: 20px auto; }
/********* Jquery validate *********/
.validation-summary-errors { background-color: #FFFF99; font-size: 14px; font-weight: bold; color: red; }
.validation-summary-errors li { padding: 5px; }