@charset "utf-8";

@import 'reset.css';

/*banner*/

.fullSlide{ position:relative; background:#000; margin:0 auto; }
.fullSlide .bd{ position:relative; z-index:0; }
.fullSlide .bd li img{width:100%; vertical-align:top;  } 
.fullSlide .hd{position:relative; z-index:1; margin-top:-30px; height:30px; line-height:30px;  text-align:center; filter:alpha(opacity=60);opacity:0.6 }
.fullSlide .hd ul{ text-align:center;  padding-top:5px;  }
.fullSlide .hd ul li{    
	cursor: pointer;
    display: inline-block;
    zoom: 1;
    width: 42px;
    height: 11px;
    margin: 1px;
    overflow: hidden;
    background: #FFF;
    filter: alpha(opacity=50);
    opacity: 0.5;
    line-height: 999px;
}
.fullSlide .hd ul .on{ background:#02757a; }
.fullSlide .prev,.fullSlide .next{ z-index:1; display:block; width:55px; height:55px; position:relative; margin:-27% 0 0 3%; float:left;  background:url(../images/arrow.png) 0 0 no-repeat; filter:alpha(opacity=40);opacity:0.4  }
.fullSlide .next{  background-position:right 0; float:right; margin-right:3%  }
.fullSlide .prev:hover,.fullSlide .next:hover{ filter:alpha(opacity=80);opacity:0.8 }

.index_profl{width:100%; height:142px; background:#f5f6f6; position:relative;}

.index_profl ul{ width:1197px; height: auto; margin:0 auto; position:absolute; top:-30px; left:50%; margin-left:-600px}

.index_profl ul li{width:160px; height:140px; border:1px solid #d7d8d8; background:#fff; font-size:14px; color:#323232; text-align:center; box-shadow:0 2px 2px #d7d8d8; text-transform:uppercase; float:left; margin:0 4.5px 0 3px;transition:all 1s;-webkit-transform:all 1s;-moz-transform:all 1s; font-weight:bold}

.index_profl ul li a{width:160px; height:140px;display:block}

.index_profl ul li i{width:98px; height:47px; display:block; margin:25px auto; background:url(../images/ico.png) no-repeat;}

.index_profl ul li:hover{background:#02757a;}

.index_profl ul li:hover a{ color:#fff}

.index_profl ul li:nth-child(1) i{ background-position:0 -30px}

.index_profl ul li:nth-child(1) a:hover i{ background-position:0 -85px}

.index_profl ul li:nth-child(2) i{ background-position:-100px -35px}

.index_profl ul li:nth-child(2) a:hover i{ background-position:-100px -90px}

.index_profl ul li:nth-child(3) i{ background-position:-200px -35px}

.index_profl ul li:nth-child(3) a:hover i{ background-position:-200px -90px}

.index_profl ul li:nth-child(4) i{ background-position:10px -145px}

.index_profl ul li:nth-child(4) a:hover i{ background-position:10px -200px}

.index_profl ul li:nth-child(5) i{ background-position:-90px -145px}

.index_profl ul li:nth-child(5) a:hover i{ background-position:-90px -200px}

.index_profl ul li:nth-child(6) i{ background-position:-185px -145px}

.index_profl ul li:nth-child(6) a:hover i{ background-position:-185px -200px}

.index_profl ul li:nth-child(7) i{ background-position:10px -255px}

.index_profl ul li:nth-child(7) a:hover i{ background-position:10px -310px}


.index_about{position: relative;background: url(/Public/Home/images/about_02.png);height: 467px;}
.index_box{width:1200px; margin:0px auto;}

.cp_left{position: absolute;position: absolute;right: 0;top:-94px;}

.cp_left img{transition:1s transform;-webkit-transform:1s transform;-moz-transform:1s transform;}

.cp_left img:hover{/* transform:scale(1.1,1.1) */}

.cp_left .bigimg{overflow:hidden}

.cp_left ul{ margin-top:10px;}

.cp_left ul li{width:290px; height:262px; float:left; overflow:hidden}

.cp_left ul li:nth-child(2){float:right;}

.cp_right{float:left;margin-top: 40px;}

.cp_right h3{background: url(/Public/Home/images/title_bg.png) no-repeat center; font-size: 60px;font-family: "Microsoft YaHei";color: rgb( 255, 255, 255 );font-weight: bold;text-transform: uppercase;line-height: 2.4;text-align: center;}

.cp_right h3 a{ color:#080910;}

.cp_right h3 a:hover{ color:#02757a;}

.cp_right h4{ font-size: 60px;font-family: "Microsoft YaHei";color: rgb( 245, 245, 245 );font-weight: bold; text-transform: uppercase;line-height: 2.4;text-align: center;}

.cp_right h6{ font-size:19px; color:#b7002e;}

.cp_right i{ width:85px; height:2px;background:#dcdcdc; display:block; margin:35px 0 35px 16px; position:relative}

.cp_right i b{ width:14px;height:14px;border:2px solid #02757a; display:block; position:absolute;left:-16px; top:-9px; border-radius:50%;}

.cp_right i b small{ width:6px; height:6px; background:#02757a; display:block; position:absolute; left:50%; top:50%; margin:-3px 0 0 -3px; border-radius:50%}

.cp_right p{ font-size: 24px;font-family: "PingFang";color: rgb( 240, 240, 240 );line-height: 1;text-align: center;}

.cp_right ul{width:528px; margin:50px 0 20px}

.cp_right ul li{width:100px;height:94px; background:#1c1c1c; border:1px solid #02757a; position:relative; float:left; margin-right:30px;}

.cp_right ul li dl{width:80px; height:26px; line-height:26px; background:#02757a; color:#fff; position:absolute; top:-15px;left:50%; margin-left:-40px; text-align:center;}

.cp_right ul li dd{width:43px;height:43px; background:url(../images/ico.png) no-repeat; margin:30px auto 0;transition:0.5s transform;-webkit-transform:0.5s transform;-moz-transform:0.5s transform;}

.cp_right ul a:nth-child(1) dd{ background-position:-100px -255px}

.cp_right ul a:nth-child(2) dd{ background-position:-145px -255px}

.cp_right ul a:nth-child(3) dd{ background-position:-195px -255px}

.cp_right ul a:nth-child(4) dd{ background-position:-250px -255px}

.cp_right ul a:hover dd{ transform:rotate(360deg)}

.cp_right h5{ margin-top:20px}

.cp_right h5 a{color:#fff; font-size:24px;text-transform: uppercase;font-family: "PingFang";height:45px; border-radius:45px; display:block; text-align:center; line-height:45px; margin:0 auto;transition:all 0.5s;-webkit-transform:all 0.5s;-moz-transform:all 0.5s;}

.cp_right h5 a:nth-child(1){width:361px;background-color: rgb( 244, 174, 1 )}

.cp_right h5 a:nth-child(1):hover{ background:rgba(32,42,48,0.8)}

.cp_right h5 a:nth-child(2){width:157px; background:#02757a}

.cp_right h5 a:nth-child(2):hover{ background:rgba(2, 117, 122,0.8)}



/*youshi*/

.youshi{width:100%; height:251px; background:url(../images/youshi_02.jpg) no-repeat center;}

.youshi ul{width:1200px; margin:0 auto}

.youshi ul li{width:25%; text-align:center; color:#fff; float:left;}

.youshi ul li i{width:124px; height:74px; display:block; margin:40px auto 30px; background:url(../images/ico.png) no-repeat}

.youshi ul li h3{font-size:36px;}

.youshi ul li p{font-size:18px; line-height:50px}

.youshi ul li:nth-child(1) i{ background-position:0 -360px}

.youshi ul li:nth-child(2) i{ background-position:-150px -360px}

.youshi ul li:nth-child(3) i{ background-position:0 -445px}

.youshi ul li:nth-child(4) i{ background-position:-150px -445px}



/*jieshao*/

.jieshao{width:1200px;height:440px; margin:70px auto; position:relative; background:url(../images/car_03.jpg) no-repeat right;}

.jieshao .jieshao_l{width:455px;height:540px; background:#f4f4f4; position:absolute; left:0; top:-50px;}

.jieshao .jieshao_l ul{ width:165px; height:auto; background:url(../images/jieshao_lbg_03.jpg) no-repeat right bottom #fff; border-left:4px solid #b3131d; margin:50px 0 0 55px; padding-bottom:5px;}

.jieshao .jieshao_l ul li{ width:165px; height:145px; text-align:center; border-bottom:1px solid #e8e9ef; box-shadow:0 1px 0 #dddfe8;transition:all 0.5s;-webkit-transform:all 0.5s;-moz-transform:all 0.5s; font-weight:bold;}

.jieshao .jieshao_l ul li a{ width:165px; height:130px;display:block; padding-top:15px;}

.jieshao .jieshao_l ul li i{width:55px;height:55px; display:block; margin:0 auto 15px; background:url(../images/ico.png) no-repeat}

.jieshao .jieshao_l ul li p{font-size:16px; color:#272727;}

.jieshao .jieshao_l ul li:nth-child(1) i{ background-position:3px -525px;}

.jieshao .jieshao_l ul li:nth-child(2) i{ background-position:-60px -525px;}

.jieshao .jieshao_l ul li:nth-child(3) i{ background-position:-120px -525px;}

.jieshao .jieshao_l ul li:hover{background:#f00000;}

.jieshao .jieshao_l ul li:hover p{ color:#fff;}

.jieshao .jieshao_l ul li:nth-child(1):hover i{ background-position:3px -590px;}

.jieshao .jieshao_l ul li:nth-child(2):hover i{ background-position:-60px -590px;}

.jieshao .jieshao_l ul li:nth-child(3):hover i{ background-position:-120px -590px;}

.jieshao .jieshao_r{width:332px; height:420px; background:url(../images/jieshao_rbg_06.jpg) no-repeat left bottom rgba(255,255,255,0.8); border-top:1px solid #d2d4db; border-right:1px solid #d2d4db; position:absolute; top:0; left:265px; padding:27px 45px 0;}

.jieshao .jieshao_r h2{ font-size:24px; color:#121214; line-height:32px; font-weight:bold}

.jieshao .jieshao_r h2 a{ font-size:24px;}

.jieshao .jieshao_r h2 a:hover{ color:#ce0000}

.jieshao .jieshao_r i{width:67px; height:3px; background:#ce0000; display:block; margin:20px 0}

.jieshao .jieshao_r p{color:#6b6b6b; line-height:27px;}

.jieshao .jieshao_r font a{display:inline-block;font-size:15px;color:#ce0000; margin-top:25px; padding:3px 10px; font-weight:bold;}

.jieshao .jieshao_r font a:hover{ border:1px solid #ce0000}



/*index_news*/

.index_news{width:100%; background:url(/Public/Home/images/product_bg.jpg);padding-bottom: 118px;}

.index_news h2{ padding-top: 107px;font-size: 60px;font-family: "Microsoft YaHei";color: rgb( 1, 106, 110 );font-weight: bold;text-transform: uppercase;text-align:center; line-height:77px;}

.index_news p{font-size: 24px;font-family: "PingFang";color: rgb( 153, 153, 153 );text-align: center;margin: 10px 0 40px 0;}

.index_news .title{font-size: 18px;font-family: "Microsoft YaHei";color: rgb( 51, 51, 51 );font-weight: bold;text-align: center;margin:0px;line-height: 3.33;}

.index_news .des{font-size: 14px;font-family: "Microsoft YaHei";color: rgb( 102, 102, 102 );text-align: center;margin:0px;line-height: 2.714;}

.index_news .title-icon {width: 36px;height: 2px;margin: 0 auto;background: rgb( 51, 51, 51 );}

.index_news .more {
	margin: 70px auto 0px auto;
    font-size: 24px;
    font-family: "PingFang";
    color: rgb( 239, 239, 239 );
    text-transform: uppercase;
    text-align: center;
	background-color: rgb( 1, 106, 110 );
	width: 361px;
  	height: 63px;
	line-height: 63px;
}
.index_news .more a{
    color: rgb( 239, 239, 239 );
}
.index_news h2 a{ color:#323232}

.index_news h2 a:hover{ color:#ce0000}

.index_news ul{ width:1400px; margin:0 auto}

.index_news ul li{width:24.333333%; height:360px; position:relative; float:left; margin-right:12px;margin-top:40px;}

.index_news ul li:nth-child(4){margin-right:0; float:right;}

.index_news ul li:nth-child(8){margin-right:0; float:right;}

.index_news ul li:nth-child(12){margin-right:0; float:right;}

.index_news ul li .img{width:100%;height:260px;; overflow:hidden;}

.index_news ul li .img img{width: 100%;height: 260px;transition:1s transform;-webkit-transform:1s transform;-moz-transform:1s transform;}

.index_news ul li:hover img{transform:scale(1.1,1.1)}

.index_news ul li dd{width:251px; padding:0 20px; font-size:15px;color:#fff; line-height:27px; position:absolute; left:0; bottom:70px; z-index:3;}

.index_news ul li h3{width:100%;height:61px; background:#000; position:absolute; bottom:64px; left:0;z-index:1;}

.index_news ul li:nth-child(1) h3{ height:64px;}

.index_news ul li h4{width:100%;height:100px; line-height:64px; background:#fff; color:#fff;}

.index_news ul li .bg_title{
    transition: 0.5s;
    background: rgba(1, 106, 110,0.7);
    width: 100%;
    height: 100%;
    line-height: 30px;
    font-size: 16px;
    position: absolute;
    top: 0;
    left: 0;
    color: #FFF;
    text-align: center;
    transform: scale(0);
    z-index: 99;
} 
.index_news ul li:hover .bg_title {
    transform: scale(1);
}  
.index_news ul li:hover .bg_title {
    transform: scale(1);
}  
.index_news .bg_title .title {
    padding-top: 35%;
    font-size: 18px;
    font-family: "Microsoft YaHei";
    color: #fff;
    font-weight: bold;
    text-align: center;
    margin: 0px;
    line-height: 3.33;
}
.index_news .bg_title .title-icon {
    width: 36px;
    height: 2px;
    margin: 0 auto;
    background: #fff;
}
.index_news .bg_title .des {
    font-size: 14px;
    font-family: "Microsoft YaHei";
    color: #fff;
    text-align: center;
    margin: 0px;
    line-height: 2.714;
}
.index_news ul li h4 i{width:14px;height:14px; display:inline-block; background:url(../images/ico.png) no-repeat; background-position:-125px 0; margin:0 5px 0 22px}

.index_news ul li h4 b{width:14px;height:14px; display:inline-block; background:url(../images/ico.png) no-repeat; background-position:-140px 0; margin:0 5px 0 35px}

.index_news ul li span{width:100%; height:159px; position:absolute; left:0; top:100px; background:linear-gradient(to top,rgba(0,0,0,1),rgba(0,0,0,0)); z-index: 2;}

.index_news ul li:hover span{ background:linear-gradient(to top,rgb(0, 66, 68),rgba(81,3,3,0));}
.text-xs-center {
    text-align: center!important;
}
.media-body, .media-left, .media-right {
    display: table-cell;
    vertical-align: top;
}
.m-b-5 {
    margin-bottom: 5px!important;
}
.text-xs-left {
    text-align: left!important;
}
.news_list_met_11_1 { padding: 74px 0px 0 0px;}
.news_list_met_11_1 .head{margin-bottom: 20px;}
.news_list_met_11_1 .head .title { font-size: 60px;background: url(/Public/Home/images/title_bg.png) no-repeat center;font-family: "Microsoft YaHei";color: rgb( 204, 204, 204 );font-weight: bold;text-transform: uppercase;margin-top: 0; margin-bottom: 30px;line-height: 2.4; }
.news_list_met_11_1 .head .subtitle { font-size:18px; font-weight:500; margin-top: 20px; color: #333333; transform: translate(0, 100%); }
.news_list_met_11_1 .head .desc { margin-top: 0; color: #999999; color: ; transform: translate(0, 100%); }
.news_list_met_11_1 .updatetime { display: block; font-weight: 500; height: 30px;font-size: 13px;font-family: "Microsoft YaHei";color: rgb( 102, 102, 102 );line-height: 1.846;text-align: center;}
.news_list_met_11_1 .media-heading { text-align: left; position: relative; }
.news_list_met_11_1 .text-xs-left1:before { position: absolute; content: ""; width: 0px; height: 1px; background-color: #999999; bottom: 0; -webkit-transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s; transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s; }
.news_list_met_11_1 .media-heading a {font-size: 17px;font-family: "Microsoft YaHei";color: rgb( 51, 51, 51 );line-height: 1.412; display: block; }
.news_list_met_11_1 .media-heading a:hover { text-decoration: none; color: #000000; }
.news_list_met_11_1 .media-body .des {font-size: 14px;font-family: "Microsoft YaHei";color: rgb( 102, 102, 102 );line-height: 1.714; height: 38px; }
.news_list_met_11_1 .media:hover .text-xs-left:before { width: 100%; }
.news_list_met_11_1 .more { margin: 0 auto; padding: 6px 50px; display: inline-block; -webkit-transition: all .5s cubic-bezier(.215, .61, .355, 1) 0s; transition: all .5s cubic-bezier(.215, .61, .355, 1) 0s; border: #999999 1px solid; border:  1px solid; color: #999999; color: ; }
.news_list_met_11_1 .more:hover { color: #fff; border-color: #000000; border-color: ; background-color: #000000; background-color: ; }
.news_list_met_11_1 .media { float: left;width:50%;height: 123px;overflow: hidden;margin-bottom: 50px;}
.news_list_met_11_1 .date{float:left; width:85px; background-color:#f5f5f5;padding: 12.5px 0;}
.news_list_met_11_1 .date .riqi{    font-size: 24px;font-family: "Microsoft YaHei";color: rgb( 102, 102, 102 );line-height: 1;text-align: center;width: 38px;margin: 0 auto;}
.news_list_met_11_1 .media-body{padding-left:10px;padding-top: 5px;}
@media (max-width:991px) {
	.news_list_met_11_1 { padding: 40px 30px; }
	.news_list_met_11_1 .media-lg .media-object { width: 100px; height: 75px; }
	.news_list_met_11_1 .media-heading a { max-width: 226px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
}
@media (max-width:767px) {
	.news_list_met_11_1 .media{height: auto;}
	.news_list_met_11_1 .media-heading a { max-width: 100%; white-space:pre-wrap; }
	.news_list_met_11_1 { padding: 30px 15px; }
}
@media (max-width:479px){
	.news_list_met_11_1 .media-left{display: table-cell;}
}
.index_abouts .ab_left{
	background: #e5e5e5;
    width: 35%;
    float: left;
}
.index_abouts .ab_left .left_c{
	padding: 90px 127px 140px 120px;
}
.index_abouts .ab_left .left_c h3{
	font-size: 60px;
    font-family: "Microsoft YaHei";
    color: rgb( 0, 0, 0 );
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.4;
}
.index_abouts .ab_left .left_c h3 span{
	color:#016a6e;
}
.index_abouts .ab_left .left_c .title-icon{
	width: 83px;
    height: 2px;
    background: #016a6e;
}
.index_abouts .ab_left .left_c p{
	padding-top: 40px;
    font-size: 14px;
    font-family: "PingFang";
    color: rgb( 17, 17, 17 );
    line-height: 1.714;
    text-align: left;
}
.index_abouts .ab_right{
	background: #eeeeee;
    width: 65%;
    float: right;
}
.ab_right li {
    padding: 38px;
	float: left;
    width: 40%;
	height: 240px;
}
.ab_right li i{
	width: 63px;
    height: 63px;
    display: block;
    margin: 12px auto 30px;
    background: url(/Public/Home/images/ico.png) no-repeat;
}
.ab_right li:nth-child(1){
	background: url(/Public/Home/images/index_03.png) no-repeat;
}
.ab_right li:nth-child(1) h3{
	color:#fff;
	padding-top: 70px;
}
.ab_right li:nth-child(1) p{
	color:#fff;
}
.ab_right li:nth-child(2) i{
	width: 73px;
    height: 56px;
	background-position: 0 -86px;
}
.ab_right li:nth-child(3) i{
	background-position: 0 -22px;
}
.ab_right li:nth-child(4) i{
	width: 51px;
    height: 60px;
	background-position: 0 -144px;
}
.ab_right li h3 {
    font-size: 24px;
    font-family: "Microsoft YaHei";
    color: rgb( 0, 0, 0 );
    font-weight: bold;
    text-transform: uppercase;
    line-height: 2;
    text-align: center;
}
.ab_right li p{
    font-size: 18px;
    font-family: "PingFang";
    color: rgb( 51, 51, 51 );
    line-height: 1.333;
    text-align: center;
}
@media (max-width:1400px) {
	.index_news ul{ width:1200px; margin:0 auto}
	.index_news ul li{width:24.25%;	}
}
.index_news .c_h2{
	padding-top:20px;
	font-size:40px;
}
.index_news .c_p{
	font-size: 16px;
	color:#33a8ad;
    margin: 10px 0 10px 0;
}