@charset "utf-8";
/* CSS Document */
body
{font-family: "思源黑体 CN", "微软雅黑", SimHei, sans-serif;
margin:0;padding:0;outline:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
/*@font-face{
    font-family:'FuturaLL';
    src:url('../fonts/Futura LT Light.otf');
}*/
ol,ul,li{list-style:none; padding:0;}
p{ margin:0;}
a{color:#333;text-decoration:none;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0;display:inline-block;vertical-align:middle;}
.vcenter {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  display: block;
  vertical-align: middle;
  margin: auto;
}
.pic {
  position: relative;
  overflow: hidden;
}
.pic:after {
  content: "";
  display: block;
}
/*修改滚动条*/

::-webkit-scrollbar{
    width:6px;
    height:6px ;
}
::-webkit-scrollbar-track{
    box-shadow: inset 0 0 6px transparent;
    background: #f8f8f8;
    border-radius: 6px;
}
::-webkit-scrollbar-thumb{
    border-radius: 6px;
    background: #bbb;
}


/* --Public-- */
.hidden{overflow:hidden;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.clearfix:after{content:".";visibility:hidden;display:block;height:0;clear:both;}
.center{text-align:center;}
.valign-middle{display:table-cell;vertical-align:middle;}
/* --pub-- */
.pub{width:85%;margin:auto; max-width:1600px !important;}
.pub1{width:80%;margin:auto; max-width:1400px !important;}

/* --header-- */

.top_bj{ width:100%; height:auto; position:relative;}
.header_bg{width:100%;height:110px;-webkit-transition:all 0.4s;transition:all 0.4s;}
.header{ width:80%;height:auto;margin:auto;position:relative;}
.header .logo{width:15%;height:auto;float:left; margin-top:30px;}
.header .logo img{ width:100%;}
.nava{width:56%;height:50px;float:right; margin-top:30px;position:relative;overflow:hidden; padding-left:0;}
.nava li{width:14.28%;height:50px;float:left;font-size:16px; color:#252525;line-height:50px;text-align:center;position:relative;overflow:hidden;cursor:pointer; text-align: center;}
.nava li span{width:0px;height:2px;background:#252525;position:absolute;left:50%;bottom:0;border-radius:2px;
-webkit-transition:all 0.4s;transition:all 0.4s;}
.nava li:hover span{width:60%;left:20%;}
.lang { float:right; color:#000; line-height:110px; font-size:16px; margin-left:80px; position:relative;}
.lang p{ float:right; margin:0;}
.lang .earth{ content:''; background-image:url(../Image/lang.png); background-repeat:no-repeat; background-size:100% 100%; position:absolute; top:40px; left:-40px; width:31px; height:31px; border-radius:50%; animation:rotate 1s infinite; -webkit-animation:rotate 1s infinite linear;}
@-webkit-keyframes rotate{
 0%{
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 }
 100%{
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
 }
}
@keyframes rotate{
 0%{
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 }
 100%{
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
 }
}



.swiper-banner{width:100%;height:810px;overflow:hidden;background:#fff;position:relative;z-index:99;}
.swiper-banner .swiper-slide{overflow:hidden;position:relative;}
.swiper-banner .swiper-slide .imgScale{width:100%;height:100%;display:block;background-repeat:no-repeat;background-position:center top;background-size:cover;}

.slide-inner{width:80%;height:100%;left:10%;top:0;z-index:99;position:absolute;}
.slide-inner .banner_img{
    position: absolute;
    z-index: 5;
    opacity: 0;
    transition: 1s;
    -moz-transition: 1s;
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
}
.swiper-banner .ani-slide .banner_img{
    opacity: 1;
    transform: translateY(0);
    -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
}
.banner1_1{width:50%;right:0%;top:35%;
    transform: translateY(200px);
    -ms-transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
}
.banner2_1{width:50%;left:0%;top:35%;
   transform: translateY(200px);
    -ms-transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
}
.banner3_1{width:50%;left:0%;top:35%;
    transform: translateY(200px);
    -ms-transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
}



/* --index-- */




.index1_bj{ width:100%; background:url(../Image/p1.jpg) bottom center no-repeat; overflow:hidden; padding-top:120px; padding-bottom:200px;}
.index1{ width:80%; max-width:1336px; height:auto; margin:0 auto;}
.index1_top_left{ width:45%; color:#000; font-size:16px;}
.index1_top_left p{ font-size:40px; color:#292929; font-weight:bold; margin-bottom:15px;}
.index1_top_left a{ color:#000; font-size:16px; display:block; margin-top:60px;}
.index1_search{ width:50%;}

.search_left{ float:left; line-height:64px; font-size:16px;}
.search_key{ margin-top:30px;}
.search_key a{ color:#363636; margin:10px;}
.search_main{ height:52px; position:relative; margin-top:17px; background:#00a8ff;}
.search-text{height:52px;width:80%; position:absolute; top:0; left:0px;color:#fff; font-size:16px;outline:none; background:none; padding-left:10px; border:none;}
.search-button{ width: 52px; height:52px; position:absolute; top:0px; right:0px; background:url(../Image/sear.png) center no-repeat; outline:none; border:none; font-size:0;}


.index1_pro .swiper-list{margin-top:50px;padding-bottom:50px;overflow:hidden;position:relative;}
.index1_pro .swiper-list .swiper-slide{position:relative;cursor:pointer;}
.index1_pro .swiper-list .swiper-slide .img{background:#FFF; border:1px solid #d2d2d2; position:relative;overflow:hidden;}
.index1_pro .swiper-list .swiper-slide .img img{width:100%;height:auto;display:block;margin:auto;-webkit-transition:all 0.4s;transition:all 0.4s;}
.index1_pro .swiper-list .swiper-slide:hover .img img{transform:scale(1.08);}
.index1_pro .swiper-list .swiper-slide .title{height:30px;overflow:hidden;font-size:16px;line-height:30px; color:#292929; text-align:center; margin-bottom:20px;}

.index1_pro_list{display:none;margin-top:20px;}
.index1_pro_list li{width:49%;float:left;margin-right:2%;margin-top:2%;position:relative;cursor:pointer;}
.index1_pro_list li:nth-child(2n){margin-right:0;}
.index1_pro_list li .img{margin:15px 0;position:relative;overflow:hidden;background:#FFF;border:1px solid #d2d2d2;}
.index1_pro_list li .img img{width:100%;height:auto;display:block;margin:auto;
-webkit-transition:all 0.4s;transition:all 0.4s;}
.index1_pro_list li:hover .img img{transform:scale(1.08);}
.index1_pro_list li .title{height:30px;overflow:hidden;font-size:16px;line-height:30px;}


.index1_bottom{ color:#4b4b4b; font-size:16px; line-height:30px; width:80%; text-align:center; margin:0 auto; margin-top:50px;}
.index1_bottom .index1_bottom_top{ font-size:40px; color:#292929; font-weight:bold; margin-bottom:30px;}

.index1_num{ margin-top:55px;}
.index1_num li{ float:left; width:25%; text-align:center; color:#3f4040; font-size:16px;}
.index1_num li p{ font-size:76px; color:#00a8ff; font-family: Roboto; }
.index1_num li p sub{ font-size:16px;}
.index1_more{ width:47px; height:47px; margin:30px auto;}





/*******************index2 end****************/


.index3{ margin-top:80px;}
.index3_top{ text-align:center; color:#4b4b4b; font-size:16px; margin-bottom:50px;}
.index3_top p{ font-size:40px; color:#292929; font-weight:bold;}
.index3_left{ width:70%; height:auto;}
.index3_left .index3_left_news1{background:url(../Image/index_news1.jpg) center no-repeat; background-size:cover; padding:50px 30px 37% 30px; }
.index3_left .index3_left_news1 .index3_time{font-size:16px; color:#fff;}
.index3_left .index3_left_news1 .index3_time span{ color:#ffd800;}
.index3_left .index3_left_news1 .index3_tit{ width:60%; font-size:24px; margin:10px 0; color:#fff;}
.index3_left .index3_left_news1 .index3_con{ width:60%; font-size:16px; color:#fff; line-height:25px;text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden; }
.index3_left li{ width:45%; float:left; margin:2% 0; border:1px solid #e2e2e2; padding:5% 2%;}
.index3_left li:nth-child(2){ float:right;}
.index3_left li .index3_time{font-size:16px; color:#4a4a4a;}
.index3_left li .index3_time span{ color:#0095eb;}
.index3_left li .index3_tit{ font-size:22px; margin:10px 0; color:#3b3b3b;}
.index3_left li .index3_con{ height:50px;text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden; font-size:16px; color:#575757; line-height:25px;}

.index3_right{ width:28%; height:auto;}
.index3_right li{ margin-bottom:4%;}
.index3_right li img{ width:100%;}
.index3_right li .index3_line{ border:1px solid #e2e2e2; padding:5% 30px;}
.index3_right li .index3_time{font-size:16px; color:#4a4a4a;}
.index3_right li .index3_time span{ color:#0095eb;}
.index3_right li .index3_tit{ font-size:22px; margin:10px 0; color:#3b3b3b;}


/****************************index3 end*******************/






.foot_bj{ width:100%; height:auto; background:#39434b; overflow:hidden; padding:4% 0 0 0;}
.foot ul{ padding:0;}
.foot_left{ width:25%; height:auto;}
.foot_logo{}
.foot_logo img{ width:100%; margin-bottom:10px;}
.foot_contact{ font-size:14px; color:#a0a8af; padding:0 0 10px 0; overflow:hidden; line-height:40px; margin-top:20px;}
.foot_contact li{ padding-left:30px; }
.foot_contact .p15{background:url(../Image/p15.png) left center no-repeat;}
.foot_contact .p16{background:url(../Image/p16.png) left center no-repeat;}
.foot_contact .p17{background:url(../Image/p17.png) left center no-repeat;}
.foot_contact .p18{background:url(../Image/p18.png) left center no-repeat;}

.cop img{ margin-top:20px;}
.foot_nav{ width:65%;}
.foot_nav li{ float:left; width:16.6%; font-size:15px; color:#a0a8af; line-height:30px;}
.foot_nav li a{ color:#a0a8af; display:block;}
.foot_nav li p{ margin-bottom:20px;}
.foot_nav li p a{ color:#ffffff; font-weight:bold; font-size:20px;}
.foot_bottom{ line-height:65px; text-align:center; color:#a0a8af; font-size:16px;}
.foot_bottom a{ color:#a0a8af; padding:0 5px;}





/****************************foot end****************************/



.inner_banner{text-align:right; color:#fff; font-size:24px; overflow:hidden; padding:14% 0;width:100%; }
.inner_banner .pub{ width:65%;}
.inner_banner p{ font-size:48px; font-weight:bold; margin-top:5%;}
.banner_honor{ width:100%; background:url(../Image/banner_news.jpg) top center no-repeat; background-size:cover;}
.banner_contact{ width:100%; background:url(../Image/banner_contact.jpg) top center no-repeat; background-size:cover;}
.banner_pro{ width:100%; background:url(../Image/banner_pro.jpg) top center no-repeat; background-size:cover;}
.banner_news{ width:100%; background:url(../Image/banner_news.jpg) top center no-repeat; background-size:cover;}
.banner_about{ width:100%;background:url(../Image/banner_about.jpg) top center no-repeat; background-size:cover;}
.banner_case{ width:100%;background:url(../Image/banner_case.jpg) top center no-repeat; background-size:cover;}



.crumbs_bj{ width:100%; position:absolute; z-index:999; bottom:-40px;}
.crumbs{ width:80%; margin:0 auto;}
.crumbs li{ width:18%; background:#fff; float:left; margin:0 1%; box-shadow:0 0 10px rgba(0,0,0,0.1); line-height:80px;}
.crumbs li p{ text-align:center; font-size:20px;}
.crumbs li:hover{ background:url(../Image/about_icon6.png) right center no-repeat #0095eb;}
.crumbs li:hover p{ color:#fff;}
.crumbs li.active{ background:url(../Image/about_icon6.png) right center no-repeat #0095eb;}
.crumbs li.active p{ color:#fff;}


.inner_about1{ margin:80px auto; background:#edf3f9;}
.inner_about_top{ margin-bottom:40px;}
.inner_about_top b{ font-size:36px; color:#1d1d1d;}
.inner_about_top p{ font-size:26px; color:#727272; margin:0; font-family:Roboto; text-transform:uppercase;}
.inner_about1_img{ width:32%; float:left;}
.inner_about1_img img{ width:100%;}
.inner_about1_con{ float:right; width:58%; padding:3%;}
.inner_about1_con p{ font-size:16px; color:#383838; line-height:25px;}
.inner_about1_con p b{ display:block; font-size:24px; color:#383838; margin-bottom:20px;}
.inner_about_content{ line-height:30px; color:#353535; font-size:18px; font-family:"微软雅黑"; margin-top:40px;}



/******************************about end************************/







.inner{ margin:80px auto; overflow:hidden;}

.inner_honor li{width:23%;float:left;margin:1%;background:#f4f5f6;position:relative;cursor:pointer; overflow:hidden;-webkit-transition:all 0.4s;transition:all 0.4s;}
.inner_honor li .img{position:relative;overflow:hidden; margin-top:20px;}
.inner_honor li .img img{max-width:100%;height:auto;display:block;margin:auto;
-webkit-transition:all 0.4s;transition:all 0.4s;}
.inner_honor li .title{ font-size:18px;line-height:30px; padding:20px 0; text-align:center; color:#2d2d2d;-webkit-transition:all 0.4s;transition:all 0.4s;}
.inner_honor li:hover{ background:#0095eb;}
.inner_honor li:hover .img img{transform:scale(1.08);}
.inner_honor li:hover .title{ color:#fff;}


/******************honor end******************/




.inner_pro_type{  width:20%; float:left;}

.inner_pro_type ul li{width: 99%; border:1px solid #023063; margin-bottom:10px;line-height: 30px;font-size  : 16px; padding:10px 0; text-align:center;
	border-bottom: 1px solid #023063;
	-webkit-transition: .3s ease;
	-moz-transition: .3s ease;
	-o-transition: .3s ease;
			transition: .3s ease;}
.inner_pro_type ul li a{ display:block;}
.inner_pro_type ul li:hover{ background:#023063; color:#fff;}
.inner_pro_type ul li:hover a{ color:#fff;}
.inner_pro_main{ width:75%; float:right;}
.inner_pro_main ul{ padding:0;}
.inner_pro_main .pro li{ float:left; width:31.3%; margin:1%; background:#fff;-webkit-transition:all 0.4s;transition:all 0.4s;}
.inner_pro_main .pro li .pro_con {line-height:30px; height:60px; overflow:hidden; margin-top:20px;}
.inner_pro_main .pro li .pro_con .pro_con_tit{ font-size:18px; color:#2d2d2d; font-weight:bold; overflow:hidden; float:left;}
.inner_pro_main .pro li .pro_con .pro_con_more{ color:#2d2d2d; font-size:15px; overflow:hidden; float:right;}
.inner_pro_main .pro li .pro_line{ width:100%; height:1px; background:#dadada; position:relative; margin:20px 0;}
.inner_pro_main .pro li .pro_line p{ width:6px; height:1px; background:#0095eb; margin:0;}
.inner_pro_main .pro li .img{-webkit-transition:all 0.4s;transition:all 0.4s; overflow:hidden;}
.inner_pro_main .pro li .img img{ width:100%;-webkit-transition:all 0.4s;transition:all 0.4s;}

.inner_pro_main .pro li:hover .img img{transform:scale(1.08);}




.pro_info{ width:75%; float:right;}
.proleft { width: 40%; float:left;}
.proleft .swiper-list{margin-top:50px;padding-bottom:50px;overflow:hidden;position:relative;}
.proleft .swiper-list .swiper-slide{padding:0 30px;background:#FFF;position:relative;cursor:pointer;}
.proleft .swiper-list .swiper-slide .img{margin:20px 0;position:relative;overflow:hidden;}
.proleft .swiper-list .swiper-slide .img img{width:100%;height:auto;display:block;margin:auto;
-webkit-transition:all 0.4s;transition:all 0.4s;}
.proleft .swiper-list .swiper-slide:hover .img img{transform:scale(1.08);}

.proleft .swiper-list .swiper-slide .line{width:100%;height:1px;display:block;background:#ddd;}

.gallery-top{width:100%;position:relative;}
.gallery-top .swiper-slide{width:100%;display:block;}
.gallery-top .swiper-slide img{width:100%;display:block;}
.gallery-top .swiper-button-prev{left:6px;}
.gallery-top .swiper-button-next{right:6px;}
.gallery-top .swiper-button-next, .gallery-top .swiper-button-prev{width:66px;height:66px;}


.product_img_right{width:100%;margin-top:40px;}
.gallery-thumbs{width:100%;padding-right:5px !important;padding-top:6px !important;margin-left:0 !important;}
.gallery-thumbs p{font-size:16px;color:#999;line-height:32px;margin-bottom:10px;}
.gallery-thumbs .swiper-slide{border:1px solid #eee;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.gallery-thumbs .swiper-slide img{width:100%;display:block;}
.gallery-thumbs .swiper-slide-thumb-active{opacity:1;border:2px solid #333;}
.gallery-thumbs .swiper-slide-thumb-active:before{
    content: '';
    display: block;
    width: 0;
    border: 6px solid transparent;
    border-bottom-color: #333;
    position: absolute;
    top: -13px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}


.proright { width: 55%; padding-bottom:20px; float:right; border-bottom:1px solid #dcdcdc; }
.proright h3{ border-bottom:1px solid #dcdcdc; color:#000000; font-size:24px; padding-bottom:20px; margin-bottom:20px; margin-top:0; font-weight: bold;}
.pro_des{ color:#666666; margin-bottom:50px; line-height:30px; margin-top:30px;}
.pro_des_tit{ position:relative; margin-bottom:40px;}
.pro_des_tit p{ font-size:24px; color:#000; font-weight:bold; margin:0; position: relative; z-index:9;}
.pro_des_tit .pro_line{ height:11px; background:#c9c9c9; position:absolute; width:106px; bottom:-1px;}

.pro_tel{ background:url(../Image/p14.jpg) left center no-repeat; font-size:16px; color:#666666; padding-left:50px; float:left;}
.pro_tel p{ font-size:24px; color:#0095eb; font-weight:bold; margin:0;}
.pro_contact{ background:#0095eb; width:188px; height:40px; line-height:40px; text-align:center; color:#fff; border-radius:5px; float:right;}
.pro_info_main{ margin-top:80px;}
.pro_info_top{ overflow:hidden; color:#282828; font-size:24px; font-weight: bold; margin-bottom:20px;}
.pro_info_top span{ border-left:4px solid #1043b0; padding-left:20px;}

.product_recommend{ margin:50px 0;}
.product_recommend ul{ margin-top:50px;}
.product_recommend li{ width:22%; float:left; margin:1.5%; background:#fff;}
.product_recommend li .img{ width:100%; margin:0 auto;}
.product_recommend li .img img{ width:100%;transition: all 0.5s ease-in-out 0s;}
.product_recommend li p{ text-align:center; line-height:30px; height:30px; overflow:hidden; border-top:1px solid #dcdcdc; color:#1f1f1f; font-weight:bold; padding-top:20px; width:80%; margin:0 auto; margin-top:30px;}
.product_recommend li:hover p{ color:#004a9a;}
.product_recommend li:hover img{transform: scale(1.1);}


.inner_content{ font-size:16px; line-height:30px;}
.inner_content p{ margin:0;}
.inner_content table{width:100% !important;height:auto;margin:10px 0; border-collapse:collapse; border:none;}
.inner_content table tr td{text-align: left;padding:20px;border:none;word-break:break-all;}
.inner_content table tr td p{ text-align:center;}

.inner_content table tr td img{ width:100%; }
.inner_content img{ width:100%;}

/*************************product end*************************/





.inner_news_status {height: 30px;line-height: 30px;font-size: 12px;color: #333;margin-top: 20px;padding-bottom: 10px; }
.inner_news_status span {padding-left: 20px; padding-right: 10px; line-height:30px;height:30px; display:block; float:left;}
.inner_news_status .newstime{ background:url(../Image/news2.png) left center no-repeat;}
.inner_news_status .click{ background:url(../Image/news3.png) left center no-repeat;}

.news ul li{width:30%;margin-right:1.5%; margin-left:1.5%;margin-top:4%;overflow:hidden;float:left;background:#FFF; box-shadow:0 0 10px rgba(0,0,0,0.2);}
.news ul li img{width:100%;
-webkit-transition:all 0.4s;transition:all 0.4s;}
.news ul li .news1_tit{ font-size:20px; color:#727272; height:30px; line-height:30px; overflow:hidden; margin-bottom:20px;}
.news ul li .news1_date{ color:#727272; font-size:18px;  line-height:30px; float:left; }
.news ul li .news1_more{ }
.news ul li .txt{padding:30px 30px 40px;-webkit-transition:all 0.4s;transition:all 0.4s; overflow:hidden;}
.news ul li:hover{color:#FFF;background:#0095eb;}
.news ul li:hover .news1_tit{ color:#fff;}
.news ul li:hover .news1_date{ color:#fff;}

.news ul li:hover img{
	transform: translateY(-28px);
    -ms-transform: translateY(-28px);
    -moz-transform: translateY(-28px);
    -webkit-transform: translateY(-28px);
    -o-transform: translateY(-28px);
}
.news ul li:hover .txt{
	transform: translateY(-28px);
    -ms-transform: translateY(-28px);
    -moz-transform: translateY(-28px);
    -webkit-transform: translateY(-28px);
    -o-transform: translateY(-28px);
}




.zxrz_l{ margin-top:60px;}
.newshow .newshowtit {
  text-align: center;
  border-bottom: 1px dotted #bfbebe; margin-bottom:20px;
}
.newshow .newshowtit h1 {
  font-size: 22px;
  color: #333;
}
.newshow .newshowtit .date {
  line-height: 30px;
  font-size: 12px;
  color: #999;
}
.newshow .newshowtxt p {
  margin-top: 25px;
  line-height: 25px;
}
.newshow .newshowimg {
  text-align: center;
  margin: 65px 0;
}

.inner_news_img img{ max-width:100%;}



/**************************news end**********************/


.case li{ width:49%; float:left; background:url(../Image/case2.png) right bottom no-repeat #f4f5f6; line-height:75px; height:75px; margin-bottom:20px; color:#242424; overflow:hidden;}
.case li:nth-child(2n){ float:right;}
.case li p{ background:url(../Image/case1.png) left 20px center no-repeat; padding-left:60px;height:75px; overflow:hidden;}
.case li:hover{ background:url(../Image/case2.png) right bottom no-repeat #0095eb; color:#fff;}
.case li:hover p{ background:url(../Image/case1-1.png) left 20px center no-repeat;}









.inner_contact_bj{ background:#f7f7f7; padding-bottom:80px;}
.inner_contact{ background:#fff;}
.contact_main{ width:40%; padding:5%; float:left;}
.contact_top{ font-size:15px; color:#6f6f6f;}
.contact_top p{ font-size:30px; font-weight:bold; color:#0095eb;}
.contact_top .contact_line{ width:13px; height:1px; background:#7f7f7f; margin:20px 0;}
.contact_main ul{ float:left; width:70%;}
.contact_main ul li{ color:#343434; line-height:30px; font-size:15px;}

.contact_main .cop{ float:right; width:25%; text-align:center;}
.contact_main .cop img{ width:95%; border:5px solid #0095eb;}

.contact-map{ width:50%; position:relative; float:right;}
#dituContent{ width:100%; height:437px;}

.inner_contact_right{ width:35%; float:right; margin-right:10%;height:830px;}
.inner_contact_top{ color:#1f1f1f; font-size:36px; font-weight:bold; border-bottom:1px solid #b8b8b8; margin-top:30px; }
.inner_contact_top p{ color:#0095eb; font-size:18px; text-transform:uppercase;}


.inner_contact_right ul{ padding:0;}
.inner_contact_right ul li{ border-bottom:1px solid #b8b8b8; font-size:16px; color:#636363; padding:20px 0 20px 60px;}

.inner_message{ overflow:hidden;}
.inner_message_left{ width:30%; float:left; font-size:16px; color:#878787;}
.inner_message_email{ border-bottom:1px solid #dedede; border-top:1px solid #dedede; font-size:16px; color:#727272; padding:10px 0; margin-top:30px;}
.inner_message_email b{ display:block; font-size:18px; color:#141414;}

.inner_message_main{ width:65%; float:right;}
.inner_message_main .input-group{ margin-bottom:10px; width:47%; margin-right:3%; float:left;}
.inner_message_main .input-group1{ width:97%; margin-bottom:10px;}
.inner_message_main .input-group1 input{ border:1px solid #e3e3e3;line-height:58px; color:#898989; outline:none; width:100%; background:#f5f6f7; padding-left:10px;}
.inner_message_main .input-group input{ border:1px solid #e3e3e3;line-height:58px; color:#898989; outline:none; width:100%; background:#f5f6f7; padding-left:10px;}
.inner_message_main #content{ width:100%; height:100px;}
.inner_message_main #captcha{ float:left; width:75%;}
.inner_message_main .verify{ width:90px; height:36px;}
.inner_message_main .verify img{ width:90px; height:36px; margin-top:10px;}
.inner_message_main #submit{ line-height:58px; height:58px; text-align:center; color:#fff; width:47%; margin-right:3%; background:#0095eb; float:right;}


/**************************contact end************************/

/* --翻页-- */
.txt-upDown{width:auto;height:auto;clear:both;font-size:14px;padding-top:20px;margin-top:40px;border-top:1px dashed rgb(230,230,230);}
.txt-upDown-li{width:50%;height:42px;line-height:42px;padding:0 5px;overflow:hidden;color:#666;display:block;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
-webkit-transition:all 0.3s;transition:all 0.3s;}
.txt-upDown-li .arrow{width:10%;height:42px;overflow:hidden;font-family:'宋体';font-weight:bold;}
.txt-upDown-li .title{width:90%;height:42px;overflow:hidden;color:#666;}
.txt-upDown-li:hover{color:#fff;background:#0095eb;padding:0 20px;cursor:pointer;}
.txt-upDown-li:hover .arrow{color:#fff;}
.txt-upDown-li:hover .title .page-a{color:#fff;}
.txt-upDown-li:hover .title a{color:#fff;}
.txt-upDown-li.txt-right{text-align:right;}

/* --分页-- */
.de-page-mian {
  overflow: hidden;
  text-align: center;
  font-size: 0;
  margin: 60px 0 35px;
}
.de-page-mian .page-inner {
  display: inline-block;
  overflow: hidden;
}
.de-page-mian .page-inner a {
  display: block;
  float: left;
  min-width: 26px;
  padding: 0 5px;
  height: 36px;
  border: 1px solid #dddddd;
  background: #fff;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
  color: #333;
  margin-right: -1px;
  overflow: hidden;
}
.de-page-mian .page-inner a.active,
.de-page-mian .page-inner a:hover {
  color: #fff;
  border-color: #0095eb;
  background: #0095eb;
}
.de-page-mian .page-inner a.prev {
  margin-right: 10px;
  background: #fff url(../Image/prev.jpg) no-repeat center;
}
.de-page-mian .page-inner a.prev.on {
  background: #fff url(../Image/prev-hover.jpg) no-repeat center;
}
.de-page-mian .page-inner a.prev:hover {
  background-color: #fff;
  border-color: #dddddd;
}
.de-page-mian .page-inner a.next {
  margin-left: 10px;
  margin-right: 15px;
  background: #fff url(../Image/next.jpg) no-repeat center;
}
.de-page-mian .page-inner a.next.on {
  background: #fff url(../Image/next-hover.jpg) no-repeat center;
}
.de-page-mian .page-inner a.next:hover {
  background-color: #fff;
  border-color: #dddddd;
}
.de-page-mian .page-inner a.page-btn {
  font-size: 12px;
  margin-right: 0;
  width: 63px;
  margin-left: 10px;
}
.de-page-mian .page-inner span {
  display: block;
  font-size: 12px;
  color: #333;
  float: left;
  line-height: 38px;
}
.de-page-mian .page-inner input {
  display: block;
  float: left;
  height: 36px;
  width: 36px;
  border: 1px solid #dddddd;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
  color: #333;
  margin: 0 5px;
}

/* --暂无数据-- */
.no-goods{padding:100px 0;overflow:hidden;text-align:center;}
.no-goods img{
  display: block;
  margin:0 auto 30px;
  width:220px;
  max-height: 105px;
}
.no-goods p{
  font-size:14px;
  color:#666666;
  line-height: 20px;
}






@-webkit-keyframes imgScale {
  from {
    transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1); }
  to {
    transform: scale(1.04);
    -ms-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -webkit-transform: scale(1.04);
    -o-transform: scale(1.04);}
}
@keyframes imgScale {
  from {
    transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1); }
  to {
    transform: scale(1.04);
    -ms-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -webkit-transform: scale(1.04);
    -o-transform: scale(1.04);}
}
.imgScale {
	animation: imgScale 6s ease-in-out infinite alternate;
	-webkit-animation: imgScale 6s ease-in-out infinite alternate;
}

@keyframes scrolldown {
	0% {
		transform: scale(1, 1); 
		transform-origin: 100% 100%;
	}
	33% {
		transform: scale(1, 0); 
		transform-origin: 100% 100%;
	}
	66% {
		transform: scale(1, 0); 
		transform-origin: 0 0;
	}
	100% {
		transform: scale(1, 1); 
		transform-origin: 0 0;
	}
}

@keyframes scrolldown2 {
	0% {
		transform: scale(1, 1); 
		transform-origin: 100% 100%;
	}
	55% {
		transform: scale(1, 1); 
		transform-origin: 100% 100%;
	}
	70% {
		transform: scale(1, 0); 
		transform-origin: 100% 100%;
	}
	85% {
		transform: scale(1, 0); 
		transform-origin: 0 0;
	}
	100% {
		transform: scale(1, 1); 
		transform-origin: 0 0;
	}
}

@keyframes scrollup {
	0% {
		transform: scale(1, 1); 
		transform-origin: 0 0;
	}
	33% {
		transform: scale(1, 0); 
		transform-origin: 0 0;
	}
	66% {
		transform: scale(1, 0); 
		transform-origin: 100% 100%;
	}
	100% {
		transform: scale(1, 1); 
		transform-origin: 100% 100%;
	}
}

@keyframes scrollup2 {
	0% {
		transform: scale(1, 1); 
		transform-origin: 0 0;
	}
	15% {
		transform: scale(1, 0); 
		transform-origin: 0 0;
	}
	30% {
		transform: scale(1, 0); 
		transform-origin: 100% 100%;
	}
	45% {
		transform: scale(1, 1); 
		transform-origin: 100% 100%;
	}
	100% {
		transform: scale(1, 1); 
		transform-origin: 100% 100%;
	}
}

@keyframes sound {
	0% {
		transform: scale(1, 1); 
		transform-origin: 100% 100%;
	}
	20% {
		transform: scale(0, 1); 
		transform-origin: 100% 100%;
	}
	40% {
		transform: scale(0, 1); 
		transform-origin: 0 0;
	}
	60% {
		transform: scale(1, 1); 
		transform-origin: 0 0;
	}
	100% {
		transform: scale(1, 1); 
		transform-origin: 0 0;
	}
}

@keyframes btnline {
	0% {
		transform: scale(1, 1); 
		transform-origin: 100% 100%;
	}
	33% {
		transform: scale(0, 1); 
		transform-origin: 100% 100%;
	}
	66% {
		transform: scale(0, 1); 
		transform-origin: 0 0;
	}
	100% {
		transform: scale(1, 1); 
		transform-origin: 0 0;
	}
}

@keyframes btntate {
	0% {
		transform: scale(1, 1); 
		transform-origin: 100% 100%;
	}
	33% {
		transform: scale(1, 0); 
		transform-origin: 100% 100%;
	}
	66% {
		transform: scale(1, 0); 
		transform-origin: 0 0;
	}
	100% {
		transform: scale(1, 1); 
		transform-origin: 0 0;
	}
}