@charset "gb2312";

/*Ò³Ãæµ×²¿*/
.footer_bg{width:100%; height:540px; position:relative; margin:0 auto;margin-bottom:20px; overflow:hidden; background-color:#FFFFFF; z-index: 1;}
.footer_con{width:100%; height:300px; position:relative; margin:0 auto; color:#fff; background:#ee7800; background-image:url(http://www.syxdf.cn/public/images/bottom_bg.jpg); background-repeat:no-repeat; background-position:center bottom; background-size:80%; }
.footer_con li{ list-style:none; margin-bottom:10px;}
.footer_con a{color:#fff; text-decoration:none; list-style:none;}
.footer_con li a{color:#fff; text-decoration:none; list-style:none;}
.footer_con li a:hover{;}
.footer_conbg{width:80%; position:absolute; left:50%; top:0; margin-left:-40%; display:none;}
.ftcon_title{font-size:18px; height:44px;}
.ftcon_1,.ftcon_2,.ftcon_3,.ftcon_4,.ftcon_5,.ftcon_6{position:absolute; height:190px; top:30px; font-size:14px;}
.ftcon_1{left:11.7%; width:135px;}
.ftcon_2{left:24.8%; width:80px;}
.ftcon_3{left:37.9%; width:80px;}
.ftcon_4{left:51%; width:80px;}
.ftcon_5{left:64%; width:80px;}
.ftcon_6{left:75.8%; width:290px;}
.ftcon_6 img{margin-bottom:30px;}
.footer_info{width:1600px; height:200px; position:relative; margin:0 auto; color:#000; margin-bottom:20px;}
.footer_copy{width:520px; height:160px; float:left; margin-left:60px;}
.ftcopy_title{width:100%; height:45px; float:left; font-size:14px; font-weight:bold; margin-top:25px; color:#333;}
.ftcopy_title a{ color:#333333; text-decoration:none;}
.bottom_logo{ float:left; display:block; width:429px; height:90px; margin-top:78px; margin-left:64px;}
.bottom_logo img{ width:100%;}
.bottom_slogan{ font-size:18px; color:#333333; float:left; margin-top:64px; margin-left:150px; font-family:"SimSun";}
.bottom_slogan span{ font-size:30px; color:#ee7800;}
.footer_info p{width:100%; height:25px; line-height:25px; font-size:14px; float:left; color:#999; margin:0;}
.footer_info a{ color:#333333; text-decoration:none; font-family:"SimSun";}
.wx_b{position:relative; cursor:pointer;}
.ewm_b{width:150px; height:150px; position:absolute; top:20px; left:0px; z-index:5; display:none;}
.wx_b:hover .ewm_b{display:block;}

@media(max-width:1600px){
	.bottom_logo{ float:left; display:block; width:300px; height:90px; margin-top:78px; margin-left:0px;}
	.bottom_slogan{ font-size:18px; color:#333333; float:left; margin-top:64px; margin-left:50px; font-family:"SimSun";}
	
	}
@media(max-width:1280px){
	.bottom_logo{ float:left; display:block; width:400px; height:90px; margin-top:78px; margin-left:0px;}
	.bottom_slogan{ font-size:18px; color:#333333; float:left; margin-top:64px; margin-left:50px; font-family:"SimSun"; display:none;}
	
	}


@media(max-width:780px){
	.bottom1{ display:none;}
	.bottom2{ display:none;}
	.bottom3{ display:none;}
	.footer_bg{ display:none;}
	.open{ display:none;}
	}
.bottom1{width:100%; height:auto; margin:0 auto; text-align:center; background:#ff4e00;}
.bottom2{width:1030px; margin:0 auto; text-align:center; height:150px; padding-top:20px; margin-top:10px; clear:both;}
.bottom3 {width:180px; height:150px; float:left;}
.bottom3 a {width:180px; height:auto; float:left; text-align:left; padding-left:20px; font-family:"SimSun"; margin-bottom:4px; height:16px;}
.bottom4 {width:180px; height:150px; float:left; margin-left:50px;}
.bottom4 a {width:180px; height:auto; float:left; text-align:left; padding-left:20px;font-family:"SimSun"; margin-bottom:4px; height:16px;}
.bottom5 {width:180px; height:150px; float:left;}
.bottom5 a {width:180px; height:auto; float:left; text-align:left; padding-left:20px;font-family:"SimSun"; margin-bottom:4px; height:16px;}
.bottom6 {width:180px; height:150px; float:left;}
.bottom6 a {width:180px; height:auto; float:left; text-align:left; padding-left:20px;font-family:"SimSun";  height:16px;}
.bottom7 {width:260px; height:150px; float:left; text-align:left; margin-top:5px;}

/* foot */
.foot{ width:100%; margin:0 auto; padding-top:10px; padding-bottom:20px; height:auto; background-color:#ff4e00; font-size:12px !important; line-height:22px; text-align:center; font: 12px;color: #4e1303;font-family: "SimSun"; color:#FFFFFF;}

#mydiv1{clear:both;position:absolute; display:none; border:1px solid silver;background:silver; width:150px; height:150px; z-index:99999; margin-top:80px; margin-left:25px;}


/*ÓÒ²à×Éѯµ¼º½*/
.ask{display:none;}
.ask1 img{ float:right;}
.ask2{width:40px; position:fixed; right:0px; bottom:0px; background:#df1314; height:100%; z-index:20;}
.ask3{width:40px; height:40px; background:#df1314; position:relative; text-align:center; z-index:70;  transition:all 400ms ease; -moz-transition:all 400ms ease; -webkit-transition:all 400ms ease; -o-transition:all 400ms ease;}
.ask51,.ask61,.ask71,.ask81,.ask91,.ask121{background:#ac1213; font-size:18px; width:100px; height:40px; position:absolute; top:0px; right:-60px; z-index:60; text-align:center; color:#fff; line-height:40px;}
.ask121 a{color:#fff;}
.ask121 a:hover{color:#fff;}
.ask5:hover .ask3,.ask6:hover .ask3,.ask7:hover .ask3,.ask8:hover .ask3,.ask9:hover .ask3,.ask10:hover .ask3,.ask12:hover .ask3{background:#f17a23;}
.ask51,.ask61,.ask71,.ask81,.ask91,.ask101,.ask111,.ask121,.h11{transition:all 400ms ease; -moz-transition:all 400ms ease; -webkit-transition:all 400ms ease; -o-transition:all 400ms ease;}
.ask101{background:#ac1213; font-size:18px; width:100px; height:110px; position:absolute; top:-90px; right:-60px;text-align:center; color:#fff;  padding-top:20px;}
.ask11{position:fixed; width:40px; height:40px; bottom:0px; right:0px; z-index:60; cursor:pointer;}
.ask5:hover .ask51,.ask6:hover .ask61,.ask7:hover .ask71,.ask8:hover .ask81,.ask9:hover .ask91,.ask10:hover .ask101,.ask12:hover .ask121{right:40px;}
@media (min-width: 1281px) {
.red{width:85px; height:100px; float:right; background:#df1314;}
.ask1{width:120px; height:468px; position:fixed; right:0px; top:0px;z-index:50;}
.r3{display:none;}
.r5{float:right; margin-right:40px;}
.ask5,.ask6,.ask7,.ask8,.ask9,.ask12{position:fixed; width:40px; height:40px;  right:0px; z-index:80;}
.ask12{top:390px;}
.ask5{top:440px;}
.ask6{ top:490px;}
.ask7{top:540px;}
.ask8{top:590px;}
.ask9{top:640px;}
.ask10{bottom:50px; right:0px; z-index:50;position:fixed; width:40px; height:40px;}
.h11{width:40px; height:100px; background:#df1314; position:fixed; bottom:90px; right:0px; z-index:60;}

}
@media (max-width: 1280px) {
.ask1{width:80px; height:468px; position:fixed; right:-45px; top:0px;z-index:50;}
.ask{width:40px; height:100%; overflow:hidden; position:fixed; right:0px; top:0px; z-index:40;}
.r2{ display:none;}
.ask12{display:none;}
.r3{margin-right:45px; padding-top:5px;}
.r5{margin-right:40px;}
.ask5{position:fixed; width:40px; height:40px; bottom:340px; right:0px; z-index:80;}
.ask6{position:fixed; width:40px; height:40px; bottom:290px; right:0px; z-index:80;}
.ask7{position:fixed; width:40px; height:40px; bottom:240px; right:0px; z-index:80;}
.ask8{position:fixed; width:40px; height:40px; bottom:190px; right:0px; z-index:80;}
.ask9{position:fixed; width:40px; height:40px; bottom:140px; right:0px; z-index:80;}
.ask10{position:fixed; width:40px; height:40px; bottom:50px; right:0px; z-index:50;}
.h11{width:40px; height:100px; background:#df1314; position:fixed; bottom:90px; right:-40px; z-index:60;}
.r1{margin-right:-80px; transition:all 400ms ease; -moz-transition:all 400ms ease; -webkit-transition:all 400ms ease; -o-transition:all 400ms ease;}
.ask:hover .r1{margin-right:0px;}
.ask:hover .h11{ right:0px;}
.ask2,.ask5,.ask6,.ask7,.ask8,.ask9,.ask10,.ask11{margin-right:-40px; transition:all 400ms ease; -moz-transition:all 400ms ease; -webkit-transition:all 400ms ease; -o-transition:all 400ms ease;}
.ask:hover .ask2,.ask:hover .ask5,.ask:hover .ask6,.ask:hover .ask7,.ask:hover .ask8,.ask:hover .ask9,.ask:hover .ask10,.ask:hover .ask11{margin-right:0px;}
}
@media (max-height: 770px) {
.ask1{top:-270px;}
.ask12{top:180px;}
.ask5{top:230px;}
.ask6{ top:280px;}
.ask7{top:330px;}
.ask8{top:380px;}
.ask9{top:430px;}
.ask10{bottom:50px; right:0px;}
}
/*µ¯´°×Éѯ*/
/*.open{position:fixed; width:400px; height:200px; top:290px; left:50%; margin-left:100px; background-image:url(http://www.syxdf.cn/templets/default/tc/kfbg.png); z-index:9999; display:none;}
.gb{float:right; margin-right:0px; margin-top:-10px; cursor:pointer;}
.open1{width:100px; height:30px; float:left; margin-left:30px; margin-top:150px;}
.open2{width:100px; height:30px; float:left; margin-left:10px; margin-top:150px;}*/

.fdzxck{ width:500px; height:400px; background-color:#FFFFFF;box-shadow:0 0 20px #AFAFAF; position:fixed; z-index:1000; bottom:50%; margin-bottom:-200px; right:50%; margin-right:-250px; border-radius:20px; display:none; overflow:hidden;}
.fdzxck1{ background-color:#ffb263; border-radius:10px;}
.fdzxtximg{ position:absolute; left:10px; top:10px;}
.fgzxgw{ position:absolute; top:20px; left:60px; font-size:16px; color:#333333; line-height:20px;}
.fgzxgw1{ position:absolute; top:20px; left:285px; font-size:16px; color:#ff7200; line-height:20px;}
.fgzxgw2{ position:absolute; top:10px; left:15px; font-size:14px; color:#a70007; line-height:14px;}
#fdzxgbimg{ position:absolute; right:12px; top:12px; cursor:pointer; display:block; height:20px; width:20px;
-webkit-transition: -webkit-transform 0s; 
-moz-transition:-webkit-transform 0s; 
-ms-transition: -webkit-transform 0s; 
-o-transition: -webkit-transform 0s; 
transition: -webkit-transform 0s; 
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-ms-transform:rotate(0deg);
-o-transform:rotate(0deg);
transform:rotate(0deg);
}
#fdzxgbimg:hover{
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	transform:rotate(180deg);
	-webkit-transition: -webkit-transform 0.6s; 
	-moz-transition:-webkit-transform 0.6s; 
	-ms-transition: -webkit-transform 0.6s; 
	-o-transition: -webkit-transform 0.6s; 
	transition: -webkit-transform 0.6s; opacity:
	}
#fdzxgbimg1{ position:absolute; right:6px; top:6px; cursor:pointer; display:block; height:20px; width:20px;
-webkit-transition: -webkit-transform 0s; 
-moz-transition:-webkit-transform 0s; 
-ms-transition: -webkit-transform 0s; 
-o-transition: -webkit-transform 0s; 
transition: -webkit-transform 0s; 
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-ms-transform:rotate(0deg);
-o-transform:rotate(0deg);
transform:rotate(0deg);
}
#fdzxgbimg1:hover{
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	transform:rotate(180deg);
	-webkit-transition: -webkit-transform 0.6s; 
	-moz-transition:-webkit-transform 0.6s; 
	-ms-transition: -webkit-transform 0.6s; 
	-o-transition: -webkit-transform 0.6s; 
	transition: -webkit-transform 0.6s; opacity:
	}
.fdzxkj{ font-size:18px; margin-left:10px; line-height:20px; margin-top:5px; color:#333333;}
.fdzxjt{ position:absolute; left:125px; top:292px;}
#LR_text1{ height:55px; width:300px; font-size:14px; border-radius:10px; margin-left:10px; margin-top:19px;resize:none;outline:none; padding-left:10px; line-height:26px; border:1px !important solid #cccccc;}
#LR_button1{ width:60px; height:60px; position:absolute; margin-left:20px; margin-top:17px; border-radius:10px; background-color:#a70007;color:#FFFFFF;font-size:18px; cursor:pointer;border:none;resize:none;outline:none;}
#LR_button1:hover{ background-color:#800106;}
.fdzxqq{ display:block; width:76px; height:60px; line-height:60px; text-align:center; position:absolute; bottom:14px; right:10px; background-color:#ee7800;border-radius:10px; color:#FFFFFF; text-decoration:none;}
.fdzxqq:hover{ background-color:#cc6600; color:#FFFFFF;}

/*±âƽµ¯´°*/
/*.ppfdzxbox{ width:500px; height:400px; position:fixed; right:-550px; top:20%; border-radius:14px; overflow:hidden; z-index:999; background-color:#FFFFFF; font-family:"SimSun";box-shadow: 0 0 20px #AFAFAF;}
body .ppfdzxbox01{ width:500px; height:400px; position:fixed; right:10%; top:20%; border-radius:10px; overflow:hidden; z-index:999;box-shadow:0 0 20px #AFAFAF; border:2px solid #FFFFFF;;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-o-transition:all 0.5s linear;-ms-transition:all 0.5s linear;transition:all 0.5s linear;}
body .ppfdzxbox02{ width:500px; height:400px; position:fixed; right:-550px !important; top:20%; border-radius:10px; overflow:hidden; z-index:999;box-shadow:0 0 20px #AFAFAF; border:2px solid #FFFFFF;;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-o-transition:all 0.5s linear;-ms-transition:all 0.5s linear;transition:all 0.5s linear;}*/


.ppfdzxbox img{ width:100%;}
.ppfdzxbox p{ font-size:18px; color:#ee7800; line-height:55px; padding-left:20px; margin:0;}
.ppfdzxbox h3{ width:200px; position:absolute; bottom:16px; left:20px; font-size:14px; color:#333333; font-weight:normal; margin:0;}
.ppfdzxbox .ppgbimg{ position:absolute; top:10px; right:10px; width:20px; height:20px; cursor:pointer;
	-webkit-transition: -webkit-transform 0s; 
	-moz-transition:-webkit-transform 0s; 
	-ms-transition: -webkit-transform 0s; 
	-o-transition: -webkit-transform 0s; 
	transition: -webkit-transform 0s; 
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	transform:rotate(0deg);
}
.ppfdzxbox .ppgbimg:hover{
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	transform:rotate(180deg);
	-webkit-transition: -webkit-transform 0.6s; 
	-moz-transition:-webkit-transform 0.6s; 
	-ms-transition: -webkit-transform 0.6s; 
	-o-transition: -webkit-transform 0.6s; 
	transition: -webkit-transform 0.6s;
}
.ppqzxa{ display:block; width:100px; height:40px; border-radius:8px; overflow:hidden; background-color:#ee7800; color:#FFFFFF; position:absolute; bottom:8px; right:30px; text-align:center; text-decoration:none; line-height:40px; font-size:18px; }
.ppqzxa:hover{ background-color:#d06900;}

.ppzzxa{ display:block; width:100px; height:40px; border-radius:8px; overflow:hidden; background-color:#a70007; color:#FFFFFF; position:absolute; bottom:8px; right:180px; text-align:center; text-decoration:none; line-height:40px; font-size:18px;}
.ppzzxa:hover{ background-color:#780005;}


.yympan{ display:block; width:98px; height:28px; border:1px solid #FFFFFF; border-radius:4px; overflow:hidden; background-color:#cc0b34; color:#FFFFFF; position:absolute; bottom:10px; left:50%; text-align:center; text-decoration:none; line-height:28px; font-size:16px; margin-left:-49px; display:none;}


/*±âƽµ¯´°*/
.ppfdzxbox{ width:500px; height:400px; position:fixed; right:-550px; top:20%; border-radius:20px;  z-index:999;box-shadow:0 0 20px #AFAFAF; -webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-o-transition:all 0.5s linear;-ms-transition:all 0.5s linear;transition:all 0.5s linear;  background-color: #ffffff;}
body .ppfdzxbox01{ right:10%; top:20%; border-radius:20px;  z-index:999;box-shadow:0 0 20px #AFAFAF ;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-o-transition:all 0.5s linear;-ms-transition:all 0.5s linear;transition:all 0.5s linear;}

body .ppfdzxbox02{ right:-550px !important; top:20%; border-radius:20px;  z-index:999;box-shadow:0 0 20px #AFAFAF;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-o-transition:all 0.5s linear;-ms-transition:all 0.5s linear;transition:all 0.5s linear;}

.ppfdzxbox img{ width:100%;}
.ppfdzxbox .ppgbimg{ position:absolute; top:-15px; right:-15px; width:40px; height:40px; cursor:pointer;
	-webkit-transition: -webkit-transform 0s; 
	-moz-transition:-webkit-transform 0s; 
	-ms-transition: -webkit-transform 0s; 
	-o-transition: -webkit-transform 0s; 
	transition: -webkit-transform 0s; 
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	transform:rotate(0deg);
}
.ppfdzxbox .ppgbimg:hover{
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	transform:rotate(180deg);
	-webkit-transition: -webkit-transform 0.6s; 
	-moz-transition:-webkit-transform 0.6s; 
	-ms-transition: -webkit-transform 0.6s; 
	-o-transition: -webkit-transform 0.6s; 
	transition: -webkit-transform 0.6s;
}
.ppqzxa{ display:block; width:98px; height:28px; border:1px solid #FFFFFF; border-radius:4px; overflow:hidden; background-color:#86b9d8; color:#FFFFFF; position:absolute; bottom:26px; text-align:center; text-decoration:none; line-height:28px; font-size:16px;}

.ppzzxa{ display:block; width:98px; height:28px; border:1px solid #FFFFFF; border-radius:4px; overflow:hidden; background-color:#fe6c5f; color:#FFFFFF; position:absolute; bottom:26px; right:32px; text-align:center; text-decoration:none; line-height:28px; font-size:16px;}

/*аæ±âƽµ¯´°*/
.xb_pc01{ width: 100%; overflow: hidden; border-top-left-radius: 20px;border-top-right-radius: 20px;}
.xb_pc02{ width:480px; margin: 0 auto; margin-top: 20px; height: 226px;}
.xb_pc02 li{ width:130px; float: left; margin: 0 15px;
-webkit-transition:all 0.2s linear;
  -moz-transition:all 0.2s linear;
    -o-transition:all 0.2s linear;
	 -ms-transition:all 0.2s linear;
      transition:all 0.2s linear;}
.xb_pc02 li:hover{ margin-top: -10px;}
.xb_pc03{ display: block; width: 360px; background-color: #fda829; color: #ffffff; text-align: center; font-size: 18px; margin: 15px auto; line-height: 36px; margin-bottom: 0px;}
.xb_pc03:hover{background-color: #ee7800;}

















/*ÓÒ²à×Éѯ°´Å¥*/
#nav_right{ position:fixed; right:-100px; top:20%; width:64px; height:350px; z-index:120;}
#nav_right li{ position:relative; z-index:50; margin-bottom:6px;}
.navbox{ width:64px; height:64px; background-image:url(http://www.syxdf.cn/public/images/nav_right.png); background-repeat:no-repeat; background-position:-382px 0px;  background-size:556px; position:relative; z-index:3; overflow:hidden;}
.navbox01{ width:64px;height:64px;background-image:url(http://www.syxdf.cn/public/images/nav_right.png); background-repeat:no-repeat; background-position:-492px 0px;  background-size:556px; position:relative; z-index:3; overflow:hidden;}


.navbox a{ display:block; width:100%; height:100%;}
.navtb01{ width:556px; position:absolute; left:14px; top:12px;}
.navtb02{ width:556px; position:absolute; left:-67px; top:14px;}
.navtb03{ width:556px; position:absolute; left:-145px; top:12px;}
.navtb04{ width:556px; position:absolute; left:-224px; top:14px;}
.navtb05{ width:556px; position:absolute; left:-302px; top:14px;}

#nav01{ display:block; width:264px; position:absolute; top:0; right:16px; height:64px; background-image:url(http://www.syxdf.cn/public/images/nav_right01.png); z-index:2; border-radius:32px; width:0px;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-o-transition:all 0.5s linear;-ms-transition:all 0.5s linear;transition:all 0.5s linear; overflow:hidden;}
#nav02{ display:block; width:264px; position:absolute; top:0; right:16px; height:62px; background-image:url(http://www.syxdf.cn/public/images/nav_right01.png); z-index:2; border-radius:32px; width:0px;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-o-transition:all 0.5s linear;-ms-transition:all 0.5s linear;transition:all 0.5s linear; overflow:hidden; border:1px solid #FFF;}

#nav01 p{ width:216px; font-size:18px; height:64px; line-height:64px; text-align:center; color:#FFFFFF; position:absolute; top:0; left:0;}
#nav02 p{ width:216px; font-size:18px; height:62px; line-height:62px; text-align:center; color:#FFFFFF; position:absolute; top:0; left:0;}

#nav_right li:hover #nav01{ width:264px;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-o-transition:all 0.5s linear;-ms-transition:all 0.5s linear;transition:all 0.5s linear;}



#callBtn{ display:block; width: auto; position:absolute; right:52px; top:20px; font-size:14px; line-height:24px;background-color:transparent; color:#FFFFFF; cursor:pointer;}
#callBtn:focus{ border:none; background-color:#ee7700; outline:none; padding:2px; top:18px}
#telInput{ display:block; width:140px; height:24px; font-size:14px; line-height:24px; position:absolute; left:10px; top:20px; text-align:center;}

.left_nav{ display:block; width:156px; position:fixed; left:-156px; top:20%; z-index:10;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-o-transition:all 0.5s linear;-ms-transition:all 0.5s linear;transition:all 0.5s linear;}
body .left_nav01{ display:block; width:156px; position:fixed; left:0px; top:20%; z-index:10;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-o-transition:all 0.5s linear;-ms-transition:all 0.5s linear;transition:all 0.5s linear;}
.left_nav img{ width:100%; display:block;}

.ppfdzxbox .cjzsxz{ display:block; width:127px; position:absolute; right:25px; bottom:20px;animation:-moz-animation:spin2  5s linear 1s;-o-animation: spin2 5s linear 1s;-webkit-animation:spin2 5s linear 1s;animation:spin2 5s linear 1s;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate;-moz-animation-direction:alternate;}
@-moz-keyframes spin2 {0% { -moz-transform: rotate(0deg); }100%{ -moz-transform: rotate(360deg); }}
@-webkit-keyframes spin2 {0% { -webkit-transform: rotate(0deg); }100% { -webkit-transform: rotate(360deg)}}
@-o-keyframes spin2 {0% { -o-transform: rotate(0deg); }100% { -o-transform: rotate(360deg); }}
@-ms-keyframes spin2 {0% { -ms-transform: rotate(0deg); }100% { -ms-transform: rotate(360deg); }}
@keyframes spin2 {0% { transform: rotate(0deg); }100% { transform: rotate(360deg); }}

/*¿Î³Ìµ¼º½*/
.kcdhbox{ width: 100px; position:fixed; left: 0; top: 30%; text-align: center; font-size: 14px; line-height: 28px; overflow: hidden; z-index:1000;}
.kcdhbox .lidiv{ background-color: #ee7800; color: #ffffff;}
.kcdhbox li{ text-align: center; background-color:rgba(0,0,0,0.4); width: 100%; margin-left: -100px;}
.kcdhbox .kcdhz{}
.kcdhbox .cgzli{background-color:rgba(0,0,0,0.6);}
.kcdhbox a{color:#ffffff; display: block; width: 100%; height: 100%; border-top: 1px solid #ffffff;}
.kcdhbox a:hover{ background-color:rgba(238,120,0,0.7)}

.kcdhbox li:nth-child(13){ margin-left: -100;
-webkit-transition:all 0.3s linear 0s;
   -moz-transition:all 0.3s linear 0s;
     -o-transition:all 0.3s linear 0s;
    -ms-transition:all 0.3s linear 0s;
        transition:all 0.3s linear 0s;
}
.kcdhbox li:nth-child(12){ margin-left: -100;
-webkit-transition:all 0.3s linear 0.1s;
   -moz-transition:all 0.3s linear 0.1s;
     -o-transition:all 0.3s linear 0.1s;
    -ms-transition:all 0.3s linear 0.1s;
        transition:all 0.3s linear 0.1s;
}
.kcdhbox li:nth-child(11){ margin-left: -100 ;
-webkit-transition:all 0.3s linear 0.2s;
   -moz-transition:all 0.3s linear 0.2s;
     -o-transition:all 0.3s linear 0.2s;
    -ms-transition:all 0.3s linear 0.2s;
        transition:all 0.3s linear 0.2s;
}

.kcdhbox li:nth-child(10){ margin-left: -100 ;
-webkit-transition:all 0.3s linear 0.3s;
   -moz-transition:all 0.3s linear 0.3s;
     -o-transition:all 0.3s linear 0.3s;
    -ms-transition:all 0.3s linear 0.3s;
        transition:all 0.3s linear 0.3s;
}

.kcdhbox li:nth-child(9){ margin-left: -100 ;
-webkit-transition:all 0.3s linear 0.4s;
   -moz-transition:all 0.3s linear 0.4s;
     -o-transition:all 0.3s linear 0.4s;
    -ms-transition:all 0.3s linear 0.4s;
        transition:all 0.3s linear 0.4s;
}

.kcdhbox li:nth-child(8){ margin-left: -100 ;
-webkit-transition:all 0.3s linear 0.5s;
   -moz-transition:all 0.3s linear 0.5s;
     -o-transition:all 0.3s linear 0.5s;
    -ms-transition:all 0.3s linear 0.5s;
        transition:all 0.3s linear 0.5s;
}

.kcdhbox li:nth-child(7){ margin-left: -100 ;
-webkit-transition:all 0.3s linear 0.6s;
   -moz-transition:all 0.3s linear 0.6s;
     -o-transition:all 0.3s linear 0.6s;
    -ms-transition:all 0.3s linear 0.6s;
        transition:all 0.3s linear 0.6s;
}

.kcdhbox li:nth-child(6){ margin-left: -100 ;
-webkit-transition:all 0.3s linear 0.7s;
   -moz-transition:all 0.3s linear 0.7s;
     -o-transition:all 0.3s linear 0.7s;
    -ms-transition:all 0.3s linear 0.7s;
        transition:all 0.3s linear 0.7s;
}

.kcdhbox li:nth-child(5){ margin-left: -100 ;
-webkit-transition:all 0.3s linear 0.8s;
   -moz-transition:all 0.3s linear 0.8s;
     -o-transition:all 0.3s linear 0.8s;
    -ms-transition:all 0.3s linear 0.8s;
        transition:all 0.3s linear 0.8s;
}

.kcdhbox li:nth-child(4){ margin-left: -100 ;
-webkit-transition:all 0.3s linear 0.9s;
   -moz-transition:all 0.3s linear 0.9s;
     -o-transition:all 0.3s linear 0.9s;
    -ms-transition:all 0.3s linear 0.9s;
        transition:all 0.3s linear 0.9s;
}

.kcdhbox li:nth-child(3){ margin-left: -100 ;
-webkit-transition:all 0.3s linear 1s;
   -moz-transition:all 0.3s linear 1s;
     -o-transition:all 0.3s linear 1s;
    -ms-transition:all 0.3s linear 1s;
        transition:all 0.3s linear 1s;
}

.kcdhbox li:nth-child(2){ margin-left: -100 ;
-webkit-transition:all 0.3s linear 1.1s;
   -moz-transition:all 0.3s linear 1.1s;
     -o-transition:all 0.3s linear 1.1s;
    -ms-transition:all 0.3s linear 1.1s;
        transition:all 0.3s linear 1.1s;
}

.kcdhbox li:nth-child(1){ margin-left: -100 ;
-webkit-transition:all 0.3s linear 1.2s;
   -moz-transition:all 0.3s linear 1.2s;
     -o-transition:all 0.3s linear 1.2s;
    -ms-transition:all 0.3s linear 1.2s;
        transition:all 0.3s linear 1.2s;
}

.kcdhbox .kcdhz:nth-child(1){ margin-left: 0;
-webkit-transition:all 0.3s linear 0s;
   -moz-transition:all 0.3s linear 0s;
     -o-transition:all 0.3s linear 0s;
    -ms-transition:all 0.3s linear 0s;
        transition:all 0.3s linear 0s;
}
.kcdhbox .kcdhz:nth-child(2){ margin-left: 0 ;
-webkit-transition:all 0.3s linear 0.1s;
   -moz-transition:all 0.3s linear 0.1s;
     -o-transition:all 0.3s linear 0.1s;
    -ms-transition:all 0.3s linear 0.1s;
        transition:all 0.3s linear 0.1s;
}

.kcdhbox .kcdhz:nth-child(3){ margin-left: 0 ;
-webkit-transition:all 0.3s linear 0.2s;
   -moz-transition:all 0.3s linear 0.2s;
     -o-transition:all 0.3s linear 0.2s;
    -ms-transition:all 0.3s linear 0.2s;
        transition:all 0.3s linear 0.2s;
}

.kcdhbox .kcdhz:nth-child(4){ margin-left: 0 ;
-webkit-transition:all 0.3s linear 0.3s;
   -moz-transition:all 0.3s linear 0.3s;
     -o-transition:all 0.3s linear 0.3s;
    -ms-transition:all 0.3s linear 0.3s;
        transition:all 0.3s linear 0.3s;
}

.kcdhbox .kcdhz:nth-child(5){ margin-left: 0 ;
-webkit-transition:all 0.3s linear 0.4s;
   -moz-transition:all 0.3s linear 0.4s;
     -o-transition:all 0.3s linear 0.4s;
    -ms-transition:all 0.3s linear 0.4s;
        transition:all 0.3s linear 0.4s;
}

.kcdhbox .kcdhz:nth-child(6){ margin-left: 0 ;
-webkit-transition:all 0.3s linear 0.5s;
   -moz-transition:all 0.3s linear 0.5s;
     -o-transition:all 0.3s linear 0.5s;
    -ms-transition:all 0.3s linear 0.5s;
        transition:all 0.3s linear 0.5s;
}

.kcdhbox .kcdhz:nth-child(7){ margin-left: 0 ;
-webkit-transition:all 0.3s linear 0.6s;
   -moz-transition:all 0.3s linear 0.6s;
     -o-transition:all 0.3s linear 0.6s;
    -ms-transition:all 0.3s linear 0.6s;
        transition:all 0.3s linear 0.6s;
}

.kcdhbox .kcdhz:nth-child(8){ margin-left: 0 ;
-webkit-transition:all 0.3s linear 0.7s;
   -moz-transition:all 0.3s linear 0.7s;
     -o-transition:all 0.3s linear 0.7s;
    -ms-transition:all 0.3s linear 0.7s;
        transition:all 0.3s linear 0.7s;
}

.kcdhbox .kcdhz:nth-child(9){ margin-left: 0 ;
-webkit-transition:all 0.3s linear 0.8s;
   -moz-transition:all 0.3s linear 0.8s;
     -o-transition:all 0.3s linear 0.8s;
    -ms-transition:all 0.3s linear 0.8s;
        transition:all 0.3s linear 0.8s;
}

.kcdhbox .kcdhz:nth-child(10){ margin-left: 0 ;
-webkit-transition:all 0.3s linear 0.9s;
   -moz-transition:all 0.3s linear 0.9s;
     -o-transition:all 0.3s linear 0.9s;
    -ms-transition:all 0.3s linear 0.9s;
        transition:all 0.3s linear 0.9s;
}

.kcdhbox .kcdhz:nth-child(11){ margin-left: 0 ;
-webkit-transition:all 0.3s linear 1.0s;
   -moz-transition:all 0.3s linear 1.0s;
     -o-transition:all 0.3s linear 1.0s;
    -ms-transition:all 0.3s linear 1.0s;
        transition:all 0.3s linear 1.0s;
}

.kcdhbox .kcdhz:nth-child(12){ margin-left: 0 ;
-webkit-transition:all 0.3s linear 1.1s;
   -moz-transition:all 0.3s linear 1.1s;
     -o-transition:all 0.3s linear 1.1s;
    -ms-transition:all 0.3s linear 1.1s;
        transition:all 0.3s linear 1.1s;
}
.kcdhbox .kcdhz:nth-child(13){ margin-left: 0 ;
-webkit-transition:all 0.3s linear 1.2s;
   -moz-transition:all 0.3s linear 1.2s;
     -o-transition:all 0.3s linear 1.2s;
    -ms-transition:all 0.3s linear 1.2s;
        transition:all 0.3s linear 1.2s;
}
/*¿Î³Ìµ¼º½½áÊø*/

/*µ¯Ä»*/
#dm01{position: fixed; top: 0; right:-360px;overflow: hidden; background-color: rgba(0,0,0,0.4);font-size: 16px; line-height: 36px; border-radius: 18px; z-index: 1000; width: 360px;
	        animation: dmdh 18s linear 0s;
	     -o-animation: dmdh 18s linear 0s;
	    -ms-animation: dmdh 18s linear 0s;
	   -moz-animation: dmdh 18s linear 0s;
	-webkit-animation: dmdh 18s linear 0s;
	animation-iteration-count: infinite;-o-animation-iteration-count: infinite;-ms-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;
  
}
#dm01:hover{animation-play-state: paused;-o-animation-play-state: paused;-ms-animation-play-state: paused;-moz-animation-play-state: paused;-webkit-animation-play-state: paused;}
#dm01 img{ display: block; height: 25px; float: left; margin: 5px 5px 0 5px;}
#dm01 img:nth-child(3){display: none; float: right;height: 22px;margin: 7px 5px 0 5px; cursor: pointer;}
#dm01:hover img:nth-child(3){ display: block;}
#dm01 a{ display: block; float: left; text-decoration: none; color: #ffffff;}


#dm02{position: fixed; top: 10%; right:-360px;overflow: hidden; background-color: rgba(0,0,0,0.4);font-size: 16px; line-height: 36px; border-radius: 18px;z-index: 1000;width: 300px;
	        animation: dmdh 17s linear 5s;
	     -o-animation: dmdh 17s linear 5s;
	    -ms-animation: dmdh 17s linear 5s;
	   -moz-animation: dmdh 17s linear 5s;
	-webkit-animation: dmdh 17s linear 5s;
	animation-iteration-count: infinite;-o-animation-iteration-count: infinite;-ms-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;
  
}
#dm02:hover{animation-play-state: paused;-o-animation-play-state: paused;-ms-animation-play-state: paused;-moz-animation-play-state: paused;-webkit-animation-play-state: paused;}
#dm02 img{ display: block; height: 25px; float: left; margin: 5px 5px 0 5px;}
#dm02 img:nth-child(3){display: none; float: right;height: 22px;margin: 7px 5px 0 5px; cursor: pointer;}
#dm02:hover img:nth-child(3){ display: block;}
#dm02 a{ display: block; float: left; text-decoration: none; color: #ffffff;}


#dm03{position: fixed; top: 20%; right:-360px;overflow: hidden; background-color: rgba(0,0,0,0.4);font-size: 16px; line-height: 36px; border-radius: 18px; z-index: 1000; width: 260px;
	        animation: dmdh 20s linear 10s;
	     -o-animation: dmdh 20s linear 10s;
	    -ms-animation: dmdh 20s linear 10s;
	   -moz-animation: dmdh 20s linear 10s;
	-webkit-animation: dmdh 20s linear 10s;
	animation-iteration-count: infinite;-o-animation-iteration-count: infinite;-ms-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;
  
}
#dm03:hover{animation-play-state: paused;-o-animation-play-state: paused;-ms-animation-play-state: paused;-moz-animation-play-state: paused;-webkit-animation-play-state: paused;}
#dm03 img{ display: block; height: 25px; float: left; margin: 5px 5px 0 5px;}
#dm03 img:nth-child(3){display: none; float: right;height: 22px;margin: 7px 5px 0 5px; cursor: pointer;}
#dm03:hover img:nth-child(3){ display: block;}
#dm03 a{ display: block; float: left; text-decoration: none; color: #ffffff;}



#dm04{position: fixed; top: 30%; right:-360px;overflow: hidden; background-color: rgba(0,0,0,0.4);font-size: 16px; line-height: 36px; border-radius: 18px; z-index: 1000;width: 260px;
	        animation: dmdh 20s linear 15s;
	     -o-animation: dmdh 20s linear 15s;
	    -ms-animation: dmdh 20s linear 15s;
	   -moz-animation: dmdh 20s linear 15s;
	-webkit-animation: dmdh 20s linear 15s;
	animation-iteration-count: infinite;-o-animation-iteration-count: infinite;-ms-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;
  
}
#dm04:hover{animation-play-state: paused;-o-animation-play-state: paused;-ms-animation-play-state: paused;-moz-animation-play-state: paused;-webkit-animation-play-state: paused;}
#dm04 img{ display: block; height: 25px; float: left; margin: 5px 5px 0 5px;}
#dm04 img:nth-child(3){display: none; float: right;height: 22px;margin: 7px 5px 0 5px; cursor: pointer;}
#dm04:hover img:nth-child(3){ display: block;}
#dm04 a{ display: block; float: left; text-decoration: none; color: #ffffff;}


@keyframes dmdh{0%{right:-360px;}100%{right:120%;}}
@-o-keyframes dmdh{0%{right:-360px;}100%{right:120%;}}
@-ms-keyframes dmdh{0%{right:-360px;}100%{right:120%;}}
@-moz-keyframes dmdh{0%{right:-360px;}100%{right:120%;}}
@-webkit-keyframes dmdh{0%{right:-360px;}100%{right:120%;}}


/*аæβ²¿*/
.xb_bottom{ width: 100%; position: fixed; z-index: 1000; left: 0px; bottom: 0px; background-color: #ee7800; height: 70px; border-top: 2px solid #ffffff;}
.xb_bottomnr{ width: 100%; position: relative; left:0; height: 70px;}
.xb_bottomleft{ display: block; width: 303px; padding-top: 20px; padding-left: 20px;}
.xb_bottomleft img{ display: block; width: 100%;}
.xb_bottomnr p{ color: #ffffff; position: absolute; left: 350px; top: 0px;font-size: 30px; line-height: 70px;}
.xb_bottomnr h2{ color: #ffffff; position: absolute; left: 50%; top: 0;font-size: 24px; line-height: 70px; font-weight: normal; width: 260px; margin-left: -130px;}
.xb_bottomnr h2 a{color: #ffffff;font-size: 24px; line-height: 70px;}
.xb_bottomnr h2 a:hover{ border-bottom: 1px solid #ffffff;}

.xb_bottomlxb{ width:350px; height: 38px; position: absolute; left:50%; margin-left: 150px;; top: 15px; border: 1px solid #ffffff; background-color: #ffffff; overflow: hidden;}
.xb_callBtn{background-color: #ee7800!important; position: absolute!important; right: 0!important; top: 0!important; line-height: 40px!important; margin-top: -1px;width: 100px!important;font-size: 16px!important; margin-right: -1px; z-index: 3; color: #ffffff; cursor: pointer;}
.xb_callBtn:focus{ padding: 0!important; background-color: #FF0004!important;}
.xb_telInput{ position: absolute; left: 0!important; top: 0!important; line-height: 40px!important; height: auto!important; margin-top: -1px; width: 253px!important; margin-left: -1px; z-index: 2;font-size: 16px!important;color: #ee7800!important; text-align: center;}

.xb_bottomzxkf{ width: 120px; position: absolute; right: 0px; top: 10px; color: #ffffff;font-size: 24px; line-height: 50px; padding-left: 70px;}
.xb_bottomzxkf img{ position: absolute; left: 0; top: 0;}

.xb_bottomzxs{width:80px;height:91px;position:absolute;top:-80px;left:78px;background-image: url(http://www.syxdf.cn/public/images/zixun04.png); text-align: center; line-height: 80px;}


@media(max-width:1420px){
	.xb_bottomnr{ width: 1200px; position: relative; left: 50%; margin-left: -600px; height: 70px;}
	.xb_bottomnr h2{ display: none;}
	.xb_bottomlxb{ margin-left: 0px;}
}

/*2017а浯´°*/
.xbtc_boxxx{ width:560px; height: 400px; position: fixed; right:-700px; top: 15%;z-index:1002;box-shadow:0 0 20px #AFAFAF; background-image: url(http://www.syxdf.cn/public/img17sy/97.jpg); background-size: 100%; background-position: center; border-radius: 24px;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-o-transition:all 0.5s linear;-ms-transition:all 0.5s linear;transition:all 0.5s linear;}
.xbtc_box01{right:110px;}
.xbtc_box02{right:-700px;}
.xbtc_boxxx .xbtc_gb02{width:40px;display:block;position:absolute;right:-15px;top:-25px;cursor:pointer;z-index: 2; opacity: 0.8;}
.xbtc_boxxx .xbtc_gb02:hover{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition: -webkit-transform 0.6s; -moz-transition:-webkit-transform 0.6s; -ms-transition: -webkit-transform 0.6s; -o-transition: -webkit-transform 0.6s; transition: -webkit-transform 0.6s;}
.xbtc_boxxx p{ margin-top: 22%; margin-left: 8%;font-size:20px; color: #4c4c4c; opacity: 0!important;}
.xbtc_boxxx p span{ color: #ff4200;}
.xbtc_boxxx img{ margin-left: 8%; margin-top: 2%; width: 400px;}
.xbtc_boxxx .xbtc_zx01{display:block;width:180px;text-align:center;background-color:#ff0000;color:#ffffff;font-size:18px;line-height:36px; margin-left: 8%; margin-top: 4%; border-radius: 20px;border: 1px solid #ffffff;}
.xbtc_boxxx .xbtc_zx01:hover{ background: none; color:#ff0000; border: 1px solid #ff0000; }
.xbtc_boxxx .xbtc_zx02{ margin-top: 9%; margin-left: 4%}
.xbtc_boxxx .xbtc_zx02 a{ display: block; color: #ffffff; font-size: 16px; line-height:24px;}
.xbtc_boxxx .xbtc_zx02 a:hover{ font-size: 18px;}