@charset "utf-8";
body{background:#fff;min-width:1200px;}
.page2{background:#efeff0;min-width:1200px;}

.banner{ width:100%; /*height:425px;*/min-width:1200px;}
.section{ padding-bottom:50px}
.section div.ct{ font-size:15px}
.section div.ct h3{ font-size:20px; color:#b91c22; font-weight:normal; margin-bottom:20px;}

.article{ line-height:2; font-size:15px;}
.article img{ max-width:100%;}
.article h2{ font-size:25px; color:#b72025; margin-bottom:30px; font-weight:normal;}
.article img[align="left"]{ margin-right:45px;}
.article img[align="right"]{ margin-left:45px;}
.article strong{color:#b72025;}
hr{ border:0; border-bottom:1px dashed #ccc; margin:30px 0 25px;}

.a_sec1 h3.tt b{ color:#fff}
.a_sec1 h3.tt span{ color:#fff}
.a_sec1 h3.tt{ background-image:url(../Images/l2.png);}
.a_sec1 div.ct{ color:#fff}



.a_sec3{ background:#222}
.a_sec3 h3.tt b{ color:#d1d1d1}
.a_sec3 h3.tt span{ color:#d1d1d1}
.a_sec3 div.sec_txt{ color:#d1d1d1}

.a_sec3_in{ margin:50px -10px 0;}
.a_sec3_in dl{ float:left; width:25%;}
.a_sec3_in dl a{ margin:0 10px; display:block;background:#c9cacb}
.a_sec3_in dl dt{ overflow:hidden; height:197px;}
.a_sec3_in dl dt img{ width:100%;}
.a_sec3_in dl dd{ font-size:18px; padding:15px 0; text-align:center}
.a_sec3_in dl a:hover{ background:#b91c22; color:#fff}
.a_sec3_in dl.cur a{background:#b91c22; color:#fff}



.c_sec2_1 dl{ float:left; width:312px;padding-right:15px;border-top:1px dashed #595757;border-right:1px dashed #595757;padding-top:15px; padding-bottom:15px;}
.c_sec2_1 dl a{ display:block; width:312px; height:220px; overflow:hidden; position:relative}
.c_sec2_1 dl a span{ display:none; position:absolute; left:0; top:0; line-height:220px; text-align:center; background:#b91c22; color:#ccc; width:100%; height:100%; font-size:20px;}
.c_sec2_1 dl a:hover span{display:block;}
.c_sec2_1 dl.hd{border-top:0; padding-top:0;}
.c_sec2_1 dl.mid{padding-left:15px;}
.c_sec2_1 dl.last{padding-left:15px; padding-right:0; border-right:0}
.c_sec2_1 dl.ft{padding-bottom:0;}

.c_sec2_2{ position:relative; height:500px; background:url(../Images/bg2.png) no-repeat center 105px}
.c_sec2_2 dl{ position:absolute; width:253px; height:253px; border-radius:50%; overflow:hidden}
.c_sec2_2 dl a span{ display:none; position:absolute; left:0; top:0; line-height:253px; text-align:center; background:#b91c22; color:#ccc; width:100%; height:100%; font-size:20px;}
.c_sec2_2 dl a:hover span{display:block;}
.c_sec2_2 dl.u1{ left:0; top:0}
.c_sec2_2 dl.u1{ left:373px; top:0}
.c_sec2_2 dl.u3{ right:0; top:0}

.c_sec2_2 dl.u4{ left:186px; top:232px}
.c_sec2_2 dl.u5{ left:560px; top:232px}

.msg{ font-size:15px;}
.msg_l{ float:left; width:735px;}
.msg_r{ float:right; width:220px; border-left:1px dashed #ddd; padding-left:30px;}
.msg_r h3{ color:#a7282e; font-size:16px; font-weight:normal; margin-bottom:20px;}
.msg_r label{ display:block; margin-bottom:10px;}
.msg_r label span{border:3px solid #fff; background:#fff; display:inline-block;}
.msg_btn{margin-top:40px;}
.msg_btn input{ border:0; color:#fff; padding:0 30px; height:40px; background:#b91c22; font-size:16px}
.input_box{background:#fff; border:1px solid #ddd; width:170px; line-height:30px; height:30px; font-size:14px}

.a_sec2 h3.tt { background:none;}
.c_sec2 h3.tt { background:none;text-align:left;}
.c_sec2 div.sec_txt{ text-align:left;}
.c_sec2 h3.tt b{ color:#b72025;  font-size:25px;}

.ct_sec1{ border-bottom:1px dashed #ddd; padding-bottom:2px;}
.ct_sec1 h2{color:#b72025;}

.pre_next{ text-align:center; width:74px; position:fixed; top:680px; left:50%; margin-left:610px;}
.pre_next a{ display:block; height:74px; width:100%; background:#9fa0a0 url(../Images/arr2.png) no-repeat center 12px;margin-bottom:10px;}
.pre_next a.p-a-1{ background-position:center -74px;}
.pre_next a.p-a-2{ background-position:center -158px;}
.pre_next a:hover{ background-color:#b72025}

.news{ background:#fff; color:#7f6f68}
.news div.c_nav{ color:#7f6f68;}
.news div.c_nav a{ color:#7f6f68;}
.news div.c_nav a.cur{color:#b91c22}

.news div.c_nav.article_c_nav {
	font-size: 19px;
	border-bottom: 1px dashed #ddd;
	padding-bottom: 29px;
	margin-bottom: 40px;
}
.news div.c_nav.article_c_nav a { font-size: 25px; color:#595757; }
.news div.c_nav.article_c_nav a.cur { color:#c7000b; }
.news div.c_nav.article_c_nav a:hover { color:#c7000b; }

.news_l{ width:500px;}
.news_l p{ margin-top:10px; font-size:12px;}
.news_r{ width:100%;}
.news_r h3{color:#b91c22; font-size:20px; padding-bottom:10px; font-weight:normal; border-bottom:1px dashed #7f6f68; color:#b91c22; margin-bottom:20px;}
.news_r li{border-bottom:1px dashed #ddd; padding:5px 0; height:auto; overflow:hidden;}
.news_r li a{ display:block; float:left; width:80%;}
.news_r li span{ display:block; float:right;width:20%; text-align:right;}

.news_ct{ display:block}
.news_ct dl{ border-bottom:0}
.news_ct dl dd{color:#595757}
.news li a{color:#595757;}

.news_tt{ width:100%;font-size:24px; color:#333; text-align:center; min-height:40px; font-weight:normal}
.news_time{
    width:100%;text-align:center; border-bottom:1px dashed #ddd;
    padding-bottom:20px; padding-top:5px;
    font-family:Arial; color:#999
}
.news_ct{padding-top:50px; line-height:220%;}
.news_ct img{ max-width:100%}

.article_news .news_tt { font-size:20px; color:#595757; }
.article_news .news_time { font-size:15px; color:#595757; padding-bottom:30px; }

.article_news .news_ct {
	display:flex;
	padding-top: 17px;
}

.article_news .article_news_ct_content {
	flex-basis:auto;
	width:auto;
	max-width:100%;
}

.article_news .article_news_ct_recommend {
	flex-shrink: 0;
	width:302px;
	padding-left:40px;
	margin-left:42px;
	border-left: 1px dashed #ddd;
	padding-top: 10px;
}

.article_news .article_news_ct_recommend .art_news_ct_recommend_head {
	background:#b72025; height:49px; line-height:49px; text-align:center;
}
.article_news .article_news_ct_recommend .art_news_ct_recommend_head h2 {
	font-size:20px; color:#ffffff;
	margin:0; padding:0; font-weight:normal;
}

.article_news .article_news_ct_recommend .art_news_ct_recommend_list {
	line-height:25px;
}
.article_news .article_news_ct_recommend .art_news_ct_recommend_list li {
	padding:18px 0 16px; border-bottom: 1px dashed #ddd;
}
.article_news .article_news_ct_recommend .art_news_ct_recommend_list li > span {
	display:block; color:#b72025; font-size:12px;
}
.article_news .article_news_ct_recommend .art_news_ct_recommend_list a:hover {
	color:#b72025;
}


.r_news_l{ float:left; width:470px; margin-top:40px;}
.r_news_l ul{ height:265px;}
.r_news_l ul img{ width:100%;}
.r_news_r{ float:right; width:470px; margin-top:5px}
.news_list dl{ margin-top:35px; width:100%;height:auto; overflow:hidden}
.news_list dt{ float:left; height:115px; width:115px; text-align:center; background:#a1a1a7; color:#ddddde; font-size:18px; line-height:35px;}
.news_list dt span{ display:block; font-size:55px; color:#898989; height:80px; line-height:80px; background:#dbdbe2}
.news_list dd{ float:right; width:330px;}
.news_list dd h3{ font-size:16px;border-bottom:1px dashed #949595; padding-bottom:20px; margin-bottom:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news_list dd p{ line-height:24px; color:#949595; font-size:15px}
.news_list a:hover dt span,.news_list dl.on dt span{ background:#e6212a; color:#fff}

.vmore a{ background:#b91c22; width:90px; height:30px; border-radius:15px; line-height:30px; text-align:center; font-size:15px; color:#d5d6d7; display:block; margin:100px auto 0;}



.ys{ background:#fff}
.ys ul{ margin:50px -22px 0;}
.ys dl{ width:206px; margin:0 22px;}
.ys dl a{ padding:0; margin:0; display:block; height:auto}
.ys dl dt{height:206px;}
.ys dl dd h4{margin-top:30px;}
.ys dl a:hover{ background:none; color:#b91c22}

.big_pic { width:100%; margin-top:20px;}
.big_pic img{ width:100%}
.pic_container li{ float:left; width:238px; margin-left:16px; margin-top:20px; cursor:pointer}
.pic_container li img{ width:100%; display:block; cursor:pointer}

.footer{ background:#efeff0}

.PageTurnBtn{ margin-top:50px; text-align:center; font-size:18px;}
.PageTurnBtn li { display:inline-block; }
.PageTurnBtn a{ margin:0 10px;  display:inline-block; line-height:30px; padding:0 10px;}
.PageTurnBtn span{color:#b72025; padding:0 10px;}


.service ul{ margin:0 -12px;}
.service dl{ float:left;width:25%;}
.service dl a{ padding:30px;background:#fff; margin:0 12px; display:block; height:340px;}
.service dl dt{ width:100%; text-align:center}

.service dl dd h4{overflow:hidden;text-overflow:ellipsis;white-space:nowrap; font-size:20px;text-align:center; margin-top:25px;}
.service dl dd p{ margin-top:30px; font-size:13px; line-height:24px;}
.service dl a{ display:block}
.service dl a:hover{ background:#b91c22; color:#fff}

.a_sec2{ padding:50px 0; background:#b72025;}
.a_sec2 ul{ margin:0 -20px;}
.a_sec2 h3.tt b{ color:#fff}
.a_sec2 dl{width:20%;}
.a_sec2 dl a{ padding:0;background:none; margin:0 20px; display:block; height:auto; overflow:hidden;}
.a_sec2 dl dd{text-align:left;color:#fff;}
.a_sec2 dl dd h4{text-align:left;color:#fff;}
.a_sec2 dl dd p{ margin-top:10px;}
.a_sec2 dl dt img{ display:block; width:100%;}


.partner{ background:#fff}
.partner h3.tt{ background:none; padding-bottom:0;}
.partner div{ margin:0 20px;}
.partner dl{ float:left; width:11.11%;}
.partner dl span{ display:block; margin:8px; border:1px solid #ddd;}
.partner dl img{ width:100%; display:block}


.case_section .c_nav i { font-style:normal; }
.case_section .c_nav .the_clear { display:none; width:100%; }

.case { margin:0 50px;}
.case dl{ float:left; width:33.33%; height:0; padding-bottom:36.28%; }
.case dl a{ display:block; margin:10px; position:relative; overflow:hidden}
.case dl img{ width:100%; display:block}
.case dl a div:nth-child(1) {
	overflow:hidden;
}
.case dl a div:nth-child(2) {
	transition: all 0.4s;
	margin:0 auto;
	padding:0 1.5%;
	text-align:left;
}
.case dl a div:nth-child(2) h3 {
	font-size:20px; display:block; font-weight:normal;
	padding: 12px 0 5px;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.case dl a div:nth-child(2) span {
	font-size:15px; display:block;
	padding: 5px 0 12px;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.case dl a:hover div:nth-child(2) {
	background:#b72025;
	color:#fff;
}

.case-tt{ text-align:left; font-size:36px; font-weight:normal;}
.case-txt{ font-size:20px; border-bottom:1px solid #ddd; color:#595757; padding-bottom:40px; border-bottom:1px dashed #666; margin-bottom:40px; margin-top:10px;}

.c_sec2{ padding-top:0;}

.about_c_img1 { margin-left:45px; margin-bottom:20px; float:right;  }

.d-none_custom { display:none; }
.d-block_custom { display:block; }



@media only screen and (min-width:721px) and (max-width:1450px) {
	.case dl{ padding-bottom:39.28%; }
}

@media only screen and (max-width:720px) {
	body,.page2{ min-width:320px;}
	.banner{min-width:300px; /*height:160px;*/}
	.case-tt{ font-size:24px;}
	.article{ font-size:14px; line-height:1.8}
	.service dl{ width:50%; margin-bottom:10px;}
	.service dl a{ margin:0 5px; padding:15px;}
	.service dl dd h4{ margin-top:10px;}
	.service dl dd p{ margin-top:15px;}
	.a_sec2{ padding:25px 0;}
	.a_sec2 ul { margin:0 -5px; }
	.a_sec2 dl a{ padding:0; padding-bottom:15px; height:285px;}
	.partner dl{width:33.33%;}
	.partner dl span{ margin:5px;}
	.c_nav { line-height:180%; }
	.c_nav a{ font-size:14px;}
	.section.case_section { padding-bottom:0; }

	.case{ margin:0 5px; display: flex; flex-flow: wrap; }
	.case dl{ width:50%; height:auto; padding-bottom:0; }
	.case dl a{ margin:5px; }

	.case dl a div:nth-child(2) h3 {
		font-size:16px;
	}
	.case dl a div:nth-child(2) span {
		font-size:14px;
	}

    .section.news.article_news { margin-top: 12px; }

	.r_news_l,.r_news_r{ width:100%;}
    .news_ct img { height:auto !important; }
	.news_list dl{ margin-top:15px;}
	.news_list dt span{ font-size:40px;}
	.news_list dt{ width:80px; height:95px; font-size:16px;}
	.news_list dt span{ height:60px; line-height:60px;}
	.news_list dd{ float:none;  width:auto; padding-left:90px;}
	.section div.ct h3{ font-size:16px; margin-bottom:5px; padding-bottom:5px;}
	.news_list dd p{ font-size:14px; line-height:1.6;}
	.news li a { width:75%; }
	.news_r li span { width:25%; }

	.msg_r { float:left; margin-top:30px; }
	.msg_btn { text-align:center }

	.about_c_img1 { margin-left:auto; margin-right:auto; float:none; display:block; width:100%;  }

	.article_news .news_ct { flex-wrap: wrap; }
	.article_news .article_news_ct_recommend {
		border-left: 0;
		padding-left: 0;
		margin-left: auto;
		margin-right: auto;
		margin-top: 45px;
		width: 100%;
        line-height:24px;
	}
    .news.article_news .article_news_ct_recommend li a { width:100%; }

    .news div.c_nav.article_c_nav { font-size: 14px;  }
    .news div.c_nav.article_c_nav a { font-size: 20px;  }

	.case-detail .article img { height:auto !important; }
}

@media (min-width:576px) {
	.d-sm-none_custom { display:none; }
	.d-sm-block_custom { display:block; }
}

@media (min-width:449px) and (max-width:536px) {
	.case_section .c_nav .the_clear:last-of-type { display:block; }
	.case_section .c_nav i:last-of-type { display:none; }
}
@media (max-width:448px) {
	.case_section .c_nav .the_clear:nth-last-of-type(2) { display:block; }
	.case_section .c_nav i:nth-last-of-type(2) { display:none; }
}<a href="http://www.tjblease.com/">&#x0031;&#x0038;&#x7cbe;&#x54c1;&#x4e45;&#x4e45;&#x4e45;&#x65e0;&#x7801;&#x5348;&#x591c;&#x798f;&#x5229;,&#x56fd;&#x4ea7;&#x4e00;&#x5361;&#x0032;&#x5361;&#x4e09;&#x5361;&#x0034;&#x5361;&#x514d;&#x8d39;&#x89c2;&#x770b;,&#x4e9a;&#x6d32;&#x6b27;&#x7f8e;&#x6fc0;&#x60c5;&#x56fd;&#x4ea7;&#x7efc;&#x5408;&#x4e45;&#x4e45;&#x4e45;,&#x4ea7;&#x54c1;&#x7cbe;&#x54c1;&#x81ea;&#x5728;&#x5728;&#x7ebf;&#x5348;&#x591c;&#x514d;&#x8d39;,&#x7cbe;&#x54c1;&#x4e45;&#x4e45;&#x4e45;&#x4e45;&#x4e2d;&#x6587;&#x6155;&#x4eba;&#x59bb;</a>
<a href="http://wap.annroystore.com/">&#x0039;&#x0039;&#x70ed;&#x56fd;&#x4ea7;&#x5728;&#x7ebf;&#x7cbe;&#x54c1;&#x0039;&#x0039;</a>
<a href="http://www.tjblease.com/">&#x56fd;&#x4ea7;&#x8272;&#x89c6;&#x9891;&#x514d;&#x8d39;&#x7f51;&#x7ad9;</a>
<a href="http://www.juliavie.com/">&#x4e9a;&#x6d32;&#x5348;&#x591c;&#x798f;&#x5229;&#x4e45;&#x4e45;</a>
<a href="http://wap.ningbomaersk.com/">&#x56fd;&#x4ea7;&#x4e09;&#x7ea7;&#x4e45;&#x4e45;&#x4e45;&#x4e45;&#x7cbe;&#x54c1;&#x4e09;&#x7ea7;</a>
<a href="http://www.cardoctor-yoshihara.com/">&#x56fd;&#x4ea7;&#x7cbe;&#x54c1;&#x4e9a;&#x6d32;&#x7b2c;&#x4e00;&#x533a;&#x4e8c;&#x533a;&#x4e09;&#x533a;</a>
<a href="http://wap.ningbomaersk.com/">&#x56fd;&#x4ea7;&#x4e09;&#x7ea7;&#x4e45;&#x4e45;&#x4e45;&#x4e45;&#x7cbe;&#x54c1;&#x4e09;&#x7ea7;</a>
<a href="http://wap.threebuoyscharters.com/">&#x65e5;&#x97e9;&#x4eba;&#x59bb;&#x0061;&#x0056;&#x4e2d;&#x6587;&#x5b57;&#x5e55;</a>
<a href="http://www.danielsavinidds.com/">&#x601d;&#x601d;&#x4e45;&#x4e45;&#x0039;&#x0039;&#x7cbe;&#x54c1;&#x4e45;&#x4e45;&#x4e2d;&#x6587;</a>
<a href="http://www.danielsavinidds.com/">&#x601d;&#x601d;&#x4e45;&#x4e45;&#x0039;&#x0039;&#x7cbe;&#x54c1;&#x4e45;&#x4e45;&#x4e2d;&#x6587;</a>

<script>
(function(){
    var bp = document.createElement('script');
    var curProtocol = window.location.protocol.split(':')[0];
    if (curProtocol === 'https') {
        bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
    }
    else {
        bp.src = 'http://push.zhanzhang.baidu.com/push.js';
    }
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(bp, s);
})();
</script>
</body>