@charset "utf-8";
/*~~~~框架布局~~~*/
/* 顶部 */
.gr_header_top{background:#0a3a8f;height: 40px;line-height: 40px; color: #fff}
.gr_header_top a{color: #fff}
.gr_header_top a:hover{color:#ddd;}
.gr_header_top em{margin:0 5px 0 10px;color: #999;}
.gr_header_top .tel{background: url(../images/tel.png)no-repeat left;padding-left: 18px;margin-left: 10px;}
/* 头部主体 */
.header{height: 120px;line-height: 116px; background: #fff; /*! overflow: hidden; */}
.header .logo{margin-top: 26px;height: 90px;}
.head_left{float: left; width: 620px;}
.header .cxt{float: left; margin-top:65px;}
.head_right{width: 200px; text-align: right; padding-top:15px;}
.header .head_phone{margin-top:10px;}
.head_phone{margin-top:10px; background:url(../images/head_phone.jpg) no-repeat left top; padding-top:17px; font-family: Arial; font-size: 25px; color: #0095ff;}
.gr_header_top .weixin{position: relative;}
.gr_header_top .weixin em{display: block;width:20px;height:20px;color: #717171;font-size: 20px;}
.gr_header_top .weixin .ewm{position: absolute;left: -50px;top:29px;width:120px;height:120px;border: 1px #ddd solid;padding:5px; z-index: 9; background: #fff;filter: alpha(opacity=0); transform-origin: 95% 0%; transform:scale(0.01); -moz-transform:scale(0.01); transition:all 1s;}
.gr_header_top .weixin:hover .ewm{opacity:1;transform: scale(1);}

/* 主导航 */
.gr_nav{width: 630px; height: 65px; line-height: 65px;margin-left: 170px;margin-top: 26px;}
.gr_nav ul{width: 670px;}
.gr_nav li{float: left; width: 110px; height: 45px; font-size: 14px;}
.gr_nav li a{position: relative; display: block; width: 98px; height: 45px; color: #333333; text-align: center;font-size: 14px;}
.gr_nav li a:before{content: "";position: absolute; left:0; bottom:-49px; width:0%;height:2px; background: #d62a4f;transition: all .4s ease-in-out;}
.gr_nav li a:hover:before,.gr_nav li.active a:before{width:100%;}
.gr_nav li.last{background:none;}
.gr_nav li a:hover,.gr_nav li.active a{color:#d62a4f;}
.lag{background: url(../images/logicon.jpg)no-repeat right;padding-right: 18px;}
.header .lang{}
.header .lang a{color:#666; font-size:12px; padding:5px 10px; margin:5px;background: #eee;}
.header .lang a:hover{color:#fff; background:#d9264c}
.header .search{position:relative;margin: 50px 35px 0 0;}
.header .search em{float:left; display: block; width:20px;height:20px;font-size: 16px;color: #C2C2C2;/*! background: #ddd; */}
.header .search em:before{display: block}
.header .search:hover .box{opacity:1;height:100px;}
.header .search .box form{width:600px;margin:auto;/* padding: 25px 20px 20px 20px; */}
.header .search .box{opacity:0;position:absolute;top: 70px;right:-102px;z-index:9999;height:0px;width: 1200px;border-radius: 0 0px 5px 5px;overflow:hidden;background: #FFFCFC;border: 1px #f1f1f1 solid;}
.header .search .box span{color: #46989C;font-size:15px;padding-right:30px;}
.header .search .box input{width:0px;height: 40px;color: #666;border-bottom: 1px #46989C solid;border-left: 0px;border-top: 0px;border-right: 0px;outline: medium;background: none;}
.header .search .box input::-webkit-input-placeholder{/* WebKit browsers */color:#999;}
.header .search .box input:-moz-placeholder{/* Mozilla Firefox 4 to 18 */　color:#999;}
.header .search .box input::-moz-placeholder{/* Mozilla Firefox 19+ */color:#999;}
.header .search .box input:-ms-input-placeholder{/* Internet Explorer 10+ */color:#999;}
.header .search .box button{width: 0px;height: 0px;border: 0px;color: #fff;font-size: 15px;border-radius: 50%;cursor: pointer;background: #46989C;}
.header .search:hover input{width: 310px;transition:all .8s ease-in-out;}
.header .search:hover button{width:40px;height: 40px;transform:rotate(360deg);transition:all .8s ease-in-out;}
.header .search .box button:hover{background:#000}

/*==广告图展示↓==*/
.threeBox{margin:50px 0;/*! height: 500px; */}
.threeBox ul{height:700px;}
.threeBox li{float:left; position: relative; overflow:hidden;}
.threeBox li.x1{width:500px; height:620px;}
.threeBox li.x2{margin:0 0 20px 20px; width:680px; height:300px;}
.threeBox li.x3{margin:0 0 0 20px; width:680px; height:300px;}
.threeBox li.x2 p,.threeBox li.x3 p{display: none}
.threeBox li.x2 hr,.threeBox li.x3 hr{display: none}
.threeBox li u{ opacity: 0; position: absolute;left:0;top:50px; width:100%;height:100%; background:rgba(0,0,0,0.5);transition: all .7s ease-in-out;}
.threeBox li .box{position: absolute; left:0; bottom:0; padding:35px;width:100%;transition: all .7s ease-in-out;}
.threeBox li .box h3{color:#fff; font-size:24px; line-height:35px;/*! display: block; *//*! width: 100%; */}
.threeBox li .box p{color:#fff;font-size:14px;margin: 20px 0;}
.threeBox li .box hr{width:20px; height:1px; border:none; background: #fff;transition: 0.6s all;}
.threeBox li:hover .box{ bottom: 30px;}
.threeBox li:hover .box hr{width:54px;}
.threeBox li:hover u{ top:0;opacity:1;}

/*物流查询*/
.Logistics{height: 740px; background: #ececec;}
.logright{width: 894px;height: 580px; margin-top: 80px;}
.logright ul li{width: 280px;height: 280px;float: left;margin: 0 16px 20px 0;background: #fff;text-align: center;}
.logright ul li h4{position:relative;height: 80px;background: #fff;padding-top: 20px;}
.logright ul li h4 span{font-size: 12px;color: #999999;text-transform: uppercase; font-weight: normal;}
.logright ul li hr{display: block;width:20px; margin:auto; height:1px;border:none; background: #aaa;}
.logright ul li .effect-two{height:180px;}
.logright ul li .effect-two:before{top:10px; right:10px; bottom:20px; left:10px;border-top: 1px solid #eee;
border-bottom: 1px solid #eee;}
.logright ul li .effect-two:after{top:10px; right:10px; bottom:20px; left:10px;border-left: 1px solid #eee;
border-right: 1px solid #eee;}
.logright ul li:hover{background: #0a3a8f}
.logright ul li:hover h4{margin-top:-20px;color: #fff; background: #0a3a8f}
.logright ul li:hover span{color: #fff;opacity: 0.3;}
.logright ul li:hover hr{background: #5475b1}
.logright ul li,.logright ul li h4{transition: all .4s ease-in-out;}
.logleft{width: 288px;height: 580px;background: #fff;margin-top: 80px;}
.logleft h3{height: 60px;line-height: 60px; font-size: 18px;color: #fff; background: #0a3a8f;text-align: center;}
.logleft .logcont{width: 230px;height: 245px;margin: 0 auto;margin-top: 30px;}
.logleft .logcont textarea{width: 230px;height: 160px;border: 1px solid #dedede;}
.logleft .logcont button{width: 230px; height: 42px; margin-top: 10px; font-size: 14px; cursor: pointer; border:none;color: #fff; background: #d8234a;}
.logleft .logcont button:hover{background: #f60;}

/*关于中快*/
.about{/*! height: 629px; */}
.aboutleft{width: 632px; /*! height: 440px; */background: url(../images/videobg.jpg);margin-top: 80px;}
.aboutleft .about_video{position: relative;float: right;margin: 0px 0 40px 40px;z-index: 9;}
.aboutleft .about_video:before{content: ""; position: absolute;left:-40px; bottom:-30px; width:310px;height:230px; background: #0a3a8f;z-index: -1;}
.aboutleft .about_video a{display: block;/*! margin:0 0 20px 20px; */}
.aboutright{width: 510px;height: 440px;margin-top: 80px;}
.aboutright h2{font-size: 24px;color: #0a3a8f;margin-top: 38px;margin-bottom: 30px;}
.aboutright h2 p{font-size: 12px;color: #999999;font-family: arial;}
.aboutright a{display: block;position: relative; width: 140px;height: 42px;background: #0a3a8f;margin-top:30px;border:1px solid #0a3a8f;transition:all 0.5s;}
.aboutright a::before{content: ""; display: block; width: 54px; height: 7px; line-height: 32px; background: url(../images/jt_icon.png)no-repeat; background-position: right center; position: absolute; top: 50%; margin-top: -4px; left: 50%;margin-left:-27px;transition: 0.5s;}
.aboutright a:hover:before{display: block; width: 56px; height: 7px; line-height: 32px; background: url(../images/jt_icon.png)no-repeat; background-position: left center;}
.aboutright a:hover{background-color: #fff;}

/*==新闻↓==*/
.news{margin:80px 0 0 0;padding-bottom:80px;background: #ececec;}
.neswcont{margin: 0 auto; padding-top: 80px;}
.neswcont ul{width: 1230px;margin-left: -30px;}
.neswcont li{overflow: hidden; width: 380px;height: 490px;float: left;margin-left: 30px;background: #fff;position: relative;}
.neswcont li img{width: 380px;height: 240px;}
.neswcont li .cont{padding:30px 20px 20px 30px;}
.neswcont li .cont h4{font-size: 14px;}
.neswcont li .cont span{font-size: 12px;padding-bottom: 10px; border-bottom: 1px solid #9b9b9b;transition:all 0.5s;}
.neswcont li .cont p{font-size: 12px;margin-top: 20px;margin-bottom: 16px;}
.neswcont li .cont b{display: block;position: relative; width: 110px;height: 32px;background: #0a3a8f;transition: all .5s;border:1px solid #0a3a8f}
.neswcont li .cont b::before{content: ""; display: block; width: 54px; height: 7px; line-height: 32px; background: url(../images/jt_icon.png)no-repeat; background-position: right center; position: absolute; top: 50%; margin-top: -4px; left: 50%;margin-left:-27px;transition: 0.5s;}
.neswcont li:hover h4{color: #0a3a8f;}
.neswcont li:hover .cont b::before{display: block; width: 56px; height: 7px; line-height: 32px; background: url(../images/jt_icon.png)no-repeat; background-position: left center;}
.neswcont li:hover .cont b{background-color: #fff;}
.neswcont li img{transition: all 0.5s;}
.neswcont li em{cursor: pointer;height: 240px;width: 380px; left: -380px;position: absolute;top: 0;transform: skewX(-25deg);transition: all 0s; width: 380px; background-image:-moz-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0)); background-image:-webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0)); background-image:-o-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0)); background-image:-ms-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0));}
.neswcont li:hover em{left:380px;transition: all 0.7s;}

/*底部样式*/
.footer{height: 334px; background: #212327;}
.footMenu{float: left;margin-right: 80px;}
.footMenu h2 a{font-size: 16px;color: #fff;}
.footMenu p a{font-size: 12px;color: #888;/*! opacity: 0.4; */}
.footMenu a:hover{color:#fff}
.footer_up{height: 264px;padding-top: 56px;}
.footer_up1{height: 264px;padding-top: 60px;}
.footer_up1 .foot_tel{width: 490px;color: #888;}
.footer_up1 .foot_tel span{font-size: 16px;color: #fff;line-height: 34px;}
.footer_up1 .foot_tel span b{font-size: 28px;margin-top: 20px;color: #fff;}
.footer_up1 .foot_wx{width: 126px;color: #888; line-height:30px;}
.footer_up1 .foot_wx img{ display:block; margin:auto;width: 100px;}
.footer_dp{height: 70px;line-height: 70px;color: #888; background: #1e2023;font-size: 12px;}
.footer_dp a{color:#888}
.footer_dp a:hover{color:#fff}
.footer_dp_1 .dp_2 span{margin-right:14px;color: #888;}
.footer_dp_1 .dp_2 a{color:#888}
.footer_dp_1 .dp_2 a:hover{color:#fff}
.link-foot{/*! margin-top: 60px; */background: #212327;}
.link-foot .container{border-top: 1px #333 solid;padding:20px 0;}
.link-foot h3{float: left;color:#ddd;font-size:14px}
.link-foot h3 font{color:#999; font-size:11px; margin-left:5px}
.link-foot a{display: inline-block;color:#999;padding: 0 15px;font-size:12px;line-height: 10px;border-right: 1px #999 dashed;}
.link-foot a:hover{color:#fff}
.link-foot a:last-child{border:none;}

.pictureBox{}
.pictureBox .cont{ margin:30px 0 20px 0;}
.pictureBox .cont h1{padding:15px 0;color:#666;font-size:16px; border-top:1px #ddd solid;border-bottom:1px #ddd solid;}
.pictureBox .cont .wx{margin:20px 0 0 0;color:#666;font-size:13px;}