@charset "gb2312";
body { color: #289669 }
a:link, a:visited { color: #353b47 }
a:hover { color: #289669 }
a.btn:link, a.btn:visited { color: #289669 }
a.btn:hover{color:#fff}
ul, ol { margin: 0 }
.cnfont { font-family: 'Microsoft Yahei'; }
.enfont { font-family: 'Open Sans', Arial, Helvetica, sans-serif; }
.pad10 { padding-top: 10px; padding-bottom: 10px }
.pad15 { padding-top: 15px; padding-bottom: 15px }
.pad20 { padding-top: 20px; padding-bottom: 20px }
img[align="left"] { margin-right: 5px }
a.u-click:link, a.u-click:visited { border-bottom: 1px solid #289669; color: #289669 }
a.u-click:hover{text-decoration:none; color:#cf4129; border-color:#cf4129}
/*end genal*/
.banner { background-color: #ffffff; padding: 60px 0 5px; }
.banner h1 { line-height: 1.5em; color: #202020; letter-spacing: 1px; margin: 0; font-size: 16px; }
.banner h1 span { display: block }
.banner h2 { color: #289669; line-height: 1.5em; font-weight: bold; margin: 0; font-size: 14px; }
.banner p { line-height: 1.9em; color: #202020; font-size: 14px; }
.banner p.enfont { line-height: 1.8em; }
.navbar-default { background-color: #289669; margin-bottom: 0 }
.navbar-brand { padding-top: 0 }
.navbar-default .navbar-toggle .icon-bar { background-color: #fff }
.navbar-default .navbar-nav > li > a { color: #fff; }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color: #7b0400; }
.navbar-toggle{ border-radius:0}
.home-grey { background-color: #f1f1f1 }
.bg-white { background-color: #f7f7f7 }
.owl-carousel .owl-item .captions { display: none }
/*end slider */
.twenty { border-bottom: 1px solid #eaedf2 }
.solgan { background-color: #acb43a; color: #fff; padding: 1em 0; font-size: 16px }
.solgan a.u-button { color: #acb43a; text-decoration: none; border: 2px solid #fff; border-radius: 5px; padding: 8px 16px; display: inline-block; text-align: center; font-size: 16px; background-color: #fff; }
.solgan a.u-button:hover { color: #289669; background-color: #fff }
.solgan em { font-size: 13px; text-align: center; font-style: normal; font-weight: normal }
.concbt { padding-bottom: 10px; border-top: 1px solid #e7e7e7 }
.concbt p.clearfix { padding: 5px 0 10px }
.concbt img { margin-right: 10px }
.footer { background-color: #b20b05; margin-top: 15px; /*border-top:3px solid #1fa5a2;*/ color: #fff; padding-bottom: 15px; }
.inner { margin-top: 0 }
.footer a { color: #fff }
.footer h4 { line-height: 2em; color: #fff; margin-bottom: 10px; font-size: 16px; font-weight: bold }
.footer .sns a { width: 40px; height: 35px; overflow: hidden; display: block; float: left; margin-right: 1px; margin-bottom: 5px }
.footer .sns a.s1 { background: url(../images/sns-en.png) no-repeat 0 0; background-color: #c04d50; }
.footer .sns a.s2 { background: url(../images/sns-en.png) no-repeat 0 -36px; background-color: #c04d50; }
.footer .sns a.s3 { background: url(../images/sns-en.png) no-repeat 0 -71px; background-color: #c04d50; }
.footer .sns a.s4 { background: url(../images/sns-en.png) no-repeat 0 -106px; background-color: #c04d50; }
.footer .sns a.s5 { background: url(../images/sns-en.png) no-repeat 0 -141px; background-color: #c04d50; }
.footer .sns a.enews { font-size: 18px; width: auto; color: #FFF; background-color: #b20b05; padding: 0 10px; text-decoration: none; font-weight: bold; line-height: 35px; }
.footer .sns-cn a { width: 40px; height: 35px; overflow: hidden; display: block; float: left; margin-right: 1px }
.footer .sns-cn a.s1 { background: url(../images/sns-cn.png) no-repeat 0 0; background-color: #c04d50; }
.footer .sns-cn a.s2 { background: url(../images/sns-cn.png) no-repeat 0 -36px; background-color: #c04d50; }
.footer .sns-cn a.s3 { background: url(../images/sns-cn.png) no-repeat 0 -71px; background-color: #c04d50; }
.footer .sns-cn a.s4 { background: url(../images/sns-cn.png) no-repeat 0 -106px; background-color: #c04d50; }
.footer .sns-cn .enews { color: #FFF; display: block; float: left; background-color: #b20b05; padding: 0 10px; text-decoration: none; font-weight: bold; width: 100px; line-height: 35px; }
.copyright { background-color: #7b0400; color: #fff; text-align:center; }
.copyright a{color:#fff}
/*home*/
.guide { padding: 15px; border: 1px solid #e7e7e7 }
.block-3 h3 { margin-top: 0 }
.block-3 .caption { background-color: #f7f7f7; padding: 15px }
.block-3 .home-news { background-color: #f7f7f7 }
.block-3 .home-news h3 { margin-top: 15px }
.home-news p { border-bottom: 1px solid #e1e1e1; padding-bottom: 8px; margin-bottom: 8px }
.home-grey h3, .concbt h3 { color: #b20b05 }
.productlist { margin-bottom: 20px }
.productlist h4 { overflow: hidden; text-overflow: ellipsis; white-space : nowrap }
.productlist .caption { padding: 15px; background-color: #f7f7f7; }
.productlist .caption em.nature { font-style: normal; overflow: hidden; text-overflow: ellipsis; white-space : nowrap; display: block }
/* inner */
ul.m-localmenu { list-style: none; margin: 0; padding: 0; margin-bottom: 10px; padding-top: 15px }
ul.m-localmenu li a, ul.m-localmenu li span { font-size: 15px; line-height: 35px; border-bottom: 2px solid #b20b05; display: block }
ul.m-localmenu li ul { margin: 0; padding: 0; }
ul.m-localmenu li ul li { list-style: none; margin: 0; padding: 0; font-size: 13px; line-height: 35px; color: #666; display: block }
ul.m-localmenu li ul li a:link, ul.m-localmenu li ul li a:visited { list-style: none; margin: 0; padding: 0; font-size: 13px; line-height: 35px; color: #666; display: block; border-bottom: 1px solid #e1e1e1; }
ul.m-localmenu li ul li a:hover { color: #b20b05; text-decoration: none }
ul.m-localmenu li ul li a:before { content: '>>'; margin-right: 14px }
ul.m-localmenu li ul li:last-child a:link, ul.m-localmenu li ul li:last-child a:visited { border-bottom: none }
ul.m-localmenu li ul li ul li { text-indent: 15px; font-size: 13px; color: #666 }

.rightpane a:hover { text-decoration: none; }
.rightpane .regarea { border: 1px solid #e1e1e1; padding: 5px }
.rightpane .regarea .caption { padding: 10px }
.rightpane .regarea a.btn { margin-top: 5px }
.rightpane p.quickbt a { font-size: 15px; display: block; color: #666; padding: 10px 0 }
.rightpane p.quickbt a span { background-color: #6CC; color: #fff; padding: 10px; margin-right: 10px; font-size: 16px; }
h6 { color: #b20b05; font-weight: 500; font-size: 130%; line-height: 1.8em }
.rightpane h5 { font-size: 15px; line-height: 35px; font-weight: bold; border-bottom: 2px solid #b20b05; }
.m-list li { list-style: disc; }
.nav-tabs > li > a { font-weight: bold }
#DynamicFormArea input[type="text"] { padding: 5px 0; height: auto }
.caln:after { clear: both; display: block; height: 0; content: '.'; visibility: hidden }
.caln li.media { float: left; margin-top: 0; margin-right: 15px }
.caln .media-left a { width: 80px; display: block; background-color: #df9d7f; color: #fff; text-align: center; padding: 5px 0; text-decoration: none }
.caln .media-left a span, .caln .media-left a b { display: block }
.caln .media-left a b { font-size: 40px; font-weight: bold; line-height: 1.2em; font-style: italic }
/*tab*/
.usual { color: #111; }
.usual li { list-style: none; float: left; }
.usual>ul li a { display: block; padding: 6px 12px; text-decoration: none!important; margin: 0; color: #333; background: #f1f1f1; border-right: 1px solid #e1e1e1; border-top: 3px solid #f1f1f1; border-bottom: 1px solid #e1e1e1; font-weight: bold }
.usual>ul li:first-child a { border-left: 1px solid #e1e1e1 }
.usual>ul li a:hover { color: #FFF; background: #3da9a4; }
.usual>ul li a.selected { margin-bottom: 0; color: #333; background: #fff; border-bottom: 1px solid #fff; cursor: default; border-top: 3px solid #3da9a4; padding-top: 3px }
.usual>div { padding: 10px 10px 8px 10px; *padding-top:3px;
*margin-top:-15px;
clear: left; }
@media screen and (min-width:360px) {
.banner h1, .banner h2, .banner p { line-height: 1.8em }
.banner h1 { font-size: 16px; }
.banner h2 { font-size: 16px; }
.banner p { font-size: 15px; }
.banner p.enfont { font-size: 15px }
}
@media screen and (max-width:480px) {
.banner h1 { color: #444 }
.banner p { color: #555 }
.banner h2.enfont{font-weight:normal}
.dropdown-menu{ padding:0;border-radius:0;}
.dropdown-toggle { border-bottom: 1px solid #edb79f; }
.navbar-default .navbar-nav > .open ul.dropdown-menu { background-color: #e1a083; }
.navbar-default .navbar-nav > .open ul.dropdown-menu li a { border-top: 1px solid #edb79f; padding: 5px 0 5px 20px; }
.solgan a.u-button { padding: 5px 15px; margin-top: 10px }
.home-grey .row>div{ margin-bottom:10px}
.home-grey h3{font-weight:normal; font-size:18px}
.footer { margin-top: 0 }
.footer .col-md-3 { border-top: 1px solid #353b47; padding-bottom: 10px }
li.lang{ background-color:#b20b05; margin:-6.75px 0; text-align:right}
li.lang a{display:inline-block; padding:8px 10px}
.main h4{ margin-top:20px; font-weight:bold}
}
@media screen and (min-width:360px) and (max-width:480px){
.dropdown-menu{ padding:5px 0 0;}
.navbar-default .navbar-nav > .open ul.dropdown-menu li{ display:inline-block; width:50%; overflow:hidden; margin-top:-5px}
.navbar-default .navbar-nav > .open ul.dropdown-menu li a{ padding:8px 0px 8px 10px}
}
@media screen and (max-width:640px) {
img { width:100%;}
#LRdiv1 { display:none;}
}
@media screen and (min-width:768px) {

.fullSlide  { height:462px;}
.fullSlide .bd li { height:462px;}
.banner { padding-bottom: 15px }
.banner h1 { font-size: 20px; }
.banner h1 span { display: inline }
.banner h2 { /*text-shadow:1px 1px 0px #3b9693;*/ font-size: 20px; }
.banner p { font-size: 16px; }
.navbar-nav > li > a { font-size: 15px; padding: 8px 12px; }
.navbar-default .navbar-nav > li > a:hover { background-color: #289669; color: #fff }
.navbar-right { margin-right: 0 }
.dropdown-menu { background-color: #289669; }
.dropdown-menu > li > a { padding: 8px 20px; border-bottom: 1px solid #289669; color: #fff; }
.language-object a { display: block; float: left; padding: 5px 5px 5px 0 }
/*slider*/
.owl-carousel .owl-item { position: relative }
.owl-carousel .owl-item .captions { display:block; position:absolute; margin:0 auto; width:100%; text-align:center; left:0; top:50px;}
.owl-carousel .owl-item .captions em{ display:block; font-style:normal; font-size:40px; line-height:3em; color:#ffffff; text-shadow:1px 1px 2px #333333;
-webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 2s; /* Firefox < 16 */
-ms-animation: fadein 2s; /* Internet Explorer */
-o-animation: fadein 2s; /* Opera < 12.1 */
animation: fadein 2s;}
.owl-carousel .owl-item .captions em.cnfont{letter-spacing:1px;/*  text-shadow:1px 1px 2px #394c0d; */font-family:'Î¢ÈíÑÅºÚ'}
.owl-carousel .owl-item .captions span.btn{ font-size:18px; font-weight:normal; display:inline-block; background-color:#aab04b; color:#fff; border:none}
@keyframes fadein {from { opacity: 0; }to { opacity: 1; }}/* Firefox < 16 */@-moz-keyframes fadein {from { opacity: 0; }to { opacity: 1; }}/* Safari, Chrome and Opera > 12.1 */@-webkit-keyframes fadein {from { opacity: 0; }to { opacity: 1; }}/* Internet Explorer */@-ms-keyframes fadein {from { opacity: 0; }to { opacity: 1; }}/* Opera < 12.1 */@-o-keyframes fadein {from { opacity: 0; }to { opacity: 1; }}

.solgan { font-size: 30px; }
.solgan .rufont { font-size: 22px }
.solgan .enfont { font-size: 20px }
.solgan a.u-button { font-size: 20px; font-weight: bold }
.solgan a.u-button b.enfont { font-size: 15px; font-weight: normal }
.solgan a.u-button span { color: #F03 }
.solgan a.u-button em { line-height: 1.5em }
.footer img[align="absmiddle"] { margin-right: 10px }
.footer h4 { font-size: 20px }
/* inner */
.innerbg { border-top: 1px solid #E1E1E1; background-color:#F7F7F7 }
.rightpane { border-top: 2px dotted #e1e1e1; }
.footer .solgan { background: url(../images/solganbg.jpg) repeat-x }
h3 { line-height: 1.8em; font-size: 20px; color: #000 }
.main h3, .main h4{ font-size: 18px; }
.main .col-md-9 h3, .main .col-md-9 h4 { text-indent: 45px; background: url(../images/h4title.png) left center no-repeat; padding: 5px 0; font-size: 23px; margin-top: 23px }
.innerbg h3, .innerbg h4{padding: 5px 0; font-size: 23px; margin-top: 23px}
.main h6 { font-size: 16px; line-height: 38px; }
}
@media screen and (min-width:992px) {
.banner h1 { font-size: 24px; line-height: 1.6em }
.banner h1 span { font-size: 24px }
.banner h2 { font-size: 21px; line-height: 1.6em }
.banner p { font-size: 18px; line-height: 2em }
.banner p.enfont { font-size: 16px; line-height: 2.2em }
.navbar-nav > li > a { border-right: 1px solid #289669; border-left: 1px solid #289669; padding: 8px 15px }
.owl-carousel .owl-item .captions {top:100px}
.owl-carousel .owl-item .captions em{ font-size:48px;}
.solgan .enfont { font-size: 30px }
.solgan { font-size: 26px; }
.solgan a.u-button { font-size: 18px; }
.solgan a.u-button b.enfont { font-size: 15px; }
.highlight .col-md-3 { margin-bottom: 0px }
.concbt p.clearfix { padding: 0px }
.concbt h3 { margin-bottom: 20px }
.concbt h3 .enfont { color: #999 }
/* inner */
.main { overflow: hidden; padding-bottom: 15px }
.rightpane { border-top: none; }
}
@media screen and (min-width:768px) and (max-width:992px) {
.banner { padding-top: 95px }
a.btn-info { margin-bottom: 5px }
.navbar-nav { border-bottom: 1px solid #289669 }
.navbar-right { float: none!important }
.navbar-default .navbar-nav > li > a { font-weight: normal }
li.lang a{display:inline-block; padding:8px 10px}
#menuitem {width: 100%; border-top: 1px solid #289669 }
.solgan { font-size: 22px; }
}
@media screen and (max-width:992px) {
.block-3 .home-news{background-color:#fff; padding-top:15px}
}
@media screen and (min-width:1200px) {
.navbar-nav > li > a { padding: 8px 20px; }
.pad20 { padding-top: 40px; padding-bottom: 30px }
.carousel-inner { height: 380px }
.solgan { font-size: 30px; }
.solgan a.u-button b.enfont { font-size: 20px; }
.rightpane { padding-left: 40px }
.banner img { margin-left: 30px }
}
@media screen and (min-width:1900px) {
html{background-color:#e1e1e1}
body{background-color:#fff; box-shadow:0px 0px 10px #999999;}
body, .navbar-fixed-top{width:1600px; margin:0 auto;}
}
@media (device-width:375px) and (-webkit-min-device-pixel-ratio:2) {/* ¼æÈÝiphone 6 */
.class { }
}
@media (device-width:414px) and (-webkit-min-device-pixel-ratio:3.0) {/* ¼æÈÝiphone6 plus */
.class { }
}
