* { padding: 0px; margin: 0px; box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,textarea,img{border:0;margin:0;padding:0;}
body{margin:auto;}
/** 设置默认字体 **/
body,textarea,input,button,select,keygen,legend{font-size:14px;font-family:"微软雅黑", Arial,"黑体",'宋体' Arial,Helvetica, sans-serif; color:#666;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
em{font-style:normal;}
/** 重置列表元素 **/
ul,li,ol {list-style:none;}
/** 重置超链接元素 **/
a{text-decoration:none;color:#666;}
a:hover{color:#0075e2; text-decoration:none; -webkit-transition:.3s; transition:.3s;}
/** 重置图片元素 **/
.fl{float:left;} 
.fr{float:right;}
img{ border:none;vertical-align: top;}
/** 重置表格元素 **/
table{border-collapse:collapse;}
.clear:after{ 
    content: '';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.clear{ /*兼容 IE*/
    zoom: 1;
}
.fix {zoom: 1; clear: both;}
.fix:before, .fix:after {display: table; clear: both;content: '';}

.top_bg{width:100%; margin:auto; background:#fff; position:fixed; top:0; left:0; right:0; z-index:9999;}
.topbox{padding:0.7% 0; overflow: hidden;}
.w1200{width:1200px; margin:0 auto;}
.logo{float:left; margin-top:1.2%;}
.logo_wz{float:left; background:url(../images/logo_fgx.jpg) repeat-y left center; padding-left:2%; font-size:30px; line-height:28px; margin: 1% 0% 0 2%;}
.logo_wz .wzi{color:#333; font-weight: 600}
.logo_wz p{color:#555; font-size: 18px; margin-top:8px;}
.top_right{float: right}
.top_tel{float:right; background:url(../images/top_tel_tb.png) no-repeat left center; padding-left:6%; font-size: 18px; margin-top: 2%;}
.top_tel .tzi{font-size:24px; font-weight:bold; color:#e30000;}
.top_emli{float:right; padding-left:40px; font-size:18px; width:11%}
.top_emli img{width: 100%;}
.top_emli a{color:#fd8b2e; font-weight:bold; line-height:30px;}
.top_emli a:hover{color:#0081cd;}

/* navMenu */
.navMenubox{width:100%; height:auto; background:#00a1e9; position:relative;}
.navMenu{width: 100%; height: auto;}
.navMenu ul {height: auto;}
.navMenu li{float:left; position:relative; line-height:55px; height:auto; font-size:16px; width:14.258%; text-align:center;}
.navMenu li a{color:#fff; text-transform:uppercase; display:block; position:relative;}
.navMenu li a:after{content:'';display:block; width:8px; height:7px; position:absolute;left:50%; bottom:0; margin-left:-4px; -webkit-transition:all .3s; transition:all .3s; -webkit-transform:scaleX(0); transform:scaleX(0);}
.navMenu li:hover a:after,.navMenu li.on>a:after{-webkit-transform:scaleX(1);transform:scaleX(1);}
.navMenu li a:hover,.navMenu li.on>a{background:#e30000; color:#fff;}
.navMenu li{position:relative;}
.navMenu li .sub-menu{position:absolute; left:0%; top:55px; z-index:3; display:none; background:#fff; width:100%; box-shadow:0 5px 10px #333;}
.navMenu li .sub-menu li{background:none; margin:0; padding:0; position:relative; border-bottom:1px solid #e6e6e6; text-align:center; width: 100%;}
.navMenu li .sub-menu li:last-of-type{border-bottom:none;}
.navMenu li .sub-menu li a{display:block; font-size:14px; line-height:35px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color: #333}
.navMenu li .sub-menu li a.active,.navMenu li .sub-menu li a:hover,.navMenu li .sub-menu li.active a{background:#c23038; color:#fff;}

.top_rlg{float:right; margin:40px 0 0 0; background:url(../images/top_rlgtb.jpg) no-repeat left center; padding-left:30px; font-size:14px; line-height:30px; position:relative;}
/*language*/
.top_rlg .Hlang-box{width:130px; box-shadow:1px 1px 10px #333; background:#fff; position:absolute; top:30px; left:-15px; display:none; border-radius:5px; z-index:9999;}
.top_rlg:hover .Hlang-box{display:block;}
.top_rlg .Hlang-box a{display:block; padding:5px 10px 5px 50px; line-height:24px; background-repeat:no-repeat !important;background-position:15px center !important; color:#666;}
.top_rlg .Hlang-box a:hover{color:#fff;background:#0081cd;}
.top_rlg .Hlang-box a.cn{background-image:url(../images/lg_cn.jpg); background-size:27px 19px;}
.top_rlg .Hlang-box a.en{background-image:url(../images/lg_en.jpg); background-size:27px 19px;}

.Hsrch{width:55px; height:55px; float:right; background:#333;}
.Hsrch-menu{display:block; width:20px; height:21px; margin:18px 0 0 18px; background:url(../images/fdj.png) no-repeat center center / cover;}
.Hsrch-box{width:100%; height:60px; background:#fff; border-top:1px solid #ddd; position:absolute; top:0px; left:0px; display:none; z-index:1002;}
.Hsrch-block{width:61% !important; height:32px; margin:15px auto 0;}
.Hsrch-block .btn{width:24px;height:32px;background:url(../images/icon-Hsrch2.png) no-repeat center center;float:left;}
.Hsrch-block .close{display:block;width:24px;height:32px;background:url(../images/icon-close2.png) no-repeat center center;float:right;}
.Hsrch-block .text{width:90%;height:32px;font-size:14px;float:left;margin:0 0 0 20px;}
.Hsrch-block .text::-webkit-input-placeholder{color:#6f6f6f;}
.Hlang:hover .Hlang-box{display:block;}

.sp_header,.sjj_nav{display: none}

/*banner*/
.banner{ width:100%; overflow:hidden; position:relative; margin-top:172px;}
.banner *{ box-sizing:content-box;}
.banner ul{ position:relative; width:10000%;}
.banner ul li{ float:left; width:1%; overflow:hidden;}
.banner ul li a{ display:block;}
.banner ul li img{display:block; width:1920px; position:relative; left:50%; margin-left:-960px;}
.bandd{ position:absolute; left:0; bottom:5%; width:100%; text-align:center; z-index:5;}
.bandd span{z-index:2;cursor:pointer;margin-right:5px;display:inline-block;width:12px;height:12px;zoom:1;border-radius:100%;border:0px solid #888;position:relative;-webkit-transition:.3s;transition:.3s;}
.bandd span:after{content:"";position:absolute;width:12px;height:12px;background:#888;top:2px;left:2px;border-radius:100%}
.bandd span.on,.bandd span:hover{border:0px solid #fff;transform:scale(1.1)}
.bandd span.on:after{background:#fff}
.banz,.bany{ position:absolute; top:50%; margin-top:-25px;width:50px; height:50px; opacity:0; transition:0.3s; cursor:pointer; z-index:5;}
.banz{ left:5%; }
.bany{ right:5%; }
.banner:hover .banz,.banner:hover .bany{ opacity:1;}


.ipart1{padding:5% 0;}
.uk-grid{display: flex; flex-wrap: wrap; margin: 0; padding: 0; list-style: none;}
.uk-child-width-1-5\@s>*{width: 33.333%; text-align: center;}
.f16{font-size: 16px; line-height: 28px;}
.f24{font-size:18px; line-height: 35px;}
.ipart1 .isrv{padding-top:4%}
.ipart1 .isrv a i{display: block; width:125px; height: 125px; background: #f3f3f3 center top no-repeat; margin-left: auto; margin-right: auto; border-radius: 30px;}
.ipart1 .isrv a:nth-child(1) i{background-image: url(../images/ico_1.png);}
.ipart1 .isrv a:nth-child(2) i{background-image: url(../images/ico_2.png);}
.ipart1 .isrv a:nth-child(3) i{background-image: url(../images/ico_3.png);}
.ipart1 .isrv a:nth-child(4) i{background-image: url(../images/ico_4.png);}
.ipart1 .isrv a:nth-child(5) i{background-image: url(../images/ico_5.png);}
.ipart1 .isrv a div{padding:5% 10%; box-sizing: border-box;}
.ipart1 .isrv a:hover i{background-color: #00a1e9; background-position: bottom;}



.ipart04{background-color:#f7f7f7; padding:5% 0; position:relative;}
.fix {zoom: 1; clear: both;}
.fix:before, .fix:after {display: table; clear: both;content: '';}
.ipart04 .content{padding-bottom:4%;}
.ipart04 .content .content_l {width:45%;}
.ipart04 .content .content_l .tit{font-size:28px; font-weight: 600}
.ipart04 .content .content_l .line{width:58px; height:3px; margin:10px 0 25px 0; background-color:#00a1e9;}
.ipart04 .content .content_l .con{color: #666; font-size:14px; line-height:25px; height:auto; margin-bottom:25px; overflow:hidden; text-align:justify;}
.ipart04 .content .content_l .con2{color: #666; font-size:14px; line-height:25px; height:auto; margin-bottom:30px; overflow:hidden; text-align:justify;}

.ipart04 .content .content_l .btn{width:140px; height:50px; line-height:50px; box-sizing:border-box; color:#fff; background:#00a1e9; text-align: center; font-size: 16px; }
.ipart04 .content .content_l .btn a{color: #fff}
.ipart04 .content .content_l .btn:hover{}
.ipart04 .content .content_r {position:relative;}
.ipart04 .content .content_r:hover{cursor:pointer;}
.ipart04 .content .content_r .cover .play{background:url(../images/ipart04_3.png) no-repeat center; width:61px; height:61px; position:absolute; top:50%; left:50%; margin:-30px 0 0 -30px;}
.ipart04 .row_content{ overflow:hidden; margin:0 auto; background-color:#FFFFFF; padding:25px 0; box-shadow:0 0 15px 5px #eee; padding-left:2%; margin-bottom: -200px;box-sizing: border-box;}
.ipart04 ul{ }
.ipart04 li{width: 20%; float: left;}
.ipart04 li img{max-width:62px; width:23%; max-height:62px; height:50%; display:block; padding-left:16%;padding-top:3%}
.ipart04 .row .r{width:55%; height:100%; border-right:1px solid #f3f3f3; float: right;}
.ipart04 .row .r .num{font-size:30px; color: #555555}
.ipart04 .row .r .line{width:24px; height:3px; background-color:#2a3843; margin: 4px 0;}
.ipart04 .row .r .con{font-size:16px; color: #555555}
.row{transition:.2s width ease;*zoom:1}
.row:before,.row:after{display:table;clear:both;content:''}
.row>[class*="span-"]{float:left;margin-right:2%;*margin-right:1.89%}
.ipart04 .row .r .number{float: right;margin-top: -40px;margin-right:70px;font-size:18px;}
.ipart04 .row .r .number1{margin-right:70px;}
.ipart04 .row .r .number2{margin-right:30px;}
.rect-5692 img{width: 100%}

/*数据*/
.index-data{transform: translate(0%, -30%); margin-top: 0px}
.index-data ul{display: flex;background: #fff;box-shadow: 0 0 15px 5px #eee;}
.index-data ul li{position: relative;padding: 2rem 1rem;width: 100%;text-align: center;}
.index-data ul li:before{content: "";position: absolute;z-index: 1;top: 50%;left: 0%;width: 1px;height: 40%;background-color: #ccc;transform: translate(0%, -50%);transition: all .4s;}
.index-data span{display: block;width: 100%;font-size:3rem;line-height: 3rem;color: #00a1e9;}
.index-data .data{display: inline-block;margin-bottom: 0.5rem;margin-right: 0.5rem;font-size: 2.5rem;line-height: 2.5rem;color: #00a1e9;font-weight: 600;}
.index-data small{font-size: 14px;color: #00a1e9;position: absolute;}
.index-data p{margin-bottom: 0px;color: #666;}
.index-data ul li:hover span{color: #e30000;-webkit-filter:brightness(100);
	transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);}


.inworkshop{overflow: hidden; padding-bottom: 5%;}
.inworkshop ul{margin-right: -1%;}
.inworkshop li{width: 24%; float: left; margin-right: 1%;}
.inworkshop li img{width: 100%;}





/* 产品推荐 */

.infor{text-align:center; padding-bottom:3%;}
.infor .tit{font-size:36px; color: #333; font-weight: 600}
.infor .line{width:58px; height:3px; background-color:#00a1e9; display:inline-block; margin-top:0.5%;}z

.infors{text-align:center; padding:3% 0; margin:auto;}
.infors .tit{font-size:36px; color: #fff; font-weight: 600;text-align:center; }
.infors .line{width:58px; height:3px; background-color:#00a1e9; margin:0.5% auto 0;text-align:center; }


.cptj{width: 100%;background: #f1f1f1;padding:4% 0 ;}
.cptj-left{width: 22%;float: left;}
.cptj-left-top{padding:15px;background: #00a1e9;height: auto; box-sizing: border-box;}
.cptj-left-top .bt a{color: #fff;font-size: 24px;background: url(../images/dzzx.png) no-repeat right ;display: block;}
.cptj-left-top .bt a i{color: #fff;font-weight: normal; font-style: normal;}
.cptj-left-top p{color: #fff;font-size: 14px;margin-top: 0px;}

.cptj-left dl{width: 100%;background: #fff;padding-bottom:10px;border-left: 1px solid #dddddd;border-right: 1px solid #dddddd;}
.cptj-left dl dt{background: #ebebeb;width: 100%;overflow: hidden;position: relative;text-indent: 66px;}
.cptj-left dl dt img{position: absolute;left: 26px;top:16px;display: block;width: 18px;height: 18px;}
.cptj-left dl dt a{display: block;line-height:50px;color: #666;font-weight: 600;font-size: 18px;}
.cptj-left dl dd{overflow: hidden;border-left: 1px solid #f1f1f1;margin:10px 20px;}
.cptj-left dl dd a{display: block;color: #666;text-indent: 33px;font-size: 14px;margin-top:10px;overflow: hidden;height: auto;padding-right: 10px;}
.cptj-left dl dd a:first-child{margin-top: 0;}
.cptj-left dl dd a:hover{font-weight: bold;color: #00a1e9;border-left: 1px solid #e60012;}
.cptj-left .zbbox{padding:3%;background: #00a1e9;text-align: center;font-family: "AGENCYR"; box-sizing: border-box;}
.cptj-left .zbbox p{color: #fff;}
.cptj-left .zbbox p.p01{color: #fff;font-size: 20px;margin-top: 3%;;}
.cptj-left .zbbox p.p02{color: #fff;font-size:18px;margin-top: 8px;font-family: "AGENCYR"; font-weight: 600}
.cptj-left .zbbox p.p03{color: #00672d;font-size: 24px;margin-top:7px;font-family: "AGENCYR";}

.tels{background: #2b3843; padding: 26px 0; box-sizing: border-box; overflow: hidden;}
.tels_left{margin: 0 11px;}
.tels_left{font-size:18px;color: #fff;background: url(../images/pro_tel.png) no-repeat left center;padding-left:50px; font-weight: 600}
.tels_left span{display: block;margin-bottom: 5px;font-size: 14px;color:#fff; font-weight: normal;}



.cptj-right{width: 75%;float: right; overflow: hidden;}
.pro_r ul{ margin-right: -2%;}
.pro_r ul li { float: left; margin-right: 2%; margin-bottom: 2%; position: relative; width: 31.333%}
.pro_r ul li:hover .pro_li_hbg img{ position: absolute; bottom: 3%; display: block;}
.pro_r ul li a .pro_li_hbg img{padding: 2px; height: auto; display: none;  box-sizing: border-box;}
.pro_r ul li a img{ border:1px solid #dedede; padding: 2px; width: 100%; height: auto; box-sizing: border-box;}
.pro_r ul li a img:hover{ border:1px solid #006ec2;}
.pro_r ul li a p{ line-height:35px; text-align: center; font-size: 16px;}
.pro_r ul li a:hover p{ color: #006ec2;}
.pro_r ul li .pro_zixun{border:1px solid #dedede; border-radius: 25px; width: 240px; margin: 0 auto; line-height: 36px; overflow: hidden;}
.pro_r ul li .pro_zixun a.more{ width: 50%; text-align: center; float: left;}
.pro_r ul li .pro_zixun a.more:hover{ font-weight: bold; color: #006ec2;}
.pro_r ul li .pro_zixun a.zixun{ width: 49%; text-align: center; float: left; border-left:1px solid #dedede;}
.pro_r ul li .pro_zixun a.zixun:hover{ font-weight: bold; color: #006ec2;}


/* 首页应用领域部分 */
.in_yylybg{width:100%; height:auto; padding:5% 0; box-sizing: border-box;}
.in_title2{width:100%; margin:auto; text-align:center;}
.in_title2 h2{font-size:30px; line-height:30px; font-weight:bold; color:#fff;}
.in_title2 h2 a:hover,.in_title2 h2 span{color:#00a1e9; font-weight:bold;}
.in_title2 h2 a{color:#fff;}
.in_title2 h2::after{content:""; display:block; width:40px; height:3px; background:#00a1e9; display:block; margin:20px auto 0;}
.in_title2 p{font-size:16px; line-height:30px; margin-top:15px; color:#fff;}
.m_an{width:100%; float:left; margin-top:10px;}
.antab{float:left; width:33%;}
.antab dl{width:46%; height:156px; float:left; padding:14%; background:#e1e1e1; margin:0 3.4% 3.4% 0; position:relative; box-sizing: border-box;}
.antab dl:hover{background:#00a1e9; background:linear-gradient(90deg,rgba(0,161,233,1),rgba(0,161,233,1)); cursor:pointer;}
.antab dl:hover:after{content:""; position:absolute; right:-6px; top:52px; width:6px; height:10px; background:url(../images/san.png) no-repeat center;}
.antab dl dd{text-align:left;}
.antab dl dd .ybt{text-align:left; font-size:24px; font-weight:bold; line-height:24px; color:#000;}
.antab dl:hover dd .ybt,.antab dl:hover dd em{color:#fff;}
.antab dl dd span{display:block; font-size:20px; color:#333;}
.antab dl:hover dd span{font-weight:bold; color:#fff;}
.antab dl dd em{display:block; font-size:12px; color:#999; font-style:normal;}
.antab .more{width:46%; height:156px; float:left; padding:10%; background:#e1e1e1; position:relative; box-sizing: border-box;}
.antab .more:hover{background:#00a1e9; background:linear-gradient(90deg,rgba(0,161,233,1),rgba(0,161,233,1)); cursor:pointer;}
.antab .more:hover:after{content:""; position:absolute; right:-6px; top:52px; width:6px; height:10px; background:url(../images/san.png) no-repeat center;}
.antab .more span{width:30px; height:30px; display:block; background:url(../images/so8.png) no-repeat center;}
.antab .more:hover span{background:url(../images/so8h.png) no-repeat center;}
.antab .more .yybt{text-align:left; margin-top:10px; font-size:20px; line-height:24px; color:#000;}
.antab .more:hover .yybt{font-weight:bold; color:#fff;}
.antab .more em{display:block; font-size:12px; color:#999; font-style:normal;}
.antab .more:hover em{color:#fff;}

.anc{width:67%;float:right;}
.anc dl{position:relative;}
.anc dt{width:100%;}
.anc dt img{width:100%;display: block;}
.anc dd{width:100%; height:auto; background:rgba(0,0,0,.5); padding:13px 30px; position:absolute; left:0; bottom:0; box-sizing: border-box;}
.anc dd .rbt{width:85%; height:26px; line-height:26px; overflow:hidden; font-weight:normal; font-size:20px; color:#fff;}
.anc dd .rbt a{color:#fff;}
.anc dd p{width:80%; line-height:24px; margin-top:10px; color:#fff; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical;}
.anc dd p a{color:#fff;}
.anc dd .btn{width:115px; position:absolute; top:27px; right:30px;}
.anc dd .btn a{width:115px; height:40px; display:block; line-height:40px; text-align:center; background:#da131a; color:#fff;}
.anc dd .btn a:hover{background:#fff; color:#ffaf26;}



.adva_bg{ width:100%; height:auto; background:url(../images/y_bg.jpg) no-repeat center; margin:0 auto;}
.adva_t{ height:auto; margin: 0 auto;}

.adva_c{width:100%; height:auto; background:#e9e9e9;  padding:5% 0; box-sizing: content-box;}
.adva_ys{ margin:10px auto 0 auto;}
.adva_ys ul{ margin-right:-2%;}
.adva_ys li{ width:18%; height:490px; float:left; margin-right:2%; background: #fff;} 

.adva_ys .bg{ width:100%; margin:0 auto; position: relative;}
.adva_ys .tp1{height:auto;}
.adva_ys .tp1 img{width: 100%}
.adva_ys .szg{ width:100%; height:auto;  position:absolute;  }

.adva_ys li:hover .szbg {  border-color:#333333 #fe0000;  background:#00a1e9;}
.adva_ys .szbg{width:72px; height:72px; position:relative; top:-40px; background:#434343;  border-style:solid;
  border-color:#00a1e9 #231a15; border-radius:50%; margin:0 auto;
    /* background:color url x y repeat 图片来自百度图片，按需要更换 */
    /* background-size:auto auto || cover 代表以宽或高填满元素背景 */
    background-size:cover;
    /* 随便设置宽高值，测试 */
    width:72px;
    height:72px;
    /* 设置默认样式，开启3d硬件加速 */
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    /* 设置动画，animation:动画名称 动画播放时长单位秒或微秒 动画播放的速度曲线linear为匀速 动画播放次数infinite为循环播放; */
    -webkit-animation:play 5s linear infinite;
    -moz-animation:play 5s linear infinite;
    animation:play 5s linear infinite;
}
@-webkit-keyframes play{
    0%  {
        /*
        水平翻转
      
        -webkit-transform:rotateY(0deg);
		  */
        /*
        垂直翻转
        -webkit-transform:rotateX(0deg);
       
        逆时针旋转
        -webkit-transform:rotate(0deg);
		 顺时针旋转
      
        */
		  -webkit-transform:rotate(360deg);
    }
	
    100% {
        /* 水平翻转 
        -webkit-transform:rotateY(360deg);
		*/
        /* 垂直翻转
        -webkit-transform:rotateX(360deg);
     
        逆时针旋转
        -webkit-transform:rotate(-360deg);
		   顺时针旋转
        */
		-webkit-transform:rotate(360deg);
    }
}
@-moz-keyframes play{
    0%  {  /*
        -moz-transform:rotateY(0deg);
      
        -moz-transform:rotateX(0deg);
        -moz-transform:rotate(0deg);
       
        */
		 -moz-transform:rotate(0deg);
    }
    100% {   /*
        -moz-transform:rotateY(360deg);
     
        -moz-transform:rotateX(360deg);
        -moz-transform:rotate(360deg);
       
        */
		 -moz-transform:rotate(-360deg);
    }
}
@keyframes play{
    0%  {
		 /*
        transform:rotateY(0deg);
       
        transform:rotateX(0deg);
        transform:rotate(0deg);
       
        */
		 transform:rotate(0deg);
    }
    100% {
		/*
        transform:rotateY(360deg);
        
        transform:rotateX(360deg);
        transform:rotate(360deg);
        
        */
		transform:rotate(-360deg);
    }
}
.adva_ys .sz{position:relative; top:-90px; width:72px;text-align:center;margin:0 auto;}


.adva_ys .wz{height:260px; padding-top:22%;  font-size:13px; color:#666; text-align:center; line-height:23px; margin:0 auto;}
.adva_ys .wz span{ font-size:20px; color:#222; display:block;}
.adva_ys .wz b{width:175px; text-align:center;display:block; margin:0 auto;   font-weight:normal;}
.adva_ys .wz img{ margin:8px 0px;}



/* 应用领域 */
.sy_title{ text-align:center; margin-bottom:2.5rem}
.sy_title .bbt{ font-size:2.125rem; color:#3a3a3a; font-weight:bold}
.sy_title h5{ font-size:18px; color:#3a3a3a; margin:10px 0 10px}
.sy_title h6{font-size:12px;color:#3a3a3a;opacity:0.61;text-transform:uppercase;transform: scale(0.9);}

.whonytitles{text-align: center; color: #fff; line-height:40px; font-size:18px; letter-spacing: 2px; padding:2%;}
.whonytitles span{color: #fff; font-size: 22px}
.whonytitles em{color:#fff;  font-size:42px}


.trade-content{margin-top:0px; padding:0px; }
.trade-black{background: url(../images/index-t-bg.jpg) repeat; background-size: cover; padding:5% 0 0; box-sizing: border-box;}

.trade-box {position: relative;transition: all .3s ease;}
.trade-box-list {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    justify-content: space-between;
    align-items: center;
}
.trade-box-item {
    flex-shrink: 0;
    width: 25%;
    text-align: center;
    position: relative;
    height: 400px;
    background: no-repeat center;
    background-size: 100% auto;
}

.trade-content .trade-box-item:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
}

.trade-box-item a {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}


.item-logo {
    margin: 0 auto;
    display: block;
}

.trade-content .trade-box-item .item-logo {
    position: relative;
    margin-top: 25%;
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
}

.item-logo img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

.item-title {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    padding: 2% 0;
    position: relative;
}

.trade-content .item-title:before {
    content: "";
    position: relative;
    display: block;
    width: 20px;
    border-bottom: 2px solid #fff;
    margin: 0 auto 2%;
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
}

.item-text {
    position: relative;
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
    opacity: 0;
    margin-top: 10px;padding:0 3%;
}

.item-text p {color: #fff;font-size: 14px; line-height:24px;margin-bottom: 5px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.item-text span {
	display: inline-block;
	width: 130px;
	line-height: 40px;
	background: #f8f8f8;
	font-size: 14px;
	color: #2379C3;
	border-radius: 25px;
	margin-top:20px;

}

.item-text span:before {
	content: '';
	display: block;
	width: 70px;
	height: 1px;
	background-color: #333;
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all 350ms ease;
	transition: all 350ms ease;
}

.item-text span:after {
	content: ">";
	font-family: simsun;
	font-size: 19px;
	color: #333;
	speak: none;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	opacity: 0;
	position: absolute;
	top: 50%;
	margin-top: -10px;
	right: 20px;
	text-indent: 0;
	-webkit-transition: all 350ms ease;
	transition: all 350ms ease;
}

.item-text span font {
	position: relative;
	transition: 0.6s
}


.trade-content .item01 {
    /*background-image: url(../images/icon-at01.jpg);*/
}

.trade-content .item02 {
    /*background-image: url(../images/icon-at02.jpg);*/
}

.trade-content .item03 {
    /*background-image: url(../images/icon-at03.jpg);*/
}

.trade-content .item04 {
    /*background-image: url(../images/icon-at04.jpg);*/
}

.trade-content .item05 {
    /*background-image: url(../images/icon-at05.jpg);*/
}

.trade-content .trade-box-item:hover .item-text {
    display: block;
    opacity: 1;
    margin-top: 0;
}

.trade-content .trade-box-item:hover:before {
}

.trade-content .trade-box-item:hover .item-logo {
    margin-top: 80px;
}

.trade-content .trade-box-item:hover .item-title:before {
    opacity: 0;
    margin-bottom: 0;
}



/*首页技术*/
.index-technology{height: 700px;background: url(../images/index-t-bg.jpg) center no-repeat;background-size: cover;color: #fff;}
.index-technology .w1200{display: flex;min-height: 100%;}
.index-t-info{width: 32%;min-height: 100%;padding: 8vh 5% 8vh 0;}
.index-t-info .tab-content{margin-top: 4vh;}
.index-t-info .index-t-title{margin-bottom: 0.5rem;font-size: 1.5rem;line-height: 2em;}
.index-t-info pre{margin-bottom: 3vh;font-size: 1rem;line-height: 1.75em;color: #fff;height: 8.75em;display: block;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.index-t-info a.more{color: #fff;font-size: 1rem;line-height: 2.5rem;}
.index-t-info a.more:hover{color: #e41418;transition: all .4s;}
.index-t-info a.more span{display: inline-block;vertical-align: middle;margin-right: 0.5rem;width: 2.5rem;height: 2.5rem;line-height: 2.5rem;font-size: 1.125rem;color: #fff;text-align: center;border-radius: 50%;border: 1px solid rgba(255,255,255,0.6);transition: border .4s, background .4s;}
.index-t-info a.more:hover span{border: 1px solid rgba(228,20,24,0.8);background: rgba(228,20,24,0.8);}
.index-t-nav{width: 68%;}
.index-t-nav .nav{min-height: 100%;flex-wrap: nowrap;}
.index-t-nav .nav li{width: 100%;}
.index-t-nav .nav li a{display: block;height: 100%;padding: 10%;border-right: 1px solid rgba(255,255,255,0.2);}
.index-t-nav .nav li:first-child a{border-left: 1px solid rgba(255,255,255,0.2);}
.index-t-nav .nav li a.active{border-right: 1px solid rgba(228,20,24,0.8);background: rgba(228,20,24,0.8);}
.index-t-nav .nav li span{display: block;margin-bottom: 1rem;font-size: 3.5rem;}
.index-t-nav .nav li p{font-size: 1.25rem;}


.news{padding-bottom:0px;overflow:hidden;font-size:12px; background: #fff; box-sizing: border-box; padding: 5% 0}
.newsL{width:55%;overflow:hidden;float: left;}
.nTie{height:auto;border-bottom:1px solid #dadada;margin-bottom:4%;color:#151515;font-size:24px;}
.nTie a{color:#151515;display:inline-block;height:45px;margin-right:30px;}
.nTie i{font-size:14px;color:#bdbdbd;margin-left:5px;font-style:normal;font-weight:normal;}
.nTie .m.on,.faq .nTie .m{color:#00a1e9;border-bottom:1px solid #00a1e9;}
.nTie .more{float:right;font-size:13px;margin-right:0;font-weight:normal;color:#555;padding-left:20px;}
.nTie .more:hover{color:#00a1e9;}

.newsMain,.newsBox{height:auto;overflow:hidden;}
.newsPic{float: left;width: 43%;}
.newsPic .pImgs{display: block;width:100%;height:auto;overflow: hidden;margin-bottom:15px;} 
.newsPic .pImgs img{width:100%;height:auto;transition:all .5s;}
.newsPic .nwz{font-size:18px;color:#333;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;;margin-bottom:10px;}
.newsPic:hover img{transform: scale(1.1);}
.newsPic:hover .nwz{color:#00a1e9;}
.newsPic p{color:#777;line-height: 21px}
.newsLi{width:55%; float: right;}
.newsLi li{border-bottom: 1px solid #e8e8e8;line-height:45px;background: url('../images/ly_li.png') no-repeat left center;padding-left:15px;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.newsLi li span{float:right;color:#999;}

.newsr{width: 43%; height: auto; float: right;}
.widget_titlebg{margin-bottom: 20px; margin-left: 15px;}
.widget_title{padding-bottom: 12px;font-size: 26px;line-height: 24px;position: relative;text-transform: uppercase; color: #333; font-weight: 600}
.widget_titleen{padding-bottom: 8px;font-size: 16px;line-height: 24px;position: relative;text-transform: uppercase; color: #333;}
.widget_title_line{background:#00a1e9;width: 35px;height: 2px;}
.fot_form2{margin-top:10px;}
.fot_form2 form{ }
.fot_form2 .text{display:block;margin-bottom:15px;margin-left:15px;padding:0 10px;width:100%;height:44px;border:1px solid #b0b0b0;background:none;color:#999;font-size:14px;line-height:44px;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F222226', endColorstr='#7F222226');border-radius: 5px;box-sizing: border-box;}
.fot_form2 .md{ float:left;}
textarea{ resize:none;}
.fot_form2 textarea{ margin-left:15px; width:100%; height: 141px; border:1px solid #b0b0b0; color:#999; font-size:14px; line-height:44px; padding-left:8px; resize:none;background:none;  filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F222226', endColorstr='#7F222226'); font-family:"微软雅黑";border-radius: 5px; box-sizing: border-box;}
.fot_form2 .submit { margin-left:15px; margin-top:20px; width:24%; height: 46px; border:none; line-height:46px;background: url(../images/c_butter.png) no-repeat center; color:#fff; text-align:center; font-size:15px;border-radius: 5px;}
.fot_form2 .submit a{ display:block; color:#fff; }
.fot_form2 .submit:hover{  background: #00a1e9;}

/*友情链接*/
.foorterLink{background-color: #efefef;padding: 20px 0;}
.foorterLink span{color: #333333;font-size: 14px;}
.foorterLink a{font-size: 14px;color: #666666;padding: 0 15px;border-right: 1px solid #b7b7b7;transition: all .5s;}
.foorterLink a:hover{color: #b52d23}
.foorterLink a:last-child{border-right: 0;}



/*底部*/
.footer-content{background-color: #333333;}
.footer-top{padding:4% 0; }
.ft-left{float: left; width: 84%;}
.ft-box{float: left; width: 13%; margin-right: 4%;}
.ft-box-container .ft-box:first-child{margin-left: 0;}
.ft-title{font-size: 16px; color: #fff; line-height: 24px; padding-bottom: 8px; border-bottom: 1px solid #454545;}
.ft-ul{list-style: none; margin-top: 8px;}
.ft-ul li{/*margin-top: 12px;*/}
.ft-ul li a{display: inline-block; font-size: 14px; color: #fff; line-height: 30px; opacity: 0.7; filter:alpha(opacity=70);}
.ft-ul li a:hover{opacity: 1; filter:alpha(opacity=100);}
.ft-box-contact{width: 44%;}
.ft-box-contact .ft-title{width: 150px;}
.ft-box-p{font-size: 14px; opacity: 0.7; filter:alpha(opacity=70); color: #fff; line-height: 30px; margin-top: 8px;}
.ft-right{float: right; width: 16%;}
.ft-input-box{position: relative; overflow: hidden; border-radius: 40px; border: 1px solid #444444; margin-top: 10px;}
.ft-input1{height: 32px; width: 220px; padding: 0 24px; color: #fff; background: none; border: none;}
.ft-verf{position: absolute; top: 0; right: 0;}
.ft-input-choose{margin-top: 10px;}
.ft-checkbox{float: left; margin-left: 6px;}
.ft-input-choose p{float: left; width: 300px; color: #8e8e8e; line-height: 14px; margin-left: 10px;}
.ft-input-choose p a{color: #35bbc3;}
.ft-submit{display: block; height: 40px; font-size: 16px; color: #fff; width: 100%; background-color: #b1b1b1; border: none; border-radius: 40px; margin-top: 12px; cursor: pointer;}
.ft-submit:hover{background-color: #35bbc3;}
.ft-share{text-align: center; margin-top: 40px;}
.ft-share a{margin: 0 10px;}
.footWx{width: 100%; overflow: hidden; text-align: center; margin-top: 15px;}
.footWx ul{margin-right:-0%;}
.footWx li{width: 100%; margin-right:0%; height: auto; float: left;}
.footWx li span{font-size: 12px; text-align: center; line-height: 30px; color:#fff;opacity: 0.7; filter:alpha(opacity=70);}
.footWx li img{display: block; max-width: 100%; margin: auto; clear: both;}
.footer-copyright{color: #6e6e6e; font-size: 14px; line-height: 24px; border-top: 1px solid #454545; padding: 20px 0;}
.footer-copyright a{color: #6e6e6e; font-size: 14px; line-height: 24px;}
.footer-copyright a:hover{color: #fff;}
.fcpl{float: left; width: 40%;}
.fcpr{float: right; width: 40%; text-align: right;}
/*底部*/





/*内页代码*/
.cx-banner-01{position: relative;width:100%;height:420px;background-repeat:no-repeat;background-position:center;clear:both; margin-top: 170px;}
.cx-banner-01 .text{padding: 0 2%;position: absolute;bottom: 0;left:50%;width: 1200px;height: 55px;text-align: left;line-height: 55px;transform: translate(-50%,0);background: rgba(0,0,0,.6);color: #fff;}
.cx-banner-01 .crumbs{font-size:15px;display: inline-block;color:#fff;}
.cx-banner-01 .crumbs a{color:#fff;}
.cx-banner-01 .crumbs a:after{display:inline-block;margin:0 8px;font-family:"iconfont";content:">";}
.cx-banner-01 .crumbs a:last-child:after{display:none;}
.cx-banner-01 .crumbs a:hover{text-decoration:underline;}

/*--cx-menu-01--*/
.cx-menu-01{position:relative;z-index:9;margin:-5px auto 0;max-width:1200px;height:85px;line-height:75px;overflow:hidden;border-top:#e30000 solid 7px;}
.cx-menu-01 .list{overflow:hidden;}
.cx-menu-01 .list ul{display: flex;}
.cx-menu-01 .list li{flex: 1;height:75px;font-size:16px;text-align:center;position: relative;}
.cx-menu-01 .list li:after{display:none;position:absolute;left:50%;bottom:2px;margin-left:-5px;width:10px;height:10px;font-size:16px;content:"";background:#00a1e9;transform:rotate(-45deg);}
.cx-menu-01 .list li a{display:block;height:68px;color:#333;border-right:#ccc solid 1px;background:#f7f7f7;}
.cx-menu-01 .list li:last-child a{border-right:none;}
.cx-menu-01 .list li.cur a,.cx-menu-01 .list li:hover a{color:#fff;background:#00a1e9;}
.cx-menu-01 .list li.cur:after,.cx-menu-01 .list li:hover:after{display:block;}


.aboutBox1{width: 100%; height: auto; overflow: hidden; padding: 5% 0; box-sizing: border-box;}
.aboutBox_l{width:45%;height:auto; margin-top: 0px}
.hTitle{font-size:1rem;margin-bottom:40px;position: relative; color: #565656;}
.hTitle span{display: block;font-size:32px;color:#191919; font-weight: 600}
.aboutBox_l .hTitle{position:relative;padding-bottom:4%;margin-bottom:4%;}
.aboutBox_l .hTitle::after{content:"";position:absolute;left:0;bottom:0;width:64px;height:3px;background:#00a1e9;}
.aboutBox_l .txt{height:160px;margin-bottom:10px;line-height:1.6;}
.aboutBox1 .font{overflow-y:auto;height:auto;margin-bottom:0; color: #565656; font-size: 16px; line-height: 30px;}
.aboutBox_r{height:auto;display:block;width:50%;border-radius:10px 10px 0 0;overflow:hidden;}
.aboutBox_r .bgImg{animation:scale 30s infinite;}
.aboutBox_num{display: -webkit-flex;display:flex;-webkit-justify-content: space-between;justify-content: space-between;flex-flow: row wrap-reverse;}
.aboutBox_num li{float:left;color:#191919; font-size: 14px;}
.aboutBox_num li span{color:#00a1e9;font-size:26px;position:relative;font-family:Arial;font-weight:bold;line-height:1.2;}
.bgImg{background-position:center;background-size:cover;position:relative;transition:all 0.5s;display:block;width:100%;height:100%;}


.nyabout{width: 100%; height: auto; overflow: hidden; margin:5% 0; }
.AutoTitle{ text-align:center; padding:0px; }
.btitle{ font-size:32px; line-height:45px; color:#333333; font-weight:bold; text-transform: uppercase;}
.btitle span{color:#00a1e9; }
.btitle::after{ content:""; display:block; height:2px; width:40px; background:#00a1e9; margin:4px auto 0; }

.AutoTitle2{ text-align:center; padding:0px; }
.btitle2{ font-size:32px; line-height:45px; color:#fff; font-weight:bold; text-transform: uppercase;}
.btitle2 span{color:#fff; }
.btitle2::after{ content:""; display:block; height:2px; width:40px; background:#fff; margin:4px auto 0; }


/*愿景使命*/
.com-vision{padding:110px 0 50px 0;color:#fff;background:url(../images/comVision-bg.jpg) no-repeat center center / cover; overflow: hidden;}
.comVision-list{}
.comVision-list li{padding:0 2.5%;width:25%;text-align:center;float:left;margin:40px 0 0;}
.comVision-list .comVision-icon{display:block;width:130px;height:130px;line-height:128px;font-size:0px;border:1px solid rgba(255,255,255,.3);border-radius:100%;position:relative;margin:0 auto;}
.comVision-icon img{width:100%;height:100%;position:relative;z-index:2;}
.comVision-list li .name{line-height:35px;font-size:20px;margin:27px 0 0;}
.comVision-list li .con{line-height:24px;margin:10px 0 0;}
.comVision-icon .icon{display:block;width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:2;}
.comVision-icon .icon.icon1{background:url(../images/comVision-1.png) no-repeat center center / cover;}
.comVision-icon .icon.icon2{background:url(../images/comVision-2.png) no-repeat center center / cover;}
.comVision-icon .icon.icon3{background:url(../images/comVision-3.png) no-repeat center center / cover;}
.comVision-icon .icon.icon4{background:url(../images/comVision-4.png) no-repeat center center / cover;}
.comVision-icon .red-bak{position: absolute;width: 100%;height: 100%;top:0px;left: 0px;border-radius: 100%;background:#fff;opacity:0;}
.comVision-list li:hover .comVision-icon{border:1px solid rgba(255,255,255,0)}
.comVision-list li:hover .comVision-icon .red-bak{-webkit-animation:flipInY2 1s .2s ease both; -moz-animation:flipInY2 1s .2s ease both;opacity:1;}
.comVision-list li:hover .comVision-icon .icon.icon1{background-image:url(../images/comVision-1-2.png);}
.comVision-list li:hover .comVision-icon .icon.icon2{background-image:url(../images/comVision-2-2.png);}
.comVision-list li:hover .comVision-icon .icon.icon3{background-image:url(../images/comVision-3-2.png);}
.comVision-list li:hover .comVision-icon .icon.icon4{background-image:url(../images/comVision-4-2.png);}


.inhonor2bg{padding: 110px 0 50px 0; overflow: hidden; background: #efefef}
.Title2{height: auto;text-align: center;}
.Title2 .title2{font-size: 32px;color: #333333;font-weight: bold;line-height: 2;}

.Title2 .title2 span{color: #00a1e9;}
.Title2 .title2 .line2{display: inline-block;width: 28px;height: 1px;position: relative;top:-10px;margin: 0 10px;background: #888888;}
.Title2 .text2{font-size:16px;color: #666666;line-height: 1.5;padding: 0 15px}
.ny_gy_zs{margin-top: 20px;}
.ny_al_bg{padding: 50px 70px 0; position:relative; box-sizing: border-box;}
.ny_al{overflow:hidden;}
.ny_al ul{ width:10000%; position:relative;}
.ny_al ul li{ float:left; width:0.232%; margin-right:0.02%;box-sizing:border-box; text-align: center; box-sizing: border-box; display:table; }
.ny_al ul li:hover{ }
.ny_al ul li a{display:table-cell; vertical-align:middle;}
.ny_al ul li img{ display:block; box-sizing:border-box; width:100%;border: 5px #ddd solid;transition: all 0.5s;}
.ny_al ul li .wz{ text-align:center; font-size:15px; line-height:40px; color:#333;}
.ny_al ul li:hover .wz{color:#00a1e9;}
.ny_al ul li:hover img{border: 5px #00a1e9 solid;}

.ny_al ul li .wz2{ text-align:center; font-size:16px; line-height:40px; color:#333}
.ny_al ul li:hover .wz2{color:#00a1e9}

.ny_alz,.ny_aly{ position:absolute; top:50%; margin-top:-25px;width:50px; height:50px; transition:0.3s; cursor:pointer;}
.ny_alz{ left:0; background:url(../images/swiper1-l.png) center no-repeat;}
.ny_aly{ right:0; background:url(../images/swiper1-r.png) center no-repeat;}

/*内页工厂参观*/
.ny_gy_bg{padding: 5% 0; overflow: hidden;}
.ny_gy_bg2{padding: 5 0; overflow: hidden; background: #f2f2f2}
.ny_xc{}
.ny_xc ul{margin-right: -2%}
.ny_xc ul li{float: left;width: 23%;margin:0 2% 2% 0;}
.ny_xc ul li .wbt{overflow: hidden;border: 1px solid #eee;}
.ny_xc ul li .wbt img{display: block; width: 100%;-webkit-transition:0.5s; transition:0.5s;}
.ny_xc ul li:hover .wbt img{transform:scale(1.1); -webkit-transform:scale(1.1);}
.ny_xc ul li .wwz{font-size: 14px;line-height: 20px;text-align: center;padding: 10px 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;color: #333;}
/*内页工厂参观*/


.nyproduct{width:100%;}
.nyproduct li{ width:48%; float: left;margin:0 0.8% 2% 0.8%;overflow: hidden; position: relative;}   
    
.nyproduct_photo{position: relative; overflow: hidden; }
.nyproduct_photo img{width:100%; transition: transform .9s; }
.nyproduct li:hover .nyproduct_photo img{transform: translateY(-20px);}

.nyproduct-content{ height:60px; position: absolute;  left: 0;right: 0; bottom:-100%;  padding:0 6%; text-align: center; background-color: #fff;transition: height .8s; }
.nyproduct li:hover .nyproduct-content{background-color: #00a1e9;height:auto; padding: 4% 6%; bottom:0;}

.nyproduct-title{width:100%; padding:4% 0; font-size: 16px; color: #666; line-height: 24px;transition: top .5s , color .8s; z-index: 2; text-align: center; }
.nyproduct li:hover .nyproduct-title{color: #fff;}
    
.nyproduct-text{width: 100%;color: #fff; line-height: 24px; transition: top .8s .4s;z-index: 2; opacity: .5; position: relative;}
.nyproduct-text:not(:hover){ transition-delay: 0s;}
.nyproduct li:hover .nyproduct-text{top:-10px;}
    
.nyproduct-more{width: 40px;height: 40px;margin:0 auto;border-radius: 100%; position: absolute;bottom:72%;left: 0;right: 0;background: #00a1e9;box-shadow: 0px 1px 20px 0px rgba(27, 100, 213, 0.4), inset 0px -1px 0px 0px #3980ef; transform: scale(1.5) translateY(-21px);opacity: 0;transition: transform .5s , opacity .8s;z-index: 2}
.nyproduct-more:before,.nyproduct-more:after{content: '';width:30%;height:0;margin:0 auto; position: absolute;left: 0;right: 0;top: 18px;border-bottom:1px solid #fff;z-index:3;}
.nyproduct-more:after{transform: rotate(90deg);}
.nyproduct li:hover .nyproduct-more{opacity:1; transform: scale(1) translateY(0);}


/*  产品详情 */

.pro_right{width: 100%; height: auto; overflow: hidden;}
.productss{width:100%; float:left;}
.promore_l{width:45%;float:left;}

/*图片放大镜样式*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{width:100%; border:1px solid #d6d6d6;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:100%;height:100%;background:#fff;border:1px solid #ccc;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#fff;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}


/*图片小图预览列表*/
.spec-preview{width:100%; height:100%;}
.spec-scroll{clear:both;margin-top:10px;width:100%; float:left;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block; width:32px; height:32px; cursor:pointer; margin-top:5px;}
.spec-scroll .items{float:left;position:relative;width:80%; height:51px; overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;}
.spec-scroll .items ul li{float:left;width:66px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #d6d6d6; padding:2px;width:57px;height:44px;}
.spec-scroll .items ul li img:hover{border:2px solid #2a3843; padding:1px;}

.pros_right{width:50%; float:right; overflow:hidden;}
.pros_right_top{overflow:hidden; border-bottom:1px dashed #e6e6e6;}
.pros_right_top .pbt{overflow:hidden; display:inline-block; font-size:24px; color:#333; padding-bottom:10px;}
.proleft{width:100%;font-size:14px; line-height:30px; margin-top:20px;}
.proleft p{font-size:14px; line-height:25px; }


.pc-cx-tel-1{width: 100%;height: auto;border-top: 2px solid #e6e6e6;padding-top: 20px; overflow:hidden; margin-top:4%;}
.pc-cx-tel-1-t1{width: 28%;height: auto;background: #333;font-size: 18px;line-height: 44px;text-align: center;float: right; margin-top: 15px;}
.pc-cx-tel-1-t1 a{display: block;color: #fff;}
.pc-cx-tel-1-t2{height: auto;padding-left: 70px;background: url(../images/head-c-r1.png) no-repeat 0px center;font-size:20px;color: #454545; float:left; line-height:30px;}
.pc-cx-tel-1-t2 p{line-height: 24px; font-size: 18px}


.proleft_btn{width:100%; float:left; margin-top:30px;}
.proleft_btn li{width:150px; float:left; margin-right:10px;}
.proleft_btn li a{width:150px; height:40px; float:left; line-height:40px; text-align:center; font-size:16px; background:#eee; display:block; color: #333722}
.proleft_btn li span{float:left; padding-right:20px;}
.proleft_btn li a:hover,.proleft_btn li a.on{background:#333; color:#fff;}

.tabs-basic{width:100%; margin-top:5%; float:left;}
/* The tabs */
.tabs-basic ul{list-style:none; text-align:left; margin:0; padding:0; border-bottom:1px solid #e6e6e6; background:#eee;}
.tabs-basic ul li{display:inline-block; margin-bottom:-1px; font-size:16px; text-transform:uppercase;}
.tabs-basic a{display:block; text-decoration:none; background:#333; border:1px solid transparent; padding:10px 40px; color: #fff}
.tabs-basic .tab-active{border-bottom:2px solid #00a1e9; color:#fff; background:#00a1e9;}
/* The content */
.tabs-basic .tabs-content-placeholder{overflow:hidden; margin:auto; padding:20px 0;}
.tabs-basic .tabs-content-placeholder .div{display:none;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active{display:block; line-height:30px; font-size:14px;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active table{border:1px solid #d6d6d6; line-height:24px; text-align:center;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active table tr{padding-left:20px;}
.tabs-basic .tabs-content-placeholder .div p{line-height:30px; text-align:left; margin-top:10px;}
.tabs-basic .tabs-content-placeholder .div img{max-width:100%; margin:auto; display: block; clear: both;}
.tabs-basic table{border-collapse:collapse; border: 1px #e6e6e6 solid !important; width:100% !important;line-height:30px!important;}
.tabs-basic table td{padding:8px!important; padding-left:12px !important; word-wrap:break-word; word-break:break-all; border:1px #e6e6e6 solid !important; line-height:30px!important;}
.tabs-basic table td div{padding:0px!important;height:auto!important;}

.hot_pro2{width:100%;float:left; margin-top:5%;}
.hot_pro2_tit{width:100%; height:45px; background:#f1f1f1; color:#333; line-height:45px; font-size:16px; padding:0 20px; font-weight:bold; border:1px solid #d6d6d6; box-sizing: border-box;}

.scrollleft2{width:100%; float:left; margin-top:20px; margin-bottom: 30px;}
.scrollleft2 li{width:200px; float:left; margin-right:20px; overflow:hidden;}
.scrollleft2 li img{width:99%; display:block; border:1px solid #e6e6e6;}
.scrollleft2 li img:hover{border:1px solid #00a1e9;}
.scrollleft2 li a{color: #333}
.scrollleft2 li span{display:block; width:100%; line-height:30px; margin-top:10px; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center;}



.dwtwo{ width:100%;}
.dwtwo li{ float:left; position:relative; overflow:hidden; width:31.33%; margin:0 1% 2% 1%; box-shadow:0px 0px 10px #eee; text-align:center;}
.dw_titl a{ display:block; line-height:60px; font-size:16px;}
.dwtwo li .dw_pic img{ width:100%;}
.dw_pic >a:after{background: url(../images/cymdwtwo_1.png) no-repeat center;transform: scale(0); top: 0;left: 0;}
.dw_pic >a:before{background: rgba(0,0,0,0.3);transform-origin: 0 100%;transform: rotate(-90deg);bottom: 0;left: -100%;}
.dw_pic >a:before,.dw_pic >a:after{content: ''; width: 100%;height: 100%;position: absolute;transition: 0.6s; z-index:333;}
.dwtwo li:hover .dw_pic>a:before{transform: rotate(0deg);transition: 0.6s; left:0px;}
.dwtwo li:hover .dw_pic>a:after{transform: scale(1);transition: 0.6s;}
.dw_pic,.dw_pic img{width:100%;overflow:hidden;transition:0.6s;}
.dwtwo li:hover .dw_pic img{transform:scale(1.1);transition:0.6s;}


/*news*/
.cx-news-02{background: #fff; overflow:hidden;}
.cx-news-02 .list .items{display:flex;flex-wrap:wrap;justify-content:space-between;padding-bottom: 2%; margin-bottom:2%; overflow:hidden;background:#fff;border-bottom:#f0f0f0 solid 1px;}
.cx-news-02 .list .pic{width:25%;overflow:hidden;border:#f0f0f0 solid 1px;}
.cx-news-02 .list .pic img{display:block;width:100%;transition:all 1s;}
.cx-news-02 .list .pic:hover img{transform:scale(1.1);}
.cx-news-02 .list .text{position:relative;width:calc(100% - 28%);overflow:hidden;}
.cx-news-02 .list .hd{line-height:30px;overflow:hidden;}
.cx-news-02 .list .hd .nbt{line-height:30px;font-size:19px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.cx-news-02 .list .hd .nbt a{color:#000;}
.cx-news-02 .list .hd .nbt a:hover{color:#00a1e9;}
.cx-news-02 .list .hd em{display:block;float:right;font-size:14px;font-family:"DIN Medium";color:#999;}
.cx-news-02 .list .bd{padding-top:2%;overflow:hidden;}
.cx-news-02 .list .bd p{height:90px;line-height:30px;font-size:14px;color:#999;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.cx-news-02 .list .tags{position:absolute;left:0;bottom:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.cx-news-02 .list .tags a{display:inline-block;margin-right:10px;padding:3px 25px;line-height:30px;text-align:center;font-size:14px;color:#fff;background:#00a1e9;transition:all .5s;}
.cx-news-02 .list .tags a:hover{color:#fff;background:#e30000 ;border-color:#e30000 ;}

/*新闻详情*/
.news_show{width: 100%; margin: 2% auto;  background: #fff; overflow: hidden;}
.NewsDetailed{overflow: hidden;}
.NewsDetailed .xqbt{line-height:32px;margin-bottom:15px;text-align:center;font-size:22px;font-weight:400;color:#252525;}
.NewsShowHits{padding-bottom:15px;text-align:center;border-bottom:1px #DEDEDE solid;color:#777;font-size:13px;}
.NewsDetailed-content{line-height:35px;padding-top:15px;padding-bottom:10px;margin-bottom:10px;font-size:14px;text-align:left; color: #444;}
.NewsDetailed-content img {max-width:100%;margin:10px auto;text-align:center;display:table-cell;clear:both;overflow:hidden;}


.fanhui{float:right;width:126px;margin:0 auto;position:relative;height:1px;}
.fanhui a{ position:absolute;z-index:2;width:125px;height:42px;line-height:42px;top:25px;right:0; text-align:center;background:#00a1e9;font-size:16px;color:#fff;display:inline-block;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.fanhui a:hover{color:#fff;font-size:16px;font-weight:100;text-decoration:underline;}


.PreveNext {border-top:1px #DEDEDE solid; margin:0px auto;width:100%;height:70px;padding-top:10px;padding-bottom:10px;clear:both;overflow:hidden;}
.PreveNext ul{float:left;}
.PreveNext li{width:100%;float:left;line-height:32px;text-align:left;}


.contact{width: 100%; height: auto; overflow: hidden; padding: 4% 0; box-sizing: border-box;}
.contact_lx{ float: left; width:52%;font-size: 16px; line-height: 35px;}
.contact_lx p:first-child{font-size: 19px; }

.lists{}
.lists li{ width:50%; float:left; }
.lists li:last-child{ width:100%;}
.lists li dd{ float:left; width:50%;}
.lists li .zi{ font-size:24px; color:#00a1e9; padding-bottom:5%;}
.lists li .txt{ position:relative; line-height:30px; margin-bottom:2%;}
.lists li .txt p{ font-size:16px; padding-left:8%;}
.lists li .txt em{ position:absolute; left:0; top:0;}
.lists li h3{ padding-bottom:2%; font-size:18px; color:#232425;}

.tactfrms{width:45%;float:right; }
.tactfrms .fbt{font-size: 25px;color:#333;font-weight: normal; margin-bottom: 5%}
.tactfrms ul{overflow: hidden; margin-right: -5%}
.tactfrms li{width:45%;float:left;;margin:0 5% 3% 0;position:relative;}
.tactfrms li input{width:98%;padding:5%;border:solid 1px #ddd;border-radius: 3px;box-sizing: border-box}
.tactfrms li.area{height:auto;width:100%;}
.tactfrms li textarea{padding:5%;width:94%;height:120px;border:solid 1px #ddd;border-radius: 3px; font-family: Arial, "sans-serif";box-sizing: border-box}
.tactfrms li:nth-child(2n){margin-right:0;}
.tactfrms .btn{text-align: center;margin-top:0;overflow: hidden;}
.tactfrms .btn input{height:40px;width:120px;font-size:16px;color:#fff;background:#00a1e9;border-radius: 5px; border: none;}
.redxing{position:absolute;top:11px;left:57px;color:#00a1e9;}

.contact_map{ width:100%;  padding-top: 30px;}
.contact_tu{width:43%;float:right;  margin-top: 25px;}
#map_container{height: 600px; margin: 25px 0;}

.endit-content p{margin:15px 0;}
.endit-content img{max-width:100%;}
.endit101-content{ line-height:28px;}
.endit101-content p{margin: 0 0 20px;}
.endit101-content img{max-width:100%;}
.ym364.about1{ overflow: hidden; box-sizing: border-box;}
.ym364.iserve{margin: 4% 0 0;}
.ym364.iserve dl{width: 31%;min-height: 330px;float: left;position: relative;padding: 2%;margin-bottom: 3%;margin-right: 2%;box-shadow: 0 3px 10px 3px rgb(0 0 0 / 10%); box-sizing: border-box;}
.ym364.iserve dl:before{content: "";width: 1px;height: 100%;position: absolute;top: 0;right: 0;background: #eee;}
.ym364.iserve .no:after{content: "";width: 1px;height: 100%;position: absolute;top: 0;left: 0;background: #eee;}
.ym364.iserve .iserve01{width: 88px;height: 88px;position: absolute;top: 6px;left: 6px;}
.ym364.iserve .iserve01 img{max-width: 100%}
.ym364.iserve dl dt{width: 100px;height: 100px;border: #e5e5e5 1px solid;border-radius: 50%;margin: 0 auto;position: relative;background: #fff;}
.ym364.iserve dt u{display: block;position: absolute;width: 100px;height: 100px;border: #efeff2 1px solid;border-radius: 50%;z-index: 20;box-sizing: border-box;-webkit-transition: all .5s ease-in-out 0s;-moz-transition: all .5s ease-in-out 0s;-ms-transition: all .5s ease-in-out 0s;-o-transition: all .5s ease-in-out 0s;transition: all .5s ease-in-out 0s;}
.ym364.iserve .no2 dt u{border: #efeff2 1px solid;}
.ym364.iserve .no3 dt u{border: #efeff2 1px solid;}
.ym364.iserve dd{text-align: center;padding: 1% 0 0;}
.ym364.iserve dd .clbt{font-size: 28px;color: #333;line-height: 58px;position: relative;overflow: hidden;}
.ym364.iserve dd .clbt:before{content: "";width: 36px;height: 1px;position: absolute;bottom: 0;left: 50%;background: #404040;margin-left: -18px;}
.ym364.iserve dd p{font-size: 16px;color: #333;line-height: 30px;padding:5% 0;margin-top: 5px;}
.ym364.iserve dd i{display: block;}
.ym364.iserve dl:hover, .ym364.iserve dl.cur{box-shadow: 0 3px 1% 3px rgba(0, 0, 0, 0.1);background: rgb(246 246 246 / 55%);}
.ym364.iserve dl:nth-child(3){margin-right: 0;}
.ym364.iserve dl:nth-child(6){margin-right: 0;}