﻿@charset "utf-8";
/* CSS Document */
/*banner*/
.flexslider { position:relative; height:380px; width:100%; min-width:1200px; overflow:hidden; background:url(../images/loading.gif) 50% no-repeat; }
.slides { position:relative; z-index:1; }
.slides li { height:380px; }
.flex-control-nav { position:absolute; bottom:10px; z-index:2; width:100%; text-align:center; }
.flex-control-nav li { display:inline-block; width:14px; height:14px; margin:0 5px; *display:inline;
zoom:1; }
.flex-control-nav a { background: #000; display: block; height: 4px; overflow:hidden; margin: 0 3px; width: 20px; filter: alpha(opacity=30); -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-opacity: 0.30; opacity: 0.30; cursor:pointer; }
.flex-control-nav .flex-active { background: #fff; filter: alpha(opacity=90); -moz-opacity: 0.90; opacity: 0.90 }
.flex-direction-nav { position:absolute; z-index:3; width:100%; top:50%; margin-top:-40px; }
.flex-direction-nav li a { background-image: url(../images/arr.png); background-repeat: no-repeat; display: block; height: 80px; position: absolute; width: 32px }
.flex-direction-nav li a.flex-prev { left: 50px }
.flex-direction-nav li a.flex-next { background-position: right top; right: 50px }
.flex-direction-nav li:hover a.flex-prev { background-position: left bottom }
.flex-direction-nav li:hover a.flex-next { background-position: right bottom }
/*------------enter start------------*/
.enter { height: 74px; background-color: #484848; }
.garybg { background-color:#222!important; }
.search-form, .login-form, .track-form,.price-form { width: 480px;height:74px;  }
.price-form{height:125px;margin-top:-51px; position:relative; z-index:9999;}
form#search-form,form#track-form { margin-left:15px; height:58px;margin-top: 16px; color:#fff; text-align:left;}
form#search-form label,form#track-form label  { margin-bottom:10px; font-size:14px; display:block; }
input.billstxt { margin: 0; width: 380px; height: 40px; line-height: 40px; border:0; border-radius: 5px 0 0 5px; padding: 0 19px; color: #fe7701;  /*orange*/ font-size: 14px; font-family: '微软雅黑', Arial; outline-style:none; float:left; }
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
 color: #cdcccb;
 font-size: 18px;
 font-family: '微软雅黑';
 /*font-family:'Microsoft YaHei';*/
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
 color: #cdcccb;
 font-size: 14px;
 font-family: '微软雅黑';
}
 input:-ms-input-placeholder, textarea:-ms-input-placeholder {
 color: #f00;
color: #cdcccb;
 font-size: 14px;
 font-family: '微软雅黑';
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
 color: #cdcccb;
 font-size: 14px;
 font-family: '微软雅黑';
}
input#search-submit,input#track-submit { width: 68px; height: 40px; font-size: 14px; font-family: '微软雅黑'; color: #ffffff; border:0; border-radius: 0 5px 5px 0; background-color: #e70012; outline-style:none; }
input#search-submit:hover,input#track-submit:hover { cursor: pointer; background-color: #ff3939;/*背景色变亮*/ }
.sw { width: 120px; height: 74px; text-align: center; border-left:1px solid #59585e; }
.sw a { display:block }
.enter .last { border-right:1px solid #999; }
.enter i { margin: 10px auto 0; color:#fff; display:block}
.sp { color: white; font-size: 14px; font-family: '微软雅黑'; display: block; margin-top:6px; }
.sw:hover { background-color:#e70012; }
.login_tb { color:#fff; margin:4px 0 0 20px;}
.login_tb a { color:#fff; }
.login_tb td { padding:3px 5px; }
.login_tb input { border-radius:3px; border:0; font-family:"microsoft yahei"; }
.login_tb input.txt { height:26px; line-height:26px; width:250px; padding:0 5px; }
.login_tb input.l-btn { background-color:#e70012; font-size:14px; padding:20px 20px; color:#fff; outline:none; }
.login_tb input.l-btn:hover { background-color:#ff3939 }
/*------------price----------------*/
.form-box { position:relative; padding:10px 20px 10px 25px; font-size:14px; color:#fff; }
.form-box dl { display:block; padding:3px 0; }
.form-box dl:after { clear:none; content:""; display:block; height:0; visibility:hidden; }
.form-box dl dt { display:block; float:left; line-height:28px; color:#fff; font-size:12px; width:70px; }
.form-box dl dd { position:relative; line-height:28px; font-size:13px; overflow:hidden; }
.form-box dl dd label.radio { margin-right:5px; }
/*文本输入框*/
.form-control { display: block; width: 100%; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
 -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
 transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
float:left; }
input.txt1 { width:280px; }
input.txt2 { width:94px; }
input.small { width:71px; }
.input { display:inline; font-family:"microsoft yahei"; margin-right:5px; padding:3px 5px; height:26px; line-height:26px; vertical-align:middle; background:#fff; border:1px solid #e8e8e8; border-radius:3px; }
.select { padding:3px 5px; font-family:"microsoft yahei"; border:1px solid #e8e8e8; line-height:20px; border-radius:3px; }
/*按钮样式*/
.btn { display:block; margin:0; padding:42px 20px; color:#fff; font-size:14px; text-align:center; font-family:"microsoft yahei"; border:0; position:absolute; top:13px; right:25px; }
.btn { background:#e70012; border:0; border-radius:2px; vertical-align:middle; cursor:pointer;}
.btn:hover { color:#fff; background: #ff3939; }
/*------------enter end------------*/
.title {
    padding-top: 30px;
    padding-bottom: 30px;
	text-align:center;
}
.title h3{
	display: block;
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-size: 18px;
	margin-top: 5px;
	margin-bottom: 5px;
	overflow: hidden;
	vertical-align: top;
}
.title h3 a{
	font-size: 24px;
	padding: 0 20px;
	line-height: 30px;
	vertical-align: top;
	font-weight:normal;
}
.title h6{
	font-size: 12px;
	color: #999;
	font-weight:normal;
    text-transform:uppercase;
}
.tit{ text-align:center; color:#333; font-size:28px; line-height:28px; padding:46px 0 36px 0;}
.tit span{ color:#FFF; font-size:16px; display:block; padding-top:10px; line-height:20px;}
/*notice*/
 .notice {
                width: 100%; font-size:14px;
				height:40px; line-height:40px; background-color:#f4f4f4;
            }
			.notice .notice_tit{color:#f00; font-weight:bold;width:100px; float:left;}
           .notice_ul {
                width: 1000px; float:left;
                overflow: hidden;
            }
            .notice_ul li {
                width: auto;
                margin-right: 10px;
                display: inline;
                line-height: 40px;
            }
            .notice_ul li span {
                color: #f00;font-weight:bold; display:inline-block; line-height:20px;
            }
            .notice_ul li a {
                color: #f00; 
            }
            .notice_ul li a:hover {
                text-decoration: underline;color:#f00;
            }
			.notice_more{width:100px; float:right; display:block; text-align:right;color:#999; font-size:12px;}
/*server*/
.service_con{height:auto;}
.service_con dl{width:266px;float:left;text-align:center;}
.service_con dt{font-family:"微软雅黑";font-size:16px;font-weight:bold;padding-top:170px;}
.service_con dt h2{ background-color:#fff;padding:20px 0 10px;}
.service_con dd{font-size:12px;color:#666; background-color:#fff;}
.service_1{margin-right:45px;}
.service_2{margin-right:45px;}
.service_3{margin-right:45px;}
.service_4{margin:0;}

/*.service01:hover{background:url(../images/service_bg01_hover.png) no-repeat center 50px #e70012; }
.service02:hover{background:url(../images/service_bg02_hover.png) no-repeat center 50px #e70012;}
.service03:hover{background:url(../images/service_bg03_hover.png) no-repeat center 50px #e70012;}
.service04:hover{background:url(../images/service_bg04_hover.png) no-repeat center 50px #e70012;}*/
.service_con dl.service_hover dd{color:#2eafbb;}

/*taobao产品推荐*/
.taobao{ overflow: hidden; }
.taobao_con{width: 1210px;height:auto;margin-bottom: 40px;}
.taobao_con .taobaob{width:232px;float:left;margin-right: 10px;}
.taobao_con dt{
    position: relative;
    width: 232px;
    height: 232px;
    overflow: hidden;
    background: #f1f1f1;
    text-align: center;
}
.taobao_con dt img{
    width: 100%;
    height: 100%;
}
.taobao_con dd{font-size:14px;color:#666; height: 48px;overflow: hidden;line-height: 24px;margin-top: 10px;text-align:center;}
.taobao_con dl:hover dd{color:#e70012;}
.taobao_con dt:before{
    content:'进入淘宝';
    position: absolute;
    display: none;
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: #e70012;
    font-size: 14px;
    text-shadow: 0 0 15px #999;
    top: 50%;
    margin-top: 20px;
    left: 0;
    text-align: center;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}
.taobao_con dt:after{
    content:'';
    position: absolute;
    display: none;
    background:url(../images/taobao_icon.png) no-repeat center center #e70012;
    width: 40px;
    height: 40px;
    top: 50%;
    margin-top: -20px;
    left: 50%;
    margin-left: -20px;
    border-radius: 14px 0 14px 0;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}
.taobao_con dt:hover:after,.taobao_con dt:hover:before{
    display: block;
}
.taobao2 .taobao_con dt:before{
    content:'查看详情';
    margin-top: 30px;
}
.taobao2 .taobao_con dt:after{
    width: 60px;
    height: 60px;
    top: 50%;
    margin-top: -30px;
    left: 50%;
    margin-left: -30px;
    border-radius: 50%;
}

/*advan*/
.advan{ background-color:#f3f3f3;padding-top:1px;padding-bottom: 40px;}
.advan ul{    visibility: visible;width:100%; padding-bottom:65px;}
.advan ul li{ width:300px; float:left; text-align:center; overflow:hidden;}
.advan ul li img{ display:inline-block;}
.advan ul li h4{ color:#333; font-size:18px; line-height:18px; padding:18px 0 8px; font-weight:normal;}
.advan ul li p{ color:#666666; font-size:12px; line-height:20px;}

/*process*/
.process{height: 420px;
    width: 100%;
    background: url(../images/n_main_2.jpg) no-repeat center;}
.process .tit{ color:#fff}
.process .tit a{ color:#fff}
.process ul{ margin-top:20px;}
.process ul li{ float:left; width:160px; height:160px; font-size:18px; margin:0 48px 0 0; text-align:center; color:#fff; background:#2196f3; -moz-border-radius:50%;-webkit-border-radius:50%; border-radius:50%; position:relative;}
.process ul li p{ padding-top:90px; background:url(../images/n_main_3.png) no-repeat ; background-position:56px 35px}
.process ul li i{ color:#fff; display:block; font-size:12px;font-style:normal;}
.process ul li b{ display:block; font-size:12px; line-height:14px; background:#fff; width:44px; height:44px; position:absolute; right:1px; top:0; color:#ff6800; -moz-border-radius:50%;-webkit-border-radius:50%; border-radius:50%; font-weight:bold;}
.process ul li b em{ padding-top:8px; display:block; font-style:normal;}
.process ul li.li-t p{background-position:-152px 35px}
.process ul li.li-s p{background-position:-359px 35px}
.process ul li.li-f p{background-position:-568px 35px}
.process ul li.li-w p{background-position:-777px 35px}
.process ul li.li-l p{background-position:-983px 35px}
.process ul li.li-l{ margin-right:0;}
.process p.tip{ text-align:center; font-size:16px; color:#FFF; margin-top:30px;}

/*关于我们*/
.about{background-color:#f5f5f5;}
.about_con p {
    font-size: 14px;
    color: #353535;
    line-height: 30px;
    padding: 0 6%;
}
.aboutbot{ padding-bottom:30px;}
.aboutbot .row {
	margin-top:20px;
}
.aboutbot .about_pic {
    width:300px;position: relative;
    padding:0 10px;
	float:left;
}
.aboutbot .thumbnail{ padding:0; border-radius:0; border:2px solid #e5e5e5;}
.aboutbot .thumbnail > img,.main1bot .thumbnail a > img{ width:100%;}
/*新闻资讯*/
.news{padding-bottom:30px;}
.np-title h2{    font-size: 22px;margin:30px 0 15px; font-weight:normal; color:#666}
.np-title hr{width:60px;background-color: #e70012;
    height: 2px;
    border: 0;}
.index_news{width:800px;}
.index_news .news-contain{margin-top:20px;}
.news-contain li{margin-top:20px;width:375px;margin-right:20px; float:left;height:100px;}
.news-contain li .time{width: 60px; float:left;
    height: 60px;
	padding-top:10px;
    color: #e70012;
	display:block;float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:20px;border:1px solid #e70012; border-radius:5px;
    text-align: center;
    margin: 5px 10px 20px 0;}

.news-contain li h3{font-size:15px; font-weight:normal;color:#000;padding-bottom:6px;padding-top:4px;margin-left:80px;width:295px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.news-contain li a:hover h3{color:#e70012;}
.news-contain li p{font-size:12px; color:#888;margin-left:80px; line-height:25px;}
/*index_photo*/
.news-contain a.news_more{ font-size:14px; color:#bbb; }
.news-contain a.news_more:hover{color:#e70012; text-decoration:underline;}
.photo{width:400px;height:460px; }
.photo .phoyo-contain{margin-top:20px;color:#666; line-height:28px;
    height: 100%;}
/*----合作伙伴----*/
.partner {padding:0  0 10px 0;}
.partner ul{margin-left:-12px;width:1212px;}
.partner li { width:190px; float:left;margin-left:12px; }
.partner li a { display:block;  border:1px solid #ccc; height:72px; background:#FFF; margin-bottom:20px; overflow:hidden }
.partner li a img { width:100%; }
