﻿/*style for index*/

*{margin:0; padding:0; font:"微软雅黑";}

body{font:normal 100% "微软雅黑";}

p{font-size:12px;}

ul, ol, li{list-style-type:none;}

a{text-decoration:none;}

span{font-size:14px;}

img{border:none;}



/******/

#top{width:1349px; height:30px;background-color:#e0e0e0; color:#333333; margin:0 auto; margin-top:0px;box-shadow:0px 0px 8px #989898;}

.tt{width:1024px; margin:0 auto;}

#welcome{float:left; line-height:30px; height:30px;}

.sina img{margin:6px 0;}

.chiclet img{margin:4px 4px; width:18px; float:left;}

#language{float:right; line-height:30px; height:30px;}

#language a{color:#333333;}



/*header*/

#header{width:1349px; height:105px; margin:0 auto; box-shadow:0px 0px 8px #989898; position:relative; z-index:99;}

#logo{float:left; width:243px; height:105px;}

#right-bar{width:685px; height:80px; margin-top:22px; float:right;}

#search{width:290px; height:25px; float:right; }

#select{width:125px; height:25px; float:left; margin-right:5px; border:1px #cecece solid; overflow:hidden; font-family:"微软雅黑"; color:#717171;}

#search input{width:125px; height:15px; border:1px #cecece solid; padding:4px; font-family:"微软雅黑";}

#submit{width:25px; height:25px; position:absolute;}

#submit input{width:25px; height:25px; background:url(../images/search.jpg) no-repeat; border:none;}

#nav{width:600px; height:60px; position:absolute; left:609px; top:47px;}

#nav ul{width:600px; height:60px; padding:18px 0;}

#nav ul li{width:100px; height:40px; float:left; text-align:center;}

#nav ul li a{font-size:14px; color:#717171;}

.seperate{background:url(../images/huadong.png) repeat center;}

.drop-menu{box-shadow:0px 0px 8px #989898; position:absolute; top:58px; background-color:#FFFFFF; border:1px #aaaaaa solid; display:none; z-index:999;}

#aboutus{width:240px; height:auto; padding-bottom:20px;}

#aboutus h1,h2{font-size:12px;color:#2983bf; text-align:center; padding:5px 20px; font-weight:normal;}

#aboutus img{display:block; float:left; padding:10px 20px 0 20px; width:124px; height:90px;}

.drop-menu:after{top:-10px; left:40px; position:absolute; content:""; width:0; height:0;

border-left: 8px solid transparent;

border-right: 8px solid transparent;

border-bottom: 11px solid #FFF;

border-top: 0;}

.drop-menu a:hover{display:block; background-color:#f1f1f2; box-shadow:0px 0px 8px #989898;}

#log-menu{width:140px; height:auto; padding:20px;}

#sup-menu{width:160px; height:auto; padding:20px;}

#news-menu{width:100px; height:auto; padding:20px;}

#contact-menu{width:100px; height:auto; padding:20px;}





/*banner*/

.flexslider{margin:40px auto;position:relative;width:1349px;height:450px;overflow:hidden;zoom:1;}

.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}

.flexslider .slides{zoom:1;}

.flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:-60px 0 0;display:block;background:url(../images/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;}

.flex-direction-nav .flex-next{background-position:0 -90px;right:0;}

.flex-direction-nav .flex-prev{left:0;}

.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}

.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}

.flex-control-nav{width:100%;position:absolute;bottom:10px; left:80.059303%; z-index:100;}

.flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}

.flex-control-paging li a{background:url(../images/dot.png) no-repeat 0 -16px;display:block;height:16px;overflow:hidden;text-indent:-99em;width:16px;cursor:pointer;}

.flex-control-paging li a.flex-active{background-position:0 0;}



#focusBar{width:1349px;height:525px;clear:both;position:relative;background:#FFFFFF;overflow:hidden; margin:0 auto;}

#focusBar li{width:100%;clear:both;height:525px;display:none;position:absolute;/* position:relative;*/}

#focusBar .focusL{height:525px;position:absolute;z-index:9;/*left:-1000px;*/ top:60px;left:-600px;margin-left:50%;}

#focusBar .focusR{height:525px;position:absolute;z-index:19;/* right:1000px;*/top:215px;left:100px;margin-left:50%;}

