@charset "utf-8";
/* CSS Document coding:Twenya */
body { font-size: 14px; font-family: "Microsoft YaHei"; color: #666; max-width: 1920px; min-width: 1200px; margin: 0 auto; }
* { padding: 0px; margin: 0px; table-layout: fixed; }
img { border: 0px; border: none; }
ul,ol,li { list-style: none; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; }
.clear { clear: both; }
.clr { clear: both; }
a { text-decoration: none; color: #666; }
p { font-size: 14px; line-height: 24px; }
a:focus { outline: 0; }
.fl { float: left; }
.fr { float: right; }
.w1200 { width: 1200px; margin: 0 auto; }

.sp-hot{ margin-top:60px; height:466px; overflow:hidden;}
.video{ width:482px; float:left;}
.video h2 { height:50px; font-size:24px; color:#333;}
.slideBox .bd ul { }
.slideBox .bd ul li { width: 482px; height: 300px;  }
.slideBox .bd ul li dl{position:relative; height:300px;}
.slideBox .bd ul li dl dt{ width:482px; height:300px; position:absolute; z-index:1;cursor: pointer;}
.slideBox .bd ul li dl dd{ position:absolute; z-index:0; font-size:16px;bottom:-40px;}

.slideBox { width: 482px;float:right; position:relative; }
.slideBox .hd { width:92px; height: 20px; float:right;z-index:999; }
.slideBox .hd ul { width: 444px; }
.slideBox .hd ul li { float:left; width: 10px; height: 10px; cursor: pointer; margin-right:6px; background:#ccc; border-radius:50%;}
.slideBox .hd ul li.on { background:#f36e21; }
.slideBox .bd { position: relative; height: 100%; z-index:2; height:326px; }
.slideBox .bd li { zoom: 1; vertical-align: middle; }
.slideBox .prev1,
.slideBox .next1 { position: absolute; display: block; }
.slideBox .prev1 { top: 324px; right:100px; z-index: 10; background:url(../images/left.png) no-repeat; }
.slideBox .next1 { top: 324px; right:0px; z-index: 10; background:url(../images/right.png) no-repeat; }
.slideBox .prev1:hover {background:url(../images/left-a.png) no-repeat; }
.slideBox .next1:hover {background:url(../images/right-a.png) no-repeat; }
.slideBox .prev1:hover,
.slideBox .next1:hover { filter: alpha(opacity=80); opacity: 1; }
.slideBox .prev1Stop { display: none; }
.slideBox .next1Stop { display: none; }

.hot h2{ height:50px; font-size:24px; color:#333;}
.hot h2 a{ float:right; font-size:16px; color:#333;height:30px; position:relative;}
.hot h2 a:hover{color: #f36e21;}
.hot h2 a:after { content: ""; display: block; position: absolute; left: 0%; right: 100%; bottom: 0px; height: 1px; opacity: 0; background-color: #f36e21; }
.hot h2 a:hover:after { left: 0%; right: 0%; opacity: 1; -webkit-transition: all .8s; -o-transition: all .8s; -ms-transition: all .8s; transition: all .8s; }
.hot{ width:670px; float:right;}
.hot dl{ height:172px; border-bottom:1px solid #ccc;}
.hot dl dt{ width:242px; height:150px; overflow:hidden; float:left;}
.hot dl dt img { transform: scale(1.0, 1.0); transition: all 1s; }
.hot dl dt:hover img { transform: scale(1.04, 1.04); transition: all 2s; }
.hot dl dd{ float:right; width:400px;}
.hot dl dd h3{ height:40px; line-height:40px;}
.hot dl dd h3 a{ font-size:18px; color:#333;display:block;white-space: nowrap; text-overflow: ellipsis;overflow:hidden; }
.hot dl dd h3 a:hover{color: #f36e21;}
.hot dl dd h6{ height:30px; line-height:30px; background:url(../images/time.png) no-repeat left center; padding-left:20px;}
.hot dl dd p{ height:74px; line-height: 24px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}

.hot ul{ width:670px; margin-top:10px;}
.hot ul li{ width:318px; float:left; height:32px; line-height:32px;}
.hot ul li:nth-child(2n){ float:right;}
.hot ul li a{font-size:14px; color:#666;display:block;white-space: nowrap; text-overflow: ellipsis;overflow:hidden; background:url(../images/ns1.png) no-repeat left center; padding-left:14px;}
.hot ul li a:hover{color: #f36e21; background:url(../images/ns2.png) no-repeat left center;}
/*瑙嗛&鏂伴椈 end*/

.boutique{width: 100%; height:725px; background:#eee;}
.bou-con{ padding-top:85px;}
.bou-top{ height:70px;}
.bou-top dl{}
.bou-top dl dt{ float:left;font-size:24px; color:#333;}
.bou-top dl dd{ float:right;}
.bou-top dl dd a{ margin-left:10px; width:110px; height:30px; border:1px solid #ccc; display:block; float:left; line-height:30px; text-align:center; overflow:hidden;position: relative; }
.bou-top dl dd a {color: var(--color);-webkit-transition: 0.6s;transition: 0.6s;}
.bou-top dl dd a:hover, .bou-top dl dd a:focus {border-color: var(--hover);color: #fff;}
.slide:hover,
.slide:focus { box-shadow: inset 10em 0 0 0 var(--hover);}
.slide {--color: #333;--hover: #f36e21;}
.bou-top dl dd a:hover{ color:#fff;}

.bou_tab { float: left; width: 150px; }
.bou_tab ul { margin-top: 2px; }
.bou_tab ul li { width: 134px; height: 127px;}
.bou_tab ul li img{ border:2px solid #fff;}
.bou_tab ul li p{ text-align:center; line-height:30px; font-size:12px;}
.bou_tab ul li.to a {color: #f36e21; color:#f36e21; }
.bou_tab ul li.to img{ border:2px solid #f36e21;}
.bou1 { width: 1048px; float: right; height: 377px; }
.b1 { width: 1048px; height:460px; background:#fff; padding-top:40px; }
.b1 dl { }
.b1 dl dt{ float: left; width:576px; height:377px; overflow:hidden; }
.b1 dl dt img { transform: scale(1.0, 1.0); transition: all 1s; }
.b1 dl dt img:hover { transform: scale(1.04, 1.04); transition: all 1s; }

.b1 dl dd { float: right; width:400px; margin-right: 38px; padding-top:38px; }
.b1 dl dd h3 { height:50px; border-bottom:1px solid #ccc;font-size: 24px; color:#333; background:url(../images/xq-ico.jpg) no-repeat right 9px; position:relative; }
.b1 dl dd h4{ height:50px; border-bottom:1px solid #ccc;font-size: 24px; color:#333; position:relative; }
.b1 dl dd h3 a{ color:#333;}
.b1 dl dd h3 a span{ float:right; font-size:14px; line-height:24px; margin-right:20px;}
.b1 dl dd h3 a:hover{ color:#f36e21;}
.b1 dl dd h3 a:after { content: ""; display: block; position: absolute; left: 0%; right: 100%; bottom: -1px; height: 1px; opacity: 0; background-color: #f36e21; }
.b1 dl dd h3 a:hover:after { left: 0%; right: 0%; opacity: 1; -webkit-transition: all .8s; -o-transition: all .8s; -ms-transition: all .8s; transition: all .8s; }
.b1-con{ padding-top:36px;}
.b1-con ul li{ width:132px; height:106px; float:left; text-align:center; font-size:14px;}
.b1-con ul li img{ transform:translate(0,0); transition:all 0.8s;}
.b1-con ul li:hover img{ transform:translate(0,-8px); transition:all 0.8s;}
.b1-con ul li .b11{ height:44px;}
.b1-con ul li .b12{ height:30px; line-height:30px;}

.b2 { width: 1048px; height:377px; background:#fff;}
.b2 dl { }
.b2 dl dt{ float: left; width:576px; height:377px; overflow:hidden; }
.b2 dl dt img { transform: scale(1.0, 1.0); transition: all 1s; }
.b2 dl dt img:hover { transform: scale(1.04, 1.04); transition: all 1s; }

.cpxq-con{position:relative; overflow:hidden;}
.cpxq{ width:100%;margin:0 auto;}
.cpxq .bd2 { }
.cpxq .bd2 ul li{width:100%;float:left; overflow:hidden;}

.cpxq .hd2 {width: 100%;height: 14px; margin:0 auto; text-align:center; position:absolute; z-index:99; bottom:20px;}
.cpxq .hd2 ul {height: 14px;}
.cpxq .hd2 ul li {cursor: pointer; display:inline-block;zoom: 1;width: 14px;height:14px;margin: 0 5px;float: none;background: #e1e1e1;border-radius: 50%;line-height: 9999px;position: relative;
}
.cpxq .hd2 ul .on { background-color: #e20000;}

.b2 dl dd { float: right; width:400px; margin-right: 38px; padding-top:38px; }
.b2 dl dd h3 { height:50px; border-bottom:1px solid #ccc;font-size: 24px; color:#333; background:url(../images/xq-ico.jpg) no-repeat right 9px; position:relative; }
.b2 dl dd h4{ height:50px; border-bottom:1px solid #ccc;font-size: 24px; color:#333; position:relative; }
.b2 dl dd h3 a{ color:#333;}
.b2 dl dd h3 a span{ float:right; font-size:14px; line-height:24px; margin-right:20px;}
.b2 dl dd h3 a:hover{ color:#f36e21;}
.b2 dl dd h3 a:after { content: ""; display: block; position: absolute; left: 0%; right: 100%; bottom: -1px; height: 1px; opacity: 0; background-color: #f36e21; }
.b2 dl dd h3 a:hover:after { left: 0%; right: 0%; opacity: 1; -webkit-transition: all .8s; -o-transition: all .8s; -ms-transition: all .8s; transition: all .8s; }
.b2-con{ padding-top:36px;}
.b2-con ul li{ width:132px; height:106px; float:left; text-align:center; font-size:14px;}
.b2-con ul li img{ transform:translate(0,0); transition:all 0.8s;}
.b2-con ul li:hover img{ transform:translate(0,-8px); transition:all 0.8s;}
.b2-con ul li .b11{ height:44px;}
.b2-con ul li .b12{ height:30px; line-height:30px;}

/*绮惧搧鎺ㄨ崘 end*/

.cpBox .bd { width:1048px; float:right;height:377px; }
.cpBox .bd li { zoom: 1; vertical-align: middle; }

.cpBox { width:1200px; margin:0 auto;position:relative; }
.cpBox .hd { width:150px; float:left;z-index:999; }
.cpBox .hd ul li { width: 134px; height: 127px;}
.cpBox .hd ul li img{ border:2px solid #fff;}
.cpBox .hd ul li p{ text-align:center; line-height:30px; font-size:12px;}
.cpBox .hd ul li.on a {color: #f36e21 !important; }
.cpBox .hd ul li.on img{ border:2px solid #f36e21;}
/*绮惧搧鎺ㄨ崘-鏀 end*/

.advantage {height:570px; margin: 0 auto; margin-top:80px; }
.ys_tab { float: left; width:300px; }
.ys_tab ul { margin-top: 2px; border-top:1px solid #ccc; }
.ys_tab ul li { width: 300px; height:100px; line-height:100px; text-align:center;border-bottom: 1px solid #ccc; cursor: pointer; color:#333;  font-size: 18px; }
.ys_tab ul li.on { color:#fff;}
.ys_tab ul li:nth-child(1){ background:url(../images/a1.png) no-repeat 70px center;}
.ys_tab ul li:nth-child(2){ background:url(../images/a2.png) no-repeat 68px center;}
.ys_tab ul li:nth-child(3){ background:url(../images/a3.png) no-repeat 72px center;}
.ys_tab ul li:nth-child(4){ background:url(../images/a4.png) no-repeat 74px center;}
.ys_tab ul li.on:nth-child(1){ background:#f36e21 url(../images/a11.png) no-repeat 70px center;}
.ys_tab ul li.on:nth-child(2){ background:#f36e21 url(../images/a12.png) no-repeat 68px center;}
.ys_tab ul li.on:nth-child(3){ background:#f36e21 url(../images/a13.png) no-repeat 72px center;}
.ys_tab ul li.on:nth-child(4){ background:#f36e21 url(../images/a14.png) no-repeat 74px center;}
.ys { width: 880px; float: right; height: 416px; }
.s1 { width: 880px; height: 416px; background: url(../images/s1-bj.jpg) no-repeat; }
.s1 dl { }
.s1 dl dt { width:880px; height:304px; overflow:hidden; cursor:pointer;}
.s1 dl dt img {width:880px; height:304px; transform: scale(1.0, 1.0); transition: all 1s; }
.s1 dl dt img:hover { transform: scale(1.04, 1.04); transition: all 1s; }
.s1 dl dd {width:880px; height:116px; background:#f5f5f5; padding-top:42px;}
.s1-left{ width:150px; float:left; margin-left:54px;}
.s1-left h4{ line-height:40px;font-size:16px;}
.s1-left a{ width:124px; display:block; height:30px; line-height:30px; position:relative;}
.s1-left a:hover{color: #f36e21;}
.s1-left a:after { content: ""; display: block; position: absolute; left: 0%; right: 100%; bottom: 0px; height: 1px; opacity: 0; background-color: #f36e21; }
.s1-left a:hover:after { left: 0%; right: 0%; opacity: 1; -webkit-transition: all .8s; -o-transition: all .8s; -ms-transition: all .8s; transition: all .8s; }
.s1-right{ width:634px; float:right;}
.s1-right ul li{ height:74px; border-right:1px solid #ccc; width:112px; margin-left:36px; float:left;}
.s1-right ul li h4{ font-weight:bold; color:#f36e21; font-size:36px;}
.s1-right ul li h4 sup{ font-size:14px; color:#999; margin-left:4px;}
.s1-right ul li:last-child{ border:none;}
/*浼樺娍 end*/


/*杩斿洖椤堕儴*/
.cd-top { z-index: 999; display: inline-block; height: 50px; width: 50px; position: fixed; bottom: 40px; right: 10px; cursor: pointer; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); /* image replacement properties */ overflow: hidden; text-indent: 100%; white-space: nowrap; background: #000 url(../images/cd-top-arrow.png) no-repeat center 50%; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; border-radius: 6px; }
.cd-top.cd-is-visible { /* the button becomes visible */ visibility: visible; opacity: 1; cursor: pointer; }
.cd-top.cd-fade-out { /* 濡傛灉鐢ㄦ埛缁х画鍚戜笅婊氬姩,杩欎釜鎸夐挳鐨勯€忔槑搴︿細鍙樺緱鏇翠綆 */ opacity: .9; }
.cd-top:hover { background: #f36e21 url(../images/cd-top-arrow.png) no-repeat center 50%; opacity: 1; }
/*杩斿洖椤堕儴 end*/


/*鍏叡鏍峰紡 start*/
.font_red { color: #1b6bce!important; }
.navHover { background: url(../images/nav-a.jpg) no-repeat center bottom!important; color: #f36e21 !important; }
.font_pro { color: #1b6bce !important; }
.font_red2 { background: #1b6bce!important; color: #fff !important; }
.banner_warp { width: 100%; height: 350px; overflow: hidden; position: relative; overflow: hidden; }
.banner-ny { width: 1920px; margin-left: -960px; position: absolute; left: 50%; text-align: center; }
.banner-ny img { width: 1920px; height: 350px; }
.banner-ny img { transform: scale(1.0, 1.0); transition: all 2s; }
.banner-ny:hover img { transform: scale(1.02, 1.02); transition: all 2s; }
/*鍐呴〉banner*/

.location { width: 100%; height: 60px; background:#eee;}
.location-con {line-height: 60px; font-size: 14px; }
.location-left { float:left; }
.location-left a { color: #666; }
.location-left a:hover { color: #f36e21; }
.location-left span { padding: 0 4px; }

.location2 { width: 100%; height: 60px; border-bottom: 2px solid #f2f2f2; }
.location2-con {line-height: 60px; font-size: 14px; }
.location2-right { float:right; }
.location2-right a { color: #666; }
.location2-right a:hover { color: #f36e21; }
.location2-right span { padding: 0 4px; }

.location2-left { float:left; }
.location2-left a { font-size:14px; display:inline-block; color: #666; line-height:60px; padding:0 30px;position: relative;}
.location2-left a:hover { background:#f36e21; color:#fff;}
.location2-left a.p-nav{ background:#f36e21; color:#fff;}
.location2-left a {color: var(--color);-webkit-transition: 0.6s;transition: 0.6s;}
.location2-left a:hover, .location2-left a:focus {border-color: var(--hover);color: #fff;}
.loc:hover,
.loc:focus { box-shadow: inset 10em 0 0 0 var(--hover);}
.loc {--color: #333;--hover: #f36e21;}
.location2-left a:hover{ color:#fff;}
/*闈㈠寘灞 end*/

.page { text-align: center; margin: 40px auto; clear: both; line-height: 50px; }
.page a { margin: 0 2px; border: 1px solid #e3e3e3; padding:14px 18px; color: #333; border-radius: 5px; }
.page span { margin: 0 7px; background:#f36e21; border: 1px solid #f36e21; padding:14px 18px; color: #fff; border-radius: 5px; }
.page a:hover { background: #f36e21; color: #fff !important; border: 1px solid #f36e21; }

.prev_disabled::after,.prev::after{font-size:16px;content: "<";}
.next_disabled::after,.next::after{ font-size:16px;content: ">";}
/*鍒嗛〉 end*/
/*鍏叡鏍峰紡 end*/

/*鍐呴〉浜у搧鍒楄〃 start*/
.productlist{ margin: 60px auto 40px; }
.productlist h2{ height:80px; font-size:36px; color:#333;}
.productlist ul li{ height:240px;}
.p-left{ width:365px; height:220px; float:left; overflow:hidden; border:1px solid #ccc;}
.p-left img { transform: scale(1.0, 1.0); transition: all 1s; }
.p-left img:hover { transform: scale(1.04, 1.04); transition: all 1s; }
.p-right{ width:772px; float:right;}
.p-right h3 { height: 60px; line-height:60px;  margin-top: 46px;}
.p-right h3 a {color: #333; font-size: 24px; }
.p-right h3 a:hover { color:#f36e21;}
.p-right p{ margin-top:10px; font-size:16px; height:60px; line-height: 30px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}

.p-right h4 { margin: 30px 0;}
.p-right h4 a { width: 108px; height: 40px; float:left; margin-right:20px;  text-align: center; line-height: 40px; display:block; background: #f36e21; color: #fff; font-size: 14px;  }
.p-right h4 a:last-child{ background:#333;}
.p-right h4 a:hover { transition: all 0.6s; }
.p-right h4 a:hover { animation: storm 0.7s ease-in-out both; animation-delay: 0.06s; }
 @keyframes rotate 
 {  0% { transform: rotate(0deg) translate3d(0, 0, 0);}
 25% {transform: rotate(3deg) translate3d(0, 0, 0);}
 50% {transform: rotate(-3deg) translate3d(0, 0, 0);}
 75% {transform: rotate(1deg) translate3d(0, 0, 0);}
 100% {transform: rotate(0deg) translate3d(0, 0, 0);}
}
@keyframes storm 
{  0% {transform: translate3d(0, 0, 0) translateZ(0)}
 25% {transform: translate3d(4px, 0, 0) translateZ(0);}
 50% {transform: translate3d(-3px, 0, 0) translateZ(0);}
 75% {transform: translate3d(2px, 0, 0) translateZ(0);}
 100% {transform: translate3d(0, 0, 0) translateZ(0);}
}
/*浜у搧鍒楄〃 end*/

/*浜у搧璇︽儏 start*/
.product{ width:100%; height:455px; background:#eee;}
.pro-con{ width:1048px; margin:0 auto; padding-top:15px;}
.pro-qh{width:100%; padding-bottom:80px;  overflow:hidden;}
.qh-con{ width:1048px; margin:0 auto;}
.qh_tab { height:80px;}
.qh_tab ul { width:1048px;width: -moz-fit-content;width: -webkit-fit-content;width: fit-content;margin:0 auto;}
.qh_tab ul li { float:left; height:60px; line-height:60px;text-align:center;border-right: 1px solid #ccc; cursor: pointer; color:#333;  font-size: 18px; padding:0 40px; }
.qh_tab ul li:last-child{ border:none;}
.qh_tab ul li.oa { color:#f36e21;}

.qh{ width:1048px; margin:0 auto; padding-top:20px;}
/*浜у搧璇︽儏 end*/

/*鏈嶅姟涓庢敮鎸 start*/
.service{ margin:60px auto 80px;}
.ser1{ height:760px;}
.ser1 h2{ text-align:center; font-size:36px; color:#333; height:60px;}
.ser1 h4{ text-align:center; font-size:16px; line-height:26px;}
.ser1 ul{ margin-top:60px;}
.ser1 dl{ width:590px; height:198px; border:1px solid #ccc; padding-top:62px; float:left; margin-bottom:20px;}
.ser1 dl dt{ width:276px;text-align:center; float:left;display: table-cell; vertical-align: middle;}
.ser1 dl dt img{margin:0 auto;}
.ser1 dl:nth-child(2n){ float:right;}
.ser1 dl dd{ float:right; width:252px; margin-right:40px;}
.ser1 dl:hover dt{ padding-left:10px;transition:all 0.4s;}
.ser1 dl dd h3{font-size:24px; color:#333; height:40px;}

.ser2{ height:407px; margin-top:50px;}
.ser2-left{ width:524px; margin-top:10px;}
.ser2-left h2{font-size:36px; color:#333; height:60px;}
.ser2-left ul{ background:url(../images/s-x1.jpg) no-repeat 5px center;}
.ser2-left ul li{ background:url(../images/s-d.png) no-repeat left center; padding-left:20px; height:46px; line-height:46px; font-size:16px;}
.ser2-right{ width:626px;}
.ser2-right:hover img{ box-shadow:0 2px 20px #ccc; transform:translate(0,-4px); transition:all 0.8s;}

.sup1{ height:420px;}
.sup1 h2,.sup2 h2{ text-align:center; font-size:36px; color:#333; height:60px;}
.sup1 ul{ width:1340px; padding-top:42px; margin-left:-30px;}
.sup1 ul li{ width:326px; float:left; height:230px; border-right:1px solid #ccc; text-align:center; padding-top:20px;}
.sup1 ul li:last-child{ border:none;}
.sup1 ul li img{}
.sup1 ul li:hover img{ transform:translate(0,-6px); transition:all 0.8s;}
.sup1 ul li h3{ width:226px; margin:0 auto;font-size:24px; color:#333; line-height:60px; height:60px;}
.sup1 ul li p{ width:226px; margin:0 auto;}

.sup2{ height:600px;}
.sup2 ul{ width:1340px; padding-top:42px;}
.sup2 ul li{ width:395px; float:left; margin-right:14px; margin-bottom:14px; cursor:pointer;}
.sup2 ul li:nth-child(3n){ border:none;}
.sup2 ul li dl{ position:relative;}
.sup2 ul li dl dt{ position:absolute; text-align:center; z-index:1;}
.sup2 ul li dl dt h4{ height:120px; width:385px;display:table-cell; vertical-align:middle;}
.sup2 ul li dl dt h4 img{ display:block; margin:0 auto;}
.sup2 ul li dl dt h5{ font-size:18px; color:#fff;}
.sup2 ul li dl dt a { width: 108px; height: 30px; margin:0 auto; margin-top:20px;text-align: center; line-height:30px; display:block; background: #fff; color: #333; font-size: 14px;  }
.sup2 ul li dl dt a:hover { transition: all 0.6s; }
.sup2 ul li dl dt a:hover { animation: storm 0.7s ease-in-out both; animation-delay: 0.06s; }
 @keyframes rotate 
 {  0% { transform: rotate(0deg) translate3d(0, 0, 0);}
 25% {transform: rotate(3deg) translate3d(0, 0, 0);}
 50% {transform: rotate(-3deg) translate3d(0, 0, 0);}
 75% {transform: rotate(1deg) translate3d(0, 0, 0);}
 100% {transform: rotate(0deg) translate3d(0, 0, 0);}
}
@keyframes storm 
{  0% {transform: translate3d(0, 0, 0) translateZ(0)}
 25% {transform: translate3d(4px, 0, 0) translateZ(0);}
 50% {transform: translate3d(-3px, 0, 0) translateZ(0);}
 75% {transform: translate3d(2px, 0, 0) translateZ(0);}
 100% {transform: translate3d(0, 0, 0) translateZ(0);}
}
.sup2 ul li dl dd{ width:395px; height:244px; overflow:hidden; position:relative;}
.sup2 ul li dl dd h4 { width:395px; height:244px; position: absolute; top: -244px; left: 0px; background:#f36e21; text-align: center; }
.sup2 ul li dl:hover dd h4 { transition: all 0.6s; top: 0px }

.network{ width:100%; height:666px; background:#f8f8f8;}
.net1 h2{ text-align:center; font-size:36px; color:#333; height:60px;}
.net1{ padding-top:60px;}
.net1 dl dt{ width:482px; float:left; margin-top:256px;}
.net1 dl dt img{ float:right;}
.net1 dl dt p{ width:335px; float:right; text-align:center; line-height:60px; font-size:18px;}
.net1 dl dd{ width:602px; float:right;}
.net1 dl dd p{width:510px; text-align:center; line-height:60px; font-size:18px;}

.net2{ margin:50px auto;}
.net2 h2{ text-align:center; font-size:36px; color:#333; height:60px;}
.net2 ul{padding-top:30px;}
.net2 ul li{ width:354px; height:130px; float:left; margin-right:66px;}
.net2 ul li:nth-child(3n){ float:right; margin-right:0;}
.net2 ul li h3{ height:40px; line-height:40px; background:url(../images/dw.png) no-repeat left center; padding-left:30px; font-size:16px; color:#333;}
.net2 ul li p{ font-size:15px;}

.faq{}
.faq-box{}
.faq h2{ text-align:center; font-size:36px; color:#333; height:60px;}
.subNavBox2 { }
.subNav2 {height: 56px; cursor: pointer; font-size: 16px; color: #333; line-height: 56px; text-indent: 60px; margin-top:10px;}
.subNav2 dl { }
.subNav2 dl dt { width: 348px; float: left; }
.subNav2 dl dd { width: 784px; float: right; text-align: right; font-size: 16px; }
.subNav2 dl dd li { float: left; }
.subNav2 {color: #666; background:#eee url(../images/wen.jpg) no-repeat 30px center; }
.currentDt2 {color: #fff; background:#f36e21 url(../images/wen-a.jpg) no-repeat 30px center;  }
.navContent2 { padding-bottom: 30px; padding-top: 30px; border:1px solid #ccc; display: none;}
.navContent2 li { padding-left:60px; background:url(../images/da.jpg) no-repeat 30px 4px; }
.navContent2 li p { line-height: 26px; padding-right:20px; }

/*鏈嶅姟涓庢敮鎸 end*/

/*琛屼笟搴旂敤 start*/
.yy{ background:#f5f5f5; overflow:hidden; padding-top:60px; padding-bottom:80px; border-bottom:1px solid #ccc;}
.yy-con{}
.yy-con h2{ text-align:center; font-size:36px; color:#333; height:60px;}
.yy-con ul{ width:1200px; margin-top:40px;}
.yy-con ul li{ width:388px; height:406px; background:#fff; float:left; margin-right:18px; margin-bottom:20px;transition:all 0.8s;}
.yy-con ul li:hover{ box-shadow:0 0 24px #ccc; transform:translate(0,-10px); transition:all 0.8s;}
.yy-con ul li:nth-child(3n){ float:right; margin-right:0;}
.yy-con ul li .yy1{ width:334px; margin:0 auto;}
.yy-con ul li .yy1 img{ width:334px; height:195px;}
.yy-con ul li .yy1 h4{ height:70px; border-bottom:2px solid #f36e21; line-height:70px; font-size:24px; color:#333; text-align:center; margin-bottom:20px;}
.yy-con ul li:hover .yy1 h4{ color:#f36e21;}
.yy-con ul li .yy1 p{ margin-top:10px;height:48px;line-height:24px; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.yy-con ul li .yy1 h5{ float:right;display:block; height:30px; line-height:30px; position:relative; font-size:14px;}
.yy-con ul li .yy1 h5:hover{color: #f36e21;}
.yy-con ul li .yy1 h5:after { content: ""; display: block; position: absolute; left: 0%; right: 100%; bottom: 0px; height: 1px; opacity: 0; background-color: #f36e21; }
.yy-con ul li .yy1 h5:hover:after { left: 0%; right: 0%; opacity: 1; -webkit-transition: all .8s; -o-transition: all .8s; -ms-transition: all .8s; transition: all .8s; }
/*琛屼笟搴旂敤 end*/


/*妗堜緥璇︽儏 start*/
.ny-case { height:400px;margin-top: 40px; }
.case1-left{ width:600px; height:350px; float:left; position:relative; cursor:pointer;}
.case_tab { height:30px; bottom:0; position:absolute; z-index:2; width:100%; text-align:center;}
.case_tab ul { width:100px;width: -moz-fit-content;width: -webkit-fit-content;width: fit-content;margin:0 auto;}
.case_tab ul li { float:left; width:12px; height:12px; border-radius:50%; margin:0 8px; background:#ccc; }
.case_tab ul li.ob {background:#f36e21;}

.case-con{ width:600px; height:350px; overflow:hidden; position:absolute; z-index:1;}
.case-con img { transform: scale(1.0, 1.0); transition: all 1s; }
.case-con img:hover { transform: scale(1.04, 1.04); transition: all 1s; }

.case1-right{ width:520px; float:right; }
.case1-right h3{font-size:24px; color:#333; height:44px;}
.case1-right p{ font-size:16px; line-height:26px;}

.client{ background:#e1e1e1; width: 100%; height:476px; overflow:hidden; }
.client-con{ padding-top:50px;}
.client-con h2{ text-align:center; font-size:36px; color:#333; height:60px;}

.cli{ margin-top:20px; height:278px;}
.cli ul{}
.cli ul li{ width:1240px;}
.cli ul li dl{ width:300px; float:left; height:202px; padding:30px 44px 0px; background:#fff; margin-right:15px;cursor:pointer;transition:all 0.8s;}
.cli ul li dl h3{ font-size:24px; color:#333; height:40px;}
.cli ul li dl:hover{ box-shadow:0 0 24px #ccc; transform:translate(0,-10px); transition:all 0.8s;}
.cli_tab { height:30px;}
.cli_tab ul { width:1200px;width: -moz-fit-content;width: -webkit-fit-content;width: fit-content;margin:0 auto;}
.cli_tab ul li { float:left; width:12px; height:12px; border-radius:50%; margin:0 8px; background:#ccc; cursor:pointer; }
.cli_tab ul li.oc {background:#f36e21;}

.cli2{margin-top:20px; height:278px; position:relative;}
.cli2 .bd2 { }
.cli2 .bd2 ul li{ float:left; padding-top:10px;}
.cli2 .bd2 ul li dl{ width:300px; float:left; height:202px; padding:30px 44px 0px; background:#fff; margin-right:15px;cursor:pointer;transition:all 0.8s;}
.cli2 .bd2 ul li dl h3{ font-size:22px; color:#333; height:40px;display:block;white-space: nowrap; text-overflow: ellipsis;overflow:hidden;}
.cli2 .bd2 ul li dl:hover{ box-shadow:0 0 24px #ccc; transform:translate(0,-10px); transition:all 0.8s;}
.cli2 .hd2 { position:absolute;width: 100%; top:290px;height: 12px;text-align:center;}
.cli2 .hd2 ul {height: 12px;}
.cli2 .hd2 ul li {cursor: pointer;display: inline-block;zoom: 1;width: 12px;height:12px;margin: 0 5px;float: none;background: #fff; line-height:999px;border-radius: 50%;position: relative;
}
.cli2 .hd2 ul .on { background-color: #f36e21;}

/*妗堜緥璇︽儏 end*/

/*鎶€鏈垱鏂 start*/
.innovation{width:100%; margin-top:40px; padding-bottom:80px;}
.inn-con{margin-bottom:80px;}
.inn_tab { height:80px;}
.inn_tab ul { width:1250px;width: -moz-fit-content;width: -webkit-fit-content;width: fit-content;margin:0 auto;}
.inn_tab ul li { width:394px; float:left; height:66px; line-height:66px;text-align:center;border-bottom:2px solid #ccc; cursor: pointer; color:#666;  font-size: 24px; font-weight:bold; margin-right:4px;}
.inn_tab ul li.oe { color:#fff; background:#f36e21;border-bottom:2px solid #f36e21; }

.inn{ width:1200px; margin:0 auto; padding-top:20px;}
.inn ul{ margin-top:20px; width:1200px;}
.inn ul dl{ width:592px; height:72px; float:left; border:1px solid #ccc; border-radius:50px; margin-top:30px;}
.inn ul dl:hover{border:1px solid #f36e21;}
.inn ul dl:nth-child(2n){ float:right;}
.inn ul dl dt{ float:left; width:72px; height:72px; border-radius:50%; line-height:72px; text-align:center; color:#fff; font-size:30px; font-weight:bold; background:#f36e21;}
.inn ul dl dd{ float:right; width:482px; margin-right:10px; font-size:16px; padding-top:14px;}

.inn1{width: 100%; height:519px; background:url(../images/j2-bj.jpg) no-repeat center center; margin-top:100px;}
.inn1-con{ padding-top:104px;}
.inn1-left{ width:538px; float:left; margin-top:70px;}
.inn1-left h3{font-size:36px; color:#333; height:60px; font-weight:bold;}
.inn1-left p{ font-size:18px; line-height:32px;}
.inn1-right{ float:right;}

.inn2-con{ height:380px; padding:70px 0px;}
.inn2-left{ float:right;}
.inn2-right{ width:538px; float:left; margin-top:90px;}
.inn2-right h3{font-size:36px;color:#333;  height:60px; font-weight:bold;}
.inn2-right p{ font-size:16px; line-height:26px; text-indent:2em;}

.inn3{width: 100%; height:505px; background:url(../images/j4-bj.jpg) no-repeat center center;}
.inn3-con{ padding-top:70px;}
.inn3-left{ width:538px; float:left; margin-top:90px;color:#fff;}
.inn3-left h3{font-size:36px;  height:60px; font-weight:bold;}
.inn3-left p{ font-size:16px; line-height:26px;}
.inn3-right{ float:right;}
/*鎶€鏈垱鏂 start*/


/*浜哄姏璧勬簮 start*/
.hr{ width:100%; padding:40px 0 80px;}
.hr1{ margin-bottom:80px;}
.hr1 h2{font-size:36px; color:#333; height:70px;}
.hr1 h2 small{ margin-left:10px; font-size:16px; color:#666;}
.hr1 p{ line-height:30px;}
.hr1 p a{ text-decoration:underline;}
.hr1 p span{ color:#f36e21;}
.hr1 p a:hover{ color:#f36e21;}

.hr2-bj{width:100%; background:#eaeaea; height:455px; overflow:hidden;}
.hr2{ padding-top:44px; position:relative;}
.xq2{width:1200px; margin:0 auto;}
.xq2 .bd2 { }
.xq2 .bd2 ul li{width:388px;float:left; margin-right:18px; padding-top:10px;}
.xq2 .bd2 ul li:hover{transform:translate(0,-10px); transition:all 0.8s;}
.xq2 .bd2 ul li img{ width:388px; height:244px;}
.xq2 .bd2 ul li p{ line-height:50px; text-align:center; font-size:16px;}
.xq2 .hd2 { position:absolute; top:40px;width: 100%;height: 12px;text-align:right;}
.xq2 .hd2 ul {height: 12px;}
.xq2 .hd2 ul li {cursor: pointer;display: inline-block;zoom: 1;width: 12px;height:12px;line-height:999px;margin: 0 5px;float: none;background: #e1e1e1;border-radius: 50%;position: relative;
}
.xq2 .hd2 ul .on { background-color: #f36e21;}

.case1-right{ width:520px; float:right; }
.case1-right h3{font-size:24px; color:#333; height:44px;}
.case1-right p{ font-size:16px; line-height:26px;}

.hr3{ margin-top:60px;}
.hr3-left{ width:290px; float:left;}
.jy{ margin-top:10px; height:338px;}
.jy p{ margin-top:10px;}

.jy_tab { height:30px;}
.jy_tab ul { width:290px;}
.jy_tab ul li { float:left; width:10px; height:10px; border-radius:50%; margin-right:8px; background:#ccc; cursor:pointer; }
.jy_tab ul li.ok {background:#f36e21;}


.hr3-right{ width:1200px; float:right; margin-bottom: 50px;}
.hr3-left h2,.hr3-right h2,.hr2 h2{font-size:30px; color:#333; height:70px;}
.hr3-right ul{}
.hr3-right ul li .title{ width:1200px; height:60px; line-height:60px; background:#f4f4f4 url(../images/zw.png) no-repeat 30px center; font-size:16px; margin-top:10px; cursor:pointer;}
.hr3-right ul li .hr-content1{ width:1200px;  line-height:24px; font-size:16px; margin:16px 0;display:none;}
.hr3-right ul li.active .title{ color:#fff;background:#f36e21 url(../images/zw-a.png) no-repeat 30px center;}
.hr3-right ul li.active .hr-content1{display:block;}
.hr3-right ul li.active .zw4 a { color:#fff;}
.hr3-right ul li:hover .title{ color:#fff;background:#f36e21 url(../images/zw-a.png) no-repeat 30px center; }
.zw1{ float:left; padding-left:60px; width:350px;}
.zw2{ float:left;width:120px;}
.zw4{ float:left;width:300px; margin-left:30px;}
.zw4 a{ color:#666;}
.hr3-right ul li:hover .zw4 a { color:#fff;}
.zw3{ float:right; margin-right:30px;}

/*浜哄姏璧勬簮 end*/


/*鏂伴椈鍒楄〃 start*/
.newslist {padding-top:40px; }
.newslist ul li { height: 270px; border-bottom: 1px solid #ccc; margin-top:26px; position: relative; }
.newslist ul li:after { content: ""; display: block; position: absolute; left: 0%; right: 100%; bottom: -1px; height: 1px; opacity: 0; background-color: #f36e21; }
.newslist ul li:hover:after { left: 0%; right: 0%; opacity: 1; -webkit-transition: all .8s; -o-transition: all .8s; -ms-transition: all .8s; transition: all .8s; }
.newslist dl { }
.newslist dt { float: left; width: 390px; height:240px; overflow: hidden; }
.newslist dt img { transform: scale(1.0, 1.0); transition: all 0.8s; }
.newslist dt img:hover { transform: scale(1.04, 1.04); transition: all 0.8s; }
.newslist dl dd { float: right; width: 716px; margin-top:20px; }
.newslist dl dd h3{ height:40px; line-height:40px;}
.newslist dl dd h3 a{ font-size:24px; color:#333;display:block;white-space: nowrap; text-overflow: ellipsis;overflow:hidden; }
.newslist dl dd h3 a:hover{color: #f36e21;}
.newslist dl dd h6{ height:30px; line-height:30px; background:url(../images/time.png) no-repeat left center; font-size:16px; padding-left:20px;}
.newslist dl dd p{ margin-top:10px; height:52px; font-size:16px; line-height: 26px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.newslist dl dd h4{ margin-top:20px;}
.newslist dl dd h4 a{ display:block;width:110px; color:#333; font-size:16px; height:40px; border:1px solid #ccc; display:block; float:left; line-height:40px; text-align:center; overflow:hidden;position: relative; }
.newslist dl dd h4 a {color: var(--color);-webkit-transition: 0.6s;transition: 0.6s;}
.newslist dl dd h4 a:hover, .newslist dl dd h4 a:focus {border-color: var(--hover);color: #fff;}
.n-list:hover,
.n-list:focus { box-shadow: inset 10em 0 0 0 var(--hover);}
.n-list {--color: #333;--hover: #f36e21;}
.newslist dl dd h4 a:hover{ color:#fff;}
/*鏂伴椈鍒楄〃 end*/

/*鍏充簬鎴戜滑 start*/
.section-content { }
.nav-height { position: relative; height:60px; }
.nav-wrap { width: 100%; height: 60px; background: #fff;}
.nav-wrap.navFix { position: fixed; top: 0; left: 0; box-shadow: 0 0 10px rgba(204,204,204,1); z-index: 99; }
.nav-wrap.navFix ul { border-bottom: 0; }
.nav-wrap ul { width: 1200px;margin: 0 auto; }
.nav-wrap li { height: 60px; float: left; }
.nav-wrap li a { padding: 0 30px; height:60px; display:block; color: #333;font-size: 14px; line-height: 60px;}
.nav-wrap li a:hover { color: #fff; background: #f36e21; }
.nav-wrap li a.active { color: #fff; background: #f36e21;}
.nav-mobile { display: none; font-weight: bold; width: 100%; }
.click-me { padding:0 30px;height: 60px; background: #4680d1; color: white; text-align: center; line-height: 60px; }
.click-me a { display: block; color: white; }


.ny-about { width:100%; height:1010px; background:url(../images/a1-bj.jpg) no-repeat center top;}
.about1{ padding:70px; height:672px; overflow: visible;position: relative;}
.a-img{ width:381px; height:205px;}
.a-wz{ width:381px; height:195px; background:#666;}
.a-wz ul{ margin-left:60px;padding-top:25px;}
.a-wz ul li{ width:124px; float:left; color:#fff; height:76px;}
.a-wz ul li h4{ font-size:28px;}
.a-wz ul li h4 sup{ font-size:16px;}
.a-wz ul li h4 sup sup{ font-size:12px;}
.about1-left{ width:382px; float:left;}
.about1-left h2{font-size:30px; color:#333; height:70px; line-height:70px;}
.about1-right{ width:749px; height:470px; background:#fff; float:right;  position: absolute; right: 0;}
.about1-right ul{ width:690px; height:342px; overflow:hidden; margin:0 auto; padding-top:40px;}
.about1-right ul .about-jj{ font-size:16px; margin-top:20px; line-height:26px; text-indent:2em;height: 210px;overflow: hidden;}
.pop-up .about-wz{font-size:16px; margin-top:20px; line-height:26px;}

/*.about2 ul{}
.about2 ul li{ width:389px; float:left; margin-right:16px;}
.about2 ul li:last-child{ float:right; margin-right:0;}
.about2 ul li h4{ width:389px; height:260px; overflow:hidden;}
.about2 ul li img { transform: scale(1.0, 1.0); transition: all 0.8s; }
.about2 ul li:hover img { transform: scale(1.04, 1.04); transition: all 0.8s; }
.about2 ul li p{ text-align:center; line-height:50px; font-size:16px;}*/
#demo10 {overflow:hidden;margin:0 auto;}
#indemo {float: left;width:100000%;}
#demo11 {float: left;}
#demo12 {float: left;}
#demo11 ul {float:left;}
#demo11 ul li{ width:389px; float:left; margin-right:16px;}
#demo11 ul li h4{ width:389px; height:260px; overflow:hidden;}
#demo11 ul li img { transform: scale(1.0, 1.0); transition: all 0.8s; }
#demo11 ul li:hover img { transform: scale(1.04, 1.04); transition: all 0.8s; }
#demo11 ul li p{ text-align:center; line-height:50px; font-size:16px;}
#demo11 {float: left;}
#demo12 {float: left;}

/*鍏充簬鎴戜滑*/

.culture{width:100%; height:1000px; background:url(../images/a5-bj.jpg) no-repeat center top;}
.cult1{ height:470px; padding-top:50px; }
.cult1 h2{font-size: 30px;color: #333;text-align:center;}
.cult1 ul{ margin-top:40px;}
.cult1 ul li{ width:592px; height:160px; background:#fff; float:left; margin-bottom:20px;transition: all 1s;}
.cult1 ul li:nth-child(2n){ float:right;}
.cult1 ul li dl{ padding-top:30px; }
.cult1 ul li dl dt{ float:left;height:86px; display:block; width:140px; text-align:center; border-right:1px solid #ccc;display:table-cell; vertical-align:middle;}
.cult1 ul li dl dt img{ margin:0 auto;transition: all 1s; padding-top:10px;}
.cult1 ul li dl dd{ width:380px; float:right; margin-right:20px;}
.cult1 ul li dl dd h4{font-size:24px;color: #333; height:40px;}
.cult1 ul li dl dd p{ font-size:16px;}
.cult1 li:hover { transform:translate(-10px,0); transition: all 1s; box-shadow:0 4px 20px #ccc;}
.cult1 ul li:nth-child(2n):hover{transform:translate(10px,0); transition: all 1s;}

.cult2{ margin-top:60px;}
.cult2 ul li{ width:390px; float:left; margin-right:15px;}
.cult2 ul li:last-child{ float:right; margin-right:0;}
.cult2 ul li h4{ width:390px; height:243px; overflow:hidden;}
.cult2 ul li img { transform: scale(1.0, 1.0); transition: all 0.8s; }
.cult2 ul li:hover img { transform: scale(1.04, 1.04); transition: all 0.8s; }
.cult2 ul li h5{font-size: 24px;color: #333;text-align:center; margin-top:20px;}
.cult2 ul li p{ text-align:center; line-height:40px; font-size:16px;}
/*鏂囧寲鐞嗗康*/

.ny-honor { width: 100%; height:1180px; background:url(../images/a8-bj.jpg) no-repeat center bottom; }
.ny-honor1{width: 100%; height:560px; background:#f1f1f1;}
.honor1,.honor2,.device{ padding-top:50px;}
.honor1 h2,.honor2 h2,.device h2{ height:60px;font-size:30px;color: #333;  text-align:center;}

.hon-con1{height:500px; position:relative; overflow:hidden;}
.hon-con1 .bd2 { }
.hon-con1 .bd2 ul{width:1240px;}
.hon-con1 .bd2 ul li{width:286px;float:left; margin-right:18px; padding-top:30px;}
.hon-con1 .bd2 ul li:hover{transform:translate(0,-10px); transition:all 0.8s; position:relative;}
.hon-con1 .bd2 ul li img{ width:286px; height:340px;}
.hon-con1 .bd2 ul li p{ line-height:50px; text-align:center; font-size:16px;}
.hon-con1 .hd2 { position:absolute;width: 100%; top:400px;height: 12px;text-align:center;}
.hon-con1 .hd2 ul {height: 12px;}
.hon-con1 .hd2 ul li {cursor: pointer;display: inline-block;zoom: 1;width: 12px;height:12px;margin: 0 5px;float: none;background: #fff; line-height:999px;border-radius: 50%;position: relative;
}
.hon-con1 .hd2 ul .on { background-color: #f36e21;}


#demo20 {overflow:hidden;margin:0 auto;}
#indemo {float: left;width:100000%;}
#demo21 {float: left;}
#demo22 {float: left;}
#demo21 ul {float:left;}
#demo21 ul li{width:286px;float:left; margin-right:18px; padding-top:30px;}
#demo21 ul li:hover{transform:translate(0,-10px); transition:all 0.8s; position:relative;}
#demo21 ul li img{ width:286px; height:340px;}
#demo21 {float: left;}
#demo22 {float: left;}




.hon-con2{height:500px; position:relative; overflow:hidden;}
.hon-con2 .bd2 { }
.hon-con2 .bd2 ul{width:1240px;}
.hon-con2 .bd2 ul li{width:286px;float:left; margin-right:18px; padding-top:30px;}
.hon-con2 .bd2 ul li:hover{transform:translate(0,-10px); transition:all 0.8s; position:relative;}
.hon-con2 .bd2 ul li img{ width:286px; height:340px;}
.hon-con2 .bd2 ul li p{ line-height:50px; text-align:center; font-size:16px;}
.hon-con2 .hd2 { position:absolute;width: 100%; top:460px;height: 12px;text-align:center;}
.hon-con2 .hd2 ul {height: 12px;}
.hon-con2 .hd2 ul li {cursor: pointer;display: inline-block;zoom: 1;width: 12px;height:12px;margin: 0 5px;float: none;background: #fff; line-height:999px;border-radius: 50%;position: relative;
}
.hon-con2 .hd2 ul .on { background-color: #f36e21;}

/*鑽ｈ獕*/

.course{width: 100%; background:url(../images/a9-bj.jpg) no-repeat center top; margin-bottom:80px;}
.course-con{ padding-top:210px;}
.course-con h2{height:60px;font-size:36px;color: #fff;}
.course-con ul{position: relative;}
.course-con ul{ 
    /*background:url(../images/a9-x1.jpg) no-repeat 100px top;*/
    margin-top:60px;padding:20px 0;}
.course-con ul::before{
    content: '';
    position: absolute;
    left: 100px;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: #7e7e7e;
}
.course-con ul dl{ height:54px;}
.course-con ul dl dt{ float:left; width:87px; height:26px; background:url(../images/a9-1.png) no-repeat; line-height:26px; color:#fff; text-indent:28px;}
.course-con ul dl dd{ width:1102px; float:right; background:url(../images/a9-d.png) no-repeat left 9px; }
.course-con ul dl dd p{padding-left:20px; font-size:16px; line-height:26px;}
.course-con ul dl dd p span{ color:#f36e21;}
/*鍘嗙▼*/

/*鎶€鏈疄鍔?/
.technology{width: 100%; height:836px; background:url(../images/a-10.jpg) no-repeat center top;}
.tech1{ padding-top:210px;}
.tech1 h2{height:60px;font-size:36px;color: #fff; margin-bottom:84px;}
.tech1-left{width:570px; margin-top:30px; float:left;}
.tech1-left h3{height:60px;font-size:36px;color: #333;}
.tech1-left p{ font-size:16px; line-height:28px;}
.tech1-left ul{ margin-top:50px;}
.tech1-left ul li{ width:170px; float:left;}
.tech1-left ul li h5{ font-size:48px; font-weight:bold; color:#f36e21;}
.tech1-left ul li h5 span{ color:#666; font-size:14px;}
.tech1-left ul li h6{ font-size:16px; line-height:26px;}
.tech1-right{ float:right}

.partner{width: 100%; height:540px; background:url(../images/kf-bj.jpg) no-repeat center center;}
.par-con{ padding-top:64px;}
.par-left{ width:300px; float:left;}
.par-left h3{height:60px;font-size:36px;color: #f36e21;}
.par-left ul{ margin-top:50px;}
.par-left ul li{ height:104px;}
.par-left ul li h5{ font-size:48px; font-weight:bold; color:#f36e21;}
.par-left ul li h5 span{ color:#666; font-size:14px;}
.par-left ul li h6{ font-size:16px; line-height:26px;}
.par-right{ width:810px; float:right;}
.par-right ul{ width:820px;}
.par-right ul li{ width:134px; height:134px; margin-left:1px; margin-bottom:1px; float:left; cursor:pointer;}
.par-right ul li:hover{ box-shadow:0 0 16px #ccc; position:relative;}

.quality{ padding-top:60px;}
.qua-left{ float:left;}
.qua-right{width:570px; margin-top:10px; float:right;}
.qua-right h3{height:60px;font-size:36px;color: #333;}
.qua-right p{ font-size:16px; line-height:28px;}
.qua-right ul{ margin-top:40px;}
.qua-right ul li{ width:226px; float:left; height:100px;}
.qua-right ul li h5{ font-size:48px; font-weight:bold; color:#f36e21;}
.qua-right ul li h5 span{ color:#666; font-size:14px;}
.qua-right ul li h6{ font-size:16px; line-height:26px;}

.device{ height:560px;}
.device p{ width:908px; height:110px; margin:0 auto; text-align:center; font-size:16px; line-height:28px;}

.dev2{height:366px; position:relative; overflow:hidden;}
.dev2 ul li{ width:392px; margin-right:11px; float:left;}
.dev2 .bd2 {}
.dev2 .bd2 ul li{ width:392px;float:left; margin-right:11px; padding-top:20px;}
.dev2 .bd2 ul li:hover{transform:translate(0,-10px); transition:all 0.8s;}
.dev2 .bd2 ul li img{ width:392px; height:260px;}
.dev2 .bd2 ul li h5{ line-height:50px; text-align:center; font-size:16px;}
.dev2 .hd2 { position:absolute;width: 100%; top:350px;height: 12px;text-align:center;}
.dev2 .hd2 ul {height: 12px;}
.dev2 .hd2 ul li {cursor: pointer;display: inline-block;zoom: 1;width: 12px;height:12px;margin: 0 5px;float: none;background: #eee; line-height:999px;border-radius: 50%;position: relative;}
.dev2 .hd2 ul .on { background-color: #f36e21;}
/*瀹炲姏*/

/*鍏充簬鎴戜滑 end*/

/*鑱旂郴鎴戜滑 start*/
.ny-contact { width:100%; height:226px; background:#f3f3f3;}
.tact{ padding-top:30px;}
.tact dl dt{ width:790px; float:left; margin-top:30px;}
.tact dl dt h2{ height:44px;font-size:30px; font-family: "鎬濇簮榛戜綋 CN";color: #333;}
.tact dl dt p{ line-height:24px; font-size:16px;}
.tact dl dt p span a{ background:#f36e21; color:#fff; padding:0 10px; font-size:14px; margin-left:10px; display:inline-block;}
.tact dl dt p span a:hover { transition: all 0.6s; }
.tact dl dt p span a:hover { animation: storm 0.7s ease-in-out both; animation-delay: 0.06s; }
 @keyframes rotate 
 {  0% { transform: rotate(0deg) translate3d(0, 0, 0);}
 25% {transform: rotate(3deg) translate3d(0, 0, 0);}
 50% {transform: rotate(-3deg) translate3d(0, 0, 0);}
 75% {transform: rotate(1deg) translate3d(0, 0, 0);}
 100% {transform: rotate(0deg) translate3d(0, 0, 0);}
}
@keyframes storm 
{  0% {transform: translate3d(0, 0, 0) translateZ(0)}
 25% {transform: translate3d(4px, 0, 0) translateZ(0);}
 50% {transform: translate3d(-3px, 0, 0) translateZ(0);}
 75% {transform: translate3d(2px, 0, 0) translateZ(0);}
 100% {transform: translate3d(0, 0, 0) translateZ(0);}
}
.tact dl dd{ width:133px; float:right;}
.tact dl dd p{ font-size:16px; line-height:40px; text-align:center;}
.news-show-right dl.tab dd ul li{overflow: hidden;}
.map{ height:526px; margin-top:60px;}
.map-left{ width:730px; height:450px; float:left; overflow:hidden;}
.map-right{ width:360px; float:right;}
.map-right h3{ height:44px;font-size:24px; color: #333; margin-top:10px;}
.map-right p{ font-size:16px; line-height:26px; margin:6px 0;font-family: "鎬濇簮榛戜綋 CN";}
.BMapLib_SearchInfoWindow .BMapLib_bubble_top {
    display: none;
}
.BMapLib_SearchInfoWindow {
    border: none !important;
    background: transparent !important;

}
.BMapLib_SearchInfoWindow .BMapLib_trans{
	display: none;
}
/*鑱旂郴鎴戜滑 end*/

table{border-collapse:collapse;width: 100%; margin-bottom:40px; background:#fff;}
table:nth-child(2n){ background:#fafafa;}
table,table tr th, table tr td { border:1px solid #ccc;     margin-top: 30px;}
table td{line-height: 40px;font-size:16px; padding-left:10px;}
table p{line-height: 40px; font-size:16px;}
.tab1{ background:#fff;}
.tab2{}