@charset "utf-8";
/* CSS Document */
@import url(base.css);
/*通用样式*/
/*
.gg05 a img{vertical-align: top;width: 100%;display: block;-webkit-transition: transform 0.5s ease-in-out;-moz-transition: transform 0.5s ease-in-out;transition: transform 0.5s ease-in-out;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.gg05 a:hover img{-webkit-transition: transform 0.5s ease-in;vertical-align: top;-moz-transition: transform 0.5s ease-in; transition: transform 0.5s ease-in;-webkit-transform: scale(1.04);-moz-transform: scale(1.04);-ms-transform: scale(1.04);-o-transform: scale(1.04);transform: scale(1.04);}
transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);
.-webkit-transition: all 0.5s;transition: all 0.5s}
*/
.slide > * {max-width: 100%;}
.slider .slide-prev {cursor: pointer;height: 48px;width: 30px;position: absolute;left: 5%;top: 50%;margin-top: -24px;padding: 0px;}
.slider .slide-next {cursor: pointer;height: 48px;width: 30px;position: absolute;right: 5%;top: 50%;margin-top: -24px;padding: 0px;}
.slider .slide-next:hover, .slider .slide-prev:hover {background-color: rgba(255,255,255,0.9);}
.slider .slide-next img, .slider .slide-prev img {position: relative;top: 0;left: 0;max-height: 100%;max-width: 100%;}
.slide > a{display:block;width:100%;height:400px;min-width: 1180px;background-position: center;background-repeat: no-repeat;}
.es-caption {position: absolute;bottom: 0;text-align: center;background-color: rgba(0,0,0,0.8);color: #fff;font-size: 14px;padding: 16px; margin: 10px;width: auto;left: 0;right: 0;border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;-khtml-border-radius: 6px;border: 1px solid rgba(255,255,255,0.3);}
ul.es-pager { display: block;width: 100%;text-align: center;margin: -25px 0 0 0;padding: 0;line-height: 0px;position: relative;z-index: 9999;}
ul.es-pager li {display: inline-block;margin: 0; padding: 0;height: 16px;width: 16px;/*background-image: url("../Images/pagericon.png");*/background-repeat: no-repeat;background-position: 0 -16px;cursor: pointer;}
ul.es-pager li:hover, ul.es-pager li.act {background-position: 0 0;}
ul.es-pager li.act {cursor: default;}
.top{height:80px;line-height: 80px;}
.box{width:1180px;margin:0 auto;}
.top a{color:#212121;}
.nav li{float: left}
.nav li a{padding:31px 10px;font-size: 16px;}
.top .nav li a:hover,.top .nav li.active a{color:#188ef3;border-bottom: 2px solid #015696}
.log{height:80px;line-height: 80px;box-sizing: border-box;padding-top: 10px}
.login{margin-left: 15px;}
.login form input{width:150px;border:1px solid #ccc;height:30px;line-height: 30px;padding-left: 10px}
.login form input[type="submit"]{width:32px;height:32px;background-color: #5e5e5e;border:1px solid #5e5e5e;background-image: url(../images/ss.png);background-repeat: no-repeat;background-position: center;}
.login  a{width:120px;height:32px;background-color:#2381eb;color:#fff;line-height: 32px;text-align: center; margin-top:25px;margin-left: 15px}

.index-conter{padding-top: 80px}
.index-conter>div>div{float: left;width:50%}
.index-conter .index-left{padding-right:15px;box-sizing: border-box;}
.index-conter .index-right{padding-left:15px;box-sizing: border-box;}
.index-conter .index-title{border-bottom: 1px solid #cccccc}
.index-conter .index-title p{font-size: 20px;color:#212121;border-bottom:1px solid #2381eb;padding-bottom: 14px;margin-bottom: -1px}
.index-conter .index-title a{font-size: 12px;color:#757575;margin-top: 10px}
.index-conter .index-title a:hover{color:#2381eb;}
.index-conter .index-nr,.index-conter .index-yw,.index-conter .index-js{padding-top: 28px}
.index-conter .index-nr>div a div:first-child+div{width:360px;margin-left: 14px}
.index-conter .index-nr>div a div:first-child+div h2{font-size: 16px;color:#212121;margin-bottom: 8px;line-height: 25px}
.index-conter .index-nr>div a:hover div:first-child+div h2{color:#2381eb;}
.index-conter .index-nr>div a div:first-child+div p{color:#757575;font-size: 12px;line-height: 18px;}
.index-conter .index-nr>div a div:first-child+div h2+p{height:50px;}
.index-conter .index-nr>div>a>div{width:200px;height:124px;overflow: hidden;}
.index-conter .index-nr>div>a>div img{vertical-align: bottom;vertical-align: top;width: 100%;display: block;-webkit-transition: transform 0.5s ease-in-out;-moz-transition: transform 0.5s ease-in-out;transition: transform 0.5s ease-in-out;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.index-conter .index-nr>div>a:hover>div img{-webkit-transition: transform 0.5s ease-in;vertical-align: top;-moz-transition: transform 0.5s ease-in; transition: transform 0.5s ease-in;-webkit-transform: scale(1.04);-moz-transform: scale(1.04);-ms-transform: scale(1.04);-o-transform: scale(1.04);transform: scale(1.04);}

.index-conter .index-nr ul{padding:5px 0;}
.index-conter .index-nr ul li{line-height: 28px;}
.index-conter .index-nr ul li a{color:#212121;font-size: 12px}
.index-conter .index-nr ul li a:hover{color:#2381eb;}
.index-conter .index-nr ul li:after{content: "";display: block;clear: both;}
.index-conter .index-nr ul li a p span{display: block;float: left;width:4px;height:4px;border-radius: 50%;background-color: #212121;margin-right: 8px;margin-top: 12px}
.index-conter .index-nr ul li a:hover p span{background-color:#2381eb}
.index-conter .index-yw>div{width:50%;}
.index-conter .index-yw>div:first-child{padding-right: 14px;box-sizing: border-box;}
.index-conter .index-yw>div:first-child+div{padding-left: 14px;box-sizing: border-box;}
.index-conter .index-yw>div a div{width:273px;height:124px;overflow: hidden;}
.index-conter .index-yw>div a div img{vertical-align: bottom;vertical-align: top;width: 100%;display: block;-webkit-transition: transform 0.5s ease-in-out;-moz-transition: transform 0.5s ease-in-out;transition: transform 0.5s ease-in-out;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.index-conter .index-yw>div a:hover div img{-webkit-transition: transform 0.5s ease-in;vertical-align: top;-moz-transition: transform 0.5s ease-in; transition: transform 0.5s ease-in;-webkit-transform: scale(1.04);-moz-transform: scale(1.04);-ms-transform: scale(1.04);-o-transform: scale(1.04);transform: scale(1.04);}

.index-conter .index-yw>div a h2{color:#212121;font-size: 16px;margin-top: 20px;padding-bottom: 10px}
.index-conter .index-yw>div a:hover h2{color:#2381eb;}
.index-conter .index-yw>div a p{color:#757575;font-size: 12px;line-height: 25px;height:100px;}
.index-conter .index-yw>div a h2+p+p{color:#757575;font-size: 14px;height:16px;line-height: 16px;
background-image:url(../images/hd01.png);background-repeat: no-repeat;background-position:25% center;
.-webkit-transition: all 0.5s;transition: all 0.5s
}
.index-conter .index-yw>div a:hover h2+p+p{color:#2381eb;
background-image:url(../images/hd02.png);background-position:100% center;
.-webkit-transition: all 0.5s;transition: all 0.5s
}
.index-conter .index-js>div a div{width:575px;height:173px;overflow: hidden;margin-bottom: 15px}
.index-conter .index-js>div a div img{vertical-align: bottom;vertical-align: top;width: 100%;display: block;-webkit-transition: transform 0.5s ease-in-out;-moz-transition: transform 0.5s ease-in-out;transition: transform 0.5s ease-in-out;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.index-conter .index-js>div a:hover div img{-webkit-transition: transform 0.5s ease-in;vertical-align: top;-moz-transition: transform 0.5s ease-in; transition: transform 0.5s ease-in;-webkit-transform: scale(1.04);-moz-transform: scale(1.04);-ms-transform: scale(1.04);-o-transform: scale(1.04);transform: scale(1.04);}

.index-conter .index-js>div a p{color:#757575;font-size: 12px;line-height: 25px;height:100px;}
.index-conter .index-js>div a div+p+p{color:#757575;font-size: 14px;height:16px;line-height: 16px;background-image:url(../images/hd01.png);background-repeat: no-repeat;background-position:13% center;
.-webkit-transition: all 0.5s;transition: all 0.5s}
.index-conter .index-js>div a:hover div+p+p{color:#2381eb;
background-image:url(../images/hd02.png);background-position:100% center;
.-webkit-transition: all 0.5s;transition: all 0.5s}

.index-conter>div:first-child{margin-bottom: 40px}
.footer{height:160px;box-sizing: border-box;padding-top: 50px;background-color:#2a2d34}
.footer .fl p{float:left;line-height: 30px;font-size: 12px;color:#fafafa;margin-right: 50px}
.footer .fr p{font-size: 12px;color:#888888;margin-bottom: 10px}
.footer .fl a{color:#fafafa;}
.footer .fr>div{margin-right: 20px;position:relative;z-index: 9999}
.footer .fr>div>div{position: absolute;top:-175px;width:150px;height:0px;left:-60px;.-webkit-transition: all 0.5s;transition: all 0.5s;overflow: hidden;}
.footer .fr>div:hover>div{-webkit-transition: all 0.5s;transition: all 0.5s;height:175px;}
.row{width:1180px;margin:0 auto;}

/*产品业务*/
.yi{    -moz-box-shadow:0px 0px 10px 0px #ccc;-webkit-box-shadow:0px 0px 10px 0px #ccc;box-shadow:0px 0px 10px 0px #ccc;}
.lm{padding-top: 25px }
.mbx{margin-bottom: 20px}
.mbx a{color:#666666;font-size: 12px}
.mbx a:hover{color:#008ffb;}
.htnr-nav{width:230px;}
.htnr-nav .htnr-nav-top{height:100px;width:101%;background-color: #015696;color:#fff;box-sizing: border-box;padding:20px;}
.htnr-nav .htnr-nav-top h2{font-size: 24px;margin-bottom: 10px}
.htnr-nav .htnr-nav-top p{font-size: 16px}
.htnr-nav>ul>li{height:50px;line-height: 50px;border-bottom: 1px solid #ccc }
.htnr-nav>ul>li a{color:#212121;font-size: 18px;display: block;padding-left: 20px}
.htnr-nav>ul>li.active a,.htnr-nav>ul>li a:hover{color:#008ffb;}
.htnr-content{width:875px;margin-left: 75px}
.htnr-content .nr-title{height:22px;margin-bottom: 5px}
.htnr-content .nr-title h2{font-size: 18px;color:#015696;border-left: 3px solid #015696;padding-left: 20px}
.htnr-content .xw-title h2{font-size: 20px;color:#666666;padding-bottom: 20px;border-bottom: 1px solid #ccc;text-align: center;margin-bottom: 15px}
.htnr-content .xw-title p{font-size:14px;color:#999999;text-align: center; }
.htnr-content .nr-box{padding:20px 0 20px 20px;}
.htnr-content .nr-box .nr-box-title{font-size: 20px;color:#212121;margin-bottom: 18px}


.xwnr-box ul li:after{content: "";display: block;clear: both;margin-bottom: 20px}
.xwnr-box ul li div.fl{width:280px;height:180px;overflow: hidden;}
.xwnr-box ul li div.fl img{vertical-align: top;width: 100%;display: block;-webkit-transition: transform 0.5s ease-in-out;-moz-transition: transform 0.5s ease-in-out;transition: transform 0.5s ease-in-out;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.xwnr-box ul li:hover div.fl img{-webkit-transition: transform 0.5s ease-in;vertical-align: top;-moz-transition: transform 0.5s ease-in; transition: transform 0.5s ease-in;-webkit-transform: scale(1.04);-moz-transform: scale(1.04);-ms-transform: scale(1.04);-o-transform: scale(1.04);transform: scale(1.04);}
.xwnr-box ul li div.fr{width:580px;}
.xwnr-box ul li div.fr h2{font-size: 18px;color:#212121;margin-bottom: 20px;margin-top: 10px}
.xwnr-box ul li:hover div.fr h2{color:#008ffb;}
.xwnr-box ul li div.fr div{height:95px;}
.xwnr-box ul li div.fr div p{line-height: 25px;font-size: 14px;color:#212121;}
.xwnr-box ul li div.fr>p{font-size: 14px;color:#212121;}
.lxwm-box{padding-left: 20px;margin-top: 30px}
.lxwm-box>div{float:left;width:33.33%;box-sizing: border-box;}
.lxwm-box>div p{font-size: 14px;color:#212121;line-height: 30px}

.td-box{padding:20px 0 20px 20px;}
.td-box ul{margin-left:-10px;margin-right:-10px;}
.td-box ul li{float: left;width:33.33%;;padding:10px;box-sizing: border-box;}
.td-box ul li a{display: block;overflow: hidden;height:340px;position:relative;}
.td-box ul li img{vertical-align: bottom;vertical-align: top;width: 100%;display: block;-webkit-transition: transform 0.5s ease-in-out;-moz-transition: transform 0.5s ease-in-out;transition: transform 0.5s ease-in-out;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.td-box ul li:hover img{-webkit-transition: transform 0.5s ease-in;vertical-align: top;-moz-transition: transform 0.5s ease-in; transition: transform 0.5s ease-in;-webkit-transform: scale(1.04);-moz-transform: scale(1.04);-ms-transform: scale(1.04);-o-transform: scale(1.04);transform: scale(1.04);}
.td-box ul li div{position: absolute;bottom:-76px;height:75px;width:100%;background-color: #015696;z-index: 9;padding:15px;box-sizing: border-box;opacity: 0;-webkit-transition: all 0.5s;transition: all 0.5s}
.td-box ul li:hover div{bottom:0;opacity: 1;-webkit-transition: all 0.5s;transition: all 0.5s}
.td-box ul li div h2{color:#fff;font-size: 16px;font-weight: 500;margin-bottom: 5px}
.td-box ul li div p{color:#fff;font-size: 14px}