@charset "utf-8";
/* CSS Document */
*{ margin: 0;padding: 0;}
body { font-size:14px;line-height:26px;color:#333333; overflow-x:hidden; font-family:"微软雅黑"}
a{ color:#333333; text-decoration:none; cursor:pointer;transition:all 0.3s;}
a:hover{ text-decoration:none;transition:all 0.3s;}
ul {list-style: none;}
li{ list-style-type:none;}

.fl{float: left;}
.fr{float: right;}



/*-------------- index --------------*/
#warp{ width:100%; height:100%;}
#item{ margin-top: 38px;}
#item .hd{ width: 1200px; height: 120px; margin: 0 auto 10px; }
#item .hd ul{ float: left;}
#item .hd li{ float: left; width: 252px; height: 120px; }
#item .hd li a{ display: block; height: 104px; border-right: 1px solid #1a97f1; margin-top: 8px; background-color: #0084e2; transition: all 0.3s;}
#item .hd li a:hover{ margin-top: 0px; height: 120px; background-color: #ffb300;border-right: 1px solid #0084e2;}

#item .hd li b{ float: left; width: 57px; height: 55px; margin: 26px 0 0 30px;transition: 0.5s;}

#item .hd .l1{  background: url(../Image/s01.png) no-repeat;}
#item .hd .l2{  background: url(../Image/s02.png) no-repeat;}
#item .hd .l3{  background: url(../Image/s03.png) no-repeat;}
#item .hd .l4{  background: url(../Image/s04.png) no-repeat;}







#item .hd .right{ float: left; width:250px; margin-top:23px; text-align:center;}
#item .hd .right p{ color: #fff; font-size: 18px;}
#item .hd .right span{ color: #FFF;text-transform: uppercase;font-size: 12px;}
#item .hd .more{ float: right; width: 192px; height: 104px; margin-top: 8px; background-color: #0084e2;}
#item .hd .more a{ display: block; height: 100%; text-align: center;}
#item .hd .more img{ margin-top: 35px;}
#item .hd .more p{ color: #fff; font-size: 14px;}
#item .hd .more a:hover p{ color: #ffb300}
#item .bd{ width: 1220px; height: 530px; margin: 0 auto; overflow: hidden;}
#item .bd ul{ height: 530px; overflow: hidden;}
#item .bd li{ float: left; width: 285px; height: 265px; margin: 0 10px; overflow: hidden;}

#item .bd a{ display: block; position: relative;}
#item .bd img{ border: 1px solid #e1e1e1; width: 283px; height: 212px;}
#item .bd span{ display: block; color: #333; font-size: 14px; line-height: 38px; text-align: center;}
#item .bd a i{ position: absolute; left: -193px; top: 0; width: 50%; height: 214px; background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); -webkit-transform: skewx(-25deg); -webkit-transition:0s;}
#item .bd a:hover i{left: 334px; -webkit-transition: 0.5s;}
#item .bd a:hover span{ color: #000;}

#advantage{ height: 660px; background: url(../Image/bg_advantage.jpg) no-repeat top center; overflow: hidden;}
#advantage .text{ width: 940px; text-align: center; margin: 55px auto 0;text-transform: uppercase;}
#advantage .text b{ color: #ffb300; font-size: 46px;-webkit-text-stroke: 2px #fff;}
#advantage .text span{ color: #0084e2; font-size: 46px; font-weight: bold;}
#advantage .text .en{ display: inline-block; line-height: 26px; background-color: #0084e2; padding: 0 10px; color: #fff; font-size: 14px; letter-spacing: 2px; margin-top: 13px; *display: inline; *zoom: 1;}
#advantage .text p{ margin-top: 19px; font-size: 14px; line-height: 25px;}
#advantage ul{ width: 1170px; height: 350px; margin: 55px auto 0; overflow: hidden;}
#advantage ul li{ float: left; width: 350px; height: 350px; margin: 0 20px; overflow: hidden;}

#advantage ul .l1{ background: #fff}
#advantage ul .l2{ background: #fff}
#advantage ul .l3{ background: #fff}
#advantage ul a{ display: block; width: 330px; height: 330px; margin: 10px;  background: #0084e2; text-align: center; overflow: hidden; transition: all 0.3s;}
#advantage ul a:hover{ background: #ffb300;}
#advantage ul b{ display: block; color: #fff; font-size: 30px; margin-top: 38px; }
#advantage ul span{ display: inline-block;  background-color: #fff; padding: 0 5px; margin-top: 12px; *display: inline; *zoom: 1;    text-transform: uppercase; font-size: 12px;}
#advantage ul p{ width: 238px; margin: 27px auto 0; color: #fff; font-size: 14px; line-height: 28px;}
#advantage ul .btn{ width: 174px; height: 52px;  margin: 25px auto; overflow: hidden; border-radius: 2px;}
#advantage ul .inner{ width: 158px; height: 36px; border: 1px solid #fff; margin: 6px auto 0; color: #fff; font-size: 14px; line-height: 36px; border-radius: 2px;}

#team{ height: 420px; overflow: hidden;padding-top: 50px;}
#team .hd{ position: relative; width: 570px; height: 81px; margin: 0 auto; text-align: center; }
#team .hd img{ width: 100%; height: 71px; margin-top: 10px;}
#team .hd .ch{ position: absolute; left: 139px; top: -9px;  *display: inline; *zoom: 1;}
#team .hd .ch b{ color: #363636; font-size: 36px;}
#team .hd .ch span{ font-weight: bold; color: #0084e2; font-size: 36px;}
#team .hd .en{ position: absolute; left: 113px; top: 31px; color: #adadad;    text-transform: uppercase;}
#team .hd a{ display: block; width: 28px; height: 28px; position: absolute; cursor: pointer;}
#team .hd .prev{ background: #363636 url(../Image/icon_arrow.png) no-repeat 7px 5px; left: 248px; bottom: -14px;}
#team .hd .prev:hover{ background-color: #da2021}
#team .hd .next{ background: #da2021 url(../Image/icon_arrow.png) no-repeat -19px 4px; left: 293px; bottom: -14px;}
#team .hd .next:hover{background-color: #363636}
#team .bd{ width: 1248px; height: 288px; margin: 50px auto 0; text-align: center; overflow: hidden;}
#team .bd ul{ overflow: hidden;}
#team .bd li{ float: left; width: 281px; height: 288px; margin: 0 12px;}
#team .bd li a{ display: block;}
#team .bd li img{ width: 281px; height: 207px;border: 1px solid #ccc;}
#team .bd li span{ color: #363636; font-size: 14px; line-height: 46px;}

#profile{ height: 560px; background: url(../Image/bg_profile.jpg) no-repeat top center; text-align: center; overflow: hidden;}
#profile .ch{ margin-top: 55px; font-size: 46px;}
#profile .ch b{ color: #232331;}
#profile .ch span{ font-weight: bold; color: #0084e2;}
#profile .en{ margin-top: 20px; color: #232331; font-size: 20px;text-transform : uppercase;}
#profile .inner{ width: 1140px; height: 343px; background-color: #f8f8f8; margin: 33px auto 0; overflow: hidden;}
#profile .inner .left{ float: left; width: 446px; height: 283px; margin: 30px 0 0 30px;}
#profile .inner .right{ float: right; width: 577px; height: 283px; margin: 35px 48px 0 0;}
#profile .profile_rt{ position: relative; width: 507px; height: 40px; margin: 0 auto;}
#profile .profile_rt img{ margin-top: 18px; width: 100%; height: 5px;}
#profile .profile_rt a{ position: absolute; left: 123px; top: 0px; color: #666; font-size: 20px;}
#profile .profile_rt span{ position: absolute; left: 55px; top: 27px; color: #9e9e9e;text-transform: uppercase; }
#profile .profile_rc{ height: 160px; margin-top: 20px; font-size: 14px; line-height: 25px;}
#profile .profile_rb img{ vertical-align: bottom;}
#profile .profile_rb b{ color: #0084e2; font-size: 26px; margin-left: 5px;}
#profile .profile_rb a{ display: inline-block; width: 95px; height: 27px; margin-left: 20px; background-color: #0084e2; border-radius: 15px; color: #fff; font-size: 14px; line-height: 27px; vertical-align: text-bottom;}
#profile .profile_rb a:hover{ background-color: #0768ad;}

#news{ height: 405px; overflow: hidden;}
#news .hd{ position: relative; width: 570px; height: 81px; margin: 0 auto; text-align: center; }
#news .hd img{ width: 100%; height: 71px; margin-top: 10px;}
#news .hd .ch{ position: absolute; left: 139px; top: 6px;  *display: inline; *zoom: 1;}
#news .hd .ch b{ color: #363636; font-size: 36px;}
#news .hd .ch span{ font-weight: bold; color: #0084e2; font-size: 36px;}
#news .hd .en{ position: absolute; left: 120px; top: 42px; color: #adadad;text-transform: uppercase;}
#news .hd a{ display: block; width: 28px; height: 28px; position: absolute; cursor: pointer;}
#news .hd .prev{ background: #363636 url(../Image/icon_arrow.png) no-repeat 7px 5px; left: 248px; bottom: -14px;}
#news .hd .prev:hover{ background-color: #da2021}
#news .hd .next{ background: #da2021 url(../Image/icon_arrow.png) no-repeat -19px 4px; left: 293px; bottom: -14px;}
#news .hd .next:hover{background-color: #363636}
#news .bd{ width: 1230px; height: 242px; margin: 25px auto 0; overflow: hidden;}
#news .bd ul{ overflow: hidden;}
#news .bd li{ position: relative; float: left; width: 585px; height: 220px; margin: 0 15px 22px; background-color: #0084e2;}
#news .bd li:hover{background-color:#119cff;}


#news .bd .ctn{ display: block; width: 532px; margin: 27px auto 0; overflow: hidden;}
#news .bd .ctn img{ float: left; width: 220px; height: 158px; border: 3px solid #fff;}
#news .bd .ctn .right{ float: right; width: 284px;}
#news .bd .ctn .right .title{ color: #fff;}
#news .bd .ctn .right .time{ display: block; color: #67a8ea;}
#news .bd .ctn .right p{ color: #fff; line-height: 20px; margin-top: 20px;}
#news .bd .more{ position: absolute; left: 288px; bottom: -22px; width: 145px; height: 42px; background-color: #ffb300;}
#news .bd .more .inner{ width: 131px; height: 30px; border: 1px solid #fff; margin: 5px auto 0; color: #fff; font-size: 14px; line-height: 30px; text-align: center;}
#news .bd .more:hover{ background-color: #AF191A}

		
/*-------------- xinwentuijian --------------*/
.xgtuijian{margin-top: 50px;padding-bottom: 50px;}
.xgtuijian p{font-size: 24px;padding-bottom: 15px;}
.xgtuijian span{height: 40px;line-height: 40px;}
.liebiao{display: inline-block;width: 100%;border-bottom: 1px #999 dashed;}
.biaoti{display: flex;}
.lianjie{width: 90%;}
.lianjie a{line-height: 40px;width: auto;}