@charset "utf-8";
*{margin: 0px;padding: 0px; }
ul{list-style:none; padding:0px; margin:0px; list-style-type:none;}
ul li{list-style:none; padding:0px; margin:0px; list-style-type:none;}
/*基本信息*/
body,html{font-family:Arial, Microsoft YaHei;margin:0px;padding: 0px; background:#ffffff; line-height:20px; font-size:16px; color: #222}
#other{ background:none;}
img{ border:none}
a {text-decoration: none ; }
a:hover{ color:#cd0000}
i,em{ font-style:normal}
.clear{ clear:both}
h1,h2,h3,h4,h5,h6{color: #686868;}
.clear{clear: both;}
ul {list-style: none;    margin: 0;    padding: 0;}
h12{ font-size:12px;}
h13{ font-size:13px;}
h14{ font-size:14px;}
h15{ font-size:15px;}
h16{ font-size:16px;}
h17{ font-size:17px;}
h18{ font-size:18px;}
h19{ font-size:19px;}
h20{ font-size:20px;}
a{text-decoration: none;color:#111;}
.trans_msg{	filter:alpha(opacity=100,enabled=1) revealTrans(duration=.2,transition=1) blendtrans(duration=.2);}
.margin-top-5{ margin-top:5px }
.margin-top-10{ margin-top:10px }
.margin-top-20{ margin-top:20px }
.margin-top-30{ margin-top:30px }

.head{width:100%; float:left; height:112px; }
.top{ width:1300px; margin:0 auto; margin-top:15px;}
.top .logo{ width:50%; margin:0 auto; float:left;}
.top .phone{ width:auto; margin:0 auto; float:right; font-size:30px; color:#333; font-weight:bold; text-align:left; line-height:90px;}
.top .phone span{ font-size:30px; color:#ff0000;}

/*悬浮*/
.xuanfu{width:125px; height:162px; overflow:hidden; position: fixed; right: 10px; top: 20%; padding:10px 0 0 20px; background: url(../img/erm.jpg) no-repeat center top;}
.width100{ width: 100%; text-align: center; overflow: hidden;font-size:16px;}
.con{ width: 1300px; text-align: left; margin: 0 auto}
/*nav*/

.nav_bg{width:100%; float:left; height:70px; background:#0754bd;}
.nav{ width:1300px; min-height:70px; height:auto; margin:0 auto; text-align:center;}
.show_fw{ padding:10px;border-radius:3px; }
.nav ul li{float:left; width:161px;border-right:solid 1px #003f96;  line-height:70px; color:#FFFFFF; font-size:20px; position:relative}
.nav ul li:first-child{border-left:solid 1px #003f96; }
.nav ul li:hover{ background:url("../img/select_b.png"); }
.nav ul li a{ color:#FFFFFF}
.nav ul li span{ width:162px;}
.nav ul li ul{ display:none;}
.nav ul li:hover ul{  display:block; width:163px; position:absolute; border-bottom:solid 1px #003f96; margin-left: -1px; background:#FFF; z-index:99999}
.nav ul li:hover ul li{ height:40px;  line-height:40px; font-size: 14px; color:#cd0000}

.nav ul li:hover ul li:hover{ background:#276ac6; color:#FFF}
.navs .selected{background:#af251b; }
.nav .navs ul li .cur span{ color:#fff;}
.nav .navs ul li:hover a{ color:#fff }
.nav .navs ul li span{ display:block; text-align:center; height:30px;}
.nav .navs ul li .span1{ width:100%; line-height:30px; float:left; text-align:center;  font-family:"微软雅黑"; font-size:16px; font-weight:500;}
/*view*/
.view_title{font-size: 20px; text-align: center}
.view_info{background:url("../img/view_info.jpg") no-repeat bottom; color: #666; padding-bottom:15px; margin-bottom: 5px; text-align: center; font-size: 13px}

.slide{ width:100%; float:left; text-align:center; height:405px; background:url(img/slide.jpg) repeat-x}
.slide_index{ width:100%; float:left; margin:0 auto;text-align:center;}

.news_hot_con{ width:1170px; float: left;  height: 40px;line-height: 40px; margin: 5px 0; overflow: hidden}
.news_hot_con ul{}

.foot{width:100%; min-width:1300px; float:left; padding: 40px 0; margin-top: 30px; font-size: 16px; background:#0754bd; color:#FFF}
.foot_con{width: 1300px; margin: 0 auto}
.foot_con .erm{width:130px; float: left; text-align: center; line-height: 2}
.foot_con .erm img{ width:130px; height: 130px;}

.foot_nav{width:920px; margin:0 60px; float: left; text-align:center; }
.foot_nav ul{ width: 880px; margin:0 auto; padding-top: 10px; padding-bottom: 20px; overflow: hidden}
.foot_nav ul li{ float:left; border-left:#FFF solid 1px; width:109px; line-height:16px; color:#FFFFFF; }
.foot_nav ul li a{ color:#FFF}
.foot_nav_con{width:920px; border-top: solid 1px #276ac6; float: left;overflow: hidden; padding-top:20px; text-align: center; line-height: 2}

.news_hot{height: 50px; line-height: 50px; font-size: 18px;}
.news_hot .title{ color: #e31000; font-weight: bolder; font-size: 22px; float: left; margin-right: 15px;}
.news_hot .time{ float: right}

.con1{ width: 1298px; border: #ddd solid 1px; margin-top: 30px; overflow: hidden}
.con1 .title{ padding: 14px 6px; height: 18px; line-height: 18px; border-bottom:#ddd solid 1px; }
.con1 .title em{color: #0754bd; font-size: 20px; font-weight: bold; border-left: 5px solid #0754bd; padding-left: 5px;}
.con1 .title dl{ width: auto; float: right; margin-right: 30px;}
.con1 .title dt{ width: auto; border-left:solid 1px #111; float: left; padding:0 20px}
.con1 .title dt:first-child{border-left:none; }
.con1 .title .more{ float: right; padding-right: 15px;}
.con1 ul{ padding: 20px;}
.con1 ul li{ width: 200px; margin-left: 11px; text-align: center; line-height: 40px; margin-bottom: 5px;  float: left}
.con1 ul li:nth-child(6n+1){margin-left: 0; }
.con1 ul li img{width:100%; height: 190px;}

.con2{ width: 1298px; border: #ddd solid 1px; margin-top: 30px; overflow: hidden}
.con2 .title{ padding: 14px 6px; height: 18px; line-height: 18px; border-bottom:#ddd solid 1px; }
.con2 .title em{color: #0754bd; font-size: 20px; font-weight: bold; border-left: 5px solid #0754bd; padding-left: 5px;}
.con2 .title dl{ width: auto; float: right; margin-right: 30px;}
.con2 .title dt{ width: auto; border-left:solid 1px #111; float: left; padding:0 20px}
.con2 .title dt:first-child{border-left:none; }
.con2 .title .more{ float: right; padding-right: 15px;}
.con2 ul{ padding: 20px 30px; text-align: left; overflow: hidden}
.con2 ul li{ width: 275px; margin-left:43px; line-height: 40px; margin-bottom: 5px;  float: left}
.con2 ul li:nth-child(4n+1){margin-left: 0; }
.con2 ul li img{width:100%;}
.con2_t{width: 100%; color:#0754bd; font-weight: bold; float: left}
.con2_t span{ background:#0754bd; font-weight:100; border-radius:4px; color: white; padding: 5px; width: 20px; height: 20px; font-size: 22px; line-height: 22px; margin-top: 5px; text-align: center;float: left; margin-right: 10px} 
.con2_c{width: 100%; line-height:1.8; height: 60px; margin-bottom: 5px; margin-top:5px; overflow: hidden}


.ads{margin-top: 20px; overflow: hidden}

.con4{ width: 418px; padding: 0px 0px; margin-top: 20px;  line-height: 18px; border:#ddd solid 1px; float: left; margin-left: 20px; }
.con4:first-child{margin-left:0; }
.con4 .title{ padding: 14px 6px; height: 18px; line-height: 18px; border-bottom:#ddd solid 1px; }
.con4 .title em{color: #0754bd; font-size: 20px; font-weight: bold; border-left: 5px solid #0754bd; padding-left: 5px;}
.con4 .title .more{ float: right; padding-right: 15px;}
.con4 ul{ width: 398px; padding: 10px; float: left; overflow: hidden}
.con4 ul li{ width: 380px;  background:url("../img/li1.png") no-repeat left center; padding-left: 15px; line-height: 2; text-align:left; border-bottom: dashed #ddd 1px; float: left; }
.con4 ul li:nth-child(6n+1){margin-left: 11px; margin-bottom:5px; }

.con6{ width: 418px; padding: 0px 0px; margin-top: 20px;  line-height: 18px; border:#ddd solid 1px; float: left; margin-left: 20px; }
.con6:first-child{margin-left:0; }
.con6 .title{ padding: 14px 6px; height: 18px; line-height: 18px; }
.con6 .title em{color: #0754bd; font-size: 20px; font-weight: bold; border-left: 5px solid #0754bd; padding-left: 5px;}
.con6 .title .more{ float: right; padding-right: 15px;}
.con6 ul{ width: 100%; float: left; padding-bottom: 10px; overflow: hidden}
.con6 ul li{ width: 194px; margin: 10px; margin-bottom: 0; line-height: 2; float: left}
.con6 ul li:nth-child(2n+1){ margin-right: 0px;}
.con6 ul li img{ width: 100%;}

.con_6{ padding:12px 18px; padding-top: 10px; line-height: 1.8; height: 296px; overflow: hidden}
.con_6 img{width: 100%; margin-bottom: 10px;}
/*-------------------左边------------------------*/
.con_left{ width: 325px; float: left}
.con_left .left{width:100%; float: left;}
.left_title{ width: 100%; background: #0754bd; color: #fff; font-size: 20px; padding-left: 20px; box-sizing:border-box;   line-height: 60px; float: left}
.left_title em{font-family: Arial; font-size: 18px; margin-left: 10px;}

.left_nav{ width: 325px; float: left}
.left_nav li{ width: 100%; float: left; background:url("../img/l_li.png") no-repeat right 20px center #f6f6f6; padding-left: 20px; box-sizing:border-box; border-bottom: solid 1px #e9e9e9;line-height: 60px }
.left_nav li:hover{ background:url("../img/l_li.png") no-repeat right 20px center #0754bd; color: #fff }

.left_con{width: 100%; padding: 20px; float: left; box-sizing:border-box; background:#f6f6f6; line-height: 2; }
.left_erm{width: 100%; padding: 20px; float: left; box-sizing:border-box; background:#ededed; line-height: 2;}
/*-------------------推荐------------------------*/
.rec{ width: 1298px; border: #ddd solid 1px; overflow: hidden}
.rec .title{ padding: 14px 6px; height: 18px; line-height: 18px; border-bottom:#ddd dashed 1px; }
.rec .title em{color: #0754bd; font-size: 20px; font-weight: bold; border-left: 5px solid #0754bd; padding-left: 5px;}
.rec ul{ padding: 20px; width: 100%;  float: left}
.rec ul li{ width: 600px; margin-right:50px; box-sizing:border-box;  background:url("../img/li1.png") no-repeat left center; padding-left: 15px; line-height: 2; border-bottom: dashed #ddd 1px; float: left}
.rec ul li:nth-child(2n){margin-right: 0; }
.rec ul li .time{ float: right}
/*-------------------友情链接------------------------*/
.link{ width: 1298px; border: #ddd solid 1px; overflow: hidden}
.link .title{ padding: 14px 6px; height: 18px; line-height: 18px; border-bottom:#ddd dashed 1px; }
.link .title em{color: #0754bd; font-size: 20px; font-weight: bold; border-left: 5px solid #0754bd; padding-left: 5px;}
.link ul{ padding: 20px; width: 100%;  float: left}
.link ul li{ width: auto; float: left; line-height: 2; margin-right: 20px; display: block}
/*-------------------右边------------------------*/
.con_right{ width: 940px; float: right; line-height: 2}
.local{width: 100%; border-bottom: solid 1px #ddd; padding-bottom: 10px; padding-top: 5px; margin-bottom: 15px;}
/*-------------------新闻中心------------------------*/
.news1{ width: 100%; margin-top: 10px;}
.news1 ul li{width:212px; float:left; background:#FFFFFF;  margin-left:30px; margin-bottom:30px;}
.news1 ul li:nth-child(4n+1){ margin-left: 0}
.news1 ul li img{width:212px; height: 152px; }
.news1 ul li span{float:left; width:100%; height:35px; line-height: 35px; text-align: center;overflow:hidden; background:#CCCCCC}

.news2{ width: 100%; margin-top: 10px;}
.news2 ul li{width:100%; background:url("../img/li1.png") no-repeat left center; padding-left: 15px; box-sizing:border-box; float:left;  border-bottom:#ddd dashed 1px; line-height: 2.2}
.news2 ul li span{float:right;}
.news2_f{ width: 100%; float: left; margin-bottom:15px;}
.news2_f img{ width: 435px; height: 275px; margin-right: 20px; float: left}
.news2_f em{ width:485px;  font-size:20px; float: right;margin-bottom: 5px;}
.news2_f span{ width:485px; font-size:14px;float: right; height: 220px; overflow: hidden}
/*-------------------翻页------------------------*/
.page { width: 100%; text-align: center; display: table; margin-top: 20px; border-top: #ddd dashed 1px; padding-top: 20px}
.pagination { width:auto;  margin:0 auto;}
.pagination li {display: inline-block;margin-right: -1px;padding: 3px 7px;border: 1px solid #e2e2e2;min-width: 20px;text-align: center;}
.pagination li.active {background: #009688;color: #fff;border: 1px solid #009688;}
.pagination li a {display: block;text-align: center;}

.left{ float:left}
.right{ float: right} 

.chaoxi_day_choice li.on .tide_green{color: #fff}

.chaoxi-province{margin:0;padding:10px 0;color:#fff;}
.chaoxi-province h2{background:#f9f9f9;padding: 5px 20px;border:1px solid #ddd;font-weight: bold;color: #333}

.chaoxi-province .city-box{;display:table;width:100%;}
.chaoxi-province .city-box:nth-child(odd){background-color: #f9f9f9}
.chaoxi-province .city-name{width:15%;min-width:100px;font-size:16px;font-weight:600;display:table-cell;text-align:center;border:1px solid #ddd;padding:10px 15px;vertical-align:middle;border-top:none;border-right:none;color: #333}
.chaoxi-province .port-list{width:85%;display:table-cell;padding:10px 15px;border:1px solid #ddd;border-top:none;}
.chaoxi-province .port-list a{font-size:14px;padding:5px 10px;text-align:center;display: inline-block}
.chaoxi-province.quick-chaoxi h2{background:#E0ECFF;border:1px solid #E0ECFF;}
.chaoxi-province.quick-chaoxi .city-name,.chaoxi-province.quick-chaoxi .port-list{border:1px solid #E0ECFF;}
.chaoxi-province.quick-chaoxi .port-list a{font-weight: bold}


.article-list .title,.article-list .title h3{text-align: left}
.article-list li{margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px solid #ddd}
.article-list li .new-box{display: flex;align-items: flex-start;justify-content: flex-start}
.article-list li .img-box img{width: 200px;margin-right: 10px}
.article-list li .tags span{color: #999}
.article-list li .des a{color: #4285f4}
.article-list li .des a:hover{color: #ff0000}