a.arrL,a.arrR{display:none;width:52px;height:134px;position:absolute;top:200px;z-index:99;cursor:pointer;background:url(../images/bt_arr.png) no-repeat;}

a.arrL{left:0;background-position:0px 0px;}

a.arrR{right:0;background-position:-68px 0px;}

a.arrL:hover{background-position:0px -144px;}

a.arrR:hover{background-position:-68px -144px;}



/*services*/

#service{width:1349px; height:188px; border-bottom:1px #aaaaaa solid; box-shadow:0px 0px 8px #989898; margin:0 auto;}

.wrapper{width:1024px; height:130px; margin:0px auto; padding-top:20px;}

.logistics{width:510px; float:left;}

.title{font-size:16px; color:#333333; margin-right:5px;}

.classify a{font-size:12px; color:#aaaaaa; margin-right:5px;}

.classify a:hover{color:#666666;}

.image{width:524px; height:100px; margin-top:10px;}

.image img{width:156px; height:100px; margin-right:5px; box-shadow:0px 0px 2px #989898;}

.supplychain{width:510px; float:right; margin-left:4px;}



/*company introduce*/

.content{width:1349px; height:260px; margin:0 auto;}

.info{width:1024px; height:260px; margin:0 auto;}

.introduce{width:393px; height:220px; float:left; margin-top:20px; margin-right:20px;}

.introduce h1{font-size:16px; color:#333333; font-weight:400; margin-bottom:10px;}

#building{width:169px; height:134px; float:left; margin-bottom:20px;}

#article{width:210px; height:134px; float:right; font-size:12px; color:#5d5d5d; margin-bottom:20px; font-family:"微软雅黑"; line-height:20px;}

#nav-intro{width:393px; height:28px;}

#nav-intro a{width:85px; height:40px; border:1px #e1e1e1 solid; color:#5d5d5d; font-size:14px; padding:5px 16px; margin-right:5px;}



/*company news*/

.news{width:385px; height:220px; float:left; margin-top:20px; margin-right:20px;}

.aa li{float:left; padding-bottom:10px;}

.aa h2{font-size:16px; color:#333333;}

.more{float:right; font-size:12px; padding-top:5px;}

.more a{color:#5d5d5d;}

.each-news{width:385px; height:178px; margin-top:20px; float:left;}

.each-news a{font-size:12px; color:#5d5d5d;}

.each-news a:hover{color:#333333;}

#company{display:none;}

.ss{background:url(../images/news-banner.png) no-repeat center;}



/*sidebar img*/

#query{float:right; width:191px; height:220px; margin-top:20px;}

#query img{margin-top:5px;}



/*footer*/

#footer{width:1349px; height:130px; background-color:#e0e0e0; margin:0 auto; box-shadow:0px 0px 8px #989898;  margin-top:10px;}

#footer-bar{padding-top:40px; float:left;}

#footer-bar a{font-size:14px; color:#333333;}

#footer-bar p{font-size:12px; color:#333333; margin-top:5px;}

#footer-bar p a{font-size:12px; color:#333333; margin-top:5px;}

#footer-logo{float:right; padding-top:10px;}

#footer-logo img{margin-top:10px;position: absolute;
    right: 20px;
    clip: rect(0px,198px,194px,0px);}

.clear,.cl{ clear:both;}



/*style for subpages*/

.ziye-banner{width:1349px; height:auto; margin:0 auto;}

.ziye-banner img{width:1349px; height:138px; margin:0 auto;}

.sub-content{width:1024px; height:auto; margin:0px auto;}

.cur-addr{font-size:12px;color:#6b6b6b; margin:20px 0;}

.cur-addr span{font-size:12px;}

.cur-addr a{color:#6b6b6b;}

.sidebar{width:187px; height:auto;  border:1px #e0e0e0 solid; float:left;}

.sidebar h1{font-size:16px; font-weight:normal; color:#333333; padding:20px;}

.sidebar ul li{width:187px; line-height:42px; height:42px; padding-left:20px;}

.sidebar ul li a{font-size:14px; color:#6b6b6b;}

.hh{background:url(../images/subbg.jpg) no-repeat left;}

.essay{width:830px; height:auto; border:1px #e0e0e0 solid; padding-bottom:50px; float:right;}

.essay h1{font-size:16px; font-weight:normal; color:#333333; padding:20px 26px;}

.essay-c{margin:10px 26px;}

.essay-c p{font-size:12px; color:#6b6b6b; line-height:20px; letter-spacing:1px;}

.international{float:left; margin-top:30px;}

.international ul li{float:left; height:30px; line-height:30px; background-color:#d9d9d9; margin-right:3px; text-align:center; padding:0 20px;}

.international span{color:#444444; font-size:12px;}

.int{background:url(../images/blue1.png) no-repeat center;}



/*aboutus*/

.at{float:right; margin-top:30px;}

.about{float:left; width:500px; margin-top:15px;}

.about ul li{float:left; width:100px; background-color:#d9d9d9; padding:5px 10px; margin-right:5px; text-align:center;}

.about a{color:#444444;}

.abt{background:url(../images/blue.png) no-repeat center;}

.abt a{color:#FFFFFF;}

.about-content{color:#444444; font-size:12px; padding-top:70px; padding-bottom:20px;}



/*news*/

#news-images{width:779px; height:306px; position:relative; margin:0 auto;}

#news-images img{width:779px; height:306px; margin:0 auto; border:0;}

#news-title{width:779px; height:34px; background-color:#333333; position:absolute; z-index:10; bottom:0;

filter:alpha(opacity=60); 

-moz-opacity:0.6;

opacity: 0.6; }

.news-content{width:779px; height:auto; margin:20px auto;}

#news-title h2{padding:10px; color:#FFFFFF;}

.news-title01{float:left; font-size:14px; color:#5d5d5d; width:500px;}

.time{float:right; font-size:14px; color:#5d5d5d; width:80px;}

.page{float:right;}

#log-query{float:right; width:450px; height:240px;}

#text-query{width:450px; height:188px; border:1px #b3b3b3 solid; font-size:14px; color:#b3b3b3; padding:5px;}

.sub-query{background-color:#0274bd; width:90px; height:36px; border:none; margin-right:10px; margin-top:20px; font-size:16px; color:#FFFFFF;}

#price-query h1{color:#484848;}

.select-type{width:245px; height:40px; border:1px #b3b3b3 solid;}

.operation{border:none; width:240px; height:18px; margin:10px auto; font-family:"微软雅黑"; color:#6b6b6b;}

.input-type{position:absolute; font-size:14px; color:#b3b3b3; margin-top:2px;}

.unit{padding-left:5px; color:#484848;}

.length{width:80px; height:40px; border:1px #b3b3b3 solid;}

.bb input{padding-left:5px; font-size:24px; color:#6b6b6b;}

#news_con a{font-size:12px; color:#6b6b6b; line-height:20px;}

#news_con span{margin-right:20px; font-size:12px; color:#6b6b6b;}



/*contact*/

.all-address{float:right; width:450px; height:auto;}

.address{width:450px; height:150px;}

.address p{margin-left:10px; padding-left:15px;}

#leavemessage{margin-top:10px;}

#leavemessage input{width:240px; height:35px; border:1px #e9e5e5 solid; font-size:16px; margin-top:10px; padding:5px;}

.essay-c h2{font-size:16px; color:#0273bf; margin-top:10px; margin-bottom:5px;}

.essay-c em{color:#FF0000;}

.cc{margin:5px 0;}

.cc em{color:#FF0000; margin-right:10px; padding-top:10px;}

.cc span{font-size:16px; margin-top:10px;}

#advice{width:450px; height:188px; border:1px #e9e5e5 solid; font-size:16px;  padding:5px;}

.job{width:375px; height:178px; border:1px #e9e5e5 solid; float:left; margin-right:10px; margin-bottom:10px; overflow:hidden;}

.job p{margin-left:25px; margin-top:5px;}

#result{position:absolute; top:600px; left:800px; width:230px; height:50px; font-size:24px; border:1px #999999 solid; text-align:center; line-height:50px; padding:10px 0; display:none;}

.jo{float:right; margin-right:40px; margin-top:10px; color:#666666; font-size:12px;}

.pro_dcontent ul li{font-size:12px; color:#666666; cursor:pointer;}

.pro_dcontent span{margin:0 10px;}