/*MS 2018.6.10 */
/*QQ:24231001 MAIL:24231001@QQ.COM*/


::-webkit-scrollbar{width:10px; height:4px;}
::-webkit-scrollbar-track {background-color:#fff;}
::-webkit-scrollbar-thumb {background-color:#ccc;}


/*---------------重置BS BUTTON INPUT focus 样式--------------- */

button:focus{box-shadow: none !important;}
input:focus,select:focus,textarea:focus{box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6) !important;}
input[type=checkbox],input[type=radio]{box-shadow: none !important;}

.shadow-xs{box-shadow: 1px 1px 10px #eee;}
.card-header{padding:0 10px; margin:0px; height:35px; line-height:35px;}
hr{margin: 10px 0;}

/*---------------重置 全局样式 样式--------------- */

body{margin: 0px; padding: 0px; font-size: 14px; background:#f4f4f4; color:#333; background-position:center 260px; font-family:'PingFangSC-Regular', 'helvetica neue', tahoma, 'PingFang SC', 'microsoft yahei', arial, 'hiragino sans gb', sans-serif;}
ul,li{list-style: none; margin: 0px; padding: 0px;}


a{font-size: 14px; text-decoration:none; color:#333;}
a:hover{text-decoration:none; color: #f00;}


/*遮罩背景*/
.mark-box{background:rgba(0,0,0,.8);position: fixed; left:0px; top:0px; bottom:0px; right:0px; z-index:1000; display:flex;}

p{margin: 0; padding: 0;}
.cls{clear: both;}




/*--------------- 样式开始 MS 2020.6.15 ---------------*/


.header{background: #fff; height: 100px; display: block; border-bottom: 1px #e1e1e1 solid;}
.header ul{height: 100px; width: 1200px;display: flex; justify-content: space-between;margin: auto;}
.header ul .logo{ padding-top: 5px;}

.header ul .navs{line-height: 100px; display: flex; justify-content: space-between;}
.header ul .navs a{font-size: 17px;font-weight: bold; color: #666; margin-left: 20px; padding-top: 5px;display: inline-block;text-transform: uppercase;}
.header ul .navs a:hover{color: #3632bd;}
.header ul .navs .navs_m{display: flex; justify-content: space-between;}
.header ul .navs .navs_m>div{position: relative;}
.header ul .navs .navs_m>div .layer{ display: none; position: absolute; top: 100%; left: -50%; right: 0;margin: auto; width: 280px; background: #fff; z-index: 1000; box-shadow: 1px 1px 10px #eee; padding: 10px 0;}
.header ul .navs .navs_m>div .layer a{height: 30px; line-height: 30px; margin: 0; padding: 0; display: block; text-align: center;font-size: 12px;}
.header ul .navs .navs_m>div:hover .layer{display: block;}

.header ul .navs .nav_y{display: flex; justify-content: center; width: 160px;}
.header ul .navs .nav_y .active{color: #3632bd;}
.header ul .navs .nav_y a{margin-left: 15px;position: relative; color: #333; text-transform: none;}
.header ul .navs .nav_y a::after{content: ''; position: absolute; right: -8px; top: 10px; bottom: 0; background: #666; height: 15px; width: 1px; margin: auto;}
.header ul .navs .nav_y a:last-of-type::after{display: none;}



.index_ad{display: block;height: 385px; background: url(../images/banner.jpg) no-repeat top center;}



.title{display: block;text-align: center;}
.title span{font-size: 30px;color: #333;}



/*幻灯*/
.fullSlide{position:relative;  height:620px; overflow:hidden;}
.fullSlide .bd{ position:relative; z-index:0;  }
.fullSlide .bd ul{ width:100% !important; }
.fullSlide .bd li{ width:100% !important;  height:620px; }
.fullSlide .bd li .siteWidth{ width:1000px; position:relative;  margin:0 auto;  height:620px;}
.fullSlide .bd li a{ position:absolute; width:100%; height:620px; display:block; z-index:1;;}


.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; text-align:center;}
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1;  background: #4d3bb5; width: 12px; height: 12px; line-height: 999; margin: 0 5px; border-radius: 100px;}
.fullSlide .hd ul .on{  cursor:pointer; display:inline-block; *display:inline; zoom:1;  background: #fff; width: 12px; height: 12px;}





/* 产品 */
.sention_01{margin: 70px 0;}

/* 本例子css */
.slideTxtBox{ width:1200px;margin: auto;}
.slideTxtBox .hd{display: block;text-align: center;}
.slideTxtBox .hd ul{width: 900px;margin: auto; height: 60px;display: flex; justify-content: space-between;}
.slideTxtBox .hd ul li{cursor:pointer; background: #e9e9e9; width: 210px; height: 60px; line-height: 60px; border-radius: 3px;font-size:20px;}
.slideTxtBox .hd ul li.on{ height:60px;  background:#4e3ab4;color: #fff;font-size: 14px;}
.slideTxtBox .hd ul li a{font-size:14px;}
.slideTxtBox .hd ul li:hover{background: #4e3ab4;}
.slideTxtBox .hd ul li:hover a{font-size:14px;color: #fff;display: block;}

.slideTxtBox .bd ul{padding: 50px 0 30px 0; display: flex;}
.slideTxtBox .bd ul li{width:390px; margin-right: 15px; background: #fff;}
.slideTxtBox .bd ul li:last-of-type{margin-right: 0;}
.slideTxtBox .bd ul li div{padding: 30px; box-sizing: border-box;}
.slideTxtBox .bd ul li strong{font-size: 21px;color: #333333;display: block; white-space: nowrap;text-overflow: ellipsis; overflow: hidden; letter-spacing: -1px;}
.slideTxtBox .bd ul li small{font-size:16px; color: #666;display: block;}
.slideTxtBox .bd ul li img{width: 390px; height: 290px;}

.slideTxtBox .bd ul li:hover{background: #3a0a9b; transition: 1s all ease;}
.slideTxtBox .bd ul li:hover strong{color: #fff;}
.slideTxtBox .bd ul li:hover small{color: #fff;}




/* 公司简介 */
.sention_02{background: #3a0a9b; height: 400px;display: block; position: relative; width: 1200px; margin: auto;}
.sention_02 .box{width: 1100px; margin:auto; border-radius: 10px; position: absolute; left: 0; top: 100px; right: 0; box-shadow: 1px 1px 10px #c9e4ff; padding: 10px 0 40px 0;}
.sention_02 .box_text{display: block; padding: 0 40px; box-sizing: border-box;font-size: 16px;color: #666;text-align: center;line-height: 30px;}

.sention_02 .more{margin: 20px 0;text-align: center;}
.sention_02 .more img{transition: 1s all ease;}
.sention_02 .more:hover img{transition: 1s all ease; margin-right: 20px;}



/* 案例 */
.sention_03{margin-top: 210px;}
.slideTxtBox_fw{ width:1200px;margin: auto;}
.slideTxtBox_fw .hd{display: block;text-align: center;}
.slideTxtBox_fw .hd ul{width: 680px;margin: auto; height: 60px;display: flex; justify-content: space-between;}
.slideTxtBox_fw .hd ul li{cursor:pointer; background: #e9e9e9; width: 210px; height: 60px; line-height: 60px; border-radius: 3px;font-size:14px;}
.slideTxtBox_fw .hd ul li.on{ height:60px;  background:#4e3ab4;color: #fff;font-size:14px;}

.slideTxtBox_fw .bd ul{padding: 50px 0; display: block;}
.slideTxtBox_fw .bd ul li{width:100%; background: #fff;display: block; height: 180px; border-radius: 3px; overflow:hidden; margin-bottom: 20px;}
.slideTxtBox_fw .bd ul li a{display: flex; justify-content:space-between;}
.slideTxtBox_fw .bd ul li .num{background: #3a0a9b; height: 100%; width: 150px;font-size: 25px;color: #fff;line-height: 180px; text-align: center; border-radius: 3px; overflow: hidden;}
.slideTxtBox_fw .bd ul li .box{display: block; padding:40px 30px; box-sizing: border-box; flex: 1;}
.slideTxtBox_fw .bd ul li .box strong{font-size: 20px;color: #333333;display: block; white-space: nowrap;text-overflow: ellipsis; overflow: hidden;}
.slideTxtBox_fw .bd ul li .box small{font-size:16px; color: #666; margin-top: 10px;display: block;}

.slideTxtBox_fw .bd ul li:hover{background: #3a0a9b; transition: 1s all ease;}
.slideTxtBox_fw .bd ul li:hover strong{color: #fff;}
.slideTxtBox_fw .bd ul li:hover small{color: #fff;}




/* 合作案例 */
.sention_04{display: block; background: #fff; padding: 40px 0; margin-top: 40px;}
.sention_04 .pic{display: block; text-align: center; padding: 20px 0;}
.sention_04 a.more{background: #f4f4f4; height: 70px; line-height: 70px;text-align: center;font-size: 20px;color: #999; display: block; margin: 40px 0;}
.sention_04 a.more:hover{background: #3a0a9b; color: #fff;}



/* footer */
.footer{display: block; background: #261285;  padding: 40px 0 30px 0;font-size: 18px;line-height:40px;color: #e7e7e7;}
.footer p{color: #e7e7e7;text-align: center;display: block;font-size: 17px;line-height:40px;}
.footer a{font-size: 17px;color: #e7e7e7;}
.footer a:hover{font-size: 17px;color: #fff; text-decoration: underline;}



.line{height: 50px;background: #fff;display: block;}


/* 产品 */
.pro_box{height: 560px; display: block;}
.pro_box ul{width: 1200px; margin: auto; padding: 80px 0; display: flex;}
.pro_box .pic img{width: 520px; height: 400px; margin: 0 40px;}
.pro_box .text{margin-left: 50px; width: 470px;}
.pro_box .text .t{font-size:28px; border-bottom: 1px #c1c1c1 solid; display: block; padding-bottom: 20px; margin-bottom: 20px; letter-spacing: -1px;}
.pro_box .text .s{font-size: 16px; line-height: 30px;color: #666;}

.slideTxtBox_show{background: #fff; padding-top: 80px; padding-bottom: 50px;}
.slideTxtBox_show .hd ul{display:flex; justify-content: space-between; width: 1200px; margin: auto;}
.slideTxtBox_show .hd ul li{height: 60px; line-height: 60px;font-size: 20px; background: #f4f4f4; flex: 1;text-align: center; cursor: pointer;}
.slideTxtBox_show .hd ul li.on{background: #3a0a9b;color: #fff;}
.slideTxtBox_show .bd>ul{width: 1200px; margin: auto;padding: 50px 0;font-size: 16px; line-height: 30px; color: #666;}
.slideTxtBox_show .bd img{max-width:100%; margin: auto; background: #f4f4f4;display: block; padding: 80px; box-sizing: border-box;}




.pro_fw{padding: 50px 0;}
.pro_fw .name{border-bottom: 1px #c1c1c1 solid; padding-bottom: 40px;}
.pro_fw .name strong{width: 1200px; margin: auto;display: block;font-size: 30px; text-transform: uppercase;}

.pro_fwli{padding:40px 0 0 0; position: relative}
.pro_fwli::after{content: ''; position: absolute; top: 200px; left: 0; right: 0; background: #c1c1c1; height: 1px; width: 100%;}
.pro_fwli.no-b{border: 0;}
.pro_fwli ul{width: 1200px; margin: auto; display: flex;align-items: center; flex-flow: row wrap;}
.pro_fwli li{width: 33.333%; padding-right: 10px;padding-bottom: 30px; margin-bottom: 30px;}
.pro_fwli li:nth-child(3n){padding-right: 0;}
.pro_fwli li a{display: flex;align-items: center; justify-content: space-between;}
.pro_fwli .pic{width: 170px; height: 115px;}
.pro_fwli .pic img{width: 170px; height: 115px;}
.pro_fwli .text{padding: 20px; box-sizing: border-box;flex: 1;}
.pro_fwli .text strong{font-size: 16px;color: #333; letter-spacing: -1px;line-height: 21px;}
.pro_fwli .text small{font-size: 12px;color: #666; white-space: normal;display: block; }
.pro_fwli .text strong:hover{color: #261285;}



/* 联系我们 */
.contant_box{width: 1100px; margin: auto; display: flex; justify-content: space-between; padding: 120px 0;align-items: flex-end;}

.contant_box .con_left .con_text{font-size: 16px; color: #666;font: bold; width: 500px;line-height: 35px; padding-bottom: 78px;}
.contant_box .con_left .con_text p{font-weight: bold; line-height: 35px;}

.contant_box .con_right{flex: 1;}
.contant_box .con_right ul li{width: 100%; border-bottom: 2px #e5e5e5 solid; padding: 10px 0;display: flex;}
.contant_box .con_right ul li:last-of-type{border: 0;}
.contant_box .con_right input{background: #fff; height: 30px; line-height: 30px; flex: 1; border: 0; background: transparent; outline: 0; box-shadow: none!important;}
.contant_box .con_right textarea{background: #fff; min-height: 30px; line-height: 25px; flex: 1; border: 0; background: transparent; outline: 0; box-shadow: none!important;}
.contant_box .con_right span{text-align: right; padding-right: 10px;font-weight: normal; padding-top: 6px; text-transform: uppercase; color: #666;font-size: 16px;}
.contant_box .con_right input[type=submit]{background: #4d3bb5; border-radius: 100px; height: 45px; line-height: 45px; width: 150px!important;color: #fff; cursor: pointer; flex: none; margin-top: 20px;text-transform: uppercase;}
.contant_box .con_right input[type=submit]:hover{opacity: .8;}


.titles{display: block;}
.tities span{font-size: 30px;color: #333;font-weight: bold;display: block;}

.con_left .tities span{font-size: 30px;color: #333;font-weight: bold;display: block;}


/* 关于我们 */
.about_box{padding: 80px 0; width: 1200px; margin: auto;}
.about_text{font-size: 16px; line-height: 35px;color: #666;}
.about_text img{max-width: 100%; height: auto; display: block; margin: 10px auto;}


.about_ad{background: url(../images/about_bn.jpg) no-repeat top center; height:280px;}

.about{display: flex; justify-content: space-between; align-items: center;}
.about .pic img{width: 350px;height: auto;}

.about_sention{margin-right: 60px;}
.about .t{font-size: 30px;font-weight: bold; border-bottom: 1px #c1c1c1 solid; padding-bottom: 30px;}
.about_sention .about_text{padding-top: 30px;}

.about_img{width: 1200px; margin:30px auto auto auto;}
.about_img .t{font-size: 30px;font-weight: bold; border-bottom: 1px #c1c1c1 solid; padding-bottom: 30px;}
.about_img ul{display: flex;flex-flow: row wrap; justify-content: space-between; padding-top: 20px;}
.about_img li{width:32%;margin-bottom: 20px;}
.about_img li img{width: 100%; height: auto;}




/* 视频 */
.video_box{display: block; background: #fff; padding: 60px 0;}
.video_box .video{font-size: 16px;color: #666; line-height: 35px;}
.video_box .video img{max-width:100%; margin: auto; background: #f4f4f4;display: block; padding: 5px; box-sizing: border-box;}
.video_box .bg{font-size: 20px;color: #666; background: #f4f4f4;text-align: center; padding: 10px 0; margin-top: 30px;}
.video_box>ul{width: 1200px; margin: auto;}

.pic_list{display: block;}
.pic_list>ul{width: 1200px; margin: auto;}



/* 本例子css */
.slideBox{ width:1000px; height:auto; position:relative; border:1px solid #ddd; margin:80px auto;}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }

.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:1000px; height:auto; display:block; max-height: 8000px;}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox a.prev{ position:absolute; left:-50px; top:0px; bottom: 0px;display:block; width:26px; height:44px; background:url(../images/arr.png) no-repeat center center; cursor: pointer; margin: auto; z-index:100;}
.slideBox a.next{ position:absolute; right:-50px; top:0px; bottom: 0px;display:block; width:26px; height:44px; background:url(../images/arr.png) no-repeat center center; cursor: pointer; margin: auto; z-index:100;transform: rotate(180deg);}
.slideBox a:hover{opacity: .8;}




/*企业文化*/
.show_box{padding: 50px 0 120px 0;}
.show_text{width: 1200px; margin: auto;font-size: 16px; color: #333; text-align: justify; line-height: 35px; min-height: 400px;}





.case_tab {width: 680px;margin: auto; height: 60px;display: flex; justify-content: space-between;}
.case_tab a{cursor:pointer; background: #e9e9e9; width: 210px; height: 60px; line-height: 60px; border-radius: 3px;font-size:20px;display: inline-block;text-align: center;}
.case_tab a:hover{background: #4e3ab4; color: #fff;}
.case_tab a.on{ height:60px;  background:#4e3ab4;color: #fff;}


.case_tabs {width: 1200px;margin: auto; height: 60px;display: flex;}
.case_tabs a{cursor:pointer; background: #e9e9e9; width: 210px; height: 60px; line-height: 60px; border-radius: 3px;display: inline-block;text-align: center; margin-right: 25px;font-size: 14px;}
.case_tabs a:hover{background: #4e3ab4; color: #fff;}
.case_tabs a.on{ height:60px;  background:#4e3ab4;color: #fff; font-size: 14px;}


.case_list ul{padding: 50px 0; display: block;}
.case_list ul li{width:100%; background: #fff;display: block; height: 180px; border-radius: 3px; overflow:hidden; margin-bottom: 20px;}
.case_list ul li a{display: flex; justify-content:space-between;}
.case_list ul li .num{background: #3a0a9b; height: 100%; width: 150px;font-size: 25px;color: #fff;line-height: 180px; text-align: center; border-radius: 3px; overflow: hidden;}
.case_list ul li .box{display: block; padding:40px 30px; box-sizing: border-box; flex: 1;}
.case_list ul li .box strong{font-size: 20px;color: #333333;display: block; white-space: nowrap;text-overflow: ellipsis; overflow: hidden;}
.case_list ul li .box small{font-size:16px; color: #666; margin-top: 10px;display: block;}

.case_list ul li:hover{background: #3a0a9b; transition: 1s all ease;}
.case_list ul li:hover strong{color: #fff;}
.case_list ul li:hover small{color: #fff;}



.page{display: block;font-size: 16px; color: #333;}
.page a{font-size: 16px; color: #333;}




/* 本例子css */
.pro_list{ width:1200px;margin: auto;}

.pro_list ul{padding: 50px 0; display: flex;}
.pro_list ul li{width:390px; margin-right: 30px; background: #fff;}
.pro_list ul li:last-of-type{margin-right: 0;}
.pro_list ul li div{padding: 30px; box-sizing: border-box;}
.pro_list ul li img{width: 390px; height: 250px;}
.pro_list ul li strong{font-size: 21px;color: #333333;display: block; white-space: nowrap;text-overflow: ellipsis; overflow: hidden; letter-spacing: -1px;}
.pro_list ul li small{font-size:16px; color: #666;}

.pro_list ul li:hover{background: #3a0a9b; transition: 1s all ease;}
.pro_list ul li:hover strong{color: #fff;}
.pro_list ul li:hover small{color: #fff;}






.hzal_img img{width: 1200px;  height: auto;}


.w1200{width: 1200px; margin: auto;}
.fy_hover{background: #3a0a9b!important; color: #fff!important;}
.nybt{font-weight: bold;}
.nybt span{font-size: 26px!important;}




.honor_list{width: 1200px; margin: auto; margin-bottom: 40px;}
.honor_list ul{display: flex; flex-flow: row wrap;}
.honor_list ul li{width: 25%; text-align: center; border: 1px #eee solid; background: #fff; padding: 10px; box-sizing: border-box;}
.honor_list ul li img{width: 95%; height: 360px;}