@charset "utf-8";
/* CSS Document */
body {margin: 0;padding: 0;font-size: 12px;font-family: Arial, "microsoft yahei";color: #333;background: #fff;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {margin: 0;padding: 0;}
ul, li, ol {list-style: none;}

a {text-decoration: none;color: #333;}
a:hover {text-decoration: none;color: #e60012;}

.clear {clear: both;}
.clearfix:after, .clearfix:before {display: table;content: "";line-height: 0;}
.clearfix:after {clear: both;}

img {border: 0}

input, textarea {font-family: "Microsoft YaHei";}
input:focus, textarea:focus {outline: none;}

::selection {background: #e60012;color: #fff;}
::-moz-selection {background:#e60012;color:#fff;}
::-webkit-selection {background:#e60012;color:#fff;}

.fadeInLeft {animation: fadeInLeft 2s;}
.fadeInRight {animation: fadeInRight 2s;}
.fadeInDown {animation: fadeInDown 2s;}
.fadeInUp {animation: fadeInUp 2s;}

.fl {float: left;}
.fr {float: right;}
.weaper{max-width: 1920px; margin:0 auto; position:relative;}
.box{ width:1200px; margin:0 auto; position:relative;}
.page_box{ width:1200px; margin:0 auto; position:relative;}

/* menu */
#menu { position: fixed; right: 50px; top: 40%; width: 22px;  padding: 0; list-style-type: none; z-index: 70;}
#menu li{ margin-top: 10px; font: 14px "Microsoft Yahei";}
#menu a{ display: block; background: url(../images/menu.png) center no-repeat; width:22px; height:22px;}
#menu .active a {background: url(../images/menuh.png) center no-repeat;}
/*======================等比填充======================*/
*[class*="rect-"] {position: relative;display: block;width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] .full {position: absolute;left: 0;top: 0;width: 100%;height: 100%; object-fit: cover;}
.rect-50 {padding-bottom: 50%;}
.rect-65 {padding-bottom: 65%;}


/* header */
.header{width: 100%;height: 60px;position: fixed; padding: 20px 0; left: 0;z-index: 9999;  top : 0;background: rgba(255,255,255,0.6);}
.header.fixed{position:fixed; left:0;top: 0; z-index:9999;  background:rgba(255, 255, 255, 1);box-shadow: 0 0 10px #ccc;}
.header .logo{max-width: 189px;width: 189px; height: 50px;float: left;position: relative; margin-left: 8%;}
.header .logo img{width:100%; position:absolute;top:5px;left: 0;}
.header .nav{ height:90px; float:right; margin-right:8%;}
.header .nav ul{ margin:0 auto;}
.header .nav ul li{ float:left; line-height: 60px; text-align:center;}
.header .nav ul li a{ color:#000;font-size:16px; display:block; padding:0 30px;}
.header .nav ul li:hover a{ color:#e60012;-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.header .nav .on a{color:#e60012;-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}

/* banner */
.banner {width:100%;position:relative;height:100vh;}
.banner .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.banner .bd ul{width:100% !important;}
.banner .bd li{width:100% !important; height:100vh;overflow:hidden;text-align:center;}
.banner .hd {width:100%;position:absolute;z-index:1;bottom:20%;left:0;}
.banner .hd ul{text-align:center;}
.banner .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:15px;height:15px; border:solid 1px #fff; border-radius:8px; margin:0 5px;overflow:hidden;line-height:999px;}
.banner .hd ul .on{background:#fff;}
.banner .prev, .banner .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-22px;left:8%;z-index:1;width:44px;height:44px;background:url(../images/ad_ctr.png) 0 0 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.banner .next{left:auto;right:8%;background-position:0 -44px;}

/* section2 */
.section2{ background: url(../images/section2.jpg) top center no-repeat; position:relative;}
.section2 .in_title{ text-align: center;}
.section2 .in_title h2{ font-size:30px; margin-bottom:15px;}
.section2 .in_title h2 span{ color:#e60012;}
.section2 .in_title i{width:40px; height:2px; background:#e60012; position:absolute; left:50%; margin-left:-20px; }
.section2 .in_title p{font-size: 14px; color:#666; margin-top: 32px;}
.section2 .in_about{ margin-top:50px; width:100%;}
.section2 .in_about .abo_left{ float: left; position:relative; width:500px;}
.section2 .in_about .abo_left .p1{ background:url(../images/abo_left.jpg) center center no-repeat; width:500px; height: 360px;}
.section2 .in_about .abo_left .p1 .video{ width:65px; height:65px; position:absolute; left: calc(50% - 32.5px); top: calc(50% - 32.5px);}
.section2 .theme-mask{z-index:9999; position:fixed; _position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.8); display:none; }
.section2 .popover_video{ width:1000px; height:500px; z-index:10000; position:fixed; top:50%;left:50%; background:#fff; margin:-15% 0 0 -500px;   box-shadow:1px 1px 6px 3px rgba(0,0,0,.2); display:none; text-align:center; border-radius:5px; padding:30px 0;}
.section2 .popover_video dl{font-size:14px; line-height:40px;}
.section2 .popover_video dl a{ position:absolute; right:10px; top:10px; width: 24px; height:24px; background:url(../images/cha.png)center center no-repeat;}
.section2 .in_about .abo_right{ float: left; position:relative; margin-left: 60px; width:640px;}
.section2 .in_about .abo_right .p1{ font-size:28px; color:#e60012; font-weight: bold; line-height: 28px;}
.section2 .in_about .abo_right .p2{ font-size: 14px; color:#333; margin-top: 25px; line-height: 30px;}
.section2 .in_about .abo_right .p3{ width:100%; margin-top: 35px;}
.section2 .in_about .abo_right .p3 .p3_1{ float: left;}
.section2 .in_about .abo_right .p3 .p3_1 h1{ font-size: 60px; font-family:Helvetica; color:#e60012; float: left; line-height:60px;}
.section2 .in_about .abo_right .p3 .p3_1 p{ font-size: 18px; color:#333; margin-left:15px; float: left; line-height:60px;}
.section2 .in_about .abo_right .p3 i{ width:1px; height:30px; background:#ccc; margin: 15px 25px; float: left;}
.section2 .in_about .abo_right .p3 .p3_2{ float: left;}
.section2 .in_about .abo_right .p3 .p3_2 h1{ font-size: 60px; font-family:Arial; color:#e60012; float: left; line-height:60px;}
.section2 .in_about .abo_right .p3 .p3_2 p{ font-size: 18px; color:#333; margin-left:15px; float: left; line-height:60px;}
.section2 .in_about .abo_right .p4 li{ float: left; width: 24.8%; text-align:center; margin-top:25px;}
.section2 .in_about .abo_right .p4 i{ background:url(../images/a_line.png) center center no-repeat; width:1px; height:50px; float: left;    margin: 32px 0;}
.section2 .in_about .abo_right .p4 .p4_1{position: relative; top:0px;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.section2 .in_about .abo_right .p4 .p4_1 dd{background:url(../images/a_icon1.png)center no-repeat; width:50px; height:50px; margin:0 auto 18px; }
.section2 .in_about .abo_right .p4 .p4_1 span{ font-size:15px; color:#333; }
.section2 .in_about .abo_right .p4 .p4_1:hover{top:-10px;}
.section2 .in_about .abo_right .p4 .p4_2{position: relative;top:0px;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.section2 .in_about .abo_right .p4 .p4_2 dd{background:url(../images/a_icon2.png)center no-repeat; width:59px; height:50px; margin:0 auto 18px; }
.section2 .in_about .abo_right .p4 .p4_2 span{ font-size:15px; color:#333; }
.section2 .in_about .abo_right .p4 .p4_2:hover{top:-10px;}
.section2 .in_about .abo_right .p4 .p4_3{position: relative;top:0px;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.section2 .in_about .abo_right .p4 .p4_3 dd{background:url(../images/a_icon3.png)center no-repeat; width:54px; height:50px; margin:0 auto 18px; }
.section2 .in_about .abo_right .p4 .p4_3 span{ font-size:15px; color:#333; }
.section2 .in_about .abo_right .p4 .p4_3:hover{top:-10px;}
.section2 .in_about .abo_right .p4 .p4_4{position: relative;top:0px;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.section2 .in_about .abo_right .p4 .p4_4 dd{background:url(../images/a_icon4.png)center no-repeat; width:50px; height:50px; margin:0 auto 18px; }
.section2 .in_about .abo_right .p4 .p4_4 span{ font-size:15px; color:#333; }
.section2 .in_about .abo_right .p4 .p4_4:hover{top:-10px;}

/* section3 */
.section3{ background: url(../images/section3.jpg) top center no-repeat; position:relative;}
.section3 .in_title{ text-align: center;}
.section3 .in_title h2{ font-size:30px; margin-bottom:15px;}
.section3 .in_title h2 span{ color:#e60012;}
.section3 .in_title i{ width:40px; height:2px; background:#e60012; position:absolute; left:50%; margin-left:-20px; }
.section3 .in_title p{ font-size: 14px; color:#666; margin-top: 32px;}
.section3 .in_product{ width:100%; margin-top:50px;}
.section3 .in_product ul{margin-left:-2.5%;}
.section3 .in_product li{ float: left; margin-left:2.5%; position: relative; overflow: hidden; width:22.5%;}
.section3 .in_product li a{ display: block;}
.section3 .in_product li img{width:100%;position: relative;transform: scaleX(1) scaleY(1);-webkit-transition: all .5s; -moz-transition: all .3s; transition: all .5s;}
.section3 .in_product li:hover img{transform: scaleX(1.05) scaleY(1.05);}
.section3 .in_product li .pro_1{ position:absolute; width:312px; height:156px; background: rgba(255,255,255,.75); left: calc(50% - 156px); bottom: 0; z-index:0;}
.section3 .in_product li .pro_1 i{ background: url(../images/p_icon1.png) center no-repeat; width:40px; height:40px; float: left; margin:30px 136px 0;}
.section3 .in_product li .pro_1 h1{ text-align: center; font-size: 18px; height:18px; margin:15px auto; font-weight: bold; color:#000; float: left; width:100%; line-height: 18px;}
.section3 .in_product li .pro_1 p{ text-align: center; font-size: 13px; color:#666; float: left; width:100%; text-transform : uppercase}
.section3 .in_product li .pro_1 span{position:absolute; bottom:0px; width:100%; left:0px; height:0%; background: rgba(230,0,18,.8); z-index:-1; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.section3 .in_product li:hover .pro_1 i{background: url(../images/p_icon1h.png) center no-repeat; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.section3 .in_product li:hover .pro_1 h1,.section3 .in_product li:hover .pro_1 p{ color:#fff; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.section3 .in_product li:hover .pro_1 span{height:100%; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.section3 .in_product li .pro_2{ position:absolute; width:312px; height:156px; background: rgba(255,255,255,.75); left: calc(50% - 156px); bottom: 0;z-index:0;}
.section3 .in_product li .pro_2 i{ background: url(../images/p_icon2.png) center no-repeat; width:40px; height:40px; float: left; margin:30px 136px 0;}
.section3 .in_product li .pro_2 h1{ text-align: center; font-size: 18px; height:18px; margin:15px auto; font-weight: bold; color:#000; float: left; width:100%; line-height: 18px;}
.section3 .in_product li .pro_2 p{ text-align: center; font-size: 13px; color:#666; float: left; width:100%; text-transform : uppercase}
.section3 .in_product li .pro_2 span{position:absolute; bottom:0px; width:100%; left:0px; height:0%; background: rgba(230,0,18,.8); z-index:-1; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.section3 .in_product li:hover .pro_2 i{background: url(../images/p_icon2h.png) center no-repeat; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.section3 .in_product li:hover .pro_2 h1,.section3 .in_product li:hover .pro_2 p{ color:#fff; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.section3 .in_product li:hover .pro_2 span{height:100%; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.section3 .in_product li .pro_3{ position:absolute; width:312px; height:156px; background: rgba(255,255,255,.75); left: calc(50% - 156px); bottom: 0;z-index:0;}
.section3 .in_product li .pro_3 i{ background: url(../images/p_icon3.png) center no-repeat; width:43px; height:40px; float: left; margin:30px 134.5px 0;}
.section3 .in_product li .pro_3 h1{ text-align: center; font-size: 18px; height:18px; margin:15px auto; font-weight: bold; color:#000; float: left; width:100%; line-height: 18px;}
.section3 .in_product li .pro_3 p{ text-align: center; font-size: 13px; color:#666; float: left; width:100%; text-transform : uppercase}
.section3 .in_product li .pro_3 span{position:absolute; bottom:0px; width:100%; left:0px; height:0%; background: rgba(230,0,18,.8); z-index:-1; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.section3 .in_product li:hover .pro_3 i{background: url(../images/p_icon3h.png) center no-repeat; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.section3 .in_product li:hover .pro_3 h1,.section3 .in_product li:hover .pro_3 p{ color:#fff; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.section3 .in_product li:hover .pro_3 span{height:100%; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.section3 .in_product li .pro_4{ position:absolute; width:312px; height:156px; background: rgba(255,255,255,.75); left: calc(50% - 156px); bottom: 0;z-index:0;}
.section3 .in_product li .pro_4 i{ background: url(../images/p_icon4.png) center no-repeat; width:43px; height:40px; float: left; margin:30px 134.5px 0;}
.section3 .in_product li .pro_4 h1{ text-align: center; font-size: 18px; height:18px; margin:15px auto; font-weight: bold; color:#000; float: left; width:100%; line-height: 18px;}
.section3 .in_product li .pro_4 p{ text-align: center; font-size: 13px; color:#666; float: left; width:100%; text-transform : uppercase}
.section3 .in_product li .pro_4 span{position:absolute; bottom:0px; width:100%; left:0px; height:0%; background: rgba(230,0,18,.8); z-index:-1; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.section3 .in_product li:hover .pro_4 i{background: url(../images/p_icon4h.png) center no-repeat; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.section3 .in_product li:hover .pro_4 h1,.section3 .in_product li:hover .pro_4 p{ color:#fff; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.section3 .in_product li:hover .pro_4 span{height:100%; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.section3 .pro_more{ width: 138px; height: 43px; border:1px #666 solid; text-align: center; margin:50px auto 0; line-height:45px;}
.section3 .pro_more a{ font-size: 14px; color:#333; display: block;}
.section3 .pro_more:hover{ background:#e60012; border:1px #e60012 solid; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.section3 .pro_more:hover a{ color:#fff; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}

/* section4 */
.section4{ background: url(../images/section4.jpg) top center no-repeat; position:relative;}
.section4 .in_title{ text-align: center;}
.section4 .in_title h2{ font-size:30px; margin-bottom:15px;}
.section4 .in_title h2 span{ color:#e60012;}
.section4 .in_title i{ width:40px; height:2px; background:#e60012; position:absolute; left:50%; margin-left:-20px; }
.section4 .in_title p{ font-size: 14px; color:#666; margin-top: 32px;}
.section4 .in_news{ width:100%; margin-top:50px;}
.section4 .in_news ul{ margin-left:-2.5%}
.section4 .in_news li{ width:22.5%; margin-left:2.5%; float: left; background:#fff;-webkit-box-shadow: rgba(0,0,0,.1) 0px 0px 15px; -moz-box-shadow: rgba(0,0,0,.1) 0px 0px 15px; box-shadow: rgba(0,0,0,.1) 0px 0px 15px;}
.section4 .in_news li:hover{-webkit-box-shadow: rgba(230,0,18,.1) 0px 0px 15px; -moz-box-shadow: rgba(230,0,18,.1) 0px 0px 15px; box-shadow: rgba(230,0,18,.1) 0px 0px 15px;}
.section4 .in_news li .img{ width:100%; min-height:180px; overflow: hidden;}
.section4 .in_news li .img img{ width:100%; min-height: 180px; position: relative;transform: scaleX(1) scaleY(1);-webkit-transition: all .5s; -moz-transition: all .3s; transition: all .5s;}
.section4 .in_news li:hover .img img{transform: scaleX(1.05) scaleY(1.05);}
.section4 .in_news li h2{ padding:0 20px; font-size:16px; color:#222; font-weight: normal; margin:25px auto 20px; line-height:16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;font-weight:bold;}

.section4 .in_news li h2:hover{ color:#e60012;font-weight:bold;}

.section4 .in_news li span{padding:0 20px; font-size:14px; color:#666; }
.section4 .in_news li P{padding:0 20px; font-size:14px; color:#666; line-height: 24px; margin:15px auto 25px; height: 48px;overflow: hidden; }
.section4 .news_more{ width: 138px; height: 43px; border:1px #666 solid; text-align: center; margin:50px auto 0; line-height:45px;}
.section4 .news_more a{ font-size: 14px; color:#333; display: block;}
.section4 .news_more:hover{ background:#e60012; border:1px #e60012 solid; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.section4 .news_more:hover a{ color:#fff; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}

/* section5 */
.section5{ background: url(../images/section5.jpg) top center no-repeat; position:relative;}
.section5 .in_title{ text-align: center;}
.section5 .in_title h2{ font-size:30px; margin-bottom:15px;}
.section5 .in_title h2 span{ color:#e60012;}
.section5 .in_title i{ width:40px; height:2px; background:#e60012; position:absolute; left:50%; margin-left:-20px; }
.section5 .in_title p{ font-size: 14px; color:#666; margin-top: 32px;}
.section5 .in_contact{ width:100%; margin-top:50px;}
.section5 .in_contact .con_1{ width:74%; margin:0 auto;}
.section5 .in_contact .con_1 .con_1_l{ float: left; width:50%;}
.section5 .in_contact .con_1 .con_1_l li{ float: left; margin:0 20px; width: 130px;}
.section5 .in_contact .con_1 .con_1_l li img{ border:1px #eee solid; width:130px; height:130px;}
.section5 .in_contact .con_1 .con_1_l li p{ text-align:center; font-size:14px; margin:10px auto 0; line-height:14px;}
.section5 .in_contact .con_1 .con_1_r{ float: right; width:50%;}
.section5 .in_contact .con_1 .con_1_r h2{ font-size:24px; color:#000;}
.section5 .in_contact .con_1 .con_1_r .con_1_01{ width:100%; margin-top:20px;}
.section5 .in_contact .con_1 .con_1_r .con_1_01 li{ line-height:36px; width:100%; float: left;}
.section5 .in_contact .con_1 .con_1_r .con_1_01 li img{ float: left; margin:5.5px 0;}
.section5 .in_contact .con_1 .con_1_r .con_1_01 li p{ font-size:14px; color:#000; margin-left:15px; float: left;}
.section5 .in_contact .con_2{ width:900px; height:210px; border:10px rgba(230,0,18,.8) solid; margin: 20px auto 0;}
.section5 .foot{ width:100%; height:50px; border-top:1px #ddd solid; position: absolute; bottom:0; left:0;}
.section5 .foot .foot_l{float: left;position: relative;margin-left: 8%; line-height:50px; font-size: 12px; color:#666;}
.section5 .foot .foot_l a{ font-size:12px; color:#666;}
.section5 .foot .foot_l a:hover{ color:#e60012;}
.section5 .foot .foot_r{float: right;position: relative;margin-right: 8%;}
.section5 .foot .foot_r li{ margin-left: 20px; float:left;}
.section5 .foot .foot_r li .fa-qq::before{content: "\f1d6"; font-size: 16px; line-height:50px; color:#666; font-family: FontAwesome; height: auto; display: block;}
.section5 .foot .foot_r li .fa-weibo::before{content: "\f18a"; font-size: 16px; line-height:50px; color:#666; font-family: FontAwesome; height: auto; display:block;}
.section5 .foot .foot_r li .fa-weixin::before{content: "\f1d7"; font-size: 16px; line-height:50px; color:#666; font-family: FontAwesome; height: auto; display:block;}
.section5 .foot .foot_r li:hover .fa-qq::before,.section5 .foot .foot_r li:hover .fa-weibo::before,.section5 .foot .foot_r li:hover .fa-weixin::before{ color:#e60012; }
.BMap_stdMpCtrl,.BMap_cpyCtrl,.anchorBL{ display: none;}

/* page_banner */
.bannerbox {width:100%; position:relative; overflow:hidden;}
.page_banner{width:100%; position:relative; overflow:hidden; height:350px; }
.pbanner-C{ position: relative; width:1200px; margin:auto;}
.pbanner-C .tlbg{ position: absolute; left: 0; top: 230px; width: 600px; text-align: left; color: #fff; z-index:999;display: none;}
.pbanner-C .c{ overflow: hidden;}
.pbanner-C .zh{ font-size: 42px; line-height: 1.2; font-weight: bold;}
.pbanner-C .en{ font-size: 24px; text-transform: uppercase; font-family: "Arial"; font-weight: bold;}
.pbanner-C .c span{ display: block; opacity: 0; transform: translate(0px,100%); -webkit-transform: translate(0px,100%); transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s; -webkit-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s;}
.pbanner-C.inview  .c span{ transform: translate(0px,0px); -webkit-transform: translate(0px,0px); opacity: 1;}
.pageNavBox { height: 56px; position: relative;}

/* page */
.pageTop{width:100%; margin:0; padding:0; min-width:1200px; height:80px; position: absolute;z-index: 999;bottom: 0;background: rgba(0,0,0,0.4);}
.pageTop .crumbs{ font-size:14px; color:#fff;line-height: 40px;}
.pageTop .crumbs a{ color:#fff;}
.pageTop .crumbs span{ margin:0 5px;}
.pageTop .crumbs span a{ color:#fff;}
.pageTop .crumbs span a:hover{text-decoration: underline;}

.page_nav{ width: 100%;}
.page_nav li{ float: left; width: 170px; height: 40px; text-align: center; margin-right:1px; background:#007d3a;}
.page_nav li a{ line-height: 40px; font-size: 14px; color: #fff; display: block;}
.page_nav li:hover a{ background:#0d5930; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.page_nav li.select{background:#0d5930;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}

/* mainPage */
.mainPage{ width:100%; position:relative;}
.pageCon_1{ width:100%; background:#f9f9f9; padding: 70px 0;}
.pageCon_1 .t_con h2{ font-size:30px; color:#000; float: left; font-weight: normal; line-height:30px;}
.pageCon_1 .t_con p{ font-size:16px; color:#999; float: left; line-height:30px;  text-transform: uppercase;}
.pageCon_1 .p_con{padding-top: 30px; font-size:14px; line-height:2;}
.pageCon_1 .img_con{ margin:30px 0 0;}
.pageCon_1 .img_con ul{ margin-left:-3%;}
.pageCon_1 .img_con li{ float: left; width:30%; margin-left:3%;}
.pageCon_1 .img_con li img{ width:100%;}
.pageCon_2{ width:100%; background:#fff; padding: 70px 0 45px;}
.pageCon_2 .t_con h2{ font-size:30px; color:#000; float: left; font-weight: normal; line-height:30px;}
.pageCon_2 .t_con p{ font-size:16px; color:#999; float: left; line-height:30px;  text-transform: uppercase;}
.pageCon_2 .culli{ margin:45px auto 0;}
.pageCon_2 .culli ul{ margin-left:-2%;}
.pageCon_2 .culli li{float:left; width:28.335629%; margin-left:2%;padding:0 1.5%; margin-bottom:2%; height: 200px;background:#f9f9f9; position:relative; z-index:0;cursor:pointer;}
.pageCon_2 .culli li dd{ font-size:30px; text-align:center; font-weight: bold; margin-top: 40px; color:#333;}
.pageCon_2 .culli li p{ font-size:14px; text-align:center; margin-top:10px; line-height:24px; color:#666;}
.pageCon_2 .culli li i{ width:50px; height:1px; background:#e60012; position:absolute;left: calc(50% - 25px); bottom:40px;}
.pageCon_2 .culli li span{position:absolute; bottom:0px; width:100%; left:0px; height:0%; background: rgba(230,0,18,1); z-index:-1; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.pageCon_2 .culli li:hover dd,.pageCon_2 .culli li:hover p{ color:#fff; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.pageCon_2 .culli li:hover i{ background:#fff; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.pageCon_2 .culli li:hover span{height:100%; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.pageCon_3{ width:100%; background:#f9f9f9; padding: 70px 0;}
.pageCon_3 .t_con h2{font-size:30px; color:#000; float: left; font-weight: normal; line-height:30px;}
.pageCon_3 .t_con p{font-size:16px; color:#999; float: left; line-height:30px;  text-transform: uppercase;}
.pageCon_3 .org_con{ margin: 45px auto 0; width:100%;}
.pageCon_3 .org_con img{ max-width:100%;}

.pageCon_4{ width:100%; background:#fff; padding: 70px 0;}
.pageCon_4 .t_con h2{font-size:30px; color:#000; float: left; font-weight: normal; line-height:30px;}
.pageCon_4 .t_con p{font-size:16px; color:#999; float: left; line-height:30px;  text-transform: uppercase;}
.pageCon_4 .adv_con{ margin: 45px auto 0;}
.pageCon_4 .adv_con .adv_con_l{ float: left; width:500px;}
.pageCon_4 .adv_con .adv_con_l .adv_c{ width:92%; height:110px; background:#f9f9f9; padding:15px 4%; margin-top:20px; font-size:16px; line-height:36px; text-align:center;}
.pageCon_4 .adv_con .adv_con_l .adv_c span{ font-size:20px; color:#e60012; font-weight:600;}
.pageCon_4 .adv_con .adv_con_r{ width:600px; float:right;}
.pageCon_4 .adv_con .adv_con_r dd{ font-size:36px; color:rgba(230,0,18,.8);}
.pageCon_4 .adv_con .adv_con_r h1{ font-size:46px; font-weight: bold; color:#e60012; margin:30px 0 50px;}
.pageCon_4 .adv_con .adv_con_r p{ font-size: 16px; color:#333;  line-height:36px; margin-bottom: 50px;}
.pageCon_4 .adv_con .adv_con_r p span{ color:#e60012; font-weight: bold;}

.pageCon_5{ width:100%; background:#f9f9f9; padding: 70px 0;}
.pageCon_5 .t_con h2{font-size:30px; color:#000; float: left; font-weight: normal; line-height:30px;}
.pageCon_5 .t_con p{font-size:16px; color:#999; float: left; line-height:30px;  text-transform: uppercase;}
.autobtn{ margin-top: 45px;}
.autobtn .swiper-button-next, .autobtn .swiper-button-prev{opacity: 1; width: 60px; height: 60px; border-width: 1px; border-style: solid; -webkit-border-radius: 50%; border-radius: 50%; background: none;}
.autobtn .swiper-container{ width:84%;}
.autobtn .swiper-button-next:before,.autobtn .swiper-button-prev:before{position: absolute; display: block; content: ""; top: 50%; left: 50%; margin-top: -8px; width: 16px; height: 16px; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 0; border-left-width: 0; border-style: solid; -webkit-transition: all 0.3s; transition: all 0.3s;}
.autobtn .swiper-button-next:before{margin-left: -10px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.autobtn .swiper-button-prev:before{margin-left: -5px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg);}
.autobtn .swiper-button-prev{left: 0;}
.autobtn .swiper-button-next{right: 0;}
.pageCon_5 .swiper-container:before{position: absolute; display: block; content: ""; left: 0; top: 92px; width: 100%; height: 1px; background: #e60012;}
.pageCon_5 .swiper-button-next, .pageCon_5 .swiper-button-prev{top: 58px; margin-top: 0; border-color: #e60012;}
.pageCon_5 .swiper-button-next:before, .pageCon_5 .swiper-button-prev:before{border-color: #e60012;}
.pageCon_5 .subtitle{padding-bottom: 3.2%}
.pageCon_5 .year{font-size: 60px; line-height: 1; color: #444; text-align: center;}
.pageCon_5 .item .line{margin: 32px auto 40px; width: 1px; height: 11px; background: #e60012;}
.pageCon_5 .article{line-height: 30px;color: #888;background: #eee;padding: 20px;width: 192px;height: 150px;padding: 10px;border-radius:3px;}
.pageCon_5 .article:hover{
	background:#e60012;color:#fff;}
.pageCon_5 .item{margin: 0 18%;}
.autobtn .swiper-button-prev:hover:before{-webkit-transform: scale(1.3) rotate(-135deg); transform: scale(1.3) rotate(-135deg);}
.autobtn .swiper-button-next:hover:before{-webkit-transform: scale(1.3) rotate(45deg); transform: scale(1.3) rotate(45deg);}

.pageCon_6{ width:100%; background:#fff; padding: 70px 0;}
.pageCon_6 .t_con h2{font-size:30px; color:#000; float: left; font-weight: normal; line-height:30px;}
.pageCon_6 .t_con p{font-size:16px; color:#999; float: left; line-height:30px;  text-transform: uppercase;}
.honor .swiper-slide .text-center{font-size: 16px; line-height: 36px; color: #444;}
.honor .swiper-slide a{display: block; margin-bottom: 10px; padding: 10% 15px; background: #f9f9f9;}
.honor .swiper-slide a img{max-width: 100%; display: block;transform: scaleX(1) scaleY(1);
-webkit-transition: all .5s;
-moz-transition: all .3s;
transition: all .5s;}

.honor .swiper-slide a img:hover{  transform: scaleX(1.05) scaleY(1.05);}

.honor .swiper-slide:nth-of-type(2n){/*margin-top: 20px;*/}
.honor .swiper-button-next, .honor .swiper-button-prev, .honor .swiper-button-next:before, .honor .swiper-button-prev:before{border-color: #cccbc7;}

/* newsList */
.newsList{ width:100%; margin-top:50px;}
.newsList ul{ margin-left:-2.5%;}
.newsList li{ width:22.5%; margin-left:2.5%; float: left; background:#fff;-webkit-box-shadow: rgba(0,0,0,.1) 0px 0px 15px; -moz-box-shadow: rgba(0,0,0,.1) 0px 0px 15px; box-shadow: rgba(0,0,0,.1) 0px 0px 15px; margin-bottom:2.5%;}
.newsList li:hover{-webkit-box-shadow: rgba(230,0,18,.1) 0px 0px 15px; -moz-box-shadow: rgba(230,0,18,.1) 0px 0px 15px; box-shadow: rgba(230,0,18,.1) 0px 0px 15px;}
.newsList li .img{ width:100%; min-height:180px; overflow: hidden;}
.newsList li .img img{ width:100%; min-height: 180px; position: relative;transform: scaleX(1) scaleY(1);-webkit-transition: all .5s; -moz-transition: all .3s; transition: all .5s;}
.newsList li:hover .img img{transform: scaleX(1.05) scaleY(1.05);}
.newsList li h2{padding:0 20px; font-size:16px; color:#222; font-weight: normal; margin:25px auto 20px; line-height:16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;font-weight:bold;}

.newsList li h2:hover{color:#e60012;font-weight:bold;}
.newsList li span{padding:0 20px; font-size:14px; color:#666;}
.newsList li P{padding:0 20px; font-size:14px; color:#666; line-height: 24px; margin:15px auto 25px; height: 48px;overflow: hidden;}

.pageNewsT{ width:100%; margin:0 auto; font-size:22px; text-align:center; color:#333; }
.pageNewsC{ width:100%; margin:0 auto; font-size:14px; color:#999; text-align:center; padding:20px 0; border-bottom:dashed 1px #999;}
.pageNewsD{ width:100%; margin:0 auto; font-size:14px; color:#333; line-height:28px; margin-top:20px;}
.pageNewsD img{ max-width:100%; margin:5px 0;}



/* 社会责任 */
.resp{ width:100%; margin-top:50px;}
.resp ul{ margin-left:-2.5%;}
.resp li{ width:22.5%; margin-left:2.5%; float: left; background:#fff;-webkit-box-shadow: rgba(0,0,0,.1) 0px 0px 15px; -moz-box-shadow: rgba(0,0,0,.1) 0px 0px 15px; box-shadow: rgba(0,0,0,.1) 0px 0px 15px; margin-bottom:2.5%;}
.resp li:hover{-webkit-box-shadow: rgba(230,0,18,.1) 0px 0px 15px; -moz-box-shadow: rgba(230,0,18,.1) 0px 0px 15px; box-shadow: rgba(230,0,18,.1) 0px 0px 15px;}
.resp li .img{ width:100%; min-height:180px; overflow: hidden;}
.resp li .img img{ w3idth:100%; min-height: 180px; position: relative;transform: scaleX(1) scaleY(1);-webkit-transition: all .5s; -moz-transition: all .3s; transition: all .5s;}
.resp li:hover .img img{transform: scaleX(1.05) scaleY(1.05);}
.resp li h2{padding:0 20px; font-size:16px; color:#000; font-weight: normal; margin:25px auto 20px; line-height:16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.resp li span{padding:0 20px; font-size:14px; color:#666;}
.resp li P{padding:0 20px; font-size:14px; color:#666; line-height: 24px; margin:15px auto 25px; height: 48px;overflow: hidden;}

/* 视频 */
.video-box{ position: relative; width:1200px; margin:50px auto; overflow: hidden;}
.video-box .bd{ width:1240px; margin-left:-20px;}
.video-box li{ float:left; width: 580px;  margin: 0 20px 30px 20px; border:2px solid #fff;}
.video-box li .img{ width:580px; height:360px;position:relative ; overflow: hidden;}
.video-box li .img img{width:580px; height:360px;position: absolute;transform: scaleX(1) scaleY(1);transition: all 0.3s ease 0s;}
.video-box li:hover .img img{transform: scaleX(1.1) scaleY(1.1);}
.video-box li .img .icon_v{ position: absolute; background:url(../images/icon_v.png) center no-repeat; width:50px; height:50px; left:50%; margin-left:-25px; top:50%; margin-top:-25px; z-index:999;}
.video-box li p{ width:580px; height:48px; line-height:48px; color:#333; text-align:center; font-size:14px;}
.video-box li:hover{ border:2px #00823c solid;}




/* 招商加盟 */

.prg-cont-wrap{position: relative; display: inline-block; }
.prg-cont-wrap .pa{top: 35px; width: 178px; text-align: center; position:absolute; left:50%; margin-left: -89px;}
.prg-cont-wrap .pa img{ position:absolute; top:0; right:0; z-index:2;}
.prg-cont-wrap .pa .f80{font-size: 80px; line-height: 1; color:#333;}
.prg-cont-wrap .pa .f34{font-size: 25px; line-height: 1; color:#666}
.prg-cont-wrap .pa p{ color:#999;}
.rad-prg1{-webkit-transform: rotate(95deg); transform: rotate(95deg);}
.rad-prg2{-webkit-transform: rotate(66deg); transform: rotate(66deg);}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
.pr{ position:relative;}
.subtitle{padding: 4% 4.7% 5%; padding: 4% 4.7% 5%; background:#e60012; color:#fff; text-align:right;}
.project .subtitle{top: -95px; right: 0; position: absolute; display: none;}
.project .subtitle h2{margin-top: 0; font-size: 30px;line-height: 32px;font-family: "DIN Regular";text-transform: capitalize; font-weight: normal;}
.project .subtitle p{  margin-top: .2rem; margin-bottom: 0; font-size: 16px; font-weight: bold;}
.project .bg-gray{margin-top: 5%; padding: 70px 0;}
.project .bg-gray1{ padding: 70px 0; background:#f9f9f9;}
.project .bg-gray2{ padding: 70px 0;}
.project .bg-gray3{ padding: 70px 0; background:#f9f9f9;}
.project .bg-gray4{ padding: 70px 0; }
.project .bg-gray5{ padding: 70px 0; background:#f9f9f9;}


.project-tit{color: #444; font-size: 30px; font-weight: bold;}
.project-tit .f60{position: relative; padding-right: 60px;  padding-left: 60px;text-decoration: overline; font-size: 60px;}
.weui-cell{padding: 10px 15px;position: relative;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-align: center;-webkit-align-items: center;align-items: center;}

.project .box1{margin: 5% 0 0;}
.project .box1 .textbox{margin-left: 12%; width: 85%;}
.project .box1 .textbox h4{font-size: 16px; font-weight: bold; color: #444;}
.project .box1 .textbox p{font-size: 14px; line-height: 24px; color: #888;}
.project .box2{margin-top: 2%; }
.project .imgtext{margin-top: .4rem;}
.project .imgtext img{margin-bottom: 27px; width: 70px; height: 70px;}
.project .imgtext h4{font-size: 16px; font-weight: bold; color: #444;margin-top: 10px;margin-bottom: 10px;}
.project .imgtext p{height: 72px; font-size: 14px; line-height: 24px; color: #888;}
.project .box3 .textbox{position: absolute; right: 0; bottom: 0; padding: 2% 2.5%; background: rgba(0, 0, 0, .8); width: 50%; color: #fff; height: 85px;}
.project .box3 .textbox h3{position: relative; padding-left: 20px; padding-bottom:10px;}
.project .box3 .textbox h3:before{position: absolute; display: block; content: ""; left: 0; top: 5px; border-top: 9px solid transparent; border-bottom: 9px solid transparent; border-left: 10px solid #e60012;}
.project .box3 .textbox p{padding-left: 20px; opacity: .9; line-height: 24px;}
.project .asidenav{position: absolute; z-index: 11; top: -10%; left: 0; padding: 2% 0; background: #e60012; min-width: 15.6%;}
.project .asidenav li{position: relative; padding: 10px 44px; font-size: 16px; color: #f9f9f9; cursor: pointer; -webkit-transition: all 0.3s; transition: all 0.3s;}
.project .asidenav li:before{position: absolute; left: 0; top: 50%; display: block; content: ""; width: 0; height: 1px; background: #fff; -webkit-transition: all 0.3s; transition: all 0.3s;}
.project .asidenav li.active{color: #fff;}
.project .asidenav li.active:before{width: 30px;}
.project .box4 .auto{width: 30.93%; margin: 0 auto;}
.project .box4 .auto img{ max-width: 100%; display: block;}
.radius-half{-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.pa{ position: absolute;}
.pr0{padding-right: 0 !important;}
.pl0{padding-left: 0 !important;}
.project .box4 img.pa{position: absolute; top: 10.3%; left: 10.3%; width: 79.4%;}
.project .box4 .cover{top: 10.3%; left: 10.3%; right: 10.3%; bottom: 10.3%; background: rgba(0,0,0,.5);}
.project .box4 .project-tit{top: 50%; left: 50%; text-align: center; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); color: #fff;}
.project .box4 .project-tit .f60{top: 0;}
.project .box4 .item{position: absolute;}
.project .box4 img{ max-width: 100%; display: block;}
.project .box4 .item h4{font-size: 30px; color: #e60012; font-weight: bold;margin-top: 10px;margin-bottom: 10px;}
.project .box4 .item p{margin-bottom: 0; font-size: 14px; color: #888;}
.project .box4 .item1{top: 0; right: 68%; left: 0; text-align: right;}
.project .box4 .item2{top: 0; left: 68%; right: 0; text-align: left;}
.project .box4 .item3{top: 36%; right: 72%; left: 0; text-align: right;}
.project .box4 .item4{top: 36%; left: 72%; right: 0; text-align: left;}
.project .box4 .item5{bottom: 0; right: 68%; left: 0; text-align: right;}
.project .box4 .item6{bottom: 0; left: 68%; right: 0; text-align: left;}
.project .box5{margin-top: 2%;}
.project .box5 img{ max-width: 100%; display: block;}


.pageJob_1{ width:100%; background:#f9f9f9; padding: 70px 0;}
.pageJob_1 .t_con h2{ font-size:30px; color:#000; float: left; font-weight: normal; line-height:30px;}
.pageJob_1 .t_con p{ font-size:16px; color:#999; float: left; line-height:30px;  text-transform: uppercase;}
.pageJob_1 .p_con{padding-top: 30px; font-size:14px; line-height:2;}
.pageJob_1 .conceptList{ margin-left: -1%; margin-top:45px;}
.pageJob_1 .conceptList dd{ float: left; display: block; width: 24%; margin-left: 1%; background-color: #fff; transition:0.3s; -webkit-transition:0.3s; position: relative; z-index: 1; height:246px; cursor:pointer;}
.pageJob_1 .conceptList dd:before{ content: "";  width:100%; height:4px; background:#e3001e; position:absolute; left:0; bottom:0px; z-index: -1; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .44s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .44s cubic-bezier(.4,0,.2,1); transition:transform .44s cubic-bezier(.4,0,.2,1); transition:transform .44s cubic-bezier(.4,0,.2,1),-webkit-transform .44s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9; }
.pageJob_1 .conceptList dd .ico{ margin:0 0 20px;}
.pageJob_1 .conceptList .item{ padding: 25px 12% 35px;}
.pageJob_1 .conceptList .t{ font-size: 16px; color: #333333; border-bottom: 1px solid #cacaca; padding-bottom: 10px; margin-bottom: 25px;font-weight: bold;}
.pageJob_1 .conceptList dd:hover{ box-shadow:0 0 10px rgba(0,0,0,0.2); background-color: #f9f9f9;}
.pageJob_1 .conceptList dd:hover .t{ color: #CC0000;}
.pageJob_1 .conceptList dd:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}

.pageJob_2{ width:100%; background:#fff; padding: 70px 0;}
.pageJob_2 .t_con h2{ font-size:30px; color:#000; float: left; font-weight: normal; line-height:30px;}
.pageJob_2 .t_con p{ font-size:16px; color:#999; float: left; line-height:30px;  text-transform: uppercase;}
.pageJob_2 .p_con{padding-top: 30px; font-size:14px; line-height:2;}
.div_jobs1{ margin-top: 40px;}
.div_jobs1 .div2{background: #e60012;padding-left: 4%;padding-right: 4%;height: 45px;line-height: 45px;color: #fff;font-size: 16px;}
.div_jobs1 .div2 .p1{ width:20%; margin-right:1%;}
.div_jobs1 .div2 .p2{ width:19%; margin-right:1%; text-align:center;}
.div_jobs1 .div2 .p3{ width:19%; margin-right:1%; text-align:center;}
.div_jobs1 .div2 .p4{ width:19%; margin-right:1%; text-align:center;}
.div_jobs1 .div2 .p5{ width:19%; text-align:center;}
.div_jobs1 .div3{ background:#f8f8f8;}
.div_jobs1 .div3 ul li .p1{ height:64px; line-height:64px; padding-left:4%; padding-right:4%; border-bottom:1px solid #fff; color:#808080; cursor:pointer; font-size:14px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_jobs1 .div3 ul li .p1 .pp1{ width:20%; margin-right:1%;}
.div_jobs1 .div3 ul li .p1 .pp2{ width:19%; margin-right:1%; text-align:center;}
.div_jobs1 .div3 ul li .p1 .pp3{ width:19%; margin-right:1%; text-align:center;}
.div_jobs1 .div3 ul li .p1 .pp4{ width:19%; margin-right:1%; text-align:center;}
.div_jobs1 .div3 ul li .p1 .pp5{ width:19%; text-align:center;}
.div_jobs1 .div3 ul li .div_js_on,.div_cont2 .div3 ul li:hover .p1{ background:#f8f8f8; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_jobs1 .div3 ul li .div_js_txt{ background:#f9f9f9; padding:20px 4%; border:1px solid #f9f9f9; color:#333;}
.div_jobs1 .div3 ul li .div_js_txt p{ line-height:26px; width:100%;}
.zwsq{ width: 130px;height: 40px;background: #e60012;margin-top: 20px;line-height: 40px;font-size: 14px;color: #fff;text-align: center;}
.zwsq a{ font-size:14px; color:#fff; display: block;}
.zwsq:hover a{ color:#fff;}

.xinxi {margin-top: 60px;}
.sq{ text-align:center; font-size: 18px; font-weight: bold;}
.tit1 {padding-left: 15px;line-height: 18px;color: #404040;position: relative;margin-bottom: .7rem;border-bottom: 1px solid #ececec;}
.tit2 {line-height: 3;margin-bottom: .5rem;font-size: 16px;}
.tit-18 {font-size: 18px;line-height: 3.6;background:url(../images/jb.png) left no-repeat;padding-left: 12px;}

.zp .jl1 {
    float: left;
    width: 8%;
    overflow: hidden;
    line-height: 30px;
}

.pageHum3 {/*background: url(../images/bg1.jpg) no-repeat center;background-size: auto auto;background-size: cover;*/padding: 3% 0;position: relative;}
.pageHum3-box {width: 1200px;margin: 0 auto;}
.pageHum3-box h1 {position: relative;color: rgb(41, 41, 41);text-align: center;font-size: 28px;}
.pageHum3-box h1 span {display: block;font-size: 38px;color: #005ca9;position: relative;font-weight: bold; margin-bottom:8px;}
.zp{width: 100%;overflow: hidden;display: block;padding: 2%;}
.zp div{float: left;width: 50%;overflow: hidden;margin-bottom: 1%;font-size: 15px;color: #666;}
.zp div input{display: block;width: 90%;line-height: 3em;border: 0;padding-left: 1em;height: 3em;font-size: 14px;border: 1px solid #ddd;color: #666}
.zp label{ }
.zp #Textbox-1{}
.zp #TJ5,.page-contact .right #TJ6{ width:47%;height: 3em;border:0;background: #eee; color:#999; margin-bottom: 5%; margin-right: 2.5%;padding-left: 1em;}
.zp option{}
.zp #TJ7{border: 0;display: block;width: 95%;margin-bottom: 3%; height: 180px; font-size: 14px;padding-left: 1em;line-height: 2em;border:1px solid #ddd;}
.zp #button1{ cursor:pointer;padding: 1% 5% 1% 5%;margin-right: 5%;border: 0;background: #eee; }
.zp #button2{ cursor:pointer;padding: 1% 5% 1% 5%;border: 0;background: #eee; }
.zp #button1:hover{background: #e60012; color:#FFF;}
.zp #button2:hover{background: #e60012; color:#FFF;}
#myform {background: #f8f8f8;}



.pageJob_3{ width:100%; background:#f9f9f9; padding: 70px 0;}
.pageJob_3 .t_con h2{ font-size:30px; color:#000; float: left; font-weight: normal; line-height:30px;}
.pageJob_3 .t_con p{ font-size:16px; color:#999; float: left; line-height:30px;  text-transform: uppercase;}
.pageJob_3 .p_con{padding-top: 30px; font-size:14px; line-height:2;}
.pageJob_3 .fengc{ margin-top:40px;}
.pageJob_3 .fengc ul{ margin-left:-2%;}
.pageJob_3 .fengc li{ float: left; width:23%; margin-left:2%;}
.pageJob_3 .fengc li .img{ width:100%; overflow: hidden;}
.pageJob_3 .fengc li .img img{ width:100%;position: relative;transform: scaleX(1) scaleY(1);-webkit-transition: all .5s; -moz-transition: all .3s; transition: all .5s;}
.pageJob_3 .fengc li:hover .img img{transform: scaleX(1.05) scaleY(1.05);}
.pageJob_3 .fengc li p{ line-height:50px; font-size:14px; text-align:center; width:100%; color:#333;}
.pageJob_3 .fengc li:hover p{ color:#e60012;}

.mainPage .fengc{ margin-top:40px;}
.mainPage .fengc ul{ margin-left:-2%;}
.mainPage .fengc li{ float: left; width:23%; margin-left:2%; margin-bottom: 2%;}
.mainPage .fengc li .img{ width:100%; overflow: hidden;}
.mainPage .fengc li .img img{ width:100%;position: relative;transform: scaleX(1) scaleY(1);-webkit-transition: all .5s; -moz-transition: all .3s; transition: all .5s;}
.mainPage .fengc li:hover .img img{transform: scaleX(1.05) scaleY(1.05);}
.mainPage .fengc li p{ line-height:50px; font-size:14px; text-align:center; width:100%; color:#333;}
.mainPage .fengc li:hover p{ color:#e60012;}

/* pro */
.pagePro{ width:100%; margin:50px 0;}
.pagePro ul{ margin-left:-2%;}
.pagePro li{ width:25.333%; margin-left:2%; float: left; padding:20px; background:#f9f9f9; margin-bottom:2%;}
.pagePro li:hover{-webkit-box-shadow: rgba(0,0,0,.1) 0px 0px 10px; -moz-box-shadow: rgba(0,0,0,.1) 0px 0px 10px; box-shadow: rgba(0,0,0,.1) 0px 0px 10px; -webkit-transition: all .5s; -moz-transition: all .3s; transition: all .5s;}
.pagePro li h2{ font-size:16px; color:#000; line-height:40px; text-align:center; width:85%; margin:0 auto;}
.pagePro li h2 em{ float: left; width:25px; height:2px; background:#999; margin: 19px 0;}
.pagePro li h2 i{ float: right; width:25px; height:2px; background:#999; margin: 19px 0;}
.pagePro li .img{ width:100%; overflow: hidden;}
.pagePro li .img img{ width:100%; position: relative;transform: scaleX(1) scaleY(1);-webkit-transition: all .5s; -moz-transition: all .3s; transition: all .5s;}
.pagePro li:hover .img img{transform: scaleX(1.05) scaleY(1.05);}

.downlist{ width: 1200px; margin:50px auto;  padding:0 0;}
.picFocus{ float:left;  width:500px;  position:relative;  overflow:hidden;  zoom:1;   }
.picFocus .hd{ width:100%; padding-top:5px;  overflow:hidden; }
.picFocus .hd ul{ margin-left:30px;  overflow:hidden; zoom:1; }
.picFocus .hd ul li{ padding-top:5px; float:left;  text-align:center;  }
.picFocus .hd ul li img{ width:100px; height:80px; border:2px solid #eee; cursor:pointer; margin-right:8px;   }
.picFocus .hd ul li.on{ background:url("images/icoUp.gif") no-repeat center 0; }
.picFocus .hd ul li.on img{ border-color:#e60012;  }
.picFocus .bd li{ vertical-align:middle;}
.picFocus .bd img{ width:498px; height:398px; display:block; border:1px #ddd solid;}
.picFocus .prev{ position:absolute; left:0 ; bottom:24px;}
.picFocus .next{ position:absolute; right:0 ; bottom:24px;}
.floatl{ float: left;width: 502px;}
.floatr{ width: 660px; float: right;}
.floatr .title{ font-size: 24px; color:#333; width:100%;word-break:break-all; margin-bottom:20px; font-weight: bold;}
.floatr .table-list{ width: 100%; border-top:1px #ccc dashed;}
.floatr .table-list tr{margin-bottom: 10px; width: 100%;}
.floatr .table-list td{ width: 100%; font-size: 14px; color:#666; line-height:24px; padding:5px 0;}
.floatr .table-list td span{ color:#333; font-weight: bold;}
.floatr .table-list .input-text{ width:40px; height: 25px; text-align:center; color:#dd2328;}
.floatr .table-list .button{ width: 80px; height: 35px; text-align:center; background:#dd2328; border: none; text-align:center; color:#fff; cursor:pointer; margin-top: 5px; font-size: 14px;}
.floatr .div-bz{ font-size: 14px; margin-top:20px;}
.left02{ width: 100%;  padding-top:30px;}
.left02 .hd{ width:100%; height:50px; background:#f9f9f9;}
.left02 .hd li{ width:100px; height:50px; float: left; line-height:50px; text-align: center; font-size: 16px; color:#fff; cursor:pointer; background:#e60012;}
.left02 .hd li.on{background:#0092d8; color:#fff;}
.left02 .bd p{ margin-top: 30px;}
.left02 .bd p{ line-height:26px; font-size: 14px;}

.chain{}
.chain li{ padding: 55px 0;}
.chain li .imgbox{width: 46%;}
.chain li .imgbox img{ width:100%;} 
.chain li .textbox{padding-top: 26px; width: 46%; font-size: 16px; line-height: 42px; color: #666;}
.chain li .number{font-size: 48px; font-weight: bold; color: #444; text-decoration: overline;}
.chain li h3{margin-top: 20px; margin-bottom: 25px; font-size: 30px; color: #444; font-weight: bold;}
.chain li p{margin-bottom: 0;}
.chain li:nth-of-type(2n-1) .imgbox, .chain li:nth-of-type(2n) .textbox{float: left;}
.pf_more {width: 138px;height: 43px;border: 1px #666 solid;text-align: center;line-height: 45px;margin-top: 10px;}
.pf_more:hover a {color: #fff;-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;background:#e60012;}
.pf_more a {font-size: 14px;color: #333;display: block;}
.chain li:nth-of-type(2n-1) .textbox, .chain li:nth-of-type(2n) .imgbox{float: right; margin-right: 0%;}


/**/
.baidumap{width: 100%; height: 670px; padding-top: 50px;   margin-bottom: 50px; position: relative;}
.baidumap .map{ height:500px;}
.page_con{
  width:920px;
  padding:80px;
  background:#fff;
  -moz-box-shadow:0 0 10px rgba(0,0,0,0.2);
  -webkit-box-shadow:0 0 10px rgba(0,0,0,0.2);
  box-shadow:0 0 10px rgba(0,0,0,0.2);
  position:absolute;
  bottom:0;
  left:50%;
  margin-left:-540px;
  z-index:2;
  }
.page_con .contact-title{width:240px; height:auto; padding-top:40px; float:left;}
.page_con .contact-title .line{display:block; width:60px; height:8px; background:#e60012;}
.page_con .contact-title .zh{display:block; font-family:microsoft yahei; font-size:30px; color:#333; line-height:30px; margin-top:30px;}
.page_con .contact-title .en{display:block; font-family:microsoft yahei; font-size:20px; color:#888; line-height:20px; margin-top:20px;}
.page_con .contact-list{width:480px; height:auto; float:left;}
.page_con .contact-code{width:140px; height:auto; float:right;}
.contact-list .item{width:100%; height:auto; overflow:hidden; padding:28px 0; border-bottom:1px solid #f0f2f8;}
.contact-list .item:first-child{padding-top:0;}
.contact-list .item .cover{width:24px; height:24px; background:#f0f2f8; border-radius:50%; float:left; margin-right:20px;}
.contact-list .item .cover img{display:block; height:14px; margin:5px auto;}
.contact-list .item .data{width:420px; height:auto; float:left;}
.contact-list .item .data span{font-family:microsoft yahei; font-size:14px; color:#353535;}

.mess{width:1200px; height:auto;}
.mess .item{}
.mess .item:nth-child(1){width:360px; height:50px; float:left; margin-right:60px; margin-bottom:20px;}
.mess .item:nth-child(2){width:360px; height:50px; float:left; margin-right:60px; margin-bottom:20px;}
.mess .item:nth-child(3){width:360px; height:50px; float:left; margin-bottom:20px;}
.mess .item:nth-child(4){width:1200px; height:auto; margin-bottom:20px;}
.mess .item:nth-child(4) textarea{width:1158px; height:100px; border:1px solid #cacaca; padding:20px;}
.mess .item:nth-child(5){width:100%; height:60px; margin-bottom:50px; overflow:hidden;}
.mess .item input{width:338px; height:100%; padding-left:20px; border:1px solid #cacaca;}
.mess .item:nth-child(5) input{width:360px; float:left;}
.mess .item:nth-child(5) img{float:left; height:60px;}
.mess .item #submit{display:block; width:360px; height:60px; background:#353535; font-family:microsoft yahei; font-size:14px; color:#fff; text-align:center;}
.mess .item #submit:hover{background:#e60012;}



.footer{padding: 55px 0 20px; background: #f4f4f4;}
.footer .logo1{width: 177px; display: inline-block;}
.footer .ewm{width: 140px; display: inline-block;}
.footer dt{margin-bottom: 10px; color: #333; font-size: 16px; line-height: 30px; font-weight: bold;}
.footer dd a{display: block; padding: 5px 0; color: #666; font-size: 14px; line-height: 20px;}
.copyright{padding-top: 20px; font-size: 14px; color: #999; text-align: left; border-top:1px #ccc solid;}
.copyright a{color: #999;}
.copyright a:hover{ color:#e60012;}
.copyright .hidden-xl{ float: left;}
.copyright .hidden-xr{ float:right;}
.weui-cell{padding: 10px 15px; position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center;}
.weui-cell_primary{min-width: 1px; -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start;}
.weui-cell__bd{-webkit-box-flex: 1; -webkit-flex: 1; flex: 1;}
.weui-cell__ft{text-align: right; color: #999999;}
.weui-flex{display: -webkit-box; display: -webkit-flex; display: flex;}
.weui-flex__item{-webkit-box-flex: 1; -webkit-flex: 1; flex: 1;}


/* fenye */
.pages1{ width:100%; margin:30px auto 0;}
.pages1_l{ float:left; width:45%; height:40px;  }
.pages1_l a{ line-height:40px; color:#666;display:block;}
.pages1_l:hover a{ color:#e60012;}
.pages1_r{ float:right; width:45%; height:40px; text-align:right;}
.pages1_r a{ line-height:40px; color:#666;display:block;}
.pages1_r:hover a{ color:#e60012;}

.pages {margin:30px 0; text-align:center; font-size:14px;}
.pages li{ display:inline-block; height:26px; line-height:26px; background:#fff; border:1px solid #ccc;  margin-left:6px;}
.pages li a{text-align:center; color:#333; padding:0 13px;}
.pages .page-active {background:#e60012; border:1px solid #e60012;text-decoration:none;}
.pages .page-active a{color:#fff;}
.pages li:hover { background:#e60012; border:1px solid #e60012;text-decoration:none;}
.pages li:hover a{ color:#fff;}
.pages span { display:inline-block; height:26px; line-height:26px;  border:1px solid #ccc; color:#333; text-align:center; padding:0 13px;}