@charset "utf-8";
/* CSS Document */
body,p,ul,dl,dt,dd{ margin:0; padding:0; list-style:none; font-family: "Microsoft YaHei",Geneva, Arial, Helvetica, sans-serif; }
img{ border:0;}
.clear{clear:both;}
.fixTop{ width:100%; position:fixed; top:0; left:0; height:123px; z-index:9; background:rgba(0,0,0,0.5)}
.fixTop .inforTop{ width:1204px; margin:0 auto; color:#fff; font-size:12px; height:30px;}
.fixTop .inforTop .leftWel{ width:230px; line-height:30px; float:left; paddding:0 0 0 30px;}
.fixTop .inforTop .rightPhone{ width:230px; line-height:30px; float:right; paddding:0 15px 0 0px;}
.fixTop .logoGrid{ width:100%; background:url(../images/menubac.png) left top repeat-x; height:95px;}
.fixTop .logoGrid .logoCon{ width:1204px; margin:0 auto;}

.logoGrid .logoCon ul { width:760px;  float:right; padding-top:41px;}
.logoCon ul li{ display:block; float:left; width:auto; font-size:14px;  padding:0 0 0 38px;}
.logoCon ul li a{color:#1b1a1a; text-decoration:none;}.logoCon  ul li a:hover{color:#d90303; text-decoration:none;}
#pageContain { overflow: hidden;width:100%;  height:100%; position:absolute; left:0; top:0;}
#navBar { z-index: 3; position: absolute; top: 50%; right: 3%; margin-top:-69px;}
#navBar .active { background: #FF0000;}
#navBar li { cursor: pointer; margin-bottom: 10px; transition: all .7s ease; border-radius: 50%; line-height: 10px; text-align: center; width: 10px; height: 10px;  border:2px solid #ff6600; background:#fff;}
.txt { margin-top: 20%; font-size: 50px; color: #fff; text-align: center;}
.page { clear:both; float:left; width: 100%; height: 100%; overflow: hidden;}



/*banner*/
.inPage-top{ width:100%; height:420px; background:url(../images/bannercontact.jpg) center bottom no-repeat; }
.inPage-content{ width:1204px; margin:0 auto; padding-top:106px; overflow:hidden;}
.inPage-content ul.topMenu{ width:1204px; background:url(../images/insideline.png) left center no-repeat; height:50px;}
.inPage-content ul.topMenu li{ float:left; padding:0 0 0 90px; width:140px; height:50px; background:none;}
.inPage-content ul.topMenu li:first-child{ padding:0 0 0 160px;}
.inPage-content ul.topMenu li a{ display:block; border-radius:10px;  border:1px solid #ccc; font-size:14px; color:#4d4d4d; line-height:50px; text-decoration:none; text-align:center; background:#fff;}
.inPage-content ul.topMenu li a:hover{ color:#fff;background:#ff6600; transition:all 0.5s; -webkit-transition:all 0.5s;}
.inPage-content .textGrid{ width:1190px;; min-height:500px; margin:0 auto; font-size:12px; color:#4d4d4d; line-height:25px;  padding-top:80px;}
.inPage-content .textGrid a{ color: #0033FF;}

.inPage-footer{ width:100%; background:#282828; height:100px; clear:both; text-align:center; color:#fff; clear:both; margin-top:85px;}
.inPage-footer .copy{ width:500px; margin:0 auto; padding-top:2px; line-height:25px; font-size:12px;}
.inPage-footer .copy a{ text-decoration:none; color:#fff;}

/*contact*/
.contact_content{clear:both; width: 1200px; margin: 0 auto; margin-top:85px; text-align: center;}
.contact_content img{float: left; margin-left:35px;}
.contact_content p{float:right; width: 560px; text-align: left; color: #606060; font-size: 16px; line-height: 32px; margin-top:10px;}

/*map*/
.eightScr{clear:both;  width:100%; height:594px; position:absolute; background:#fff;  position:relative;}
@media screen and (max-width:1590px){
.eightScr .content{ display:none; width:100%; color:#4d4d4d; position:absolute; height:200px; left:0; top:0px; padding:124px 0 0 0; background:#fff; z-index:5;}
}

@media screen and (min-width:1600px){
.eightScr .content{ width:100%; color:#4d4d4d; position:absolute; height:200px; left:0; top:0px; padding:194px 0 0 0; background:#fff; z-index:5;}
}

.eightScr .content .yellowline{ width:265px; display:block; margin:0 auto;  position:relative; z-index:2; height:1px;animation:upIn 1.5s; -webkit-animation:upIn 1.5s;}
.eightScr .content .yellowline hr.left{ float:left; width:61px;border:0; border-top:1px solid #fba100}
.eightScr .content .yellowline hr.right{ float:right; width:61px;border:0; border-top:1px solid #fba100}
.eightScr .content .toptitle{ width:142px;  margin:0 auto; text-align:center; font-size:25px; margin-top:-10px; position:relative; z-index:3;animation:downIn 1.5s; -webkit-animation:downIn 1.5s;}
.eightScr .content .toptitle span{ font-size:16px; line-height:40px; color:#ff6600; }
.eightScr .content a.line{ width:595px; margin:0 auto; height:16px; display:block;animation:leftIn 1.5s; -webkit-animation:leftIn 1.5s;}
.eightScr .content .ps{ width:1204px; padding:30px; margin:0 auto; text-align:center; color:#4d4d4d; font-size:14px;animation:leftIn 1.5s; -webkit-animation:leftIn 1.5s;}
.eightScr .map{ width:100%; height:100%; position:absolute; background-size:cover; overflow:hidden;}
@media screen and (max-width:1590px){
.eightScr .map .mapbaidux{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:2;}
.eightScr .map .mapbaidud{ display:none; width:100%; height:100%; position:absolute; left:0; top:0; z-index:2;}

}
@media screen and (min-width:1600px){
.eightScr .map .mapbaidux{ display:none;width:100%; height:100%; position:absolute; left:0; top:0; z-index:2;}
.eightScr .map .mapbaidud{  width:100%; height:100%; position:absolute; left:0; top:0; z-index:2;}

}

.eightScr .map .bachover{ background:rgba(31,38,54,0.8); width:100%; height:100%; position:absolute; left:0; top:0; z-index:2;transition:all 0.5s; -webkit-transition:all 0.5s;animation:downIn 1.5s; -webkit-animation:downIn 1.5s;}
.eightScr .map:hover .bachover{ height:0;transition:all 0.5s; -webkit-transition:all 0.5s; }
@media screen and (max-width:1590px){
.eightScr .map .downmap{width:146px; height:307px; margin:0 auto; padding-top:123px; position:relative; z-index:9;transition:all 0.5s; -webkit-transition:all 0.5s; overflow:hidden;animation:upIn 1.5s; -webkit-animation:upIn 1.5s;}}
@media screen and (min-width:1600px){
.eightScr .map .downmap{ width:146px; height:307px; margin:0 auto; padding-top:395px; position:relative; z-index:9;transition:all 0.5s; -webkit-transition:all 0.5s; overflow:hidden;animation:upIn 1.5s; -webkit-animation:upIn 1.5s;}
}

.eightScr .map .downmap img{ position:absolute; top:0px;}
.eightScr .map:hover .downmap{ width:146px; height:0px; margin:0 auto;transition:all 0.5s; -webkit-transition:all 0.5s; }
.eightScr .map .text{ width:100%; height:205px; left:0; bottom:0; background:none; position:absolute; z-index:3; transition:all 1s; -webkit-transition:all 1s;}
.eightScr .map:hover .text{background:rgba(0,0,0,0.5); transition:all 0.5s; -webkit-transition:all 0.5s; }
.eightScr .map ul{ width:1204px; margin:0 auto; position:relative; z-index:3;animation:rightIn 1.5s; -webkit-animation:rightIn 1.5s; }
.eightScr .map ul li{  height:140px; float:left; color:#fff; font-size:12px; line-height:30px; }
.eightScr .map ul li b{font-size:12px; line-height: 16px; padding:0; margin:0;}
.eightScr .map ul li.contact{ width:398px; padding:10px 0 0 66px;}
.eightScr .map ul li.qq{ width:299px; padding:10px 0 0 20px;}
.eightScr .map ul li.tel{ width:320px; padding:10px 0 0 86px;}
.eightScr .map ul li a{ color:#fff; text-decoration:none;}
.eightScr .map ul li.qq a{ line-height:30px;}
.eightScr .map ul li span{ font-size:16px; }
.eightScr .map ul li img{ vertical-align:text-bottom;}

/*webiste*/
.webiste_content{clear:both; padding-top:35px; text-align:center; margin:0 auto; width:1200px;}
.webiste_form ul li{float:left; padding-right:58px; margin-top:10px;}
.webiste_form ul li input{width:515px; height:40px; border:1px solid #cccccc; color:#4d4d4d; padding-left:8px; font-size:16px;}
.webiste_form ul li textarea{width:1098px; height:140px; border:1px solid #cccccc; color:#4d4d4d; font-size:16px; padding:15px 0 0 8px;}
.button a{float:left; margin-top:26px; display:block; width:173px; height:49px; background:#ff6600; font-size:18px; color:#FFF; line-height:49px; text-decoration:none; border-radius:8px;}
.buttonTxt{float:left; font-size:14px; color:#333333; line-height:49px; margin:32px 0 85px 120px;}

/*cotact_map*/
.cotact_map{position:absolute;width:697px;left:46%;margin-right:-300px; top:65px;}


img{border:0;}
#top{width:988px; margin:auto;height:80px;}
#top .logo{float:left;width:178px;height:80px;}
#top .m{float:right;line-height:80px;width:580px;}
#top .m a{color:#333;float:left; text-decoration:none;margin-left:50px;font-size:20px;}
#top .m a:hover{ opacity:0.9;}
#top .m .a{color:#169bfd;}
ul,li{list-style:none;margin:0;padding:0}
.DB_tab25 { clear:both; width:100%;height:730px;position:relative;overflow:cursor:pointer;}
.DB_tab25 .DB_bgSet{position:relative;}
.DB_tab25 .DB_bgSet li{position:absolute;width:100%;height:590px;display:none;}
.DB_tab25 .DB_imgSet{position:absolute;width:988px;left:50%;margin-left:-494px;}
.DB_tab25 .DB_imgSet .DB_1_1{position:absolute;left:-100px;top:65px; font-size:30px; display:block; width:600px;}
.DB_tab25 .DB_imgSet .DB_1_2{position:absolute;left:-100px;top:131px; font-size:24px; color:#a8a8a8; width:600px;}
.DB_tab25 .DB_imgSet .DB_1_3{position:absolute;left:-100px;top:174px; width:64px; height:5px;}
.DB_tab25 .DB_imgSet .DB_1_4{position:absolute;left:-100px;top:237px; font-size:20px; width:600px;}
.DB_tab25 .DB_imgSet .DB_1_5{position:absolute;left:419px;top:70px;}
.DB_tab25 .DB_imgSet .DB_1_22{position:absolute;left:-100px;top:289px; font-size:16px; color:#585858; width:600px;}
.DB_tab25 .DB_imgSet .DB_1_6{position:absolute;left:-100px;top:220px; font-size:16px; color:#585858; width:600px;}
.DB_tab25 .DB_imgSet .DB_1_7{position:absolute;left:-100px;top:255px; font-size:16px; color:#585858; width:600px;}
.DB_tab25 .DB_imgSet .DB_1_8{position:absolute;left:-100px;top:290px; font-size:16px; color:#585858; width:600px;}
.DB_tab25 .DB_imgSet .DB_1_9{position:absolute;left:-100px;top:325px; font-size:16px; color:#585858; width:600px;}
.DB_tab25 .DB_imgSet .DB_1_10{position:absolute;left:-100px;top:360px; font-size:16px; color:#585858; width:600px;}
.DB_tab25 .DB_imgSet .DB_1_11{position:absolute;left:-100px;top:400px; font-size:16px; color:#585858; width:600px;}
.DB_tab25 .DB_imgSet .DB_1_12{position:absolute;left:-100px;top:435px; font-size:16px; color:#585858; width:600px;}
.DB_tab25 .DB_imgSet .DB_1_13{position:absolute;left:-100px;top:470px; font-size:16px; color:#585858; width:600px;}
.DB_tab25 .DB_imgSet .DB_1_14{position:absolute;left:-100px;top:505px; font-size:16px; color:#585858; width:600px;}
.DB_tab25 .DB_imgSet .DB_1_15{position:absolute;left:-100px;top:540px; font-size:16px; color:#ff9d1e; width:600px;}
.DB_tab25 .DB_imgSet .DB_1_16{position:absolute;left:-100px;top:575px; font-size:16px; color:#ff9d1e; width:600px;}
.DB_tab25 .DB_imgSet .DB_1_17{position:absolute;left:-100px;top:372px; font-size:16px; color:#ff9d1e; }
.DB_tab25 .DB_imgSet .DB_1_18{position:absolute;left:-100px;top:407px; font-size:16px; color:#ff9d1e; }
.DB_tab25 .DB_imgSet .DB_1_18{position:absolute;left:-100px;top:37px; font-size:16px; color:#ff9d1e; }
.DB_tab25 .DB_imgSet .DB_1_18{position:absolute;left:-100px;top:520px; font-size:16px; color:#ff9d1e; }


.DB_tab25 .DB_imgSet .DB_2_1{position:absolute;left:500px;top:131px; font-size:28px; color:#ff9d1e; display:block; width:600px;}
.DB_tab25 .DB_imgSet .DB_2_2{position:absolute;left:500px;top:174px; width:64px; height:5px;}
.DB_tab25 .DB_imgSet .DB_2_3{position:absolute;left:560px;top:200px; }
.DB_tab25 .DB_imgSet .DB_2_4{position:absolute;left:500px;top:209px; font-size:16px; color:#93a4ab;width:100px;  }
.DB_tab25 .DB_imgSet .DB_2_5{position:absolute;left:500px;top:259px; font-size:16px; color:#93a4ab;width:100px; }
.DB_tab25 .DB_imgSet .DB_2_6{position:absolute;left:500px;top:309px; font-size:16px; color:#93a4ab;width:100px; }
.DB_tab25 .DB_imgSet .DB_2_7{position:absolute;left:500px;top:590px; }
.DB_tab25 .DB_imgSet .DB_2_8{position:absolute;left:500px;top:610px; }
.DB_tab25 .DB_imgSet .DB_2_9{position:absolute;left:944px;top:610px;width:170px; height:40px; overflow:hidden; }
.DB_tab25 .DB_menuWrap{position:absolute;width:1200px;left:50%;margin-left:-600px;}
.DB_tab25 .DB_menuWrap .DB_menuSet{position:absolute;top:-40px;text-align:center;font-size:14px;; border-radius:20px;}
.DB_tab25 .DB_menuWrap .DB_menuSet li{cursor:pointer;margin:0px 5px 0px 0px;display: inline; float:left; overflow: hidden; width:160px; height:30px; color:#878686;}
.DB_menuSet .select span{background:#f87330; color:#fff;}
.DB_menuSet li span{ background:#f4f1ee;}

.DB_tab25 .DB_prev{position:absolute;left:-100px;top:268px;cursor:pointer;display:none}
.DB_tab25 .DB_next{position:absolute;right:-100px;top:268px;cursor:pointer;display:none}









.item-list {
	height: auto;
	width:326px;;
	
}
#shou {
	width:600px;
	height:380px;	
}
.ly{
	width:600px;
	overflow:auto;
	border-left-width: 0px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #999; 
}
.lyleft{ text-align:center;
	width:140px;
	float:left; 
}
.lysj{ margin:10px 0px;}
.lyr{ width:460px;  float:left; }
.lyn{
	width:460px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000; padding:10px 0px;
}
.lyhf{border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000; }
#shou li{float: left; margin-top:5px; line-height:35px; margin-left:60px ;}
 .bt_2 { 
	position:absolute;
	left:75px;
	color:#d4d4d4; 
 }
 
.bt_1 {
	width: 80px;
	height: 30px;
	position:absolute;
	left:520px;
	color:#d4d4d4; 
 }
 .hf_t{ font-size:10px;}
input { border:1px solid #93a4ab; float:left;
	margin-bottom:17px;border-radius:7px;
	
	
}
textarea { border:1px solid #93a4ab;border-radius:7px;float:left;
	
	
}
#pages a {text-decoration:none; color:000;}
li{ list-style:none;}
/* CSS Document */

