@charset "utf-8";
/* CSS Document */
body,form { margin:0px auto;font-family:Verdana, Helvetica, sans-serif;font-size:12px;background:#ffffff; color:#2d2d2d;}
img {border:none;}
ul li {list-style-type:none;}
ul,form,p,a,img,table,tr,td,li,input {margin:0px;padding:0px;}
a{text-decoration:none;color:#2d2d2d;}
.zongk{ width:1200px; margin:0px auto;}


.fl{ float:left}
.fr{ float:right}
.clear{ clear:both}	
.blod{ font-weight:bold;}
.colorff{ color:#ffffff;}
.f12{ font-size:12px; }


.zong640,.zong320{display:none;}

.header{width:1200px; margin:0px auto; position:relative;}
.header .li1{ padding-top:39px;}
.header .li2{ padding-top:12px; font-size:18px;}
.header .header_right li{ padding-top:27px;}
.header .li3{ padding-right:8px;}
.header .li3 a{border-right:2px solid #818181; padding-right:10px;}
.header .input1{ width:302px; height:37px; margin-top:20px; border:1px solid #e9e8e8; line-height:37px; padding-left:10px; font-family:Verdana, Geneva, sans-serif;}
.header .sub{width:76px; height:35px; position:absolute; right:2px; top:68px; border:none; background:url(../img/3_03.jpg) no-repeat; cursor:pointer;}


/*dh*/
.zongknav{padding:0px; margin:0 auto;background:url(../img/4_02.jpg) repeat-x;height:61px; }
.zongk{width:1200px;margin:0px auto;}
.sf-menu { position:relative; z-index:99999; }
.sf-menu li a{ color:#ffffff; font-size:15px; }
.sf-menu li ul{display:none;}
.sf-menu li:hover ul{display:block;position:absolute; background:#e8e8e8;}
.sf-menu li:hover ul li { display:block;width:170px;line-height:45px;text-align:center;}
.sf-menu li:hover ul li:hover { background:#fda503;color:#ffffff;}
.sf-menu li:hover ul li:hover a{color:#ffffff;}
.sf-menu .yijilwi{ display:inline-block; line-height:50px;width:170px;text-align:center;margin-top:8px;}
.sf-menu .yijilwi:hover{color:#ffffff; background:#fda503; }
.sf-menu .yijilwi1:hover{ color:#ffffff; background:#fda503; }
.sf-menu .yijilwi2{color:#ffffff; background:#fda503;}
.sf-menu li .navpro{display:none;}
.sf-menu li:hover .navpro{background:#f2f2f2; display:block;width:300px; position:absolute;top:55px;padding-top:5px;}
/*.sf-menu li:hover .navpro p{ margin-top:24px; color:#5fc9ec;padding-left:10px;}
.sf-menu li:hover .navpro .img3{padding-left:5px;}
.sf-menu li .navprobg{padding-left:10px; padding-bottom:10px; padding-top:10px; width:300px; height: 80px; float:none !important}
.sf-menu li .navprobg img{ width:67px; margin-top:15px;}*/

.sf-menu li:hover .navpro p{margin-top: 11px;color:#5fc9ec;padding-left:10px;}
.sf-menu li:hover .navpro .img3{padding-left:5px;}
.sf-menu li .navprobg{padding-left:10px;padding-bottom:10px;padding-top:10px;width:300px;height: 38px;float:none !important; position:relative;}
.sf-menu li .navprobg img{width: 40px;margin-top: 6px;}


.navprobg:hover .erji{ top:0px;}
.erji{ position:absolute; width:300px; left:300px; top:-99999px;}

.erji li { display:block; padding-left:20px; line-height:45px;width:auto !important; text-align:left !important}

.erji li  a{ color:#333;}
.erji li:hover{ background:#00b5f2;}



.home_about{ background:#ededed; width:100%;}
.home_about .img1{ width:100%;}
.about p a:hover{ color:#fda503;}
.about p{ font-size:15px; line-height:60px;}
.about span,.about span .zhong{ color:#fda503;}

.company .p{ font-size:22px; padding-top:40px;padding-left:55px; padding-right:55px; padding-bottom:25px;}
.company .p a:hover{ color:#fda503; background:url(../img/About-Us1_04.jpg) repeat-x 0px 30px;display:block; heght:100px;}
.company .hr{background:url(../img/About-Us3_05.jpg) repeat-x; height:2px;}
.company .p2 a{ color:#fda503;}



.exhibition{ float:left; display:inline; width:100%; line-height:30px; height:30px; font-size:16px; }
.exhibition span{ padding-left:40px; float:left; display:block; padding-right:5px; background-color: #FFFFFF; background-repeat: no-repeat; background-position: left center; }
.exhibitiontp{ float:left; display:inline; width:100%; margin-top:25px;}
.exhibitiontp ul{ float:left; display:inline;}
.exhibitiontp ul li{ float:left; display:inline; position:relative; padding-left:35px; padding-top:25px;}
.exhibitiontp ul .li1{ padding-left:0px;}
.exhibitiontp ul .li1 span{ position:absolute; left:100px;}
.exhibitiontp ul li span{ position:absolute; left:140px; top:130px; z-index:999;}
 #baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;z-index:1000000;  background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease}
 #baguetteBox-overlay.visible{opacity:1}
 #baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center;}
 #baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}
 #baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6);}
 
 #baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:sans-serif;}
 #baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px; }
 #baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-moz-transform .4s ease;transition:left .4s ease,transform .4s ease}
 #baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}
 #baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}
 .baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px; }
 .baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;
 border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease;}
 .baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}
 .baguetteBox-button#next-button{right:2%}
 .baguetteBox-button#previous-button{left:2%}
 .baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px; }
 .baguetteBox-button svg{position:absolute;left:0;top:0}
 .spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px; }
 .double-bounce1,.double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}
 .double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}
 @-webkit-keyframes bounceFromRight{0%{margin-left:0}50%{margin-left:-30px; }100%{margin-left:0}}
 @keyframes bounceFromRight{0%{margin-left:0}50%{margin-left:-30px; }100%{margin-left:0}}
 @-webkit-keyframes bounceFromLeft{0%{margin-left:0}50%{margin-left:30px; }100%{margin-left:0}}
 @keyframes bounceFromLeft{0%{margin-left:0}50%{margin-left:30px; }100%{margin-left:0}}
 @-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}
 @keyframes bounce{0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}
 .markemap{ float:left; display:inline; width:100%; margin-top:37px; text-align:center;}


.pp .p1{ font-size:13px; text-align:center; padding-top:25px;}
.pp .p1 a:hover{ color:#fda503;}
.pp .p1 a.a1{ color:#fda503; }
.pp .p1 a{ display:inline-block; padding-left:5px;}

.bottom1{ height:320px; background:url(../img/bottomx_03.jpg) repeat-x;display:block; margin-top:45px;}
.bottom{ width:1200px; margin:0px auto; position:relative;}
.bottom .p1{ font-size:18px; padding-top:30px; padding-bottom:10px;}
.bottom .li1{ padding-top:10px; background:url(../img/bottom2_03.jpg) no-repeat 0px 16px; padding-left:13px;}
.bottom .left{ padding-right:71px;}
.bottom .center1{ padding-left:72px; padding-right:75px;}
.bottom .center2{ padding-left:73px; padding-right:32px;}
.bottom .img{ padding-top:33px;}
.bottom .li2{ padding-top:10px; background:url(../img/bottom7_03.jpg) no-repeat 0px 12px; padding-left:19px;}
.bottom .li3{ padding-top:10px; background:url(../img/bottom7_06.jpg) no-repeat 0px 12px; padding-left:19px;}
.bottom .li4{ padding-top:10px; background:url(../img/bottom7_08.jpg) no-repeat 0px 12px; padding-left:19px;}
.bottom .li5{ padding-top:10px; background:url(../img/bottom7_11.jpg) no-repeat 0px 12px; padding-left:19px;}
.bottom .p2{ font-size:18px; padding-top:30px; padding-bottom:10px;}
.bottom .img0{padding-left:15px;padding-right:10px;}
.bottom .img1{padding-right:10px;}
.bottom .li6{padding-top:10px;}
.bottom .li7{ background:url(../img/bottom6_03.jpg) no-repeat 55px 7px;}
.bottom .li7 a{ display:block;}
.bottom .mao{  width:42px; height:39px; position:fixed; bottom:50px; right:30px; display:block;}
.bottom a:hover{ color:#fda503;}
.bottom .top{ width:42px; height:39px; position:fixed; bottom:50px; right:30px; display:block;}

 #returnTop {
	_display:none;
	position:fixed;
	_position:absolute;
	z-index:999;
	right:140px;
	bottom:283px;
	_bottom:auto;
	width:42px;
	height:39px;
	text-indent:-999px;
	overflow:hidden;
	background-image:url(../img/mao_03.jpg);
	_background-image:url(../img/mao_03.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	transition:bottom 0.9s;
	-webkit-transition:bottom 0.9s;
	-moz-transition:bottom 0.9s;
	-o-transition:bottom 0.9s;
}
/*#returnTop:hover {
	background-position:0 -65px;
}*/
.fax_bt{ Z-INDEX: 10000; POSITION: fixed; WIDTH: 140px;	margin-top:0px;	text-align:center;  right:0; HEIGHT:180px;background:#fda503; _position:absolute; _top:50px; }
.fax_bt{ position:fixed; right:0; width:140px; height:180px; background:#fda503;top:50%;  z-index:999999; _position:absolute; _top:expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);}
.guanbi{ position:absolute; bottom:10px; right:10px;}


.header .header_right ul li img{  height:16px; display:inline-block; margin-left:5px;}