@charset "utf-8";

#adv {width: 100%;height: 250px;overflow: hidden;position: relative;}
.adv {width: 1920px;height: 250px;position: absolute;left: 50%;margin-left: -960px;}

body>.main {padding: 0px 0px 90px;}
body>.main .content {padding: 30px 0px 0px;}
body>.main .content p {color: #333;font-size: 17px;line-height: 24px}

.location {padding: 10px 0px;box-sizing: border-box;}
.location a {display: block;float: left;color: #666;font-size: 16px;line-height: 40px;height: 40px;padding-left: 21px;margin-left: 13px;background: url(../images/crm-icon.png) no-repeat left center;}
.location a:hover {color: #1761a3;}
.location a:first-of-type {background: none;padding: 0px;margin: 0px;}
.location span {float: left;color: #666;font-size: 14px;line-height: 40px;height: 40px;}

.contant_nav {padding: 10px 0px 20px;}
.contant_nav a {display: block;float: left;margin-right: 40px;height: 36px;line-height: 36px;text-align: center;border:1px solid #fff;color: #333;font-size: 16px;}
.contant_nav a:hover {color: #1761a3}
.contant_nav a.active {border-color: #1761a3;color: #1761a3;padding: 0px 15px;}

.contact .text {width: 540px;padding: 50px 0px;}
.contact .text h4 {color: #1761a3;font-size: 24px;margin-bottom: 30px;}
.contact .text p {color: #333;font-size: 16px;margin-bottom: 20px;}
.contact .text p:before{content:"";display: inline-block;width: 35px;height: 35px;background-image: url(../images/contact_ico.png);background-repeat: no-repeat;}
.contact .text p:nth-child(2):before {background-position: 0px 0px;}
.contact .text p:nth-child(3):before {background-position: -35px 0px;}
.contact .text p:nth-child(4):before {background-position: -70px 0px;}
.contact .text p span {display: inline-block;vertical-align: top;width: 460px;line-height: 26px;margin-left: 15px;padding-top: 7px;}

.message {position: relative;}
.message:before {content: '';display: block;position: absolute;right: 0px;bottom: 0px;width: 352px;height: 242px;background-image: url(../images/message_ico.png);background-repeat: no-repeat;background-position: right bottom}
.message_con {width: 920px;border:1px solid #ccc;}
.message_con .item {padding: 15px 0px;border-bottom: 1px solid #ccc}
.message_con .item .label {width: 200px;min-height: 36px;line-height: 26px;padding: 6px 20px;color: #1761a3;font-size: 18px;box-sizing: border-box;display: inline-block;vertical-align: top;}
.message_con .item .text {display: inline-block;vertical-align: top;}
.message_con .item .text input {width: 580px; height: 28px; line-height: 28px; padding: 5px 10px; border: 1px solid #ccc; background-color: #fff; color: #333;font-size: 15px; outline: 0; border-radius: 2px;box-shadow: none}
.message_con .item .text select {width: 602px; height: 38px; line-height: 28px; padding: 5px 10px; border: 1px solid #ccc; background-color: #fff; color: #333;font-size: 15px; outline: 0; border-radius: 2px;box-shadow: none}
.message_con .item .text input.code {width: 218px;}
.message_con .item .text img {height: 38px;border: 1px solid #ccc;cursor: pointer;margin-left: 15px}
.message_con .item .text textarea {width: 580px; height: 128px; line-height: 28px; padding: 5px 10px; border: 1px solid #ccc; background-color: #fff; color: #333; outline: 0; border-radius: 2px;box-shadow: none}
.message input.submit {width: 156px;height: 42px;border:2px solid #1761a3;background-color: #fff;color:#1761a3;font-size: 18px;margin: 30px 0px 0px 205px;cursor: pointer;}
.message_con .item .text label {display: inline-block;margin-right: 30px;padding: 12px 0px;cursor: pointer;}
.message_con .item .text label input {width: 16px;height: 16px;float: left;margin-right: 10px;}

.products_row ul li{float: left;width: 384px;margin-right: 24px;margin-bottom: 24px;}
.products_row ul li:nth-child(3n){margin-right: 0;}
.products_row ul li a{display: block;overflow: hidden;position: relative;}
.products_row ul li .img img{width: 100%}
.products_row ul li .text{color:#fff;background: rgba(0,0,0,0.9);padding:30px;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_row ul li:hover .text{top:0;height:100%;}
.products_row ul li .text > p{font-size: 16px;padding-bottom: 16px;}
.products_row ul li:hover .text > p{border-bottom: 1px #cfdfee solid;padding-bottom: 10px;margin-bottom: 16px;}
.products_row ul li .text .hover {display: block;text-align: center;}
.products_row ul li .text .hover .hover_text{height:auto;overflow: hidden;margin-top: 20px;display: inline-block;text-align: left;}
.products_row ul li .text .hover p{color:#fff;font-size: 14px;line-height: 30px;padding-left:20px;position:relative;}
.products_row 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_row ul li .text .hover h3{color:#fff;font-size: 16px;width:120px;height:34px;line-height: 34px;border:1px solid  #fff;margin: auto;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;text-align: center;margin-top: 30px;-webkit-transition: 0.4s;-moz-transition: 0.4s;-ms-transition: 0.4s;transition: 0.4s;}
.products_row ul li .text .hover h3:hover {background-color: #fff;color: #1761a3;}
.products_row ul li h2{font-size: 20px;line-height: 30px;text-align: center;margin: 20px auto 0px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.pro-carousel {width: 1200px;position: relative;}
.pro-carousel .bd {width: 1200px;height: 500px;}
.pro-carousel .bd ul li a {display: block;width: 100%;}
.pro-carousel .bd ul li a img {display: block;max-width: none;}
.pro-carousel .hd {width: 100%;text-align: center;padding: 20px 0px;}
.pro-carousel .hd ul li {display:inline-block; *display:inline; *zoom:1; margin:0 5px; width: 120px;height: 60px;border:1px solid #dcdcdc;overflow: hidden;background: transparent;opacity: 1;transition: opacity .5s, background-color 0.25s, width .5s;transition-delay: .25s, 0s, 0s; cursor:pointer;position: relative;}
.pro-carousel .hd ul li img {position: absolute;left: 50%;height: 100%;width: auto;max-width: none;-webkit-transform: translate(-50%,0%); transform: translate(-50%,0%);}
.pro-carousel .hd ul li.on {border-color: #1761a3;}


.pro-carousel>a {display: block;width: 60px;height: 60px;background: url(../images/arrow_adv.png) no-repeat;border-radius: 50%;position: absolute;top: 220px;z-index: 19;}
.pro-carousel>a.prev {background-position: -60px 0px;left: 3%;}
.pro-carousel>a.next {background-position: 0px -60px;right: 3%;}
.pro-carousel>a.prev:hover {background-position: 0px 0px;}
.pro-carousel>a.next:hover {background-position: -60px -60px;}

.pro_info h1 {color: #1761a3;font-size: 30px}
.pro_info .hover_text{height:auto;overflow: hidden;padding: 10px 0px;}
.pro_info .hover_text p{color:#fff;font-size: 14px;line-height: 28px;padding-left:20px;position:relative;}
.pro_info .hover_text p:before{content:"";width:6px;height:6px;background: #666;-webkit-border-radius: 50%;border-radius: 50%;position: absolute;left: 0;top:9px;}

.pro_desc {margin-top: 30px;}
.main .content .pro_desc p {color: #333;font-size: 16px;line-height: 28px;}

.pro_related {padding-top: 50px;}
.pro_related .title {color: #333;font-size: 24px;border-bottom: 1px solid #dcdcdc;padding-bottom: 5px;margin-bottom: 20px;}
.pro_related ul li{width:285px;float:left;overflow:hidden;;margin-right: 20px;margin-bottom: 20px; border:1px solid #dcdcdc;box-sizing: border-box;}
.pro_related ul li:nth-child(4n) {margin-right: 0px;}
.pro_related ul li .item-img{position:relative;overflow:hidden;}
.pro_related ul li .item-img img{max-width:100%;display:block;transition:500ms ease-out;-webkit-transition:500ms ease-out;}
.pro_related ul li:hover img{transform:scale(1.1);}
.pro_related ul li .item-txt{height:45px;line-height:45px;background:#fff;padding:0px 12px; margin:0px -1px; position:relative;}
.pro_related ul li .item-txt a{font-size:16px;color:#666;}
.pro_related ul li .item-txt .tit{display:block; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; padding-right:45px;}
.pro_related ul li .item-txt .icon{width:25px;height:25px;background-image:url(../images/incase-icon.png); background-repeat: no-repeat; background-position:0px 0px; background-size:100% auto;float:right;margin-top:10px; position:absolute; right:10px; top:0px;}
.pro_related ul li:hover .item-txt{background:#1761a3;}
.pro_related ul li:hover .item-txt .tit{color:#fff;}
.pro_related ul li:hover .item-txt .icon {background-position: 0px -25px;}

.page {width: 100%;padding-top: 30px;}
.page a {display: inline-block;vertical-align: top;min-width: 40px;height: 40px;line-height: 38px;text-align: center;color: #333;font-size: 16px;border:1px solid #ccc;padding: 0px 10px;margin: 0px 5px 0px 0px;box-sizing: border-box;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.page a:hover, .page a.active, .page a.on {background: #1761a3;color: #fff;border-color:#1761a3}

.video .video_row a {display: block;background-color: #e5e5e5}
.video .video_row a .img {float: left;width: 820px;height: 460px;overflow: hidden;position: relative;}
.video .video_row a .img img {transition: all ease-out 0.8s;}
.video .video_row a .img:hover img {transform: scale(1.1);}
.video .video_row a .img:after {content: '';display: block;position: absolute;left: 0;right:0;top: 0;bottom: 0;width: 90px;height: 90px;margin: auto;background: url(../images/video_btn.png) no-repeat center / 100% 100%;}
.video .video_row a .text {float: right;width: 380px;height: 460px;display: table;text-align: center;padding: 30px;box-sizing: border-box;}
.video .video_row a .text .cell {display: table-cell;vertical-align: middle;}
.video .video_row a .text .name {margin-bottom: 20px}
.video .video_row a .text .name h2 {color: #1761a3;font-size:28px;margin-bottom: 10px}
.video .video_row a .text .name h5 {color: #333;font-size: 18px;}
.video .video_list {padding-top: 40px;}
.video .video_list li {float: left;width: 570px;margin-bottom: 40px;}
.video .video_list li:nth-child(2n) {float: right;}
.video .video_list li a {display: block;background-color: #e5e5e5}
.video .video_list li a .img {width: 100%;height: 320px;overflow: hidden;position: relative;}
.video .video_list li a .img img {transition: all ease-out 0.8s;}
.video .video_list li a .img:hover img {transform: scale(1.1);}
.video .video_list li a .img:after {content: '';display: block;position: absolute;left: 0;right:0;top: 0;bottom: 0;width: 60px;height: 60px;margin: auto;background: url(../images/video_btn.png) no-repeat center / 100% 100%;}
.video .video_list li a .text {padding: 20px 50px 30px;text-align: center;}
.video .video_list li a .text .name {margin-bottom: 15px;}
.video .video_list li a .text .name h2 {color: #1761a3;font-size:28px;margin-bottom: 10px}
.video .video_list li a .text .name h5 {color: #333;font-size: 18px;}
.video .video_list li a .text p {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}

/*下载*/
.down_list ul li {width: 100%;background: #f5f5f5;margin-bottom: 25px;padding: 20px;}
.down_list ul li .img {display: inline-block;vertical-align: middle;margin-right: 10px;}
.down_list ul li .txt {display: inline-block;vertical-align: middle;width: calc(100% - 150px);}
.down_list ul li .txt h4 {color: #333;font-size: 18px;margin-top: 5px;display: block;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.down_list ul li .txt p {color: #555;font-size:14px;display: block;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.down_list ul li a.btn {display: block;float: right;width: 58px;height: 58px;background: url(../images/down_btn.png) no-repeat;}
.down_list ul li a.btn:hover {background-position: 0px -58px;}

.news_row ul li{float: left;width: 384px;margin-right: 24px;margin-bottom: 24px;}
.news_row ul li:nth-child(3n){margin-right: 0;}
.news_row ul li a{display: block;overflow: hidden;position: relative;}
.news_row ul li .img img{width: 100%}
.news_row ul li .text{color:#fff;background: rgba(0,0,0,0.9);padding:10px 15px;width:100%;height:100%;box-sizing: border-box;position:absolute;top:225px;left: 0;-webkit-transition: 0.6s;-moz-transition: 0.6s;-ms-transition: 0.6s;transition: 0.6s;}
.news_row ul li:hover .text{top:0;padding: 25px 15px;}
.news_row ul li .text > p{font-size: 16px;padding-bottom: 16px;}
.news_row ul li:hover .text > p{border-bottom: 1px #cfdfee solid;padding-bottom: 10px;margin-bottom: 16px;}
.news_row ul li .text .hover h2 {color: #fff;font-size: 17px;line-height: 23px;height: 46px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.news_row ul li .text .hover .hover_text{color:#fff;font-size: 14px;line-height: 24px;margin-top: 20px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;}
.news_row ul li .text .hover h3{float: right;color:#ffffff;font-size: 16px;width:120px;height:34px;line-height: 34px;border:1px solid #fff;border-radius:2px;text-align: center;margin-top: 30px;}

.jobs  {margin-bottom: 20px;}
.jobs .thead .th {display: block;background-color: #1761a3;color: #fff;font-size: 16px;float: left;width: 25%;padding:15px 25px;box-sizing:border-box;}
.jobs ul.accordion li {background: #fff;}
.jobs ul.accordion li .link {height: 54px;line-height: 54px;width: 100%;cursor: pointer;border-bottom: 1px solid #dcdcdc;position: relative;}
.jobs ul.accordion li .link span {color: #666;font-size: 16px;display: block;float: left;width: 25%;padding:0px 25px;box-sizing:border-box;}
.jobs ul.accordion li .link i.fa {position: absolute;right: 10px;top: 14px;display: block;width: 24px;height: 24px;background-image: url(../images/fa_ico.png);background-repeat: no-repeat;background-position: 0px 0px;}
.jobs ul.accordion li.open .link i.fa {background-position: 0px -24px;}
.jobs ul.accordion li .submenu {margin: 0px;padding:20px 25px;display: none;border-bottom: 1px solid #dcdcdc;}
.jobs ul.accordion li .submenu p {text-indent: 0em;color: #555;font-size: 16px;line-height: 1.6;}

.content_detail h1 {color: #333;font-size: 24px;text-align: center;}
.content_detail .info {padding: 20px 0px;text-align: center;border-bottom: 1px solid #e3e3e3}
.content_detail .info span {padding: 0px 20px;}
.content_detail .detail {padding: 20px 0px;}
.content_detail .detail p {color: #333;font-size: 17px;line-height: 24px;}
.content_detail .page_info {border-top: 1px solid #e5e5e5;padding: 15px 0px;margin-top: 10px;}
.content_detail .page_info .arrow p {color: #666;font-size: 16px;margin-bottom: 5px;}
.content_detail .page_info .arrow p a {color: #666;}
.content_detail .page_info .arrow p a:hover {color: #1761a3;}
.content_detail .page_info .back {margin-top: 3px;}
.content_detail .page_info .back a {display: block;width: 145px;height: 45px;line-height: 45px;color: #888;font-size: 16px;text-align: center;background: #ddd;border-radius: 5px;}
.content_detail .page_info .back a:hover {background: #1761a3;color: #fff;}
.content_detail iframe {display: block;width: 900px !important;height: 540px !important;margin:20px auto;}


/*分享*/
.share .bdsharebuttonbox a {display: inline-block;vertical-align: top;width: 20px;height: 20px;background: url(../images/share-icon.jpg) no-repeat;background-size: auto 20px;box-sizing: border-box;}
.share .bdsharebuttonbox a.bds_more {background-position: 0px 0px;}
.share .bdsharebuttonbox a.bds_tsina {background-position: -40px 0px;}
.share .bdsharebuttonbox a.bds_weixin {background-position: -20px 0px;}
.share .bdsharebuttonbox a.bds_qzone {background-position: -60px 0px;}
.share .bdsharebuttonbox a.bds_tqq {background-position: -80px 0px;}
.share .bdsharebuttonbox a.bds_sqq {background-position: -100px 0px;}