/* CSS Document */
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend,img{margin:0;}
ul,ol{list-style:none;}
ul,dl{ margin:0px; padding:0px;}
li,dt{ margin:0px; padding:0px;}
select,input{vertical-align:middle;}
select,input,textarea{font-size:14px;margin:0;font-family:Arial, Helvetica, sans-serif;outline:none;}
textarea{border:1px solid none; border:none;overflow:hidden}
table{border-collapse:collapse;}
body{background:none;color:#333; font-family:Arial, Helvetica, sans-serif;word-wrap:break-word;background:#2e325f;min-width:1200px;height:auto;font-size:12px;}
html{width:100%;min-width:1200px;overflow:scroll;overflow-x:hidden;}
img{border:0px;outline-width: 0px;vertical-align: top;}
a{color:#666;text-decoration:none; cursor:pointer;}
a:hover{ color:#956134; }
p{ padding:0; margin:0; word-wrap:break-word;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;}
input:disabled{background:#f8f8f8;}

.clear{clear:both;}

.leftds{width:39.9%;position:fixed;top:0;left:0;background:#fff;height:100%;min-width:478.8px;z-index:444;min-height:607px;}
.toptext{width:36%;overflow:hidden;position:absolute;right:7%;top:40px;height:280px;}
.toptext ul li{width:100%; line-height:36px;;font-size:14px;text-align:right;}
.toptext ul li a{color:#000;opacity: 0.6; font-weight:500;font-family:Arial;}
.toptext ul li a:hover{ color:#956134; }
.leftds h2{width:131px;overflow:hidden;margin:14% auto 0; z-index:999;}
.leftds h2 img{width:131px;height:auto;}
.leftds h3{width:100%;height:32px;margin-top:18px;text-align:center;}
.leftds h3 a{width:32px;height:32px;display:inline-block;}
.leftds h3 a.shareo{background:url(images/fxico.png) no-repeat 0 0;}
.leftds h3 a.sharet{background:url(images/fxico.png) no-repeat -41px 0;}
.leftds h3 a.shares{background:url(images/fxico.png) no-repeat -83px 0;}
.leftds h3 a.sharef{background:url(images/fxico.png) no-repeat -124px 0;}
.leftds h3 a:hover{opacity: 0.8; color:#956134; }
.leftds .bluebg{width:100.1%;height:30%;background:url(images/leftbg.jpg) repeat-y;background-size:100% auto;position:absolute;bottom:18%;}
.leftds .btadress{width:52%;overflow:hidden;margin-left:-70px;position:absolute;left:50%;bottom:10px;}
.leftds .btadress h4{overflow:hidden;padding:3% 0 3%;}
.leftds h4 img{width:292px;height:auto;}
.leftds .btadress p{width:100%;font-size:12px;line-height:24px;color:#7f7f7f;}

/*home*/
.home .leftds .bluebg{height:33%;background:url(images/leftbg.jpg) repeat-y;background-size:100% auto;position:absolute;bottom:23%;}
.home {background:none;min-width:1200px;}
.home .contentbox{ width:60.1%; height:100%; min-width:700px; min-height:607px; position:fixed; top:0; left:0;overflow:hidden;}
.home .right-top{ height:44%; background:url(index_t.jpg) bottom no-repeat; position:relative; }
.home .right-middle{ position:absolute; background:url(index_b.jpg) right no-repeat; height:33%; bottom:23%; width:77%; background-size:auto 100%;}
.home .right-bottom{height:23%; position:absolute; bottom:0;}


.home .index-i1{height:auto;}


.home .index-i2{ position:absolute; bottom:0; height:auto;}
.home .index-i3{height:100%; width:auto;}
.home .index-i4{height:100%; width:auto; position:absolute; bottom:0; }
.home .index-i5{height:auto;position:absolute;top:0;}

/* 关于我们*/
.contentbox{overflow:hidden;margin-left:39.9%;width:60.1%;}
.contentbox .topimg{width:100%;background:#ddb03b;text-align:center;padding:2% 0 1%;position:relative;z-index:1;}
.contentbox .topimg img{width:92%;margin:auto;height:auto;}
.contentbox .yyxbox{position:absolute;z-index:4;display:block;width:3.9%;overflow:hidden;}
.contentbox .yyxbox img{width:100%;height:auto;}
.contentbox .cttext{padding:30px 23.3% 60px 11.7%;width:65%;bottom:21%;background:url(images/lefttopline.png) no-repeat 3.5% 20px; min-height:430px;}
.contentbox .cttext p{font-size:12px;color:#000;opacity: 0.8;line-height:28px;font-weight:lighter;}
.contentbox .cttext .artcontent{font-size:12px;color:#000;opacity: 0.8;line-height:28px;font-weight:lighter; margin-top:10px;}
.contentbox .cttext h2{font-size:24px;font-weight:lighter;color:#000;opacity: 0.76;padding-bottom:30px;}
.contentbox .cttext h2 img{margin:13px 0 0 20px;}



/*sheji*/ 
body.design{background:#1b2548;}
.design-bg .cttext{background:url(design_bg.jpg) no-repeat; min-height:479px; width:96%; position:relative;}
.design-bg .cttext h2{font-size:24px;font-weight:lighter;color:#fff;opacity: 0.76;padding-bottom:30px;}
.design-bg .cttext .h3{ color:#fff; font-size:12px;  top:40px; }

.imgbox{margin-top:20px;}
.imgleft{float:left; width:660px; height:400px; overflow:hidden; margin-right:20px;}
.imgright{float:left; width:190px;}
 


.s-img{ position:relative;height:120px; width:190px; margin-top:20px;}
.imgright .s-img:first-child{margin-top:0;}
.s-img img{ position:absolute; left:0; top:0;height:120px; width:190px}
.s-img span{ position:absolute; display:block; left:0;bottom:0;background: url(jiao.png) 160px  no-repeat;background-color:rgba(0,0,0,.6);
color:#FFF; width:180px;height:26px; line-height:26px; font-weight:bold; padding-left:10px; }

.imgleft .s-img{ position:relative;height:400px; width:660px; margin-top:0px;}
.imgleft .s-img img{ position:absolute; left:0; top:0;height:400px; width:660px;}
.imgleft .s-img span{ position:absolute; display:block; left:0;bottom:0;background: url(jiao.png) 600px  no-repeat;background-color:rgba(0,0,0,.6);
color:#FFF; width:650px;height:58px; line-height:24px; font-weight:bold; padding-left:10px; padding-top:12px; }



.content-bottom {padding: 12px 23.3% 30px 11.7%;width:90%; margin-top:12px;}
.content-bottom .par01,.content-bottom .par02,.content-bottom .par03{ float:left; width:290px; padding-top:34px; color:#fff; padding-bottom:30px;}
.par01{background:url(01.png) no-repeat left top;}
.par02{background:url(02.png) no-repeat left top;}
.par03{background:url(03.png) no-repeat left top;}
.content-bottom  li{line-height:24px;}
/*article*/
.article-bg {background:url(con-bg2.png) no-repeat bottom right #f8f8f8;background-size:40% auto;}
.aboutus-bg {background:url(images/rightbt.png) no-repeat bottom right #f8f8f8;background-size:44% auto;}

ul.list{width:76%;}
ul.list li{ line-height:26px; border-bottom:1px #c6c6c6 dotted; padding:10px;}
ul.list li span{float:right; color:#636363;}
.article-bg .cttext{ position:relative;}
#listpage{ position:absolute; top:60px; left:60%;}

/*base*/
.base {
    background: url(base.jpg) no-repeat bottom center #f8f8f8;
}
.base .cttext{min-height:660px; position:relative; width:80%;}

.base .cttext .h3{ width:300px; border:1px solid #c6c6c6; color:#c6c6c6; font-size:14px; font-weight:bold; margin-left: 200px; margin-bottom:20px;  height:26px;  text-align:center; line-height:26px;}

.base .cttext .h3 a{color:#fff; font-weight:bold; display:block; background:#e9c770; width:150px; height:26px; float:left;}
.base .cttext .h3 a.sec{background:#ddb03b;}
.base .cttext .h3 a:hover{ color:#956134; }

.base .base-1{width:288px; float:right; margin-top:20px;}
.base .base-2{width:296px; float:left; margin-top:20px;}

/*驻教*/
 
.zhujiao-bg .cttext{background:#0f1d38 url(zhu_bg.jpg) left top no-repeat; min-height:679px; width:80%; position:relative;}
.zhujiao-bg .cttext h2{font-size:24px;font-weight:lighter;color:#fff;opacity: 0.76;padding-bottom:30px;}
.zhujiao-bg .cttext .h3{ width:300px; border:1px solid #c6c6c6; color:#c6c6c6; font-size:12px; height:26px; margin-left:200px; margin-bottom:20px; text-align:center; line-height:26px;}
.zhujiao-bg .cttext .h3 a{color:#fff;opacity: 0.6; font-weight:bold; display:block; float:left; width:150px; height:26px;}
.zhujiao-bg .cttext .h3 a.sec{background:#7c8fb0;}
.zhujiao-bg .cttext .h3 a:hover{ color:#fff; opacity: 1;}
 
.zhujiao-bg .zhu-1{ float:left; margin-top:30px;color:#fff; }
 
.zhujiao-bg .zhu-1 p{color:#fff;}
.zhujiao-bg .zhu-1 div{color:#fff;}
.zhujiao-bg .zhu-2{width:510px; float:right; margin-top:30px;}

 

/*专家*/ 

.zhuanjia-bg .cttext {
    background: #081027 url(design_bg.jpg) no-repeat;
    width: 86%;
    position: relative;
    padding: 30px 23.3% 46px 11.7%;
    color: #a4aab8;
}
.zhuanjia-bg .cttext h2{font-size:24px;font-weight:lighter;color:#fff;opacity: 0.76;padding-bottom:30px;}
.zhuanjia-bg .cttext .h3{  color: #000; font-size:12px;  position:absolute; top:40px; left:36%;}
.zhuanjia-bg .cttext p{ color:#a4aab8;font-weight:lighter;}
.zhuanjia-bg .cttext div{ color:#a4aab8;font-weight:lighter;}

.zhuang-t-box h3{color:#000;}

.zhuan-box{width:940px; padding-top:30px; height:372px; padding-bottom:12px;}
.zhuan-left{ float:left; width:330px; height:372px; overflow:hidden;}
.zhuan-left img{width:330px; height:372px;}
.zhuan-right{float:left; margin-left:10px; width:540px;}
.zhuan-txt{background:#ddb03b; height:204px; width:540px; padding:14px 0; overflow:hidden;}
.zhuan-b-b{height:232px; width:540px; overflow:hidden;}
.zhuang-t-box{margin-left:30px; height:140px;}

.zhuang-t-box p{line-height:20px;}
.zhuang-t-box pre{line-height:22px; margin-top:10px; color:#000; opacity:0.68; font-family:Arial;font-weight:lighter;}
 .zhuan-txt .more{ margin-top:13px; float:right;}

#myscroll {display: block;width: 540px;position: relative;height: 128px;overflow: hidden;margin-top:10px;}
#myscroll #myscrollbox {display: block;float: left;position: absolute;left: 0;top: 0;width: 1000000px;}
#myscroll ul {display: block;float: left;list-style-type: none;padding: 0;margin: 0;}
#myscroll ul li {display: block;float: left;padding: 0;width:138px; cursor:pointer;}
#myscroll ul li a {display: block;float: left;width: 128px;padding: 0;position: relative;height: 128px; }
#myscroll ul li img {width:128px; height:145px;}

#mybtns {width:24px; height:128px; float:right; margin-top:232px;}
#mybtns a {	width: 24px;height: 43px;display: block;float: right;  }
 
#mybtns a:hover, #myscroll, #mybtns a, #myscroll a:hover .intro, #myscroll a .intro, #myscroll #myscrollbox {-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
#mybtns #left {background:url(btn-l.png)  no-repeat;}
#mybtns #right {background:url(btn-r.png)  no-repeat;}

/*产品*/

.product-bg .cttext{    background: #081027 url(design_bg.jpg) no-repeat; width:96%; position:relative; padding: 30px 23.3% 46px 11.7%;}
.product-bg .cttext h2{font-size:24px;font-weight:lighter;color:#fff;opacity: 0.76;padding-bottom:20px;}
.product-bg .cttext .h3{ color:#fff; font-size:12px;  position:absolute; top:40px; left:36%;}

.product-bg .cttext .pro-content { color:#babbc0; width:80%; min-height:426px; line-height:26px; text-align:justify; margin-top:20px;}
.contentbox .cttext .pro-content p{
    color: #babbc0;
    
}
.pro-box{width:940px; padding-top:30px; height:402px; padding-bottom:12px;}
.pro-left{ float:left; width:568px; height:316px; padding:4px; background:url(probg.png) no-repeat; overflow:hidden;}
.pro-left img{width:568px; height:316px; margin-bottom:4px;}
.pro-right{float:left; margin-left:20px; height:324px; width:340px;overflow:hidden; color:#babbc0;}
.pro-txt{ height:324px; overflow:hidden; color:#babbc0;}

.contentbox .cttext .pro-t-box p{line-height:26px; color:#babbc0;text-align: justify; margin-top:10px;}

.pro-txt .more{ float:right; margin-top:20px;}
.pro-txt .more a {color:#babbc0;}

.pro-bottom{width: 910px;}
#pro-myscroll {display: block; width: 850px;position: relative;height: 90px;overflow: hidden;margin-top:10px; float:left;}
#pro-myscroll #promyscrollbox {display: block;float: left;position: absolute;left:0px;top: 0; width:850px;width: 1000000px; overflow:hidden;}
#pro-myscroll ul {display: block;float: left;list-style-type: none;padding: 0;margin: 0;}
#pro-myscroll ul li {display: block;float: left;padding: 0;width:170px; cursor:pointer;}
#pro-myscroll ul li a {display: block;float: left;width: 160px;padding: 0;position: relative;height: 90px; }
#pro-myscroll ul li img {width:160px; height:90px;}


 
#pro-mybtns-l{float:left;height:90px; width:36px; }
#pro-mybtns-r{float:right;height:90px; width:24px; }
 
#pro-mybtns a { display:block; position:absolute;	width: 24px;height: 90px;display: block;float: right;  }
 
#pro-mybtns a:hover, #pro-myscroll, #pro-mybtns a, #pro-myscroll a:hover .intro, #pro-myscroll a .intro, #pro-myscroll #promyscrollbox {-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
#pro-mybtns-l #left {background:url(btn-l.png) center  no-repeat; left:0;display: block;width: 24px;height: 90px;}
#pro-mybtns-r #right {background:url(btn-r.png) center  no-repeat; right:0;display: block;width: 24px;height: 90px;}


#img-myscroll {display: block;width:190px;position: relative;height: 360px;overflow: hidden;margin-top:10px;}
#img-myscroll #img-myscrollbox {display: block;position: absolute;left: 0;top: 0;height: 1000000px;}
#img-myscroll ul {display: block;float: left;list-style-type: none;padding: 0;margin: 0;}
#img-myscroll ul li {display: block;float: left;padding: 0;width:190px; height:130px;  cursor:pointer;}
#img-myscroll ul li a {display: block;width: 190px;padding: 0;position: relative;height: 128px; }
#img-myscroll ul li img {width:190px; height:120px;}

 
 
#mybtns a:hover, #img-myscroll, #mybtns a, #img-myscroll a:hover .intro, #img-myscroll a .intro, #img-myscroll #img-myscrollbox {-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
#mybtns #left {background:url(btn-l.png)  no-repeat;}
#mybtns #right {background:url(btn-r.png)  no-repeat;}


#img-mybtns-l #top {background:url(btn-t.png) center  no-repeat; left:0;display: block;width: 190px;height:24px;}
#img-mybtns-r #down {background:url(btn-b.png) center  no-repeat; right:0;display: block;width: 190px;height: 24px;}



@media screen and (min-width: 2090px) and (max-width: 2590px) {
 .leftds{ width:33.9%;}
.contentbox {
    margin-left: 33.9%;
    width: 66.1%;
}
.home .contentbox{ width: 67.1%;}
 
}

@media screen and (min-width: 1590px) and (max-width: 1690px) {
 .leftds{ width:33.9%;}
.contentbox {
    margin-left: 33.9%;
    width: 66.1%;
}
.home .contentbox{    width: 67.1%;}
.zhuan-box{width:920px;}
.leftds .btadress{width:auto;}
.pro-right{width:300px;}
.base{background-size:30%;}
}

@media screen and (min-width: 1390px) and (max-width: 1580px) {
 .leftds{ width:32.9%; min-width:420px;}
 .toptext{width:38%;}
 .leftds h3{width:auto;}
.contentbox {
    margin-left: 31.9%;
    width: 68.1%;
}
.home .contentbox{    width: 67.1%;}
.zhuan-box{width:920px;}
.leftds .btadress{width:auto;}

.base{background-size:30%;}
.base .cttext{width:86%;}

.leftds h2{margin: 14% auto 0 30%;}
.leftds h3{padding-left:30%; margin-left:-15px; text-align:left;}

/*专家团队*/
.zhuanjia-bg .cttext{width:88%;}
.zhuan-box{width:800px;}
.zhuan-left{ float:left; width:280px;}
.zhuan-right{float:left; margin-left:10px; width:480px;}
.zhuan-txt .more{ margin-right:60px;}
.zhuan-txt{background:#ddb03b; width:480px; padding:14px 0;}
.zhuang-t-box{margin-left:20px;}
.zhuang-t-box p{line-height:20px;}
.zhuang-t-box p.z-t-2{line-height:18px;}
.zhuang-t-box .more{ margin-top:10px;}


#myscroll {width:480px;}


/*产品*/
.contentbox .cttext .pro-t-box p{line-height:22px;}
.pro-left{width:500px; height:274px;    background: url(probg2.png) no-repeat;}
.pro-right{width:290px; height:300px;}
.pro-bottom{width:810px;}
.pro-left img{width:492px; height:274px;}
#pro-myscroll{width:740px;}

/*设计施工*/
.imgleft{width:630px; height:380px; margin-right:10px;}
.imgleft .s-img img {
    height: 380px;
    width: 630px;
}
.imgright{width:170px;}
#img-myscroll{width:170px; height: 336px;}
#img-myscroll ul li{height:113px;}
#img-myscroll ul li img{width:170px; height:103px;}

.imgleft .s-img{width:630px; height:380px;}
.imgleft .s-img span{width:630px; height:60px; line-height:22px;}

/*驻场教练*/
.zhujiao-bg .cttext{width:87%;} 
 

}

@media screen and (min-width: 1250px) and (max-width: 1380px) {
.leftds{ width:28.9%; min-width:360px;}
.toptext{width:180px; top:20px;}
.leftds h3{width: 200px; margin-top:8px;}
.leftds h4 img{width:190px; margin-top:10px;}
.toptext ul li{line-height:30px;}
.leftds .bluebg{height:32%}
.leftds .btadress h4{padding:0;}

.contentbox {
    margin-left: 26.9%;
    width: 73.1%;
}
.home .contentbox{    width: 71.1%; margin-left:28.9%;}
.zhuan-box{width:920px;}
.leftds .btadress{width:auto; bottom:6px;}

.base{background-size:30%;}


.leftds h2{margin: 8% auto 0 14%;}
.leftds h3{padding-left:14%; margin-left:-15px; text-align:left;}
.base .cttext{ width:86%;}

/*专家团队*/
.zhuan-box{width:800px;}
.zhuan-left{ float:left; width:280px;}
.zhuan-right{float:left; margin-left:10px; width:480px;}
.zhuan-txt .more{ margin-right:60px;}
.zhuan-txt{background:#ddb03b; width:480px; padding:14px 0;}
.zhuang-t-box{margin-left:20px;}
.zhuang-t-box p{line-height:20px;}
.zhuang-t-box p.z-t-2{line-height:18px;}
.zhuang-t-box .more{ margin-top:10px;}

#myscroll {width:480px;}


/*产品*/
.pro-left{width:500px; height:274px;    background: url(probg2.png) no-repeat;}
.pro-right{width:260px; height:300px;}
.pro-bottom{width:810px;}
.pro-left img{width:492px; height:274px;}
#pro-myscroll{width:740px;}
.contentbox .cttext .pro-t-box p{line-height:18px;}

/*设计施工*/
.imgleft{width:616px; height:380px; margin-right:10px;}
.imgleft .s-img img {
    height: 380px;
    width: 630px;
}
.imgright{width:170px;}
#img-myscroll{width:170px; height: 336px;}
#img-myscroll ul li{height:113px;}
#img-myscroll ul li img{width:170px; height:103px;}

.imgleft .s-img{width:630px; height:380px;}
.imgleft .s-img span{width:630px; height:60px; line-height:22px;}

/*驻场教练*/
.zhujiao-bg .cttext{width:87%;} 


}