@charset "utf-8";
/* CSS Document */
body{font-size:12px;font-family:"微软雅黑";margin:0px auto;padding:0px;color:#333333;overflow-x:hidden;}
img{border:none;}
p{margin:0;padding:0;}
ul,li,ol,dl,dt,dd{margin:0;padding:0;list-style-type:none;}
a{color:#333;font-size:12px;text-decoration:none;transition:all 0.3s ease-in-out 0s;}
a:hover{color:#D2213E;text-decoration:none;}
i,em{font-style: initial;}
.clearfix{zoom: 1; }
.clearfix:after{display: block; clear: both; visibility: hidden; height:0; overflow: hidden; content: "."; }
.center{margin:auto;}
.sbj{margin-top:30px;}
.sbj1{margin-top:50px;}
.fl {float: left;}
.fr {float: right;}
.top{width:100%;background-color:#ececec;height:36px;line-height:36px;font-size:13px;color:#888888;}
.top span{float:right;}
.top span a{padding:0px 5px;font-size:13px;color: #888888;}
.top span a:hover{color:#D2213E;}
.logo_l {float: left;padding:32px 0px;height:76px;width:225px;}
.logo_l dl {color:#353535;font-size:44px;font-weight: bold; letter-spacing:10px;}
.logo_l dt {text-transform: uppercase;font-size:12px;color: #909090;}
.logo_c{ width: 400px; border-left: 1px solid #ccc; padding-left: 24px;float: left;margin-top:42px;}
.logo_c dl{ line-height: 31px; font-size: 24px;font-weight: bold;}
.logo_c dt{ line-height: 26px; font-size: 12px; color: #868686;}
.logo_r {float: right;background: url(../images/telephone.gif) no-repeat left center;padding-left:50px;font-family:"Impact";margin-top:44px;height:53px;background-size: 35px;}
.logo_r dl {font-size: 14px;color: #888888;}
.logo_r dt {font-size:28px;color:#232323;}
#nav{width: 100%;background-color: #272b5c;height:60px;line-height: 60px;}
#nav li{float:left;text-align:center;}
#nav li a{line-height:60px;display:block;height:60px;text-align:center;font-size:18px;color: #fff;}
#nav li:hover{text-decoration:none; height:60px;background-color:#D2213E;}
#nav li dl{background-color:#D2213E;list-style-type:none;text-align:left;left:-999em;position:absolute;z-index:99999;float:left;}
#nav li dl dt{height:46px;line-height:46px;border-bottom:1px solid #fff;}
#nav li dl dt a{font-size:14px;height:46px;line-height:46px;}
#nav li dl dt a:hover{ background:none;font-size:15px;font-weight:bold;}
#nav li:hover dl{left:auto;}
#nav li:hover a{color: #fff;}
#nav .moddle{display: flex;justify-content: space-between;}
#ss{width: 100%;border-bottom: 1px solid #e5e5e5;}
.rmss{float: left;line-height:60px;font-size: 16px;color: #303030;}
.rmss a{font-size: 15px;color: #303030;margin-right:10px;}
.rmss a:hover{color: #D2213E;text-decoration: underline;}
/* .search{height: 46px;float: left;} */
.search input {color:#888888;display: inline-block;font-size: 14px;height: 44px;border: 1px solid #D4D4D4;outline: none;padding: 0 16px;vertical-align: middle;width: 167px;margin: 0px;background-color: #fff;}
.search button {background-color: #D2213E;color: #fff;cursor: pointer;display: inline-block;font-size: 14px;line-height: 44px;outline: none;vertical-align: middle;width:65px;padding: 0px;border: 1px solid #D2213E;margin-left:-5px;}
.search img {height: 16px;margin-right: 8px;vertical-align: middle;width: 14px;}
#wrap{width: 100%;background: url(../images/cpzs.jpg) no-repeat center bottom;padding: 0 0 80px;background-size: 100% 100%;}
.icpfl{border: 1px solid #D2213E;width:224px;background-color: #FFFFFF;margin-right: 16px;float: left;border-top-left-radius: 40px;border-bottom-right-radius: 40px;overflow: hidden;}
.icpfl dl{background-color: #D2213E;color: #ffffff;font-size: 30px;font-weight: bold;text-align: center;}
.icpfl ul{padding: 25px 10px 0px 10px;}
.icpfl ul li{background: url(../images/fang.png) no-repeat left #F2F1F1;padding: 0px 15px;}
.icpfl ul li a{color: #333;font-size: 16px;}
.icpfl ul li span{float: right;}
.icpfl ul li:hover a{padding-left:10px;color: #D2213E;}
.icpfl dt{background-color: #D2213E;color: #fff;text-align: center;}
.icpfl dt ol{font-size: 20px;}
.icpfl dt ol img{margin-right: 5px;}
.icpfl dt p{font-size: 26px;font-weight: bold;}
#wrap1{width: 100%;background-color: #f1f1f1;padding: 40px 0px;}
.company dl{width: 620px;float: left;height: 367px;}
.company dl img{border: 2px solid #D2213E;width: 100%;}
.company ul li{font-size: 42px;font-weight: bold;margin-bottom:20px;}
.company ul li span{font-size: 18px;color: #D2213E;}
.company ul p{text-indent: 2em;}
.company ul ol{background-color: #D2213E;width:180px;height: 50px;line-height: 50px;text-align: center;border: 1px solid #D2213E;}
.company ul ol a{color: #fff;font-size: 16px;}
.company ul ol:hover{border-radius: 10px;background: none;}
.company ul ol:hover a{color: #D2213E;}
.sl1{background-color: #fff;padding: 50px 0px;box-shadow: 0 2px 6px #ccc;margin: 50px 0;}
#wrap2{width: 100%;padding: 90px 0px;}
.title{text-align: center;}
.title li{font-size: 42px;font-weight: bold;background: url(../images/titlebj.png) no-repeat center center;}
.title p{font-size: 16px;}
.title1{text-align: center;}
.title1 li{font-size: 42px;font-weight: bold;background: url(../images/titlebj.png) no-repeat center center;}
.title1 p{font-size: 16px;}
#wrap3{width: 100%;padding: 40px 0px;margin-top: 80px;}
#demo_{overflow:hidden;margin-top: 40px;}
#indemo_{float:left;width:800%;}
#demo1_,#demo2_{float:left;width: 2142px;}
.idllist1 li{float:left;width: 280px; height: 150px;margin:10px 10px 0px 10px; background-color:#fff; padding:2px; text-align: center; line-height: 40px;overflow: hidden;border: 1px solid #ccc;}
.idllist1 li img{width:100%;height:100%;object-fit: contain;}
.idllist1 li:hover img{ transition: all 0.6s; transform: scale(1.2);}
.idllist1 li a{ font-size: 14px; color: #333333;}
.xwzx1{margin-top:30px;}
.xwzx{display: flex;justify-content: space-between;}
.xwzx .xwti{margin-bottom: 20px;padding-bottom: 10px;border-bottom: 1px solid #ccc;}
.xwzx .xwti img{width: 160px;}
.xwzx .xwti a{font-size: 14px;margin-top: 20px;}
.xwzx ul{width: 32%;}
.xwzx li{line-height:42px; height:42px;background: url(../images/icon1.png) no-repeat left center;border-bottom: 1px dashed #ccc;}
.xwzx li a{ padding-left:15px;font-size: 16px;transition: 0.5s;display: inline-block;}
.xwzx li:hover a{transform: translate(10px);}
.xwzx li span{ float:right;font-size: 16px;}
.footer{ width:100%; background-color:#333333;color: #CCCCCC;padding:50px 0px 20px 0px;}
.footer a:hover{color:#D2213E;}
.footer a{color: #CCCCCC;}
.footnav dl{float: left;}
.footnav dl li{color: #D2213E;font-size: 18px;margin-bottom: 10px;font-weight: bold;}
.footnav dl dt{line-height:36px;}
.footnav dl dt a{color: #CCCCCC;font-size: 15px;}
.footnav ul{float: left;}
.footnav ul li{color: #D2213E;font-size: 18px;margin-bottom: 10px;font-weight: bold;}
.footnav ul p{font-size: 16px;line-height:36px;color: #CCCCCC;}
.copyright{text-align: center;color: #959595;line-height: 36px;font-size: 14px;margin-top: 15px;}
.copyright a{color: #959595;font-size: 14px;}
.yqlj{width:100%; text-align:center; line-height:40px; background-color:#1c1c1c; color:#ffffff;}
.yqlj a{color:#CED5E5;font-size:12px;padding-right:5px;}
/*内页样式*/
#left{ width:230px; float:left; margin-right:20px; margin-top:30px;margin-bottom: 20px;}
#right{width:950px; float:right; margin-top:30px;margin-bottom: 20px;}
.title3{text-align: center;font-size: 36px;font-weight: bold;border-bottom: 1px solid #ccc;color: #303030;padding-bottom: 10px;}
.title3 span{color: #222;}
.title3 li{width:40px;height: 3px;background-color: #D2213E;margin:8px auto 0px auto;}
.mup1{height:26px; line-height:26px; border-bottom:#ccc 1px solid; margin-bottom:10px; background:url(../images/new_jt.jpg) no-repeat 10px center; padding-left:20px; font-size:14px; color:#000;margin-top: 10px;}
.mup{width: 100%;background-color: #EFEFEF;border-bottom: 1px solid #DFDEDE;height: 42px;line-height: 42px;font-size: 14px;}
.mup img{margin-right: 5px;}
.mup span{float: right;}
.mup span a{font-size: 16px;}
.hg{line-height:30px;}
.tittle{text-align: center;font-size:24px;font-weight: bold;margin-bottom: 10px;}
.lb{text-align: left;}
.lb a{ color:#333;}
.lb a:hover{color: #D2213E;}
.nyxw2{width:48%;float: left;text-align: left;height:40px;line-height:40px;border-bottom: 1px #D5D5D5 dotted;margin-right:4%; background:url(../images/cion01.gif) no-repeat left center;color:#333;}
.nyxw2 a{ padding-left:20px; color:#333;}
.nyxw2 span{float: right;height:40px;line-height:40px}
.nyxw2:nth-child(2n){margin-right: 0px;}
.nyxw2 a:hover{color: #D2213E;}
.page{text-align: center;margin: 10px auto 10px auto;}
.page li{display: inline-block;line-height: 40px;border: 1px solid #cccccc;padding: 0 18px;margin: 0px 3px;border-radius: 3px;}
.page li a{color: #999999;font-size: 14px;}
.page li:hover{background-color: #D2213E;border: 1px solid #D2213E;}
.page li:hover a{color: #fff;}
.current{background-color: #D2213E!important;border: 1px solid #D2213E!important;}
.current a{color: #fff!important;}
.inews ul{border-bottom: 1px solid #ccc;padding-bottom: 10px;margin-bottom: 10px;}
.inews ul li{background:url(../images/cion01.gif) no-repeat left center;line-height: 32px;height: 32px;}
.inews ul li a{ padding-left:20px;font-size:16px;}
.inews ul li a:hover{color: #D2213E;margin-left: 5px;}
.inews ul li span{float:right;}
.inews ul p{color:#999;}
.xwlei{display: flex;justify-content: space-evenly;margin-bottom: 50px;}
.xwlei li{width: 170px;text-align: center;line-height: 40px;}
.xwlei li a{display: block;font-size: 16px;color: #434343;border-radius: 50px;transition: 0.5s;border: 1px solid #D2213E;background: #f1f1f1;}
.xwlei li:hover a{background: #D2213E;color: #fff;}
/* 新闻列表 */
.newsList li{margin: 20px 0;transition: .5s;padding: 0 0 10px;border-bottom: 1px solid #e5e5e5;}
.newsList li .timeDiv{transition: .5s;width: 210px;height: 155px;overflow: hidden;float: left;margin-left: 15px;}
.newsList li .timeDiv img{width: 100%;height: 100%;object-fit: cover;transition: 1s;}
.newsList li:hover .timeDiv img{transform: scale(1.2);}
.newsList li .timeDiv p{font-size: 50px;padding-top: 5px;}

.newsList li .titBox{float: left;width: 65%;margin-left: 40px;padding-right: 50px;border-right:1px solid #e5e5e5;margin-right: 40px; }
.newsList li .titBox .time{font-size: 14px;color: #989898;}
.newsList li .titBox .one,.newsList li .titBox .two{font-size: 20px;}
.newsList li .titBox .one a{color: #333333;display: inline-block;transition: 0.5s;}
.newsList li .titBox .one a{font-size: 18px;font-weight: 600;}
.newsList li:hover .titBox .one a{color:#D2213E;transform: translate(10px);}
.newsList li .titBox .two{width: 200px;height: 1px;background: #bebebe;margin: 10px 0;}
.newsList li .titBox .three{font-size: 16px;color: #888888;}
.newsList li .btn{width: 112px;height: 36px;background: #d9d9d9;display: block;line-height: 36px;text-align: center;color: #6d6d6d;border-radius: 25px;float: left;margin-top: 60px;font-size: 16px;}
.newsList li:hover .btn{background: #D2213E;color: #ffffff;}
.pageContent .title{margin-top: 0;font-size: 40px;}
.pageContent .titlecon{margin-top: 0;font-size: 20px;}
.pageContent .title p{font-size: 24px;height: 24px;line-height: 24px;border-left: 4px solid #2f318b;padding-left: 15px;font-weight: bold;margin-bottom: 40px;}
.pageContent .title p em{font-size: 18px;color: #bebebe;margin-left: 10px;font-weight: normal}
.news {margin: 50px 0 0 0;}

/*内页样式*/
.nr{line-height:36px;font-size:14px;margin-bottom:20px;}
.pubdate{text-align: center;font-size:16px;}
.nr a{font-size: 14px;}
.info{margin-bottom: 20px;}
.left{width:240px;float: left;margin-right: 20px;}
.right{float: left;}
.cpfl{width: 240px;float: left;margin-right:20px;background-color: #f3f3f3;}
.cpfl ul{color: #fff;font-size: 22px;text-align: center;background-color: #D2213E;height: 50px;padding:20px 0px;}
.cpfl ul p{font-size: 15px;text-transform: uppercase;}
.cpfl li{height:55px;line-height:55px;transition:all .2s ease;border-bottom: 1px solid #fff;text-indent:20px;}
.cpfl li a{font-size:15px;}
.cpfl li:hover{transition:all .2s ease; text-indent:30px;background-color:#ad1b33;}
.cpfl li:hover a{color:#fff;}
.cpfl dl{background-color: #D2213E;height: 46px;line-height: 46px;text-align: center;color: #fff;font-size: 14px;font-weight: bold;}
.cpfl dt{padding: 0px 5px;line-height: 32px;font-size: 14px;}
.nlx{ margin-top: 15px; }
.nlxt{ height: 42px; line-height: 42px; background: #D2213E; font-size: 16px; color: #fff; padding-left: 20px;}
.nlxb{ padding:0px 0px 0px 5px; line-height:38px; font-size: 14px; border: 1px solid #CCCCCC;}
.info img{width:850px;}
table{border-collapse: collapse;}
.cp_l{ width:420px; margin-right:30px;}
.cp_r dl{border-bottom:1px solid #EEEEEE;font-size: 22px;font-weight: bold;background-color: #FAFAFA;line-height: 40px;height: 40px;border-left: 2px solid #D2213E;padding-left: 10px;margin-bottom: 50px;}
.cp_r ul{background-color: #FDFDFD;padding: 10px;margin-bottom:5px;}
.cp_r ul li{color: #D2213E;font-size: 16px;}
.cp_r ul ol img{float: left;width: 130px;margin-right: 10px;}
.cp_r ul ol p{line-height: 26px;font-size: 13px;text-indent: 2em;}
.cp_r dd{font-size: 16px;line-height: 50px;}
.cp_r dt{margin-top:10px;padding: 15px 20px;font-size: 14px;color: #666;background-color: #efefef;border-radius: 15px;overflow: hidden;line-height:31px;}
#preview{ float:none; margin:0px auto; text-align:center; width:420px;}
.jqzoom{width:410px;height:410px;position:relative; border: 1px solid #DDDDDD;display: table-cell; vertical-align: middle; padding: 4px;}
.zoomdiv{ left:859px; height:300px; width:300px;}
.list-h li{ float:left;}
#spec-n5{width:420px;height:56px; padding-top:6px; overflow:hidden;}
#spec-left{width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}
#spec-list{float:left; overflow:hidden; margin-left:5px;display:inline;position:relative; width:390px; margin-right:5px;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:65px;}
#spec-list ul li img{padding:2px;border:1px solid #ccc; width:50px; height:50px;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:430px;height:430px;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list div{ margin-top:0;margin-left:0px; width: 100% !important;}
.nyxx{background: #fafafa;color: #444;line-height: 36px;font-weight: bold;font-size: 15px;border-radius: 5px;margin: 10px 0px;}
.nyxx i{background: #D2213E;width: 2px;height: 20px;display: block;float: left;margin: 8px 10px 0px 0px;}
/* 内页人才招聘 */
.zpxx{}
.zpxx li .zpt{cursor: pointer;padding: 10px;border-bottom: 3px solid #fff;background: #D2213E;color: #fff;display: flex;justify-content: space-between;}
.zpt .zptl{width: 70%;overflow: hidden;}
.zpt .zptl span{font-size: 25px;font-weight: bold;}
.zpt .zptl p{font-size: 16px;line-height: 2.5;display: inline;}
.zpt .zptc{font-size: 16px;font-weight: bold;}
.zpt .zptr{font-size: 16px;}
.zpxx li .zpb{padding: 10px;background: #f1f1f1;display: none;}
.zpxx li:first-child .zpb{display: block;}
/* 内页联系我们 */
.lcontent{display: flex;justify-content: space-between;}
.lxl{width: 50%;}
.lxr{width: 45%;}
.lxr li{padding-bottom: 20px;border-bottom: 1px solid #ccc;margin-bottom: 20px;}
.lxr li img{float: left;transition: 0.5s;}
.lxr li:hover img{transform: rotateY(360deg);}
.lxr li .nimgr{float: left;margin-left: 20px;}
.lxr li .nimgr span{font-size: 16px;}
.lxr li .nimgr p{font-size: 20px;}


.moddle{ width:1400px;}	
#nav li{width: 160px;position: relative;}
#nav li::after{content: "";display: block;position: absolute;left: 0;bottom: 0;width: 0;height: 2px;background: #fff;transition: 0.5s;}
#nav li:hover::after{width: 100%;}
#nav li dl{width: 100%; margin-left: 0;}
.rmss{width:885px;padding-left: 40px;background: url(../images/hot.png) no-repeat left;background-size: 35px;}
.icpfl dl{height: 100px;line-height: 100px;}
.icpfl ul li{height:48px;line-height: 48px;margin-bottom:12px;}	
.icpfl dt{padding:29px 0px;}
.icpfl dt p{margin-top:6px;}
.cpzs{width:1158px;float:left;}
.cpzs div{width:274px;margin-right:20px;float:left;background-color: #f1f1f1;margin-bottom: 20px;}
.cpzs div li{height:201px;overflow: hidden;}
.cpzs div li a img{width: 100%;height: 100%;transition: all 0.6s;object-fit: cover;}
.cpzs div:hover li a img{transition: all 0.6s;transform: scale(1.2);}
.cpzs div:nth-child(4n){margin-right:0px;}
.cpzs div p{height:50px;padding: 10px 0;text-align: center;}
.cpzs div p a{font-size:16px;color: #333;}
.cpzs div:hover{background-color:#D2213E;}
.cpzs div:hover a{color: #fff;}
.company ul{width:760px;float: right;margin-left: 20px;}
.company ul p{line-height:32px;font-size: 16px;}
.company ul ol{margin-top: 32px;}
.qabout .qimg{height: 250px;transition: 0.5s;padding: 5px;position: relative;}
.qabout .qimg img{width: 100%;height: 100%;object-fit: cover;border: 2px solid #D2213E;}
.qabout .qimg .cbox{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(255, 255, 255, 0.8);line-height: 260px;font-size: 20px;color: #272b5c;text-align: center;font-weight: bold;opacity: 0;transition: 0.5s;}
.qabout .qimg .cbox::before{content: "";display: block;position: absolute;left: 10%;top: 100px;margin-left: -50px;width: 100px;height: 2px;background: #D2213E;transition: 0.5s;opacity: 0;}
.qabout .qimg .cbox::after{content: "";display: block;position: absolute;right: 10%;top: 160px;margin-right: -50px;width: 100px;height: 2px;background: #D2213E;transition: 0.5s;opacity: 0;}
.qabout .qimg:hover .cbox::before{opacity: 1;left: 50%;}
.qabout .qimg:hover .cbox::after{opacity: 1;right: 50%;}
.qabout .qimg:hover .cbox{opacity: 1;}

.sl1 ul {float: left;border-right: 1px solid #CDCDCD;width: 201px;padding:0px 72px;}
.sl1 ul:nth-child(4){width:206px;border-right: none;}
.sl1 ul img{float: left;margin-right: 10px;margin-top: 10px;transition: all .8s ease 0s;}
.sl1 ul:hover img{transform: rotateY(360deg);}
.sl1 ul li {font-size: 16px;}
.sl1 ul li span {font-size:36px;color: #D2213E;font-family: "impact";}
.sl1 ul p {font-size:22px;color: #434343;font-weight: lighter;}
.fs_rt ol {overflow: hidden;zoom: 1;margin-top: -60px;position: relative;float: left;}
.fs_rt ol .n_name {color: #333;border: 2px solid #333;font-size: 15px;display: block;width: 140px;float: left;text-align: center;height: 56px;line-height:56px;margin-right: 10px;}
.fs_rt ol .cur{background-color:#D2213E;color: #fff;}	
.n_list dl{width:500px;float: left;background-color: #D2213E;color: #fff;padding: 60px 200px 60px 70px;height: 296px;}
.n_list dl span{font-size: 42px;font-weight: bold;}
.n_list dl li{font-size: 24px;padding-bottom: 6px;margin-top: 20px;margin-bottom: 15px;position: relative;}
.n_list dl li::before{content: "";display: block;position: absolute;left: 0;bottom: 0;width: 50px;height: 1px;background: #fff;transition: ease-in-out 0.5s;transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.n_list dl:hover li::before{width: 100%;}
.n_list dl dt{font-size: 18px;line-height: 36px;}
.n_list dl p{background-color: #fff;width: 120px;height: 40px;line-height: 40px;text-align: center;margin-top: 20px;}
.n_list dl p a{font-size: 16px;}
.n_list dd{width: 700px;float: left;margin-left: -70px;height: 494px;overflow: hidden;margin-top: 55px;}
.n_list dd img {width: 700px;height: 494px;transition: all 0.6s;}
.n_list dd:hover img{transform: scale(1.2);}
.jg_yy{background: url(../images/jgyybj.jpg) no-repeat bottom;}
.jgyy{position: relative;padding: 40px 0;}
.jgyy .jgimg{height: 245px;overflow: hidden;}
.jgyy .jgimg img{width: 100%;height: 100%;object-fit: cover;transition: 1.5s;}
.jgyy .jgb{background: #f1f1f1;padding: 15px 10px;}
.jgyy .jgb span{font-size: 16px;color: #333;}
.jgyy .jgb p{font-size: 14px;color: #777;line-height: 2;margin: 7px 0;}
.jgyy .jgb em{font-size: 14px;color: #333;}
.jgyy .swiper-slide:hover .jgb{background: #D2213E;color: #fff;}
.jgyy .swiper-slide:hover .jgb span{color: #fff;}
.jgyy .swiper-slide:hover .jgb p{color: #fff;}
.jgyy .swiper-slide:hover .jgb em{color: #fff;}
.jgyy .swiper-slide:hover .jgimg img{transform: scale(1.2);}
.jgyy .swiper-button-prev{left: -60px;top: 237px;}
.jgyy .swiper-button-next{right: -60px;top: 237px;}
.jgyy .swiper-button-prev:after,.jgyy .swiper-button-next:after{content: "";}
.jgyy .swiper-button-prev:focus,.jgyy .swiper-button-next:focus{outline: none;}
.xwzx1 dl{ width:341px; float:left;margin-right:12px;}
.xwzx1 dl:nth-child(4n){margin-right:0px;}
.xwzx1 dl dt{width:341px;height:260px;overflow: hidden;}
.xwzx1 dl dt a img{width:341px;height:260px;cursor: pointer;transition: all 0.6s;}
.xwzx1 dl:hover dt a img{transform: scale(1.2);}
.xwzx1 dl li{height: 36px;line-height: 36px;overflow: hidden;}
.xwzx1 dl li a{color: #303030;font-size: 16px;}
.xwzx1 dl li:hover a{color: #D2213E;}
.xwzx1 dl ol{line-height: 26px;height:52px; overflow:hidden;font-size: 14px;}
.xwzx1 dl p{color: #999999;font-size: 14px;line-height: 26px;}
.footnav dl:nth-child(1){width:200px;}
.footnav dl:nth-child(2){width:500px;}
.footnav dl:nth-child(2) dt{ width:50%; float:left;}
.footnav ul{width:500px;}
.footnav dl:nth-child(4){width:200px;}
.prolist {width: 100%;overflow: hidden;}
.prolist dl {float: left;width:272px;height: auto;line-height: 0px;margin-right: 10px;}
.prolist dl:nth-child(5n){margin-right: 0px;}	
.prolist dt {width:270px;height: auto;text-align: center;border: 1px solid #CCCCCC;border-radius: 5px;}
.prolist dt a {width: 100%;}
.prolist dd {text-align: center;height:46px;line-height:46px;overflow: hidden;font-size: 14px;width: 100%;}
.pro_list_img {width:270px;height:270px;display: table-cell;vertical-align: middle;margin: 0px;float: none;line-height: 0px;
font-size: 0px;overflow: hidden;}
.prolist dt .pro_list_img img {padding: 0px;border: none;width: auto;height: auto;max-width: 100%;max-height: 100%;display: block;margin: auto;line-height: 0px;font-size: 0px;cursor:pointer;transition: all 0.6s;}
.prolist dl dd a {color: #333;}
.prolist dt:hover .pro_list_img img{transform:scale(1.3);}
.prolist dl:hover dd a{color: #D2213E;}
.right{width:1140px;}
.product {width: 100%;overflow: hidden;}
.product dl {float: left;width:200px;height: auto;line-height: 0px;margin-right: 12px;}
/*.product dl:nth-child(4n){margin-right: 0px;}*/	
.product dt {height: auto;text-align: center;border: 1px solid #CCCCCC;border-radius: 5px;}
.product dt a {width: 100%;}
.product dd {text-align: center;height:46px;line-height:46px;overflow: hidden;font-size: 14px;width: 100%;}
.product_img {width:274px;height:230px;display: table-cell;vertical-align: middle;margin: 0px;float: none;line-height: 0px;
font-size: 0px;overflow: hidden;}
.product dt .product_img img {padding: 0px;border: none;width: auto;height: auto;max-width: 100%;max-height: 100%;display: block;margin: auto;line-height: 0px;font-size: 0px;cursor:pointer;transition: all 0.6s;}
.product dl dd a {color: #333;}
.product dt:hover .product_img img{transform:scale(1.3);}
.product dl:hover dd a{color: #D2213E;}
.cp_r{ width:400px;padding-top: 90px;}

/* 侧边工具栏 */
#toolbar {
  position: fixed;
  z-index: 9999;
  right: 17px;
  bottom: 10%;
}

#toolbar li {
  margin-bottom: 3px;
  font-size: 0;
  width: 57px;
  height: 57px;
  right: 0;
  position: relative;
}

#toolbar li a {
  display: block;
  position: absolute;
  z-index: 9;
  right: 0;
  top: 0;
  width: 57px;
  height: 57px;
  overflow: hidden;
  background: #292e39;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  white-space: nowrap;
  font-size: 0;
}

#toolbar li .icon-font {
  display: inline-block;
  vertical-align: middle;
  width: 57px;
  height: 57px;
  background-color: #d9d9d9;
}

#toolbar li .icon-qq:after {
  background-position: 0 -150px;
}

#toolbar li .icon-phone:after {
  background-position: 0 -90px;
}

#toolbar li .icon-ewm:after {
  background-position: 0 -30px;
}

#toolbar li .icon-message:after {
  background-position: 0 -120px;
}

#toolbar li .icon-top:after {
  background-position: 0 -60px;
}

#toolbar li .icon-wangwang:after {
  background-position: 0 0;
}

#toolbar li .wz {
  display: inline-block;
  line-height: 57px;
  font-size: 14px;
  color: #fff;
  vertical-align: middle;
  padding-left: 10px;
}

#toolbar li.ewm .ewm-box {
  position: absolute;
  z-index: 1;
  padding: 5px;
  background: #292e39;
  width: 110px;
  right: 120%;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: all .7s;
  transition: all .7s;
}

#toolbar li.ewm .ewm-box p {
  margin-bottom: 0;
}

#toolbar li.ewm .ewm-box img {
  max-width: 100%;
}

#toolbar li.ewm .ewm-box:after {
  content: '';
  position: absolute;
  right: -5px;
  bottom: 20px;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
  border-width: 5px;
  cursor: pointer;
  border-style: dashed dashed dashed solid;
  border-color: transparent transparent transparent #292e39;
  border-right: none;
}

#toolbar li.ewm:hover .icon {
  background-position: -57px -180px;
}

#toolbar li.ewm:hover .ewm-box {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

#toolbar li.backtop {
  cursor: pointer;
}

#toolbar li.backtop .iconfont {
  color: #fff;
  background-color: #292e39;
}

#toolbar li:hover a {
  width: 200px;
}

#toolbar li:hover .icon-font {
  background-color: #292e39;
}

#toolbar li:hover .icon-qq:after {
  background-position: -30px -150px;
}

#toolbar li:hover .icon-phone:after {
  background-position: -30px -90px;
}

#toolbar li:hover .icon-ewm:after {
  background-position: -30px -30px;
}

#toolbar li:hover .icon-message:after {
  background-position: -30px -120px;
}

#toolbar li:hover .icon-wangwang:after {
  background-position: -30px 0;
}

#toolbar li:hover .icon-top:after {
  background-position: -30px -60px;
}
.icon-font {
  position: relative;
}

.icon-font:after {
  content: "";
  width: 30px;
  height: 30px;
  background-image: url(../images/icon_spirit.png);
  background-repeat: no-repeat;
  position: absolute;
  left: calc(50% - 15px);
  top: calc(50% - 15px);
}