﻿@charset "UTF-8";
/*------------// Overall //------------------*/
body{font: "Microsoft YaHei","黑体",Helvetica,Arial,Tahoma,sans-serif; color:#333; margin:0; background:#fff; line-break: 100%;}
body {font-family: "微软雅黑"\0; font-weight: 400\0; font-family: "Microsoft YaHei"; padding-top: 0.1px;font-size:14px;}
html,body{-webkit-text-size-adjust:none;}
* {-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout: none;}
table{border-collapse:collapse; border-spacing:0; empty-cells:show; border-collapse:collapse;border-spacing:0;}
th, td { border-collapse:collapse; text-align:center;font-weight:normal;vertical-align:middle;}
a:link{text-decoration:none; color:#666;}
a:visited{text-decoration:none; color:#666;}
q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}
img{vertical-align: middle; border:0;-webkit-transform:scale(1)rotate(0)translate3d(0,0,0);transform:scale(1)rotate(0)translate3d(0,0,0); display: inline-block; outline: none;max-width:100%;max-height:100%;}
div,p,img,ul,ol,li,form,input,label,span,dl,dt,dd,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
ol,ul,li{list-style-type:none;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;-webkit-margin-before: 0em;-webkit-margin-after: 0em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;}
input[type=button]{-webkit-appearance:none;outline:none;}
a, input{-webkit-tap-highlight-color: rgba(0,0,0,0);}
input,select,textarea{outline:none; border:none; background:none;}
select::-ms-expand{display:none;}
input::-ms-expand{display:none;}
::-webkit-input-placeholder{font-size: 12px;color: #aaa;}
q,blockquote{quotes:none}
/* a {transition: all 0.5s ease-in-out;} */
textarea {font-family: '微软雅黑';}
.clear{ clear:both; height:0; overflow:hidden; display:block;}
.float_left{ float:left;}
.float_right{ float:right;}
.container{width:100%; min-width:1200px; margin:0px auto;background-color: #f5f5f5;padding-top: 25px;padding-bottom: 90px;}
.container_main{width:1200px; margin:0px auto;position:relative;}
.clearfix{clear:both;content:"";display:table;}
.container_bg{background-color: #eee;}
.none{display: none!important;}
.block{display: block!important;}


/* 头部 */
.head{width:100%;min-width:1200px;margin:0 auto;min-height:100px;background-color: #f9f9f9;}
.head_main{width:1200px;margin:0 auto;position:relative;min-height: 100px;overflow: hidden;}
.head_logo{float: left;margin-top: 28px;}
.head_search{float: left;margin-left: 285px;margin-top: 37px;}
.head_search_input{background-color: #eee;overflow: hidden;position:relative;}
.head_search_input input[type="text"]{float: left;margin-left: 10px;width: 240px;height: 28px;font-size: 12px;color: #aaa;text-indent:60px;}
.head_search_input input[type="submit"]{float: left;width: 30px;height: 28px;cursor: pointer;background: url('../search_icon01.png') no-repeat center;}
.head_hot{float: right;margin-top: 25px;overflow: hidden;}
.head_hot>div{float: left;}
.head_hot_txt{margin-left: 10px;padding-right: 5px;}
.head_hot_txt p{font-size: 14px;color: #666;}
.head_hot_txt p i{font-size: 28px;font-weight: bold;color: #df0023;line-height: 36px;}

.header-select select {background: transparent;width:60px;height:28px;padding:5px;font-size:12px; border-right:solid 1px #e2e2e2;-webkit-appearance: none;color:#999999;text-align:center;text-indent:8px}
.header-select {z-index:1;width:60px;height:28px;overflow:hidden;background:url(../sanjiao.png) no-repeat 85% #eee;position:absolute;left:0px;top:0px;text-align:center}


.head_language{float: right;overflow: hidden;margin-top:30px;margin-left:30px;}
.head_language ul{width:auto;height:auto;overflow: hidden;}
.head_language ul li{float: left;}
.head_language ul li:first-child{margin-right: 20px;}
.head_language ul li a{display: block;width: 38px;height: 38px;}
.head_language ul li a.chinese{background: url('../head_icon02.jpg') no-repeat center;}
.head_language ul li a.english{background: url('../head_icon03.jpg') no-repeat center;}


/* 导航 */
.nav{width: 100%;background-color: #df0023;min-width: 1200px;}
.nav_main{width: 1200px;margin: 0 auto;}
.head_menu{width: auto;}
.head_menu ul{width: auto;height: auto;}
.head_menu ul li{float: left;position: relative;}
.head_menu ul li a{display: block;width: 150px;height: 50px;line-height: 50px;font-size: 16px;color: #fff;text-align: center;transition: all 0.5s ease-in-out;position: relative;}
.head_menu>ul>li>a>span{position: absolute;display: block;width: 1px;height: 18px;right: 0;top: 16px;background-color: #e6724a;}
.head_menu ul li a:hover,.head_menu ul li a.active{color: #df0023;background-color: #fff;}
.head_menu>ul>li>a:hover>span,.head_menu>ul>li>a.active>span{display: none;}
.head_menu ul ul{position: absolute;top: 50px;left: 0;width: 220px;background-color: #fff;z-index:1000;padding-bottom: 10px;display: none;}
.head_menu ul ul{width:150px;}
.head_menu ul ul li{float: none;position: static;}
.head_menu ul ul li a{width: 100%;height: 49px;line-height: 49px;font-size: 16px;color: #666;text-align: left;border-top: 1px solid #e6e6e6;text-indent: 55px;}
.head_menu ul ul li:first-child a{border-top: none;}
.head_menu ul ul li a i{display: block;position: absolute;top: 21px;left: 35px;width: 7px;height: 8px;background: url('../icon01.png') no-repeat center;}
.head_menu ul ul li a:hover{background-color: #e6e6e6;color: #666;}

/* 轮播 */
.banner{width: 100%;height: 100%;min-width: 1200px;position: relative;text-align:center;}
.banner-swiper{width: 100%;height: 100%;position: relative;}
.banner-swiper a{display: block;width: 100%;height: 100%;position: relative;}
.banner-swiper .swiper-pagination{width: 100%;font-size: 0;text-align: center;bottom: 30px;}
.banner-swiper .swiper-pagination span{width: 20px;height: 20px;border-radius: 100%;margin:0 10px!important;opacity: 1!important;}
.banner-swiper .swiper-pagination span.swiper-pagination-bullet{background-color: #dcdcdc;}
.banner-swiper .swiper-pagination span.swiper-pagination-bullet-active{background-color: #df0023;}

/* 产品中心 */
.index_products{width: 100%;min-width: 1200px;background: url('../index_products_bg.jpg') no-repeat center;min-height: 625px;}
.index_products_main{width: 1200px;margin: 0 auto;position: relative;padding-top: 75px;}
.index_products_title{text-align: center;font-size: 14px;line-height: 24px;color: #999;}
.index_products_title p:first-child{font-size: 24px;color: #333;line-height: 34px;}
.index_products_title p span{font-size: 24px;color: #df0023;display: inline-block;position: relative;top: 0px;font-weight: bold;}
.index_products_list{width: 100%;margin-top: 32px;}
.index_products_list ul{width: 100%;overflow: hidden;height: auto;}
.index_products_list ul li{float: left;width: 285px;margin-right: 20px;}
.index_products_list ul li:nth-of-type(4n){margin-right: 0;}
.index_products_list ul li a{display: block;width: 100%;height: 100%;}
.index_products_img{width: 100%;text-align: center;overflow: hidden;height: 285px;line-height: 282px;background-color: #fff;}
.index_products_img>img{-webkit-transform: scale(1,1); -moz-transform:scale(1,1); -o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1); transition:all 0.3s linear;-ms-transition:all 0.3s linear; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;}
.index_products_txt{background-color: #fff;margin-top: 1px;min-height: 50px;width: 100%;overflow: hidden;padding: 15px 0;}
.index_products_name{max-width: 210px;float: left;margin-left: 20px;font-size: 12px;line-height: 22px;color: #999;transition: all 0.5s ease-in-out;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.index_products_name p{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.index_products_name p:first-child{font-size: 16px;}
.index_products_more{width: 26px;height: 26px;float: right;margin-right: 20px;border: 1px solid #b9b9b9;margin-top: 10px;transition: all 0.5s ease-in-out;background: url('../index_products_icon01.png') no-repeat center;}
.index_products_list ul li a:hover .index_products_img>img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1);-o-transform:scale(1.1, 1.1);-ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.index_products_list ul li a:hover .index_products_txt{background-color: #df0023;}
.index_products_list ul li a:hover .index_products_name{color: #fff;}
.index_products_list ul li a:hover .index_products_more{border: 1px solid #fff;background: url('../index_products_icon02.png') no-repeat center}

/* 解决方案 */
.index_solution{width: 100%;min-width: 1200px;background: url('../index_solution_bg.jpg') no-repeat center;min-height: 600px;}
.index_solution_main{width: 1200px;margin: 0 auto;position: relative;padding-top: 75px;}
.index_solution_list{width: 100%;margin-top: 32px;height: auto;}
.index_solution_list ul{width: 100%;overflow: hidden;height: auto;}
.index_solution_list ul li{float: left;width: 260px;margin-right: 53px;}
.index_solution_list ul li:nth-of-type(4n){margin-right: 0;}
.index_solution_list ul li a{display: block;width: 100%;height: 100%;}
.index_solution_list ul li:hover a .index_solution_name{color:#df0023}
.index_solution_img{width: 100%;text-align: center;overflow: hidden;height: 260px;line-height: 260px;border-radius: 100%;transition:transform 1s ease-in-out}
.index_solution_img > img {border-radius:50%;}
.index_solution_name{width: 100%;text-align: center;font-size: 18px;color: #666;margin-top: 40px;}
.index_solution_img:hover{
    transform: rotateZ(360deg);
}

/* 新闻资讯 */
.index_news{width: 100%;min-width: 1200px;}
.index_news_main{width: 1200px;margin: 0 auto;padding-bottom: 110px;padding-top: 75px;position: relative;}
.index_news_content{width: 100%;margin-top: 32px;overflow: hidden;}
.index_news_left{float: left;width: 535px;position: relative;height:320px;text-align:center;}
.index-news-swiper{width: 100%;height: 100%;position: relative;}
.index_news_item{width: 100%;height: 100%;}
.index_news_item a{display: block;width: 100%;height: 100%;position: relative;}
.index_news_item a>img{-webkit-transform: scale(1,1); -moz-transform:scale(1,1); -o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1); transition:all 0.3s linear;-ms-transition:all 0.3s linear; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;width:100%;height:100%;}
.index_news_modal{height: 60px;position: absolute;bottom: 0;left: 0;right: 0;background: url('../modal01.png') repeat center;z-index: 2;font-size: 18px;color: #fff;line-height: 60px;padding-left:40px;padding-right: 110px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align:left;}
.index_news_item:hover a>img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1);-o-transform:scale(1.1, 1.1);-ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.index-news-swiper .index-news-pagination{width: auto!important;font-size: 0;text-align: right;bottom: 22px;position: absolute;z-index: 3;right:10px;}
.index-news-swiper .index-news-pagination span{width: 14px;height: 14px;border-radius: 100%;margin:0 5px!important;opacity: 1!important;}
.index-news-swiper .index-news-pagination span.swiper-pagination-bullet{background-color: #fff;}
.index-news-swiper .index-news-pagination span.swiper-pagination-bullet-active{background-color: #e71029;}
.index_news_right{float: right;width: 610px;min-height:310px;}
.index_news_tabs{width: 100%;position: relative;position:relative}
.index_news_tabs ul{width: auto;float: left;overflow: hidden;}
.index_news_tabs ul li{width: auto;float: left;overflow: hidden;margin-right: 20px;position:relative;padding-bottom: 8px;z-index:1000;}
.index_news_tabs ul li span{position:absolute;bottom:0px;left:0px;border-bottom:solid 2px #df0023;width:100%;display:none;}
.index_bottom{width:100%;border-bottom: 2px solid #b9b9b9;bottom:0px;left:0px;position:absolute}
.index_news_tabs ul li a{display: block;width: auto;font-size: 16px;font-weight: bold;color: #444;transition: all 0.5s ease-in-out;}
.index_news_tabs ul li a:hover,.index_news_tabs ul li a.active{color: #df0023;}
.index_news_more{float: right;font-size: 16px;color: #df0023;margin-right: 10px;}
.index_news_more a{font-size: 16px;color: #df0023;display: block;width: auto;padding-right: 12px;background: url('../more.png') no-repeat right center;}
.index_news_tabs>span{display: block;z-index: 2;position: absolute;bottom: -2px;left: 0;height: 2px;width: 70px;background-color: #df0023;}
.index_news_list{width: 100%;margin-top: 5px;}
.index_news_list ul li a{display: block;width: 100%;height: 54px;border-bottom: 1px dashed #ccc;overflow: hidden;}
.index_news_list ul li a p{float: left;max-width: 480px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 14px;line-height: 54px;height: 54px;color: #666;transition: all 0.5s ease-in-out;}
.index_news_list ul li a span{float: right;color: #999;font-size: 14px;line-height: 54px;height: 54px;}
.index_news_list ul li a:hover p{color: #df0023;}

/* 成功案例 */
.index_cases{width: 100%;min-width: 1200px;background: url('../index_cases_bg.jpg') no-repeat center;min-height: 516px;}
.index_cases_main{width: 1200px;margin: 0 auto;position: relative;padding-top: 75px;}
.index_cases_content{width: 100%;overflow: hidden;padding-top: 32px;}
.index_cases_left{float: left;width:368px;height:232px;}
.index_cases_left img{width:100%;height:100%;}
.index_cases_right{width: 805px;float: right;}
.index_cases_right ul li{margin-bottom: 12px;}
.index_cases_right ul li a{width: 100%;display: block;background-color: #fff;height: 100%;padding: 18px 0;transition: all 0.5s ease-in-out;}
.index_cases_txt{width: 765px;margin: 0 auto;}
.index_cases_name{width: 100%;overflow: hidden;}
.index_cases_name p{float: left;font-size: 16px;color: #666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;max-width: 640px;transition: all 0.5s ease-in-out;}
.index_cases_name span{float: right;font-size: 14px;color: #999;}
.index_cases_brief{width: 555px;font-size: 14px;color: #999;line-height: 24px;max-height: 48px;overflow: hidden;margin-top: 5px;}
.index_cases_right ul li a:hover{box-shadow: 0px 0px 15px 3px #dedede;}
.index_cases_right ul li a:hover .index_cases_name p{color: #df0023;}

/* 底部 */
.footer{width: 100%;min-width: 1200px;background-color: #2a2a2a;}
.footer_main{width: 1200px;margin: 0 auto;padding-top: 55px;position: relative;padding-bottom: 60px;}
.footer_list{float: left;margin-left: 45px;overflow: hidden;width: 130px}
.footer_main .footer_list:first-child{margin-left: 0;}
.footer_top{font-size: 16px;line-height: 28px;color: #999;}
.footer_top a{font-size: 16px;line-height: 28px;color: #999;transition: all 0.5s ease-in-out;}
.footer_top a:hover{color: #fff;}
.footer_nav ul li a{display: inline-block;width: auto;font-size: 12px;line-height: 30px;color: #666;transition: all 0.5s ease-in-out;}
.footer_nav ul li a:hover{color: #fff;}
.footer_contact{float: left;margin-left: 70px;width: 275px;}
.footer_address{font-size: 14px;line-height: 24px;color: #666;overflow: hidden;margin-top: 5px;}
.footer_address span{float: left;}
.footer_address span img{margin-right: 5px;}
.footer_address p{float: left;width: 210px;}
.footer_hot i{font-weight: bold;font-size: 26px;color: #df0023;}
.footer_hot img{margin-right: 3px;position: relative;top: -6px;}
.footer_feedbcak{margin-top: 25px;}
.footer_feedbcak a{display: block;margin-left: 20px;width: 200px;height: 40px;text-align: center;line-height: 40px;font-weight: bold;font-style: italic;color: #fff;background-color: #df0023;border-radius: 10px;}
.footer_right{float: right;width: auto;margin-right: 35px;}
.footer_right p{font-size: 14px;text-align: center;line-height: 20px;color: #999;margin-top: 13px;}
.copyright{width: 100%;min-width: 1200px;background-color: #1c1c1c;height: 68px;text-align: center;line-height: 68px;font-size: 14px;color: #909090;}
.copyright a{font-size: 14px;color: #909090;}

/* other_banner */
.other_banner{width: 100%;height: 100%;min-width: 1200px;position: relative;}

/* left */
/*.left{float: left;width: 228px;position: relative;top: -70px;}
.left_top{width: 100%;height: 92px;background: url('../icon02.png') no-repeat center;}
.left_top p{font-size: 12px;color: #fff;font-family: Arial;margin-left: 25px;}
.left_top p:first-child{font-size: 22px;font-family: "Microsoft YaHei";margin-bottom: 5px;padding-top: 20px;}
.left_menu{width: 226px;margin: 0 auto;background-color: #fff;box-shadow: 0 0 30px -10px #666;}
.left_menu ul{width: 100%;height: auto;}
.left_menu ul li{width: 100%;height: auto;}
.left_menu ul li a{width: 205px;display: block;margin: 0 auto;height: 54px;line-height: 54px;border-top: 1px solid #e9e9e9;position: relative;transition: all 0.5s ease-in-out;text-indent: 10px;overflow: hidden;font-size: 12px;color: #999;}
.left_menu ul li:first-child a{border-top: none;}
.left_menu ul li a span{display: block;position: absolute;top: 22px;right: 10px;width: 8px;height: 12px;background: url('../icon03.png') no-repeat center;transition: all 0.5s ease-in-out;}
.left_menu ul li a:hover,.left_menu ul li a.active{color: #df0023;}
.left_menu ul li a:hover span,.left_menu ul li a.active span{background: url('../icon04.png') no-repeat center;}*/

/* left */
.left{float: left;width: 228px;position: relative;top: -70px;z-index: 99;}
.left_top{width: 228px;height: 92px;background: url('../icon02.png') no-repeat center;}
.left_top p{text-indent: 25px;color: #fff;font-family: Arial;font-size: 12px;text-transform:uppercase;}
.left_top p:first-child{font-size: 22px;font-family: "Microsoft YaHei";margin-bottom: 5px;padding-top: 22px;}
.left_list{width: 228px;box-shadow:0px 0px 3px 1px #dfdfdf;background-color: #fff;}
.left_list ul{width: 100%;height: auto;}
.left_list ul li{width: 100%;height: auto;}
.left_list ul li a{display: block;width: 205px;margin: 0 auto;height: 53px;line-height: 53px;border-top: 1px solid #e9e9e9; text-indent: 10px;font-size: 12px;color: #999;position: relative;}
.left_list ul li:first-child a{border: none;}
.left_list ul li a span{display: block;width: 8px;height: 12px;position: absolute;top: 50%;right: 10px;margin-top: -4px;background: url('../icon03.png') no-repeat center;background-size: 100% 100%;text-indent: 99999px;}
.left_list ul li a.active,.left_list ul li a:hover{color: #df0023;}
.left_list ul li a.active span,.left_list ul li a:hover span{background: url('../icon04.png') no-repeat center;}

.left_list_pro{width: 228px;box-shadow:0px 0px 3px 1px #dfdfdf;background-color: #fff;}
.left_list_pro ul{width: 100%;height: auto;}
.left_list_pro ul>li{width: 205px;height: auto;border-top: 1px solid #e9e9e9; text-indent: 10px;font-size: 12px;color: #999;line-height: 53px;position:relative;margin:0 auto;}
.left_list_pro ul>li:nth-of-type(1){border-top:none;}
.left_list_pro ul>li .pro_T{width:80%;}
.left_list_pro ul>li .pro_T>a{display:block;width:100%;height:100%;cursor:pointer;}
.left_list_pro ul li span{display: block;width:20%;height: 53px;position: absolute;top: 0%;right: 10px;/* margin-top: -4px; */background: url('../icon03.png') no-repeat right center;background-size: 8px 12px;text-indent: 99999px;cursor:pointer;}
.left_list_pro ul li  a.active,.left_list_pro ul li a:hover{color: #df0023;}
.left_list_pro ul li span.active{background: url('../icon04.png') no-repeat right center;}

.pro_kind{overflow:hidden;width:100%;display:none;}
.pro_kind dd{line-height:50px;text-indent:20px;font-size:12px;color:#999;border-top: 1px solid #e9e9e9;}
.pro_kind dd>a{display:block;width:100%;height:100%;}
.pro_kind dd > a:hover,.pro_kind dd > a.active{color: #df0023;}


/* right */
.right{float: right;width: 930px;}
.right_nav{width: 900px;margin: 0 auto;text-align: right;font-size: 12px;color: #999;}
.right_nav a{font-size: 12px;color: #999;transition: all 0.5s ease-in-out;}
.right_nav a:hover{color: #df0023;}
.right_nav span{padding: 0 1px;}
.right_nav span.home{padding: 0;width: 18px;height: 16px;display: inline-block;background: url('../icon05.png') no-repeat center;margin-right: 15px;position: relative;top: 3px;}
.right_content{width: 100%;background-color: #fff;min-height: 200px;box-shadow: 0 0 30px -10px #888;margin-top: 25px;border: 1px solid #e9e9e9;padding-top: 25px;padding-bottom: 65px;}
.right_title{width: 850px;margin: 0 auto;}
.right_title span{display: inline-block;font-size: 18px;color: #df0023;position: relative;top: 3px;margin-left: 10px;}
.right_title_pro{width: 890px;}
.right_con{width: 850px;margin: 0 auto;margin-top: 30px;}
.right_con_pro{width: 890px;}

/* 产品中心 */
.products{width: 100%;height: 100%;}
.products_list{width: 100%;}
.products_list ul li{width: 100%;border-bottom: 1px solid #eee;padding: 30px 0;overflow:hidden}
.products_list ul li:first-child{padding-top: 0;}
.products_list ul li a{display: block;width: 100%;height: 100%;overflow: hidden;}
.products_img{float: left;text-align: center;width: 150px;overflow: hidden;}
.products_img a>img{-webkit-transform: scale(1,1); -moz-transform:scale(1,1); -o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1); transition:all 0.3s linear;-ms-transition:all 0.3s linear; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;}
.products_txt{float: right;width: 680px;margin-right: 15px;padding-top: 10px;}
.products_name{font-size: 16px;color: #df0023;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 5px;}
.products_name a{color:#df0023}
.products_brief{font-size: 12px;line-height: 24px;color: #666;max-height: 48px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;}
.products_list ul li:hover .products_img a>img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1);-o-transform:scale(1.1, 1.1);-ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.products_page{width: 100%;overflow: hidden;font-size: 0;text-align: center;height: auto;margin-top: 50px;clear: both;}
.products_page ul{display: inline-block;width: auto;height: auto;overflow: hidden;}
.products_page ul li{float: left;margin: 0 3px;}
.products_page ul li a{display: block;height: 28px;width: 28px;text-align: center;line-height: 28px;font-size: 12px;color: #999;border: 1px solid #d7d7d7;transition: all 0.3s linear;border-radius: 3px;}
.products_page ul li a:hover,.products_page ul li a.active{color: #fff;background-color: #df0023;border: 1px solid #df0023;}
.products_page ul li a.prev,.products_page ul li a.next,.products_page ul li a.first{width: 58px;}
.products_page ul li a.last{width: 65px}
.products_page ul li a.prev:hover,.products_page ul li a.next:hover,.products_page ul li a.first,.products_page ul li a.last{color: #999;border: 1px solid #d7d7d7;background-color: #fff;}

/* 产品中心-详情 */
.productsDetails{width: 100%;height: 100%;}
.productsDetails_con{width: 100%;overflow: hidden;}
.productsDetails_left{float: left;width: 445px;}
.thumb{float: left;width: 353px;height: 348px;border: 1px solid #eaeaea;line-height:348px;}
.thumb-swiper{width: 100%;height: 100%;}
.thumb-img{width: 353px;height: 348px;text-align: center;}
.gallery{float: right;width: 70px;position: relative;height: 350px;}
.gallery-swiper{width: 100%;height: 320px;margin-top: 15px;overflow: hidden;}
.gallery-swiper .swiper-slide{height: 25%;}
.gallery_img{width: 68px;border: 1px solid transparent;margin: 0 auto;cursor: pointer;}
.gallery-swiper .swiper-slide-active .gallery_img{border: 1px solid #df0023;}
.gallery .gallery-button-prev{position: absolute;top: 0;left: 50%;height: 11px;width: 21px;background: url('../gallery-swiper-prev.jpg') no-repeat center;margin-left: -10.5px;cursor: pointer;}
.gallery .gallery-button-next{position: absolute;bottom: 0;left: 50%;height: 11px;width: 21px;background: url('../gallery-swiper-next.jpg') no-repeat center;margin-left: -10.5px;cursor: pointer;}
.productsDetails_right{float: right;width: 380px;padding-top: 45px;}
.productsDetails_name{font-size: 20px;line-height: 30px;color: #333;}
.productsDetails_brief{font-size: 12px;line-height: 24px;color: #666;text-align:justify;text-justify:inter-ideograph;margin-top: 12px;height:263px;}

.productsDetails_brief img{max-height:100%;height:auto !important;max-width:100%;}
.productsDetails_tabs{width: 100%;margin-top: 40px;border-bottom: 1px solid #df0023;}
.productsDetails_tabs ul{width: auto;overflow: hidden;height: auto;}
.productsDetails_tabs ul li{float: left;margin: 0 5px;}
.productsDetails_tabs ul li:first-child{margin-left: 0;}
.productsDetails_tabs ul li a{display: block;width: 90px;height: 30px;line-height: 30px;text-align: center;font-size: 14px;color: #999;border: 1px solid #eaeaea;border-bottom: none;border-top-left-radius: 5px;border-top-right-radius: 5px;transition: all 0.5s ease-in-out;}
.productsDetails_tabs ul li a.active,.productsDetails_tabs ul li a:hover{background-color: #df0023;color: #fff;border: 1px solid #df0023;border-bottom: none;}
.productsDetails_content{font-size: 14px;line-height: 30px;color: #666;text-align:justify;text-justify:inter-ideograph;padding-top: 30px;}
.productsDetails_content ..productsDetails_item{display: none;}
.productsDetails_content ..productsDetails_item:first-child{display: block;}

/* 解决方案 */
.solution{width:100%;height: 100%;}
.solution_list{width: 100%;height: auto;}
.solution_list ul{width: 100%;height: auto;}
.solution_list ul li{width: 100%;height: auto;padding-bottom: 30px;padding-top: 30px;border-bottom: 1px solid #eee;}
.solution_list ul li a{width: 100%;height: 100%;display: block;overflow: hidden;}
.solution_img{float: left;width: 300px;height: 190px;}
.solution_txt{float: right;width: 520px;position: relative;height: auto;overflow: hidden;}
.solution_name{font-size: 14px;color: #333;padding-top: 30px;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.solution_brief{font-size: 12px;color: #666;line-height: 22px;text-align: justify;text-justify:inter-ideograph;margin-top: 12px;overflow: hidden;height:88px;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;word-break: break-all;}
.solution_more{margin-top:  5px;float:right;width: 70px;height: 25px;line-height: 25px;border: 1px solid #eee;border-radius: 3px;color: #c9c9c9;font-size: 12px;text-align: center;transition: all 0.5s ease-in-out;}
.solution_list ul li a:hover .solution_more{color: #df0023;border: 1px solid #df0023;}

/* 解决方案-详情 */
.solutionDetails{margin-top: 25px;width: 100%;height: auto;}
.solutionDetails_title{width: 100%;text-align: center;color: #333;font-size: 18px;margin-bottom: 40px;}
.solutionDetails_content{line-height: 28px;font-size: 14px;color: #666;text-align: justify;text-justify:inter-ideograph;}
.solutionDetails_content p{line-height: 28px;font-size: 14px;color: #666;text-align: justify;text-justify:inter-ideograph;}
.solutionDetails_content p b{line-height: 28px;font-size: 14px;color: #333;font-weight: normal;}
.solutionDetails_content p img{display: block;margin: 0 auto;}

/* 资料下载 */
.download{width: 100%;height: auto;margin-top: 70px;}
.download_list{width:100%;height:auto;overflow:hidden;}
.download_list ul{width:100%;height:auto;overflow:hidden;}
.download_list ul li{width:100%;height:auto;overflow:hidden;border-bottom:1px solid #eee;}
.download_list ul li a{width:100%;height:100%;overflow:hidden;display:block;}
.download_name{height:52px;line-height:52px;float:left;width:715px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:#333;text-indent: 20px;}
.download_date{height:52px;line-height: 52px;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;color:#666;float:right;position:relative;width:135px;}
.download_date span{display:block;position:absolute;top:50%;left:0;width:1px;height:20px;background-color:#ea7b8c;margin-top: -10px;display:none;}
.download_list ul li:first-child{border:none;}
.download_list ul li:first-child .download_name{height:34px;line-height:34px;text-align:center;text-indent:0;color:#fff;background-color:#df0023;}
.download_list ul li:first-child .download_date{height:34px;line-height:34px;background-color:#df0023;color:#fff;}
.download_list ul li:first-child .download_date span{display:block;}

/* 在线支持 */
.support{width: 100%;height: auto;margin-top: 25px;}
.support_txt{font-size:14px;line-height:28px;color:#333;text-align:justify;text-justify:inter-ideograph;}
.support_txt p{font-size:14px;line-height:28px;color:#333;text-align:justify;text-justify:inter-ideograph;}
.support_content{width: 590px;margin:0 auto;margin-top:45px;overflow:hidden;}
.support_from_title{width:100%;text-align:center;font-size:18px;color:#df0023;margin-bottom:42px;}
.support_from_item{width:100%;overflow:hidden;height:auto;margin-bottom:20px;}
.support_from_name{float:left;width:150px;height:40px;line-height:40px;font-size:14px;color:#333;}
.support_from_name span{color:#df0023;}
.support_from_input{float:right;width:440px;height:40px;}
.support_from_input input{width:418px;height:38px;line-height:38px;border:1px solid #eee;border-radius:5px;padding:0 10px;font-size:14px;color:#333;}
.support_textarea_name{width:140px;height:auto;overflow:hidden;float:left;font-size:14px;color:#333;line-height:20px;padding-right: 10px;margin-top:5px;}
.support_textarea_name p{margin-left: 8px;}
.support_textarea_name span{color:#df0023;display:block;float:left;}
.support_textarea_input{float:right;width:440px;}
.support_textarea_input textarea{width:418px;border: 1px solid #eee;border-radius:5px;outline:none;resize:none;padding:5px 10px;height:160px;font-size:14px;line-height: 28px;color:#333;}
.support_from_code{float:right;width:440px;height:40px;overflow:hidden;}
.support_from_code_input{float:left;width:320px;height:40px;}
.support_from_code_input input{height:38px;width:300px;line-height:38px;padding:0 9px;border:1px solid #eee;border-radius:5px;font-size:14px;color:#333;}
.support_from_code_img{float:left;width:120px;text-align:center;height:40px;line-height: 40px;}
.support_from_submit{margin-left: 150px;width:100px;height:40px;color:#fff;text-align:center;line-height:40px;font-size:14px;background-color:#df0023;border-radius:5px;}
.support_from_submit input{color:#fff;display:block;width:100%;height:100%;cursor:pointer;}
#support_submit{width:100px;height:40px;color:#fff;text-align:center;line-height:40px;font-size:14px;background-color:#df0023;border-radius:5px;cursor:pointer;}

/* 成功案例 */
.cases{width:100%;height:auto;margin-top:50px;}
.cases_list{width:100%;height:auto;overflow:hidden;}
.cases_list ul{width:100%;height:auto;overflow:hidden;}
.cases_list ul li{/*width:265px;*/margin-bottom:25px;margin-right: 27px;width:100%;}
.cases_list ul li:nth-of-type(3n){margin-right: 0px;}
.cases_list ul li a{width:100%;height:100%;overflow:hidden;display:block;}
.cases_img{width:265px;height:185px;text-align: center;overflow:hidden;position: relative;float:left;line-height:185px;}
.cases_img img{transform: scale(1, 1);-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);-o-transform: scale(1, 1);-ms-transform: scale(1, 1);transform: scale(1, 1);transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;}
.cases_modal{position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 3;background: url('../modal02.png') repeat center;display: none;}
.cases_name{width:500px;overflow:hidden;text-overflow:ellipsis;font-size:14px;color:#333;padding:0 10px;transition:all 0.5s ease-in-out;float:left;margin-top:10px;margin-left:20px;}
.cases_list ul li a:hover .cases_name .news_name{color:#df0023;}
.cases_list ul li a:hover .cases_img img{transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);}
.cases_list ul li a:hover .cases_modal{display: block;}
.cases .products_page{margin-top:40px;}

/* 成功案例-详情 */
.casesDetails{width:100%;height:auto;margin-top:30px;}
.casesDetails_title{text-align:center;font-size:18px;color:#333;}
.casesDetails_date{border-bottom:1px solid #eee;padding-bottom: 17px;font-size:12px;text-align:center;color:#999;margin-top:8px;margin-bottom:27px;}
.casesDetails_content{font-size:14px;line-height:28px;color:#666;text-align:justify;text-justify:inter-ideograph;}
.casesDetails_content p{font-size:12px;line-height:24px;color:#666;text-align:justify;text-justify:inter-ideograph;}
.casesDetails_content p b{color:#333;font-size:14px;line-height:24px;font-weight:normal;}
.casesDetails_content p img{display:block;margin:25px auto;}

/* 公司介绍 */
.introduction{width: 100%;height: auto;margin-top: 40px;}
.introduction_content{width: 100%;height: auto;overflow: hidden;}
.introduction_left{float: left;width: 520px;text-align: justify;text-justify:inter-ideograph;line-height: 28px;font-size: 14px;color: #333;}
.introduction_left p{text-align: justify;text-justify:inter-ideograph;line-height: 28px;font-size: 14px;color: #333;}
.introduction_right{float: right;width: 300px;margin-top: 5px}
.introduction_txt{width: 100%;overflow: hidden;height: auto;}
.introduction_item{margin-left: 90px;float: left;line-height: 28px;font-size: 14px;color: #333;}
.introduction_item span{font-size: 18px;border-left: 4px solid #df0023;line-height: 20px;padding-left: 10px;height: 20px;}
.introduction_txt .introduction_item:first-child{margin-left: 0;}


/* 发展历程 */
.course{width: 100%;height: auto;margin-top: 75px;}
.course_list{width: 840px;margin: 0 auto;overflow: hidden;height: auto;}
.course_list ul{width: 100%;height: auto;position: relative;padding-bottom: 45px;}
.course_list ul li{width: 100%;height: auto;position: relative;overflow: hidden;padding-top: 45px;}
.course_year{float: left;position: relative;height: auto;font-size: 20px;color: #666;width: 50%;text-align: center;float: left;width: 50%;}
.course_text{width: 335px;float: right;}
.course_icon{float: right;width: 85px;line-height: 28px;margin-top: 20px;position: relative;text-align: center;}
.course_img{float: right;width: 230px;height: 140px;border: 5px solid #d3d3d3;}
.course_line{height: 100%;width: 1px;background-color: #eee;position: absolute;top: 0;bottom: 0;left: 50%;margin-left: -1px;z-index: 1;}
.course_icon span{position: absolute;text-indent: 999999px;display: block;z-index: 50;width: 13px;height: 13px;margin-top: -6.5px;background: url('../course_icon002.png') no-repeat center;background-size: 100% 100%;top: 50%;right: -6px;}
.course_icon span.icon_top{display: none;}

.course_content{float: right;width: 400px;height: auto;line-height: 28px;font-size: 14px;color: #666;margin-top: 20px;}
.course_content p{line-height: 28px;font-size: 14px;color: #666;width: auto;}
.course_content p span{line-height: 28px;font-size: 14px;color: #333;}

.course_list ul li:first-child .course_icon span.icon_top{top: -65px;right: -10px;background: url('../course_icon001.png') no-repeat center;width: 20px;height: 17px;margin-top: 0;background-size: 100% 100%;display: block;}
.course_list ul li:nth-of-type(2n) .course_year{float: right;}
.course_list ul li:nth-of-type(2n) .course_text{float: left;}
.course_list ul li:nth-of-type(2n) .course_icon{float: left;}
.course_list ul li:nth-of-type(2n) .course_icon span{top: 50%;right:79px;}
.course_list ul li:nth-of-type(2n) .course_content{text-align: right;float: left;}

/* 新闻资讯 */
.news{width: 100%;height: auto;margin-top: 30px;}
.news_list{width: 100%;height: auto;overflow: hidden;}
.news_list ul{width: 100%;height: auto;overflow: hidden;}
.news_list ul li{width: 100%;height: auto;overflow: hidden;padding-top: 20px;padding-bottom: 20px;border-bottom: 1px solid #eee;}
.news_list ul li a{width: 100%;height: 100%;overflow: hidden;display: block;}
.news_img{float: left;width: 250px;overflow: hidden;height:170px;line-height:170px;text-align:center;}
.news_img>img{-webkit-transform: scale(1,1); -moz-transform:scale(1,1); -o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1); transition:all 0.3s linear;-ms-transition:all 0.3s linear; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;}
.news_txt{float: right;width: 580px;}
.news_name{width: 100%;font-size: 16px;color: #333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news_brief{width: 100%;font-size: 14px;line-height: 28px;color:#666;height: 84px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-break: break-all;text-indent: 28px;margin-top: 15px;margin-bottom: 20px;}
.news_other{width: 100%;height: auto;overflow: hidden;}
.news_date{float: left;font-size: 12px;color: #999;line-height: 16px;}
.news_date span{margin-right: 10px;display: inline-block;width: 16px;height: 16px;position: relative;top: 3px;background: url('../news_date.jpg') no-repeat center;}
.news_more{float: right;color: #e60024;font-size: 12px;}
.news_list ul li a:hover .news_img>img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1);-o-transform:scale(1.1, 1.1);-ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.news .products_page{margin-top: 45px;}

/* 新闻资讯-详情 */
.newsDetials{width: 100%;height: auto;margin-top: 35px;}
.newsDetials_title{width: 100%;height: auto;text-align: center;color: #333;font-size: 18px;}
.newsDetials_date{width: 100%;height: auto;font-size: 12px;text-align: center;color: #999;border-bottom: 1px solid #eee;padding-bottom: 15px;margin-top: 05px;margin-bottom: 25px;}
.newsDetials_content{width: 100%;height: auto;text-align: justify;text-justify:inter-ideograph;font-size: 14px;line-height: 28px;color: #666;}
.newsDetials_content p{text-align: justify;text-justify:inter-ideograph;font-size: 14px;line-height: 28px;color: #666;}
.newsDetials_content p b{text-align: justify;text-justify:inter-ideograph;font-size: 14px;line-height: 28px;color: #333;font-weight: normal;}
.newsDetials_content p img{margin: 30px auto;display:block;}
.newsDetials_nav{width: 100%;height: auto;border-top: 1px solid #eee;margin-top: 40px;padding-top: 25px;}
.newsDetials_nav a{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 12px;color: #666;margin-bottom: 8px;}
.newsDetials_nav a span{font-size: 12px;color: #666;}
.newsDetials_nav a:hover{color: #df0023;}
.newsDetials_nav p{display: block;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 12px;color: #999;margin-bottom: 8px;}
.newsDetials_nav p span{font-size: 12px;color: #666;}

/* 招募精英 */
.recruitment{width: 100%;height: auto;margin-top: 60px;}
.recruitment_list{width: 100%;height: auto;overflow: hidden;margin-top:10px;}
.recruitment_list ul{width: 100%;height: auto;overflow: hidden;}
.recruitment_list ul li{width: 100%;height: auto;overflow: hidden;margin-bottom:20px;}
.recruitment_top{width: 100%;height: auto;overflow: hidden;}
.recruitment_top>div{float:left;height:37px;line-height:37px;text-align:center;width:135px;font-size:14px;color:#333;}
.recruitment_top .recruitment_icon{width:40px;position:relative;}
.recruitment_list ul li>div.recruitment_top{background-color:#bbb;cursor:pointer;}
.recruitment_list ul li>div.recruitment_top_bg01{background-color:#df0023;}
.recruitment_list ul li>div.recruitment_top>div{color:#fff;}
.recruitment_list ul li .recruitment_icon span{position:absolute;top:50%;right:0;display:block;}
.recruitment_list ul li .recruitment_icon span.recruitment_less{width:20px;height:1px;margin-top:-0.5px;background:url('../recruitment_icon01.png') no-repeat center;}
.recruitment_list ul li .recruitment_icon span.recruitment_plus{width:20px;height:20px;margin-top:-10px;background:url('../recruitment_icon02.png') no-repeat center;}
.recruitment_con{width:668px;height:auto;border:1px solid #df0023;border-top:none;padding:30px 90px;font-size:14px;color:#333;line-height:28px;display:none;}
.recruitment_con p{font-size:14px;color:#333;line-height:28px;}
.recruitment_email{font-size:14px;line-height:28px;color:#df0023;margin-top:35px;}
.recruitment_email p{font-size:14px;line-height:28px;color:#df0023;}
.recruitment_email p:first-child{font-size:14px;line-height:28px;color:#333;}
.recruitment_list ul li:first-child .recruitment_con{display:block;}

/* 联系我们 */
.contact{width: 100%;height: 100%;}
.contact_txt{font-size: 14px;line-height: 24px;color: #666;}
.contact_txt p{margin-bottom: 5px;}
.contact_txt p.contact_Title{font-size: 16px;font-weight: bold;margin-bottom: 10px;}
.contact_map{width: 828px;height: 268px;border: 1px solid #e3e3e3;margin-top: 25px;padding: 10px}
.contact_map img{max-height: none;max-width: none;}
#contact_map{width: 100%;height: 100%;}






