@charset "utf-8";
body{font:12px/180% Arial, Helvetica, "Microsoft Yahei" , "微软雅黑" , sans-serif !important;color:#333333;margin: 0;width: 100%;}
button, input, select, textarea {font:12px/180% Arial, Helvetica, "Microsoft Yahei" , "微软雅黑" , sans-serif}
a{text-decoration: none;color:inherit}
a:hover {text-decoration: none;}
ul {margin: 0;padding: 0;}
.fl{float:left;}
.fr{float:right;}
.cl{clear:both;}
.hidden {overflow: hidden;}
.hidden{display:none;}
.W1080 {width: 1080px;margin: 0 auto;}
.W1000 {width: 1000px;margin: 0 auto;}
.W900 {width: 900px;margin: 0 auto;}
.W980 {width: 980px;margin: 0 auto;}
.main:before,.W1080:before ,.W900:before ,.W950:before ,.W1000:before ,.title:before,.content:before,.newshome .newshomecontent li:before,.pagetitle:before{content: '';display: table;}
.main:after, .W1080:after ,.W900:after,.W950:after,.W1000:after,.title:after,.content:after,.newshome .newshomecontent li:after,.pagetitle:after{content: '';display: table;clear: both;}
.main,.W1080 ,.W900,.W950,.W1000,.title,.content,.newshome .newshomecontent li,.pagetitle{*zoom:1;}

/*head*/
.navback {height: 63px;margin-top: 58px;width: 100%;background-color: #757475;}
.navback .nav {font-size: 14px;color:#FFF;text-align: center;}
.navback .nav li {display: inline-block;}
.navback .nav li>a {padding: 0 33px;height: 63px;display: block;line-height: 63px;}
.navback .nav li a:hover {background-color: #82402D;}
.navback .nav li blockquote {background: #757475;position: absolute;z-index: 10;display: none;padding: 10px 0;}
.navback .nav li blockquote a {display: block;padding: 15px 37px;}
.navback .nav li:hover blockquote {display: block;}

h1 {margin: 56px 0 59px 47px;}
.searchdiv {margin-top: 68px;margin-right: 40px;}
.searchdiv>* {display: inline-block;vertical-align: middle;}
.searchdiv>em {height: 35px ;width: 1px ;background-color: #82402d;margin: 0 20px;}
.searchdiv>a.language>img {vertical-align: middle;}
#Search {width: 248px;height: 35px;background-color: #f9eddd;border-radius: 8px;}
#formd_search_id {background-color: #f9eddd;color:#82402d;margin-left: 8px;margin-top: 8px;width: 184px;}
#Search .submit {width: 44px;height: 35px;float: right;display: block;border-radius: 0 8px 8px 0;background:url("/images/search.png") center center no-repeat #82402d;}
#Banner {border-top:2px solid #f1f1f1;border-bottom: 4px solid #7e7b7c;}
/*首页*/
/*Prohome*/
.prohome {margin-top: 120px;}
.prohome .scroll_horizontal {position:relative;width:1080px;overflow: hidden;margin-top: 68px;}
.prohome .scroll_horizontal .product_box{overflow:hidden;position:relative;margin:0 auto;margin-left:-33px;}
.prohome .scroll_horizontal .product_box .product_single {margin:24px 35px;border:1px solid #e2e2e2;overflow: hidden;/*-moz-box-shadow:0px 0px 4px #D6D6D6; -webkit-box-shadow:0px 0px 4px #D6D6D6; box-shadow:0px 0px 4px #D6D6D6;*/transition: 0.3s all;height: 300px;
}
.prohome .scroll_horizontal .product_box .product_single:hover {-moz-box-shadow:0px 0px 24px #E6E6E6; -webkit-box-shadow:0px 0px 24px #E6E6E6; box-shadow:0px 0px 24px #E6E6E6;margin-top: 16px;}
.prohome .scroll_horizontal .list{overflow:hidden;width:9999px;}
.prohome .scroll_horizontal .list li{float:left;padding:0 ;margin: 0;}
.prohome .scroll_horizontal .list li .product_single a  {display: block;height: 210px;overflow: hidden;}
.prohome .scroll_horizontal .list li .product_single a img {display: block;width: 300px;margin: 5px 5px 0 5px;}
.prohome .scroll_horizontal .product_name {text-align: center;margin-top: 10px;max-width: 310px;}
.prohome .scroll_horizontal .product_name h4 {font-size: 18px;color: #82402d;}
.prohome .scroll_horizontal .product_name h3 {font-size: 16px;font-weight: normal;margin: 9px 0;color:#5E5E5E;padding: 0 5px;}

/*abouthome*/
.aboutushome {height: 528px;background-color: #fafafa;width: 100%;margin-top: 92px;position: relative;text-align: center;}
.aboutushome .abouticon {width:1184px;position: relative;visibility: visible;z-index: 2;height: 105px;left: -52px;margin: 86px 0 64px 0;}
.aboutushome .abouticon li {display: block;padding: 0 90px;width: 116px;overflow: hidden;float:left}
.aboutushome .abouticon li a {background-image: url("/images/icon_xuebi.png");background-repeat: no-repeat;background-position-x:0;background-position-y: 0;display: block;width: 82px;height: 82px;margin: 0 auto;transition: 0.5s all;margin-bottom: 10px;}
.aboutushome .abouticon li:hover a{-moz-transform:scalex(-1);-webkit-transform:scalex(-1);-o-transform:scalex(-1);transform:scalex(-1);/*IE*/filter:FlipH;}
.aboutushome .abouticon li+li a {background-position-y: -82px;}
.aboutushome .abouticon li+li+li a {background-position-y: -164px;}
.aboutushome .abouticon li+li+li+li a {background-position-y: -246px;}
.aboutushome .abouticon li span {color:#82402d;font-size: 16px;padding-top: 6px;}
.aboutushome .abouttxt {font-size: 16px;color:#5e5e5e;text-align: left;line-height: 2;}
.aboutushome>.W1080>a {display: block;margin: 0 auto;margin-top: 55px;width: 390px;text-align: left;background: url("/images/aboutushomemoreright.png") 290px 1px  no-repeat;transition: 0.7s all;}
.aboutushome>.W1080>a:hover {background-position-x: 320px;}
/*videohome*/
.videohome {margin-top: 160px;}
.videohome .title {margin-bottom: 90px;}
.videohome>a>img {display: block;margin: 0 auto;transition: 0.5s all;}
.videohome>a>img:hover{opacity: 0.7;}

/*partnershome*/
.partnerhome {margin-top: 110px;width:100%;height: 268px;background: url("/images/partnersbw.jpg") top center no-repeat #fafafa;transition: 1s all;position: relative;text-align: center;}
.partnerhome:hover {background-image: url("/images/partnersco.jpg");}
.partnerhome .title>h2 {margin-top: 125px;}
/*casehome*/
.casehome {margin-top: 150px;}
.casehome .scroll_horizontal {position:relative;width:1080px;overflow: hidden;margin-top: 68px;}
.casehome .scroll_horizontal .case_box{overflow:hidden;position:relative;margin:0 auto;margin-left:-33px;}
.casehome .scroll_horizontal .case_box .product_single {margin:24px 35px;border:1px solid #e2e2e2;/*-moz-box-shadow:0px 0px 4px #D6D6D6; -webkit-box-shadow:0px 0px 4px #D6D6D6; box-shadow:0px 0px 4px #D6D6D6;*/transition: 0.3s all;height: 300px;
}
.casehome .scroll_horizontal .case_box .product_single .product_pic {margin-bottom: 30px;}
.casehome .scroll_horizontal .case_box .product_single .product_pic a {height: 215px;overflow: hidden;display: block;}
.casehome .scroll_horizontal .case_box .product_single .product_name {width:292px;margin: 0 auto;}
.casehome .scroll_horizontal .case_box .product_single:hover {-moz-box-shadow:0px 0px 24px #E6E6E6; -webkit-box-shadow:0px 0px 24px #E6E6E6; box-shadow:0px 0px 24px #E6E6E6;margin-top: 16px;
}

.casehome .scroll_horizontal .list{overflow:hidden;width:9999px;}
.casehome .scroll_horizontal .list li{float:left;padding:0 ;margin: 0;}
.casehome .scroll_horizontal .list li img {display: block;width: 300px;margin: 5px 5px 0 5px;}
.casehome .scroll_horizontal .product_name {text-align: center;margin-top: 10px;}
.casehome .scroll_horizontal .product_name h3 {font-size: 14px;font-weight: normal;margin: 9px 0;color:#82402D}
/*newshome*/
.newshome {margin-top: 160px;margin-bottom: 120px;}
.newshome title {margin-top: 125px;margin-bottom: 58px;}
.news .newscontent {margin-top: 80px;}
.news .newscontent * {transition: 0.3s all;}
.news .newscontent li {margin-top: 30px;padding: 20px 30px;}
.news .newscontent li>div {width: 111px;height: 73px;background-color: #f9eddd;font-family: "kan";padding: 23px 0 0 15px;margin-right: 65px;float: left;}
.news .newscontent li>div>em {font-size: 30px;color:#5e5e5e;display: block;margin-bottom: 5px;}
.news .newscontent li>div>span {color:#5e5e5e;font-size: 16px;}
.news .newscontent li>h4 {font-size: 16px;color:#82402d;margin-bottom: 25px;}
.news .newscontent li>p {font-size: 14px;color:#999}
.news .newscontent li:hover {-moz-box-shadow:0px 0px 10px #E6E6E6; -webkit-box-shadow:0px 0px 10px #E6E6E6; box-shadow:0px 0px 10px #E6E6E6;}
.news .newscontent li:hover>div {background-color: #82402D;} 
.news .newscontent li:hover>div>* {color:#FFF}
.news .newscontent li:hover>p {color:#000} 
/*foot*/
.foot {height: 68Px;text-align: center;font-size: 16px;color: #d4d4d4;padding-top: 48px;background-color: #757475;}
.foot * {vertical-align: middle;}
.foot em {padding: 0 10px;border-right: 1px solid #cdcdcd;height: 25px;display: inline-block;margin-right: 15px;margin-top: 5px;}
.foot span {padding-left: 60px;background: url(/images/weixin.png) 0 center no-repeat;display: inline-block;height: 35px;line-height: 35px;font-size: 14px;cursor: pointer;position: relative;}
.foot span div {display: none;position: absolute;top: -120px;left: -5px;background: #e1a353;width: 100px;height: 95px;z-index: 999;text-align: center;padding-top: 5px;}
.foot span div i{position: absolute;top: 100px;left: 15px;display: block;width:0;height:0;border-width:10px;border-style:solid dashed dashed dashed  ;border-color:#e1a353 transparent transparent transparent ;}
.foot span div img {width: 90px;height: 90px;display: block;margin: 0 auto;}
.foot span:hover div{display: block;}
.foot a {text-decoration: underline;}
.foot span+span {color:red}
.foot b {font-weight: normal;line-height: 40px;font-size: 14px}
.foot br {display: none;}
/*通用*/
.main {margin-bottom:80px;}
#PageBanner {width: 100%;overflow: hidden;border-top:1px solid #c6c6c6;border-bottom: 1px solid #e1a353;margin-bottom: 100px;}
#PageBanner>img {position: relative;width: 1920px;left: 50%;margin-left: -960px;display: block;}
.title {text-align: center;}
.title>h2 {font-size: 40px;color:#82402d;margin-bottom: 20px;letter-spacing: 4px;}
.title>h3 {font-size: 28px;color: #e1a353;display: inline-block;vertical-align: middle;padding: 0 10px;font-weight: normal;}
.title>i {display: inline-block;vertical-align: middle;width: 35px;background-color:#e1a353;height: 1px;}
.pagetitle {background: url("/images/logo.png") 15px center no-repeat #f9eddd;background-size: 100px auto;border-radius: 12px;}
.pagetitle * {vertical-align: middle;display: inline-block;}
.pagetitle>em {height: 20px;width: 1px;background: #82402D;margin-left:135px ;}
.pagetitle>h2 {font-size: 16px;color:#82402D;padding: 15px 0 15px 15px;}
.pagetitle>span {padding-right:15px;margin-top:19px;color:#888;font-size: 12px;float:right;}
.content{margin-top:60px ;}
.content h3 {text-align: center;font-size: 24px;color:#E1A353;line-height: 1.8em;}
.content h3+em {display: block;text-align: center;color: #999;font-size: 14px;margin-bottom: 55px;}
.spage .content p,.spage .content span{font-size: 16px;line-height: 1.6em;color:#555}
.spage .content img {max-width: 100%;height: auto !important;}
.pagenumber {margin-top: 40px;text-align: center;font-size: 14px;color: #333}
.pagenumber span ,.pagenumber a{padding: 0 5px;}
.MetPage {margin-top: 40px;}
.MetPage >div {max-width: 400px;overflow: hidden;padding-left: 48px;}
.MetPage >div:hover {color:#E1A353}
.MetPage >div>span {margin-left: -48px;}

/*aboutus*/
/*contactus*/
#ContactUs {background: url("/images/worldmap.gif") center 730px no-repeat;}
#dituContent {margin: 30px auto 0 auto;border: 1px solid #ddd;}
/*newslist*/
.nlpage .content li {border-bottom: 1px solid #ebebeb;margin:0 auto;padding-right: 30px;padding-top: 40px;min-height: 100px;}
.nlpage .content li>a {max-height: 180px;min-height:120px;overflow: hidden;float: left;margin:0 30px 40px 30px}
.nlpage .content li>a>img {width:260px;display: block;}
.nlpage .content li>h4 {font-size: 20px;line-height: 1.4em;margin: 0 0 12px 0;font-weight: normal;}
.nlpage .content li>em {padding: 4px 22px;background-color: #f2f2f2;border-radius: 12px;margin-bottom: 20px;display: inline-block;color: #777;font-weight: bold;}
.nlpage .content li>p {font-size: 14px;margin: 0;color: #ababab;text-align:justify;margin-bottom: 30px;}
.nlpage .content li:hover {background-color: #f9f9f9;}
.nlpage .content li:hover p {color:#525252}
.nlpage .content li:hover>em {color:#333}
/*videolist*/
.vlist .content {width: 1008px;margin-left: auto;margin-right: auto;}
.vlist .content li {border: 1px solid #e8e8e8;padding: 16px 12px 0 12px;height: 220px;position: relative;margin: 0 25px 50px 25px;}
.vlist .content li>a {display: block;height: 140px;height: auto;overflow: hidden;}
.vlist .content img {width:260px;display: block;}
.vlist .content h4 {position: absolute;font-weight: normal;font-size: 14px;bottom: 8px;}
.vlist .content h4 a {color:#999}
.vlist .content li:hover {top:-2px;box-shadow: 0 13px 25px rgba(0,0,0,0.1);transition: all .3s linear;background: #f9f9f9;border-color: #e1a353;}
.vlist .content li:hover h4 a {color:#82402D}
/*productlist*/
.plpage .title {margin-bottom: 60px;}
/*#mao {margin-top: -120px;padding-top: 120px;}锚点定位显示效果更好*/
.pmenu {z-index: 10;background: #FFF;text-align: center;padding-top: 20px;}
.pmenu li {display: block;float:left;border-bottom: 2px solid #f9eddd;}
.pmenu li a {font-size: 18px;color: #919191;cursor:pointer;display: block;font-weight: bold;padding: 15px 0;}
.pmenu li a:hover , .pmenu li.menucurrent a{color:#82402D;background-color: #f9eddd;border-top-left-radius: 10px;border-top-right-radius: 10px;}
#ProductList .content {width: 1080px;padding-top: 40px;}
.plpage .content ul {clear:both}
.plpage .content li {float:left;margin: 30px 27px;border:1px solid #f1f1f1;}
.plpage .content li:hover {margin-top: 28px;margin-bottom: 32px;}
.plpage .content li>a {height:200px;width:300px;overflow: hidden;display: block;position: relative;background-size: 300px auto;background-position: center 0;background-repeat: no-repeat;}
.plpage .content li>h4 {text-align: center;color:#5e5e5e;font-weight: normal;padding: 0 5px;}
.plpage .content li>h4>a {padding-top: 20px;padding-bottom: 10px;width:292px;display: block;}
.plpage .content li>h4>a>span {font-weight: bold;color:#82402D;font-size: 14px}
.plpage .content li:hover {-moz-box-shadow:0px 0px 14px #ebebeb; -webkit-box-shadow:0px 0px 14px #ebebeb; box-shadow:0px 0px 14px #ebebeb;}

/*Programlist*/
#ProgramList div.listpic img{width:150px;height: auto;}
#ProgramList div.listpic {width:150px;height: 100px;overflow: hidden;padding: 0;background: none;}

/*product*/
.plpage .content img {max-width: 100%;}
#Product .content {width: 980px;margin: 0 auto;padding-top: 90px;}
#Product .pagetitle {margin-bottom: 100px;}
/*news*/

/*.spage .MetPage {margin-top: 30px;}*/
/*gbook*/
#faqbox {background: url(/images/gbook.jpg) center bottom no-repeat;}
#Gbook .main {margin-bottom: 100px;}
#Gbook .main .content{margin-top: 65px;}
form,form *{padding: 0;margin: 0;}
.faqline,.faqcontent {margin-bottom: 40px;}
.faqtit {text-align:left;display: block;font-size: 16px;height: 30px;}
.faqtit sup {font-size: 18px;color:#f08519;vertical-align: baseline;letter-spacing: 0.3em;}
#faqbox .Contact {float:left;width:40%;margin-right: 5%;}
#faqbox .ContactWay {float:left;width:55%}
#faqbox .Contact input {}
.faqline input {width:100%;height:40px}
#faqbox input ,#faqbox textarea{border: 1px solid #D2D2D2;}
.faqcontent span{vertical-align: top;}
.faqcontent textarea {width:100%;height:150px;display: block;}
.code {width:30%;float:left}
.code input {color:#636363;width:60%;margin-right: 15px;height: 30px;}
.code img {height:15px;vertical-align: middle;}
#Gbook #faqbox form {border: 1px solid #D2D2D2;padding: 15px 30px;background-color: rgba(255,255,255,0.7);}
#faqbox .btnline  {float:left;width: 70%;}
#faqbox .btn {height: 32px ;color:#FFFFFF;font-family:Arial, Helvetica, "Microsoft Yahei" , "微软雅黑" , sans-serif !important }
#faqbox input.submit {background-color: #df3033;float:left;margin-left: 50px;width:360px;}
#faqbox input.clear {background-color: #636363;float:right;width:150px;}
/*search*/
#searchList .title {margin-top: 100px;}