/* 
* @Author: anchen
* @Date:   2019-06-11 08:34:42
* @Last Modified by:   anchen
* @Last Modified time: 2019-06-12 11:16:00
*/
.clearfix{ *zoom:1; }
.clearfix:after{ content: ""; display: block; clear: both; }
body { font-family:"Microsoft YaHei"; font-size:12px; margin: 0; }
.bg { background:#fff; }
@media only screen and (max-width: 1200px) {
    .bx{ width: 100% !important;}
}
.bx{ width: 1200px; margin: 0 auto; }
.fl{ float: left; }
.fr{ float: right; }
*{ margin: 0; padding: 0; list-style: none; text-decoration: none; }
.overflow { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }


/*1*/
.top_top{background-color: #0777d7;height: 40px;}
.top_top p{font-size: 14px;color: #fff;line-height: 40px;}
.top{ height: 143px; }
.logo{ display: block; margin-top: 20px; }
.phone { margin-top: 40px; }
.phone img{ display: block; margin-top: 9px; }
.top_text p{ font-size: 18px; color: #333}
.top_text .num{ font-size: 30px; color: #0777d7; font-weight: 700; line-height: 45px;}
.top_text{ margin-left: 20px; }


/*2*/
.nav{ /*background-color: #0777d7;*/ height: 70px; }
.nav1 a{ display: block; font-size: 16px; color: black; width: 130px; line-height: 70px; text-align: center; }
.nav1 a:hover{ color: #333; background-color: #efb81b; font-weight: 600; }
.nav1{ margin-left: 40px; }
.nav1.last{ margin-left: 0px; }

/*3*/
/*.banner{ background: url(../img/banner.jpg) no-repeat center; height: 790px; }*/


/*4*/
.adv { background-color: #0777d7; height: 160px; padding-top: 30px; margin-bottom: 80px; }
.adv1{ width: 16.6%; }
.adv1 img{ max-width: 100%; margin: 0 auto; display: block; }


/*5*/
.tit h3{ font-size: 30px; color: #0777d7; text-align: center; margin-bottom: 40px; }
.about p{ font-size: 16px; color: #333; line-height: 36px; text-align: center; letter-spacing: 1px; margin-bottom: 50px; }
.about_tu li{ margin-left: 20px; }
.about_tu li.last{ margin-left: 0; }
.about_tu li a img{ display: block; }
.about{ margin-bottom: 80px; }

/*6*/
.fu_banner{ background: url(../img/fu_banner.jpg) no-repeat center; height: 400px;  }
.por1 a img{ display: block; }


/*7*/
.por{     background-color: #f5f5f5;    padding: 80px 0;}
.view { width: 393px; display:inline; overflow: hidden; position: relative; text-align: center; cursor: default;  background-size: contain; margin-right: 10px;margin-bottom: 10px; }
.view.last{ margin-right: 0; }


.view .mask,.view .content { width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; }
.view img { max-width: 100%; display: block; position: relative; }
.view h2 { text-transform: uppercase; color: #fff; text-align: center; position: relative; font-size: 18px; padding: 20px; margin: 20px 0 0 0; }
.view h2 a{ color: #fff; }
.view p { font-size: 12px; position: relative; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:5; -webkit-box-orient: vertical; color: #fff; padding: 20px 20px 20px; text-align: center; }
.view a.info { display: inline-block; text-decoration: none; padding: 10px 20px; background: #fff; color: #333; text-transform: uppercase; -webkit-box-shadow: 0 0 1px #000; -moz-box-shadow: 0 0 1px #000; box-shadow: 0 0 1px #000; }
.view a.info: hover { -webkit-box-shadow: 0 0 5px #000; -moz-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000; }
.view-fourth img { -webkit-transition: all 0.4s ease-in-out 0.2s; -moz-transition: all 0.4s ease-in-out 0.2s; -o-transition: all 0.4s ease-in-out 0.2s; -ms-transition: all 0.4s ease-in-out 0.2s; transition: all 0.4s ease-in-out 0.2s; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }
.view-fourth .mask { 
background-color: rgba(7,119,215,0.8); 
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
filter: alpha(opacity=0); 
opacity: 0; 
/*-webkit-transform: scale(0) rotate(-180deg); 
-moz-transform: scale(0) rotate(-180deg); 
-o-transform: scale(0) rotate(-180deg); 
-ms-transform: scale(0) rotate(-180deg);
transform: scale(0) rotate(-180deg); 
-webkit-transition: all 0.4s ease-in; 
-moz-transition: all 0.4s ease-in; 
-o-transition: all 0.4s ease-in; 
-ms-transition: all 0.4s ease-in; 
transition: all 0.4s ease-in; */
-webkit-border-radius: 0px; 
-moz-border-radius: 0px;
border-radius: 0px; }
.view-fourth h2 { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; border-bottom: 1px solid #ccc; background: transparent; margin: 15% 40px 0px 40px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.view-fourth p { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.view-fourth a.info { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.view-fourth:hover .mask { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transform: scale(1) rotate(0deg); -moz-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; -ms-transition-delay: 0.2s; transition-delay: 0.2s; }
/*.view-fourth:hover img { -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -ms-transition-delay: 0s; transition-delay: 0s; }
*/
.view-fourth:hover h2,
.view-fourth:hover p,
.view-fourth:hover a.info { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s; -ms-transition-delay: 0.5s; transition-delay: 0.5s; }


/*8*/
.brand{ background: url(../img/adv.jpg) no-repeat center;background-size:100% 100%; height: 854px; width: 100%; padding-top: 70px; margin-bottom: 80px; }
.brand_tit h3{ font-size: 30px; color: #fff; font-weight: 400; margin-bottom: 10px; }
.brand_tit p{ font-size: 16px; color: #fff; line-height: 32px; width: 774px; }
.brand_tit{ margin-bottom: 130px; }
.brand_icon1 img{ display: block; margin: 0 auto 20px; }
.icon_tit{ font-size: 20px; color: #333; text-align: center; margin-bottom: 5px; }
.brand_icon1{ width: 286px; margin-left: 170px; }
.brand_icon1.last{ margin-left: 0px; }
.icon_text{ font-size:14px; color: #666; text-align: center; }
.brand_icon{ width: 854px; }
.brand_icon2{ margin-bottom: 52px; }


/*9*/
.new_text{ margin-bottom: 30px; }
.new_text1 img{ display: block; margin-bottom: 30px; }
.new_text1{ width: 381px; margin-left: 28px; }
.new_text1.last{ margin-left: 0px; }
.new_text1_2 li{ width: 100%; margin-bottom: 20px; }
.new_text1_2 li .new_tit{ display: block; font-size: 16px; color: #333; text-align: center; }
.more a{ width: 152px; height: 50px; display: block; font-size: 14px; color: #333; text-align: center; line-height: 50px; border: 1px solid #cccccc; margin: 0 auto; }
.more a:hover{ border: none; background-color: #0777d7; color: #fff; }
.new{ margin-bottom: 80px; }


/*10*/

.footer{ background-color:#eeeeee; color: #333; height: 233px; }

.footLeft{ width: 780px; }

.footRight{ width: 370px; padding: 0 25px; font-size: 12px; color: #fff}

.footLeft .footNav{ overflow: hidden; padding-top: 62px; overflow: hidden; }

.footLeft .footNav dl{ float: left; overflow: hidden; margin-bottom: 20px; }

.footLeft .footNav dl dt{ font-size: 16px; color: #333;  float:left; width:260px; border-right:1px solid #ccc;  }
.footLeft .footNav dl dd{ float:left; width:517px; text-align:center; }
.footLeft .footNav dl dd a{ font-size: 16px; color: #333; padding:0 18px; }
.footLeft .footNav dl dd p{ width:508px; border-top:1px solid #ccc; margin:10px auto; text-align:left; padding-top:10px; }
.footLeft .footNav dl dd p span{ float:left; line-height:40px; }
.footLeft .footNav dl dd p .erweima{ float:right; }

.footLeft .link{ padding: 25px 0; border-top: 1px solid #323232; position: relative; }

.footLeft .link a{ font-size: 12px; color: #999999; padding: 0 5px; border-right: 2px solid #999999; }

.footLeft .link a:last-child{ border-right: 0; }

.footLeft .link a:hover{ color: #fff; }

.footLeft .link span{ position: absolute; color: #fff; top: -15px; padding-left: 20px; }

.footRight .foot-tel{ font-size: 14px; margin-top: 62px; margin-bottom: 15px; color: #333; line-height:35px; border-left:1px solid #ccc; padding-left:50px; }

.footRight .foot-tel span{ width:370px; height:40px; line-height:40px; padding-left:50px; font-size:32px; font-weight:bold; background: url(../img/phone_btn.png) left center no-repeat;}

/*kefu*/
.cndns-right{position:fixed;right:1px;top:50%;margin-top:-100px;z-index:100}
.cndns-right-meau{position:relative;}
.cndns-right-btn{width:48px;height:48px;border:1px solid #ddd;text-align:center;display:block;margin-bottom:6px;position:relative;background-color:#fff}
.cndns-right-btn span{color:#848484;font-size:26px;line-height:48px;}
.cndns-right-btn sup{display:block;min-width:24px;height:24px;text-align:center;line-height:24px;color:#fff;border-radius: 50%;background-color:#ff6800;position:absolute;left:-12px;top:-12px;}
.cndns-right-btn p{color:#ff6800;font-size:14px;line-height:18px;padding-top:5px;display:none;}
.cndns-right-meau:hover .cndns-right-btn span{display:none}
.cndns-right-meau:hover .cndns-right-btn p{display:block;}
.meau-car .cndns-right-btn {border-color:#ff6800;margin-bottom:20px;}
.meau-car.cndns-right-meau:hover .cndns-right-btn{background-color:#ff6800}
.meau-car.cndns-right-meau:hover .cndns-right-btn span{color:#fff;display:block;}
.meau-car .cndns-right-btn span{color:#ff6800;}
.meau-sev .cndns-right-btn{border-color:#ff6800;background:url(/img/02index-banner-8.gif) no-repeat #ff6800 center;} 
.meau-sev .cndns-right-btn p{color:#fff}
.meau-sev .cndns-right-btn span{color:#fff}
.meau-top .cndns-right-btn span{font-size:12px;line-height:12px;padding-top:10px;display:block}
.meau-top .cndns-right-btn i{display:block;color:#999}
.meau-top.cndns-right-meau:hover .cndns-right-btn{background-color:#ff6800}
.meau-top.cndns-right-meau:hover .cndns-right-btn span{display:block;color:#fff} 
.meau-top.cndns-right-meau:hover .cndns-right-btn i{color:#fff;}
.cndns-right-box{position:absolute;top:-15px;right:48px;padding-right:25px;display:none;}
.cndns-right-box .box-border{border:1px solid #ccc;border-top:4px solid #ff6800;padding:20px;background-color:#fff;-webkit-box-shadow: 0 3px 8px rgba(0,0,0,.15);-moz-box-shadow: 0 3px 8px rgba(0,0,0,.15);box-shadow: 0 3px 8px rgba(0,0,0,.15);position:relative}
.cndns-right-box .box-border .arrow-right{display:block;width:13px;height:16px;background:url(/img/arrow.png) no-repeat;position:absolute;right:-13px;top:26px;}
.cndns-right-box .box-border .sev-t span{font-size:42px;float:left;display:block;line-height:56px;margin-right:20px;color:#d3d3d3}
.cndns-right-box .box-border .sev-t p{float:left;color:#ff6800;font-size:24px;line-height:28px;}
.cndns-right-box .box-border .sev-t p i{display:block;font-size:14px;color:#aaa;}
.cndns-right-box .box-border .sev-b{padding-top:15px;margin-top:15px;border-top:1px solid #e4e4e4}
.cndns-right-box .box-border .sev-b h4{color:#666;font-size:14px;font-weight:normal;padding-bottom:15px;}
.cndns-right-box .box-border .sev-b li{float:left;width:33.33333%}
.cndns-right-box .box-border .sev-b li a{display:inline-block;color:#999;font-size:13px;padding-left:43px;background:url(/img/q1.gif) no-repeat left 3px;line-height:36px;}
.cndns-right-box .box-border .sev-b li a:hover{color:#ff6800}
.meau-sev .cndns-right-box .box-border{width:430px;}
.meau-contact .cndns-right-box .box-border{width:230px;}
.cndns-right-meau:hover .cndns-right-box{display:block}
.meau-code .cndns-right-box{top:inherit;bottom:-35px;}
.meau-code .cndns-right-box .box-border{width:156px;text-align:center;border-top:1px solid #ccc;}
.meau-code .cndns-right-box .box-border i{display:block;color:#f66e06;font-size:16px;line-height:16px;}
.meau-code .cndns-right-box .box-border .arrow-right{top:inherit;bottom:50px;}
.meau-sev .cndns-right-btn .demo-icon{display:none;}
.meau-sev:hover .cndns-right-btn{background:#ff6800}
.meau-zs .cndns-right-btn{background-color:#ff6800;color:#fff;margin-top:80px;border-color:#ff6800}
.meau-zs .cndns-right-btn span{color:#fff}
.meau-zs .cndns-right-btn p{color:#fff}
/*kefu*/

.clear{clear:both;font-size:0px;line-height:0;height:0;}

@font-face {
	font-family: 'icomoon';
    src:url('/fonts/icomoon.eot?qradjf');
    src:url('/fonts/icomoon.eot?qradjf#iefix') format('embedded-opentype'),
        url('/fonts/icomoon.ttf?qradjf') format('truetype'),
        url('/fonts/icomoon.woff?qradjf') format('woff'),
        url('/fonts/icomoon.svg?qradjf#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}
.demo-icon{
  font-family:"icomoon";
  font-style:normal;
  font-weight:normal;
  speak:none;
  display:inline-block;
  text-decoration:inherit;
  text-align:center;
  font-variant:normal;
  text-transform:none;
  font-size:24px;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  line-height:24px;
  color:#999; 
}

/*主图*/
.banner{width:100%;overflow:hidden;height:544px;position:relative;}
.banList{position:absolute;left:50%;margin-left:-960px;height:544px}
.banList li{height:544px;opacity:0;position:absolute;transform:scale(0);transition:transform 0.5s ease 0s, opacity 1.5s ease 0s;z-index:1;}
.banList li.active{opacity:1;transform:scale(1);z-index:2;}
.fomW{position:absolute;bottom:20px;left:50%;height:20px;z-index:9;width:1000px;margin-left:-500px}
.jsNav{text-align:center;}
.jsNav a{display:inline-block;background:#b1b1b1;width:15px;height:15px;border-radius:50%;margin:0 5px;}
.jsNav a.current{background:#000;cursor:pointer}