*{ list-style: none; margin: 0; border:none; padding: 0; text-decoration: none; font-family: "微软雅黑",宋体; }
body{ font-size:13px; color:#666666}
.clear{-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; display:block;}
.clear:after{  content:"";  
            height:0px;  
            visibility:hidden;  
            display:block;  
            clear:both;  
	}
a:hover{ text-decoration:none;}

.fl{ float:left}
.fr{ float:right}

.inner{width:100%; max-width: 1100px; margin: 0px auto;}
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.fc { text-align: center; }

img.qw{ display:block; width:100%;}
.w{ width: 100%; max-width:1200px; margin:0 auto;}
.header_zhan {
    height: 85px;
    display: none;
}
header.zdl {
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 20;
}
.cle{ clear:both;}

/*椤堕儴*/
header{ background:#00418a; position:relative; z-index:999999}
.ding{ margin:0 auto; padding:10px 0; width: 100%; height: 50px; background: #ea5504; display: block;}
.ding .left1{ margin:0 auto; padding: 0; width: 70%; height: 30px; float: left;}


.ding .left1 .ico{ margin:0 auto; padding: 0; width: 30px; height: 30px; float: left;}
.ding .left1 .txt{ margin:0 auto; padding: 0; width: auto; height: 30px; float: left; color: #fff; text-align: left; line-height: 30px; font-size: 14px;}
.ding .right1{ margin:0 auto; padding: 0; width: 20%; height: 30px; float: right;}
.ding .right1 .ic1{ margin:0 5px; padding: 0x; width: 40px; height: 30px; float: right;}

.headtop{ margin:0 auto; padding: 0; width: 100%; height: 40px; background: #f3f3f3; }
.headleft{ margin:0 auto; padding: 0; width: 50%; height: 40px; float: left; font-size:14px; color:#555555; text-align: left; line-height: 40px;}
.headright{ margin:0 auto; padding: 0; width: 50%; height: 40px; float: right;}

.headright .headimg1{ margin:0 auto; padding:8px 0; width: 30px; height: auto; float: right;padding-right: 20px;}
.headright .headimg2{ margin:0 auto; padding:8px 0; width: 30px; height: auto; float: right; }



.logo{ padding:12px 0;}
.logo1{ margin:16px 0 ; padding: 0 10px; border-left:1px solid #e3e3e3; }
.logo1 span{ width: 100%; height: auto; font-size: 18px; line-height: 30px; font-weight: bold; text-align: left; color: #000;}
.logo1 p{ width: 100%; height: auto; font-size: 18px; line-height: 30px; font-weight: bold; text-align: left; color: #002b88;}





.nav{ margin-left:25px;margin-right:25px;}


.nav>ul>li{ float:left;z-index:999999}
.nav>ul>li>.sub-menu{ display:none; background-color:#f1f1f1;position: absolute; background-image:url(image/menubj.png); background-repeat:repeat-x; background-position: center top;
width:100%; left:0;overflow: hidden;z-index:999999;
}
.nav>ul>li>.sub-menu.xsx .wlpyi{ position:relative; right:-3%;z-index:999999}
.nav>ul>li>.sub-menu.hxde{ text-align:center}
.nav>ul>li>.sub-menu.hxde li{ z-index:999999;display:inline-block}
.nav>ul>li>.sub-menu.hxde li a{ z-index:999999;display:block; font-size:14px; color:#333; padding:25px 0;
    padding-right: 20px;
    margin-right: 20px;
    background: url(image/navbx.png) right center no-repeat;
}

.nav>ul>li>.sub-menu.hxde1{ text-align:left;padding: 10px 0;}
.nav>ul>li>.sub-menu.hxde1 li{ z-index:999999;display:inline-block; padding: 5px 2%; width: 21%; float: left;}
.nav>ul>li>.sub-menu.hxde1 li a{ z-index:999999; display:block; font-size:14px; color:#555555; padding:0;
    background: url(image/navbx.png) right center no-repeat;
}




.nav>ul>li>.sub-menu.zxde .w>li{ z-index:999999;padding:25px 0; padding-right:50px; margin-right:50px; display:block; float:left; border-right:1px solid #e0e0e0; min-height:310px;}
.nav>ul>li>.sub-menu.zxde .w>li>a{ z-index:999999;display:block; font-size:16px; color:#00a2ff; margin-bottom:10px;}
.nav>ul>li>.sub-menu.zxde .w>li .sub-menu-san{ z-index:999999;display:block;}
.nav>ul>li>.sub-menu.zxde .w>li .sub-menu-san li a{ z-index:999999;display:block; font-size:14px; color:#555555; line-height:29px;}
.nav>ul>li>.sub-menu li a{ z-index:999999;display: block; line-height:24px; color:#333333}
.nav>ul>li>.sub-menu li a:hover{  z-index:999999;color: #00a2ff;}
.nav>ul>li.xz>ul.sub-menu {
    z-index: 999999;
    
}
.nav>ul>li>a{ z-index:999999;height:85px; line-height:85px; display:block; padding-right:20px; margin-right:20px; background:url(image/navbx.png) right center no-repeat;
font-size:15px; color:#fff}

.nav>ul>li:last-of-type>a,.nav>ul>li>.sub-menu.hxde li:last-of-type a{ z-index:999999;padding-right:0; margin-right:0; background:none;}

.nav>ul>li>.sub-menu.zxde .w>li:last-of-type{ z-index:999999;padding-right:0; margin-right:0; border:none;}

.nav>ul>li>a:hover,
.nav>ul>li.current_page_item>a,
.nav>ul>li.current-page-ancestor>a,
.nav>ul>li.current-menu-item>a,
.nav>ul>li.current-category-ancestor>a,
.nav>ul>li.current-post-parent>a,.nav>ul>li.xz>a{
color: #00a2ff;}
.navxiala .qiehuan{height:40px; line-height:40px; display:block; padding-right:15px;
    background-image: url(images/jt.png);
    background-position: right center;
    background-repeat: no-repeat;
    cursor: pointer;}
.navxiala .btnr{height:40px; display:block; line-height:40px;padding-right:3px;}	
.navxiala ul{ display:none}
.navxiala{ position: relative}
.navxiala ul{top: 50px;
    position: absolute;
    z-index: 22;
    background: #fff;
    padding: 5px 10px;
    left: -8px;
}
.navxiala ul li{ display:block}
.navxiala ul li a{ color:#666; line-height:26px; display:block} 
.navbar{ display:none;}


.search{ margin-top:20px;  margin-left:25px;  margin-right:25px;    height: 45px;}
.search .ssicon{ display:block; width:45px; height:45px; border:none;  background-color:#fff; background-image:url(image/ssbtn.png);
background-repeat:no-repeat; background-position:center center;
text-indent:-9999em;
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px; position:relative; z-index:5; border:1px solid #e8e6e6;
}

.search form input:focus {
border:none ;
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.search form{ position:relative;
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px; }
.search:hover form{ background:#e8e6e6;}
.search:hover .ssicon{ background-color:#e8e6e6; background-image:url(image/ssbtna.png)}
.search:hover form .shuru{ width:120px; background:#e8e6e6; opacity:1;padding-left:50px;}

.search form .shuru{ background:#fff;  border:none;width:46px; opacity:0;  
position:absolute; left:0px; top:0; height:100%; overflow: hidden;
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px; 
}



.padtop50{ padding:50px 0;}

.container{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px;}
.zixun{ width:250px; height: 50px; border-radius: 25px; background: #00a2ff; display: block; color: #fff; text-align: center; line-height: 50px; }
.zixun a{ width:250px; height: 50px; background: #00a2ff; display: block; color: #fff; text-align: center; line-height: 50px; }
.zixun:hover{ width:250px; height: 50px; background: #ffb400; }
.cac{font-size:42px; color:#ffe400; font-weight:bold;font-style: italic;}
.text-center{ text-align:center;}




 .contact-section {
    padding-top: 50px;
    padding-bottom: 20px;
  }
  .contact-section .single-contact {
    margin-bottom: 30px;
  }
  .contact-form {
    padding-top: 50px;
    padding-bottom: 0px;
  }
  .contact-form-section {
    padding-top: 0px;
    padding-bottom: 50px;
  }
  .contact-form-section form#contactForm {
    background: #eeeeee;
    padding: 30px 20px;
  }
  section.cart-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }


.comment-form-cookies-consent{ display:none;}
.contact-area .comment-reply-title{ display:none;}
.contact-area .comment-notes{ display:none;}
/* ============================================================== 
     # Contact  
=================================================================== */
.contact-area { margin:0 auto; padding: 30px 0; width: 100%; height: auto;}  
.contact-area .contact-items .left-item {
  padding-right: 35px;
}

.contact-area .contact-items .content {
  background: rgba(170, 192, 240, 0.070605);
  padding: 50px;
  border: 2px solid rgba(85, 121, 200, 0.2);
}

.contact-area .contact-items .content h2 {
  font-weight: 600;
  margin-bottom: 20px;
  text-transform: capitalize;
}

.contact-area .contact-items .content h2 strong {
  color: #183b8a;
  margin-top: 5px;
  font-weight: 600;
}

.contact-area .contact-items .content p {
  margin-bottom: 30px;
}

.contact-area .contact-items .right-item .title1{ margin: 10px; padding: 20px; border: 1px dashed #e3e3e3; width: 100%;height: auto;font-size: 30px; color: #183b8a; line-height: 40px; text-align: left;}
.contact-area .contact-items .right-item .item {
  display: flex;
  margin-bottom: 30px; margin-top: 20px;
  padding-bottom: 30px;
  border-bottom: 1px dashed #dddddd;
}

.contact-area .contact-items .right-item .item .ico { margin: 0 auto; padding: 0;  width:25%; height: auto; float: left;}
.contact-area .contact-items .right-item .item .info { margin: 0 auto; padding: 0;  width:70%; height: auto; float: left;}

.contact-area .contact-items .right-item .item h5 {
  font-weight: 600; 
}

.contact-area .contact-items .right-item .item:last-child {
  margin: 0;
  padding: 0;
  border: none;
}

.contact-area .contact-items .right-item .item p {
  margin: 0;
}

img.loader {
  margin-left: 5px;
}
#banner{z-index: 99999;}
.indextiao{ margin:0 auto; padding:0; width: 100%; height: auto;  margin-top: -60px;position: absolute; z-index: 999999999;}
.indextiao ul{ margin:0 auto; padding: 0; width: 100%; height: auto; }
.indextiao ul li{ margin:0 auto; padding: 0; width: 16.5%; height: auto; border-right:1px solid #fff; float: left; font-size: 14px; text-align: center; color: #fff; line-height: 60px;}
.indextiao ul li a{ margin:0 auto; padding: 0; width:100%; height: 60px;float: left;background: #333; display: block;font-size: 14px; text-align: center; color: #fff; line-height: 60px;}
.indextiao ul li a:hover{ background: #eb5405; text-decoration: none;}


.setitle{ margin:0 auto; padding:30px  0; width: 100%; height: auto;}
.setitle .title1{ margin:0 auto; padding:0; width: 100%; height: auto; font-size: 30px;font-weight: bold;text-align: center; line-height: 50px; color: #0d396a;}
.setitle .title2{ margin:10px auto; padding:0; width: 100px; height: 3px;background: #0d396a;}
.setitle .title3{ margin:0 auto; padding:0; width: 100%; height: auto;font-size: 14px; text-align: center; line-height: 30px; color: #666;}


.indexyoushi{ margin:0 auto; padding:30px  0; width: 100%; height: auto;}
.indexyoushi ul{ margin:0 auto; padding:0; width: 100%; height: auto;}
.indexyoushi ul li{ margin:0 auto; padding:1%; width: 24%; height: auto; float: left; border-right:1px solid #d9d9d9;}
.indexyoushi ul li .img{ margin:0 auto; padding:0; width: 100%; height: auto; text-align: center;}
.indexyoushi ul li .txt1{ margin:0 auto; padding:0; width: 100%; height: auto; font-size: 18px;font-weight: bold;text-align: center; line-height: 30px; color: #0d396a;}
.indexyoushi ul li .txt2{ margin:0 auto; padding:10px 0; width: 100%; height: auto; font-size: 14px;text-align: center; line-height: 20px; color: #888;}



.indexpro{ margin:0 auto; padding:30px  0; width: 100%; height: auto; background: #f3f3f3;}


.indexhangye{ margin:0 auto; padding:30px  0; width: 100%; height: auto;}
.indexhangye ul{ margin:0 auto; padding:0; width: 100%; height: auto;}
.indexhangye ul li{ margin:30px auto; padding:1%; width: 12%; height: auto; float: left; border-right:1px solid #d9d9d9;}
.indexhangye ul li .img{ margin:0 auto; padding:0; width: 100%; height: auto; text-align: center;}
.indexhangye ul li .txt1{ margin:0 auto; padding:0; width: 100%; height: auto; font-size: 16px;font-weight: normal;text-align: center; line-height: 30px; color: #0d396a;}


.indexnews{ margin:0 auto; padding:40px 0; width: 100%; height: auto;background:url(image/about.jpg) no-repeat top left #0d386b; }
.indexnews .left{ margin:0 auto; padding: 0; width: 50%; height: auto;float: left; }


.indexnews .left .inner-box .single-item{
  position: relative;
  display: inline-block;
  max-width: 600px; float: right;
  width: 100%;
  background-color: rgba(238,84,5,0.8);
  padding: 40px;
  min-height: 260px;
  margin-bottom: 20px;
}

.indexnews .left .inner-box .single-item:last-child{
  margin-bottom: 0px;
}



.indexnews .left .inner-box .single-item .txt{
  position: relative;
  display: block;
  font-size: 14px; color: #fff;
  line-height: 30px;

}
.indexnews .left .inner-box .single-item .more{ margin: 10px 0;
  width: 120px; height: 30px; background: #fff; display: block;
  font-size: 14px; color: #000; text-align: center;
  line-height: 30px;

}
.indexnews .left .inner-box .single-item .more a{
  width: 120px; height: 30px; background: #fff; display: block;
  font-size: 14px; color: #000; text-align: center; text-decoration: none;
  line-height: 30px;

}
.indexnews .left .inner-box .single-item .more a:hover{
  background: #0d386b; color: #fff;

}
.indexnews .left .inner-box{
  position: relative;
  margin-top: 11px;
}


.indexnews .right{ margin:0 auto; padding: 0; width: 50%; height: auto;float: left;}



.indexnews .right .content-box{
  margin-left: 70px; padding: 0;
}

.indexnews .right .content-box h2{
  position: relative; padding: 0; margin: 0;
  display: block;
  font-size: 34px;
  line-height: 40px;
  color: #fff;
  text-transform: uppercase;
 
}

.indexnews .right .content-box p{
  font-size: 18px;
  line-height: 34px;
  color: #fff;
  margin-bottom: 33px;
}

.indexnews .right .content-box .list li{
  position: relative;
  display: block;
  float: left;
  width: 100%; margin: 10px auto;
 
}
.indexnews .right .content-box .list li .title{
 
  width: 100%;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
}
.indexnews .right .content-box .list li .date{
   width: 100%;
  font-size: 12px;
  color: #fff;
}
.indexnews .right .content-box .list li .txt{
 
  width: 100%;
  font-size: 14px;
  color: #94b6dd;
}
.indexnews .right .content-box h5{
  position: relative;
  display: block;
  font-size: 18px;
  color: #fff;
  font-weight: 500;
  margin-bottom: 43px;
}

.btn-box{ margin:0; padding: 0; width: 120px; height: 40px; }
.btn-box a{ margin:0; padding: 0; width: 120px; height: 40px; display: block; background: #ea5504; font-size: 14px; color: #fff; line-height: 40px; text-align: center; border-radius: 20px;}
.btn-box a:hover{ background: #d6bb51; text-decoration: none;}



.hang{ margin:0 auto; padding: 0; width: 100%; height: auto;}
.hang .img{ margin:0 auto; padding: 0; width: 100%; height: auto;}
.hang .img img{ max-width: 100%; height: auto;}


/* 主页新闻 */
.news_list { width:100%; height:auto; display:table; padding:30px 0; background: #f3f3f3; }
.news_list .title-box { width:100%; height:auto; display:table; text-align:center; padding-bottom:30px; }
.news_list .title-box h2.title { width:100%; height:38px; font-size:32px; display:block; color:#000; }
.news_list .tabs { width:100%; height:50px; padding-top:10px; text-align:center; }
.news_list .tabs li { display:inline-block; margin-right:1px; padding:0px; border:0px; }
.news_list .tabs li a { width:132px; height:40px; line-height:40px; display:block; text-align:center; color:#fff; background:#cfcfcf; font-size:14px; }
.news_list .tabs li.active a { background:#44a4ef; }
.news_list .tabs li a:hover { background:#ffa800; }
.news_list .news_box { width:1200px; height:auto; background:#fff; overflow:hidden; }
.news_list .news_box .tj_news { width:38%; height:auto; float:left; border-right:1px solid #f5f5f5; padding:37px; }
.news_list .news_box .tj_news h3 { width:100%; height:48px; line-height:24px; overflow:hidden; font-size:20px; display:block; }
.news_list .news_box .tj_news h3 a { font-weight:bold; color:#000; }
.news_list .news_box .tj_news h3 a:hover { color:#f00; }
.news_list .news_box .tj_news .desc { width:100%; height:80px; overflow:hidden; display:block; line-height:20px; padding:10px 0; font-size:12px; color:#ccc; }
.news_list .news_box .tj_news time { width:100%; height:30px; display:block; color:#999; position:relative; padding-left:10px;  }
.news_list .news_box .tj_news time:before { width:2px; height:12px; background:#e37100; top:4px; left:0px; content:""; position:absolute;  }
.news_list .news_box .tj_news .tj_pic { width:100%; height:auto; overflow:hidden; }
.news_list .news_box .tj_news .tj_pic img { width:100%; height:auto; transition:all 0.6s; }
.news_list .news_box .tj_news .tj_pic a:hover img { transform:scale(1.2); }
.news_list .news_box .news_right_list { width:50%; height:auto; float:left; padding:2%; padding-bottom:0px; display: block;}
.news_list .news_box .news_right_list ul li { width:100%; height:auto; min-height: 120px; padding: 10px 0;  margin:5px 0; border-bottom: 1px dashed #e3e3e3; display: block;}
.news_list .news_box .news_right_list ul li .img { width: 30%; height: auto; float: left;}
.news_list .news_box .news_right_list ul li .img img { max-width: 90%; height: auto;transition:.2s ease-in-out; -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; }
.news_list .news_box .news_right_list ul li .txtcc { width:66%; padding: 0 2%; display: block;height:auto; float: right;transition:.2s ease-in-out; -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; }


.news_list .news_box .news_right_list ul li b { padding: 0 2%; width:96%; height:30px; line-height:20px; font-size:16px; font-weight:500; display:block; color:#000; }
.news_list .news_box .news_right_list ul li p { padding: 0 2%; width:96%; height:64px; line-height:20px; color:#ccc; display:block;font-size:12px; }
.news_list .news_box .news_right_list ul li time { padding: 0 2%; width:96%; font-size:11px; color: #666; display:block; position:relative; transition:.2s ease-in-out; -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; }
.news_list .news_box .news_right_list ul li time:before { position:absolute; color:#dedede; right:-5px; top:2px; font-weight:100; font-family:"iconfont"!important; content:"\e621"; }
.news_list .news_box .news_right_list ul li time i { width:25px; height:1.4px; background:#dedede; right:0px; top:11px; position:absolute; font-size:0px; transition:.2s ease-in-out; -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; }
.news_list .news_box .news_right_list ul li a:hover { transition:.2s ease-in-out; -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; }
.news_list .news_box .news_right_list ul li a:hover time:before { color:#0b80c6; }
.news_list .news_box .news_right_list ul li a:hover i { width:56px; background:#f00; transition:.2s ease-in-out; -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; }
.news_list .news_box .news_right_list ul li a:hover b { color:#0b80c6; }
.news_list .news_box .news_right_list ul li a:hover img { left:-10px; transition:.2s ease-in-out; -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; }

/*indexhezuo*/

.indexhezuo{ margin:0 auto; padding:50px 0; width: 100%; height: auto; max-width: 1200px;}
.indexhezuo .title{ margin:0 auto; padding: 0; width: 100%; height: auto; color: #000; text-align: center; font-size: 24px; line-height: 30px;}
.indexhezuo .title span{ color: #01a1ff; }
.indexhezuo .titleen{ margin:0 auto; padding: 0; width: 100%; height: auto; color: #000; text-align: center; font-size: 12px; line-height: 30px;}

.indexhezuo .hezuo{ margin:0 auto; padding: 0; width: 100%; height: auto;}
.indexhezuo .hezuo ul{ margin:0 auto; padding: 0; width: 100%; height: auto;}
.indexhezuo .hezuo ul li{ margin:0 auto; padding: 0; width: 14%; height: auto; margin: 1%; float: left;}
.indexhezuo .hezuo ul li img{ max-width: 100%; height: auto;}


.indexyou{ margin:0 auto; padding:40px 0; width: 100%; height: auto; background: url(image/bgg1.jpg) no-repeat top center #013b84;}
.indexyou .title{ margin:0 auto; padding: 0; width: 100%; height: auto;color: #fff; text-align: center; font-size: 30px; line-height: 30px; }
.indexyou .connei{ margin:0 auto; padding:20px 0; width: 100%; height: auto;}
.indexyou .connei ul{ margin:0 auto; padding: 0; width: 100%; height: auto;}
.indexyou .connei ul li{ margin:0 auto; padding:25px 1%; width: 18%; height: auto; margin: 1%; background-color: rgba(0,0,0,.47); float: left;}
.indexyou .connei ul li .img{ margin:0 auto; padding:0; width: 100%; height: auto; text-align: center;}
.indexyou .connei ul li .txt{ margin:0 auto; padding:0; width: 100%; height: auto; text-align: center; font-size: 18px; line-height: 30px; color: #fff;}
.indexyou .connei ul li .txt span{ font-size: 30px;}
.indexyou .connei ul li .txt p{ font-size: 14px; line-height: 20px; padding: 8px 0;}
.indexyou .connei ul li:hover{  background-color: rgba(156,59,83,.97); float: left; }

.indexzhenshu{ margin:0 auto; padding:40px 0 0 0; width: 100%; height: auto; background: url(image/bgg2.jpg) no-repeat bottom center;}
.indexzhenshu .title{ margin:0 auto; padding: 0; width: 100%; height: auto;color: #000; text-align: center; font-size: 30px; line-height: 30px; }
.indexzhenshu .connei{ margin:0 auto; padding:20px 0; width: 80%; height: auto;}
.indexzhenshu .connei ul{ margin:0 auto; padding: 0; width: 100%; height: auto;}
.indexzhenshu .connei ul li{ margin:0 auto; padding:25px 1%; width: 29%; height: auto; margin: 1%;float: left; text-align: center;}
.indexzhenshu .connei ul li img{ max-width: 100%; height: auto;}


.indexchangjin{ margin:0 auto; padding:40px 0 ; width: 100%; height: auto; }
.indexchangjin .title{ margin:0 auto; padding: 0; width: 100%; height: auto;color: #000; text-align: center; font-size: 30px; line-height: 30px; }
.indexchangjin .connei{ margin:0 auto; padding:20px 0; width: 100%; height: auto;}
.indexchangjin .connei ul{ margin:0 auto; padding: 0; width: 100%; height: auto;}
.indexchangjin .connei ul li{ margin:0 auto; padding:0; width: 18%; height: auto; margin: 1%;float: left; text-align: center;}
.indexchangjin .connei ul li img{ max-width: 100%; height: auto;}



/*====================
	Start Team CSS
======================*/ 
.team{
	background-image:url('img/testi-bg.jpg'); margin: 50px 0;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	position:relative;
}
.team .title{ margin:0 auto; padding:30px 0; width: 100%; height: auto; font-size: 30px; line-height: 40px; font-weight: bold; color: #000; text-align: center;}
.team.single-page{
	background:#fff;
}
.team .section-title h2{
	color:#fff;
}
.team .section-title p{
	color:#fff;
}
.team .single-team {
	background: #fff;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	margin-top: 30px;
	text-align: center;
	box-shadow: 0px 0px 10px #00000021;
	border-radius: 5px;
	overflow: hidden;
}
.team .t-head{
	position:relative;
	overflow:hidden;
}
.team .t-head::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity:0;
	visibility:hidden;
	content: "";
	z-index: 2;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.team .single-team:hover .t-head::before{
	visibility:visible;
	opacity:0.5;
}
.team .t-head img{
	width:100%;
	position:relative;
}
.team .t-icon a {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 150px;
	height: 46px;
	line-height: 40px;
	opacity: 0;
	visibility: hidden;
	font-weight: 400;
	text-align: center;
	color: #fff;
	border-radius: 0;
	-webkit-transform: scale(0.6);
	-moz-transform: scale(0.6);
	transform: scale(0.6);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	z-index: 99;
	margin: -23px 0 0 -75px;
	font-size: 15px;
	background: #2889E4;
	font-size: 13px;
	line-height: 46px;
	padding:0;
	border-radius:4px;
}
.team .single-team:hover .t-icon a {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
	opacity:1;
	visibility:visible;
}
.team .t-bottom {
	text-align: center;
	position: relative;
	padding: 0 20px;
	padding: 25px 20px;
}
.team .t-bottom p {
	color: #666;
	font-size: 13px;
	display: block;
	margin-bottom: 4px;
}
.team .t-bottom h2 {
	font-size: 18px;
	text-transform: capitalize;
	font-weight: 500;
	color: #2C2D3F;
}
.team .t-bottom h2 a:hover{
	color:#1A76D1;
}

.pBT{ font-size: 30px; color: #174f90;}
.bx-wrapper .bx-controls-direction a {position: absolute;top: 50%;margin-top: -15px;outline: 0;width: 30px;height:30px;text-indent: -9999px;z-index: 999;}
.bx-wrapper .bx-controls-direction a.disabled {display: none;}
#historyPage{ position: relative; overflow:hidden; }
#historyPage .pimg{ display: block; width: 100%;}
.historyBox{ position: absolute; left: 50%; margin-left: -451px; width: 742px; padding: 30px 80px; bottom: 0px; background-color: #fff; border-radius: 5px 5px 0px 0px;}
.historyBox .pBT{ text-align: center;}
.historypic{ position: relative; width: 100%; margin: 0px auto; border-bottom: 1px solid #dcdcdc;}
.historyDemo{ position: static; }
.historyDemo .owl-stage-outer{ height: 42px;}
.historyDemo .item{ float: left; display: block; text-align: center; padding: 0px 0px 10px 0px;}
.historyDemo a:link,.historyDemo a:visited { color: #949494;}
.historyDemo a:active,.historyDemo a:hover,.historyDemo a.act{ color: #80abde;}
.historyDemo a{ font:bold 14px/2.2 "MyriadProRegular";}
.historypic .bx-wrapper .bx-controls-direction a{ top: 0px; margin-top: 0px; width: 20px; height: 30px; text-indent: -10em; margin: 0px; padding: 0px; overflow: hidden;}
.historypic .bx-wrapper .bx-prev { left: 0px; background: url(images/h_l.png) no-repeat scroll left center;}
.historypic .bx-wrapper .bx-next { right: 0px; background: url(images/h_r.png) no-repeat scroll right center;}
.historyCon{ font-size: 14px; padding: 20px 0px 50px;}
.bg80abde{ background-color: #80abde;}

#indexnone{margin:0 auto; padding:50px 0; width:100%; height:auto; background: url(image/bg2.jpg) no-repeat center center;}
#indexnone .title{margin:0 auto; padding:15px 0; width:100%; height:auto;font-size:34px; color:#fff; font-family:"微软雅黑",宋体,Arial;line-height:60px; text-align:center; text-decoration:none;}
#indexnone .txt{margin:0 auto; padding:0; width:150px; height:40px;font-size:14px; color:#fff; font-family:"微软雅黑",宋体,Arial;line-height:40px; text-align:center; text-decoration:none;}
#indexnone .txt a{margin:0 auto; display: block;padding:0; width:150px; height:40px; background: #00a2ff; font-size:14px; color:#fff; font-family:"微软雅黑",宋体,Arial;line-height:40px; text-align:center; text-decoration:none;}
#indexnone .txt a:hover{ background: #fff; color:#00a2ff; }




#featured-title {width: 100%; }
#featured-title .featured-title-inner-wrap { padding: 28px 0px 30px 0px; display: table; overflow: hidden; width: 100%; }
#featured-title .featured-title-heading-wrap { display: table-cell; text-align: right; vertical-align: middle; width: 65%; padding-top: 6px; }
#featured-title .feautured-title-heading { margin: 0px; font-size: 18px; line-height: 24px; }
#featured-title #breadcrumbs { display: table-cell; text-align: left; vertical-align: middle;  width: 35%; padding-top: 5px; }
#featured-title #breadcrumbs .sep { padding: 0px 10px; color: #e0e0e0; }
#featured-title #breadcrumbs span.trail-end { color: #999; }
#featured-title #breadcrumbs a.trail-begin { color: #555; }
#featured-title #breadcrumbs a:hover { color: #ffc30c; }

.hui{ background:#f3f3f3;}

#conabouthui{ margin:0 auto; padding:40px 0; width:100%; height:auto; background: #f3f3f3;}
#conabout1{ margin:0 auto; padding:40px 3%; width:94%; height:auto; max-width:1120px; background: #fff;}
#conabout11{ margin:0 auto; padding:0; width:100%; height:auto; font-family:"微软雅黑","宋体"; font-size:24px; color:#000; line-height:40px; text-align:center; }
#conabout12{ margin:0 auto; padding:20px 0; width:100%; height:auto;font-family:"微软雅黑","宋体"; font-size:14px; color:#666; line-height:30px; text-align:left;}
#conabout12 img{ max-width:100%; height:auto;}


#conabout2{ margin:0 auto; padding:40px 0; width:100%; height:auto; max-width:1200px;}
#conabout21{ margin:0 auto; padding:0; width:100%; height:auto; float:left;font-size:24px; color:#000; line-height:30px; text-align:center;}
#conabout22{ margin:0 auto; padding:15px 0; width:100%; height:auto; float:left;font-size:14px; color:#777; line-height:30px; text-align:center;}
#conabout23{ margin:0 auto; padding:20px 0; width:100%; height:auto; }
#conabout23 ul{ margin:0 auto; padding:0; width:100%; height:auto; }
#conabout23 ul li{ margin:0 auto; padding:0; width:12%; height:auto; margin: 1%; float: left;}
#conabout23 ul li img{ max-width: 100%; height: auto;}

#conabout23 ul li .img{ margin:0 auto; padding:0; width:100%; height:auto;font-size:12px; color:#666; line-height:30px; text-align:center;}
#conabout23 ul li .wenzi{ margin:0 auto; padding:0; width:100%; height:auto;font-size:12px; color:#666; line-height:30px; text-align:center;}

#conabout4{ margin:0 auto; padding:40px 0; width:100%; height:auto; max-width:1200px;}
#conabout41{ margin:0 auto; padding:30px 0; width:47%; height:auto; float:left; font-family:"微软雅黑","宋体"; font-size:14px; color:#666; line-height:30px; text-align:left;}
#conabout41 h3{font-family:"微软雅黑","宋体"; font-size:24px; color:#000; line-height:30px; text-align:left; padding:20px 0;}
#conabout42{ margin:0 auto; padding:0; width:50%; height:auto; float:right; text-align:right;}
#conabout42 img{ max-width:100%; height:auto;}



#conabout5{ margin:0 auto; padding:40px 0; width:100%; height:auto; background:#e3e3e3;}
#conabout51{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px;font-family:"微软雅黑","宋体"; font-size:24px; color:#000; line-height:40px; text-align:center; }
#conabout52{ margin:0 auto; padding:20px 0; width:100%; height:auto; max-width:1200px;font-family:"微软雅黑","宋体"; font-size:14px; color:#666; line-height:30px; text-align:center;}
#conabout53{ margin:0 auto; padding:20px 0; width:100%; height:auto; max-width:1200px;font-family:"微软雅黑","宋体"; font-size:14px; color:#666; line-height:30px; text-align:center;}

#conabout53 ul{ margin:0 auto; padding:0; width:100%; height:auto; }
#conabout53 ul li{ margin:0 auto; padding:0; width:23%; height:auto; margin: 1%; float: left;}
#conabout53 ul li img{ max-width: 100%; height: auto;}


#conpro{argin:0 auto; padding:40px 0; width:100%; height:auto; background:#e3e3e3;}
#conpro1{ margin:0 auto; padding:4%; width:92%; height:auto; max-width:1200px;background:#fff; }
#conpro11{ margin:0 auto; padding:20px 0; width:100%; height:auto; max-width:1200px;font-family:"微软雅黑","宋体"; font-size:24px; color:#000; line-height:40px; text-align:center;  }
#conpro12{ margin:0 auto; padding:20px 0; width:100%; height:auto; max-width:1200px; font-family:"微软雅黑","宋体"; font-size:14px; color:#666; line-height:30px; text-align:center;}
#conpro12 img{ max-width:100%; height:auto;}
#conpro13{ margin:0 auto; padding:20px 0; width:100%; height:auto; max-width:1200px; }






/*indexshebei*/
.indexpromobile{  display: none;}


.col-sm-4{float:left;position:relative;width:33.33333333%}
.selected-solution{height:645px;background:#fff; display: block;}
.selected-solution>div{position:relative;width:1270px;margin:0 auto}
.selected-solution .swiper-container{height:625px;width:1200px}
.selected-solution .layer-title{color:#393b40;padding:20px 0 30px;text-align:center;font-size:30px;letter-spacing:1.09px}
/*主体列表*/
.selected-solution .solution-cardlist{max-width:1200px;margin:0 auto 0}
.swiper-slide,.swiper-wrapper{height:560px!important}
.selected-solution .solution-cardlist .col-sm-4{padding:0 10px;top:0;transition:all .15s linear;box-sizing:border-box}
.selected-solution .solution-cardlist .col-sm-4 .solution-card{height:480px;background:#f3f3f3;border-radius:6px;text-align:left;overflow:hidden;transition:all .15s linear}
.selected-solution .solution-cardlist .col-sm-4:hover{position:relative;top:-20px;transition:all .25s linear}
.selected-solution .solution-cardlist .col-sm-4:hover .solution-card{height:530px;box-shadow:0 10px 40px 0 rgba(0,0,0,.1);transition:all .2s linear}
.selected-solution .solution-cardlist .col-sm-4 .solution-card img{width:100%;height:auto;transition:all .2s linear}
.selected-solution .solution-cardlist .col-sm-4 .solution-card h3{margin:20px 30px 10px;font-size:18px;color:#252b3a;letter-spacing:.65px;text-align:left; color: #0b80c6;}
.selected-solution .solution-cardlist .col-sm-4 .solution-card p{margin:0 30px;padding-bottom:30px;font-size:14px;color:#666a75;letter-spacing:.51px}
.selected-solution .solution-cardlist .col-sm-4 .solution-card dl{margin:0 30px;overflow:visible}
.cf:after,.cf:before{content:" ";display:table;line-height:0}
.cf:after{clear:both}
.selected-solution .solution-cardlist .col-sm-4 .solution-card dl dt{margin-bottom:10px;font-size:14px;color:#252b3a;letter-spacing:.51px;line-height:19px;position:relative}
.selected-solution .solution-cardlist .col-sm-4 .solution-card dl dt:before{position:absolute;display:inline-block;left:-8px;top:7px;content:'';vertical-align:middle;width:4px;height:4px;border-radius:50%;background:#252b3a}
.selected-solution .solution-cardlist .col-sm-4 .solution-card dl dd{float:left;width:50%;margin-bottom:6px;font-size:12px;color:#a0a2a8;letter-spacing:.44px;line-height:20px}
.selected-solution .solution-cardlist .col-sm-4 .solution-card>span{margin:20px 30px 0;font-size:14px;display:inline-block;color:#666a75;letter-spacing:.51px;line-height:22px;opacity:0;transition:opacity .15s linear}
.selected-solution .solution-cardlist .col-sm-4:hover .solution-card>span{opacity:1;transition:opacity .2s linear 50ms}
/*了解更多*/
.selected-solution .solution-cardlist .col-sm-4 .solution-card>span a span{display:inline-block;vertical-align:middle}
.selected-solution .solution-cardlist .col-sm-4 .solution-card>span a span.arrow-f{width:13px;height:13px;background:url(images/marketplace-selected-arrow0.svg);display:inline-block;vertical-align:middle;margin-left:5px;position:relative;transition:.3s ease-out}
.selected-solution .solution-cardlist .col-sm-4 .solution-card>span a:hover{color:#e6c16c}
.selected-solution .solution-cardlist .col-sm-4 .solution-card>span a:hover span.arrow-f{transform:translate(4px,0);background:url(images/marketplace-selected-arrow2.svg)}
/*重置swiper*/
.swiper-container-horizontal>.swiper-pagination-bullets.solution-pagination{bottom:15px}
.solution-pagination .swiper-pagination-bullet{width:24px;height:4px;border-radius:100px;overflow:hidden;background:#dfe1f1;border:none;cursor:pointer;content:'';display:inline-block;box-sizing:border-box;opacity:1;vertical-align:middle}
.solution-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#f66f6a;box-sizing:border-box}
.swiper-container-solution .swiper-button-prev{left:0;width:14.5px;height:30px;margin-top:0;background-image:url(images/marketplace-home-arrow_big.svg);background-size:cover;transition:background-image .15s}
.swiper-container-solution .swiper-button-next{right:0;width:14.5px;height:30px;margin-top:0;background-image:url(images/marketplace-home-arrow_big.svg);transform:rotate(180deg);background-size:cover;transition:background-image .15s}
.swiper-container-solution .swiper-button-next:hover,.swiper-container-solution .swiper-button-prev:hover{background-image:url(images/marketplace-home-arrow_big_hover.svg);transition:background-image .2s}

.arrow-more{ display:block; padding:5px 15px; background: #0b80c6; font-size: 14px; text-align: center; color: #fff; line-height: 30px;}
.arrow-more a{ display:block; padding:5px 15px; background: #0b80c6; font-size: 14px; text-align: center; color: #fff; line-height: 30px;}

.kong{ width: 100%; height: 30px; margin: 0 auto; padding: 0;}
/*indexsolution*/

.indextitle{margin:0 auto; padding:0; width: 100%; height: auto; color: #000; text-align: center; font-size: 24px; line-height: 30px;}
.indextitle span{color: #ffb400;}

.indextitleen{margin:0 auto; padding:0; margin-bottom: 30px; width: 100%; height: auto; color: #888; text-align: center; font-size: 12px; line-height: 20px;}


.indexbg1{ margin:0 auto; padding: 30px 0; width: 100%; height: auto; background: url(image/bg1.jpg) no-repeat top center;}

.main1140{ width:1140px;margin:0 auto; overflow:hidden; display: block;}
.solutionmain{ display:none;}
/*拍摄服务流程开始*/
.process-box{ width: 1140px;height: auto; min-height: 650px;}
.process-box ul{width: 1140px;}
.process-box ul li{
  width: 196px;
  height: 196px;
  float: left;
  cursor: pointer;
  position: relative;
}

.process-box ul li .shang{
  position: absolute; background: none;
  width: 276px;
  height: 276px;
  -moz-transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  transform:rotate(45deg);
  border:1px solid #ddd;
  margin-top: 42px;
  margin-left: 42px;
}


.process-box ul li .kuanga{
  position: absolute; background: none;
  width: 196px;
  height: 196px;
  -moz-transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  transform:rotate(45deg);
  border:1px solid #ddd;
  margin-top: 42px;
  margin-left: 42px;
}
.process-box ul li .kuangb{
  position: absolute; background: #339fe0;
  width: 196px;
  height: 196px;
  -moz-transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  transform:rotate(45deg);
  border:0;
  margin-top: 42px;
  margin-left: 42px;
}
.process-box ul li .kuang{
  position: absolute; background: #fff;
  width: 196px;
  height: 196px;
  -moz-transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  transform:rotate(45deg);
  border:1px solid #ddd;
  margin-top: 42px;
  margin-left: 42px;
}
.process-box ul li .kuang1{
  top: 0;
  left: 0;
  z-index: 1;
}
.process-box ul li .kuang2{
  left: 0px;
  top: 0px;
  z-index: 2;
}
.process-box ul li .text1{ width: 276px; height: 276px; text-align:center;z-index: 3; position: absolute; left: 7px; top:0;}
.process-box ul li .text1 .bg{width: 276px; height: 276px; }
.process-box ul li .text1 .bg1{ background: url(../images/process-img1.png) no-repeat;}
.process-box ul li .text1 .bg2{ background: url(../images/process-img2.png) no-repeat;}
.process-box ul li .text1 .bg3{ background: url(../images/process-img3.png) no-repeat;}
.process-box ul li .text1 .bg4{ background: url(../images/process-img4.png) no-repeat;}
.process-box ul li .text1 .bg5{ background: url(../images/process-img5.png) no-repeat;}
.process-box ul li .text1 .bg6{ background: url(../images/process-img6.png) no-repeat;}
.process-box ul li .text1 .bg7{ background: url(../images/process-img7.png) no-repeat;}
.process-box ul li .text1 .num{ padding-top: 70px; font-size: 86px; color: #dacdc2; font-weight: 700; }
.process-box ul li .text1 .title{ font-size: 18px; color: #0b80c6; }
.process-box ul li .text1 .eng{ font-size: 12px; color: #b4a078; }
.process-box ul li .text1 .titlebai{ font-size: 24px; color: #fff; text-align: center; padding-top: 40px;}
.process-box ul li .text3{ width: 276px; height: 276px;  background: #339fe0; text-align:center;z-index: 3; position: absolute; left: 7px; top:0;}
.process-box ul li .text3 .bg{width: 276px; height: 276px; }


.process-box ul li .text2{ width: 276px; height: 276px; z-index: 4; position: absolute; left: 5px; top:0px;display: none; }
.process-box ul li .text2 .mengban{ border:1px solid #339fe0;
  position: absolute;
  z-index: 1;
  width: 196px;
  height: 196px;
  -moz-transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  transform:rotate(45deg);
  background: #339fe0;
  margin-top: 42px;
  margin-left: 37px;
	
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	
}





.process-box ul li .text2 .desc{ position: absolute; z-index: 2; width: 140px; height: 110px; top: 88px; left:70px; font-size: 12px; color: #fff; text-align: center; line-height: 24px;}
.process-box ul li{ margin-right: 89px; }
.process-box ul.two li{ margin-top: -40px;}
.process-box ul.one li{ margin-top: -40px;}
.process-box ul.three li{ margin-top: 10px;}
.process-box ul li:hover .text2{
  display: block;
}

.process-box ul li:hover{
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;

}

.neibanner1{ margin: 0 auto; padding: 0; width: 100%; height:300px ; background: url( image/conban1.jpg) no-repeat top center;}
.neibanner2{ margin: 0 auto; padding: 0; width: 100%; height:300px ; background: url( image/conban2.jpg) no-repeat top center;}
.neibanner3{ margin: 0 auto; padding: 0; width: 100%; height:300px ; background: url( image/conban3.jpg) no-repeat top center;}
.neibanner4{ margin: 0 auto; padding: 0; width: 100%; height:300px ; background: url( image/conban4.jpg) no-repeat top center;}
.neibanner5{ margin: 0 auto; padding: 0; width: 100%; height:300px ; background: url( image/conban5.jpg) no-repeat top center;}
.neibanner6{ margin: 0 auto; padding: 0; width: 100%; height:300px ; background: url( image/conban6.jpg) no-repeat top center;}
.neibanner7{ margin: 0 auto; padding: 0; width: 100%; height:300px ; background: url( image/conban7.jpg) no-repeat top center;}

.neititle{margin:0 auto; padding:120px 0 0 0; width: 100%; height: auto; color: #fff; text-align: center; font-size: 24px; line-height: 30px;}
.neiloction{margin:0 auto; padding:0; width: 100%; height: auto; color: #fff; text-align: center; font-size: 14px; line-height: 30px;}
.neiloction a{color: #fff; text-align: center; font-size: 14px; line-height: 30px;}
.neiloction a:hover{ text-decoration: underline;}


.col-md-4{ width: 31%; margin: 1%; float: left;}
.section_padding {
    padding: 60px 0;
}
.hero-section-title {margin-bottom: 60px;}
.hero-section-title h1 {
    font-size: 30px;
    font-weight: 300;
    color: #38373c;
    line-height: 40px; text-align: center;
}

.btn-yellow:hover {
    background-color: #09aeb8;
    color: #ffffff;
}
.btn-yellow {
    background-color: #01a1ff;
    color: #38373c;
    padding:10px 0;
    display: inline-block;
    font-weight: normal;
    text-decoration: none !important;
    letter-spacing: 1px;
    font-size: 12px;
}


.service_area {
    background-color: #f1f1f1;
}
.service_box {
    background-color: #ffffff;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    border: 10px solid #fff;
    text-align: center;
}
.service_box .service_img img {
    width: 100%;
}
.service_box .service_img {
    position: relative;
}
.service_box .service_img .icon-box {
    text-align: center;
    width: 77px;
    height: 75px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff;
}
.service_box .service_img .icon-box i {
    line-height: 75px;
    font-size: 38px;
    color: #38373C;
}
.service_box .service_img:before {
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #000;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.service_box:hover > .service_img:before {
    opacity: .7;
    visibility: visible;
}
.service_box:hover {
    background-color: #38373c;
    color: #ffffff;
}
.service_box:hover h2 {
    color: #f5d974;
}
.service_box .btn-yellow {
    width: 100%;
    display: block;
    background-color: #F1F1F1;
}
.service_box .btn-yellow:hover {
    color: #38373c;
}
.service_box:hover .btn-yellow {
    background-color: #01a1ff;
}
.service_box:hover p {
    color: #ffffff;
}
.service_box .service_details {
    padding: 20px 0 0px;
}
.service_details h2 a {
    display: block;
}
.service_details h2 {
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: 600;
}
.service_details p { min-height: 70px;
    color: #87868a;
    font-size: 12px;
    margin-bottom: 20px;
    font-weight: normal;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
	
}
.service_details p a{
    color: #87868a;
    font-size: 12px;
    font-weight: normal;	
}
.service_center_left i {
    font-size: 50px;
}



/*----------------------------------------*/
/*  04. Feature
/*----------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .feature .feature-img {
    width: 100%; } }

.feature__img--dot-shape {
  position: absolute;
  bottom: 0;
  right: 52px;
  z-index: -1;
  animation: rotated infinite linear 27s; }

.feature__img--caption {
  width: 165px;
  height: 177px;
  filter: drop-shadow(0px 0px 18px rgba(191, 191, 191, 0.5));
  position: absolute;
  bottom: 125px;
  right: 20px; }
  .feature__img--caption--shadow {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 79%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 79%);
    background-color: #ffffff;
    display: block;
    z-index: 1;
    padding: 35px 15px 40px 15px;
    height: 100%; }
    .feature__img--caption--shadow span {
      font-size: 65px;
      line-height: 1;
      position: relative; }
      .feature__img--caption--shadow span sub {
        font-size: 14px;
        top: 30px;
        position: absolute;
        line-height: 1;
        right: -10px; }
    .feature__img--caption--shadow p {
      font-size: 24px;
      margin-bottom: 0; }

.feature__content {
  padding-left: 60px;
  padding-right: 67px; }

.feature__content .more{ margin:0; padding: 0; width: 120px; height: 40px; }
.feature__content .more a{ margin:0; padding: 0; width: 120px; height: 40px; display: block; background: #ea5504; border-radius: 20px; font-weight: normal; text-align: center; line-height: 40px; color: #fff;}
.feature__content .more a:hover{ background: #00418a; text-decoration: none;}



  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .feature__content {
      padding-left: 45px;
      padding-right: 0px; } }
  @media (max-width: 767px) {
    .feature__content {
      padding-left: 0px;
      padding-right: 0px; } }
  .feature__content h2 {
    padding-right: 48px;
    line-height: 1.2; }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .feature__content h2 {
        padding-right: 0px; } }
    @media (max-width: 767px) {
      .feature__content h2 {
        padding-right: 0px;
        font-size: 30px; } }
  .feature__content > span {
    display: block;
    margin-bottom: 26px; }
    .feature__content > span span {
      display: inline-block;
      vertical-align: middle;
      width: 40px;
      height: 3px;
      background: #696969;
      line-height: 1;
      margin-right: 20px; }
  .feature__content > p {
    margin-bottom: 32px; }
  .feature__content--h3 {
    padding-right: 0;
    padding-left: 53px; }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .feature__content--h3 {
        padding-left: 0px; } }
    @media (max-width: 767px) {
      .feature__content--h3 {
        padding-left: 0px; } }
    .feature__content--h3 p {
      padding-right: 70px; }

.feature__list--icon {
  margin-right: 25px; }
  .feature__list--icon i {
    display: inline-block;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 45px;
    border: 2px solid #221f3c;
    font-size: 17px;
    color: #221f3c;
    border-radius: 50%;
    transition: .4s; }

.feature__list--content p {
  margin-bottom: 38px; }

.feature__list:hover .feature__list--icon i {
  background: #221f3c;
  color: #fff;
  transition: .4s; }

.feature__block {
  display: flex;
  align-items: center;
  padding: 35px 31px 35px 35px;
  border: 1px solid #e3e3e3;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .feature__block {
      padding: 35px 20px 35px 20px; } }
  @media (max-width: 767px) {
    .feature__block {
      padding: 35px 20px 35px 20px; } }
  .feature__block:hover {
    background: #221f3c;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    border: 1px solid transparent; }
    .feature__block:hover .icon i {
      background: white;
      color: #221f3c;
      -webkit-transition: all 0.3s ease-out 0s;
      -moz-transition: all 0.3s ease-out 0s;
      -ms-transition: all 0.3s ease-out 0s;
      -o-transition: all 0.3s ease-out 0s;
      transition: all 0.3s ease-out 0s; }
    .feature__block:hover .text h5 {
      color: #ffffff;
      -webkit-transition: all 0.3s ease-out 0s;
      -moz-transition: all 0.3s ease-out 0s;
      -ms-transition: all 0.3s ease-out 0s;
      -o-transition: all 0.3s ease-out 0s;
      transition: all 0.3s ease-out 0s; }
    .feature__block:hover .text p {
      color: #d0cee3;
      -webkit-transition: all 0.3s ease-out 0s;
      -moz-transition: all 0.3s ease-out 0s;
      -ms-transition: all 0.3s ease-out 0s;
      -o-transition: all 0.3s ease-out 0s;
      transition: all 0.3s ease-out 0s; }
  .feature__block .icon i {
    height: 60px;
    width: 60px;
    display: inline-block;
    text-align: center;
    line-height: 60px;
    background: rgba(34, 31, 60, 0.1);
    border-radius: 50%;
    margin-right: 15px;
    color: #221f3c;
    font-size: 24px; }
  .feature__block .text h5 {
    margin-bottom: 2px; }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .feature__block .text h5 {
        font-size: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .feature__block .text h5 {
        font-size: 15px; } }
    @media (max-width: 767px) {
      .feature__block .text h5 {
        font-size: 15px; } }
  .feature__block .text p {
    margin-bottom: 0; }

.feature .progress {
  height: 3px;
  font-size: 18px;
  background-color: #ececec;
  border-radius: 0; }

.feature .progress-bar span {
  color: #221f3c;
  position: absolute;
  top: 0;
  right: 0;
  font-weight: 700;
  font-size: 18px;
  -webkit-transition: all 0.6s ease-out 0s;
  -moz-transition: all 0.6s ease-out 0s;
  -ms-transition: all 0.6s ease-out 0s;
  -o-transition: all 0.6s ease-out 0s;
  transition: all 0.6s ease-out 0s; }

.feature .progress-bar {
  background-color: #221f3c; }

.feature .progress-border {
  padding: 13px 15px;
  border: 1px solid #e2e2e2;
  border-radius: 30px; }

.skills__left--thumb {
  position: relative;
  left: -99px; }
  @media only screen and (min-width: 1200px) and (max-width: 1600px) {
    .skills__left--thumb {
      left: 0px; } }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .skills__left--thumb {
      left: 0px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .skills__left--thumb {
      left: 0px;
      text-align: center; } }
  @media (max-width: 767px) {
    .skills__left--thumb {
      left: 0px;
      text-align: center; } }

.skills__shape {
  width: 670px;
  height: 670px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
  border-radius: 50%;
  background: rgba(34, 31, 60, 0.07);
  z-index: -1; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .skills__shape {
      width: 515px;
      height: 515px; } }

.skills__content {
  padding-left: 73px; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .skills__content {
      padding-left: 30px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .skills__content {
      padding-left: 0px; } }
  @media (max-width: 767px) {
    .skills__content {
      padding-left: 0px; } }


.services{padding:70px 0px; position:relative;}
.services .col-lg-4:nth-child(4){margin-top:30px;}
.services .col-lg-4:nth-child(5){margin-top:30px;}
.services .col-lg-4:nth-child(6){margin-top:30px;}
.services-two .col-md-6:nth-child(3){margin-top:30px;}
.services-two .col-md-6:nth-child(4){margin-top:30px;}
.services-two .col-md-6:nth-child(5){margin-top:30px;}
.services-two .col-md-6:nth-child(6){margin-top:30px;}
.single-item{background:#fff; padding:30px 33px 30px 33px; position:relative; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s; text-align:center; z-index:99; cursor:pointer; -webkit-box-shadow:0 4px 10px rgba(0, 0, 0, 0.09); box-shadow:0 4px 10px rgba(0, 0, 0, 0.09);}
.single-item:hover{-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s; -webkit-box-shadow:0 4px 40px rgba(0, 0, 0, 0.09); box-shadow:0 4px 40px rgba(0, 0, 0, 0.09);}
.single-item:hover .icon{color:#222222; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s;}
.single-item:hover .details h3 a{color:#fcb80b; text-decoration:none;}
.single-item:hover .details p{color:#777777;}
.single-item .icon{font-size:34px; color:#fcb80b; text-align:center; margin-bottom:10px; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s;}
.single-item .details{text-align:center;}
.single-item .details h3{font-size:24px !important; font-family:'Oswald', sans-serif; font-size:1.2rem; margin:0 0 0.7em; color:#051429; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s; z-index:999;}
.single-item .details h3 a{color:#051429;}
.single-item .details p{font-size:14px; margin:0; line-height:22px; min-height:90px;}
.single-item .fig_caption::before, .single-item .fig_caption::after{position:absolute; top:0px; right:0px; bottom:0px; left:0px; content:''; opacity:0; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s;}
.single-item .fig_caption::before{border-top:2px solid #fcb80b;border-bottom:2px solid #fcb80b;-webkit-transform:scale(0, 1);transform:scale(0, 1);}
.single-item .fig_caption::after{border-right:2px solid #fcb80b;border-left:2px solid #fcb80b;-webkit-transform:scale(1, 0); transform:scale(1, 0);}
.single-item:hover .fig_caption::before, .single-item:hover .fig_caption::after{opacity:1; -webkit-transform:scale(1); transform:scale(1);}




/*-- Feature --*/
.feature-areaa {
  background-color: #000000;
  position: relative;
  overflow: hidden;
}

.feature-areaa .feature-img {
  position: relative;
  background-image: url("image/feature-bg.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}

.feature-areaa .feature-img:before {
  position: absolute;
  content: '';
  right: -170px;
  top: -70px;
  width: 285px;
  height: 700px;
  background-color: #000000;
  -webkit-transform: rotate(-19deg);
          transform: rotate(-19deg);
}

.feature-areaa .feature-img img {
  display: none;
}

.feature-areaa .feature-shape img {
  position: absolute;
  right: 65px;
  bottom: 0;
  opacity: .10;
  -webkit-animation: process-type 25s infinite linear;
          animation: process-type 25s infinite linear;
  z-index: 1;
}

.feature-areaa .feature-content {
  max-width: 670px;
  margin-right: auto;
  padding-top: 100px;
  padding-bottom: 100px;
}

.feature-areaa .feature-content h2 {
  font-weight: 600;
  font-size: 38px;
  color: #ffffff;
  margin-bottom: 40px;
}

.feature-areaa .feature-content ul {
  margin: 0;
  padding: 0;
}

.feature-areaa .feature-content ul li {
  list-style-type: none;
  display: block;
  position: relative;
  padding-left: 70px;
  margin-bottom: 40px;
}

.feature-areaa .feature-content ul li:nth-child(1) {
  margin-left: 50px;
}

.feature-areaa .feature-content ul li:nth-child(2) {
  margin-left: 100px;
}

.feature-areaa .feature-content ul li:nth-child(3) {
  margin-bottom: 0;
  margin-left: 150px;
}

.feature-areaa .feature-content ul li .ico {
  position: absolute;
  left: 0;
  top: 0;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 27px;
  color: #000000;
  background-color: #ea5504;
  border-radius: 10px;
}

.feature-areaa .feature-content ul li h3 {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 8px;
  color: #ffffff;
}

.feature-areaa .feature-content ul li p {
  margin-bottom: 0;
  color: #aeadad;
  font-size: 14px;
  max-width: 380px;
}

/*-- End Feature --*/

/*----------------------------------------*/
/*  10. statistics
/*----------------------------------------*/
.statistics__block {
  padding-right: 28px; border:1px dashed #e3e3e3;}
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .statistics__block {
      padding-right: 0; } }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .statistics__block h4 {
      font-size: 20px; } }
  .statistics__block > span {
    font-size: 40px;
    display: inline-flex;
    align-items: center;
    margin-bottom: 25px; }
    .statistics__block > span i {
      margin-right: 12px; }
  .statistics__block--h2 {
    padding-right: 0; }
    .statistics__block--h2 span {
      font-size: 35px;
       }
    .statistics__block--h2 p {
      font-size: 40px; text-align: center;
      font-weight: 600;
      color: #221f3c;
     }
    .statistics__block--h2 h3 {
     text-align: center;
      font-weight: 600;
      color: #221f3c; padding-bottom: 20px;
     }
      .statistics__block--h2 p sub {
       
        font-size: 20px; }
  .statistics__block--h3 {
    padding: 52px 45px; text-align: center;
    border: 2px solid #e3e3e3;
    position: relative; }


    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .statistics__block--h3 {
        padding: 52px 30px; } }
    .statistics__block--h3--one {
      border-right: 2px solid transparent;
      border-bottom: 2px solid transparent; }
      @media (max-width: 767px) {
        .statistics__block--h3--one {
          border-right: 2px solid #e3e3e3; } }
    .statistics__block--h3--two {
      border-bottom: 2px solid transparent; }
    .statistics__block--h3--three {
      border-right: 2px solid transparent; }
      @media (max-width: 767px) {
        .statistics__block--h3--three {
          border-right: 2px solid #e3e3e3;
          border-bottom: 2px solid transparent; } }
    .statistics__block--h3::before {
      position: absolute;
      content: "";
      width: 300px;
      height: 300px;
      top: 50%;
      left: 50%;
      transform: translateY(-50%) translateX(-50%);
      background: #221f3c;
      transition: .4s;
      opacity: 0;
      visibility: hidden;
      z-index: 1; }
    .statistics__block--h3:hover::before {
      opacity: 1;
      visibility: visible; }
    .statistics__block--h3:hover span i::before,
    .statistics__block--h3:hover p {
      color: #ffffff;
      z-index: 111;
      position: relative; }
    .statistics__block--h3:hover h5 {
      color: #dbd9ef;
      z-index: 111;
      position: relative; }

.statistics-shape {
  position: absolute; }

.statistics-shape1 {
  top: 0;
  left: 0; }

.statistics-shape2 {
  bottom: 0;
  right: 0; }

/*yingyong*/

.yingyong{ margin:0 auto;padding:30px 0; width: 100%; height: auto;}
.yymain{ margin:0 auto;padding:0; width: 100%; height: auto; color: #666; line-height: 24px; font-size: 14px;}
.yymain ul{ margin:0 auto;padding:0; width: 100%; height: auto;}
.yymain ul li{ margin:0 auto;padding:0; width: 31%; height: auto; margin: 1%; float: left;}
.yymain ul li img{ max-width: 100%; height: auto;}
.yymain ul li div{ margin:0 auto;padding:8px 0; width: 100%; height: auto; background: #00418a; text-align: center; color: #fff; line-height: 24px; font-size: 14px;}

.yingyong .right_title{height:50px;line-height:50px;font-size:20px;background:#ea5504;padding:0 20px; margin-top: 40px;}

.yingyong .right_name {float:left;color: #fff;height:50px;}
.yingyong .right_name font {color: #fff;margin-left:10px;text-transform:uppercase;font-size:16px;}


/*our-work-sec*/

.image-fit {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.animate-img {
	position: relative;
	overflow: hidden;
}
.animate-img:hover img {
	transform: scale(1.1);
	transition: 0.5s;
}
.our-work-sec{ margin:0 auto; padding: 60px 0; width: 100%; height: auto;}

.our-work-sec .row {
	margin: 0 -5px;
}
.our-work-sec .row>div {
	padding: 0 5px 10px;
}
.our-work-sec .work-sec.first-box {
	height: calc(100% - 10px);
}
.our-work-sec .work-sec .text-wrapper {
	width: 100%;
	background: 0 0;
	background: linear-gradient(to bottom, transparent, #00418a);
	position: absolute;
	left: 0;
	bottom: 0;
	line-height: 1;
	padding: 30px 20px 20px 20px;
}
.our-work-sec .work-sec .text-wrapper h4 {
	text-transform: uppercase; color: #fff; font-weight: bold; font-size: 18px;
	transform: translateY(20px) translateZ(0);
 transition: all .3s cubic-bezier(.77, 0, .175, 1);
}
.our-work-sec .work-sec .text-wrapper p {
	opacity: 0;color: #fff; font-weight: normal; font-size: 12px;
	transform: translateY(20px) translateZ(0);
 transition: all .3s cubic-bezier(.77, 0, .175, 1);
}
.our-work-sec .work-sec:hover .text-wrapper h4 {
	transform: translateY(-5px) translateZ(0);
}
.our-work-sec .work-sec:hover .text-wrapper p {
	opacity: .8;
 transition-delay: .2s;
	transform: translateY(0) translateZ(0);
}




/*成功案例*/
.case-box{ padding:100px 0 125px; background:#f3f3f3;}
.cases{ margin-bottom:10px;}
.cases li{ width:32.2%; margin-right:1.7%; float:left; margin-bottom:60px;}
.cases li:nth-child(3n+3){ margin-right:0;}
.cases li figure{ display:block; overflow:hidden; line-height:normal;}
.cases li figure img{ display:block; width:100%; height:auto; line-height:0; transition:450ms;}
.cases li figcaption{ display:block; width:100%; height:70px; color:#6c6c6c; font-size:14px; background:#d3d3d3; margin-top:3px; position:relative; overflow:hidden;}
.cases li figcaption span{ display:block; line-height:70px; text-align:center; position:relative; z-index:5; transition:350ms;}
.cases li figcaption:before{ content:""; width:100%; height:100%; background:#01a1ff; position:absolute; left:0; top:100%; transition:340ms;}
.cases li:hover figure img{ transform:scale(1.06); -webkit-transform:scale(1.06); -moz-transform:scale(1.06);}
.cases li:hover figcaption:before{ top:0;}
.cases li:hover figcaption span{ color:#fff;}


.pt-130{ padding-top: 60px; padding-bottom: 50px;}
.newsnei{ margin:0 auto; padding: 40px 0; width: 100%; height: auto;}

.newsnei .nelist{ margin:20px auto; padding: 0; width: 100%; height: auto;}
.newsnei .nelist ul{ margin:0 auto; padding: 0; width: 100%; height: auto;}
.newsnei .nelist ul li{ margin:20px auto; padding:20px; width: 100%; height: auto; overflow: hidden; background: #f3f3f3;}
.newsnei .nelist ul li img { max-width: 100%; border: 6px solid #fff;
    transform: scale(1) rotate(deg);
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s; }
.newsnei .nelist ul li:hover img {
    transform: scale(1.1) rotate(2deg);
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s; }

.newsnei .nelist ul li h4{ margin:0 auto; padding:10px 0; width: 100%; height: auto; text-align: left; color: #000; line-height: 30px; font-size: 18px; font-weight: bold;}
.newsnei .nelist ul li h4 a{  text-align: left; color: #000; line-height: 30px; font-size: 18px; font-weight: bold;}
.newsnei .nelist ul li h4 a:hover{  text-align: left; color: #00418a; line-height: 30px; font-size: 18px; font-weight: bold;}

.newsnei .nelist ul li .data{ margin:0 auto; padding: 0; width: 100%; height: auto; text-align: left; color: #ea5504; line-height: 30px; font-size: 12px; font-weight: normal;}
.newsnei .nelist ul li .txt{ margin:0 auto; padding:10px 0; width: 100%; height: auto; text-align: left; color: #666; line-height: 20px; font-size: 14px; font-weight: normal;}
.newsnei .nelist ul li .more{ margin:0; padding:0; width: 140px; height: 40px; }
.newsnei .nelist ul li .more a{ margin:0; padding:0; width: 140px; height: 40px; border-radius: 20px; display: block; background: #ea5504; text-align: center; color: #fff; line-height: 40px; font-size: 14px; font-weight: normal;
 -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;}
.newsnei .nelist ul li .more a:hover{ background: #00418a; width: 180px; text-decoration: none;-webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;}

.newsnei .widget {
  padding: 40px; margin: 20px 0;
  border: 2px solid #ededed;
}

.newsnei .widget .widget-title {
  font-size: 20px;
  text-transform: uppercase;
  margin-bottom: 40px;
  line-height: 1;
  position: relative;
  padding-left: 30px;
}

.newsnei .widget .widget-title::before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 2px;
  background-color: #ffaa17;
  content: '';
}



.newsnei .widget.popular-feeds .single-popular-feed {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 1fr;
      grid-template-rows: 1fr;
  -ms-grid-columns: 50px 1fr;
      grid-template-columns: 50px 1fr;
  grid-column-gap: 15px;
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #e1e6ff;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.newsnei .widget.popular-feeds .single-popular-feed:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border: none;
}
.newsnei .widget.popular-feeds .single-popular-feed .feed-img img {
 max-width: 60px; max-height: 60px;
}
.newsnei .widget.popular-feeds .single-popular-feed .feed-desc h6 {
 color:#000;
  font-size: 16px;
  margin-bottom: 10px;
}
.newsnei .widget.popular-feeds .single-popular-feed .feed-desc h6 a{
 color:#000;
  font-size: 16px;
  margin-bottom: 10px;
}

.newsnei .widget.popular-feeds .single-popular-feed .feed-desc .time {
  font-size: 14px;
}

.newsnei .widget.popular-feeds .single-popular-feed .feed-desc .time i {
  margin-right: 5px;
}



.newsnei .widget.categories-widget ul li {
  margin-bottom: 10px;
}

.newsnei .widget.categories-widget ul li:last-child {
  margin-bottom: 0;
}

.newsnei .widget.categories-widget ul li a {
  font-size: 14px;
  padding-left: 30px;
  height: 50px;
  background-color: #edf3ff;
  display: block;
  position: relative;
  line-height: 50px;
  color: #041d38;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.newsnei .widget.categories-widget ul li a span {
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background-color: #d8e5ff;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.newsnei .widget.categories-widget ul li a:hover {
  background-color: #ffaa17;
}

.newsnei .widget.categories-widget ul li a:hover span {
  background-color: #ffc35c;
}

.newsnei .widget.categories-widget ul li ul { margin:0 auto; padding: 0; width: 100%; height: auto;}
.newsnei .widget.categories-widget ul li ul li { margin:0 auto; padding: 0; width: 100%; height: auto;}
.newsnei .widget.categories-widget ul li ul li a { margin:5px auto; padding: 6px 3%; width: 100%; height: auto; text-align: left; color: #666; line-height: 30px; border-bottom: 1px dashed #e3e3e3; background: #f3f3f3;}
.newsnei .widget.categories-widget ul li ul li a:hover{ background: #e3e3e3; text-decoration: none;}




.hui{ background:#f3f3f3;}


.links .basewidth{max-width:1200px;margin:0 auto;padding-top:30px;padding-bottom:30px;}
.links .basewidth span{font-size:14px;}


/*-- Blog --*/
.blog-area {
  padding: 30px 0;
}

.blog-item {
  margin-bottom: 30px;
  -webkit-box-shadow: 0px 0px 20px 0px #dddddd7a;
          box-shadow: 0px 0px 20px 0px #dddddd7a;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.blog-item:hover {
  -webkit-transform: translate(0, -10px);
          transform: translate(0, -10px);
}

.blog-item:hover .blog-top .blog-date {
  left: 0;
}

.blog-item .blog-top {
  position: relative;
}

.blog-item .blog-top a {
  display: block;
}

.blog-item .blog-top .blog-date {
  display: inline-block;
  text-align: center;
  background-color: #00418a;
  padding: 7px 12px 8px;
  border-radius: 0 0 10px 10px;
  position: absolute;
  top: 0;
  left: 30px;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.blog-item .blog-top .blog-date p {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 16px;
  color: #ffffff;
}

.blog-item .blog-top .blog-date span {
  display: block;
  font-size: 14px;
  color: #ffffff;
}

.blog-item .blog-top img{ max-width:100%; height: auto;}


.blog-item .blog-bottom {
  padding: 20px;
}

.blog-item .blog-bottom h3 {
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 15px;
}

.blog-item .blog-bottom h3 a {
  color: #333333;
  display: block;
}

.blog-item .blog-bottom h3 a:hover {
  color: #fdb819;
}

.blog-item .blog-bottom .more {
  margin: 0;
  padding: 0; width:100px; height: 30px; display: block;color: #fff; line-height: 30px; text-align: center;

}

.blog-item .blog-bottom .more a{
  margin: 0;
  padding: 0; width:100px; height: 30px; background: #ea5504; display: block; border-radius: 15px; font-size: 12px; color: #fff; line-height: 30px; text-align: center;

}

.blog-item .blog-bottom .more a:hover{
  background: #00418a; text-decoration: none;
}
/*-- End Blog --*/

.prolistt{ width:100%; height: 40px; margin:0 auto; padding: 0; background: #00418a;}
.prolistt ul{ width:100%; height: 40px; margin:0 auto; padding: 0; background: #00418a;}
.prolistt ul li{ width:16.4%; height: 40px; margin:0 auto; padding: 0; background: #00418a; float: left; border-right:1px solid #ccc; text-align: center; color: #fff; font-size: 16px; font-weight: bold; line-height: 40px;}
.prolistt ul li a{ width:100%; height: 40px; margin:0 auto; padding: 0; background: #00418a; float: left; text-align: center; color: #fff; font-size: 16px; font-weight: bold; line-height: 40px;}
.prolistt ul li a:hover{ background: #ea5504; color: #fff;text-decoration:none; }

.pronei{width:100%; height: auto; margin:0 auto; padding: 0; }
.prolistnew{ width:100%; height: auto; margin:0 auto; padding: 0; }
.prolistnew ul{ width:100%; height: auto; margin:0 auto; padding: 0; }
.prolistnew ul li{ width:23%; height: auto; margin:0 auto; padding: 0; background: #f3f3f3; float: left; margin: 1%; border: 1px solid #f3f3f3;}
.prolistnew ul li .img{ width:100%; height: auto; margin:0 auto; padding: 0;  float: left; overflow: hidden;
-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	position: relative; }
.prolistnew ul li .img img{ width:100%; height: auto; 
-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	position: relative; }


.prolistnew ul li:hover .img img{ -webkit-transform: scale(1.2);
	transform: scale(1.2);
	-moz-transform: scale(1.2);}
.prolistnew ul li:hover{ background: #00418a; }

.prolistnew ul li .txt{ width:100%; height: auto; margin:0 auto; padding: 0; float: left; text-align: center; color: #000; font-size: 16px; font-weight: bold; line-height: 40px;}
.prolistnew ul li:hover .txt{ color: #fff;text-decoration:none; }


.prolisthang{ width:100%; height: auto; margin:0 auto; padding: 0; }
.prolisthang ul{ width:100%; height: auto; margin:0 auto; padding: 0; }
.prolisthang ul li{ width:23%; height: auto; margin:0 auto; padding: 0; background: #f3f3f3; float: left; margin: 1%; border: 1px solid #f3f3f3;}
.prolisthang ul li .img{ width:100%; height: auto; margin:0 auto; padding: 0;  float: left; overflow: hidden;
-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	position: relative; }
.prolisthang ul li .img img{ width:100%; height: auto; 
-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	position: relative; }


.prolisthang ul li:hover .img img{ -webkit-transform: scale(1.2);
	transform: scale(1.2);
	-moz-transform: scale(1.2);}
.prolisthang ul li:hover{ background: #00418a; }

.prolisthang ul li .txt{ width:94%; height: auto; margin:0 auto; padding: 8px 3%; float: left; text-align: left; color: #000; font-size: 14px; font-weight: bold; line-height: 20px;}
.prolisthang ul li:hover .txt{ color: #fff;text-decoration:none; }
.prolisthang ul li .txt1{ width:94%; height: auto; margin:0 auto; padding: 5px 3%; float: left; text-align: left; color: #888; font-size: 12px; font-weight: normal; line-height: 20px;}
.prolisthang ul li:hover .txt1{ color: #fff;text-decoration:none; }


.hanghui{ margin:0 auto; padding: 50px 0; width: 100%; height: auto; background: #f3f3f3;}





/*about style*/
.bgf5{ background-color: #f5f5f5;}
.pagePadding{ padding: 100px 0px;}
.aboutPbox-box{ position: relative;}
.aboutPbox{ width: 754px; margin: 0px auto;}
.iboxT{ margin-bottom: 60px;}
.iboxT .zh{ font-size: 30px; color: #333333; line-height: 1.5;}
.iboxT .en{ color: #666; font-family: arial, helvetica, sans-serif; text-transform: uppercase;}
.aboutP-list{ padding-bottom: 50px;}
.aboutP-list li{ float: left; display: block; width: 24%; padding: 0px 2% 0px 7%; border-right: 1px solid #cdcdcd; color: #525252; line-height: 1.5;}
.aboutP-list li:last-child{ border-right: 0px none;}
.aboutP-list .txt{ color: #e3001e; font-family: "微软正黑体","Microsoft JhengHei"; font-size: 24px; line-height: 1.2;}
.aboutP-list .num{ font-size: 60px; padding-right: 10px;}
.aboutP-list .add{ position: absolute; font-weight: bold;}
.aboutP-list .en{ font-family: arial, helvetica, sans-serif; font-size: 12px; text-transform: uppercase;}
.aboutP-list .zh{ font-weight: bold;}
.pageC a:link, .pageC a:visited { color: #d02a25; }
.pageC a:active, .pageC a:hover { color: #ee2d31; }
.pageC img{ max-width: 100% !important; height: auto !important;}
.pageC{ overflow: hidden; color: #666;}
.aboutPbox .pageC{ text-align: center; font-size: 15px;}
.pbot{ background: url(images/y.png) no-repeat scroll center center; background-size: cover; background:none rgba(245,245,245,1); border-radius: 50%; width: 75px; height: 75px; position: absolute; left: 50%; bottom: -37px; margin-left: -37px; cursor: pointer;}
.pbot i{ background: url(images/abot.png) no-repeat scroll center center; width: 25px; height: 15px;position: absolute; left: 50%; top: 50%; margin: -7px 0px 0px -12px; -webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;}
@keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 0; }
}
@-webkit-keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 0; }
}
.black-20{ background: url(images/black_20.png) repeat; background: none rgba(0,0,0,0.2);}
.aboutC-box{ background-color: #fff; padding: 20px 0px;}
.aboutC-box .pageC{ width: 82%; margin: 0px auto; text-align: justify; font-size: 14px; line-height: 30px;}
.pagePadding2{ padding: 85px 0px;}


.culture{ margin: 0 auto; padding: 0; width: 100%; height: auto;}
.culture .title{ margin:30px auto; padding:8px 2%; width:96%; height: auto;font-size: 24px; line-height: 30px; text-align: center; color: #000; border-bottom: 1px dashed #e3e3e3; border-top:1px dashed #e3e3e3;}
.culture .titleen{ margin: 0 auto; padding: 0;  width: 100px; height: 2px ;background: #e3e3e3;}

.culture .con{ margin: 0 auto; padding:0;  width: 100%; height: auto ;}
.values-list a:link, .values-list a:visited { color: #fff; }
.values-list a:active, .values-list a:hover { color: #fff; }
.values-list{ margin: 0 auto; padding: 0; width: 92%; height: auto;color: #fff;}
.values-list li{ float: left; display: block; width: 23%; margin:25px 0px 0px 2%; position: relative; overflow: hidden;}
.values-list .img{ overflow: hidden;}
.values-list .img img{ width: 100%; display: block;}
.values-list .black-20{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.values-list .tbox{ position: absolute; left: 5%; width: 90%; text-align: center; top: 50%; margin-top: -46px; line-height: 1.5; -webkit-transition:all .62s cubic-bezier(.4,0,.2,1); transition:all .62s cubic-bezier(.4,0,.2,1);}
.values-list .ico{ width: 40px; height: 40px; display: block; margin: 0px auto 6px;}
.values-list .en{ font-family: arial, helvetica, sans-serif;}
.values-list .zh{ font-size: 18px;}
.values-list .con{ position: absolute; width: 80%; left: 10%; top: 100%; line-height: 2; border-top: 1px solid #edb1b2; border-bottom: 1px solid #edb1b2; padding: 14px 0px; min-height: 140px; overflow: hidden; -webkit-transition:all .62s cubic-bezier(.4,0,.2,1); transition:all .62s cubic-bezier(.4,0,.2,1);}
.red-80{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/red_80.png) repeat; background: none rgba(204,0,0,0.8);}
.values-list .red-80{ -webkit-transition:-webkit-transform .62s cubic-bezier(.4,0,.2,1),opacity 0.5s; transition:transform .62s cubic-bezier(.4,0,.2,1),opacity 0.5s; transform-origin:left 100%; -webkit-transform-origin:left 100%; transform:scaleY(0); -moz-transform:scaleY(0); -webkit-transform:scaleY(0); opacity: 0; visibility:hidden\9;}


.values-list li:hover .tbox{ visibility: hidden\9; opacity: 0; transform: translateY(50px); transform: translateY(50px);}
	.values-list li:hover .con{ top: 18%;}
	.values-list li:hover .red-80{ transform:scaleY(1); -webkit-transform:scaleY(1); transform-origin:left 0; -webkit-transform-origin:left 0;  opacity: 1; visibility:visible\9;}

.fixedImg { background-position: center top; background-repeat: no-repeat; background-size: cover;}
.body-right{ min-height: calc(100vh - 296px);}


/*about style end*/

.product-list { margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px;
	min-height:20px;
}
.product-list li { margin:0 auto; padding:0; width:22.5%; margin:1%; float:left;border:1px solid #e3e3e3;
	text-align:center;
}
.product-list1 { margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px;
	min-height:20px;
}
.product-list1 li { margin:0 auto; padding:0; width:17.6%; margin:1%; float:left; border:1px solid #e3e3e3;
	
	text-align:center;
}

.portfolio-img {
	
	 width: 100%; margin: 0; padding: 0;text-align: center;
}
.portfolio-img a {
	text-align: center; width: 100%;
}
.portfolio-img a, .portfolio-img img {
	max-width:100%;  padding: 11%;
	
	 text-align: center;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
.portfolio-img .opacity-overlay {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	cursor:pointer;
	background-color:#000;
	opacity:0;
	filter:alpha(opacity=0);
_height:expression( (this.parentElement.clientHeight) +'px');
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-o-transform:scale(0);
	-ms-transform:scale(0);
	transform:scale(0);
	-webkit-transition:all 0.25s ease-in-out;
	-moz-transition:all 0.25s ease-in-out;
	-o-transition:all 0.25s ease-in-out;
	-ms-transition:all 0.25s ease-in-out;
	transition:all 0.25s ease-in-out;
}

.portfolio-img a:hover .opacity-overlay {
	filter:alpha(opacity=70);
	opacity:0.7;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-o-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
	-webkit-transition:all 0.25s ease-in-out;
	-moz-transition:all 0.25s ease-in-out;
	-o-transition:all 0.25s ease-in-out;
	-ms-transition:all 0.25s ease-in-out;
	transition:all 0.25s ease-in-out;
}
.portfolio-img a:hover img {
	transform: scale(1.2, 1.2) rotate(10deg);
	-webkit-transform: scale(1.2, 1.2);
	-moz-transform: scale(1.2, 1.2);
	-o-transform: scale(1.2, 1.2);
	-ms-transform: scale(1.2, 1.2);
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
.portfolio-item:hover img, .product-item:hover img, .scrollable-item:hover img {
	transform: scale(1.2, 1.2);
	-webkit-transform: scale(1.2, 1.2);
	-moz-transform: scale(1.2, 1.2);
	-o-transform: scale(1.2, 1.2);
	-ms-transform: scale(1.2, 1.2);
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}


.portfolio-wenzi { margin:0 auto; padding:0; width:100%; height:40px;background:#ea5504; color:#fff; line-height:40px; font-size: 14px;}


.product-item {
	position:relative;
}
.product-item .portfolio-img {
	background-color:#fff;
	overflow:hidden;
	position:relative;
	margin-bottom:0;
}
.product-item .portfolio-text {
	display:none;
	position:absolute;
	top:0;
	left:0;
	z-index:20;
	text-align:center;font-size:12px;
	width:96%; padding-left:2%; padding-right:2%;
	height:100%;
	color:#fff;
}
.product-item .portfolio-text h2 {
	margin:20px 20px 20px;
	line-height:normal;
	font-size:14px; color: #fff;
	font-weight:normal;
}
.product-item .portfolio-text .icon-detail {
	display:inline-block;
*display:inline;
*zoom:1;
	width:41px;
	height:41px;
	background:url(../images/icon-detail.gif) no-repeat center;
	-webkit-transition:-webkit-transform 0.5s ease-out;
	-moz-transition:-moz-transform 0.5s ease-out;
	transition:transform 0.5s ease-out;
}
.product-item .portfolio-text .icon-detail span {
	display:none;
}

.product-item a:hover .portfolio-text {
	display:block;
}
.product-item .portfolio-text:hover .icon-detail {
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	transform:rotate(180deg);
}
.product-item .opacity-overlay {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	cursor:pointer;
	background-color:#00418a;
	opacity:0;
	filter:alpha(opacity=0);
_height:expression( (this.parentElement.clientHeight) +'px');
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-o-transform:scale(0);
	-ms-transform:scale(0);
	transform:scale(0);
	-webkit-transition:all 0.25s ease-in-out;
	-moz-transition:all 0.25s ease-in-out;
	-o-transition:all 0.25s ease-in-out;
	-ms-transition:all 0.25s ease-in-out;
	transition:all 0.25s ease-in-out;
}
.product-item a:hover .opacity-overlay {
	filter:alpha(opacity=90);
	opacity:0.9;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-o-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
	-webkit-transition:all 0.25s ease-in-out;
	-moz-transition:all 0.25s ease-in-out;
	-o-transition:all 0.25s ease-in-out;
	-ms-transition:all 0.25s ease-in-out;
	transition:all 0.25s ease-in-out;
}


.promain11{ margin:0 auto; padding:30px 0; width: 100%; height: auto; background: #f3f3f3; }
.promain11 .cotitle{ margin:0 auto; padding:20px 0; width: 100%; height: auto; text-align: center; font-size: 30px; line-height: 30px; color: #000;}

.mb-30 {
  margin-bottom: 30px; }

/* rs  */
.btn-text-b {
  color: #fff;
  border-bottom: 2px solid #fff;
  font-size: 15px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 2px; }

.btn-text-b:hover {
  color: #fcc30a;
  border-color: #fcc30a; }

.bd-slider-button-center a {
  margin: 0 10px; }

.cta-area {
  background-size: cover;
  background-position: center center; }

.cta-text h1 {
  font-size: 55px;
  color: #ffffff;
  margin-bottom: 20px;
  margin-top: 11px; }

.cta-text span {
  color: #bdbdbd;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500; }

.cta-text p {
  color: #ffffff;
  padding-right: 207px;
  margin: 0; }
.b-work{ margin-bottom:30px;}
.b-work-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 25px 25px;
  transition: .3s;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  opacity: 0;
  visibility: hidden; }

.b-work:hover .b-work-content {
  opacity: 1;
  visibility: visible;
  transform: translateY(-20px);
  -webkit-transform: translateY(-20px);
  -moz-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  -o-transform: translateY(-20px); }

.b-work-img {
  position: relative; }

.b-work-img img {
  width: 100%; }

.b-work-content h2 {
  font-size: 21px; }

.b-work-img::before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background: #222;
  opacity: 0;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s; }

.b-work:hover .b-work-img::before {
  opacity: .5; }

.b-work-inner {
  background: #fff;
  padding: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative; }

.b-work-inner::before {
  position: absolute;
  left: 0;
  top: 29px;
  content: "";
  background: #febc35;
  height: 50px;
  width: 5px; }

.b-work-content h2 {
  margin: 0; }

.b-work-large .b-work-content h2 {
  font-size: 24px;color: #febc35; }

.b-work-large .b-work-content {
  padding: 30px 50px; }

.b-work-large .b-work-inner {
  padding: 30px; }


.b-work-link {
  background:url(images/ca3.png) no-repeat center center #febc35;
  height: 50px;
  width: 50px; 
  display: inline-block;
  color: #222;
  text-align: center;
  line-height: 52px;
  border-radius: 50px;
  font-size: 19px; }

.b-work-link a:hover {
  background: #222;
  color: #ffffff; }

.b-work-content-3 .b-work-link a {
  background: #de2021;
  color: #ffffff; }

.b-work-content-2 .b-work-link a:hover {
  background: #222;
  color: #ffffff; }

.b-work-content-3 .b-work-link a {
  background: #de2021;
  color: #ffffff; }

.b-work-content-coral .b-work-link a {
  background: #fc844c;
  color: #ffffff; }





.product-boxlist{ width:0 auto; padding: 0; width: 31%; height: auto; margin: 1%; float:left;}

.product-box-layout1 {
    background-color: #ffffff;
    margin-bottom: 1.875rem; padding: 2%;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.product-box-layout1 .item-img {
    display: block;
    position: relative;
    overflow: hidden;
}

.product-box-layout1 .item-img:before {
    content: "";
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    z-index: 1;
}

.product-box-layout1 .item-img img {
    -webkit-transition: all .5s ease-in-out; width: 100%; height: auto;
    transition: all .5s ease-in-out;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.product-box-layout1 .item-content {
    padding: 10px 0 20px 0;
}

.product-box-layout1 .item-content .item-tag {
    margin-bottom: 0.125rem;
}

.product-box-layout1 .item-content .item-tag a {
    font-size: 0.875rem;
    color: #999999;
    display: inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.product-box-layout1 .item-content .item-tag a:hover {
    color: #00418a;
}

.product-box-layout1 .item-content .item-title {
    font-size: 18px; line-height: 25px; height: 50px;
    font-weight: 700;
  color: #2a2a2a;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; text-align: center;
    -webkit-box-orient: vertical;
}

.product-box-layout1:hover .item-content .item-title {
    color: #00418a;text-align: center;
}

.product-box-layout1 .item-content .item-title span {
    margin-left: 0.9375rem;
    display: inline-block;
    background-color: #e7291e;
    font-size: 0.75rem;
    color: #ffffff;
    line-height: 1;
    padding: 0.1875rem 0.3125rem 0.25rem;
    border-radius: 0.25rem;
}

.product-box-layout1 .item-content .entry-meta {
    margin-bottom: 0.4375rem; color: #999999;
    font-size: 12px;
    line-height: 20px; height: 60px; overflow: hidden;
}


.product-box-layout1 .item-content .entry-meta li i {
    margin-right: 0.4375rem;
}

.product-box-layout1 .item-content .item-price { margin:0 auto; padding:5px 0;
    font-size: 14px;
    font-weight: 700; text-align: center; border-radius: 25px;
    color: #fff;display: block; width: 100px; background: #00418a;
}

.product-box-layout1 .item-content .item-action-area {
    margin-top: 0.625rem;
    background-color: rgba(0, 0, 0, 0.05);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.product-box-layout1 .item-content .item-action-area .item-phone {
    margin-right: -0.25rem;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
}

.product-box-layout1 .item-content .item-action-area .item-phone a {
    width: 100%;
    display: inline-block;
    color: #797979;
    padding: 0.3125rem 0.9375rem;
    border-radius: 0.125rem;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.product-box-layout1 .item-content .item-action-area .item-phone a i {
    font-size: 0.875rem;
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
    margin-right: 0.625rem;
}

.product-box-layout1 .item-content .item-action-area .item-phone a:hover {
    background-color: #e7291e;
    color: #ffffff;
}

.product-box-layout1 .item-content .item-action-area .item-phone a .number-show {
    display: none;
}

.product-box-layout1 .item-content .item-action-area .item-fav a {
    display: inline-block;
    color: #797979;
    padding: 0.3125rem 0.9375rem;
    border-radius: 0.125rem;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.product-box-layout1 .item-content .item-action-area .item-fav a:hover {
    background-color: #e7291e;
    color: #ffffff;
}

.product-box-layout1:hover {
    box-shadow: 0rem 0.1875rem 0.3125rem 0.0625rem rgba(0, 0, 0, 0.2);
}

.product-box-layout1:hover .item-img:before {
    visibility: visible;
    opacity: 1;
}

.product-box-layout1:hover .item-img img {
    -webkit-transform: scale(1.08);
    -ms-transform: scale(1.08);
    transform: scale(1.08);
}







/*new*/

#conmain{ margin:0 auto; padding:30px 0; width: 100%; height: auto; max-width: 1200px;}
#conmainleft{ margin:0 auto; padding:0; width: 24%; height: auto; float: left; background: #fff;}
#conmainleft1{ margin:0 auto; padding:0; width: 100%; height: 50px; float: left; background: #047aba;}
#conmainleft1 span{ padding-left: 30px;font-size:24px; color:#fff; text-align:left; text-decoration:none; line-height:50px; font-weight:normal; }
#conmainleft2{ margin:0 auto; padding:0; width: 100%; height: auto; float: left;}
#conmainleft2 ul{ margin:0 auto; padding:0; width: 100%; height: auto; float: left;}
#conmainleft2 ul li{ margin:0 auto; padding:0; width: 100%; height: auto; float: left; margin-top: 1px;}
#conmainleft2 ul li a{ margin:0 auto; padding:0 3%; width: 94%; background:url(images/dot.png) no-repeat center right #f3f3f3; float: left; font-size:14px; color:#666; text-align:left; text-decoration:none; line-height:50px; font-weight:normal;}

#conmainleft2 ul li a:hover{ background:url(images/dot1.png) no-repeat center right #6babce; color: #fff; }


#conmainleft2 ul li.on a{ margin:0 auto; padding:0 3%; width: 94%; background:url(images/dot1.png) no-repeat center right #f3f3f3; color: #fff; float: left; font-size:14px;  text-align:left; text-decoration:none; line-height:50px; font-weight:normal;}

#conmainleft2 ul li.on a:hover{ background:url(images/dot1.png) no-repeat center right #6babce; color: #fff; }

#conmainleft31{ margin:0 auto; padding:0; width: 100%; height: auto; float: left; border: 1px solid #e3e3e3;}
#conmainleft31 ul{ margin:0 auto; padding:0; width: 100%; height: auto; float: left;}
#conmainleft31 ul li{ margin:0 auto; padding:0; width: 100%; height: auto; float: left; margin-top: 1px;}
#conmainleft31 ul li a{ margin:0 auto; padding:0 3%; width: 94%; background:url(images/dot.png) no-repeat center right #fff; float: left; font-size:14px; color:#666; text-align:left; text-decoration:none; line-height:40px; font-weight:normal; border-bottom: 1px dashed #e3e3e3;}

#conmainleft31 ul li a:hover{ background:url(images/dot1.png) no-repeat center right #6babce; color: #fff; }


#conmainleft31 ul li.on a{ margin:0 auto; padding:0 3%; width: 94%; background:url(images/dot1.png) no-repeat center right #f3f3f3; color: #fff; float: left; font-size:14px;  text-align:left; text-decoration:none; line-height:50px; font-weight:normal;}

#conmainleft31 ul li.on a:hover{ background:url(images/dot1.png) no-repeat center right #6babce; color: #fff; }



#conmainleft4{ margin:0 auto; padding:0; width: 100%; height: 50px; float: left; background: #043b7c;border-radius:5px 5px 0 0;border:1px solid #e3e3e3; border-bottom:0;}
#conmainleft4 span{ padding-left: 30px;font-size:18px; color:#fff; text-align:left; text-decoration:none; line-height:50px; font-weight:normal; }
#conmainleft3{ margin:0 auto; padding:0; width: 100%; height: auto; float: left; border: 1px solid #e3e3e3;}
#conmainleft3 ul{ margin:0 auto; padding:0; width: 100%; height: auto; float: left;}
#conmainleft3 ul li{ margin:0 auto; padding:0; width: 100%; height: auto; float: left; margin-top: 1px;}
#conmainleft3 ul li a{ margin:0 auto; padding:0 3%; width: 94%; background:url(../images/dot2.jpg) no-repeat left center #f3f3f3; float: left; font-size:14px; color:#000; text-align:left; text-decoration:none; line-height:50px; font-weight:normal; border-bottom: 1px dashed #e3e3e3; font-weight: bold;}

#conmainleft3 ul .cpmll{ margin:0 auto; padding:10px 3%; width: 94%; float: left; border-bottom: 1px dashed #e3e3e3;}
#conmainleft3 ul .cpmll a{ font-size:12px; color:#888; text-align:left; text-decoration:none; line-height:30px; font-weight:normal; }
#conmainleft3 ul .cpmll a:hover{ font-size:12px; color:#000; }

#conmainright{ margin:0 auto; padding:0; width: 74%; height: auto; float: right; background: #fff; border: 1px solid #e3e3e3;}
#conmainrightlocion{ margin:0 auto; padding:5px 2%; width: 96%; height: auto; float: left; border-bottom: 1px dashed #e3e3e3;font-size:12px; color:#666; text-align:right; text-decoration:none; line-height:30px; font-weight:normal;}
#conmainrightlocion a{ font-size:12px; color:#666; text-align:right; text-decoration:none; line-height:30px; font-weight:normal;}
#conmainrightlocion a:hover{  text-decoration: underline;}

#conmainright1{ margin:0 auto; padding:0; width: 100%; height: auto; float: right;}
#conmainright1 h2{ margin:0 auto; padding:0; width: 100%; height: auto;font-size:24px; color:#666; text-align:center; text-decoration:none; line-height:50px; font-weight:normal;}


.pic {width: 100%; overflow: hidden; font-size: 0;}
.pic img {width: 100%;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.contRightWrap {margin-top: 10px;}
.courseList {}
.courseList li {padding:3%; border-bottom: 1px solid #eeeeee; background: #fafafa; display: block;}
.courseList li:last-child {border-bottom: none;}
.courseList li .pic {float: left; width: 25%;}
.courseList li .cont {float: right; width: 73.1%;}
.courseList li .cont h3 {margin-top: 16px; margin-bottom: 6px; font-size: 18px; font-weight: 600; line-height: 34px;}
.courseList li .cont h3 a {color: #00CA9D;}
.courseList li .cont h3 a:hover {color: #01B48C;}
.courseList li .cont p {color: #4c4c4c; line-height: 30px;}
.courseList li:hover img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.courseList li:hover p {color: #333;}

.prolist{ margin:0 auto; padding:15px 0; width: 100%; height: auto;}
.prolist ul{ margin:0 auto; padding:0; width: 100%; height: auto;}
.prolist ul li{ margin:0 auto; padding:1%; width: 46%; height: auto; margin:1%; float: left;background: #f3f3f3; display: block;}
.prolist ul li .img{ margin:0 auto; padding:0; width: 50%; height: auto; float: left;}
.prolist ul li .img img{ max-width: 100%; height: auto;}
.prolist ul li .txt { margin:0 auto; padding:0; width: 50%; height: auto; float: right;}
.prolist ul li .txt .title{ margin:0 auto; padding:0 2%; width: 96%; height: auto; float: right; text-align: left; line-height: 25px; font-size: 14px; color: #000;}
.prolist ul li .txt .title a{ text-align: left; line-height: 30px; font-size: 14px; color: #000;}


.prolist ul li:hover{ background: #043b7c; display: block;}
.prolist ul li:hover .txt .title{ color: #fff;}
.prolist ul li:hover .txt .title a{ color: #fff;}



.newsList {margin-top: 15px;}
.newsList li {overflow: hidden; border: none; margin-bottom: 10px;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.newsList li .pic {}
.newsList li .cont {-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.newsList li .cont h3 {margin-top: 2px; line-height: 28px; font-size: 16px; font-weight: normal;}
.newsList li .cont h3 a {color: #4c4c4c;}
.newsList li .cont h4 {line-height: 24px; color: #adadad;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.newsList li .cont p {color: #808080; line-height: 22px;}
.newsList li .cont .line {height: 1px; margin: 6px 0 6px 0; background: #dddddd;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.newsList li .cont .more {/*opacity: 0; filter:alpha(opacity=0);*/ /*display: none;*/ width: 100px; height: 32px; margin-top: 12px; line-height: 32px; text-align: center; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.newsList li .cont .more a {display: block; height: 100%;color: #047aba; background: #fff; }
.newsList li .cont .more:hover a {background: #01B4047aba8C;}
.newsList li:hover .more a {color: #fff; background: #047aba;}
.newsList li:hover h3 a {color: #047aba;}
.newsList li:hover .cont .line {margin: 10px 0 10px 0;}

.page {width: 100%; height: 36px; margin:50px 0 40px 0; text-align: center; line-height: 36px; color: #333333;}
.page em {display: inline-block; height: 100%; margin: 0 3px; padding: 0 15px; border: 1px solid #eee; vertical-align: top; cursor: pointer;}
.page em:hover {background: #f5f4f4;}
.page em.active {color: #fff; background: #00ca9d;}
.page i {display: inline-block; height: 100%; margin: 0 3px; padding: 0 16px; border: 1px solid #eee; cursor: pointer;}
.page i:hover {background: #f5f4f4;}
.page i.active {color: #fff; background: #00ca9d;}
.page a {display: inline-block; width: 30px; height: 100%; margin: 0 3px; color: #202020; border: 1px solid #eee; zoom: 1; *display:inline; float:none;}
.page a:hover {background: #f5f4f4;}
.page a.active {color: #fff; background: #00ca9d;}
.page p {display: inline-block; height: 100%; margin-left: 20px;zoom: 1; *display:inline; float:none;}	


/*new*/

#connews{ margin:0 auto; padding:0; width:100%; height:auto; background:#f3f3f3; padding-bottom:40px; padding-top:40px;}
#connewcon{ margin:0 auto; padding:0; width:100%; max-width:1200px; height:auto; }
/*newcon end*/

#conleft{ margin:0; padding:0; width:22%; height:auto; float:right;}
#conleft1{ margin:0; padding:0; width:96%; height:auto; float:left;}

#conleft11{ margin:0; padding:0; width:100%; height:40px; float:left; border-bottom:2px solid #29B8C0; font-family:'Fjalla One',Arial; font-size:18px;color:#fff; text-align:left; text-decoration:none; line-height:40px;}
#conleft11 span{ padding-left:20px;font-family: '微软雅黑',宋体;font-size:24px;color:#29B8C0; text-align:left; text-decoration:none; line-height:40px;}
#conleft12{ margin:0 auto; padding:0; width:100%;display:block; height:auto;}
#conleft12 ul{ margin:0; padding:0; width:100%;height:auto; list-style:none;}
#conleft12 ul li{ margin:0; padding:0; width:100%; height:auto;}
#conleft12 ul li a{ margin:0; padding:0;padding-left:20px; display:block; border-bottom:1px dashed #c2c2c2; background:#e3e3e3;  padding-top:10px; padding-bottom:10px; height:auto; font-family: '微软雅黑',宋体;font-size:14px;color:#000; font-weight: normal; text-align:left; text-decoration:none; line-height:20px; }
#conleft12 ul li a:hover{ font-family: '微软雅黑',宋体;color:#000; background:#c4c4c4; }

#conleft12 ul li.acc a{background:#026D38;background: #608ccb; padding-left:30px; font-family: '微软雅黑',宋体; color:#fff;}
#conleft12 ul li.acc a:hover{background:#026D38;background:#608ccb; padding-left:30px; font-family: '微软雅黑',宋体; color:#fff;}


#conleft13{ margin:0 auto; padding:0; width:100%; height:auto; background:#fff;}
.mt17{margin-top:17px;}
.sideNav1{ background:#fff;}
.sideNav1 ul{margin-left:-1px;}
.sideNav1 li{float:left;width:124px;padding:15px 0 5px;border-left:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;text-align:center;}
.sideNav1 p{line-height:30px;}
.sideNav1 a{color:#363680;font-size:14px;}

.sideNav1 strong{ display:block;text-align:center;padding:15px 0 15px; margin-top:20px;}


#conleft14{ margin:0 auto; padding:0; width:100%; height:auto; background:#fff;border:1px solid #e3e3e3; margin-top:30px;}
#conleft141{ margin:0 auto; padding:0; width:100%; height:auto; background:#023070;border-bottom:1px solid #e3e3e3;}
#conleft141 span{ padding-left:30px; font-family: '微软雅黑',宋体;font-size:16px;color:#fff; font-weight: normal; text-align:left; text-decoration:none; line-height:40px; }

#conleft142{ margin:0 auto; padding:0; width:92%; height:auto; background:#fff;}
#conleft142 ul{ margin:0; padding:0; width:100%;height:auto; list-style:none;}
#conleft142 ul li{ margin:0; padding:0; width:100%; height:auto;}
#conleft142 ul li a{ margin:0; padding:0;padding-left:10px; display:block; border-bottom:1px dashed #e3e3e3;  padding-top:6px; padding-bottom:6px; height:auto; font-family: '微软雅黑',宋体;font-size:12px;color:#666; font-weight: normal; text-align:left; text-decoration:none; line-height:20px; }
#conleft142 ul li a:hover{ font-family: '微软雅黑',宋体;color:#fff; background:#0076a8; }



#conleftk{ margin:0; padding:0; width:100%; height:30px;font-family: '微软雅黑',宋体; font-size:18px;color:#fff; text-align:left; text-decoration:none; line-height:65px;}

#conright{ margin:0; padding:0; width:76%; height:auto; float:left; background:#fff;}

#conjishuright{ margin:0; padding:0; width:65%; height:auto; float:left;}
#conjishuleft{ margin:0; padding:0; width:33%; height:auto; float:right; padding-top:160px;}


.clearfloat{*zoom:1;}
.clearfloat:before,.clearfloat:after{content:""; display:table; line-height:0;visibility:hidden;}
.clearfloat:after{ clear:both;}

#conright1{ margin:0; padding:0; width:100%;  height:auto; padding-top:20px; padding-bottom:20px;font-family: '微软雅黑',宋体;font-size:24px;color:#000; text-align:center; text-decoration:none; font-weight:bold; line-height:30px;}
#conright2{ margin:0 auto; padding:0;width:96%; padding-left:2%; height:auto; padding-top:20px; padding-bottom:20px;font-family: '微软雅黑',宋体; font-size:16px;color:#666; text-align:left; font-weight:normal; text-decoration:none; line-height:30px;}

#conright2 a{ color:#000; line-height:30px;}
#conright2 a:hover{ color:#888;}

#conright2 img{ max-width:100%; height:auto;}
#conright2 table{ width:100%;}
#conright2 td{ border:1px solid #ccc; text-align:center;}


#conright21{ margin:0 auto; padding:0; width:45%; height:auto; float:left;font-family: '微软雅黑',宋体; font-size:16px;color:#666; text-align:left; font-weight:normal; text-decoration:none; line-height:30px;}
#conright22{ margin:0 auto; padding:0; width:52%; height:auto; float:right;font-family: '微软雅黑',宋体; font-size:16px;color:#666; text-align:left; font-weight:normal; text-decoration:none; line-height:30px;}



#conright3{ margin:0 auto; padding:0; width:96%; height:auto; padding-top:40px; padding-bottom:20px; border-bottom:1px dashed #888; padding-left:2%;font-family: '微软雅黑',宋体; font-size:14px;color:#000; text-align:left; text-decoration:none; line-height:30px;}


#contitle{ margin:0; padding:0; width:96%; padding:2%; border-bottom:1px dashed #e3e3e3; height:auto;font-family: '微软雅黑',宋体; font-size:11px;color:#666; text-align:left; text-decoration:none; line-height:40px;}
#contitle a{ font-family: '微软雅黑',宋体; font-size:11px;color:#666; text-align:left; text-decoration:none; line-height:40px;}
#contitle a:hover{ color:#026D38;}

#contitle1{ margin:0; padding:0; width:100%; height:auto; border-bottom:1px solid #f3f3f3;font-family: '微软雅黑',宋体; font-size:11px;color:#666; text-align:right; text-decoration:none; line-height:40px;}
#contitle1 a{ font-family: '微软雅黑',宋体; font-size:11px;color:#666; text-align:right; text-decoration:none; line-height:40px;}
#contitle1 a:hover{ color:#026D38;}

/*newslist*/
/*news style*/
.newsType a:link,.newsType a:visited{ color: #9a9a9a;}
.newsType a:active,.newsType a:hover{ color: #128adc;}
.newsType{ text-align: center; padding: 0px;}
.newsType a{ background: url(images/n_ico1.png) no-repeat scroll left center; padding-left: 30px; font-size: 16px; margin: 0px 25px;}
.newsType a.act{ background-image: url(images/n_ico2.png);}
.newsList a:link,.newsList a:visited{ color: #b0b0b0;}
.newsList a:active,.newsList a:hover{ color: #fff;}
.newsList{ width: 100%;}
.newsList li{ width: 96%; float: left; display: block; margin-left:2%;margin-right:2%; border-bottom:1px dashed #e3e3e3;}
.newItem{  background-color: #fff; transition: 300ms;}
.newItem a{ display: block; padding: 12px 20px; }
.newItem .time{ height: 20px; margin-bottom: 5px;}
.newItem .t{ font: 16px/1.5 "microsoft yahei"; color: #6e6e6e; height: auto; overflow: hidden; margin-bottom: 10px; line-height:30px;}
.newItem .t span{ font-size: 12px; color: #888;}
.newItem .img{ overflow: hidden; margin-bottom: 25px;}
.newItem .img img{ width: 100%; display: block;}
.newItem .c{ height: 42px; overflow: hidden; margin-bottom: 12px; line-height:18px;}
.newItem .more{ background-color: #c3c3c3; color: #f0f0f0; padding: 2px 10px;}
.newsList li:hover .newItem{ background-color: #ccc; }
.newsList li:hover .t{ color: #fff;}
.newsList li:hover .t span{ color: #fff;}
.newsList li:hover .more{ background-color: #fff; color: #128adc;}
 #info-frame .frame-title{ text-align: center;}
 .sharpBox{ background: url(../images/sharp.png) no-repeat; background-size: cover; width: 84px; height: 84px; display: block; margin: 0px auto 40px;}
 .sharpBox:hover{ background-image: url(../images/sharp2.png);}
 .viewMore{ background-color:#E6E6E6; height: 100px; text-align: center; font:16px/100px 'Microsoft YaHei'; color: #999; display: block; text-transform: uppercase; position: relative;}
.viewMore .i0{  width:100%;height: 100%; display: block; position: absolute; left: 0px; top: 0px; background: #E6E6E6; -webkit-transition: 0.6s; -moz-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s;}
.viewMore .i1{ position: relative; z-index: 1;}
.viewMore:hover{ color: #fff;}
.viewMore:hover .i0{ background:#128adc;}

.news_info {
	background:#fff;
	padding:40px;
	font-size:14px;
	line-height:30px;
}
.news_info h1.title {
	font-size:28px;
	color:#000;
	line-height:45px;
	margin-bottom:10px;
	text-align:center
}
.news_info img{ max-width: 100%; height: auto;}
.news_info .connei{ font-size:14px; line-height: 30px; }


.news_info h1 {
	font-size:28px;
	color:#000;
	line-height:45px;
	margin-bottom:10px;
	text-align:center
}

.newsvideo{margin:0 auto; padding: 0; width: 100%; max-width: 700px; height: auto; text-align: center; display: block;}
.newsvideovideo {max-width: 100%; height: auto; max-height: 100%; }
.wp-video-shortcode{ margin:0 auto; padding: 0; width: 100%; max-width: 700px; height: auto; text-align: center; display: block;}

.news_info .shuomin { margin: 10px auto; padding:5px 0; width: 100%; height: auto; border-bottom: 1px dashed #e3e3e3;
	font-size:20px;
	color:#000;
	line-height:45px;
	text-align:left
}
.news_info .shuocon { margin: 10px auto; padding:5px 0; width: 100%; height: auto; 
	font-size:14px;
	color:#666;
	line-height:25px;
	text-align:left
}

.news_info .shuocon h3{ margin: 10px auto; padding:5px 0; width: 100%; height: auto; border-bottom: 1px dashed #e3e3e3;
	font-size:20px;
	color:#000;
	line-height:45px;
	text-align:left
}

.news_info .shuocon td{ border: 1px solid #f3f3f3; padding: 5px 0;
	font-size:14px;
	color:#666;
	line-height:25px;
	text-align:center
}

.news_info .shuocon table tr:nth-child(odd){background:#F4F4F4;}
.news_info .shuocon table tr:nth-child(even){background:#fff;}
.news_info .shuocon table tr:nth-child(1){background:#00a1ff;color:#FFF;}

.news_info .shuocon table tr:nth-child(1) td{background:#00a1ff; color: #fff;}


.news_info .data {
	font-size:12px;
	color:#ccc;
	line-height:30px;
	margin-bottom:10px;
	text-align:center;
	border-bottom:1px solid #eee
}
.news_info .prev {
	width:100%;
	font-size:16px; padding: 5px 30px;
	border:1px solid #eee;
	margin-top:20px;
	background:url(../images/arrow_l.png) 3% center no-repeat;
	-webkit-transition:.3s all ease;
	-moz-transition:.3s all ease;
	-ms-transition:.3s all ease;
	-o-transition:.3s all ease;
	transition:.3s all ease;
	float:left
}
.news_info .prev a {
	
	color:#000
}
.news_info .prev:hover {
	background:#ea5504; color: #fff;
}
.news_info .prev:hover a {
	color:#fff
}
.news_info .next {
	width:100%;
	font-size:16px;padding: 5px 30px;
	border:1px solid #eee;
	margin-top:10px;
	background:url(../images/arrow_r.png) 97% center no-repeat;
	-webkit-transition:.3s all ease;
	-moz-transition:.3s all ease;
	-ms-transition:.3s all ease;
	-o-transition:.3s all ease;
	transition:.3s all ease;
	float:left;
	text-align:left
}
.news_info .next a {
		color:#ccc
}
.news_info .next:hover {
	background:#ea5504; color: #fff;
}
.news_info .next:hover a {
	color:#fff
}

.newswz{ margin:15px auto; padding: 0; width: 100%; height: auto;}
.newswz .title{ margin:0 auto; padding: 0; width: 100%; height: auto; border-bottom:2px solid #ea5504; font-size: 18px; font-weight: bold; text-align: left; padding-left: 30px;}
.newswz .title a{ font-size: 12px; font-weight: normal; text-align: left; color: #ea5504; }
.newswz .newswzlist{ margin:15px auto; padding: 0; width: 100%; height: auto;}
.newswz .newswzlist ul{ margin:0 auto; padding: 0; width: 100%; height: auto;}
.newswz .newswzlist ul li{ margin:0 auto; padding:5px 0; width: 100%; height: auto;font-size: 14px; border-bottom: 1px dashed #e3e3e3;font-weight: normal; text-align: left;  color: #000;}
.newswz .newswzlist ul li a{ font-size: 14px; font-weight: normal; text-align: left; padding-left: 30px; color: #000;}

.newswz .newswzlist ul li a span{  color: #888;}

.newspro{ margin:15px auto; padding: 0; width: 100%; height: auto;}
.newspro .title{ margin:0 auto; padding: 0; width: 100%; height: auto; border-bottom:2px solid #ea5504; font-size: 18px; font-weight: bold; text-align: left; padding-left: 30px;}
.newspro .title a{ font-size: 12px; font-weight: normal; text-align: left; color: #ea5504; }
.newspro .newsprolist{ margin:15px auto; padding: 0; width: 100%; height: auto;}
.newspro .newsprolist ul{ margin:0 auto; padding: 0; width: 100%; height: auto;}
.newspro .newsprolist ul li{ margin:0 auto; padding:5px 0; width: 31%; float: left; margin: 1%; height: auto;font-size: 14px; border-bottom: 1px dashed #e3e3e3;font-weight: normal; text-align: left;  color: #000;}
.newspro .newsprolist ul li img{ margin:0 auto; padding:0; width: 100%; height: auto;}


.newspro .newsprolist ul li a p{ font-size: 12px; font-weight: normal; text-align: center; padding-left: 30px; color: #000;}

.newspro .newsprolist ul li a span{  color: #888;}


.warranty-box { padding: 70px 0 80px; }
.warranty-box .warranty { width: 100%; max-width:  1200px; margin: 0 auto; }
.warranty-box .left-word { width: 30%; float: left; }
.warranty-box .left-word .content { padding-right: 80px; }
.warranty-box .left-word .t { font-size: 24px; color: #333; font-weight: normal; line-height: 1; margin-bottom: 60px; }
.warranty-box .left-word .c { text-align: justify; }

.warranty-box .left-img { width: 35%; float: left;  }
.warranty-box .left-img img{  max-width: 100%; height: auto;}

.warranty-box .hotline { float: right; width: 30%; background: -webkit-linear-gradient(#69afc7, #2c67a7); background: -o-linear-gradient(#69afc7, #2c67a7); background: -moz-linear-gradient(#69afc7, #2c67a7); background: linear-gradient(#69afc7, #2c67a7); color: #fff; line-height: 1; padding: 75px 0; }
.warranty-box .hotline .ico { display: block; width: 64px; height: 64px; background: url(images/hotline_ico.png) no-repeat scroll center center; margin: 0 auto; }
.warranty-box .hotline .phone { display: block; text-align: center; font-family: arial; font-size: 36px; margin: 25px 0 25px; }
.warranty-box .hotline .zh { display: block; text-align: center; }


.commitment-box { padding: 80px 0; background-color: #f4f4f4; }
.commitment-box .commitment { width: 100%; max-width:  1200px; margin: 0 auto; }
.commitment-box .t { font-size: 24px; color: #333; font-weight: normal; line-height: 1; margin-bottom: 60px; }
.commitment-box .list li { float: left; width: 33.33%; }
.commitment-box .list li:nth-child(3n+1) { clear: both; }
.commitment-box .list li:nth-child(3n+2) .con { border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding-left: 50px; padding-right: 50px; }
.commitment-box .list li:nth-child(3n) .con { padding-left: 50px; padding-right: 50px; }
.commitment-box .list li:nth-child(3n+1) .con { padding-right: 50px; }
.commitment-box .list li:nth-last-child(1) .con { border-bottom: 0; }
.commitment-box .list li:nth-last-child(2) .con { border-bottom: 0; }
.commitment-box .list li:nth-last-child(3) .con { border-bottom: 0; }
.commitment-box .list li:hover .tit:before { -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: shake 0.5s; animation: shake 0.5s; }
.commitment-box .list .tit { line-height: 1.3; font-size: 18px; color: #164e9f; padding-left: 60px; padding-top: 30px; padding-bottom: 5px; position: relative; margin-bottom: 20px; }
.commitment-box .list .tit.t1:before { background-image: url(images/commitment_ico_1.png); }
.commitment-box .list .tit.t2:before { background-image: url(images/commitment_ico_2.png); }
.commitment-box .list .tit.t3:before { background-image: url(images/commitment_ico_3.png); }
.commitment-box .list .tit.t4:before { background-image: url(images/commitment_ico_4.png); }
.commitment-box .list .tit.t5:before { background-image: url(images/commitment_ico_5.png); }
.commitment-box .list .tit.t6:before { background-image: url(images/commitment_ico_6.png); }
.commitment-box .list .tit.t7:before { background-image: url(images/commitment_ico_7.png); }
.commitment-box .list .tit.t8:before { background-image: url(images/commitment_ico_8.png); }
.commitment-box .list .tit.t9:before { background-image: url(images/commitment_ico_9.png); }
.commitment-box .list .tit.t10:before { background-image: url(images/commitment_ico_10.png); }
.commitment-box .list .tit:before { position: absolute; display: block; content: ""; display: block; width: 46px; height: 46px; background-position: center; background-repeat: no-repeat; background-attachment: scroll; left: 0; bottom: 2px; }
.commitment-box .list .con { padding: 20px 0 50px; border-bottom: 1px solid #ccc; }
.commitment-box .list .c { height: 130px; overflow: hidden; text-align: justify; }
.commitment-box .list .c1 { height: 240px; overflow: hidden; text-align: justify; }

/*contact*/


.comment-form-cookies-consent{ display:none;}
.contact-area .comment-reply-title{ display:none;}
.contact-area .comment-notes{ display:none;}
/* ============================================================== 
     # Contact  
=================================================================== */
.contact-area { margin:0 auto; padding: 30px 0; width: 100%; height: auto;}  
.contact-area .contact-items .left-item {
  padding-right: 35px;
}

.contact-area .contact-items .content {
  background: rgba(170, 192, 240, 0.070605);
  padding: 50px;
  border: 2px solid rgba(85, 121, 200, 0.2);
}

.contact-area .contact-items .content h2 {
  font-weight: 600;
  margin-bottom: 20px;
  text-transform: capitalize;
}

.contact-area .contact-items .content h2 strong {
  color: #183b8a;
  margin-top: 5px;
  font-weight: 600;
}

.contact-area .contact-items .content p {
  margin-bottom: 30px;
}

.contact-area .contact-items .right-item .title1{ margin: 10px; padding: 20px; border: 1px dashed #e3e3e3; width: 100%;height: auto;font-size: 30px; color: #183b8a; line-height: 40px; text-align: left;}
.contact-area .contact-items .right-item .item {
  display: flex;
  margin-bottom: 30px; margin-top: 20px;
  padding-bottom: 30px;
  border-bottom: 1px dashed #dddddd;
}

.contact-area .contact-items .right-item .item .ico { margin: 0 auto; padding: 0;  width:25%; height: auto; float: left;}
.contact-area .contact-items .right-item .item .info { margin: 0 auto; padding: 0;  width:70%; height: auto; float: left;}

.contact-area .contact-items .right-item .item h5 {
  font-weight: 600; 
}

.contact-area .contact-items .right-item .item:last-child {
  margin: 0;
  padding: 0;
  border: none;
}

.contact-area .contact-items .right-item .item p {
  margin: 0;
}

img.loader {
  margin-left: 5px;
}





/* 16. Breadcrumb */
.text-center{ text-align:center;}
.breadcrumb-content .title {
  color: #fff;
  font-size: 40px; padding-top: 120px;
  line-height: 50px;
  margin-bottom: 5px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .breadcrumb-content .title {
    font-size: 24px;
    line-height: 60px;
  }
}
@media (max-width: 767px) {
  .breadcrumb-content .title {
    font-size: 24px;
    line-height: 50px;
  }
	
.breadcrumb-content .title {
  color: #fff;
  font-size: 24px; padding-top: 40px;
  line-height: 30px;
  margin-bottom: 5px;
}
}
.breadcrumb-content ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.breadcrumb-content ul li {
  display: inline-block;
  text-transform: capitalize;
  color: #fff;
  font-weight: normal;
  font-size: 14px;
  line-height: 26px;
}
.breadcrumb-content ul li:after {
  content: ">>";
  font-family: "Font Awesome 5 Pro";
  margin-left: 15px;
  margin-right: 15px;
  font-weight: 400;
}
.breadcrumb-content ul li:last-child:after {
  display: none;
}
.breadcrumb-content ul li a {
  display: inline-block;
  color: rgba(255, 255, 255, 0.4);
}
.breadcrumb-content ul li a:hover {
  color: #ff5e10;
}



.contactnei{ margin:0 auto; padding:40px 0; width: 100%; height: auto;  }

.contactleft{ margin:0 auto; padding: 0;width: 40%; height: auto; float: left;}
.contactleft .title{ margin:10px auto; padding:5px 0;width: 100%; border-bottom: 1px dashed #e3e3e3;height: auto; float: left; font-size: 24px; line-height: 30px; text-align: left; color: #000;}

.contactleft .con{ margin:0 auto; padding:20px 0;width: 100%; height: auto;font-size: 15px; line-height: 30px; text-align: left; color: #666;}



.contactright{ margin:0 auto; padding: 0;width: 56%; height: auto; float: right;}

.ditu{ margin:0 auto; padding:40px 0; width: 100%; height: auto; background: #fff;}
.mapBox{  width: 100%; height: 400px; border: 4px solid #fff;}


#contentc1{margin-bottom:10px; width:100%;}
#contentc1 .title{width:176px; border:1px solid #b1c1e2; border-bottom:0; font-weight:bold; background:#ecedf8; text-align:center; position:relative; bottom:-1px; line-height:2em; z-index:9;}
#contentc1 .main{border:1px solid #b1c1e2; background:#ecedf8; position:relative;}

#contentc1 form{margin:8px; background:#fff; padding:10px 0;}
#contentc1 ul{ height:auto; width: 100%;padding:30px;}
#contentc1 ul li{ height:auto; width: 100%; font-family:"微软雅黑","宋体"; font-size:14px; padding:10px;}
#contentc1 ul li span{ width: 100%; height: auto;font-family:"微软雅黑","宋体"; font-size:14px; }
#contentc1 ul li input{width: 100%; height: auto; font-size: 14px;
	height: 30px;
	line-height: 30px;
	padding: 0;
	background-color: #fff;
	border: 1px solid #dbdbdb;
	}
#contentc1 ul li textarea{ font-size: 14px;width: 100%; height: auto;
	height: 80px;
	line-height: 30px;
	padding: 0;
	background-color: #fff;
	border: 1px solid #dbdbdb;
	}

#contentc1 .btn{
	border: none;
	width: 130px;
	height: 45px;
	background-color: #ea5504; border-radius: 22px;
	line-height: 45px;
	text-align: center;
	color: #fff;
	font-size: 18px;
	font-family:"微软雅黑","宋体";
}
#contentc1 .btn:hover{	
	background-color: #00418a;
}


#contentc1 .tip{font-size:12px; color:#666;}


.tex{
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	padding: 0;
	background-color: #fff;
	border: 1px solid #dbdbdb;
	width: 250px;
}
.tex1{
	font-size: 14px;
	height: 100px;
	line-height: 30px;
	padding: 0;
	background-color: #fff;
	border: 1px solid #dbdbdb;
	width: 250px;
}
.code{
	border: none;
	width: 130px;
	height: 45px;
	background-color: #2FA69D;
	line-height: 45px;
	text-align: center;
	color: #fff;
	font-size: 18px;
	font-family:"微软雅黑","宋体";
}


/*rencai*/
.character-box{ padding: 80px 0 45px; background: #f5f5f5;}
.characterimg{ float: right; width: 40.37%; line-height: 1;}
.characterimg img{ display: block; width: 100%; height: auto; line-height: 0;}
.charctele{ float: left; width: 54.62%; float: left; padding-top: 68px;}
.charctele h3{ color: #000000; font-size: 28px; font-weight: bold; line-height: 1.2; margin-bottom: 30px;}
.charctele p{ color: #646464; font-size: 14px; line-height: 2;}
.resources-box{ background: #f5f5f5;}
.rescourceimg img{ display: block; width: 100%; height: auto; line-height: 1;}
.resource{ padding: 70px 0 46px;}
.resoucetop{ margin-bottom: 2px; background:#e3e3e3; padding:20px 0;}
.resoucetop span{ display: block; float: left; line-height: 1; color: #009de4; font-size: 16px; font-weight: bold;}
.resoucetop span.span1{ padding-left: 23px; width: 610px;}
.resoucetop span.span3{ float: right; margin-right: 28px;}

.resoucein{ margin-bottom: 1px;}
.resces{ cursor: pointer; background: #fff; transition: 0.5s;}
.resces:hover{ background: #d2d2d2;}
.resces:hover b:before,.resces:hover b:after{ background: #fff;}
.resces span{ display: block; float: left; transition: 0.4s; padding-left: 46px; height: 80px; line-height: 80px; color: #000000; font-size: 16px; position: relative; width: 588px;} 
.resces span:before{ content: ""; width: 7px; height: 7px; background: #a0a0a0; position: absolute; left: 25px; top: 50%; margin-top: -3px; transition: 0.4s;} 
.resces time{ display: block; float: left; line-height: 80px; color: #000000; font-size: 14px; font-family: "Arial"; transition: 0.4s;}
.resces b{ display: block; float: right; width: 20px; height: 20px; margin-top: 30px; margin-right: 32px; position: relative;}
.resces b:before{ content: ""; width: 100%; height: 4px; background: #dcdcdc; position: absolute; right: 0; top: 8px; transition: 0.35s;}
.resces b:after{ content: ""; width: 4px; height: 100%; background: #dcdcdc; position: absolute; top: 0; left: 8px; transition: 0.35s;}

.resces.on{ background: #00a0e9;}
.resces.on span{ color: #fff;}
.resces.on span:before{ background: #fff;}
.resces.on time{ color: #fff;}
.resces.on b:before{ background: #fff;}
.resces.on b:after{ background: #fff; transform: translateY(12px); -webkit-transform: translateY(12px); -moz-transform: translateY(12px); opacity: 0; visibility: hidden;}
.recerdown{ display: none;}
.recewr{ background: #fff; padding: 24px 44px 27px;}
.recewr h3{ line-height: 1; color: #000000; font-size: 16px; font-weight: normal; margin-bottom: 16px;}
.recewr p{ color: #646464; font-size: 14px; line-height: 2;}
.rclose{ background: #eeeeee; text-align: center; cursor: pointer;}
.rclose span{ display: inline-block; height: 43px; line-height: 43px; color: #000000; font-size: 12px;}

/*分页*/



.badoo{padding:10px 0px;font-size:13px;color:#666;background-color:#fff;text-align:center;
}
.badoo ul{
	float:left;
	padding:12px 0px 12px 16px;
}
.badoo ul li{
	float:left;
	font-family:Tahoma;
	line-height:24px;
	margin-right:6px;
	border:1px solid #E9E9E9;
}
.badoo ul li a{
	float:left;
	padding:2px 8px;
	color:#555;
	display:block;
}
.badoo ul li a:hover{
	background-color:#ff5a00; color: #fff;
	text-decoration:none;
	padding:2px 8px;
}
.badoo ul li.thisclass,
.badoo ul li.thisclass a,.pagebox ul li.thisclass a:hover{
	background-color:#ff5a00; color: #fff;
	padding:2px 8px;
	font-weight:bold;
}
.badoo .pageinfo{
	line-height:21px;
	padding:12px 10px 12px 16px;
	color:#999;
}
.badoo .pageinfo strong{
	color:#555;
	font-weight:normal;
	margin:0px 2px;
}




.list_page {
	border-left:1px solid #d8d8d8;
	text-align:center;
	font-size:0;
	line-height:0;
	display:inline-block;
*display:inline;
	vertical-align:middle;
}
.list_page li{
	float:left; 
}

.list_page .next_page, .list_page .disabled, .list_page .current, .list_page a, .list_page .gap {
	padding:0 30px;
	border:1px solid #d8d8d8;
	border-left:0;
	display:inline-block;
	height:40px;
	line-height:40px;
	color:#666;
	float:left;
	background-color:#f0f0f0
}
.list_page .current, .list_page a, .list_page .gap {
	width:60px;
	padding:0;
	height:40px;
	display:inline-block
}
.list_page .current {
	color:#fff;
	background-color:#40A9D0
}
.list_page .disabled {
	color:#b4b4b4
}
.list_page .next_page {
	width:auto
}
.page_div {
	height:42px;
	margin:0 auto 20px;
*margin:20px 0;
	padding:25px 0 28px 0;
	display:none
}
.list_page a{
	margin-left:10px;
}
.list_page a:hover {
	background-color:#fff
}
a.prev_page {
	padding:0 30px;
	width:auto
}
.page_div .picnext {
	width:225px;
	height:95px;
	display:none;
	background:url(../images/paging_icon1.png) no-repeat 0 -7px;
	vertical-align:top;
	margin:-22px 0 0 20px
}
.list_page span {
	display:inline-block;
	vertical-align:top;
	margin:0;
	padding:0
}
.list_page .next_page, .list_page .disabled, .list_page .current, .list_page a, .list_page .gap {
	float:none;
	font-size:14px;
	line-height:40px;
	font-weight:bold;
	float:left;
	display:inline-block;
	vertical-align:top;
	margin:0;
	padding:0
}

.hongdi{ margin:0 auto; padding: 0; width: 500px; height: 200px; background-color: rgba(234,85,4,.87); }

#key{margin:0 auto; padding:10px 0; width: 100%; height: auto; background: #01a1ff;font-weight:normal;color:#fff; line-height: 25px; text-align: left;}
#key a{font-weight:normal;color:#fff; line-height: 25px;}

#site{ margin:0 auto; padding:20px 0; width: 100%; height: auto; background: #222c3a; border-top:1px solid #fff;}
#site1{ margin:0 auto; padding:20px 0; width: 30%; height: auto; float: left; border-right:1px solid #404d5f;}
#site11{ margin:0 auto; padding:0; width: 100%; height: auto; float: left;}
#site11 img{ max-width: 100%; height: auto;}
#site12{ margin:0 auto; padding:10px 0; width: 100%; height: auto; float: left;font-weight:normal;color:#bababa; line-height: 25px; text-align: left; font-size: 12px;}
#sitea13{ margin:0 auto; padding:10px 0; width: 100%; height: auto; float: left;font-weight:normal;color:#bababa; line-height: 25px; text-align: left; font-size: 24px;}

#sitea1{ margin:0 auto; padding:20px 2%; width: 22%; height: auto; float: left; }

#site2{ margin:0 3%; padding:20px 0; width: 60%; height: auto; float: right;}
#site2 ul{ margin:0 auto; padding:10px; width: 100%; height: auto; float: left;}
#site2 ul li{ margin:0 auto; padding:0; width: 31%; height: auto; float: left;}
#site2 ul li a{ margin:0 auto; padding:0; width: 100%; height: auto; float: left;font-weight:normal;color:#fff; line-height: 25px; text-align: left; font-size: 14px;}
#site2 ul li a:hover{ color:#f3f3f3; }

#site2 ul li ul{ margin:0 auto; padding:10px 0; width: 100%; height: auto; float: left;}
#site2 ul li ul li{ margin:0 auto; padding:0; width: 100%; height: auto; float: left;}
#site2 ul li ul li a{ margin:0 auto; padding:0; width: 100%; height: auto; float: left;font-weight:normal;color:#bababa; line-height: 25px; text-align: left; font-size: 12px;}
#site2 ul li ul li a:hover{ color:#f3f3f3; }


#site3{ margin:0 auto; padding:20px 0; width: 8%; height: auto; float: right;}
#site31{ margin:0 auto; padding:0; width: 100%; height: auto; float: left; text-align: right;}
#site31 img{ max-width: 100%; height: auto;}

#foot{margin:0 auto; padding:5px 0; width: 100%; height: auto; background: #202123; border-top:1px solid #727272;}
#footleft{margin:0 auto; padding:5px 0; width: 70%; height: auto;  float: left;font-weight:normal;color:#fff; line-height: 25px; text-align: left; font-size: 14px;}
#footleft a{font-weight:normal;color:#fff; line-height: 25px; text-align: left; font-size: 14px;}
#footright{margin:0 auto; padding:5px 0; width: 20%; height: auto;  float: right;font-weight:normal;color:#fff; line-height: 25px; text-align: left; font-size: 14px;}
#footright a{font-weight:normal;color:#fff; line-height: 25px; text-align: left; font-size: 14px;}


/*==================== Click Top ====================*/
.scroll-top {
  position: fixed;
  bottom: 50px;
  right: 50px;
  z-index: 99;
  text-align: center;
  font-size: 18px;
  display: inline-block;
  padding: 0;
  line-height: 1;
  width: 60px;
  height: 60px;
  border: 0;
  -webkit-animation: jump 3.5s linear infinite;
  animation: jump 3.5s linear infinite;
  cursor: pointer;
  border-radius: 5px;
  background-color: white;
  box-shadow: 0px 10px 32px 0px rgba(197, 197, 197, 0.4);
  color: #221f3c;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s; }

.scroll-top:hover {
  background: #221f3c;
  color: #fff; }

@media screen and (max-width: 1024px){
.nav>ul>li>.sub-menu.zxde .w>li .sub-menu-san{ z-index:115 !important}
ul.sub-menu,div.nav{
    transition: all 0.4s;
    -ms-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
}
ul.sub-menu.left,div.nav.left{ left:0 !important;}
.news-nr li .bt {

    font-size: 16px;}
.w,.home-case .case-left .nr,.home-case .case-right .web-sekuai.sekuai {
    width: auto; margin:0 15px;
}	
.navbar {
    display: block;
    float: right;
    padding-top: 6px;
    margin-top: 13px;
    padding-bottom: 6px;
    width: 30px;
}
.navbar span {
    height: 2px;
    width: 100%;
    display: block;
    margin-bottom: 6px;
    background: #999;
}
#gbbj {
    position: fixed;
    background-color: rgba(45, 45, 45, 0.72);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 109;
} 
.nav>ul>li>.sub-menu.zxde .w{ margin:0}
.nav, .nav>ul>li>ul.sub-menu,.nav>ul>li>.sub-menu.hxde,.nav>ul>li>.sub-menu.zxde .w>li .sub-menu-san{
    position: fixed; background:none; text-align:left;
    left: -210px;
    z-index: 110;
    display: block;
    opacity: 1;
    min-width: inherit;
    border: none;
    margin: 0; margin-left:0 !important;
    top: 0;
    width: 210px;
    height: 100%;padding: 15px 0;
    background-color:rgba(0, 162, 255, 0.8);
}
.nav>ul>li>.sub-menu.xsx .wlpyi{ right:0}
.nav>ul>li>ul.sub-menu>li,.nav>ul>li,.nav>ul>li>.sub-menu.hxde li,.nav>ul>li>.sub-menu.zxde .w>li,.nav>ul>li>.sub-menu.zxde .w>li .sub-menu-san li{margin: 0 10px;    display: block; border:none; padding:0;
    min-height: inherit;
    float: none;}
.nav ul li a,.nav>ul>li>.sub-menu li a,.nav>ul>li>.sub-menu.hxde li a,.nav>ul>li>.sub-menu.zxde .w>li>a,.nav>ul>li>.sub-menu.zxde .w>li .sub-menu-san li a{
    color: #FFF; margin:0;
    display: block;
    border-bottom: 1px solid #E0E0E0;
    line-height: 14px;    font-size: 13px; padding:0;padding-bottom:10px; margin-bottom:10px; height:auto; 
    border-radius: 0px 0px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
	    background: none;
}
.search{ display:none}
.navxiala {
    margin-right: 25px;
}
.logo {
    padding: 15px 0;
}
.header_zhan{ height:55px;}
.logo img{ height:25px;}
.navxiala .qiehuan{
    height: 56px;
    line-height: 60px;
}

	
}

@media screen and (max-width: 810px){
	
 }
@media screen and (max-width: 768px){


.yin_t:before{content: "";width: 28px;height: 1px;background: #000;position: absolute;top: 24px;left: 16%;}
.yin_t:after{content: "";width: 28px;height: 1px;background: #000;position: absolute;top: 24px;right: 16%;}
.yin_t a{color: #333;}
.yin_t span{display: block;font-size: 20px;font-weight: normal; color: #888;}	
	.news_info img{ width:90% !important;
		height:auto !important;}
.cpmstxt88 img{ width:90% !important;
		height:auto !important;}
 }

 @media screen and (max-width: 640px){
#site1{ margin:0 auto; padding:10px 2%; width: 96%; height: auto; float: left;} 
#site2{ display: none;} 
#site3{ margin:0 auto; padding:10px 2%; width: 96%; height: auto; float: left;} 
	 
#footleft{margin:0 auto; padding:10px 2%; width: 96%; height: auto; float: left;} 
#footright{margin:0 auto; padding:10px 2%; width: 96%; height: auto; float: left;} 
	.container{ width:100; padding: 0 3%;}
.promelt1 .left{ width: 100%;}

.promelt1 .left .title2{ font-size: 28px; }

.promelt1 .right{  width: 100%; padding-top: 40px; }

.promelt2 .title1{  font-size: 24px;  line-height: 30px;}

.promelt2 .piclist ul li{ margin:0 auto; padding:0; width: 96%; height: auto; float: left; margin: 2%;}
.promelt3{ padding:30px 0; }
.promelt3 .title1{ font-size: 24px; line-height: 30px;}
.promelt3 .pic{  max-width: 600px; }
.promelt3 .pic1{ max-width: 600px; text-align: center;}

.promelt4{ padding:20px 0;}
.promelt4 .title1{ font-size: 24px; line-height: 30px;}
.promelt4 .left{  width: 100%; height: auto; float: left;}

.promelt4 .left .title3{ font-size: 24px;line-height: 30px;}


.promelt4 .right{width: 100%; padding-top: 30px;}

.biaoge td{  padding: 5px 5px; line-height: 18px; font-size: 12px; text-align: center; vertical-align: middle;}


.promelt5{ margin:0 auto; padding:40px 0; width: 100%; height: auto;}
.promelt5 .title1{ margin:0 auto; padding:8px 0; width: 100%; height: auto; float: left; font-size: 30px; color: #005ea5; font-weight: 800; text-align: center; line-height: 40px;}
.promelt5 .video{ margin:0 auto; padding:8px 0; width: 100%; height: auto; max-width: 600px; }
.promelt5 .video video{ max-width: 100%; height: auto;}


.promelt6 .right{ margin:0 auto; padding: 0; width: 100%; height: auto; float: left;}

.promelt6 .right .title3{font-size:24px; line-height: 34px;}
.promelt6 .right .title4 ul li{ margin:10px 1%; padding:2%; width: 98%; float: left;height: auto; background: #005ea5; min-height: 80px; }
.promelt6 .right .title4 ul li .tt{ margin:0; padding:0; width: 100; height: auto; font-size: 18px; color: #fff; font-weight: 600;text-align: center; line-height: 30px;}
.promelt6 .right .title4 ul li .tt1{ margin:0; padding:10px 0; width: 100; height: auto; font-size: 14px; color: #fff;text-align: left; font-weight: normal;line-height: 20px;}


.promelt6 .left{ padding-top: 10px; height: auto;width: 100%; }
.promelt6 .left img{ width: 100%; height: auto;}	
	
.neibanner1{ margin: 0 auto; padding: 0; width: 100%; height:100px ; background: url( image/conban1.jpg) no-repeat top center;}
.neibanner2{ margin: 0 auto; padding: 0; width: 100%; height:100px ; background: url( image/conban2.jpg) no-repeat top center;}
.neibanner3{ margin: 0 auto; padding: 0; width: 100%; height:100px ; background: url( image/conban3.jpg) no-repeat top center;}
.neibanner4{ margin: 0 auto; padding: 0; width: 100%; height:100px ; background: url( image/conban4.jpg) no-repeat top center;}
.neibanner5{ margin: 0 auto; padding: 0; width: 100%; height:100px ; background: url( image/conban5.jpg) no-repeat top center;}
.neibanner6{ margin: 0 auto; padding: 0; width: 100%; height:100px ; background: url( image/conban6.jpg) no-repeat top center;}
.neibanner7{ margin: 0 auto; padding: 0; width: 100%; height:100px ; background: url( image/conban7.jpg) no-repeat top center;}	
	
.prolistt ul li{ width:50%; height: 41px; margin:0 auto; padding: 0; background: #00418a; float: left; border-right:1px dashed #ccc;border-bottom:1px dashed #ccc; text-align: center; color: #fff; font-size: 16px; font-weight: bold; line-height: 40px;}	 
	 
.prolistnew ul li{ width:48%; height: auto; margin:0 auto; padding: 0; background: #f3f3f3; float: left; margin: 1%;}	 
.prolistnew ul li .txt{font-size: 12px; font-weight: bold; line-height: 40px;}	
	 
	 
.contact-area { margin:0 auto; padding: 20px 0; width: 100%; height: auto;}  
.contact-area .contact-items .left-item {
  padding-right: 0;
}

.contact-area .contact-items .content {
  background: rgba(170, 192, 240, 0.070605);
  padding: 20px;
  border: 2px solid rgba(85, 121, 200, 0.2);
}

.contact-area .contact-items .content h2 {
  font-weight: 600;
  margin-bottom: 20px;
  text-transform: capitalize;
}	 
	 
	 
	 
 }
 
@media screen and (max-width: 480px){

.logo img {
    height: 17px;
}
.logo {
    padding: 18px 0;
}
	.news_info img{ width:100% !important;
		height:auto !important;}
.cpmstxt88 img{ width:100% !important;
		height:auto !important;}
}
@media screen and (max-width: 400px){
 
}


.jdcfont { padding-top: 10px; font-family: jdcfont!important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: .2px; -moz-osx-font-smoothing: grayscale }


.jdc-side { display: block; position: fixed; right: 20px; bottom: 20px; z-index: 300; width: 60px }
.mod_hang_qrcode { position: relative }
.mod-qr-tips { height: 70px; background: url(images/qrtips.png) center no-repeat; background-size: 100% }
.mod_hang_qrcode_show { display: none; position: absolute; right: 70px; top: -65px; width: 138px; min-height: 126px; border: 0 none; background: #fff; -webkit-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); -moz-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); box-shadow: 0 0 10px 0 rgba(20,34,67,.1) }
.mod_hang_qrcode_show p { margin-top: 5px; line-height: 16px; color: #666; font-size: 12px; text-align: center }
.mod_hang_qrcode_show_bg { width: 124px; height: 124px; margin: 8px auto 0; background-position: 0 0; background-repeat: no-repeat; -moz-background-size: 124px auto; background-size: 124px auto; background-image: url(../images/qrcode.png) }
.jdc_hang_qrcode .mod_hang_qrcode_show_bg { background-image: url(images/qrcode.jpg) }

#canvas{ width:100%; height: 50px; text-align: center; margin: 5px auto; padding: 10px 0;}
.mod_hang_qrcode_show1 { display: none; position: absolute; right: 60px; top: 0; width: 138px; min-height: 50px; border: 0 none; background: #00418a; -webkit-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); -moz-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); box-shadow: 0 0 10px 0 rgba(20,34,67,.1) }
.mod_hang_qrcode:hover .mod_hang_qrcode_show1 { display: block }

.jdc_hang_qrcode p { padding-bottom: 5px }
.mod_hang_qrcode_btn { display: block; width: 60px; height: 60px;  color: #0989c5; font-size: 40px; cursor: pointer; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; transition: all .25s ease }
.mod_hang_top { display: block; width: 60px; height: 60px; margin: 5px 0 0; text-align: center; cursor: pointer; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; transition: all .25s ease; background-color: transparent }
.mod_hang_qrcode:hover .mod_hang_qrcode_show { display: block }
.mod_hang_qrcode_btn { position: relative; margin-top: 5px; text-align: center; background-color: transparent; -webkit-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); -moz-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); box-shadow: 0 0 10px 0 rgba(20,34,67,.1) }
.mod_hang_qrcode_btn span { display: none; position: absolute; top: 25px; left: 25px; width: 30px; line-height: 15px; font-size: 12px; text-align: center }
.mod_hang_qrcode_btn:hover { color: #fff }
.mod_hang_top { -webkit-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); -moz-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); box-shadow: 0 0 10px 0 rgba(20,34,67,.1) }
.mod_hang_top .mod_hang_qrcode_btn { background: 0 0; margin: 0 }
.mod_hang_appeal_btn { display: block; width: 60px; height: 60px; color: #0989c5; text-align: center; font-size: 20px; cursor: pointer; -webkit-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); -moz-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); box-shadow: 0 0 10px 0 rgba(20,34,67,.1) ;}

.mod_hang_appeal:hover .mod_hang_appeal_show{ display:block;opacity: 1;}


.mod_hang_appeal_btn i, .mod_hang_qrcode_btn i { display: inline-block; width: 60px; height: 60px; line-height: 60px; font-size: 40px; color: #0989c5; background-color: #fff }
.mod_hang_appeal_btn span { display: none; position: absolute; top: 25px; left: 25px; width: 30px; line-height: 15px; font-size: 12px; text-align: center }
.mod_hang_appeal.show .mod_hang_appeal_show { display: block }
.mod_hang_appeal_show { opacity: 0; z-index:-9; right:-500px; position: absolute; right: 70px; bottom: 140px; background: #fff; -webkit-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); -moz-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); box-shadow: 0 0 10px 0 rgba(20,34,67,.1); width: 300px }
.mod_hang_appeal_show li {
*zoom:1; cursor: pointer }
.mod_hang_appeal_show li:hover { background: #f3f5fb }
.mod_hang_appeal_show li:after, .mod_hang_appeal_show li:before { content: ""; display: block; clear: both; height: 0; line-height: 0; visibility: hidden }
.mod_hang_appeal_show .icon_box, .mod_hang_appeal_show .text_box { float: left; width: 215px; height: 90px; cursor: pointer;border-bottom: 1px dashed #e3e3e3; }
.mod_hang_appeal_show .icon_box { width: 78px; line-height: 90px; text-align: center;  }
.mod_hang_appeal_show .icon_box i { color: #0989c5; font-size: 30px }
.mod_hang_appeal_show .text_box h5 { margin-top: 10px; font-size: 16px; color: #03004c; line-height: 24px; cursor: pointer; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }
.mod_hang_appeal_show .text_box p { margin-top: 10px; max-height: 36px; overflow: hidden; line-height: 20px; font-size: 18px; color: #666; cursor: pointer }
.jdc_feedback_qrcode .mod_hang_qrcode_btn { margin-bottom: 5px }
.jdc_feedback_qrcode .mod_hang_qrcode_show { min-height: 126px }
.jdc_feedback_qrcode .mod_hang_qrcode_show p { padding-bottom: 5px }
.jdc_feedback_qrcode .mod_hang_qrcode_show_bg { margin-top: 0; background-image: none }
@media (max-width:768px) {
.jdc-rwd .jdc-side { display: none!important }
	.jdc-side { display: none; }
}

.jdc-lang-en .jdc_hang_qrcode .mod_hang_qrcode_show_bg { background-image: url(images/qrcode-en.jpg) }
.jdc-lang-en .mod-qr-tips { position: relative }
.jdc-lang-en .mod-qr-tips:after { content: "Search"; position: absolute; left: 41px; top: 8px; width: 85px; height: 30px; line-height: 30px; background: #fff; color: #666; font-size: 16px }