.con{ width: 100%; height: auto; margin: 0 auto; overflow: hidden; padding-bottom: 0px; }
.con1{ width: 1200px; height: auto; margin: 0 auto; margin-top: 70px; overflow: hidden;}
.con-top h1{ width: 1200px; text-align: center; font-size: 38px; color: #7dbf3b; margin: 0 auto;}
.con1-bot{ width: 1200px; height: auto; margin: 0 auto; margin-top: 50px; position: relative;}
.con1-left{ float: left; width: 554px; }
.con1-left h4{ color: #efa510; font-size: 24px; font-weight: normal; text-align: center; margin-bottom: 20px;}
.con1-left ul li{ width: 554px; height: 57px; margin-top: 13px; background-color: #F7F7F7;}
.con1-left ul li img{ display: block; float: left;}
.con1-left ul li span{ display: block; float: left; height: 57px; line-height: 57px; font-size: 16px; color: #666; margin-left: 25px;}
.con1-right{ float: right; width: 554px; }
.con1-right h4{ color: #efa510; font-size: 24px; font-weight: normal; text-align: center; margin-bottom: 20px;}
.con1-right ul li{ width: 554px; height: 57px; margin-top: 13px; background-color: #F7F7F7;}
.con1-right ul li img{ display: block; float: right;}
.con1-right ul li span{ display: block; float: right; height: 57px; line-height: 57px; font-size: 16px; color: #666; margin-right: 25px;}
.con1-center{ position: absolute; left: 42%; top: 125px;}

.con2{ width: 100%; height: auto; margin: 0 auto; margin-top: 70px; overflow: hidden;}
.con-top p{ width: 1200px;text-align: center; color: #666; margin:0 auto;margin-top: 10px;}
.con2-bot{ width: 100%; border-top: 1px solid #EDEDED; margin-top: 35px;}
.con2-nav{ width: 1200px; margin: 0 auto; height: auto; overflow: hidden; margin-top: 20px;}
.con2-nav ul li p{ margin: 0 auto; width: 120px; }
.con2-nav ul .con2-li1 p{ background: url(../images/con-anv_36.png) no-repeat center; height: 56px;}
.con2-nav ul .con2-li1:hover p{ background: url(../images/index6_79.png) no-repeat center; height: 56px;}
.con2-nav ul .con2-li2 p{ background: url(../images/index6_61.png) no-repeat center; height: 56px;}
.con2-nav ul .con2-li2:hover p{ background: url(../images/con-anv_17.png) no-repeat center; height: 56px;}
.con2-nav ul .con2-li3 p{ background: url(../images/index6_63.png) no-repeat center; height: 56px;}
.con2-nav ul .con2-li3:hover p{ background: url(../images/con-anv_29.png) no-repeat center; height: 56px;}
.con2-nav ul .con2-li4 p{ background: url(../images/index6_74.png) no-repeat center; height: 56px;}
.con2-nav ul .con2-li4:hover p{ background: url(../images/con-anv_31.png) no-repeat center; height: 56px;}
.con2-nav ul .con2-li5 p{ background: url(../images/index6_76.png) no-repeat center; height: 56px;}
.con2-nav ul .con2-li5:hover p{ background: url(../images/con-anv_33.png) no-repeat center; height: 56px;}
.con2-nav ul .con2-li6 p{ background: url(../images/index6_69.png) no-repeat center; height: 56px;}
.con2-nav ul .con2-li6:hover p{ background: url(../images/con-anv_23.png) no-repeat center; height: 56px;}
.con2-nav ul .con2-li7 p{ background: url(../images/index6_71.png) no-repeat center; height: 56px;}
.con2-nav ul .con2-li7:hover p{ background: url(../images/con-anv_26.png) no-repeat center; height: 56px;}
.con2-nav ul .con2-li8 p{ background: url(../images/index6_66.png) no-repeat center; height: 56px;}
.con2-nav ul .con2-li8:hover p{ background: url(../images/con-anv_20.png) no-repeat center; height: 56px;}
.con2-nav ul li{ float: left; width: 120px; text-align: center; margin-left: 30px;}
.con2-nav ul li a{ color: #a0a0a0;}
.con2-nav ul li:hover{transform: rotate(30deg);
-ms-transform: rotate(360deg);		/* IE 9 */
-webkit-transform: rotate(360deg);	/* Safari and Chrome */
-o-transform: rotate(360deg);		/* Opera */
-moz-transform: rotate(360deg);	
transition:  2s;
-ms-transition:  2s;
-moz-transition:  2s;	/* Firefox 4 */
-webkit-transition:  2s;	/* Safari 和 Chrome */
-o-transition:  2s;	}
.con2-nav ul li:hover a{ color: #7dbf3b;}
.con2-nav ul li span{ width: 120px; display: block; margin-top: 10px;}
.con2-nav ul li:first-child{ margin-left: 0px;}
.con2-bot-con{ width: 100%; height: auto; background-color: #7DBF3B; margin:0 auto; overflow: hidden; margin-top: 30px; padding-bottom: 50px;}
.con2-bot-contop{ width: 1200px; height: auto; margin: 0 auto; text-align: center;}
.con2-bot-contop h4{ font-size: 30px; color: #fff; margin-top: 60px;}
.con2-bot-contop span{ display: block; width: 43px; background-color:#fff; height: 2px; margin: 0 auto; margin-top: 10px;}
.con2-bot-contop p{ color: #fff;}
.con2-bot-conbot{ width: 1200px; margin: 0 auto; height: auto; margin-top: 40px; overflow: hidden;}
.con2-botl{ float: left; height: 600px; height: 397px; overflow: hidden;}

/*左滑*/
.luara-left{position:relative;padding:0;overflow: hidden;}
.luara-left ul{position: relative;padding: inherit;margin: 0;}
.luara-left ul li{float: left;padding: inherit;margin: inherit;list-style: none; position: relative;}
.luara-left ul li #ex-bg{ width: 600px; height: 93px; position: absolute; background:url(../images/dian.png) repeat; bottom: 0px; left: 0px;}
.luara-left ul li #ex-bg p{ width: 383px; text-align: left; color: #fff; margin: 25px 0px 0px 20px; line-height: 22px; overflow: hidden;}
.luara-left ul li img{width: 600px;height: 397px;}
.example2{}
.example2 ol{position:relative;width: 80px;height: 20px;top:-30px;left:510px; cursor: pointer;}
.example2 ol li{float:left;width: 12px;height: 12px;margin: 5px;background: #4D8BA4;}
.example2 ol li.seleted{background: #fff;}

.con2-botr{ float: left; width: 600px; height: 397px; background-color: #fff;}
.con2-botrcon{ width: 510px; height: auto; margin: 0 auto; margin-top:30px;}
.con2-botrcon h4{ font-size: 16px; color: #666;} 
.con2-botrcon ul{ overflow: hidden;}
.con2-botrcon ul li{ width: 250px; height: auto; float: left; margin-top: 25px;}
.con2-botrcon ul li img{ margin-right: 13px; vertical-align: middle;}
.con2-botrcon ul li span{ display: inline-block; border-left: 1px solid #7CBF3B; height: 25px; line-height: 25px; padding-left: 13px; color: #7dbf3b; font-size: 16px;}
.con2-botrbot{ width: 470px; background-color: #F7F7F7; padding: 20px; margin-top: 35px; overflow: hidden;}
.con2-botrbot h4{ font-size: 14px; color: #efa510; overflow: hidden;}
.con2-botrbot h4 img{ vertical-align: top;}
.con2-botrbot span{ display: inline-block; width: 445px; line-height: 21px; }
.con2-botrbot ul li{ width: 470px; color: #999;}
.con2-botrbot .con2-botrul{ margin-top: 5px;}
.con2-botrbot .con2-botrul li{ margin-top: 5px;}

.con3{ width: 100%; height: 1200px; background: url(../images/indexbg_03.png) 50% 0 no-repeat; overflow: hidden;}
.con3-bot-contop{ width: 1200px; height: auto; margin: 0 auto; text-align: center;}
.con3-bot-contop h4{ font-size: 30px; color: #7DBF3B; margin-top: 60px;}
.con3-bot-contop span{ display: block; width: 43px; background-color:#7DBF3B; height: 2px; margin: 0 auto; margin-top: 10px;}
.con3-bot-contop p{ color: #666; margin-top: 8px;}
.con3-bot{ width: 1000px; height: 314px; margin: 0 auto; overflow: hidden; margin-top: 60px;}
.con3-botl{ width: 496px; height: 314px; text-align: center; }
.con3-botl img{ margin: 115px 200px; cursor: pointer;}
.con3-botr{ width: 1200px;margin-top: 30px;  margin: 0 auto; height: 314px; text-align: center; }
.con3-botr h4{ font-size: 20px; color: #7dbf3b; text-align: center; height: 30px; margin-top: 55px; }
.con3-botr ul li{ float: left; width: 185px; margin-left: 15px; margin-top: 65px; cursor: pointer;}
.con3-botr ul li img{ margin: 0 20px;}
.con3-botr ul li span{ display: block; text-align: center; color: #666; margin-top: 10px;}


.carre_couleur
        {
            
            display: inline-block;
            position: relative;
            margin-top: 0px;
        }
        .base_hov .retract
        {
            -webkit-transition: all 200ms ease-in;
            -webkit-transform-origin: 50% 20%;
            -webkit-transform: scale(1);
            -moz-transition: all 200ms ease-in;
            -moz-transform-origin: 50% 20%;
            -moz-transform: scale(1);
            -ms-transition: all 200ms ease-in;
            -ms-transform-origin: 50% 20%;
            -ms-transform: scale(1);
            transition: all 200ms ease-in;
            transform-origin: 50% 20%;
            transform: scale(1);
            
            
            
        }
        .base_hov:hover .retract
        {
            -webkit-transition: all 200ms ease-in;
            -webkit-transform: scale(0.6);
            -moz-transition: all 200ms ease-in;
            -moz-transform: scale(0.6);
            -ms-transition: all 200ms ease-in;
            -ms-transform: scale(0.6);
            transition: all 200ms ease-in;
            transform: scale(0.6);
        }
        
.con4{ width: 100%; height: 566px;background: url(../images/indexbg_05.png) 50% 0 no-repeat ; margin: 0 auto; overflow: hidden;} 
.con4-bot-contop{ width: 1200px; height: auto; margin: 0 auto; text-align: center; margin-top: 80px;}
.con4-bot-contop h4{ font-size: 30px; color: #fff; margin-top: 60px; font-weight: normal;} 
.hp-tab-newprd{ width: 1200px; height: auto; margin: 0 auto; margin-top: 20px; overflow: hidden;}
.j-sw-nav{ margin: 0 auto; width: 440px; overflow: hidden;}
.j-sw-nav li{ float: left; width: 200px; height: 34px; text-align: center; border: 1px solid #7EC03C; line-height: 34px; border-radius: 5px; margin-right: 10px;}
.j-sw-nav li:first-child{ margin-right: 10px;}
.j-sw-nav li:hover, .hp-tab-newprd .j-sw-nav .on{ background-color: #7DBF3B;}
.j-sw-nav li a{ color: #7EC03C; } 
.j-sw-nav li:hover a, .hp-tab-newprd .j-sw-nav .on a{ color: #fff;}
.newprd-clip{ margin-top: 40px; overflow: hidden;}

/* 本例子css */
.snBrand { position: relative; width:1200px;   overflow: hidden; }
	
	.snBrand ol { float: left; width: 88px; height: auto; }
	.snBrand ol li { height: 31px; width: 88px; line-height: 30px;text-align: center; overflow: hidden; background: url(../images/qiehuan_09.png) no-repeat; margin-top: 90px;}
	.snBrand ol li:first-child{ margin-top: 20px;}
	.snBrand ol li a{ color: #FFF;}
	.snBrand ol li.on { background:url(../images/qiehuan_06.png) no-repeat;;  }
	.snBrand ul { float:left;  top: 35px; width: 1081px; height: auto;overflow: hidden; }
	.snBrand ul li { width: 1081px; height: auto; margin: 0 auto; text-align: center; }
	.snBrand ul li img{ width: 1081px; height: 305px;}
	


.con5{ width: 1200px; height: auto; margin: 0 auto; overflow: hidden;} 
.con5-bot{ width: 750px; height: auto; margin: 0 auto; overflow: hidden; margin-top: 50px;}
.con5-bot-top{width: 750px; height: auto; margin: 0 auto; overflow: hidden;}
.con5-bot-top ul li{ float: left; background: url(../images/index6_141.png) no-repeat; width: 150px; height: 155px; text-align: center; margin-left: 40px; cursor: pointer;} 
.con5-bot-top ul li:hover{ background: url(../images/index6_139.png) no-repeat;color: #7dbf3b;}
.con5-bot-top .tab li.on{background: url(../images/index6_139.png) no-repeat;color: #7dbf3b;}
.con5-bot-top ul li:first-child{ margin-left: 0px;}  
.con5-bot-top ul li img{ width: 70px; height: 90px; margin-top: 15px;}

.con5-bot-bot{ width: 750px;  margin: auto; overflow: hidden; margin-top: 60px;position:relative; height:600px; clear: both;}
.con5-bot-botl{ float: left; width: 248px; height: auto; overflow: hidden;}
.con5-bot-botl img{ width: 248px; max-height: 500px;}
.con5-bot-botr{ float: left; margin-left: 50px; width: 450px; margin-top: 15px; overflow: hidden;}
.con5-bot-botr dl{  overflow: hidden;}
.con5-bot-botr dl dd{ color: #666; line-height: 25px;}
.con5-bot-botr dl dd img{ margin-right: 10px;}
.con5-bot-botr ul{ overflow: hidden; margin-top: 20px;}
.con5-bot-botr ul li{ float: left; margin-right: 8px;}
.con5-botra{ margin-top: 20px; width: 190px; height: 38px; background-color: #f6a306; text-align: center; line-height: 38px;}
.con5-botra a{ color: #fff;}
.con5-qie{position:absolute;left:0;top:0;}
.tab-dd{ width: 750px; float: left; color: #666;}
.tab-dd img{ display: block; margin: 0 auto; max-width: 750px;}
.tab-dd .con5-bot-botrs{ width: 90%; margin: 0 auto; overflow: hidden; margin-top: 15px;}
.tab-dd .con5-bot-botrs dl{  overflow: hidden;}
.tab-dd .con5-bot-botrs dl dd{ color: #666; line-height: 25px;}

.con6{ width: 100%; height:auto; margin: 0 auto; background-color: #f8f8f8; margin-top: 30px; padding: 20px 0px 50px 0px; overflow: hidden;}
.con6-con{ width: 1000px; height: auto; margin: 0 auto; overflow: hidden; margin-top: 50px;}
.con6-conleft{ width: 374px; height: 410px; float: left;}
.con6-conleft img{ width: 374px; height: 410px;}
.con6-conright{ float: right; width: 500px; margin-top: 50px;}
.con6-conright-top h4{ color: #7dbf3b; font-size: 36px;}
.con6-conright-top p{ color: #666; margin-top: 5px; font-size: 18px;}
.con6-conright-middle{ color: #999; margin-top: 40px; line-height: 25px;}
.con6-conright-bottom{ margin-top: 30px;}
.con7{ width: 100%; height: auto; margin: 0 auto; background-color: #88ce42; overflow: hidden; padding-bottom: 80px;}
.clear{clear:both;}

.main-page{margin:0 auto 0 auto;width:1200px;height:397px; overflow: hidden; margin-top: 30px;}
.main-page .left, .main-page .right{float:left;}
.main-page .navs{position:relative;width:188px;text-align:left;color:#fff;background:#f6a306;height: 397px;}
.main-page .navs div{height:32px;line-height:55px;  height: 55px; cursor: pointer;}
.main-page .navs div span{ margin-left: 35px;}
.main-page .navs div:first-child{background: url(../images/index6_200.png) no-repeat 10px center ;}
.main-page .navs div:nth-child(2){background: url(../images/index6_203.png) no-repeat 10px center ;}
.main-page .navs div:nth-child(3){background: url(../images/index6_211.png) no-repeat 10px center ;}
.main-page .navs div:nth-child(4){background: url(../images/xx_19.png) no-repeat 10px center ;}
.main-page .navs div:nth-child(5){background: url(../images/index6_215.png) no-repeat 10px center ;}
.main-page .navs div:nth-child(6){background: url(../images/index6_217.png) no-repeat 10px center ;}
.main-page .navs div:nth-child(7){background: url(../images/index6_221.png) no-repeat 10px center ;}
.main-page .navs div:first-child.ons{background:#fff url(../images/xx_10.png) no-repeat 10px center ; color: #f6a306;}
.main-page .navs div:nth-child(2).ons{background:#fff url(../images/xx_13.png) no-repeat 10px center ; color: #f6a306;}
.main-page .navs div:nth-child(3).ons{background:#fff url(../images/xx_16.png) no-repeat 10px center ; color: #f6a306;}
.main-page .navs div:nth-child(4).ons{background:#fff url(../images/index6_213.png) no-repeat 10px center ; color: #f6a306;}
.main-page .navs div:nth-child(5).ons{background:#fff url(../images/xx_22.png) no-repeat 10px center ; color: #f6a306;}
.main-page .navs div:nth-child(6).ons{background:#fff url(../images/xx_26.png) no-repeat 10px center ; color: #f6a306;}
.main-page .navs div:nth-child(7).ons{background:#fff url(../images/xx_29.png) no-repeat 10px center ; color: #f6a306;}
.main-page .right{width:1010px;height:397px;}
.main-page .content{position:relative;width:1010px;height:397px;padding:10px;overflow:hidden;background:#fff;}
.main-page .content .con7-con-right{width:1010px;height:397px;margin-bottom:10px;background:#fff;}
.right-left{ float: left; margin-top: 40px; margin-left: 40px; width: 490px;}
.right-left dl dd{ line-height:24px; color: #666;}
.right-left div{line-height:24px; color: #666;}
.right-bot{ margin-top: 20px; color: #999;}
.right-bot div{ background: url(../images/index6_111.png) no-repeat left center; margin-top: 5px;}
.right-bot div p{ margin-left: 20px;}
.right-bot div.fu{ float: left; width: 140px;}
.right-right{ float: left; margin-left: 35px; margin-top: 20px; width: 400px; height: 320px; overflow: hidden;}
.con8{ width: 100%; height: auto; margin: 0 auto; overflow: hidden; }
.con8-midd{ width: 1137px; height:auto; margin:0 auto; margin-top:60px; overflow: hidden;}
.con8-midd img{ width: 1137px;}
.con8-bot{ width: 1200px; height: auto; color: #f6a306; margin: 0 auto; text-align: center; font-size: 16px; line-height: 30px; margin-top: 30px;}

.con9{width: 100%; height: auto; margin: 0 auto; overflow: hidden; margin-top: 60px;}
.con9-con{ width: 1200px; height: auto; margin: 0 auto; overflow: hidden;}
.con9-conleft{ float: left; width: 488px; margin-top: 40px;}
.con9-conleft h2{ color: #333; font-size: 30px; margin-top: 30px;}
.con9-conleft p{ color: #666; font-size: 16px; margin-top: 20px; width: 470px; line-height: 30px;}
.con9-conleft div{margin-top: 30px;}
.con9-conleft div a{ margin-right: 20px; }
.con9-conright{ float: right;}
.con9-conright img{ width: 621px; height: 395px;}
.con10{width: 100%; height: auto; margin: 0 auto; background:url(../images/indexbg_07.png) no-repeat center center; overflow: hidden; height: 825px; margin-top: 80px;}
.con10-bot{ width: 1200px; height: 524px; background-color: #7dbf3b; margin: 0 auto;margin-top: 40px;overflow: hidden;}
.con10-bottop{ width: 1124px; margin: 0 auto; color: #fff; margin-top: 30px; line-height: 22px;}
.con10-botbot{ width: 1193px; height: 339px; margin: 0 auto; margin-top: 28px; background-color: #fff; padding-top: 35px;overflow: hidden;}
.con10-botbot img{ width: 1191px; height: 316px;}
.con11{width: 100%; height: auto; margin: 0 auto; overflow: hidden; }
.con11-bot{ width: 1250px; height: auto; margin: 0 auto;}

.yScrollList{width:1300px;height:auto;background:#ffffff;margin:25px auto 0;}
.yScrollListTitle{width:214px;height:30px;line-height:28px; margin: 0 auto;}
.yScrollListTitle h1{cursor:pointer;font-size:14px;background:#fff;color:#666666;height:28px;float:left;position:relative;left:-1px;width:95px;text-align:center; font-weight: normal; color: #79BB33; border: 1px solid #79BB33; border-radius: 2px; margin-right: 10px; }
.yScrollListTitle h1.ytitleh12{left:-2px;}
.yScrollListTitle h1.yth1click{height:28px; background-color: #79BB33; color: #fff;}
.yScrollListIn{width:100%;height:261px;position:relative; margin-top: 50px;}
.yScrollListInList{display:none;width:1300px;height:300px;position:absolute;left:0;top:0;overflow:hidden; overflow: hidden; }
.yScrollListInList .yScrollListbtn{cursor:pointer;position:absolute;}
.yScrollListInList .yScrollListbtnr{right:0px; background: url(../images/btnr.png) no-repeat; width: 22px; height: 261px;}
.yScrollListInList .yScrollListbtnl{left:0px;background: url(../images/btnl_22.png) no-repeat;width: 22px; height: 261px;}
.yScrollListInList ul{width:2238px;height:261px;position:absolute;top:0;left:50px;overflow:hidden;}
.yScrollListInList .ulul{ width: 1000px; margin: 0 auto; overflow: hidden;}
.yScrollListInList ul li{width:380px;height:261px;float:left;margin-right:30px; position: relative;}
.yScrollListInList ul li img{width:380px;height:261px;display:block;}
.yScrollListInList ul li .con11-dis{text-align:left;color:#666666;width:380px;height:85px;overflow:hidden; position: absolute; bottom: 0px; background: rgba(125,191,59,.7); color: #fff; padding-top: 7px; line-height: 25px; opacity: 0;transition: all 1s;-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;}
.yScrollListInList ul li:hover .con11-dis{ opacity: 1; transition: all 1s;-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;}
.yScrollListInList ul li .con11-dis p{ margin-left: 30px;}

.con12{ width: 100%; height: auto; margin: 0 auto; background-color: #fcfcfc; overflow: hidden; padding-bottom: 40px; margin-top: 80px; border-top: 1px solid #eeeeee;border-bottom: 1px solid #eeeeee;}
.con12-bot{ width: 1200px; height: auto; margin: 0 auto; margin-top: 30px;}
.con12-bot .tabs{overflow:hidden; width: 300px; margin: 0 auto;}
.con12-bot .tabs a{display:block;padding:0px 30px;float:left;text-decoration:none;color:#333;height: 28px; border: 1px solid #79BB33; border-radius: 2px; line-height: 28px;margin-right: 10px;}
.con12-bot .tabs a:hover{background:#79BB33;color:#fff;text-decoration:none;}
.con12-bot .tabs a.onss{background:#79BB33;color:#fff;text-decoration:none;}
.con12-bot .contents{overflow:hidden;width:1200px;height:270px;position:relative; margin-top: 40px;}
.con12-bot .contents .contents-con{position:absolute;left:0;top:0;height:auto; height: 270px; }
.con12-bot .contents .uls{width:1200px;height:270px;float:left; overflow: hidden;}
.con12-bot .contents .uls li{ float: left; width: 548px; height: 179px; padding: 10px; border: 1px solid #e9e9e9; border-radius: 4px; background-color: #fff; margin-bottom: 40px; margin-right: 40px;}
.con12-bot .contents .uls li:nth-child(2n){ margin-right: 0px;}
.con12-bot .contents .uls li .uls-img{ float: left; width: 244px; height: 179px; overflow: hidden;}
.con12-bot .contents .uls li .uls-img img{width: 244px; height: 179px;}
.con12-bot .contents .uls li .uls-text{ float: right; width: 283px;}
.con12-bot .contents .uls li .uls-text h4{ color: #333; font-size: 18px; font-weight: normal; margin: 10px 0px 15px 0px;}
.con12-bot .contents .uls li .uls-text p{ color: #999; line-height: 24px;}
.con12-bot .contents .uls li .uls-text a{ display: block; color: #79BB33; margin-top: 20px;}

.con13{ width: 100%; height: auto; margin: 0 auto;  overflow: hidden; }
.con13-bot{ width: 1200px; height: auto; margin: 0 auto; margin-top: 60px;}
.con13-bot ul li{ width: 110px; text-align: center; float: left; margin-left: 60px;}
.con13-bot ul li:first-child{margin-left: 0px;}
.con13-bot ul li:nth-child(4){ width: 160px; text-align: center; float: left; margin-left: 50px;}
.con13-bot ul li:nth-child(5){ width: 110px; text-align: center; float: left; margin-left: 40px;}
.con13-bot ul li:nth-child(6){ width: 160px; text-align: center; float: left; margin-left: 50px;}
.con13-bot ul li h4{ color: #555; margin-top: 10px;}
.con13-bot ul li p{ color: #999;}
.con13-bot-4{}
.con13-bot-5{}


.foot-top{width: 1200px; margin: 0 auto; overflow: hidden; margin-top: 40px;}
.foot-topl{ float: left;}
.foot-topl h4{ color: #fff; font-size: 16px;}
.foot-topl-bot{ width: 600px; height: auto; margin-top: 20px; overflow: hidden;}
.foot-topl-botl{ width: 272px; height: 120px; overflow: hidden; float: left;}
.foot-topl-botl img{ width: 272px; height: 120px;}
.foot-topl-botr{ float: left; margin-left: 25px; color: #898989; width: 292px;}
.foot-topl-botr p{ font-size: 12px; margin-top: 10px;}
.foot-topl-botr p:first-child{ font-size: 16px;}
.foot-topl-botr p img{ vertical-align: middle;}
.foot-topr{ width: 460px; float: right; overflow: hidden;}
.foot-toprl{ width: 214px; height: 171px; float: left;}
.foot-toprl img{width: 214px; height: 171px;}
.foot-toprr{ width: 225px; float: right; margin-top: 40px;}
.foot-toprr h4{ color: #fff; font-size: 30px;}
.foot-toprr p{ color: #898989; font-size: 16px; margin-top: 10px;}
.foot-toprr a{ display: block;background-color: #efa510; width: 217px; height: 38px; border-radius: 4px; text-align: center; line-height: 38px; color: #fff; margin-top: 20px;}
.foot-bottom{ width: 100%; height: 72px; background-color: #1d1d1d; border-top: 1px solid #262626; margin-top: 40px;}
.footer-bot{ width: 1200px; height: auto; margin: 0 auto; margin-top: 30px; color: #898989;}
.footer-bot p{ float: left;}
.footer-bot .foot-right{ float: right;}
.footer-bot .foot-right a{ color: #898989; margin: 5px;}


.roof-con{ width: 1200px; height: auto; margin: 0 auto;}
.roof-top{ width: 430px; margin: 0 auto; margin-top: 40px; overflow: hidden;}
.roof-top div{ float: left; width: 188px; height: 55px; margin-left: 20px;}
.roof-top div a{ background-color: #a0a0a0; display: block; width: 188px; height: 47px; border-radius: 4px; text-align: center; line-height: 47px; color: #fff;}
.roof-top div:hover{ background: url(../images/wumian_05.png) no-repeat;}
.roof-top div:hover a{ background: none;}
.roof-top div.sel{ background: url(../images/wumian_05.png) no-repeat;}
.roof-top div.sel a{ background: none;}
.roof-con1{ width: 1000px; margin: 0 auto; margin-top: 50px;}
.roof-h4{ text-align: center; color: #7dbf3b; font-size: 38px;}
.roof-con1-bot{ width: 1000px; height: auto; margin: 0 auto; overflow: hidden; margin-top: 50px;}
.roor-con1-botl{ float: left; width: 350px; overflow: hidden;}
.roor-con1-botl ul li{ width: 350px; overflow: hidden; height: auto; margin-top: 20px;}
.roor-con1-botl ul li .roof-liimg{ float: left;}
.roor-con1-botl ul li .roof-litext{ float: left; margin-left: 10px;}
.roor-con1-botl ul li .roof-litext h4{ color: #79BB33; font-weight: normal; font-size: 16px; margin-bottom: 2px;width: 300px; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.roor-con1-botl ul li .roof-litext p{ color: #666; font-size: 12px; width: 300px; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.roor-con1-botr{ float: right; width: 559px; height: 435px;}
.roor-con1-botr img{width: 559px; height: 435px;}

.roof-con2{ width: 1200px; margin: 0 auto; margin-top: 50px; overflow: hidden;}
.roof-con2-bot{ width: 1200px; height: auto; margin: 0 auto; margin-top: 70px;}
.roof-con2-bot img{ width: 1200px;}

.roof-con3{width: 1200px; margin: 0 auto; margin-top: 30px; overflow: hidden;}
.roof-con3-div{ width: 1200px; height: auto; margin: 0 auto;}
.roof-con3-div div{ overflow: hidden; float: left; margin-left: 20px;}
.roof-con3-div div:first-child{ margin-left: 0px;}
.roof-con3-div div h4{ color: #79BB33; font-weight: normal; font-size: 16px; margin-bottom: 20px;}
.roof-con3-div div dl{ float: left; border: 1px solid #ededed; width: 173px; text-align: center; overflow: hidden; margin-right: 20px; border-radius: 3px;}
.roof-con3-div div dl dd{ text-align: left; color: #666;padding-left: 13px; line-height: 28px;}
.roof-con3-div div dl dd.dd{ background-color: #f6f6f6;}

.roof-con4{width: 1200px; margin: 0 auto; margin-top: 70px; overflow: hidden;}
.roof-con4-bot{ margin-top: 50px; width: 1200px; overflow: hidden;}
.roof-con4-bot img{ width: 1200px;}
.roof-con5{width: 1200px; margin: 0 auto; margin-top: 40px; overflow: hidden;}
.roof-con5-bot{ width: 1200px;height: auto;margin: 0 auto;overflow: hidden; margin-top: 50px;}
.bot-ss{float: left; width: 577px; border: 1px solid #73bc2c; overflow: hidden; height: 192px; margin-left: 40px;}
.bot-ss:first-child{ margin-left: 0px;}
.bot-ss .roof-liimgs{ width: 163px; float: left; height: 192px;}
.bot-ss .roof-litexts{ float: left; width: 360px; padding: 25px 0px 25px 10px; margin-left: 10px;}
.bot-ss .roof-litexts h4{ color: #ec9f0f; font-size: 16px; margin-bottom: 10px;}
.bot-ss .roof-litexts p{ color: #666; line-height: 24px; width: 380px;}


/*客服代码*/
.h3{font-size:13px;font-weight:bold;}
.jcContact{position:absolute;top:0;left:0;z-index:999;width:215px;}
.jcConraper{width:75px;overflow:hidden;}
.jcConBtn{position:absolute;top:0;left:0;width:45px;height:45px;cursor:pointer;}
.qie1{ height:45px; width:75px; background:#7dbd39; margin-top:44px;}
.qie1:hover{ background:#7dbd39;}
.qie1 a{ color:#fff; font-size:14px; line-height:45px;}
.qie2{ height:45px; width:75px; background-color:#f2a108; margin-top:44px;}
.qie2 a{ color:#fff; font-size:14px; line-height:45px;}
.qie3{ height:45px; width:75px; background:#7dbd39; margin-top:44px;}
.ewm{position: absolute; left: -55px; display: none;   width: 155px; height:115px; z-index: 9999999; text-align: center;}
#demo5:hover .ewm{display: block;z-index: 9999999;}

.qie3 a{ color:#fff; font-size:14px; line-height:45px;}
.qie4{ height:45px; width:75px; background:#7dbd39; margin-top:44px;}
.qie4 a{ color:#fff; font-size:14px; line-height:45px;}


/*加入我们*/
.join-con{ width: 1200px; height: auto; margin: 0 auto; overflow: hidden;}
.roof-top1{ width: 1100px; margin: 0 auto; margin-top: 40px; overflow: hidden;}
.roof-top1 div{ float: left; width: 188px; height: 55px; margin-left: 20px;}
.roof-top1 div a{ background-color: #a0a0a0; display: block; width: 188px; height: 47px; border-radius: 4px; text-align: center; line-height: 47px; color: #fff;}
.roof-top1 div:hover{ background: url(../images/wumian_05.png) no-repeat;}
.roof-top1 div:hover a{ background: none;}
.roof-top1 div.sel{ background: url(../images/wumian_05.png) no-repeat;}
.roof-top1 div.sel a{ background: none;}

.join-con-bot{ width: 1200px; height: auto; margin: 0 auto; overflow: hidden; margin-top: 40px;}
/* services-list */
.services-list{
	margin:20px auto 0 auto;
}
.services-list li{
	list-style:none;
	margin-bottom:4px;
	margin-bottom: 20px;
}
.services-list h2{
	cursor:pointer;
	position:relative;
	font-weight: normal;
	width: 1198px;
}
.services-list h2 a{
	font-size: 14px;
	border: 1px solid #E9E9E9;
	color:#333;
	display:block;
	line-height:49px;
	padding-left:20px;
	position:relative;
	text-decoration:none;
	z-index:300;
}
.services-list h2 a.acc{ background-color: #f0a511; color: #fff;}
.services-list h2 a.acc font{ background-color: #fff;}
.services-list h2{outline: none;}


.services-list h2 span{
	background:url('../images/tutu.png') no-repeat 0 0 transparent;
	height:49px;
	left:1160px;
	position:absolute;
	top:-2px;
	width:37px;
	z-index:400;
	
}
.services-list h2 span.active{background-position:0 -47px;}

.services-list h2 a font{ height: 25px; width: 1px; background-color: #E1E1E1; display: inline-block; float: right; margin-right: 40px; margin-top: 10px;}
.service-content{

	overflow:hidden;
	width: 1200px;
	margin: 0 auto;
	
	
}
.service-info-text{
	float:left;
	margin-left:20px;
	text-align:justify;
	/*width: 700px;*/
	margin-top: 20px;
	line-height: 30px;
	font-size: 12px;
	color: #666;
}
.service-info-text h4{ color: #fd6d00; margin-top: 10px;}
.fanye{ margin-top:50px; text-align: center; width: 100%;}
.fanye a{ display: inline-block;  padding: 8px 13px; border: 1px solid #e9e9e9; color: #666; margin-left: 5px; text-align: center; margin-bottom: 10px;}
.fanye a:hover{ background-color: #7dbf3b; text-decoration: none; color: #fff; border: 1px solid #7dbf3b;}
.fanye a.sy{background-color: #7dbf3b; text-decoration: none; color: #fff; border: 1px solid #7dbf3b;}


/*联系我们*/
.contact-con{ width: 1200px; height: auto; margin: 0 auto; overflow: hidden; margin-top: 100px;}
.contact-conl{ width: 450px; float: left; overflow: hidden;}
.contact-conl dl{ margin-bottom: 26px;}
.contact-conl dl h3{ color: #7dbf3b; font-size: 25px;}
.contact-conl dl dd{color: #666; margin-top: 5px;}
.contact-conl dl dt{ color: #ff6000;margin-top: 5px;}
.contact-conr{ width: 700px; float: right;}
.contact-conr img{ width: 700px;}


/*米昂简介*/
.introduce-con{ width: 1200px; height: auto; margin: 0 auto; overflow: hidden; margin-top: 50px;}
.introduce-text{ color: #7b7b7b; line-height: 24px;}
.introduce-text p{ margin-bottom: 20px;}
.introduce-img{ text-align: center; margin-top: 50px;}


/*米昂在忙什么*/
.news-con{ width: 1200px; height: auto; margin: 0 auto; overflow: hidden; margin-top: 70px;}
.fisrt-new{ background-color: #f9f9f9; width: 1200px; overflow: hidden; transition: all 1s; -webkit-transition: all 1s;-o-transition: all 1s;-ms-transition: all 1s;-moz-transition: all 1s; margin-bottom: 30px;}
.first-img{ width: 290px; height: 184px; overflow: hidden; float: left;}
.first-img img{ width: 290px; height: 184px;}
.new-text{ padding: 20px 20px 0px 26px; float: left; width: 850px;}
.new-text h4{color: #333; padding-bottom: 20px; border-bottom: 1px dashed #B2B2B2; font-size: 16px; font-weight: normal;}
.new-text h4 a{color: #666;}
.new-text h4 span{ color: #999; font-size: 14px; margin-left: 10px;}
.new-text p{ color: #666; margin-top:15px; line-height: 25px;}
.chakan{ float: right; }
.chakan a{color: #9fbd0d;}
.fisrt-new:hover{ background-color: #7dbf3b;transition: all 1s; -webkit-transition: all 1s;-o-transition: all 1s;-ms-transition: all 1s;-moz-transition: all 1s;}
.fisrt-new:hover .new-text h4{ color: #fff; border-bottom: 1px dashed #fff;}
.fisrt-new:hover .new-text h4 span{ color: #fff;}
.fisrt-new:hover .new-text p{color: #fff;}
.fisrt-new:hover .new-text .chakan a{color: #fff;}

/*为什么选择我们*/
.why-con{ width: 100%; height: auto; margin: 0 auto; margin-top: 50px;}
.why-con1bot{ width: 1200px; margin: 0 auto; overflow: hidden; margin-top: 40px;}
.why-con1botl{ width: 410px; float: left; overflow: hidden;}
.why-con1botl ul li{ color: #585858; line-height: 26px;}
.why-con1botl ul li span{ color: #ff9c00; font-weight: bold;}
.why-con1botr{ width: 713px; float: right; color: #585858;}
.why-con1botr h4{ font-size: 14px; color: #ff9c00; margin-bottom: 6px;}
.why-con1botr p{ text-indent: 2em; margin-top: 20px;}

.why-con2{ width: 100%; height: auto; margin: 0 auto; background-color: #f7f7f7; border-bottom: 1px solid #eaeaea;border-top: 1px solid #eaeaea; margin-top: 30px; padding: 40px 0px 70px;}
.why-con2-con{ width: 1200px; height: auto; margin: 0 auto; overflow: hidden;}
.why-con2-bot{ margin-top: 60px; width: 1200px;}
.why-con2-bot img{ width: 1200px;}
.why-con3{width: 1200px; margin: 0 auto; overflow: hidden; margin-top: 60px; text-align: center;}
.why-con3-bot{ width: 1200px; margin: 0 auto; overflow: hidden; margin-top: 40px;}
.why-con3-bot img{ width: 797px;}

.why-con4{width: 100%; height: auto; margin: 0 auto; background-color: #f7f7f7; border-bottom: 1px solid #eaeaea;border-top: 1px solid #eaeaea; margin-top: 30px; padding: 40px 0px 70px;}
.why-con4-bot{ width: 1200px; margin: 0 auto; margin-top: 40px; text-align: center;}
.why-con4-bot img{ width: 1194px;}

.case-con{ width: 1200px; height: auto; margin: 0 auto; overflow: hidden; margin-top: 20px;}
.case-conbot{ width: 1200px; height: auto; margin: 0 auto; overflow: hidden; margin-top: 40px;}
.case-conbot ul li{width:380px;height:261px;float:left;margin-right:30px; position: relative; margin-top: 30px;}
.case-conbot ul li:nth-child(3n){ margin-right: 0px;}
.case-conbot ul li img{width:380px;height:261px;display:block;}
.case-conbot ul li .con11-dis{text-align:left;color:#666666;width:380px;height:85px;overflow:hidden; position: absolute; bottom: 0px; background: rgba(125,191,59,.7); color: #fff; padding-top: 7px; line-height: 25px; opacity: 0;transition: all 1s;-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;}
.case-conbot ul li:hover .con11-dis{ opacity: 1; transition: all 1s;-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;}
.case-conbot ul li .con11-dis p{ margin-left: 30px;}
.family-con{ width: 100%; height: auto; margin: 0 auto; margin-top: 30px; overflow: hidden;}
.family-con1{ width: 1200px; height: auto; margin: 0 auto; margin-top: 70px; overflow: hidden;}
.family-con1-left{ width: 622px; height: 405px; float: left; overflow: hidden;}
.family-con1-left img{ width: 622px; }
.family-con1-left1{ width: 90%; margin: 0 auto;   overflow: hidden;}
.family-con1-left1 img{ width:100%; }
.family-con1-right{ width: 543px; float: right;}
.family-con1-right dl{ margin-bottom: 30px;}
.family-con1-right dl dt{ background-color: #7dbf3b; border-radius: 4px; width: 100px; height: 30px; text-align: center; color: #fff; line-height: 30px; font-size: 16px;}
.family-con1-right dl dd{ color: #666; margin-top: 10px; overflow: hidden;}
.family-con1-right dl dd font{ display: block; width: 25px; height: 25px; border-radius: 50%; background-color: #fab42e; float: left; color: #fff; text-align: center; line-height: 25px;}
.family-con1-right dl dd span{ display: block;float: left; width: 505px; margin-left: 10px; }

.family-con1-right1{ width: 90%;  margin: 0 auto; margin-top: 30px;}
.family-con1-right1 dl{ margin-bottom: 30px;}
.family-con1-right1 dl dt{ background-color: #7dbf3b; border-radius: 4px; width: 100px; height: 30px; text-align: center; color: #fff; line-height: 30px; font-size: 16px;}
.family-con1-right1 dl dd{ color: #666; margin-top: 10px; overflow: hidden;}
.family-con1-right1 dl dd font{ display: block; width: 25px; height: 25px; border-radius: 50%; background-color: #fab42e; float: left; color: #fff; text-align: center; line-height: 25px;}
.family-con1-right1 dl dd span{ display: block;float: left; width: 505px; margin-left: 10px; }

.family-con2{ width: 100%; height: auto; margin: 0 auto; background-color: #f8f8f8; padding: 60px 0px;overflow: hidden; margin-top: 40px;}
.family-con1-left-top{ width: 1200px; height: auto; margin: 0 auto;overflow: hidden;}
.family-con1-left-topl{ float: left; width: 793px; height: 346px;}
.family-con1-left-topl img{ width: 793px; height: 346px;}
.family-con1-left-topr{ float: right; width: 390px; overflow: hidden;}
.family-con1-left-topr ul li{ float: left; width: 185px; height: 163px; border: 1px solid #ebeaea; margin-bottom: 16px; margin-right: 15px;}
.family-con1-left-topr ul li:nth-child(2n){ margin-right: 0px;}
.family-con1-left-topr ul li img{ width: 185px; height: 163px;}
.family-con1-left-bot{width: 1200px; height: auto; margin: 0 auto;overflow: hidden; margin-top: 10px;}
.family-con1-left-bot .bot-div{ width: 268px; height: 175px; border: 1px solid #e5e5e5; padding: 15px 0px 15px 15px; float: left; margin-left: 20px;}
.family-con1-left-bot .bot-div:first-child{ margin-left: 0px;}
.left-img{ width: 88px; height: 86px; float: left; margin-top: 35px;}
.right-text{ float: left; width: 150px; margin-left: 15px; margin-top: 30px;}
.right-text h4{ color: #7dbf3b; font-size: 16px; margin-bottom: 7px;}
.right-text p{ color: #666; line-height: 18px;}

.family-con3{ width: 100%; height: auto; margin: 0 auto; overflow: hidden; margin-top: 50px;}
.tedians{ width: 100%; margin-top: 70px; border-bottom: 1px solid #E5E5E5; overflow: hidden; padding-bottom: 50px;}
.tedian{width: 1200px; height: auto; margin: 0 auto; overflow: hidden;}
.tedian-img{ width: 493px; float: left; margin-left: 20px;}
.tedian-text{ margin-top: 70px; width: 590px; float: left; margin-left: 30px;}
.tedian-text h4{ color: #fd6d00; font-size:24px;}
.tedian-text font{ display: inline-block; width: 64px; height: 50px; padding-left: 10px; color: #fff;  line-height: 50px; font-size: 30px; font-weight: bold; margin-right: 10px;}
.tedian-text p{ color: #666; line-height: 30px; margin-top: 25px; font-size: 16px;}

/*返回顶部*/
.cd-top {
  display: none;
  height: 58px;
  width: 58px;
  position: fixed;
  bottom: 40px;
  right: 20px;
 overflow: hidden;
  
 
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
/*.cd-top.cd-is-visible {
   the button becomes visible
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* 如果用户继续向下滚动,这个按钮的透明度会变得更低
  opacity: 1;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}*/
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}

.newsxq-conbot{ width: 1100px; height: auto; margin: 0 auto; overflow: hidden;}
.xq-top{ width: 1100px; height: auto; margin: 0 auto; text-align: center; border-bottom: 1px dashed #ccc; padding-bottom: 20px;}
.xq-top h1{ font-weight: normal; color: #333; font-size: 32px;}
.xq-top p{ color: #999; margin-top: 10px;}
.xq-text{ margin-top: 50px;}
.xq-text p{ margin-top: 25px; color: #666; line-height: 24px;}
.xq-text div{ margin-top: 25px; color: #666; line-height: 24px;}
.xq-bot{ width: 1100px; margin: 0 auto; margin-top: 40px;border-top: 1px dashed #ccc; padding-top: 20px;}
.xq-botleft{ float: left; color: #666;}
.xq-botright{ float: right;color: #666;}
.xq-bot a{color: #666;}

#demo2{display: none;}



.kd{ width:1000px; margin:0 auto;}
.fl{ float:left;}
.fr{ float:right;}


.content{ width:953px; height:auto; margin-top:41px;}

/*ser-nn*/
.ser-nn h3{ font-size:24px; color:#d50000; font-weight:bold;}
.ser-nn span{ font-size:14px; color:#5b5b5b; display:block; margin:5px 0;}
.sone{ background:url(../../../images/sone_03.jpg) center no-repeat; height:1044px; margin-top:49px; position:relative;}
.test{ position:absolute; width:440px;}
.test h4{ font-size:22px; color:#d50101; font-weight:bold;}
.test p{ font-size:16x; color:#212121; display:block; margin:10px 0}
.test span{ font-size:14px; color:#343434;}
.t1{ top:86px; right:112px;}
.t2{ width:500px; top:420px; left:42px;}
.t3{ width:500px; top:800px; right:80px;}