@charset "utf-8";
/* CSS Document */

body{ width:100%; height:100%; color:#646464; background:#fff; font-size:12px; font-family:'微软雅黑'; overflow-y: scroll; overflow-x: hidden;}
*{ margin:0px auto; padding:0px; -webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;-ms-transition:all 0.3s linear;transition:all 0.3s linear;}
a{ text-decoration:none; color:#646464;}
a:hover{}
.divclear{ clear:both;}
.hidd{ display:none;}
li{ list-style:none;}
i,em{ font-style:normal;}
#bord{ border:none; background:none;}
.t_left{float:left;}
.t_right{ float:right;}
.fl{ float: left;}
.fr{ float: right;}
.clearfix{ clear: both;}
.clearfix:after{ content: ''; display: block; clear: both;}
.align_l{ text-align:left;}
.align_r{ text-align:right;}
.align_c{text-align:center;}
img{ vertical-align:bottom; border:none; max-width:100%;}
.wapper{ width: 1100px; margin: 0 auto;}
.wrapper{ width: 1200px; margin: 0 auto;}


/* top */
.top{ width: 90%; padding: 0 5%; height: 80px; position: fixed; top: 0px; left: 0px; z-index: 99999; box-shadow: 2px 2px 4px rgba(0,0,0,0.2); background: #FFFFFF; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
.logo{ display: inline-block; height: 80px; line-height: 80px; float: left;}
.logo img{ vertical-align: middle;}
.topr{ display: inline-block; float: right; height: 80px;}
.topr{}

#nav{ position: absolute; top: 0px; left: 0px; right: 0px; z-index: -1; max-width:800px; margin: 0 auto; text-align: center;}
#nav>ul{ display: inline-block;}
#nav>ul>li{float: left; padding:25px 0; margin-left: 20px;}
#nav>ul>li>a{ display: block; padding: 0 15px; height: 30px; line-height: 30px; color: #646464; font-size: 14px;}
#nav>ul>li.on>a{ background: #123aaf; color: #FFFFFF; border-radius: 30px;}
#nav>ul>li:hover>a{ background: #123aaf; color: #FFFFFF; border-radius: 30px;}

.imenu{ position: absolute; top: 80px; left: 0px; z-index: 999; width: 100%; background: #FFFFFF; padding: 50px 0; display: none;-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;}
.imenu ul{ width: 1230px;}
.imenu ul li{ float: left; width: 170px; margin-right: 35px; text-align: center;}
.imenu ul li div{ width: 78px; height: 78px; line-height: 78px; overflow: hidden; margin: 10px auto; text-align: center; border-radius: 20px;}
.imenu ul li div span{ display: block;}
.imenu ul li div span img{ transform:rotateY(360deg); transition: 1s; -webkit-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -o-transform: rotateY(360deg);}
.imenu ul li div i{ display: block;}
.imenu ul li:hover div{ background: #123aaf; box-shadow: 0 0 20px #123AAF;}
.imenu ul li:hover div i img{ transform:rotateY(360deg); transition: 1s; -webkit-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -o-transform: rotateY(360deg);}
.imenu ul li:hover div span{ display: none;}
.imenu ul li div img{ vertical-align: middle;}
.imenu ul li dl dt{ font-size: 14px; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 35px; line-height: 35px;}
.imenu ul li dl dd{ line-height: 20px; height: 40px; overflow: hidden; color: #AAAAAA;}

.toplink{ display: inline-block;float: right; padding: 26px 0 26px 120px;}
.toplink ul li{ position: relative; float: left; margin-left: 15px;}
.toplink ul li span{ display: block; width: 28px; line-height: 28px; height: 28px; border-radius: 28px; overflow: hidden; background: #ff9600;}
.toplink ul li span input[type=text]{ padding:0 28px 0 10px; background: none; border: 0 none; color: #FFFFFF; height: 28px; line-height: 28px; width: 112px;}
.toplink ul li span input[type=submit]{ background: url(../images/search.png) #ff9600 no-repeat center center; width: 28px; height: 28px; position: absolute; top: 0px; right: 0px; z-index: 10; border: 0 none;  cursor: pointer; border-radius: 28px;}
.toplink ul li a{ display: block; background: #ff9600; border-radius: 28px; overflow: hidden; width: 28px; line-height: 28px; height: 28px; text-align: center;}
.toplink ul li.t1:hover span{background:#ff9600; }
.toplink ul li.t1:hover span input[type=button]{background: url(../images/search.png) #ff9600 no-repeat center center; }
.toplink ul li a img{ vertical-align: middle;}
.toplink ul li.t2:hover a{ background: #ff9600;}
.toplink ul li.t2:hover a img{ transform:rotate(360deg); transition: 1s; -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg);}
.toplink ul li.t3:hover a{ background: #ff9600;}
.toplink ul li.t3:hover a img{ transform:rotate(360deg); transition: 1s; -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg);}
#share *{ transition: none; -webkit-transition: none; -ms-transition: none; -moz-transition: none;}
#share .bdshare-button-style0-16{ width: 105px;}
#share .bdshare-button-style0-16 .bds_weixin{background-image:url(../images/top_wx.png); background-position: center; background-repeat: no-repeat;}
#share .bdshare-button-style0-16 .bds_tsina{background-image:url(../images/wb.png); background-position: center; background-repeat: no-repeat;}
#share .bdshare-button-style0-16 .bds_sqq{background-image:url(../images/qq.png); background-position: center; background-repeat: no-repeat;}
#share .bdshare-button-style0-16 a{ padding-left: 0 !important; margin:0 0 0 6px; transition: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none;}
.bd_weixin_popup{ transition: none; -webkit-transition: none; -ms-transition: none; -moz-transition: none;}

/*banner*/
.banner,.banner .flexslider,.banner .slides li{ min-width:1100px; height: 600px;}
.banner .slides li{ width: 100%; min-width:1100px; position: relative; z-index: 1;}
.nbanner{ min-width:1100px; height:400px; position:relative;}
.gdtcaseban{ margin-top:70px;}
.gdtcaseban,.gdtcaseban .flexslider,.gdtcaseban .slides li{ width:1100px; height:750px;}
.banner .slides li a{ display: block; width: 100%; height: 100%;}
.flexslider{position:relative;overflow:hidden;}
.slides{position:relative;z-index:1;}

/* 圆点切换 */
.banner .flex-control-nav{position:absolute;bottom:30px; z-index:2;padding-left:0;/*width:1100px;*/ display: inline-block; left:0;right:0; height:12px; line-height:12px;margin:0 auto;text-align:center;}
.banner .flex-control-nav li{width:12px;height:12px;margin-right:8px;display:inline;zoom:1;text-align:center; border-radius:50%; overflow:hidden;}
.banner .flex-control-nav a{display:inline-block;width:12px;height:12px;line-height:50px; background:#332922; cursor:pointer;color:#fff;font-family:Arial; border-radius:50%; overflow:hidden;}
.banner .flex-control-nav .flex-active{width:12px;height:12px; background:#cbcbcb;}

/* 左右按钮切换 */
/*.banner .flex-direction-nav a{width:36px;height:67px;line-height:99em;overflow:hidden;display:block;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:1;filter:alpha(opacity=1);-webkit-transition:all .3s ease;}
.banner .flex-direction-nav .flex-next{ background:url(../images/right1.png) no-repeat center center; right:5%;}
.banner .flex-direction-nav .flex-prev{ background:url(../images/left1.png) no-repeat center center; left:5%;}
.banner .flexslider:hover .flex-next{opacity:0.6;filter:alpha(opacity=60);}
.banner .flexslider:hover .flex-prev{opacity:0.6;filter:alpha(opacity=60);}
.banner .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=100);}*/

/* banner 内容 */
.bantxt{ text-align: center; color: #FFFFFF; position: absolute; top: 0px; left: 0px; right: 0px; margin: 0 auto; z-index: 99;}
.bantxt dl dt{ font-family: 'Microsoft YaHeiLight'; letter-spacing: 25px; font-size: 46px;}
.bantxt dl dd{ letter-spacing: 25px; text-transform: uppercase; font-size: 20px; padding-top: 30px;}
.bantxt .banenter{ display: inline-block; font-family: 'Microsoft YaHeiLight'; font-size: 30px; text-transform:capitalize; color: #FFFFFF; margin-top: 140px;}
.bantxt .banenter i{ display: block; float: left; width: 24px; height: 24px; background: url(../images/imore1.png) #FFFFFF no-repeat center center; margin-left: 10px;}


/* 我们能为您做什么 */
.ido{ padding: 50px 0 0; min-width: 1100px;}
.icontbt{ text-align: center;}
.icontbt dl dt{ color: #333333; font-size: 30px; font-family: "微软雅黑 Light"; font-weight: bold;}
.icontbt dl dd{ font-size: 14px; color: #999999; font-family: "微软雅黑 Light";}

.ialmore{ display: block; width: 218px; height: 33px; line-height: 33px; margin: 30px auto 0; font-size: 14px; color: #123AAF; font-family: "微软雅黑 Light"; text-align: center; border: 1px solid #123AAF; border-radius: 33px;}
.ialmore:hover{ background: #FF9600; color: #FFFFFF; border: 1px solid #FF9600;}

.ido-type{ padding-top: 50px;}
.ido-type ul li{ float: left; width: 145px; margin-right: 46px; height: 42px; line-height: 42px; text-align: center;}
.ido-type ul li:last-child{ margin-right: 0;}
.ido-type ul li a{ display: block; background: #123AAF; color: #FFFFFF; font-size: 18px; font-family: "微软雅黑 Light"; border-radius: 2px;}
.ido-type ul li:hover a{ background: #FF9600;}

.ido-txt{ padding:30px 0 50px; border-bottom: 1px solid #DEDEDE;}
.ido-txt ul li{ float: left; width: 137.5px; margin-top: 25px; text-align: center; font-size: 14px;}
.ido-txt ul li a{ display: block;}
.ido-txt ul li p{ height: 46px; line-height: 46px;}
.ido-txt ul li p img{ vertical-align: middle;}
.ido-txt ul li div{ height: 40px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}


.ian{ padding: 50px 0 0; min-width: 1100px;}
.iansm{ color: #8d8d8d; line-height: 20px; height: 40px;}
.ianbtlist{ padding-top: 10px; display: inline-block;}
.ianbtlist ul li{ float: left; margin: 0 10px;}
.ianbtlist ul li a{ display: block; padding: 0 10px; height: 30px; line-height: 30px; color: #636363; border-radius: 30px;}
.ianbtlist ul li.on a{ color:#fff; background: #123aaf;}
.ianlist{ width: 100%; padding-top: 50px; overflow: hidden;}
.ianlist ul li{ float: left; width: 25%; overflow: hidden;}
.ianlist ul li a{ display: block;}
.ianlist ul li a .ianimg{ width: 100%; position: relative; overflow:hidden;}
.ianlist ul li a .ianimg img{ width: 100%; height: 100%;}
.iantxt{ height: 60px; line-height: 60px; padding: 0 20px;}
.iantxt .t_left{ width: 100%; height: 60px; line-height: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #333333; font-size: 18px; text-align: center;}
.iantxt .t_right{ overflow: hidden; width: 0; height: 60px; line-height: 60px; background: url(../images/jt-whites.png) no-repeat right center;}
.ianewm{opacity: 0; position: absolute; top: 0px; left: 0px; z-index: 10; width: 100%; height: 100%; text-align: center; background: url(../images/bg-black70.png) repeat; transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; -moz-transition: 1s;}
.ianewm span{ display:block; width: 100%; height: 100%;}
.ianewm img{ width: 39%; vertical-align: middle;}
.ianlist ul li:hover .iantxt{ background: #123AAF;}
.ianlist ul li:hover .iantxt .t_left{ color: #FFFFFF; width: 85%; text-align: left;}
.ianlist ul li:hover .iantxt .t_right{ width: 15%;}
.ianlist ul li:hover .ianewm{ opacity: 1;}

.iwhy{ padding-top: 50px; min-width: 1100px; background: url(../images/idbg.jpg) no-repeat center center/cover;}
.iwhysm{ padding-top: 60px; font-size: 18px;}
.iwhysm dl dt{ padding-bottom: 70px; float: left; margin-right: 180px;}
.iwhysm dl dd{ padding-bottom: 70px; float: left; margin-left: 220px;}
.iwhysm i{ float: left; font-size: 80px; font-family: impact; color: #123AAF; line-height: 80px;}
.iwhysm span{ float: right; margin-left: 10px;}
.iwhysm span p{ display: block; font-size: 20px; height: 50px;}
.iwhysm span a{ display: block; color: #123AAF; font-size: 14px;}


/* 首页-新闻中心 */
.inews{ padding: 50px 0; min-width: 1100px; display:none;}
.inews-list{ width: 750px; float: left;}
.inews-list ul li{ float: left; width: 350px; margin-right: 25px;}
.inews-list ul li .inews-pic{ position: relative; width: px; height: px; overflow: hidden;}
.inews-list ul li .inews-pic div{ position: absolute; top: 0px; right: 0px; z-index: 9; background: rgba(0,0,0,0.5); color: #FFFFFF;}
.inews-list ul li .inews-pic div p{ display: block; text-align: center; font-family: arial; font-weight: bold; font-size: 36px;}
.inews-list ul li .inews-pic div i{ display: block; padding: 5px; border-top: 1px solid rgba(255,255,255,0.3); font-size: 10px;}
.inews-list ul li:hover .inews-pic div{ background: #FF9600;}
.inews-list ul li dl dt{ font-size: 16px; font-weight: bold; color: #333333; height: 54px; line-height: 54px; border-bottom: 1px solid #ededed; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.inews-list ul li dl dd{ line-height: 24px; height: 120px; overflow: hidden; color: #999999; padding-top: 10px;}
.inews-list ul li .inewsmore{ font-size: 14px; padding-right: 44px; background: url(../images/jt-block.png) no-repeat right center;}
.inews-list ul li:hover dl dt{ color: #FF9600;}
.inews-list ul li:hover .inewsmore{ color: #FF9600; background: url(../images/jt-orange.png) no-repeat right center;}
.inewsr{ float: right; width: 350px;}

.inewsr-title{ padding: 46px 20px; height: 37px; line-height: 37px; overflow: hidden; background: url(../images/inewsbg.jpg) no-repeat left top/cover;}
.inewsr-title span{ float: left; color: #FFFFFF; font-size: 30px;}
.inewsr-title a{ float: right; padding: 0 15px; height: 35px; line-height: 35px; border: 1px solid #8491b5; color: #FFFFFF;}
.inewsr-title a img{ vertical-align: middle; margin-left: 12px;}
.inewsr-list{ height: 250px; overflow: hidden; padding-top: 25px;}
.inewsr-list ul li{ height: 49px; line-height: 49px; border-bottom: 1px dotted #666;}
.inewsr-list ul li a{ display: block; color: #999999;}
.inewsr-list ul li p{ float: left; width: 270px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.inewsr-list ul li i{ float: right; width: 80px; text-align: right;}
.inewsr-list ul li:hover a{ color: #FF9600;}


/* foot */
.foot{ background: #262626;}
.footc{margin: 0 5%; overflow: hidden; padding: 20px 0 10px;}
.footc .t_left{ display: inline-block; width: 80%; padding:20px 0;}
.footc .t_left div{ margin-left: -30px;}
.footc .t_left div ul li{ float: left;}
.footc .t_left div ul li a{ display: block; height: 30px ;line-height: 30px; padding: 0 30px; background: url(../images/btm_bord.png) no-repeat left center / 1px 16px; font-size: 16px; color: #FFFFFF;}
.footc .t_left p{ padding: 15px 0; line-height: 20px; color: #b9b9b9;}
.footc .t_right{ display: inline-block; width: 20%; text-align: right;}
.footc .t_right div{ display: inline-block; text-align: center; color: #cdcccc;}
.footc .t_right div p{ line-height: 35px;}