/* CSS Document */
*{margin:0;padding:0;font-family:"å¾®è½¯é›…é»‘";list-style: none;text-decoration: none; background:none;}
img{ border:0;}
.clearfix{clear:both;}
a{color: #666;}
.L{float: left;}
.R{float: right;}
body{}
h1{font-size: 24px;color:#20acab;font-weight: normal;}
h2{font-size: 20px;color:#20acab;font-weight:normal;}
h3{font-size: 20px;color:#333;font-weight:normal;}
h4{font-size: 18px;color:#333;font-weight:normal;}
h5{font-size: 16px;color:#333;}
h6{font-size: 14px;color:#333;font-weight:normal;}
.colorp{color: #20acab;font-weight: bold;text-align: center;}
/*#20acab*/
.titlep{font-size: 14px;color: #a4a4a4;text-align: center;}
a:hover{ color:#20acab;}
a{transition: 0.6s;}
input{outline: none;list-style: none;}
.lookmore{color:#20acab;transition: 0.6s;position: relative;}
.lookmore:hover{margin-left: 10px;}
.contp{text-align: justify;line-height: 24px;font-size: 14px;color: #666;}
/*#20acab*/
/*#20acab*/
/*#104466*/
@font-face
{
font-family: impact;
src: url("../font/impact_0.ttf"), url("../font/impact_0.eot"),url(/themes/simpleboot3/public/assets/font/impact_0.otf),url(../font/impact_0.svg),url(../font/impact_0.woff); 
	
}
@keyframes mymove
{

25%  {transform:rotateZ(-10deg)}

75%  {transform:rotateZ(10deg)}

}

/*å†…é¡µbanner*/
.nybanner{width: 100%;min-width: 1200px;}
.width1920{width: 1920px;position: relative;left: 50%;margin-left: -960px;}
.minwidth1200{min-width: 1200px;width: 100%;overflow: hidden;}
.width1200{width: 1200px;margin: 0 auto;overflow: hidden;}
.width1230{width: 1230px;}
.width1240{width: 1240px;}
.width1100{width: 1100px;margin: 0 auto;overflow: hidden;}
/*æ ‡é¢˜*/
.title1{margin: 0 auto;text-align: center;position: relative;height: 60px;}
.title1 h1{line-height: 30px;color:#104466;font-size: 24px;height: 30px;}
.title1 .titlep2{line-height: 20px;height: 20px;color: #104466;font-size: 14px;}
.title1 a{position: absolute;right: 4px;bottom: 10px;font-size: 12px;transition: 0.6s;z-index: 2222;height: 32px;width: 120px;text-align: center;border-radius: 20px;border: 1px solid #20acab;line-height: 32px;color: #20acab;}
.title1 a:hover{color:#fff;right: 0px; border: 1px solid rgba(0,0,0,0.00);background: #20acab}
.title1 .titlep{line-height: 30px;color: #20acab;z-index: 222;position: relative;}
/*#104466*/



.grayline{height: 1px;width: 1200px;background: #ddd;margin: 0 auto;}
.redline{background:#20acab;height: 2px;width: 160px;margin: 0 auto;position: relative;top: 1px;}
.redline2{background:#20acab;height: 2px;width: 120px;margin: 10px 0;}
.title2{width: 1200px;margin: 0 auto;text-align: center;}
.title2 h2{line-height: 50px;}
.title2 .titlep{line-height: 16px;}
.title2 .titleimg{margin-top: 10px;}
.title2 .titleimg img{margin: 0 auto;}
/*#20acab*/

/*å¤´éƒ¨å¯¼èˆª*/
.topbg{width: 100%;background: #104466;height: 90px;position: fixed;left: 0;top:0 ;z-index: 9999;}
.topbg .top{width: 100%;width: 1100px;height:90px;margin: 0 auto;position: relative;}
.topbg .top .toplogo{margin:13px 0px;}
.topbg .top .topR{height: 90px;}
.topbg .top .topR .topnav{height: 90px;float: right;line-height: 90px;margin-right: 30px;}
.topbg .top .topnav li{float: left;margin: 25px 4px;height: 40px;line-height: 40px;}
.topbg .top .topnav li a{text-align: center;font-size: 14px;color:#fff;border-radius: 0px;display: block;padding: 0 3px;}
.topbg .top .topnav li a:hover{color:#fff;border-bottom: 1px solid #fff;}
.topbg .top .topnav li a.navnow{color:#fff;border-bottom: 1px solid #fff;}
.topbg .searchbox{height: 32px;width: 220px;overflow: hidden;float: right;margin: 29px 0;}
.topbg .searchbox input{display: block;float: right;border: none;height: 32px;width: 140px;border-radius: 0px;margin: 0;padding-left: 10px;background: #fff;line-height: 30px;}
.topbg .searchbox form a img{margin: 8px auto;}
.topbg .searchbox form a{height:32px;line-height: 32px;display: block;margin:0;background:#20acab;width: 40px;float: right;color: #fff;text-align: center;border-radius: 0px;font-size: 14px;}
.topbg .toptell{float: right;width: 166px;height: 80px;}
.topbg .toptell img{float: left;margin: 25px 0;}
.topbg .toptell div{float: right;height: 40px;margin: 22px 0 20px 0;}
.topbg .toptell div span{line-height: 14px;font-size: 14px;color: #fff;}
.topbg .toptell div p{line-height: 20px;font-weight: bold;color: #fff;}


@media(max-width:1100px){
}
/*#20acab*/



.bannerbg{width: 100%;margin: 0 auto;overflow: hidden;position: relative;border-radius: 10px;background: #fff;margin-bottom: 20px;}
.bannerbg .swiper-pagination-bullet-active {
	opacity: 1;
	background: #20acab
}
   .swiper-container {
      width: 100%;
      height: 100%;
position: relative;
    }
    .swiper-slide {
      text-align: center;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }

    .swiper-pagination-bullet {
      width: 20px;
      height: 20px;
      text-align: center;
      line-height: 20px;
      font-size: 12px;
      color:#000;
      opacity: 1;
      background: rgba(0,0,0,0.2);
    }
    .swiper-pagination-bullet-active {
      color:#fff;
      background: #007aff;
    }


body{background:#edeae5; }
.main_box{width: 100%;min-width: 1100px;position: relative;margin: 0 auto;margin-top: 110px;position: fixed;top: 0;left: 0;}
.main_box .width1100{position: relative;overflow: visible;}
.main_box .leftfixed{width: 200px;position: absolute;left: 0;top: 0;}
.main_box .leftfixed .fixed1 h1{font-size: 24px;line-height: 30px;text-align: center;margin: 20px 0 0 0}
.main_box .leftfixed .fixed1 h6{text-align: center;color:#20acab;font-size: 24px;line-height: 20px;}
.main_box .leftfixed .fixed1 > p{text-align: center;line-height: 30px;}
.main_box .leftfixed .fixed1 img{max-width: 100%;margin: 0 auto;}
.main_box .leftfixed .fixed1 .lvshiimg{width: 200px;margin: 0 auto;}
.main_box .leftfixed .fixed1 h2{text-align: left;font-size: 16px;color: #333;margin:10px;margin-bottom: 0;}
.main_box .leftfixed .fixed1 .lvshiinfo{margin:10px;text-align: justify;line-height: 18px;color: #666;font-size: 12px;margin-bottom: 20px;margin-top: 4px;}
.main_box .leftfixed .fixed1 .lvshiinfo a{float: right;color:#20acab}
.main_box .leftfixed .fixed1{margin-bottom: 10px;background: #fff;border-radius: 10px;overflow: hidden;}
.main_box .leftfixed .fixed2{border-radius: 10px;overflow: hidden;text-align: center;}
.leftfixed .fixed2 ul li{width: 98px;height: 98px;float: left;background: #fff;border-radius:10px;margin-bottom: 4px;margin-right: 4px;}
.leftfixed .fixed2 ul li:nth-child(2n){margin-right: 0;}
.leftfixed .fixed2 ul li img{margin: 0 auto;margin-top: 10px;}
.leftfixed .fixed2 ul li div{line-height: 24px;font-size: 14px;}
.leftfixed .fixed2 ul li a{display: block;}
/*#20acab*/

.pro_list ul li img{transition: 0.6s;}
.pro_list ul li:hover img{transform: scale(1.05)}
.index_box .pro_list ul li{width: 280px;height: 220px;float: left;margin-right: 20px;background: #fff;border-radius: 10px;overflow: hidden;margin-bottom: 20px;}
.index_box .pro_list ul li:nth-child(3n){margin-right: 0;}
.index_box .pro_list ul li .pro_img{height: 130px;overflow: hidden;}
.index_box .pro_list ul li .pro_text{padding: 10px;}
.index_box .pro_list ul li .pro_text h5{font-size: 14px;line-height: 24px;color:#20acab; }
.pro_list ul li .pro_text div{line-height: 20px;font-size: 12px;height: 40px;overflow: hidden;text-align: justify;}
/*#20acab*/
.index_box .L{width: 280px;height: 460px;background: #fff;border-radius: 10px;margin-bottom: 20px;}
.index_box .L h2{text-align: center;line-height: 50px;margin: 0 10px;border-bottom: 1px solid #eee;}
.index_box .L .contp{margin: 10px 14px;height: 360px;overflow: hidden;}
.index_box .R{width: 580px;float: right;}
.index_box .R .index_news{height: 220px;margin-bottom: 20px;background: #fff;border-radius: 4px;}
.index_box .R .index_news .news_top{line-height: 36px;margin: 0 16px;}
.index_news .news_top h4{float: left;font-size: 16px;color:#20acab;padding-left: 8px;border-left: 3px solid #20acab;height: 18px;line-height: 18px;margin: 9px 0}
.index_news .news_top a{float: right;font-size: 12px;color:#20acab }
.index_news ul li h5{float: left;font-size: 14px;color: #666;transition: 0.6s;}
.index_news ul li span{float: right;font-size: 12px;color:#999;transition: 0.6s; }
.index_news ul li div{clear: both;height: 20px;overflow: hidden;font-size: 12px;text-align: justify;line-height: 20px;}
.index_news ul li{margin: 0 16px;border-bottom: 1px dashed #ddd;padding: 8px 0;transition: 0.3s;}
.index_news ul li:hover{transform: translateY(-2px);}
.index_news ul li:hover h5{color:#20acab}




.index_case{}
.index_case .index_casenav{float: left;background: #fff;border-radius: 4px;width: 170px;text-align: center;height: 384px;}
.index_casenav h2{line-height: 50px;height: 40px;color:#20acab;font-weight: bold;}
.index_casenav p{font-size: 14px;color:#20acab;border-bottom: 1px solid #ddd; line-height: 24px;padding-bottom: 8px;margin: 0;}
.index_casenav ul li{border: 1px solid #ddd;border-radius: 4px;line-height: 36px;margin:10px 16px;font-size: 14px;color: #666;transition: 0.6s;}
.index_casenav ul li:hover{background:#20acab;border:1px solid #fff; }
.index_casenav ul li:hover a{color:#fff; }
.index_casenav ul li.titlenavnow2{background:#20acab;border:1px solid #fff; }
.index_casenav ul li.titlenavnow2 a{color:#fff; }

/*æ¡ˆä¾‹å³ä¾§åˆ—è¡¨*/
.index_case .index_caselist{float: right;background: #fff;border-radius: 4px;width: 690px;height: 384px;margin-bottom: 40px;}
.index_caselist ul{padding: 6px;}
.index_caselist ul li{width: 210px;height: 170px;float: left;background: #fff;border-radius: 4px;overflow: hidden;margin: 8px;}
.index_caselist ul li img{transition: 0.6s;}
.index_caselist ul li:hover img{transform: scale(1.05)}
.index_caselist ul li:nth-child(3n){margin-right: 0;}
.index_caselist ul li .pro_img{height: 100px;overflow: hidden;}
.index_caselist ul li .pro_text{padding:0 10px;height: 70px;background: #f9f9f9;}
.index_caselist ul li .pro_text h5{font-size: 14px;line-height: 20px;color:#20acab;padding: 6px 0 0 0;height:20px;overflow: hidden; }
.index_caselist ul li .pro_text div{line-height: 20px;font-size: 12px;height: 40px;overflow: hidden;text-align: justify;}
/*æ¡ˆä¾‹å³ä¾§åˆ—è¡¨*/


/*#20acab*/

/*#104466*/



/*åº•éƒ¨*/
.footerbg{width: 100%;overflow: hidden;background:#666;border-radius: 10px;padding: 30px 0;padding-bottom: 0px;margin-bottom: 40px;}
.footerbg .footerlogo{float: left;width: 260px;text-align:left;}
.footerbg .footerlogo img{margin: 0 auto;margin-left: 20px;margin-top: 10px;}

.footerbg .left{float: left;margin-left: 80px;width: 400px;color: #fff;font-size: 12px;line-height: 24px;}
.footerbg .right{float: right;width: 70px;margin-right: 20px;}
.footerbg .right img{margin:0;max-width: 70px;}
.footerbottom{text-align: center;height: 42px;line-height: 42px;font-size: 14px;color:#fff;padding: 0 20px;background: #999;}
.footerbottom span{float: left;font-size: 12px;color:#fff}
.footerbottom a{display: inline;padding-left: 36px;color: #fff;float: right;font-size: 12px;}

.footerlink{margin: 0 20px;line-height: 24px;padding: 10px 0;}
.footerlink span{font-size: 12px;color:#fff;display: inline;}
.footerlink a{font-size: 12px;color:#fff;display: inline;margin-right: 20px;}

/*#20acab*/
/*é¦–é¡µç»“æŸ*/

/*å†…é¡µå¼€å§‹*/
 .maintop{height: 40px;margin: 0 auto;padding-left: 20px;background: #f9f9f9;line-height:40px;margin: 0}
 .maintop img{float: left;margin: 5px 0;margin-right: 10px}
 .maintop span{float: left;margin: 0;font-size: 14px;color: #888;}
 .maintop span a{color: #888; font-size: 14px;}
 .maintop span:nth-last-child(1) a{color:#20acab;}



.commonbg{width: 100%;min-width: 1100px;margin-top: 110px;}
.commonbg .width1100{width: 1100px;margin: 0 auto;}
.commonbg .width1100 .commonright{width: 880px;float: right;}
.commonbg .commonleft{float: left;width: 200px;}

.commonx{background: #fff;border-radius: 10px;overflow: hidden;margin-bottom: 40px;padding-bottom: 20px;}
.commonx .leftnav{background: #104466;}
.commonx .leftnav ul{text-align: center;}
.commonx .leftnav ul li{height: 50px; position: relative;text-align: center;transition: 0.6s;display: inline-block;padding: 0 4px;}

.commonx .leftnav ul li a{color: #fff;font-size: 14px;transition: 0.6s;display: block;position: relative;text-align: center;padding: 0 10px;height: 30px;line-height: 30px;display: block;border-bottom: 2px solid #104466;margin: 10px 0;}
.commonx .leftnav ul li:hover a{color:#fff;border-bottom: 2px solid #fff;}
.commonx .leftnav ul li:hover{}
.commonx .leftnav ul li.leftnavnow a{color:#fff;border-bottom: 2px solid #fff;}
.commonx .leftnav ul li.leftnavnow{color:#fff;}
.leftcontact{width: 200px;background: #f9f9f9;padding-bottom: 10px;}
.leftcontact .contactcont{margin: 10px;font-size: 14px;line-height: 20px;color: #333;text-align: justify;max-height: 160px;overflow: hidden}
/*#104466*/
.leftcontact2{width: 200px;background:rgba(0,0,0,0.30);margin-bottom: 20px;padding: 16px 0;}
.leftcontact2 img{margin: 0 auto;}
.leftcontact2 .contp{margin: 10px;color: #fff;font-size: 12px;line-height: 24px;border-top: 1px solid #fff;padding-top: 6px;}
.nextpage{color: #666;}
.nextpage a{font-size: 14px;color: #666;line-height: 20px;}







.commoncont{padding:0 20px;}
.commoncont .topcont{height: 60px;line-height: 60px;border-bottom: 1px solid #eee;}
.commoncont .topcont h4{color:#104466;font-size: 24px;font-weight: normal;text-align: center;}

.commoncont .cont{padding: 20px 0;line-height: 24px;text-align: justify;}

.commoncont .cont div{width: 400px;margin: 0 20px}
.commoncont .cont div ul li{height: 40px;line-height: 40px;border-bottom: 1px dashed #eee;}
.commoncont .cont div ul li:nth-last-child(1){border-bottom: 0;}
.commoncont .cont div ul li .yuan4{height: 6px;width: 6px;border-radius: 4px;background:#20acab;float: left;margin: 17px 0;margin-right: 10px;border: none;}
.commoncont .cont div ul li p{float: left;width: 200px;overflow: hidden;height: 40px;}
.commoncont .cont div ul li span{float: right;font-size: 12px;}
.commoncont .cont div ul li:hover p{color:#20acab}
.commoncont .cont div ul li:hover span{color:#20acab}
/*#104466*/

.commonlist{width: 970px;float: right;margin-bottom: 20px;background: rgba(255,255,255,0.90);}
.commonlist .caselist{}
.caselist ul li{padding: 10px 0; transition: 0.4s;border-bottom: 1px solid #ddd;margin-bottom: 10px;width: 840px;margin: 0 auto;}
.caselist ul li .textr h5{line-height: 30px;transition: 0.6s;font-weight: normal;float: left;max-width: 700px;overflow: hidden;height: 30px;}
.caselist ul li .textr span{line-height: 30px;font-size: 12px;color: #999;float: right}
.caselist ul li .textr .contp{line-height: 24px;height: 48px;overflow: hidden;font-size: 14px;text-align: justify;transition: 0.6s;clear: both; }
.caselist ul li:hover{transform: translateY(-2px)}
.caselist ul li:hover .imgl img{transform: scale(1.1)}
.caselist ul li:hover .textr h5{color:#20acab; }
.caselist ul li:hover .textr .contp{color:#333; }
.caselist ul{margin-bottom: 20px;}
/*#20acab*/


.lvshilist{width: 930px;float: right;margin-right: 30px;padding-bottom: 20px;}
.lvshilist ul li{width:294px;margin-right: 20px;float: left;border: 1px solid #eee;transition: 0.6s;margin-bottom: 20px;}
.lvshilist ul li:nth-child(3n){margin-right: 0;}
.lvshilist ul li .imgc{margin: 16px;height: 310px;overflow: hidden;margin-bottom: 0;}
.lvshilist ul li .imgc img{transition: 0.6s;width: 100%;}
.lvshilist ul li:hover .imgc img{transform: scale(1.08)}
.lvshilist ul li:hover{border: 1px solid #20acab; }
.lvshilist ul li h6{text-align: center;line-height: 36px;font-weight: normal;font-size: 16px;}


/*æ–°é—»è¯¦æƒ…*/

.commoncont .news_cont_top{text-align: center;border-bottom: 1px solid #eee;margin-top: 20px}
.commoncont .news_cont_top h1{color:#333;font-size: 24px;line-height: 24px;}
.commoncont .news_cont_top div{text-align: center;color: #999;line-height: 40px;font-size: 14px;}
.news_cont{padding: 16px 0;line-height: 28px;padding-bottom: 0;}

/*æ–°é—»è¯¦æƒ…*/


/*è”ç³»æˆ‘ä»¬*/
.commonC{padding: 30px 0;background: rgba(255,255,255,0.90)}
.commonC .message{width: 840px;margin: 0 auto;margin-bottom: 20px;}
.commonC .map{border: 1px solid #ddd;height: 320px;margin: 0 auto;width: 840px;margin: 0 auto;margin-bottom: 40px;}
.commonC .message{margin-top: 20px;margin-bottom: 20px;}
.commonC .message .L{float: left;width: 320px;}
.commonC .message .L h2{font-size: 30px;font-weight: normal;color: #333;line-height: 40px;}
.commonC .message .L p{line-height: 32px;font-size: 14px;color: #666;}
.commonC .message .L img{width: 120px;}
.commonC .R{width: 500px;}
/*åœ¨çº¿åé¦ˆ*/
.formbox{width: 500px;margin: 0 auto;}
 .formbox .input{height: 46px;width: 500px;background: #fff;border: 1px solid #ddd;margin-bottom: 10px;float: left;margin-right: 10px;border-radius: 30px;}
 .formbox .input input{width: 440px;display: block;float: left;height: 44px;color: #7b86a6;line-height: 44px;border: 0;}
 .formbox .input .inputimg{float: left;width:50px;height: 44px;overflow: hidden;}
 .formbox .input .inputimg img{margin: 14px;}
 .formbox .submitbtn a{width:140px;height: 40px;border-radius: 40px;background: #20acab;color: #fff;text-align: center;display: block;margin: 0 auto;line-height: 40px;position: relative;font-size: 16px;transition: 0.6s;}
 .formbox .submitbtn a img{display: inline-block;position: relative;left: -10px;top: 4px;transition: 0.6s;}
 .formbox .submitbtn a:hover{transform:translateY(-4px);padding-right:0px;}
 .formbox .submitbtn a:hover img{left: 40px;top: -20px;}
 .formbox .input:nth-child(5){height: 46px;background: #fff;border: 1px solid #ddd;margin-bottom: 10px;margin-right: 0;}
.formbox .input:nth-child(5) textarea{width: 440px;display: block;float: left;height: 44px;color: #7b86a6;line-height: 46px;border: 0;overflow: hidden;outline: none;}

/*åœ¨çº¿åé¦ˆ*/
/*è”ç³»æˆ‘ä»¬*/

.commonright .news_cont{text-align: justify;line-height: 28px;}
.commonright .news_cont img{margin: 0 auto;max-width: 100%;}



.pagesbg{text-align: center!important;height: 34px;padding: 0!important;margin-bottom: 20px;}
.pagesbg .pages{float: none!important;padding: 0!important;margin: 0!important;text-align: center;height: 34px;display: inline-block;}
.pagesbg .pages li{display: inline-block!important;float: none!important;padding: 0!important;margin: 0 2px!important;}
.pagesbg .pages li span{background: none!important;color: #20acab!important;height: 34px;line-height: 34px;font-size: 14px;display: inline-block;margin: 0;padding: 0px 10px!important;float: none;border: 1px solid #20acab;}
.pagesbg .pages li a{background: none!important; color:#333!important;height: 34px;line-height: 34px;display: inline-block;font-size: 14px;padding: 0 10px!important;margin: 0!important;transition: 0.5s;border: 1px solid #999;}
.pagesbg .pages li a:hover{background: #20acab!important; color:#fff!important; border: 1px solid #20acab;}






.biaoqian{width: 200px;margin-bottom: 20px;background: rgba(0,0,0,0.3);text-align: center;}
.biaoqian h3{font-size: 18px;line-height: 40px;color: #fff;border-bottom: 1px solid #fff;}
.biaoqian ul{text-align: center;padding: 14px 6px;}
.biaoqian ul li a{transition: 0.6s;color: #fff;font-size: 12px;}
.biaoqian ul li{line-height: 32px;text-align: center;height: 32px;overflow: hidden;font-size: 14px;padding:0 2px;margin: 0 2px; transition: 0.6s;float: left;border-radius: 4px;color: #fff;margin-bottom: 6px;width: 86px;background: rgba(0,0,0,0.10)}

.biaoqian ul li:hover{color:#fff;background: #20acab; }
.biaoqian ul li:hover a{color:#fff;}