@charset "utf-8";

/* CSS Document */

.haiyun_banner{width:100%;height:100%;}
.haiyun_banner img{width:100%;height:100%;}
/*什么是海运*/
.what_hy {width: 1200px;margin: 0 auto;}
.what_hy h2{font-size: 30px;color:#f37d20;text-align: center;padding: 40px 0 10px;}
.what_hy h3 {font-size: 14px;color:#666;text-align: center;line-height: 32px;}
.hy_what_hy{width: 1200px;margin: 0 auto;padding-top: 15px;}
.hy_what_hy ul li{float:left; width:25%;    margin-bottom: 20px;}
.hy_what_hy ul li img{width: 99%;}

.hy_what_hy ul li img:hover {-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}
.hy_what_hy ul li p{ text-align:center; margin:10px auto;}

/*海运航线服务*/


.hx_hy h2{font-size: 30px;color:#f37d20;text-align: center;padding: 40px 0 10px;}
.hx_hy h3 {font-size: 14px;color:#666;text-align: center;line-height: 32px;}
.hx_hy{width: 1200px;margin: 0 auto;padding-top: 15px;}
.hx_hy ul li{float:left;margin-bottom: 20px;margin-bottom: 20px;margin-right: 20px;background-color: #ff8c00;padding: 5px 10px;border-radius: 10px;}
.hx_hy ul li a{     color: #fff;}

/*痛点*/
.bz_tongdian{height: 445px;width: 1100px;margin: 0 auto;padding:40px 0 0 0;}
.bz_tongdian .td_img{width: 500px;padding-left: 50px;float: left;}
.bz_tongdian .td_desc{color:#666;line-height: 32px;font-size: 14px;}
.bz_tongdian .td_desc h2{font-size: 30px;color:#333;font-weight: normal;line-height: 30px;padding: 50px 0 25px 0;}
/*GLA海运优势*/
.bz_come{height: 555px;width: 1180px;}
.bz_come h2{font-size: 30px;color:#333;text-align: center;padding: 60px 0 15px;}
.bz_come h3{font-size: 14px;color:#666;text-align: center;}
.bz_come h3 span{color:#ff8c00;}
.bz_come .come_con{height: 260px;margin-top: 65px;background: url(../images/come_bg.png) center no-repeat;}
.bz_come .fl {float: left;}
.bz_come .fr {float: right;}
.bz_come .come_l_ul li{width: 420px;height: 56px;border: 1px solid #dadada;border-radius: 19px 19px;margin: 5px 0;background: #fff;line-height: 56px;color:#666;font-size: 14px;}
.bz_come .come_l_ul li i{width: 8px;height: 8px;border-radius: 50%;background: #ff8d01;float: left;margin:25px 4px 0 8px;}

/*专业团队*/
.bz_team{height: 475px;}
.bz_team h2{font-size: 30px;color:#f37d20;text-align: center;padding: 40px 0 10px;}
.bz_team h3{font-size: 14px;color:#666;text-align: center;}
.bz_team_con{width: 960px;margin: 0 auto;padding-top: 15px;}
.bz_team_con li{width: 120px;height: 120px;border-radius: 50%;float: left;margin:20px 0;text-align: center;color:#666;}
.bz_team_con li b{width: 80px;height: 80px;border-radius: 50%;display: block;margin: 0 auto 15px;background: url(../images/team_bg.png) center no-repeat;}
.bz_team_con li #team_1{background-color: #fe8c00;}
.bz_team_con li #team_2{background-color: #fec100;}
.bz_team_con li #team_3{background-color: #7fcb3d;}
.bz_team_con li #team_4{background-color: #31c079;}
.bz_team_con li #team_5{background-color: #2bc1ca;}
.bz_team_con li #team_6{background-color: #4b96d0;}
.bz_team_con li #team_7{background-color: #a570c5;}
.bz_team_con li #team_8{background-color: #ed4770;}
.bz_team_con li #team_9{background-color: #ed4770;}
.bz_team_con li #team_10{background-color: #a570c5;}
.bz_team_con li #team_11{background-color: #4b96d0;}
.bz_team_con li #team_12{background-color: #37c5cc;}
.bz_team_con li #team_13{background-color: #33bf7b;}
.bz_team_con li #team_14{background-color: #7fcb3d;}
.bz_team_con li #team_15{background-color: #fec100;}
.bz_team_con li #team_16{background-color: #fe8c00;}
/*专业顾问*/
.bz_guwen{height:860px;background: url(../images/guwen_bg.jpg) center no-repeat;}
.bz_guwen h2{font-size: 30px;text-align: center;color:#883912;padding: 50px 0 5px;}
.bz_guwen h3{font-size: 14px;text-align: center;color:#883912;}
.guwen_con{height:700px;width: 1020px;margin: 10px auto;background: url(../images/guwen_line.png) center no-repeat;position: relative;}
.guwen_con ul {width: 1050px;}
.guwen_con ul li{height: 150px;width: 160px;background: url(../images/guwen1.png) center 18px no-repeat;position: absolute;}
.guwen_con ul li#gw_2{background: url(../images/guwen2.png) center 18px no-repeat;left: 176px;}
.guwen_con ul li#gw_3{background: url(../images/guwen3.png) center 18px no-repeat;left: 346px;}
.guwen_con ul li#gw_4{background: url(../images/guwen4.png) center 18px no-repeat;left: 515px;}
.guwen_con ul li#gw_5{background: url(../images/guwen5.png) center 18px no-repeat;left: 682px;}
.guwen_con ul li#gw_6{background: url(../images/guwen6.png) center 18px no-repeat;left: 850px;}
.guwen_con ul li#gw_7{background: url(../images/guwen7.png) center 18px no-repeat;margin-top: 220px;}
.guwen_con ul li#gw_8{background: url(../images/guwen8.png) center 18px no-repeat;left: 176px;margin-top: 220px;}
.guwen_con ul li#gw_9{background: url(../images/guwen9.png) center 18px no-repeat;left: 346px;margin-top: 220px;}
.guwen_con ul li#gw_10{background: url(../images/guwen10.png) center 18px no-repeat;left: 515px;margin-top: 220px;}
.guwen_con ul li#gw_11{background: url(../images/guwen11.png) center 18px no-repeat;left: 682px;margin-top: 220px;}
.guwen_con ul li#gw_12{background: url(../images/guwen12.png) center 18px no-repeat;left: 850px;margin-top: 220px;}
.guwen_con ul li#gw_13{background: url(../images/guwen13.png) center 18px no-repeat;margin-top: 440px;}
.guwen_con ul li#gw_14{background: url(../images/guwen14.png) center 18px no-repeat;left: 176px;margin-top: 440px;}
.guwen_con ul li#gw_15{background: url(../images/guwen15.png) center 18px no-repeat;left: 346px;margin-top: 440px;}
.guwen_con ul li#gw_16{background: url(../images/guwen16.png) center 18px no-repeat;left: 515px;margin-top: 440px;}

.gw_li_desc{height:100px;width: 150px;background: url(../images/gw_li_bg.png) bottom no-repeat;margin: 100px auto 0;line-height: 20px;color:#863b11;text-align: center;font-size: 10px;}
.gw_li_desc b{display: block;font-size: 14px;padding: 13px 0 0;    font-weight: 600;}
/*海运案例*/
.hy_case_pag{    margin: 60px auto;}
.hy_case_pag h2{font-size: 30px;color:#f37d20;text-align: center;padding: 40px 0 10px;}
.hy_case_pag h3{font-size: 14px;color:#666;text-align: center;}
.hy_case{width: 1200px;margin: 0 auto;padding-top: 15px;}
.hy_case ul li{float:left; width:25%;    margin-bottom: 20px;}
.hy_case ul li img{width: 99%;    max-height: 167px;}
.hy_case ul li p{ text-align:center; margin:5px auto;width: 100%;height: 20px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
/*在线咨询  */
.hy_zixun h2{font-size: 30px;color:#f37d20;text-align: center;padding:80px 0 10px;}
.hy_zixun h3{font-size: 14px;color:#666;text-align: center;}
.message_form{width: 1000px;margin: 35px auto 0;}
.message_form li{width: 420px;padding-left: 80px;height: 50px;margin-bottom: 20px;float: left;font-size: 14px;color:#666;}
.message_form li span{text-align: right;width: 70px;float: left;height: 50px;line-height: 50px;}
.message_form li .input{width: 300px;height: 48px;border: 1px solid #dedede;background: #f4f4f4;border-radius: 4px;padding: 0 5px;color:#666;float: left;}
.message_form li .code{width: 150px;margin-right: 20px;}
.message_form li img{width: 120px;height: 50px;cursor: pointer;}
.message_form .submit{width: 160px;height: 50px;margin: 10px auto;}
.message_form .submit .sub{width: 160px;height: 50px;line-height: 50px;text-align: center;background: #ce0200;border: none;color:#fff;font-size: 18px;cursor: pointer;border-radius: 5px;}
.message_form .submit .sub:hover{opacity: 0.8}
/*海运新闻*/
.hx_new h2{font-size: 30px;color:#f37d20;text-align: center;padding: 80px 0 10px;}
.hx_new h3 {font-size: 14px;color:#666;text-align: center;line-height: 32px;}
.hx_new{width: 1100px;margin: 0 auto;padding-top: 15px;}
.hx_new ul li{float: left;margin-bottom: 10px;width: 50%;color: #000;}
.hx_new ul li a{color: #6d6868;}


.td_desc ul{     width: 30%;margin-top: 30px;
    float: left;
    border: 1px solid #f37d20;
    border-radius: 10px;
    text-align: center;
    height: 250px;}
.td_desc ul h2{    color: #f37d20;
    font-size: 24px;}
.td_desc ul.ul_1{ }
.td_desc ul.ul_2{margin-left: 54px;}
.td_desc ul.ul_3{float:right;}
.td_desc ul li a{font-size:14px;color:#333;}
.td_desc ul li a:hover{font-size:14px;color:#f37d20;}

.hy_hzhb{ width:1200px; margin:30px auto;}
.hy_hzhb ul li{float:left;}

.hy_bfal table{width:1200px; margin:30px auto;    border: 1px solid #f37d20;}
.hy_bfal table tr td{ line-height: 30px;    border: 1px solid #f37d20;}
tr.tr_t td{ text-align:center;    font-size: 16px;
    font-weight: bold;}