body,div,ul,li,ol,pre,h1,h2,h3,h4,h5,h6,dl,dt,dd,input,fieldset,form,textarea,p,th,td,button,blockquote,span,img{margin:0;padding:0;}
body{color:#666; width:100%; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Hiragino Sans GB", "Microsoft Yahei", "微软雅黑", Arial, Helvetica, STHeiti, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size:16px; line-height: 32px; background: #fff;min-width:1400px;}
fieldset,img,input,button{border:0;}
ul,li{list-style-type:none;}
a{ color:#666;text-decoration:none;}
a:hover{ color:#5a5ddf; text-decoration:none;}
.div1400{ width: 1400px; margin: 0 auto;}



/*index*/
header{ width: 100%; height: 120px; background: #fff; border-bottom: 1px solid #ddd; position: fixed; left: 0; top: 0; z-index: 999;transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;}
header h1,header h1 a{ float: left;}
header h1{ margin: 24px 0 0 0;}
header h1 a img{width: 300px;}

.menu{ float: left; margin: 0 0 0 20px; padding: 31px 0 0 0;}
.menu div{ float: left; width: 106px; position: relative;}
.menu div>a{ float: left; width: 100%; text-align: center; line-height: 58px; font-size: 18px; color: #333;}
.menu div:hover>a{background: url("../img/menu_x.jpg") no-repeat center bottom; color: #5a5ddf; font-weight: bold;}
.menu div.hov1>a{background: url("../img/menu_x.jpg") no-repeat center bottom; color: #5a5ddf; font-weight: bold;}
.menu div>ul{ position: absolute; left: -38px; top: 58px; width: 180px; border: 1px solid #ddd; display: none; background: #fff; z-index: 999;max-height: 598px; overflow: auto; overflow-x: hidden;}
.menu div:hover>ul{ display: block;}
.menu div>ul>li{ float:left ; width: 100%; position: relative;}
.menu div>ul>li>a{ float: left; width: 100%; line-height: 46px; text-align: center; color: #333;}
.menu div>ul>li:hover>a{background: #edeef6; color: #5a5ddf;}
.menu div>ul>li>ul{ position: absolute; left: 180px; top:0; padding: 10px 0; width: 180px; border: 1px solid #ddd; display: none; background: #f6f6f6; z-index: 999;}
.menu div>ul>li>ul li{ float: left; width: 100%;}
.menu div>ul>li>ul li a{ float: left; width: 100%; line-height: 38px; font-size: 14px; text-align: center; color: #333;}
.menu div>ul>li>ul li a:hover{ color: #5a5ddf;}
.menu div>ul>li:hover>ul{ display: block;}



.tel{ float: right; width: 214px; height: 42px; border: 1px solid #5a5ddf; border-radius: 22px; margin: 38px 0 0 0;}
.tel p{ float: left; width: 22px; height: 22px; border-radius: 50%; background: #5a5ddf; padding: 10px;}
.tel strong{ float: left; width: 172px; line-height: 42px; font-size: 18px; color: #5a5ddf; text-indent: 15px;}



#banner{ float: left; width: 100%; height: 650px; margin: 120px 0 0 0; background: #000;}
.slide-main{height:650px;position:relative;}
.prev,.next{display:block;width:36px;height:70px;position:absolute;z-index:222;top:290px;overflow:hidden;cursor:pointer;opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity=50); background: #000; transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;}
.prev{left:0;}
.next{right:0;}
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100); background: #8e90ed;}
.slide-box,.slide{display:block;width:100%;height:650px;overflow:hidden;}
.slide-box{position:relative;}
.slide{display:none;height:650px;position:absolute;z-index:8;}
.slide img{display: none;}
.item{display:block;width:100%;height:4px;position:absolute;z-index:124;bottom:40px;left:0;text-align:center;}
.item a{display:inline-block;width:28px;height:4px;margin:0 5px;background:#fff;overflow:hidden;}
.item a.cur{background:#8e90ed; width: 28px;opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}


.banAnimate .obj-a{display:block;animation-name:baoAni;-webkit-animation:baoAni 0.4s linear 0s normal none;-moz-animation:baoAni 0.4s linear 0s normal none;animation:baoAni 0.4s linear 0s normal none;}
@-webkit-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@-moz-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
.banAnimate .obj-b{display:block;animation-name:saAni;-webkit-animation:saAni 0.4s linear 0s normal none;-moz-animation:saAni 0.4s linear 0s normal none;animation:saAni 0.4s linear 0s normal none;}
@-webkit-keyframes saAni{from{opacity:0;-webkit-transform:scale(0,0);} to{opacity:1;-webkit-transform:scale(1,1);} }
@-moz-keyframes saAni{from{opacity:0;-moz-transform:scale(0,0);} to{opacity:1;-moz-transform:scale(1,1);} }
@keyframes saAni{from{opacity:0;transform:scale(0,0);} to{opacity:1;transform:scale(1,1);} }
.watch-code.code-show{display:block;animation-name:scode;-webkit-animation:scode 0.3s linear 0s normal none;-moz-animation:scode 0.3s linear 0s normal none;animation:scode 0.3s linear 0s normal none;}
@-webkit-keyframes scode{from{opacity:0;-webkit-transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;-webkit-transform:scale(1,1); transform-origin: left bottom;} }
@-moz-keyframes scode{from{opacity:0;-moz-transform:scale(1,0); transform-origin:left bottom;} to{opacity:1;-moz-transform:scale(1,1);transform-origin:bottom;} }
@keyframes scode{from{opacity:0;transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;transform:scale(1,1);transform-origin: left bottom;} }
.banAnimate .obj-c,.banAnimate .obj-e{display:block;animation-name:saAnic;-webkit-animation:saAnic 0.3s linear 0s normal none;-moz-animation:saAnic 0.3s linear 0s normal none;animation:saAnic 0.3s linear 0s normal none;}
@-webkit-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
.banAnimate .obj-d,.banAnimate .obj-f{display:block;animation-name:saAnid;-webkit-animation:saAnid 0.3s linear 0s normal none;-moz-animation:saAnid 0.3s linear 0s normal none;animation:saAnid 0.3s linear 0s normal none;}
@-webkit-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }



#content1,#content2,#content3,#content4,#content5{ float: left; width: 100%; margin: 40px 0 0 0;}
.title{ float: left; width: 100%; text-align: center; font-size: 32px; line-height: 40px; font-weight: bold; color: #5a5ddf;}

.cont1{ float: left; width: 100%; margin: 40px 0 0 0;}
.conbox {position: relative;overflow: hidden;}
.conbox ul {position: relative;list-style: none;}
.conbox ul li{ float: left; width: 335px; padding: 0 20px 0 0; position: relative;}
.conbox ul li p{ float: left; width:333px; margin: 0 0 20px 0; border: 1px solid #f6f6f6; transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;}
.conbox ul li:hover p{ border: 1px solid #5a5ddf;}
.conbox ul li p img{ float: left; width: 100%;}
.conbox ul li dl{ float: left; width:-webkit-calc(100% - 30px);width:-moz-calc(100% - 30px);width:calc(100% - 30px); padding: 0 15px;}
.conbox ul li dl dt{ float: left; width: 100%; font-size: 18px; font-weight: bold; color: #333;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;  transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;}
.conbox ul li dl dd{ float: left; width: 100%; height: 64px; overflow: hidden; margin: 10px 0 0 0; transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;}
.conbox ul li a{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 99;}
.conbox ul li:hover dl dt,.conbox ul li:hover dl dd{ color: #5a5ddf;}

.anniu{ float: left; width: 100%; background: url("../img/h_x.jpg") repeat-x left center; height: 32px; margin: 50px 0 0 0;}
.anniu div{ width: 240px; margin: 0 auto;}
.anniu div span{ width: 108px; border: 1px solid #ddd; background: #fff; float: left; margin: 0 5px; height: 30px; text-align: center; border-radius: 16px; transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out; cursor: pointer;}
.anniu div span img.img1{ display: block;}
.anniu div span img.img2{ display: none;}
.anniu div span:hover{ border: 1px solid #5a5ddf;}
.anniu div span:hover img.img1{ display: none;}
.anniu div span:hover img.img2{ display: block;}




.cont2{ float: left; width: 100%; margin: 40px 0 0 0;}
.cont2_img{ float: left; height: 566px; overflow: hidden; width:-webkit-calc(50% - 15px);width:-moz-calc(50% - 15px);width:calc(50% - 15px);}
.cont2_img img{ float: left; width: 100%; height: 100%; transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;}
.cont2:hover .cont2_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);}

.cont2_text{ float: right; width:-webkit-calc(50% - 15px);width:-moz-calc(50% - 15px);width:calc(50% - 15px);}
.cont2_text strong{ font-size: 22px; line-height: 50px; color: #333;}
.cont2_text b{ color: #333;}


.x_menu{ float: left; width: 100%; overflow: hidden; margin: 25px 0 0 0;}
.x_menu li{ float: left;}
.x_menu li a{ float: left; padding: 0 25px; line-height: 40px; border: 1px solid #ddd; border-radius: 5px; margin: 0 5px;}
.x_menu li.selectTag a{ float: left; padding: 0 25px; line-height: 40px; border: 1px solid #5a5ddf; color: #5a5ddf; border-radius: 5px; margin: 0 5px;}

.cont3{ float: left; width: 100%; background: #f6f6f6; padding: 30px 0 10px 0; margin: 30px 0 0 0;}
.cont3_le{ float: left; width: 960px;}
.xw{ float: left; width: 258px; height: 220px; background: #fff; margin: 0 20px 20px 0; padding: 0 20px; border: 1px solid #fff; transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;}
.xw:hover{ border: 1px solid #5a5ddf;}
.xw dl{ float: left; width: 100%; margin: 20px 0 0 0;}
.xw dl dt{ float: left; width: 100%; color: #333; margin: 0 0 15px 0; transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;}
.xw dl dt strong{ width: 100%; float: left; line-height: 26px;}
.xw dl dt b{ width: 100%; float: left; font-weight: normal; line-height: 26px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.xw dl dd{ float: left; width: 100%; font-size: 14px; color: #999; line-height: 26px;-webkit-line-clamp: 3;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis; height: 78px;}
.xw a{ float: left; font-size: 14px; margin: 10px 0 0 0;}
.xw:hover dl dt{ color: #5a5ddf;}

.cont3_ri{ float: right; width: 440px; position: relative;}
.cont3_ri p{ float: left; width: 100%; height: 310px; overflow: hidden;}
.cont3_ri p img{ float: left; width: 100%;transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;}
.cont3_ri:hover p 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);}
.cont3_ri dl{ float: left; width:-webkit-calc(100% - 50px);width:-moz-calc(100% - 50px);width:calc(100% - 50px); background: #fff; height: 142px; padding: 12px 25px 0 25px;}
.cont3_ri dl dt{ float: left; width: 100%; color: #333; transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;}
.cont3_ri dl dt strong{ float: left; width: 100%;}
.cont3_ri dl dt b{ float: left; width: 100%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; font-weight: normal;}
.cont3_ri dl dd{ float: left; width: 100%; font-size: 14px; color: #999;}
.cont3_ri a{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: block;}
.cont3_ri:hover dl dt{ color: #5a5ddf;}



.cont4{ float: left; width: 100%; margin: 40px 0 0 0;}
.cont4_le{ float: left; width: 690px; height: 540px;}
.cont4_le img{ float: left; width: 100%;}

.cont4_ri{ float: right; width: 680px;}
.cont4_ri_1{ float: left; width: 100%;}
.cont4_ri_1_tit{ float: left; width: 100%; line-height: 50px; font-size: 20px; font-weight: bold; color: #333;}
.cont4_ri_1_con{ float: left; width: 100%; margin: 10px 0 0 0;}
.cont4_ri_1_con p{ float: left; padding: 10px; border: 1px solid #ddd;}
.cont4_ri_1_con p img{ float: left; width: 100%;}
.cont4_ri_1_con ul{ float: right; width: 505px;}
.cont4_ri_1_con ul li{ float: left; width: 100%; line-height: 38px; color: #333;}
.cont4_ri_1_con ul li s{ text-decoration: none; color: #999;}

.cont4_ri_2{ float: left; width: 100%; margin: 20px 0 0 0;}
.cont4_ri_2_tit{ float: left; width: 100%; font-size: 18px; font-weight: bold; color: #333;}
.cont4_ri_2_con{ float: left; width: 100%; margin: 15px 0 0 0;}
.cont4_inp{ float: left; width: 194px; height: 46px; line-height: 46px; border: 1px solid #ddd; border-radius: 5px; outline: none; padding: 0 10px; margin: 0 10px 0 0; font-size: 16px; color: #333; font-family:  "微软雅黑";}
.cont4_text{ float: left; width: 646px; height: 108px; border: 1px solid #ddd; border-radius: 5px; outline: none; padding: 10px; margin: 10px 10px 0 0; font-size: 16px; color: #333; font-family:  "微软雅黑";}
.cont4_inp:focus,.cont4_text:focus{border: 1px solid #5a5ddf; box-shadow: 0 0 6px #dff8ff;transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;}
.cont4_inp::-webkit-input-placeholder,.cont4_text::-webkit-input-placeholder{color: #ccc;}
.cont4_inp::-moz-placeholder,.cont4_text::-moz-placeholder{color: #ccc;}
.cont4_inp::-ms-input-placeholder,.cont4_text::-ms-input-placeholder{color: #ccc;}
.cont4_but{ float: left; width: 668px; height: 50px; color: #fff; font-size: 16px; background:#5a5ddf; cursor: pointer; outline: none; border-radius: 5px; margin: 10px 0 0 0;}



.cont5{ float: left; width: 100%; margin: 30px 0 0 0;}
.cont5 ul{ float: left; width: 100%; overflow: hidden;}
.cont5 li{ float: left; width: 215px; border: 1px solid #ddd; margin: 0 20px 0 0; transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;}
.cont5 li img{ float: left; width: 100%;}
.cont5 li:hover{ border: 1px solid #5a5ddf;}



#content5{ margin: 40px 0 50px 0;}



#map{ float: left; width: 100%; padding: 40px 0; background: #2a2a31;}
#map dl{ float: left; width: 200px;}
#map dl dt{ float: left; width: 100%; color: #fff; font-weight: bold; margin: 0 0 20px 0; line-height: 36px; height: 36px;}
#map dl dd{ float: left; width: 100%; line-height: 36px;}
#map dl dd a{ color: #aaa;}
#map dl dd a:hover{ color: #fff;}



#bottom{ float: left; width: 100%; line-height: 50px; color: #aaa; font-size: 14px; height: 50px; background: #212126;}
#bottom p{ float: left;}
#bottom span{ float: right;}




#suspension{ position: fixed; width: 76px; right: 30px; bottom: 30px; z-index: 999;}
#suspension p{ width: 76px; height: 72px; float: left;}
#suspension p img{ float: left; width: 100%;animation: Updown .8s infinite alternate;}
@keyframes Updown {
    from{transform:translate(0,0)}
    to{transform:translate(0,6px)}
}
#suspension ul{ float: left; width: 50px; border: 1px solid #ddd; border-bottom: 0; height: 204px; margin: 10px 12px 0 12px; background: #fff;}
#suspension ul li{ float: left; width: 100%; height: 50px; border-bottom: 1px solid #ddd; position: relative;}
#suspension ul li a{ width: 100%; line-height: 50px; float: left; font-size: 22px; text-align: center; color: #aaa; text-decoration: none;transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;}
#suspension ul li:hover a,#suspension ul li:hover a.xs{ color: #5a5ddf;}
#suspension ul li a.xs{ color: #ccc;}
#suspension ul li span{ position: absolute; width:0; height: 50px; background: #5a5ddf; border-radius: 5px; text-align: center; line-height: 50px; color: #fff; right: 61px; top: 0; font-size: 22px; font-weight: bold; overflow: hidden;transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out; z-index: 999;}
#suspension ul li:hover span{ width: 210px;}
#suspension ul li dl{position: absolute; right: 61px; bottom: 0; width: 182px; height:0; overflow: hidden; transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out; background: #fff;}
#suspension ul li:hover dl{height:184px; border: 1px solid #ddd; width: 160px; padding: 10px;}
#suspension ul li dl dt{ float: left; width: 160px;}
#suspension ul li dl dt img{ float: left; width: 100%;}
#suspension ul li dl dd{ float: left; width: 160px; text-align: center; line-height: 22px; margin: 5px 0 0 0;}
/*index*/



/*products2*/
#n_banner{ float: left; width: 100%; height: 400px; background: #333; margin: 120px 0 0 0;}


#course{ float: left; width: 100%; height: 56px; background: #fff; line-height: 56px;}
#course span{ float: left; color: #999;}
#course span i{ float: left; margin: 0 10px 0 0; font-size: 18px; color: #333;}
#course>div>div{ float: left; color: #999;}
#course>div>div a{ float: left; color: #333; transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;}
#course>div>div a:hover{ color: #5a5ddf;}
#course>div>div s{ float: left; text-decoration: none; margin: 0 8px;}


#content{ float: left; width: 100%; padding: 50px 0; background: #f6f6f6;}
.left{ float: left; width: 300px;}
.n_menu{ float: left; width: 100%;}
.menu_head{ float: left; width:-webkit-calc(100% - 40px);width:-moz-calc(100% - 40px);width:calc(100% - 40px); height: 60px; line-height: 60px; font-size: 18px; padding: 0 20px; color: #333;background:#fff url(../img/pro_left.png) no-repeat 260px center; border-bottom: 2px solid #f6f6f6; cursor: pointer;}
.n_menu .current{background:#5a5ddf url(../img/pro_down.png) no-repeat 260px center; color: #fff;}
.menu_body{ float: left; width: 100%; padding: 15px 0; display: none; background: #fff; border-bottom: 2px solid #f6f6f6;}
.menu_body a{ float: left; width:-webkit-calc(100% - 70px);width:-moz-calc(100% - 70px);width:calc(100% - 70px); padding: 0 35px; line-height: 40px; transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out; background: url("../img/jt2.png") no-repeat 270px center; color: #333;}
.menu_body a.hov2{ color: #5a5ddf; background: url("../img/jt.png") no-repeat 270px center; font-weight: bold;}
.menu_body a:hover{ color: #5a5ddf; background: url("../img/jt.png") no-repeat 270px center;}


.tj_pro{ float: left; width: 100%; margin: 20px 0 0 0;}
.tj_pro_tit{ float: left; width:-webkit-calc(100% - 40px);width:-moz-calc(100% - 40px);width:calc(100% - 40px); height: 60px; line-height: 60px; font-size: 18px; padding: 0 20px; color: #fff; background: #ed884a; font-weight: bold;}
.tj_pro_con{ float: left; width:-webkit-calc(100% - 40px);width:-moz-calc(100% - 40px);width:calc(100% - 40px); padding: 15px 20px; background: #fff;}
.tj_pro_con p{ float: left; width:-webkit-calc(100% - 20px);width:-moz-calc(100% - 20px);width:calc(100% - 20px); background: url("../img/sjx.png") no-repeat left center; padding: 0 0 0 20px; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; line-height: 40px;}
.tj_pro_con p a{ transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;}


.right{ float: right; width: 1080px;}
.right_tit{ float: left; width:100%; padding:0 0 20px 0;}
.right_tit h2{ float: left; font-size: 32px; line-height: 50px; font-weight: bold; color: #5a5ddf; margin: 0 0 0 20px;}
.right_tit a{ float: right; padding: 0 50px 0 20px; border: 1px solid #fff; line-height: 48px; background:#fff url("../img/xz.png") no-repeat 150px center; border-radius: 5px; transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;}
.right_tit a:hover{ border: 1px solid #5a5ddf; background:#fff url("../img/xz2.png") no-repeat 150px center;}
.search{ float: right;}
.sea_inp{ float: left; width: 260px; height: 50px; outline: none; padding: 0 0 0 20px; border-radius: 5px 0 0 5px; font-size: 16px; color: #333; font-family:  "微软雅黑";}
.sea_but{ width: 50px; height: 50px; float: left; outline: none; background:#fff url("../img/fdj.jpg") no-repeat; border-radius: 0 5px 5px 0;}
.sea_inp::-webkit-input-placeholder{color: #ccc;}
.sea_inp::-moz-placeholder{color: #ccc;}
.sea_inp::-ms-input-placeholder{color: #ccc;}


.products{ float: left; width:-webkit-calc(100% - 40px);width:-moz-calc(100% - 40px);width:calc(100% - 40px); padding: 20px; background: #fff;}
.products table{  border: 1px solid #ddd; border-right:0;}
.products table td{ border: 0; padding: 10px 20px; border-right: 1px solid #ddd;}
.products table td p{ width:100%; float: left;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis; line-height: 26px; padding: 5px 0; font-size: 15px;}
.products table td a{ color: #5a5ddf; text-decoration: underline; font-weight: bold;}

.page{ float: left; width: 100%; margin: 20px 0 0 0;}
.page_sm{ float: left; color: #999; line-height: 46px; margin: 0 0 0 20px;}
.page_sm strong{ color: #666;}
.page_ym{float: right;}
.page_ym a{ width: 44px; line-height: 44px; text-align: center; float: left; background: #fff; border: 1px solid #fff; margin: 0 0 0 10px; transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;}
.page_ym a:hover{ color: #5a5ddf; border: 1px solid #5a5ddf;}
.page_ym a.hov3{ color: #fff; background: #5a5ddf;}
/*products2*/



/*products_1*/
.products_1{ float: left; width:100%;}
.pro_jj{ float: left; width:-webkit-calc(100% - 40px);width:-moz-calc(100% - 40px);width:calc(100% - 40px); padding: 20px; background: #fff;}
.pro_jj_img{ float: left; width: 335px;}
.pro_jj_img img{ float: left; width: 100%;}
.pro_jj_text{ float: right; width:-webkit-calc(100% - 355px);width:-moz-calc(100% - 355px);width:calc(100% - 355px); }
.pro_jj_text h3{ float: left; width: 100%; margin: 10px 0; color: #5a5ddf; font-size: 20px;}
.wen{ float: left; width: 100%; padding: 5px 0; line-height: 36px;}
.wen p{ float: left; width: 90px; color: #999;}
.wen span{ float: right; width:-webkit-calc(100% - 90px);width:-moz-calc(100% - 90px);width:calc(100% - 90px); color: #333;}
.wen span strong{ color: #5a5ddf;}
.wen span a{ float: left; margin: 0 10px 0 0;border: 1px solid #ddd; border-radius: 5px; line-height: 34px; padding: 0 10px; color: #333; transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;}
.wen a img{ float: left; margin: 7px 6px 0 0;}
.wen a:hover{ border: 1px solid #5a5ddf; color: #5a5ddf;}

.wen2{ float: left; width: 100%; margin:20px 0 0 0;}
.wen2 span{ float: right; width:-webkit-calc(100% - 90px);width:-moz-calc(100% - 90px);width:calc(100% - 90px); color: #333;}
.wen2 span a.wen2_sq{ float: left; width: 160px; text-align: center; color: #fff; line-height: 50px; background: #5a5ddf; border-radius: 5px;}
.wen2 span a.wen2_xz{ float: left; width: 158px; text-align: center; line-height: 48px; border-radius: 5px; border: 1px solid #5a5ddf; margin: 0 0 0 20px; color: #5a5ddf;}

.pro_xx{ float: left; width:-webkit-calc(100% - 40px);width:-moz-calc(100% - 40px);width:calc(100% - 40px); padding: 20px; background: #fff; margin: 20px 0 0 0;}
.pro_xx_tit{ float: left; width: 100%; padding:0 0 15px 0; border-bottom: 1px solid #ddd;}
.pro_xx_tit strong{ font-size: 20px; font-weight: bold; color: #5a5ddf; float: left; line-height: 32px; margin: 0 0 0 15px;}
.pro_xx_con{ float: left; width:-webkit-calc(100% - 40px);width:-moz-calc(100% - 40px);width:calc(100% - 40px); padding: 20px 20px 0 20px; text-indent: 2em;}
/*products_1*/



/*plan*/
.left2{ float: left; width: 300px;}
.n_menu2{ float: left; width: 100%;}
.n_menu2 a{ float: left; width:-webkit-calc(100% - 40px);width:-moz-calc(100% - 40px);width:calc(100% - 40px); height: 60px; line-height: 60px; font-size: 18px; padding: 0 20px; color: #333; background: #fff; border-bottom: 2px solid #f6f6f6; cursor: pointer; transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;}
.n_menu2 a:hover{ background: #5a5ddf; color: #fff;}
.n_menu2 a.hov4{ background: #5a5ddf; color: #fff;}


.plan{ float: left; width: 100%;}
.plan div{ float: left; width:-webkit-calc(100% - 42px);width:-moz-calc(100% - 42px);width:calc(100% - 42px); padding: 20px; background: #fff; border: 1px solid #fff; position: relative; transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out; margin: 5px 0;}
.plan div:hover{ border: 1px solid #5a5ddf;}
.plan div p{ float: left; width: 180px; height: 130px; overflow: hidden;}
.plan div p img{ float: left; width: 100%;object-fit: cover; height: 100%;transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;}
.plan div:hover p 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);}
.plan div dl{ float: right; width:-webkit-calc(100% - 200px);width:-moz-calc(100% - 200px);width:calc(100% - 200px);}
.plan div dl dt{ float: left; width: 100%;}
.plan div dl dt strong{  color: #333; width: 100%; float: left;}
.plan div dl dt s{ text-decoration: none; float: left; width: 100%; font-size: 14px; color: #999;}
.plan div dl dd{ float: left; width: 100%; height: 64px;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.plan div a{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 99;}
/*plan*/



/*plan_1*/
.plan_1{width:-webkit-calc(100% - 40px);width:-moz-calc(100% - 40px);width:calc(100% - 40px); float: left; padding:0 20px 20px 20px; background: #fff;}
.plan_1_tit{ float: left;width:-webkit-calc(100% - 40px);width:-moz-calc(100% - 40px);width:calc(100% - 40px); padding: 20px; margin: 10px 0 0 0; position: relative; border-bottom: 1px solid #ddd;}
.plan_1_tit dl{ float: left;width:-webkit-calc(100% - 180px);width:-moz-calc(100% - 180px);width:calc(100% - 180px);}
.plan_1_tit dl dt{ float: left; width: 100%; line-height: 38px; font-size: 24px; color: #5a5ddf;}
.plan_1_tit dl dd{ float: left; width: 100%; color: #999;}
.plan_1_tit p{ float: left;width:-webkit-calc(100% - 180px);width:-moz-calc(100% - 180px);width:calc(100% - 180px); margin: 10px 0 0 0;}

.plan_1_tit span{ position: absolute; right: 0; top: 20px;}
.plan_1_tit span a{ float: left; width: 105px; height: 100%; color: #999; line-height: 38px; border: 1px solid #eee; text-decoration: none;transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;}
.plan_1_tit span a i{ font-size: 22px; float: left; width: 50px; text-align: center; line-height: 38px;}
.plan_1_tit span a:hover{ color: #5a5ddf;border: 1px solid #5a5ddf;}

.plan_1_con{ float: left;width:-webkit-calc(100% - 40px);width:-moz-calc(100% - 40px);width:calc(100% - 40px); padding: 20px 20px 10px 20px; text-indent: 2em;}
/*plan_1*/



/*apply*/
#apply{ float: left; width: 100%; padding: 50px 0; background: #f6f6f6;}
.apply_tit{ float: left; width: 100%; text-align: center; font-size: 32px; line-height: 40px; font-weight: bold; color: #5a5ddf;}
.apply_con{ float: left;width:-webkit-calc(100% - 40px);width:-moz-calc(100% - 40px);width:calc(100% - 40px);  padding: 20px; background: #fff; margin: 40px 0 0 0;}
.apply_con div{ float: left; width: 100%; margin: 0 0 10px 0;}
.apply_con div p{ float: left; width: 100%; color: #333; line-height: 52px;}
.apply_con div p strong{ color: #f00;}
.apple_inp{ float: left;width:-webkit-calc(100% - 42px);width:-moz-calc(100% - 42px);width:calc(100% - 42px); height: 50px; line-height: 50px; border: 1px solid #ddd; border-radius: 5px; outline: none; padding: 0 20px; font-size: 16px; color: #333; font-family: Arial,"微软雅黑";transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;}
.apple_inp:focus{border: 1px solid #5a5ddf; box-shadow: 0 0 6px #dff8ff;}
.apple_inp::-webkit-input-placeholder{color: #ccc;}
.apple_inp::-moz-placeholder{color: #ccc;}
.apple_inp::-ms-input-placeholder{color: #ccc;}

.yzm{ float: left; width: 100%; height: 52px; overflow: hidden;}
.yzm .verify-code{ float: left; width:-webkit-calc(20% - 10px);width:-moz-calc(20% - 10px);width:calc(20% - 10px); margin:0 15px 0 0; line-height: 52px; text-align: center; font-size: 20px; cursor: pointer;}
.yzm .verify-code-area{ float: left; width:-webkit-calc(20% - 10px);width:-moz-calc(20% - 10px);width:calc(20% - 10px);}
.yzm .verify-input-area{ float: left; width: 100%;}
.yzm .varify-input-code{ float: left; width:-webkit-calc(100% - 42px);width:-moz-calc(100% - 42px);width:calc(100% - 42px);padding: 0 20px; height: 50px; line-height: 50px; border-radius: 6px; border: 1px solid #ddd;transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out; outline: none; background:#fff; font-size: 16px;}
.yzm .varify-input-code::-webkit-input-placeholder{color: #ccc;}
.yzm .varify-input-code::-moz-placeholder{color: #ccc;}
.yzm .varify-input-code::-ms-input-placeholder{color: #ccc;}
.yzm .verify-change-area{ display: none;}

.apple_but{ width: 100%; display: block; margin: 10px 0 0 0; height: 52px; text-align: center; cursor: pointer; font-size: 16px; font-weight: bold;background: #5a5ddf; color: #fff; border-radius: 6px; box-shadow: 0 0 10px rgba(90, 93, 223, 0.2);}
/*apply*/



/*news*/
#news{ float: left; width: 100%; padding: 50px 0; background: #f6f6f6;}
.news_con{ float: left;width:100%; margin: 20px 0 0 0;}
.news_con div{ float: left;width:-webkit-calc(100% - 40px);width:-moz-calc(100% - 40px);width:calc(100% - 40px); padding: 20px; border: 1px solid #fff; background: #fff; position: relative; margin: 10px 0;transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;}
.news_con div:hover{ border: 1px solid #5a5ddf;}
.news_con div p{ float: left; width: 180px; height: 130px; overflow: hidden;}
.news_con div p img{ float: left; width: 100%;object-fit: cover; height: 100%;transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;}
.news_con div:hover p 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);}
.news_con div dl{ float: right; width:-webkit-calc(100% - 200px);width:-moz-calc(100% - 200px);width:calc(100% - 200px);}
.news_con div dl dt{ float: left; width: 100%;}
.news_con div dl dt strong{  color: #333; width: 100%; float: left; font-size: 18px; transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;}
.news_con div:hover dl dt strong{ color: #5a5ddf;}
.news_con div:hover dl dt s{ color: #5a5ddf;}
.news_con div:hover dl dd{ color: #5a5ddf;}
.news_con div dl dt s{ text-decoration: none; float: left; width: 100%; font-size: 14px; color: #999;transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;}
.news_con div dl dd{ float: left; width: 100%; height: 64px;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;}
.news_con div a{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 99;}
/*news*/


/*news_1*/
.news_1{ float: left; width:-webkit-calc(100% - 40px);width:-moz-calc(100% - 40px);width:calc(100% - 40px); padding: 20px; background: #fff; }
.news_1_tit{ float: left;width:-webkit-calc(100% - 30px);width:-moz-calc(100% - 30px);width:calc(100% - 30px); padding: 20px 15px; position: relative; border-bottom: 1px solid #ddd;}
.news_1_tit dl{ float: left;width:-webkit-calc(100% - 180px);width:-moz-calc(100% - 180px);width:calc(100% - 180px);}
.news_1_tit dl dt{ float: left; width: 100%; line-height: 38px; font-size: 24px; color: #5a5ddf;}
.news_1_tit dl dd{ float: left; width: 100%; color: #999;}
.news_1_tit p{ float: left;width:-webkit-calc(100% - 180px);width:-moz-calc(100% - 180px);width:calc(100% - 180px); margin: 10px 0 0 0;}

.news_1_tit span{ position: absolute; right: 0; top: 20px;}
.news_1_tit span a{ float: left; width: 105px; height: 100%; color: #999; line-height: 38px; border: 1px solid #eee; text-decoration: none;transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;}
.news_1_tit span a i{ font-size: 22px; float: left; width: 50px; text-align: center; line-height: 38px;}
.news_1_tit span a:hover{ color: #5a5ddf;border: 1px solid #5a5ddf;}

.news_1_con{ float: left;width:-webkit-calc(100% - 30px);width:-moz-calc(100% - 30px);width:calc(100% - 30px); padding: 20px 15px 10px 15px; text-indent: 2em;}

.news_1_con2{ float: left; width: 100%; margin: 10px 0;}
.news_1_con2 a{ color: #999; text-decoration: none;transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;}
.news_1_con2 a:hover{ color: #5a5ddf;}
.a_le{ float: left;}
.a_ri{ float: right;}
/*news_1*/



/*job*/
.job{ float: left; width:-webkit-calc(100% - 40px);width:-moz-calc(100% - 40px);width:calc(100% - 40px); padding: 20px; margin: 30px 0 0 0; background: #fff; }
.job table{ border: 0; width: 100%; float: left;}
.job table td{ border: 0; padding: 10px 20px;}
.job table td p{ width:100%; float: left; line-height: 26px; padding: 10px 0; color: #333;}
.job table td a{ color: #5a5ddf; text-decoration: underline; font-weight: bold;}
/*job*/



/*job_1*/
.job_1{ float: left; width:-webkit-calc(100% - 40px);width:-moz-calc(100% - 40px);width:calc(100% - 40px); padding: 20px; background: #fff; }
.job_1 dl{ float: left; width: 100%;}
.job_1 dl dt{ float: left; width:-webkit-calc(100% - 40px);width:-moz-calc(100% - 40px);width:calc(100% - 40px); line-height: 66px; font-size: 20px; font-weight: bold; color: #5a5ddf; background: #f6f6f6; padding: 0 20px;}
.job_1 dl dd{ float: left; width:-webkit-calc(100% - 40px);width:-moz-calc(100% - 40px);width:calc(100% - 40px); padding: 20px;}
.job_1 dl dd p{ float: left; width: 100%;}
.job_1 dl dd p b{ color: #333;}
.job_1 dl dd p s{ font-size:26px;color: #5a5ddf; text-decoration: none; }
/*job_1*/



/*company*/
.company{ float: left; width:-webkit-calc(100% - 40px);width:-moz-calc(100% - 40px);width:calc(100% - 40px); padding: 20px; background: #fff;}
.company b{ font-size: 20px; color: #333;}
.company strong{ color: #333;}
/*company*/


/*contact*/
.contactA{ float: left; width:-webkit-calc(100% - 40px);width:-moz-calc(100% - 40px);width:calc(100% - 40px); padding: 20px; background: #fff;}
.dt{ float: left; width: 480px; height: 450px;}
.dt img{ float: left; width: 100%; height: 100%;object-fit: cover;}

.contactA_text{ float: right; width:-webkit-calc(100% - 500px);width:-moz-calc(100% - 500px);width:calc(100% - 500px); }
.contactA_text_tit{ float: left; width: 100%; line-height: 50px; font-size: 20px; font-weight: bold; color: #333;}
.contactA_text_con{ float: left; width: 100%; margin: 6px 0 0 0;}
.contactA_text_con div{ float: left; width: 100%; margin: 5px 0; line-height: 30px;}
.contactA_text_con div p{ float: left; width: 60px; color: #999;}
.contactA_text_con div span{ float: left; color: #333; width:-webkit-calc(100% - 60px);width:-moz-calc(100% - 60px);width:calc(100% - 60px);}
.contactA_text_con div span a{ float: left; margin: 0 10px 0 0;border: 1px solid #ddd; border-radius: 5px; line-height: 34px; padding: 0 10px; color: #333; transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;}
.contactA_text_con div span a img{ float: left; margin: 7px 6px 0 0;}
.contactA_text_con div span a:hover{ border: 1px solid #5a5ddf; color: #5a5ddf;}
.contactA_text_con div s{ float: left; width: 128px; margin: 20px 20px 0 0;}
.contactA_text_con div s img{ float: left; width: 100%;}

.contactB{ float: left; width:-webkit-calc(100% - 30px);width:-moz-calc(100% - 30px);width:calc(100% - 30px); padding: 20px 15px; margin: 20px 0 0 0; background: #fff;}
.contactB_tit{ float: left; width:-webkit-calc(100% - 10px);width:-moz-calc(100% - 10px);width:calc(100% - 10px); line-height: 50px; font-size: 20px; font-weight: bold; color: #5a5ddf; padding: 0 5px;}
.contactB_con{ float: left; width: 100%; margin: 10px 0 0 0;}
.contB_inp{ float: left; width:-webkit-calc(33.33% - 32px);width:-moz-calc(33.33% - 32px);width:calc(33.33% - 32px); height: 46px; line-height: 46px; border: 1px solid #ddd; border-radius: 5px; outline: none; padding: 0 10px; margin: 0 5px; font-size: 16px; color: #333; font-family:  "微软雅黑";}
.contB_text{ float: left; width:-webkit-calc(100% - 32px);width:-moz-calc(100% - 32px);width:calc(100% - 32px); height: 108px; border: 1px solid #ddd; border-radius: 5px; outline: none; padding: 10px; margin: 10px 5px 0 5px; font-size: 16px; color: #333; font-family:  "微软雅黑";}
.contB_inp:focus,.contB_text:focus{border: 1px solid #5a5ddf; box-shadow: 0 0 6px #dff8ff;transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;}
.contB_inp::-webkit-input-placeholder,.contB_text::-webkit-input-placeholder{color: #ccc;}
.contB_inp::-moz-placeholder,.contB_text::-moz-placeholder{color: #ccc;}
.contB_inp::-ms-input-placeholder,.contB_text::-ms-input-placeholder{color: #ccc;}
.contB_but{ float: left; width:-webkit-calc(100% - 10px);width:-moz-calc(100% - 10px);width:calc(100% - 10px); height: 52px; color: #fff; font-size: 16px; background:#5a5ddf; cursor: pointer; outline: none; border-radius: 5px; margin: 10px 5px 0 5px;}
/*contact*/