/*banner*/
/*font*/
@font-face {
    font-family: "YtoIcons";
	src:url("../fonts/YtoIcons.eot");
    src:url("../fonts/YtoIcons.eot?#iefix") format("embedded-opentype"), 
	url("../fonts/YtoIcons.woff") format("woff"), 
	url("../fonts/YtoIcons.ttf") format("truetype"), 
	url("../fonts/YtoIcons.svg#ElegantIcons") format("svg");
	font-weight: normal;
	font-style: normal;
}
.icofont{
	font-family: 'YtoIcons';
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/*.banner { width:100%;position:relative;z-index:8; height:380px; overflow:hidden}*/

.banner .img{
    width: 100%;
}
.banner img { border:none;}

.showpic{ width:100%; height:500px; overflow:hidden;}
.first,.two,.three,.four{ background-position:center top; background-repeat:no-repeat; height:350px; width:100%;}
.first{background-image:url(../images/first.jpg);}
.two{background-image:url(../images/two.jpg);}
.three{background-image:url(../images/three.jpg);}
.four{background-image:url(../images/four.jpg);}

.banner-Left, .banner-Right{ position:absolute;  z-index:3; top:30%; width:100px; height:150px;  }
.banner-Left{left:20px;}
.banner-Right{right:20px; }
.banner-Left .icofont, .banner-Right .icofont{ font-size:150px; color:#fff; float:left; text-align:left; overflow:hidden; margin-left:-30px; opacity:0.5; filter:alpha(opacity=50);}
.banner-Left .icofont:hover, .banner-Right .icofont:hover{opacity:1; filter:alpha(opacity=100);}

.banner .query_bg {
    width:100%;
    height:120px;
    background-color:#424b50;
    position:absolute;
    bottom:0;
    opacity:0.5;
    z-index:3;
    filter:alpha(opacity=50);
}
.banner .query_bg span {
   background:#000;
   color:#fff;
   height:100%;
   width:980px;
   margin:0 auto;
   display:block;
}

.banner .query_bar {
   position:relative;
   z-index:120;
   top:-120px;
   width:980px;
   margin:0 auto;
}
.banner .query_bar ul {}

.banner .query_bar ul li { float:left; display:block; width:243px; border-right:solid rgba(255,255,255,0.2) 1px; }
.banner .query_bar ul li:last-child  { border-right:none}

.serve-ico{width:243px; height:120px; float:left; display:inline; color:#fff; text-align:center; transition:width 0.5s ease 0s; -webkit-transition:width 0.5s ease 0s;}
.serve-ico a{ color:#fff; display:block; padding-top:18px; height:102px;}
.serve-ico i{ font-style:normal; font-size:36px; display:block; height:44px; padding:10px 10px 0; margin:0 auto; transition:font-size 0.2s ease 0s; -webkit-transition:font-size 0.2s ease 0s;}
.serve-ico span{ display:block; font-size:14px; position:relative; bottom:0; padding:10px 10px 0 10px;}

.serve-nav .serve-hover{background:#424b50; border-right-color:rgba(255,255,255,0.3); width:436px;}
.serve-nav .serve-li{width:80px;}
.serve-li .serve-ico{ width:80px; text-align:left;}
.serve-li .serve-ico i{ width:80px; font-size:24px;}
.serve-hover .serve-ico{ width:80px; text-align:left;}
.serve-hover .serve-ico i{ font-size:24px; color:#00aa3a;}
.serve-hover .serve-cont{ left:80px; visibility:visible; width:330px;}
.serve-ico-kf:hover i{ display:block; color:#ff9605;-webkit-animation:gWelHealth 0.8s ease-in-out;-moz-animation:gWelHealth 0.8s ease-in-out;-o-animation:gWelHealth 0.8s ease-in-out;-ms-animation:gWelHealth 0.8s ease-in-out;animation:gWelHealth 0.8s ease-in-out;}

.ico-rx{ font-size:24px; height:44px; padding:28px 0 0 0; overflow:hidden; width:160px; margin:0 auto;}
.ico-rx .ico-rx-a, .ico-rx .ico-rx-b, .ico-rx .ico-rx-c, .ico-rx .ico-rx-d, .ico-rx .ico-rx-e,.ico-rx .ico-rx-f,,.ico-rx .ico-rx-h,,.ico-rx .ico-rx-i,.ico-rx .ico-rx-j,.ico-rx .ico-rx-k{float:left; width:18px;}
.serve-ico-rx:hover .ico-rx-a{ animation:rx 0.5s ease-in-out 0s; -webkit-animation:rx 0.5s ease-in-out 0s;}
.serve-ico-rx:hover .ico-rx-b{ animation:rx 0.5s ease-in-out 0.2s; -webkit-animation:rx 0.5s ease-in-out 0.2s;}
.serve-ico-rx:hover .ico-rx-c{ animation:rx 0.5s ease-in-out 0.4s; -webkit-animation:rx 0.5s ease-in-out 0.4s;}
.serve-ico-rx:hover .ico-rx-d{ animation:rx 0.5s ease-in-out 0.6s; -webkit-animation:rx 0.5s ease-in-out 0.6s;}
.serve-ico-rx:hover .ico-rx-e{ animation:rx 0.5s ease-in-out 0.8s; -webkit-animation:rx 0.5s ease-in-out 0.8s;}
.serve-ico-rx:hover .ico-rx-f{ animation:rx 0.5s ease-in-out 1.0s; -webkit-animation:rx 0.5s ease-in-out 1.0s;}
.serve-ico-rx:hover .ico-rx-h{ animation:rx 0.5s ease-in-out 1.2s; -webkit-animation:rx 0.5s ease-in-out 1.2s;}
.serve-ico-rx:hover .ico-rx-i{ animation:rx 0.5s ease-in-out 1.4s; -webkit-animation:rx 0.5s ease-in-out 1.4s;}
.serve-ico-rx:hover .ico-rx-j{ animation:rx 0.5s ease-in-out 1.6s; -webkit-animation:rx 0.5s ease-in-out 1.6s;}
.serve-ico-rx:hover .ico-rx-k{ animation:rx 0.5s ease-in-out 1.8s; -webkit-animation:rx 0.5s ease-in-out 1.8s;}
.serve-ico-rx:hover .serve-ico-phone{ bottom:0px;}
.serve-ico-rx:hover span{ display:none;}
.serve-ico-phone{position:absolute; bottom:-36px; background:#00aa3a; width:100%; height:36px; line-height:36px; text-align:center; transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; font-size:14px;}

@keyframes gWelHealth {
0% {
    transform: rotate(0deg);
    transform-origin: right bottom 0;
	
}
39% {
    transform: rotate(5deg);
    transform-origin: right bottom 0;
}
40% {
    transform: rotate(5deg);
    transform-origin: left bottom 0;
}
75% {
    transform: rotate(-10deg);
    transform-origin: left bottom 0;
}
100% {
    transform: rotate(0deg);
    transform-origin: left bottom 0;
}
}
@-webkit-keyframes gWelHealth {
0% {
    -webkit-transform: rotate(0deg);
    -webkit-transform-origin: right bottom 0;
}
39% {
    -webkit-transform: rotate(5deg);
    -webkit-transform-origin: right bottom 0;
}
40% {
    -webkit-transform: rotate(5deg);
    -webkit-transform-origin: left bottom 0;
}
75% {
    -webkit-transform: rotate(-10deg);
    -webkit-transform-origin: left bottom 0;
}
100% {
    -webkit-transform: rotate(0deg);
    -webkit-transform-origin: left bottom 0;
}
}
@-moz-keyframes gWelHealth {
0% {
    -moz-transform: rotate(0deg);
    -moz-transform-origin: right bottom 0;
}
39% {
    -moz-transform: rotate(5deg);
    -moz-transform-origin: right bottom 0;
}
40% {
    -moz-transform: rotate(5deg);
    -moz-transform-origin: left bottom 0;
}
75% {
    -moz-transform: rotate(-10deg);
    -moz-transform-origin: left bottom 0;
}
100% {
    -moz-transform: rotate(0deg);
    -moz-transform-origin: left bottom 0;
}
}
@-o-keyframes gWelHealth {
0% {
    -o-transform: rotate(0deg);
    -o-transform-origin: right bottom 0;
}
39% {
    -o-transform: rotate(5deg);
    -o-transform-origin: right bottom 0;
}
40% {
    -o-transform: rotate(5deg);
    -o-transform-origin: left bottom 0;
}
75% {
    -o-transform: rotate(-10deg);
    -o-transform-origin: left bottom 0;
}
100% {
    -o-transform: rotate(0deg);
    -o-transform-origin: left bottom 0;
}
}
@-ms-keyframes gWelHealth {
0% {
    -ms-transform: rotate(0deg);
    -ms-transform-origin: right bottom 0;
}
39% {
    -ms-transform: rotate(5deg);
    -ms-transform-origin: right bottom 0;
}
40% {
    -ms-transform: rotate(5deg);
    -ms-transform-origin: left bottom 0;
}
75% {
    -ms-transform: rotate(-10deg);
    -ms-transform-origin: left bottom 0;
}
100% {
    -ms-transform: rotate(0deg);
    -ms-transform-origin: left bottom 0;
}
}
@keyframes rx {
0% {
	font-size:24px;
}
50% {

	font-size:40px;
	color:#ed5736;
}

100% {
	font-size:24px;
	
	
}
}
@-webkit-keyframes rx {
0% {
	font-size:24px;
}
50% {

	font-size:40px;
	color:#ed5736;
}

100% {
	font-size:24px;
	
	
}
}
@keyframes yt {
0% {
    top:7px;
}
25% {

	top:15px;
}

50% {

	top:10px;
}
75% {
	top:5px;
	
	
}
100% {
	top:7px;
	
	
}
}
@-webkit-keyframes yt {
0% {
    top:7px;
}
25% {

	top:15px;
}

50% {

	top:10px;
}
75% {
	top:5px;
	
	
}
100% {
	top:7px;
	
	
}
}
@-ms-keyframes yt {
0% {
    top:7px;
}
25% {

	top:15px;
}

50% {

	top:10px;
}
75% {
	top:5px;
	
	
}
100% {
	top:7px;
	
	
}
}

/*query*/
.query{
    width: 980px;
    height: 115px;
    margin: 10px auto 0px auto;

    position: relative;
    left: 50%;
    margin-left: -490px;
    /*margin-top: -73px;
        backgroud: #ff9400;
*/
}

/*
by sinotech
*/
.query ul {}

.query ul li {width:120px; height:100px ; background :#f69919; float:left; margin-right:2px;}

.query ul li {width:120px; height:100px ; background :#f69919; float:left; margin-right:2px;}
.query ul li.mobile {  background: url("../images/sjcx_icon.png") no-repeat;}
.query ul li.freight { background: url("../images/yjcx_icon.png") no-repeat;}
.query ul li.dept { background: url("../images/wdcx_icon.png") no-repeat;}
.query ul li.agency { background: url("../images/dskcx_icon.png") no-repeat;}
.query ul li.order { width:490px;}
.query ul li .orderSubmit {float:right; margin:32px 10px 0 0px; background: url("../images/ydcx_btn.png") no-repeat; width:136px; height:36px; border:none; outline:none}
.query ul li .orderInput {color:#696969; padding:5px; float:left; height: 36px; width: 320px;  border: none; border-radius: 4px; outline: none;  margin: 32px 0 0px 10px;}
.query ul li:last-of-type { margin-left:0px;}
.query ul li a { display:block; width:100%; height:100%}

.query_l{
    width: 442px;
    float: left;
    background: url("../images/query_l.png") no-repeat;
    height: 115px;
}
.line{
    background: url("../images/line.png") no-repeat;
    width: 1px;
    height: 115px;
    float: left;
}
.query_r{
    float: left;
    width: 537px;
    background: url("../images/query_r.png") no-repeat;
    height: 115px;
}
.query_l_s, .query_r_s{
    float: left;
    height: 35px;
    margin: 15px 0 -5px 100px;
}
.query_l_x, .query_r_x{
    float: left;
    height: 35px;
    margin: 15px 0 5px 100px;
}
/*content*/
.content{
    width: 980px;
    margin: 0px auto;
   /* height: 100%;*/
    overflow: hidden;
    margin-bottom: 0px;
}
.block{
    width: 315px;
    height: 370px;
    float:right;
    background: #fff;
}
.block_t { 
   background:url("/style/images/titlebg.png") no-repeat;
   width:290px;
   height:32px;
   margin:0 13px;
   margin-top:10px;
}
.block1,.block2{
    width: 315px;
    height: 370px;
    float:left;
    background: #fff;
    margin-left: 17px;
}
/*.title{
    /*background: #2d4293;*/
    width: 103px;
    height: 32px;
    border-radius: 5px;
    float: left;
    /*margin: 10px;*/
    font-size: 15px;
    font-weight: bold;
    line-height: 32px;
    text-align: center;
    color: #fff;
}*/
.block_t span{
    /*margin-top: 15px;*/
   line-height:32px;
    float: left;
    font-size: 15px;
    margin-left: 10px;
}
.block img,.block1 img,.block2 img{
    margin:5px 13px;
    width: 290px;
}
.block p{
    margin:0 13px;
    width: 290px;
    line-height: 23px;
    text-indent: 24px;
    height: 135px;
    overflow: hidden;
}
.block1 ul li{
    margin:0 13px;
    line-height: 23px;
}
.block2 ul li{
    margin:0 13px;
    line-height: 20px;
}