﻿@charset "utf-8";
/*==========@@HTML默认 开始@@==========*/
/*滚动条样式*/

::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}

::-webkit-scrollbar-track {
	background: #eee;
}

::-webkit-scrollbar-thumb {
	background: #1e2d63;
	height: 60px;
}

::-webkit-scrollbar-thumb:window-inactive {
	background: #1e2d63;
}

::-webkit-scrollbar-thumb:vertical:hover {
	background: #1e2d63;
}
/*基本*/
*{ padding:0px; margin:0px }
body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, pre, code,form,fieldset, 
legend, input, button,textarea, p, blockquote, th, td { margin: 0; padding: 0; outline:none; }
body { color:#333;margin:0px auto; font-family: "Verdana","Arial","Helvetica","微软雅黑"; font-size:14px; background:#fff; line-height:1.71428571; min-width:1200px; word-break:break-all; text-align:justify; }
div { margin:0; padding:0; border:0; }
img { margin:0; padding:0; border:0; }
p { margin: 0;}
b,strong {font-weight: bold;}
table { border-collapse: collapse; border-spacing: 0; /* Remove most spacing between table cells.*/}
li { list-style: none outside none;}
i,em { font-style:normal;}

/*链接*/
a{ text-decoration:none; color:#333; background: transparent;  outline:none}
a:visited { color:#333; }
a:hover{ color:#e37639;}
a:focus { outline:none; }
a:active{ outline:none;}

/*标题*/
h1 { font-size: 1.3em;margin:  0;}
h2 {font-size: 1.2em; margin: 0;}
h3 { font-size: 1.17em;margin: 0;}
h4 {font-size: 1em;margin:0;}
h5 {font-size: 0.83em;margin: 0;}
h6 { font-size: 0.67em;margin: 0;}

/*表单*/
form {margin: 0;}
button,input,select,textarea { font-size: 100%;margin: 3px 0; color:#333; vertical-align: baseline; *vertical-align: middle; }
button,select {text-transform: none;}
input{padding:2px;background-color: #EEE;border: 1px solid #ccc;width:99%;line-height: normal;}
textarea{padding: 2px;color: #000000;background-color:#EEE;width:99%;}

/*其它*/
blockquote {margin: 1em 40px;}
dfn {font-style: italic;}
hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0; }
code, kbd, pre, samp {font-size: 1em;}
pre {margin: 1em 0; white-space: pre;white-space: pre-wrap;word-wrap: break-word; }
small {font-size: 80%;}
sub,sup {font-size: 75%;line-height: 0; position: relative;vertical-align: baseline; /* Prevent `sub` and `sup` affecting `line-height` in all browsers.*/}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
dl{margin:0;}
dd {margin: 0;}
/*==========@@HTML默认  结束@@==========*/

/*==========@@通用 开始@@==========*/
/*常用颜色*/
.blue {color: #00F !important;}
.green {color: #0F0 !important;}
.red {color: #F00 !important;}
.black {color: #000000 !important;}
.white {color: #FFFFFF !important;}
.gray { color:gray; !important; }
.purple { color:purple;  !important;}

/*浮动*/
.clear { display:block; clear:both; overflow:hidden; }
.float_left { float:left; }
.float_right { float:right; }

/*对齐方式*/
.left { text-align: left}
.right {text-align: right}
.center{ text-align: center}

/*按钮*/
.btn { display: -moz-inline-stack;  display: inline-block;  *display: inline;  vertical-align: middle;  *vertical-align: auto;
  zoom: 1;  height: 46px;  line-height: 46px;  padding: 0px 40px;font-weight: 300;  font-size: 18px; cursor:pointer;}
/*默认样式*/
.btn {background-color:#ea9f15; color: #fff; font-family:微软雅黑; margin:0; }
.btn:hover {  background-color: #ce8613; color:#fff;}
.btn:active {}
/*按钮大小*/
.btn-large {font-size: 19px;  height: 38.4px;  line-height: 38.4px;  padding: 0px 26px;}
.btn-small {  font-size: 12px; height: 25.6px; line-height: 25.6px;  padding: 0px 16px;}
.btn-tiny {  font-size: 12px;  height: 22.4px;  line-height: 22.4px; padding: 0px 13px;}
/*块按钮*/
.btn-block {display: block;}

/*表单类*/
.form_text,.form_text_verifycode { border: 1px solid #9e9e9e; height:44px; line-height:44px;clip: rect;padding: 0 12px; border-radius:5px; background:#fff; box-sizing:border-box; }
.form_text {  width:100%; }
.form_text_verifycode { width:50px; margin-right:3px; }
.form_radio{ width:auto; border:0;}
.form_checkbox{ width:auto; border:0}
.form_select { height:25px; }
.form_textarea { width:100%; height:140px; border: 1px solid #9e9e9e; padding:12px; background:#fff; border-radius:5px; box-sizing:border-box;  }
.form_button { width:auto; vertical-align:middle; border:0 none;/*解决ie焦点是有黑色边框*/}
input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, 
input[type="file"] > input[type="button"]::-moz-focus-inner{ border:none;padding:0; }
.required{ color:red; font-weight:bold; text-align:left; padding-left:3px;}

/*其它*/
.hide { display:none; }  /*隐藏*/
.more{ float: right; padding-right:5px; display:none;} /*more链接*/
.code_image{ cursor: pointer; padding-bottom:6px; } /*验证码图片样式*/
/*==========@@通用 结束@@==========*/

/*==========@@布局  开始@@==========*/
/*模型body*/
.body_index, .body_article, .body_download, .body_picture, .body_product, .body_single, .body_video, .body_job, .body_feedback, .body_guestbook{}
.index, .single, .article, .picture, .download, .video, .product, .job, .guestbook, .feedback{ width:1200px;margin:0 auto; animation: fadeInUp 1s; -webkit-animation: fadeInUp 1s; -moz-animation: fadeInUp 1s; -o-animation: fadeInUp 1s; }
#top, #logo, #banner, #announcement, #link, #copyright,#floor_1,#floor_2,#floor_3,#floor_4,#floor_5,#floor_6,#floor_7,#floor_8,#floor_9
,#floor_10,#floor_12,#floor_13,#floor_14 { width:1200px;  margin:0 auto; overflow:hidden;}
#left { float:left; width:250px; overflow:hidden; display:none; }
#right { width:1200px; margin:0 auto; overflow:hidden; }
.left_body,
.right_body { overflow:hidden; zoom:1; }
.right_body { margin-bottom:80px; }

.left_title { font-size:30px; font-weight:bold; }

.right_title { text-align:center; margin:0 0 40px; }
.right_title i { display:block; font-size:24px; line-height:30px; text-transform:uppercase; font-family:Arial; }
.right_title h2 { font-size:36px; color:#e37639; font-weight:normal; }

/*首页关于*/
#floor_1_main { }
#floor_1 { background:url("../images/bottom_bg.png"/*tpa=http://www.mccoldchain.com/App/Tpl/Home/Default/Public/images/bottom_bg.png*/) no-repeat center left; padding:70px 0; }
.about_left { float:left; width:550px; }
.about_body { color:#999; line-height:28px; height:84px; overflow:hidden; margin:10px 0 30px; }
.about_contact { margin:30px 0 0;}
.about_contact h4 { font-weight:normal; font-size:14px; color:#e37639; margin:0 0 15px; }
.about_right { float:right; width:520px; }
.about_right img { display:block; width:100%; }

/*首页关于车辆无线视频监控系统*/
#floor_2_main { }
#floor_2 { background:url("../images/system_bg.png"/*tpa=http://www.mccoldchain.com/App/Tpl/Home/Default/Public/images/system_bg.png*/) no-repeat right bottom; padding:50px 0 100px; }
.system_left { float:left; width:615px; }
.system_left  ul { overflow:hidden; margin:30px 0 0; }
.system_left  ul li { float:left; width:200px; height:110px; margin:0 5px 5px 0; overflow:hidden; cursor:pointer; }
.system_left  ul li img { display:block; width:100%; height:100%; transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; }
.system_left  ul li:hover img { transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);}
.system_right { float:right; width:520px; padding-top:80px; }
.system_right ul li { border-bottom:2px #ddd dashed; padding-bottom:8px; margin-bottom:12px; }
.system_right ul li h3 { font-size:20px; }
.system_right ul li p { color:#666; }


/*首页关于车辆GPS定位系统*/
#floor_3_main { position:relative; }
.gps_bg { background:url("../images/GPS_bg.png"/*tpa=http://www.mccoldchain.com/App/Tpl/Home/Default/Public/images/GPS_bg.png*/); background-size:100% 100%; background-attachment:fixed; position:absolute; top:0; left:0; width:100%; height:100%; }
#floor_3 { position:relative; }
.gps_title { text-align:center; color:#fff; margin:70px 0; }
.gps_title h2 { font-size:30px; line-height:40px; }
.gps_title i { display:block; text-transform:uppercase; color:rgba(255,255,255,.7) }
.gps_list { overflow:hidden; padding-top:10px; }
.gps_list li { float:left; width:400px; text-align:center; box-sizing:border-box; padding:0 60px; cursor:pointer; }
.gps_list li .gps_img { width:234px; height:234px; margin:0 auto; position:relative; }
.gps_list li .gps_img img { display:block; width:100%; height:100%; border-radius:50%; }
.gps_list li .gps_img:before,
.gps_list li .gps_img:after { content:""; width:250px; height:250px; border-radius:50%; position:absolute; top:-9px; left:-9px; }
.gps_list li .gps_img:before { border:1px rgba(255,255,255,.3) solid; }
.gps_list li .gps_img:after { border:0px #fff dashed; }
.gps_list li .gps_img:hover:before { border:0; }
.gps_list li .gps_img:hover:after { border-width:1px; 
	-webkit-animation: spinAround 9s linear infinite;
	-moz-animation: spinAround 9s linear infinite;
	animation: spinAround 9s linear infinite;
}
.gps_list li h3 { font-size:18px; color:#fff; margin:30px 0 10px; }
.gps_list li p { font-size:10px; color:#a5a5a5; /*height:80px;*/ overflow:hidden; }
.gps_more a { display:block; text-align: center; color:#fff; margin:40px 0; }
.gps_more a:hover { color:#e37639; }

@-webkit-keyframes spinAround {
	from {
		-webkit-transform: rotate(0deg)
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}
@-moz-keyframes spinAround {
	from {
		-moz-transform: rotate(0deg)
	}
	to {
		-moz-transform: rotate(360deg);
	}
}
@keyframes spinAround {
	from {
		transform: rotate(0deg)
	}
	to {
		transform: rotate(360deg);
	}
}

/*首页了解更多服务项目*/
#floor_4_main { position:relative; margin-bottom:50px; }
#floor_4_main:after { content:""; display:block; width:246px; height:44px; background:url("../images/arr.png"/*tpa=http://www.mccoldchain.com/App/Tpl/Home/Default/Public/images/arr.png*/) no-repeat center; margin:0 auto; position:absolute; left:50%; margin-left:-123px; }
.service_bg { background:url("../images/service_bg.png"/*tpa=http://www.mccoldchain.com/App/Tpl/Home/Default/Public/images/service_bg.png*/); background-size:100% 100%; background-attachment:fixed; position:absolute; top:0; left:0; width:100%; height:100%; } 
#floor_4 { position:relative; text-align:center; padding:120px 0 80px; }
#floor_4 p { font-size:36px; font-weight:bold; }
#floor_4 span { display:inline-block; background:#e37639; color:#fff; text-transform:uppercase; padding:0 15px; }
#floor_4 a { display:block; font-size:18px; font-weight:bold; margin:50px 0 0; }

/*内页服务项目*/
.picture1 { margin-bottom:0; }
.service_body { background:url("../images/bg.png"/*tpa=http://www.mccoldchain.com/App/Tpl/Home/Default/Public/images/bg.png*/) top center; padding:40px 0; }
.service_list { overflow:hidden; }
.service_list li { overflow:hidden; }
.service_list li .service_img { float:right; width:600px; height:300px; overflow:hidden; }
.service_list li .service_img img { display:block; width:100%; height:100%; }
.service_list li .service_con { float:left; width:550px; height:240px; background:#fff; padding:30px 25px; position:relative; }
.service_list li .service_con span { display:block; font-size:24px; }
.service_list li .service_con span:after { content:""; display:block; width:70px; height:2px; background:#ea9f15; }
.service_list li .service_con p { color:#999; height:96px; overflow:hidden; margin:20px 0 40px; }
.service_list li .service_con a { display:inline-block; color:#ea9f15; border:1px #ea9f15 solid; padding:0 25px; }
.service_list li .service_con a:hover { background:#ea9f15; color:#fff; }
.service_list .li1 .service_img { float:left; }
.service_list .li1 .service_con { float:right; }
.service_list .li0 .service_con:after { content:''; width:0; height:0; border:16px #000 solid; border-color:transparent transparent transparent #fff; border-width:8px 16px; position:absolute; right:-32px; top:50%; }
.service_list .li1 .service_con:after { content:''; width:0; height:0; border:16px #000 solid; border-color:transparent #fff transparent transparent; border-width:8px 16px; position:absolute; left:-32px; top:50%; }

.ser_slogan { background:url("../images/ser_slogan_bg.png"/*tpa=http://www.mccoldchain.com/App/Tpl/Home/Default/Public/images/ser_slogan_bg.png*/) no-repeat center; padding:50px 0; }
.ser_slogan img { display:block; max-width:100%; }
.ser_slogan p { font-size:24px; color:#fff; margin:10px 0; }
.ser_slogan a { font-size:36px; color:#f6b617; font-weight:bold; }

.strength { margin:60px 0; }
.strength_img { float:left; width:520px; }
.strength_img img { display:block; width:100%; }
.strength_con { float:right; width:650px; }
.strength_con i { display:block; font-size:18px; color:#999; }
.strength_con span { display:block; font-size:36px; line-height:50px; color:#f6b617; }
.strength_con p { color:#999; }
.strength_con .p1 { background:url("../images/strength_icon.png"/*tpa=http://www.mccoldchain.com/App/Tpl/Home/Default/Public/images/strength_icon.png*/) no-repeat center left; padding-left:88px; margin:30px 0; }
.strength_con a { display:block; font-size:24px; color:#999; background:url("../images/strength_icon1.png"/*tpa=http://www.mccoldchain.com/App/Tpl/Home/Default/Public/images/strength_icon1.png*/) no-repeat center left; padding-left:94px; margin:30px 0 0; }
.strength_con a:hover { color:#ea9f15; }

.coo { background:#f3f3f3; padding:40px 0; }
.coo .left_title { font-size:36px; padding-bottom:20px; }
.coo .left_title i { color:#ea9f15; }
.coo_list { padding:100px 0 40px; margin:40px auto; width:1120px; overflow:hidden; }
.coo_list li { float:left; width:160px; font-size:24px; text-align:center; position:relative; padding:40px 0; }
.coo_list .li0 { border-top:8px #202121 solid; margin-top:60px; }
.coo_list .li0:before { content:""; display:block; width:30px; height:30px; border:1px #202121 solid; background:#fff; border-radius:50%; position:absolute; top:-20px; left:50%; margin-left:-16px; z-index:1; }
.coo_list li img { display:block; width:100px; height:100px; border-radius:50%; position:absolute; left:50%; margin-left:-50px;z-index:1; }
.coo_list .li0 img { top:-160px; }
.coo_list .li_img0:after { content:""; display:block; width:8px; height:60px; background:#202121; position:absolute; top:-68px; left:50%; margin-left:-4px; }
.coo_list .li1 img { bottom:-160px; }
.coo_list .li1 { border-bottom:8px #202121 solid; margin-top:-61px; }
.coo_list .li1:before { content:""; display:block; width:30px; height:30px; border:1px #202121 solid; background:#fff; border-radius:50%; position:absolute; bottom:-20px; left:50%; margin-left:-16px; z-index:1; }
.coo_list .li_img1:after { content:""; display:block; width:8px; height:60px; background:#202121; position:absolute; bottom:-68px; left:50%; margin-left:-4px; }

/*内页车辆展示*/
.news_list { overflow:hidden; }
.news_list li { float:left; width:380px; margin:0 30px 50px 0; }
.news_list .li2 { margin-right:0; }
.news_list li a { display:block; }
.news_list li .news_img { width:380px; height:280px; overflow:hidden; }
.news_list li .news_img img { display:block; width:100%; height:100%; 
    transition:All 0.4s ease-in-out;
    -webkit-transition:All 0.4s ease-in-out;
    -moz-transition:All 0.4s ease-in-out;
    -o-transition:All 0.4s ease-in-out;
}
.news_list li:hover img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); }
.news_list li h3 { font-size:18px; text-align:center; margin:10px 0 0; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }

.right_title span { color:#666; }

/*内页联系*/
.contact_bg { background:#ddd; padding:70px 0 150px; position:relative; z-index:-2; }
.contact_bg .right_title { text-align:left; }
.contact_bg .right_title:after { content:""; display:block; width:50px; height:3px; background:#666; }
.contact_wrap p { font-size:18px; margin-bottom:5px; }
.map { padding:8px; margin-top:-80px; margin-bottom:80px; position:relative; }
.map:after { content:""; width:100%; height:492px; background:#e37639; position:absolute; left:0; top:0px; z-index:-1; }
.map #dituContent { width:100%; height:500px; position:relative; z-index:99; }

.message_body { float:left; width:560px; }
table.guestbook_table{ width:98%;  }
table.guestbook_table th { display:none; }
table.guestbook_table td { text-align:left; }
table.guestbook_table .operation { text-align:right; }
::-webkit-input-placeholder { color:#999; font-size:18px; font-family:微软雅黑; }
:-moz-placeholder { color:#999; font-size:18px; font-family:微软雅黑;  }
::-moz-placeholder { color:#999; font-size:18px; font-family:微软雅黑;  }
:-ms-input-placeholder { color:#999; font-size:18px; font-family:微软雅黑;  }

.message_right { float:right; width:540px; padding:20px 40px; background:#ea9f15; color:#fff; }
.message_right h2 { font-weight:normal; font-size:24px; }
.message_right h2:after { content:""; display:block; width:50px; height:2px; background:#fff; }
.message_right>p { margin:10px 0 20px; line-height:20px; }
.message_right .info_contact { font-size:16px; font-weight:bold; opacity: 0.8; }
.message_right .info_contact p a { color:#fff; }
.message_right .info_contact p { margin:0 0 5px; }


/*==========@@布局  结束@@==========*/

/*==========@@公共板块  开始@@==========*/
/*Logo*/
#logo_main { background:#fff; }
#logo { overflow:hidden; padding:20px 0;}
#logo .WebLogo { float:left; }
#logo .WebLogo img{ display:block; height:100px; }
#logo .slogan { float:right; font-size:18px; font-weight:bold; color:#1d2c6d; line-height:100px; }

/*导航*/
#navigation { 
background: linear-gradient(#1e2d63, #2b4177, #1e2d63 );
background: -webkit-linear-gradient(#1e2d63, #2b4177, #1e2d63 );
background: -moz-linear-gradient(#1e2d63, #2b4177, #1e2d63 );
background: -o-linear-gradient(#1e2d63, #2b4177, #1e2d63 );
}
#navigation ul.navigationlist { width:1200px; margin:0 auto; overflow:hidden; }
#navigation ul.navigationlist li {float:left; line-height:70px; margin-right:20px; }
#navigation ul.navigationlist>li>a {display: block;font-size:18px; color:#fff; text-align:center; padding:0 40px; }
#navigation ul.navigationlist>li>a:hover { 
background: linear-gradient( 60deg, #ee7937, #a94523);
background: -webkit-linear-gradient( 60deg, #ee7937, #a94523);
background: -moz-linear-gradient( 60deg, #ee7937, #a94523);
background: -o-linear-gradient( 60deg, #ee7937, #a94523);
} 
#navigation ul.navigationlist .current { 
background: linear-gradient( 60deg, #ee7937, #a94523);
background: -webkit-linear-gradient( 60deg, #ee7937, #a94523);
background: -moz-linear-gradient( 60deg, #ee7937, #a94523);
background: -o-linear-gradient( 60deg, #ee7937, #a94523);
}
/*导航栏下拉*/
#navigation  ul.subnavigationlist{display:none; position:absolute; background:#CFA862; z-index:120; padding:10px 15px; width:130px; margin-left:-30px; box-sizing:border-box; }
#navigation  ul.subnavigationlist li {  float:none; padding:0; margin:0; line-height:32px; display:inline;}
#navigation  ul.subnavigationlist li a {display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; color:#FFF; font-size:14px;  text-align:left;}
#navigation  ul.subnavigationlist li a:hover { color:#AA7521; }

/*Js幻灯片样式*/
#banner_main { position:relative; height:550px; }
#banner { margin:0 auto; overflow:hidden; width:100%}
.bannerlist{ }
.bannerlist li { height:550px; overflow:hidden; display:block; position:relative; }
.bannerlist li img{ margin:0 auto; display:block; }
.bannerlist li .banner_text { width:1200px; position: absolute; top:0; left:50%; margin-left:-600px; color:#fff; }
.bannerlist .li1 .banner_text { padding:150px 0 0; 
    -webkit-animation:animations 1s ease-out forwards;
    -moz-animation:animations 1s ease-out forwards;
    animation:animations 1s ease-out forwards;
}
.bannerlist .li1 .banner_text i {color:rgba(255,255,255,.7); padding:0 200px; }
.bannerlist .li1 .banner_text p { font-size:60px; font-weight:bold; margin:30px 0 50px; line-height:1.2; 
-webkit-box-reflect:below 0 -webkit-linear-gradient(transparent,transparent 35%,rgba(255,255,255,.2));
}
.bannerlist .li1 .banner_text span { display:block; font-size:24px; line-height:28px; margin:0 0 30px; }
.bannerlist .li1 .banner_text a { display:inline-block; color:#999; font-size:18px; }
.bannerlist .li1 .banner_text a em { font-family:宋体; color:#e69c13; letter-spacing:-2px;}
.bannerlist .li1 .banner_text a:hover { color:#e69c13; }

@-webkit-keyframes animations{
    0%{-webkit-transform:translate(-1000px);opacity:0;}
    50%{transform:translate(-500px);opacity:0;}
    100%{-webkit-transform:translate(0);opacity:1;}
}
@-moz-keyframes animations{
    0%{-moz-transform:translate(-1000px);opacity:0;}
    50%{transform:translate(-500px);opacity:0;}
    100%{-moz-transform:translate(0);opacity:1;}
}
@keyframes animations{
    0%{transform:translate(-1000px);opacity:0;}
    50%{transform:translate(-500px);opacity:0;}
    100%{transform:translate(0);opacity:1;}
}

#banner_main .hd{ width:100%; position:absolute; bottom:25px; left:0; text-align:center; }
#banner_main .hd ul li { cursor:pointer; display:inline-block; *display:inline; zoom:1; width:120px; height:2px; background:#9f9b99; margin:0 6px; overflow:hidden; font-size:0px;}
#banner_main .hd ul li.on {  background:#ee7937; height:3px; }

#banner_main1 { width:100%;overflow:hidden;margin:0 auto;position:relative;height:400px; }
#banner_main1 img{ margin:0 auto; display:block;position:absolute;top:0;left:50%;margin-left:-1000px; }

/* 版权信息 */
#copyright_main { background: #1e2d63; position:relative; }
#copyright_main1 { background:#16264f; padding:10px 0; line-height:34px; }
#copyright_main1 .tel { display:inline-block; background:rgba(255,255,255,.1); border-radius:5px; float:right; padding:0 10px; font-weight:bold; }
#copyright { color:#fff; }
#copyright a { color:#fff; }
#copyright a:hover { color:#e37639; }
.bottom_logo { text-align:center; margin:30px 0; }
.bottom_logo img { max-width:100%; }
.botton_nav { text-align:center; margin:30px 0 40px; }
.botton_nav a { font-size:18px; padding:0 50px; }

/*分页样式*/
.page { float:right; clear:both; margin:40px 0 0; text-align:center; font-size:16px; }
.page a, .page span { float:left; display:block; margin-left:px; line-height:24px; width:24px; height:24px; }
.page .pageup,.page .pagedown { width:60px;}
.page a:link, .page a:visited { text-decoration:none; }
.page a:hover { color:#C9A461; }
.page .current { color:#C9A461;}
.page #total{color:red}
.page .pageinfo,.page .pagefirst,.page .pageend,.page .pageup,.page .pagedown { display:none;}

/*当前位置*/
#location_main { } 
#location { color:#666; width:1200px; margin:30px auto 50px; animation: fadeInUp 1s; -webkit-animation: fadeInUp 1s; -moz-animation: fadeInUp 1s; -o-animation: fadeInUp 1s; }
#location b { display:none; }
#location a { color:#666; }
#location a:hover { color:#ea9f15; }

/*子频道列表*/
.subchannel_main { margin:0 0 20px; }
.subchannel_main h3 { background:#C9A461; color:#fff; font-size:24px; font-weight:normal; text-align:center; line-height:60px; margin:0 0 20px; text-transform:uppercase; }
.subchannel{}
.subchannellist { text-align:center; }
.subchannellist li { display:inline-block; width:160px; margin:0 20px 10px; box-sizing:border-box; overflow:hidden; }
.subchannellist li a { display:block; border:1px #333 solid; padding:10px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.subchannellist li a:hover { color:#e37639; border-color:#e37639; }
.subchannellist #current a { color:#e37639; border-color:#e37639; }
.subchannellist .depth1{ font-size:18px; }
.subchannellist .depth2{ font-size:14px; text-indent:1.5em; }
.subchannellist .depth2 a{ border:none;}
.subchannellist .depth3{ font-size:14px; text-indent:3em}
.subchannellist .depth4{ font-size:14px; text-indent:4.5em}
.subchannellist .depth5{ font-size:14px; text-indent:6em}
.subchannellist .depth6{ font-size:14px; text-indent:7.5em}

/*左侧联系方式*/
.contact { }
.contact h3 { font-size:18px; font-weight:normal; color:#000; background:url("../images/contact_bg.jpg"/*tpa=http://www.mccoldchain.com/App/Tpl/Home/Default/Public/images/contact_bg.jpg*/) no-repeat center top;  padding:30px 0 10px; text-transform:uppercase; }
.contact .contact_info { background:url("../images/contact_bg.jpg"/*tpa=http://www.mccoldchain.com/App/Tpl/Home/Default/Public/images/contact_bg.jpg*/) no-repeat center bottom; padding:0 0 24px; }
.contact .contact_info a { display:block; padding:10px 0; }
.contact .contact_info a:nth-child(1) { background:url("../images/tel1.png"/*tpa=http://www.mccoldchain.com/App/Tpl/Home/Default/Public/images/tel1.png*/) no-repeat center left; background-size:20px auto; padding-left:30px; }
.contact .contact_info a:nth-child(2) { background:url("../images/mail1.png"/*tpa=http://www.mccoldchain.com/App/Tpl/Home/Default/Public/images/mail1.png*/) no-repeat center left; background-size:20px auto; padding-left:30px; }
.contact .contact_info a:nth-child(3) { background:url("../images/url1.png"/*tpa=http://www.mccoldchain.com/App/Tpl/Home/Default/Public/images/url1.png*/) no-repeat center left; background-size:20px auto; padding-left:30px; }

/*搜索 */
table.search_table{ width:99%; text-align:center;}
table.search_table th{ vertical-align:middle; text-align:center; padding:0px 3px;}
table.search_table td{ vertical-align:middle; width:60px; padding:0px 3px;}

/*订购*/
.order{margin:0px auto}
.order .WantOrder h1{ border-bottom:1px dotted #999999; padding: 5px 0px;}
.order .f1{ float:right; color:red;}
table.order_table{ width:98%;  }
table.order_table th{ width:100px; text-align:left;}
table.order_table td{text-align:left}
table.order_table .operation{ text-align:center}

/*会员*/
/*会员登录*/
table.login_table{ width:40%; text-align:center; margin:0 auto;}
table.login_table th{ width:100px; text-align:left; font-weight:bold;}
table.login_table td{ text-align:left;}
table.login_table .operation{text-align:center}

/*会员注册*/
table.reg_table{ width:40%; text-align:center; margin:0 auto;}
table.reg_table th{ width:140px; text-align:left; font-weight:bold;}
table.reg_table td{  text-align:left; }
table.reg_table .operation{text-align:center}

/*忘记密码 第一步*/
table.forget_table1{ width:40%; text-align:center; margin:0 auto;}
table.forget_table1 th{ width:100px; text-align:left; font-weight:bold;}
table.forget_table1 td{ text-align:left; }
table.forget_table1 .operation{text-align:center}
/*忘记密码 第二步*/
table.forget_table2{ width:40%; text-align:center; margin:0 auto;}
table.forget_table2 th{ width:100px; text-align:left; font-weight:bold;}
table.forget_table2 td{text-align:left}
table.forget_table2 .operation{text-align:center}

/*网站地图列表*/
.maplist{ }
.maplist li { padding:1px; }
.maplist li a { background:#d1e8fc; line-height:25px; display:block; padding:0 20px; border:0px solid #A6CC93; }
.maplist li a:hover { text-decoration:none; background:#FFF; }
.maplist .depth1{font-weight:bold;text-indent:0px; font-weight:bold}
.maplist .depth2{text-indent:2em}
.maplist .depth3{text-indent:4em}
.maplist .depth4{text-indent:6em}
.maplist .depth5{text-indent:8em}
.maplist .depth6{text-indent:10em}
/*==========@@公共板块  结束@@==========*/


/*==========@@频道页面 开始@@==========*/
/*===公共字段 开始===*/

#ReadLevelTip{ font-weight:bold; color:red;}
.Tag{ text-align: left; font-weight:bold; }
.Tag a{ padding:0 3px; font-weight:normal; text-decoration:none;}

.info_previous_next_wrap { margin:40px 0; background:#f4f4f4; padding:20px; overflow:hidden; }
.info_previous_next_wrap .back { float:right; color:#e37639; }
.info_previous_next_wrap .back i { display:inline-block; font-family:宋体; margin-right:5px; }
.info_previous_next_wrap a { display:block; }
.Next,
.Previous { float:left; margin-right:40px; }


/*===公共字段 结束===*/

/*===招聘频道  开始===*/
.job{ }
.joblist { }
.joblist li {overflow: hidden;}
table.job_table { margin:8px 0px; padding:0px; text-align:center; width:100%; border-collapse:collapse;}
table.job_table td{ padding:8px 5px; border:1px solid #DADBD6;}
table.job_table .Requirement{ text-align:left; padding:8px 5px; line-height:1.5em;}
table.job_table th{color:#333; font-weight:bold; text-align:center; border:1px solid #DADBD6;}
table.job_table .t1 { font-weight:bold;padding:5px 0;width:20%;}
table.job_table .t2 { text-align:left;width:25%;}
table.job_table .t3 {font-weight:bold;width:25%;}
table.job_table .t4 {text-align:left;width:25%;}
table.job_table .operation{text-align:center; margin:0 auto;}
/*应聘*/
table.resume_table { margin:3px; text-align:center; width:97%; border-collapse:collapse;}
table.resume_table th{ font-weight:bold; text-align:left; width:100px;}
table.resume_table td{text-align:left; }
table.resume_table .operation{text-align:center; }
table.resume_table #Detail{ height:200px;}
/*===招聘频道  结束===*/

/*管理员回复*/
.answer_wrap{ padding:5px; border-top:1px dashed #CCC; line-height:1.5em}
.answer_title{}
.answer_body {}
.Administrator { text-align:right; }
.Reply { text-align:right; }
.AnswerTime{ color:#999 }

/*===留言频道  结束===*/

/*===反馈频道 开始===*/
.feedback{ }
table.feedback_table{ width:99%; text-align:center; margin:0 auto;}
table.feedback_table th{ width:100px; text-align:left; font-weight:bold;}
table.feedback_table td{  text-align:left;}
table.feedback_table .operation{text-align:center}
/*===反馈频道 结束===*/
/*==========@@频道页面 结束@@==========*/

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		-ms-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}