@charset "utf-8";

* {margin: 0;padding: 0;list-style: none;border-style: none;text-decoration: none;}
body {font-family:Arial,"Microsoft Yahei","微软雅黑"; sans-serif; -webkit-text-size-adjust:none;background: #fff;overflow-x: hidden;min-width: 1200px;color: #333;}
h1,h2,h3,h4,h5,h6{font-weight:normal;margin-bottom: 0;}
li{list-style-type:none;}
img{border:none; vertical-align:middle;max-width: 100%}
a {text-decoration: none;}
a:focus, button:focus {outline:none !important;}
i,em,label {font-style: normal;font-weight: normal;}
input,select,textarea {outline: none;font-family: Arial,"Microsoft Yahei";}

.clearfix:after {content: '';display: block;clear: both;height: 0;visibility: hidden;}
.clearfix {*zoom:1;}
.w1200 {width: 1200px;margin: 0 auto;}
.fl {float: left;}
.fr {float: right;}
.trans {-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; }
.form-control {display: block; width: 100%;background-color: #fff;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }


.header {width: 100%;height: 80px;background: #fff;position: relative;}
.header .logo {float: left;display: block;overflow: hidden;padding: 15px 0px;}
.header .logo img {height: 50px;}
.header .nav {height: 80px;float: left;}
.header .nav ul li {float: left;padding: 0px 10px;}
.header .nav ul li a {display:block;text-align: center;color: #333;font-size: 17px;height: 80px;line-height: 80px;padding:0px 15px; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; transition: 0.3s linear; }
.header .nav ul li:hover a,.header .nav ul li.active a{color: #1761a3;}

.header .language{background: url(../images/bg02.png) left center no-repeat;float: left;padding-left:20px;margin-top: 20px;margin-left: 40px;position: relative;}
.header .language h4{line-height:40px;background: url(../images/bg03.png) right center no-repeat;cursor:pointer;color:#333;padding:0 20px 0 10px;font-size: 16px;}
.header .language ul{position: absolute;top:40px;background: #f5f5f5;width:100px;left: 0;z-index: 1;padding:10px;display:none;}
.header .language:hover ul{display: block;}
.header .language ul li{line-height: 30px;text-align: center;margin-bottom:10px;font-size: 13px;}
.header .language ul li:last-child{margin-bottom: 0;}
.header .language ul li a{display: block;}
.header .language ul li:hover a,.language ul li.cur a{background: #1761a3;color:#fff;}


/*底部*/
.footer {width: 100%;background:#323232;overflow: hidden;}
.foot_list {position: relative;padding: 25px 0px;}
.foot_list .foot_nav {float: left;}
.foot_list .foot_nav dl{float:left;margin-right:120px;max-width: 300px;}
.foot_list .foot_nav dl:last-of-type {margin-right: 0px;}
.foot_list .foot_nav dt{overflow:hidden;line-height:100%;margin-bottom: 10px}
.foot_list .foot_nav dt a {color:#fff; font-size:16px;}
.foot_list .foot_nav dd{line-height:20px; height:20px; font-size:14px;color: #999;margin-bottom: 5px}
.foot_list .foot_nav dd i{margin-right:6px; margin-left:10px;}
.foot_list .foot_nav dd a {color: #999}
.foot_list .foot_nav dd a:hover {color:#fff;}
.foot_list .foot_nav dd h2 {color: #b71111;font-size: 34px;margin: 15px 0px;}

.footer .foot_info {width: 100%;background-color: #1660a3;}
.footer .foot_info .foot_contact {padding: 30px 0px;}
.footer .foot_info .foot_contact .foot_item {width: 470px;padding: 0px 70px 0px 38px;box-sizing: border-box;position: relative;}
.footer .foot_info .foot_contact .foot_item:before{content: '';display: block;width: 28px;height: 28px;background: url(../images/footer_ico.png) no-repeat 0px 0px;position: absolute;left: 0px;top: 0px}
.footer .foot_info .foot_contact .foot_item:nth-child(2):before {background: url(../images/footer_ico.png) no-repeat -28px 0px;}
.footer .foot_info .foot_contact .foot_item h4 {color: #fff;font-size: 16px;font-weight: bold;height: 28px;line-height: 28px;}
.footer .foot_info .foot_contact .foot_item p {color: #fff;font-size: 14px;line-height: 22px;}
.footer .foot_info .foot_contact .foot_input {width: 250px;height: 35px;padding-top: 25px}
.footer .foot_info .foot_contact .foot_input input.text {float: left;width: 210px;height: 35px;background-color: #fff;padding: 0px 10px;box-sizing: border-box;}
.footer .foot_info .foot_contact .foot_input input.submit {float: left;width: 40px;height: 35px;background-color: #333;background-image: url(../images/sub_ico.png);background-repeat: no-repeat;background-position: center;cursor: pointer;} 
.footer .foot_info .copy {height: 50px;line-height: 50px;}
.footer .foot_info .copy p {text-align: center;color: #fff;font-size: 14px;}
.footer .foot_info .copy a {color: #fff;font-size: 14px;}

#banner {width: 100%;height: 840px;overflow: hidden;position: relative;}
.banner .bd {width: 1920px;height: 840px;position: absolute;left: 50%;margin-left: -960px}
.banner .bd ul li a {display: block;width: 100%;height: 840px;}
.banner .bd ul li a img {display: block;max-width: none;}
.banner .hd {width: 100%;text-align: center;position: absolute;bottom: 10px;z-index: 3;}
.banner .hd ul li {display:inline-block; *display:inline; *zoom:1; margin:0 5px; width: 13px;height: 13px;border:1px solid #1761a3;background-color: #fff;opacity: 1;border-radius: 50%;transition: opacity .5s, background-color 0.25s, width .5s;transition-delay: .25s, 0s, 0s; cursor:pointer;position: relative;}
.banner .hd ul li.on {background: #1761a3;}


.container {padding: 80px 0px 0px;}
.index_title {text-align: center;padding:0px 0px 30px;}
.index_title:after{content: '';display: block;width: 350px;height: 18px;margin:10px auto 0px;background: url(../images/index_title_bg.png) no-repeat center;}
.index_title h4 {color:#181818;font-size: 36px;line-height: 50px;font-weight: bold;}
.index_title h4 i {color: #1761a3;font-weight: bold;}
.index_title p {color:#333;font-size: 14px;}

.products_list{}
.products_list ul li{float: left;width:25%;overflow: hidden;position: relative;}
.products_list ul li:nth-child(3n){margin-right: 0;}
.products_list ul li a{display: block;}
.products_list ul li .img img{width: 100%}
.products_list ul li .text{background: rgba(0,0,0,0.9);color:#fff;padding:20px 25px;width:100%;box-sizing: border-box;position:absolute;top:100%;left: 0;-webkit-transition: 0.4s;-moz-transition: 0.4s;-ms-transition: 0.4s;transition: 0.4s;}
.products_list ul li:hover .text{top:0;height:100%;}
.products_list ul li .text > h2{font-size: 24px;line-height: 30px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.products_list ul li .text > p{font-size: 16px;padding-bottom: 16px;}
.products_list ul li:hover .text > p{border-bottom: 1px #cfdfee solid;padding-bottom: 10px;margin-bottom: 16px;}
.products_list ul li .text .hover .hover_text{height:156px;overflow: hidden;margin-top: 10px;}
.products_list ul li .text .hover p{color:#fff;font-size: 14px;line-height: 26px;padding-left:20px;position:relative;}
.products_list ul li .text .hover p:before{content:"";width:6px;height:6px;background: #fff;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;border-radius: 50%;position: absolute;left: 0;top:13px;}
.products_list ul li .text .hover h3{font-size: 16px;width:120px;height:34px;line-height: 34px;background: #fff;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;color:#1761a3;text-align: center;margin-top: 20px;}


.information  {max-width: 1920px;min-width: 1200px;margin:0 auto;font-size: 0;}
.information .item {height: 640px;display: inline-block;vertical-align: top;font-size: 16px;overflow: hidden;}
.information .item .img {height: 100%}
.information .item .text {font-size: 16px;}
.information .item.left {width: 54%;background: url(../) no-repeat right center;position: relative;}
.information .item.left .img img {width: auto;max-width: none;height: 100%;transition: all ease-out 0.8s;}
.information .item.left:hover .img img{transform: scale(1.1);}
.information .item.left .text {position: absolute;right: 50px;bottom: 70px;width: 320px;}
.information .item.left .text h4{color: #fff;font-size: 20px;margin-bottom: 10px;}
.information .item.left .text p {color: #fff;font-size: 14px;line-height: 24px;}
.information .item .text a {display: block;width: 100px;height: 35px;line-height: 35px;text-align: center;background: #1761a3;color: #fff;font-size: 14px;margin-top: 20px;transition: all ease-out 0.4s;}
.information .item .text a i {font-family: simsun;}
.information .item .text a:hover {box-shadow: 1px 2px 10px #1761a3 }
.information .item.right {width: 46%}
.information .item.right .row {font-size:0px;height: 320px;overflow: hidden;}
.information .item.right .row .img, .information .item.right .row .text{width: 50%;font-size;display: inline-block;overflow: hidden;vertical-align: middle;}
.information .item.right .row .text {padding: 4%;box-sizing:border-box;}
.information .item.right .row .text h4{color: #000;font-size: 20px;margin-bottom: 10px;}
.information .item.right .row .text p {color: #666;font-size: 14px;line-height: 24px;transition: all ease-out 0.5s;}
.information .item.right .row .text a {display: block;color: #1761a3;border:1px solid #1761a3;background: transparent;font-size: 14px;margin-top: 20px;transition: all ease-out 0.4s;}
.information .item.right .row .text:hover p {color: #333333;}
.information .item.right .row .img {text-align: center;background: #f1f1f1;}
.information .item.right .row .img img {width: auto;max-width: none;height: 100%;transition: all ease-out 0.8s;}
.information .item.right .row .img:hover img{transform: scale(1.1);}

.result_con {width: 100%;height: 600px;overflow: hidden;position: relative;}
.result_con .bd {position: absolute;left: 50%;top: 0px;width: 1920px;height: 600px;margin-left: -960px;}
.result_con .hd {position: absolute;left: 0;top: 50%;width: 100%;height: 60px;margin: -30px 0 0 0px;z-index: 5;}
.result_con .hd a {display: block;width: 60px;height: 60px;background: url(../images/arrow_adv.png) no-repeat;border-radius: 50%;}
.result_con .hd a.prev {float: left;background-position: -60px 0px;margin-left: 3%;}
.result_con .hd a.next {float: right;background-position: 0px -60px;margin-right: 3%;}
.result_con .hd a.prev:hover {float: left;background-position: 0px 0px;}
.result_con .hd a.next:hover {float: right;background-position: -60px -60px;}

.about_index {position: relative;}
.about_index .txt {position: absolute;right: 0px;top: 50%;-webkit-transform: translate(0%,-50%); transform: translate(0%,-50%);width: 900px;background: #fff;padding:25px 40px;box-shadow: 0px 1px 8px #ccc;box-sizing: border-box;}
.about_index .txt p {color: #333;font-size: 14px;line-height: 24px;}
.about_index .txt a {display: block;float: right;width: 100px;height: 30px;line-height: 30px;text-align: center;border:2px solid #1761a3;color: #1761a3;font-size: 15px;}
.about_index .txt a i {font-family: simsun;}

.news_index {position: relative;margin-bottom: 90px;}
.news_index .news-hot .img {width: 600px;height: 400px;float: left;overflow: hidden;}
.news_index .news-hot .img img {width: 100%;}
.news_index .news-hot .txt {width: 570px;float: right;}
.news_index .news-hot .txt .name {margin-bottom: 10px;}
.news_index .news-hot .txt .name a {color: #333;font-size: 21px;height: 48px;line-height: 24px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.news_index .news-hot .txt .name a:hover {color: #1761a3}
.news_index .news-hot .txt p {color: #666;font-size: 16px;line-height: 26px;height: 78px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.news_index .news-hot .txt a.more {display: block;float: right;width: 100px;height: 30px;line-height: 30px;text-align: center;border:2px solid #1761a3;color: #1761a3;font-size: 15px;}
.news_index .news-hot .txt a.more i {font-family: simsun;}
.news_index .news_list {position: absolute;right: 0px;bottom: 0px;width: 570px;}
.news_index .news_list .h {width: 100%;height: 25px;margin-bottom: 5px;}
.news_index .news_list .h h4 {float: left;color: #333;font-size: 16px;}
.news_index .news_list .h a {float: right;color: #333;font-size: 16px;}
.news_index .news_list .h a:hover {color: #1761a3}
.news_index .news_list ul li a {display: block;width: 100%;height: 32px;line-height: 32px;color: #333;font-size: 15px;padding-left: 18px;background: url(../images/dis.png) no-repeat left center;box-sizing: border-box;}
.news_index .news_list ul li a:hover {color: #1761a3}
.news_index .news_list ul li a em {float: left;width: 460px;display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news_index .news_list ul li a span {float: right;}


.help-wrap {position: fixed;right: 10px;bottom: 160px;z-index: 99;text-align: center;-webkit-transition: all .8s ease;transition: all .8s ease;display: none}
.help-wrap .help-box .help-icon {width: 50px;height: 50px;border-radius: 50px;margin-bottom: 10px;cursor: pointer;position: relative;}
.help-wrap .help-box .help-icon .icon {width: 50px;height: 50px;border-radius: 50px;overflow: hidden;background-image: url(../images/side_icons.png);background-repeat: no-repeat;}
.help-wrap .help-box .help-icon .kficon {background-position: 0px 0px;}
.help-wrap .help-box .help-icon .qqicon {background-position: -50px 0px;}
.help-wrap .help-box .help-icon .qcicon {background-position: -100px 0px;}
.help-wrap .help-box .help-icon .gticon {background-position: -150px 0px;}

.help-wrap .help-box .information-box{display: none;position: absolute;right: 70px;top:50%; -webkit-transform: translate(0%,-50%);transform: translate(0%,-50%);min-width: 86px;min-height: 40px;line-height: 40px;border-radius: 6px;background: #fff;padding: 0px 15px;font-size: 14px;color: #666;text-align: center;box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.2);}
.help-wrap .help-box .information-box:before{content: "";position: absolute;top: 50%;right: -20px;width: 0px;height: 0px;z-index: 2;border: 10px solid transparent;border-left-color: #fff; -webkit-transform: translate(0%,-50%);transform: translate(0%,-50%);}
.help-wrap .help-box .information-box:after{content: "";position: absolute;top: 50%;right: -20px;z-index: 1;width: 0px;height: 0px;border: 10px solid transparent;border-left-color: rgba(0, 0, 0, 0.6); -webkit-transform: translate(0%,-50%);transform: translate(0%,-50%);}
.help-wrap .help-box .help-icon:hover .information-box {display: block;}
.information-box .server a {display: block;margin: 10px 0px;border-bottom: 1px solid #eee;}
.information-box .server a:last-of-type {border-bottom: none;padding-bottom: 0px;}
.information-box .server a span {display: block;width: 142px;text-align: left;}
.information-box .server a .info-name {color: #666;font-size: 14px;line-height: 20px;}
.information-box .server a .info-value {color: #e03638;font-size: 17px;height: 30px;line-height: 30px;}