@charset "utf-8";
@import url(animate.css);
@import url(fonts.css);
@import url(reset.css);
@import url(common.css);
/*!
 * JCMS CSS - Powered by JCms.Hua
 * 2016-10-31
 */

/* Common */
.j-header{height: 85px;background:#333;}
.j-header .logo { float:left;width: 150px; font-size:18px;  letter-spacing:1px; color:#fff; padding-top:10px; }
.j-header .logo span {font-family:"楷体"; font-size:48px;line-height:40px; font-weight:bold;}

.j-header .j-header-l{float: right;width: 500px; padding-top:30px; }
.j-header .h-navlist{position: relative; width: 100%;}
.j-header .h-navlist li{float:left;width:16.65%;overflow:hidden;}
.j-header .h-navlist li a{display:block;line-height:35px;text-align:center;text-transform:uppercase;font-size:15px;color:#ddd;}
.j-header .h-navlist li:hover a{color:#f08933}
.j-header .j-header-r{float: right; width: 160px;; line-height:35px; font-size:14px;color:#ddd;padding-top:30px; text-align:right;}

/* Home */
.j-home{width: 100%;position: relative; background-color:#f5f5f5}
.j-home .h-bar{height:473px;overflow:hidden;}
.j-home .h-bar .slide{height:473px;background-position:center;background-repeat:no-repeat;background-size:cover;}
.j-home .h-bar .slick-arrow{position:absolute;left:2%;top:50%;z-index:99;margin-top:-2em;cursor:pointer;}
.j-home .h-bar .slick-arrow:before{font-size:4em;color:#fff;color:rgba(255,255,255,.5);}
.j-home .h-bar .slick-next{left:auto;right:2%;}
.j-home .h-about {margin: 80px auto;}
.j-home .h-about-1{ float:left; widows:31%; background:#fff; }
.j-home .h-about-2{ margin:0 3%;}
.j-home .h-about-1-1{ line-height:25px; padding:5px 15px 15px 15px; font-size:12px;letter-spacing:1px;}
.j-home .h-about-1-1 span{ font-weight:bold; font-size:14px;}


.j-home .h-news-top{ padding:50px; background:#ddd;text-align:center;color: #fff;}
.j-home .h-news-top a{font-size:  14px;color: #666; padding: 15px 60px;border: 1px solid #383838;border-radius: 30px;}
.j-home .h-news-top-1{ font-size:30px; }
.j-home .h-news-top .span1{background-image:url(../Images/bg1.png); padding:0 50px; }
.j-home .h-news-top .span1 .span2 { padding:5px 25px;font-size:14px; background:#ddd}
.j-home .h-news-r{position: relative;}
.j-home .h-news-r .li{position: relative; width:33.3%;padding:60px 30px;  text-align: left;border-right: 1px solid #ddd;box-sizing: border-box; float:left;}
.j-home .h-news-r .li:first-child{padding-left: 0;}
.j-home .h-news-r .li:last-child{padding-right: 0;border-right: 0;}
.j-home .h-news-r h2{font-size: 16px;color: #2d2d2d;margin-bottom: 30px;letter-spacing: 1px;}
.j-home .h-news-r p.text{font-size: 14px;margin-bottom: 20px;letter-spacing: 1px;line-height: 2; min-height:56px;}
.j-home .h-news-r .li-b{position: relative;width: 100%;}
.j-home .h-news-r .li-b p{position: relative;text-align: left;letter-spacing: 1px;margin-left: 55px;margin-bottom: -15px;}
.j-home .h-news-r .li-b h3{font-size: 40px;color: #000;font-weight: 400;letter-spacing: 2px;}
.j-home .h-news-r .li-b a{display: block;position: absolute;right: 0;bottom: 8px; width: 45px;height: 45px;border: 1px solid #ddd;border-radius: 50%;text-align: center;color: #000; font-size: 28px;}
.j-home .style-none{margin: 0;padding: 0;margin-top: 50px; background-color: #f5f5f5;color: #585858;}
.j-home .style-none .span1 .span2{background-color: #f5f5f5;font-weight: 100;}
.j-home .need-row{position: relative;width: 100%;padding: 80px 0;}
.j-home .need-row .need{position: relative;float: left;width: 25%;}
.j-home .need .need-left{float: left;}
.j-home .need .need-right{float: left;margin-left: 10px;}
.j-home .need .need-right h3{font-size: 18px;margin-bottom: 10px;}
.j-home .need .need-right span{font-size: 12px;}
.j-home .need .need-right span i{margin-left: 5px;}

/*m-news*/


/* Column */
.c-bar .slide { height:316px;background-repeat:no-repeat;background-position:center;}
.nav { font-size:16px;height: 70px;line-height: 70px;}
.nav a{padding: 25px 20px;}
.nav a.cur{border-bottom: 2px solid #999}
.c-bar { border-bottom:1px solid #ddd}
.c-top { font-size:36px; padding-top:20px;}
.c-top2 { margin-top: -15px;margin-bottom: 50px; font-size:30px; color:#ddd;}
.j-column{ padding-bottom:100px; background:#f5f5f5}
.j-column .pr-img{text-align: center;font-size: 18px;}
.j-column .pr-top{height: 40px;margin-top: 30px; background-color: #fff;}
.j-column .pr-top ul{position: relative;width:100%; height: 40px;}
.j-column .pr-top ul li{display: block; float: left; width: 155px;text-align: center;height: 40px;line-height: 40px;background-color: #fff;}
.pr-top li.li-cur::before{border-bottom: 5px solid #070707;}
.pr-top li.li-cur::after{border-top: 5px solid #070707;}
.pr-top li.li-cur::before,.pr-top li.li-cur::after{width: 145px;height: 0px;margin-top: -47px;display: inline-block;content: "";vertical-align: middle;border-left: 5px solid transparent;border-right: 5px solid transparent;}



.pr-top li a{position: relative;display: block;width: 145px; height: 40px;}
.pr-top li a.a-cur{color: #eee;padding: 5px 0;margin: -45px 5px 0;background-color: #585858;}
.j-column .c-text,.j-column .c-text2{margin-top: 20px; padding: 0 10px;}


/*pass*/

.pass p{ font-size:14px; line-height: 30px;}
 .pass img { margin: 30px 0;}
.pass input{ height:30px;  margin:10px 0; padding-left: 10px;}
 .pass  input[type=submit] { width:100px; background:#4d4d4d; color:#fff; padding:10px;height:40px;}


    video::-webkit-media-controls-enclosure {
        overflow:hidden;
    }
    video::-webkit-media-controls-panel {
        width: calc(100% + 30px);
    }


/*News*/
.news-list{position: relative;padding: 10px;margin-bottom: 50px;background-color: #fff;}
.news-list dl{position: relative;padding: 10px 0;}
.news-list dt{float: left;width: 49%;margin-right: 2%;}
.news-list dt img{width: 100%;}
.news-list dd{float: left;width: 49%;border-bottom: 1px solid #ddd;}
.news-list dd:nth-of-type(3n){border-bottom: 0;}
.news-list dd h3{font-size: 18px;font-weight: 500;margin-top: 10px;}
.news-list dd span{display: block; font-size: 14px;letter-spacing: 1px;}
.news-list dd p{ font-size: 14px;margin: 10px 0;letter-spacing: 1px;line-height: 1.8;color: #666;}
.c-news{position: relative;width: 100%;height: auto;}
.c-news .li{position: relative;float: left;width: 31.66%;margin-right: 2.5%;margin-bottom: 40px;background-color: #fff; min-height:380px;}
.c-news .li:nth-of-type(3n){margin-right: 0;}
.c-news .li h4{text-align: center;font-size: 15px;margin: 10px 0;}
.c-news .li .data{padding: 5px 10px 20px;font-size: 13px;line-height: 1.8;color: #666;letter-spacing: 1px;}
.c-news .li .date1{position: absolute;left: 25px;top: 0;width: 66px;height: 55px;text-align: center; color: #fff; background-color: #333;}
.c-news .li .date1 h3{font-size: 28px;}
.c-news .li .date1 p{margin-top: -10px; font-size: 12px;}
.c-news .li .date1 .border{position: absolute; width: 0;height: 0;margin-top: 5px; border-top: 27px solid #333;border-left: 33px solid transparent;border-right:33px solid transparent;}

/*news-d*/
.c-news-d { margin-top:40px; padding:20px;}
.c-news-d h1 { text-align:center ; font-size:18px;}
.c-news-d .n-date { text-align:center ; font-size:12px; padding-bottom:20px; border-bottom:1px solid #eee;}
.c-news-d .next { margin-top:20px; border-top: 1px solid #eee; padding-top:15px;}
/*展会信息*/


/*产品展示*/
.c-product{position: relative;width: 100%;}
.c-product .li{position: relative;width: 100%;padding: 15px;box-sizing: border-box;margin-bottom: 50px;background-color: #fff;}
.c-product .data{float: left; width: 50%;padding: 40px 50px;box-sizing: border-box;}
.c-product .data h2{font-size: 24px;font-weight: 200;margin-bottom: 20px;}
.c-product .data p{font-size: 16px;line-height: 2;font-weight: 400;text-align: justify;letter-spacing: 1px;}
.c-product .data a{display: block;position: absolute;bottom: 50px;font-size: 16px;}
.c-product .data a:hover{color: #f08933;}
.c-product .data a i{margin-left: 20px;font-size: 22px;}
.c-product .li-img{float: left; width: 50%;border: 1px solid #ddd;box-sizing: border-box;}
.c-text2 table { border-bottom:1px solid #fff; border-left:1px solid #fff;}
.c-text2 td {border-top:1px solid #fff; border-right:1px solid #fff; padding-left:4px;}

/*人才招聘*/
.job-style{position: relative;width: 100%;height: 70px;background-color: #fff;line-height: 70px;}
.job-list{border-bottom: 2px solid #ddd;}
.job-style h4,.job-style p{float: left;width: 50%;padding-left: 80px;box-sizing: border-box;font-weight: bold;}
.job-style p{text-align: right;padding-right: 60px;color: #6badda;}
.job-list h4,.job-list p{font-size: 18px;}
.j-column .c-job{position: relative;width: 100%;overflow: hidden;}
.j-column .c-job .li{background-color: #f5f5f5;font-size: 16px;transition: background-color .5s;}
.j-column .c-job .li .nowrap{position: relative;border-bottom: 1px dashed #ddd;box-sizing: border-box;}
.j-column .c-job .li h4{;width: 100%;height: 70px;line-height: 70px;padding-left: 80px;box-sizing: border-box;}
.j-column .c-job .li span{cursor: pointer;padding-right: 60px;box-sizing: border-box; line-height:30px;}
.j-column .c-job .date1{height: 40px;line-height: 35px;font-size: 14px;}
.j-column .c-job .data{display: none;width: 100%;padding: 0 70px 30px;box-sizing: border-box; line-height: 1.5;font-size: 14px;}
.j-column .c-job .move{margin-bottom: 40px; line-height: 1.5;font-size: 14px;}
.text-c{color: #6badda!important;}
.j-column .c-job .data-open{display: block;background-color: #fff;}


/*展示介绍*/

/*Downloads*/
.download-row{position: relative;width: 100%;}
.download-row .cm-down{position: relative;margin-top: 50px;}
.download-row .cm-down .li{position: relative;float: left;width: 32%; height: 120px;padding: 15px 20px; margin-right: 2%;margin-bottom: 30px; overflow: hidden;background-color: #fff; border: 1px solid #ddd;box-sizing: border-box;}
.download-row .cm-down .li:nth-of-type(3n){margin-right: 0;}
.download-row .cm-down .li-left{float: left;width: 15%;height: 90px;line-height: 110px; text-align: left; }
.download-row .cm-down .li-right{position: relative;float: left;width: 85%;height: 90px;}
.download-row .li .title{font-size: 15px;color: #262626;line-height: 30px;margin-bottom: 5px;}
.download-row .li .file{line-height: 2;font-size: 13px;color: #6d6d6d;letter-spacing: 1px;}
.download-row .li .border{position: absolute;display: block;right: 0;bottom: 0;margin: 0 -20px -15px 0;
	background-color: #fff;
	border-bottom:60px solid #000;border-left: 60px solid transparent;
}
.download-row .li a {display: block;position: absolute;right:0;bottom: 0;margin: 0 -15px -10px 0;color: #fff;}

/*footer*/
.j-footer{position: relative; background:#606060; padding-top:20px; color:#efefef; font-size:12px;}
.j-footer .f-t{position: relative;width: 100%;min-height: 200px;margin-top: 10px;}
.f-t dl{float: left;width: 220px;height: auto;}
.f-t dl dt{padding-left: 10px;margin: 15px 0; border-left: 2px solid #efefef;font-size: 14px;}
.f-t dl dd{padding-left: 10px;line-height: 2;}
.f-t .f-t-r{width: 215px;float: right;padding: 10px 0;}
.j-footer .f-b {position: relative;width:100%;padding: 10px;box-sizing: border-box;}
.f-b .f-b-t{float: left; width: 60%;}
.f-b .f-b-r{float: left; width: 40%;text-align: right;}
.f-b .f-b-r .f-b-r-r{float: right;font-size: 22px;}
.f-b .fa-phone{float: right;width:50px;height: auto;padding-right: 5px; font-size: 40px;transform: rotate(25deg);}
.f-b .r-p{font-size: 24px;letter-spacing: 2px;}

/*后台内容*/
.j-column .c-text { line-height:28px;}
.j-column .c-text .auto50{ width:1000px; margin:0 auto}
.j-column .c-text .auto50-t{ padding:60px 5%; box-sizing:border-box;height:251px; width:500px;background:#fff; }
.j-column .c-text .auto50-left { float:left; width:500px;}
.j-column .c-text .auto50-right { float:right; width:500px;}
.j-column .c-text .auto50-2{ float:left; width:500px; padding-left:50px;}
.j-column .c-text .auto50-3{padding-left:50px;}
.j-column .c-text .auto50-2:nth-of-type(2n){width:450px;}
.j-column .c-text1 { width:1100px; margin-top:30px;}
 .h-prot .slick-arrow{position:absolute;left:-30px;top:43%;z-index:99;margin-top:-2em;cursor:pointer;}
 .h-prot .slick-arrow:before{font-size:4em;color:#ddd;}
 .h-prot .slick-next{left:auto;right:-30px;}

/*浮动客服*/
#floatDivBoxs{width:180px;background:#fff;position:fixed;top:100px;right:0px;z-index:999;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#f08326;color:#fff;font-size:18px;text-indent:22px;position:relative;}
#floatDivBoxs .floatDqq{padding:0 14px;}
#floatDivBoxs .floatDqq li{height:45px;line-height:45px;font-size:15px;border-bottom:1px solid #e3e3e3; text-align:right;padding: 20px 0}
#floatDivBoxs .floatDqq li img{ float:left; margin-top:7px;}
#floatDivBoxs .floatDtxt{font-size:18px;color:#333;padding:12px 14px;}
#floatDivBoxs .floatDtel{padding:0 0 15px 10px;}
#floatDivBoxs .floatImg{text-align:center;padding:10px;background:#EBEBEB;}
#floatDivBoxs .floatImg img{ margin-bottom:5px;}
#floatDivBoxs .floatDtel img{display:block;}
#floatDivBoxs .floatDbg{width:100%;height:20px;background:url(../images/online_botbg.jpg) no-repeat;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
.floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
#rightArrow{width:50px;height:45px;background:url(../images/online_arrow.jpg) no-repeat;position:fixed;top:100px;right:180px;z-index:999;background-position:0 0}
#rightArrow a{display:block;height:45px;}