﻿/* ====首页====== */
body{ background-color:#fff;}
/** header **/
.header{ position:relative; z-index:10;}
.top{ height:36px; background-color:#252525; font-size:12px; color:#818181;}
.top .wel{ width:250px; float:left; display:inline-block; line-height:36px;}
.top .tel{text-align:right; padding-left:34px; background:url(../images/icon/tel01.png) left center no-repeat; display:inline-block; line-height:36px;}
.loarea{ height:96px; position:relative; z-index:3;}
.logo{ width:350px; display:block; padding-top:25px;}
.logo img{ height:47px; width:auto;}

.lan{ float:right; width:120px; margin-top:36px;}
.lan .icon{ vertical-align:middle; margin-right:4px;}
.lan a{ margin:0 2px;}
.lan a:hover{ color:#ff0701;}
.act_lan{ color:#ff0701;}

/*PC导航 begin*/
.nav{ position:relative; z-index:5; float:left; width:56%;  margin-left:2%;}
.navul{ font-size:0; text-align:center;}
.navul li{ display:inline-block; font-size:14px; position:relative;}
.navul li>a{ padding:0 20px; text-align:center; display:inline-block; line-height:96px; height:96px;}
.navul li>a:hover{ color:#ffc501;}
/*.line{ height:3px;  background-color:#19c758; position:absolute; left:150px; top:88px; }*/
.act_nav{ color:#ffc501 !important;}
/*PC导航end*/
.subnav{ position:absolute; left:0; top:48px;background:#fff; width:auto; padding:8px 12px; box-shadow:2px 0 2px 0 #000; display:none;}
.subnav1{}
.subnav1 dd{ float:left; width:128px; background-image:none !important;}
.subnav1 dd .nr a{height:30px; text-align:left; line-height:30px; width:152px; font-size:14px; display:block; width:80px; padding:2px 24px; color:#333 !important; text-align:center; }
.subnav1 dd .nr a:hover{ color:#1c4e9e !important; text-indent:2px; background-color:none;}
.subnav1 .tit{ font-size:16px; font-weight:bold; text-align:center; padding:8px 0 4px;}
.subnav2{ width:256px;}


/*手机导航按钮及下拉菜单begin*/
.menubtn{ position:absolute; width:24px; height:24px;top:19px; right:10px; cursor:pointer; display:none;}
.menubtn i{ display:block; width:21px; height:3px; background-color:#1c4e9e; position:absolute; -webkit-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; transition:.5s;}
.menubtn i:nth-child(1){ top:4px; -webkit-transform-origin:left bottom; -moz-transform-origin:left bottom; -ms-transform-origin:left bottom; -o-transform-origin:left bottom; transform-origin:left bottom;}
.menubtn i:nth-child(2){ top:11px;}
.menubtn i:nth-child(3){ top:18px; -webkit-transform-origin:left top; -moz-transform-origin:left top; -ms-transform-origin:left top; -o-transform-origin:left top; transform-origin:left top;}
.menubtn.on i:nth-child(1){ -webkit-transform:rotate(40deg); -moz-transform:rotate(40deg); -ms-transform:rotate(40deg); -o-transform:rotate(40deg); transform:rotate(40deg);}
.menubtn.on i:nth-child(2){ opacity:0;}
.menubtn.on i:nth-child(3){ -webkit-transform:rotate(-40deg); -moz-transform:rotate(-40deg); -ms-transform:rotate(-40deg); -o-transform:rotate(-40deg); transform:rotate(-40deg);}
/*小导航*/
.inav{ background:url(../images/icon/black6.png) repeat; position:absolute; left:0; top:60px; width:100%; display:none; z-index:9; }
.inav{ display:none;}
.inav dl{ padding:0 10px; text-align:left;}
.inav dt{ font-size:14px; color:#fff; height:40px; line-height:40px; border-bottom:1px solid #b39b4c; padding-left:8px; position:relative;}
.inavbtn{ position:absolute; right:0px; top:14px; width:14px; height:14px; background:url(../images/icon/jia3.png) center center no-repeat; -webkit-transform-origin:center center; -moz-transform-origin:center center; -ms-transform-origin:center center; -o-transform-origin:center center; transform-origin:center center;-webkit-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; transition:.5s;}
.inav dd{ display:none; padding-left:2em; border-bottom:1px solid #b39b4c; padding-bottom:6px;}
.inav a{ color:#fff;}
.inav a:hover{ color:#ccc;}
.inav dd h6{ font-size:14px; font-weight:normal; line-height:2;}
.inav dd h6 a{ display:block;}
.inav dd p{ font-size:12px; text-indent:1em; line-height:1.8;}
.act_inav{ font-weight:bold;}
.act_inav .inavbtn{ -webkit-transform:rotate(135deg) !important; -moz-transform:rotate(135deg) !important; -ms-transform:rotate(135deg) !important; -o-transform:rotate(135deg) !important;transform:rotate(135deg) !important;}
/*手机导航按钮及下拉菜单end*/
/*banner begin*/
.banner{ position:relative; z-index:3; }
.banner .swiper-slide{position:relative; overflow:hidden;}
.banimg{ width:100%; height:auto; display:block;-webkit-transition:all 20s ease-out 0s; -moz-transition:all 20s ease-out 0s; -ms-transition:all 20s ease-out 0s; -o-transition:all 20s ease-out 0s; transition:all 20s ease-out 0s;}
.banner .swiper-slide-active .banimg{-webkit-animation: zoomin_out 20s infinite ease-in-out;-moz-animation: zoomin_out 20s infinite ease-in-out;-ms-animation: zoomin_out 20s infinite ease-in-out;-o-animation: zoomin_out 20s infinite ease-in-out;}

@-webkit-keyframes zoomin_out{
0%{-webkit-transform:scale(1);}
50%{-webkit-transform:scale(1.1);}
100%{-webkit-transform:scale(1);}
}
@-moz-keyframes zoomin_out{
0%{-moz-transform:scale(1);}
50%{-moz-transform:scale(1.1);}
100%{-moz-transform:scale(1);}
}
@keyframes zoomin_out{
0%{transform:scale(1);}
50%{transform:scale(1.1);}
100%{transform:scale(1);}
}

.banner .swiper-pagination{ bottom:16px !important;}
.banner .swiper-pagination-bullet{width:40px;height:4px;padding: 0;background-color:#fff;font-size: 0;line-height: 0;outline:none;cursor: pointer; -webkit-border-radius:0%; -moz-border-radius:0%;-ms-border-radius:0%; -o-border-radius:0%; border-radius:0%;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; margin:0 10px !important; display:none;}

.banner .swiper-pagination-bullet-active{background-color:#f59c00;}
.banner .swiper-button-prev{ background:url(../images/icon/prev2.png) center center no-repeat; left:2%;}
.banner .swiper-button-next{ background:url(../images/icon/next2.png) center center no-repeat; right:2%;}
.banner .swiper-button-prev,.banner .swiper-button-next{filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;width:33px;  height:60px; top:50%; margin-top:-30px; -webkit-background-size:80%; -moz-background-size:80%;-ms-background-size:80%; -o-background-size:80%; background-size:80%;}
.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;}
/*banner end*/
.h_file{ padding:60px 0 40px;}
.h_file .nr{ color:#444343; line-height:2;}
.h_file .morediv{ margin-top:10px;}
.morea{ display:inline-block; padding:6px 30px; background-color:#4bb0e8; color:#fff;}
.morea:hover{ background-color:#219add}
.h_tit{ color:#1c4e9e; text-align:center; }
.h_tit .tit{color:#454545; font-size:30px;}
.h_tit .tit span{}
.h_tit p{ color:#555; text-transform:uppercase;}
.hparea{ margin-top:30px;}
.hpul{}
.hpul li{ float:left; margin:0; width:25%;}
.hpul li a{ display:block; background-color:#f8f8f8;}
.hpul .tparea{ display:block; font-size:0; overflow:hidden;}
.hpul .tparea .tp{width:100%;  -webkit-transition:all .5s ease-out 0s; -moz-transition:all .5s ease-out 0s; -ms-transition:all .5s ease-out 0s; -o-transition:all .5s ease-out 0s; transition:all .5s ease-out 0s;}
.hpul .des{ padding:50px 14px;}
.hpul .des .icon{ width:60px; height:60px; float:left;}
.hpul .des .desarea{ padding-left:74px;}
.hpul .des .tit{font-size:16px; height:25px; margin-bottom:6px; color:#333;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-transition:all .5s ease-out 0s; -moz-transition:all .5s ease-out 0s; -ms-transition:all .5s ease-out 0s; -o-transition:all .5s ease-out 0s; transition:all .5s ease-out 0s;}
.hpul .des .nr{ font-size:12px; color:#555; line-height:2; height:48px; overflow:hidden;}
.hpul a:hover .des{ box-shadow:0 0 1px 0  #f59c00 inset;}
.hpul a:hover .tp{-webkit-transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); -transform:scale(1.2,1.2); transform:scale(1.2,1.2);}
.hpul a:hover .des .tit,.hpul a:hover .des .nr{ color:#f59c00;}

.h_advan{ margin-top:60px;}
.hmslide{width:96%; margin:50px auto 0;}
.hmslide .slick-list{ padding-bottom:80px; }
.habox{ margin:0 50px; padding-bottom:10px; box-shadow:0 0 4px 0  #ccc;}
.habox .tparea{margin:0; display:block; position:relative; overflow:hidden; font-size:0;}
.habox .tparea .tp{ width:100%; height:auto;-webkit-transition:all .5s ease-out 0s; -moz-transition:all .5s ease-out 0s; -ms-transition:all .5s ease-out 0s; -o-transition:all .5s ease-out 0s; transition:all .5s ease-out 0s;}
.habox a:hover .tp{-webkit-transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); -transform:scale(1.2,1.2); transform:scale(1.2,1.2);}
.habox .des{ padding:26px 20px;}
.habox .des h4{ font-size:22px; color:#3b83ec; margin-bottom:10px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-weight:normal;}
.habox .des h4 a{ color:#3b83ec;}
.habox .des .nr{ color:#666; font-size:12px; height:48px; overflow:hidden; line-height:2;}
.habox a:hover .des h4{ color:#f59c00;}

.hmslide .slick-prev,.hmslide .slick-next{ width:38px; height:38px; position:absolute;  bottom:0%; font-size:0; z-index:99; background-color:#d4d5d9; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; border-radius:50%; background-position:center center ; background-repeat:no-repeat;}
.hmslide .slick-prev{ background-image:url(../images/icon/prev.png);left:50%; margin-left:-44px}
.hmslide .slick-next{ background-image:url(../images/icon/next.png); right:50%; margin-right:-44px;}
.hmslide .slick-prev:hover,.hmslide .slick-next:hover{ background-color:#f59c00;}

.h_mess{ margin-top:64px; padding:78px 0 68px; background:url(../images/h_messbg.jpg) center center no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -ms-background-size:cover; -o-background-size:cover;  background-size:cover;} 
.hmess{ background:url(../images/icon/white9.png) repeat; width:410px; padding:32px 36px; margin-right:6%; -webkit-box-shadow:0 0 4px 0 #ccc; -moz-box-shadow:0 0 4px 0 #ccc; -ms-box-shadow:0 0 4px 0 #ccc; -o-box-shadow:0 0 4px 0 #ccc; box-shadow:0 0 4px 0 #ccc;}
.hmesstab{ width:100%; margin:0 auto;}
.hmesstab td{ display:block; float:none; width:100%; padding:8px 0; vertical-align:top;}
.hmesstab td .mc{}
.hmesstab .nr{ padding-top:0;}
.hmesstab .text{width:100%; height:44px; border:0px solid #108aed; text-indent:0px; display:block; padding-left:10px; background:#f5f5f5; font-size:12px;}
.hmesstab .nr textarea{width:100%; height:140px; border:0px solid #108aed; background:#f5f5f5; display:block; padding:10px; font-size:12px;}
.hmesstab .tj{ padding-top:14px;}
.hmesstab .tj input{ padding:8px 60px;text-align:center; font-size:14px; color:#fff;  background-color:#4bb0e8;  cursor:pointer; border:none;}
.hmesstab .tj input:hover{ background-color:#219add;}

.h_map{ background-color:#f5f5f5;}
.h_map img{ display:block; margin:0 auto;}

.h_hon{ padding:100px 80px;}
.hhslide .slick-list{ padding:4px 0;}
.hhbox{}
.hhbox{ margin:0 14px; padding-bottom:0px; -webkit-box-shadow:0 0 4px 0  #ccc; -moz-box-shadow:0 0 4px 0  #ccc; -ms-box-shadow:0 0 4px 0  #ccc; -o-box-shadow:0 0 4px 0  #ccc; box-shadow:0 0 4px 0  #ccc;}
.hhbox .tparea{margin:0; display:block; position:relative; overflow:hidden; font-size:0;}
.hhbox .tparea .tp{ width:100%; height:auto;-webkit-transition:all .5s ease-out 0s; -moz-transition:all .5s ease-out 0s; -ms-transition:all .5s ease-out 0s; -o-transition:all .5s ease-out 0s; transition:all .5s ease-out 0s;}
.hhbox a:hover .tp{-webkit-transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); -transform:scale(1.2,1.2); transform:scale(1.2,1.2);}

.hhslide .slick-prev,.hhslide .slick-next{ width:38px; height:38px; position:absolute;  top:50%; margin-top:-19px; font-size:0; z-index:99; background-color:#d4d5d9; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; border-radius:50%; background-position:center center ; background-repeat:no-repeat;}
.hhslide .slick-prev{ background-image:url(../images/icon/prev.png);left:-50px; }
.hhslide .slick-next{ background-image:url(../images/icon/next.png); right:-50px;}
.hhslide .slick-prev:hover,.hhslide .slick-next:hover{ background-color:#f59c00;}

.footer{ background-color:#252525; padding:40px 0; color:#d5d5d5;}
.footer .flist{ display:table;}
.f_tit{ display:table-cell; vertical-align:bottom; padding-right:20px;}
.f_tit h4{ font-size:20px; font-weight:bold; text-transform:uppercase;}
.f_tit p{ font-size:16px;}
.footer .flist .nr{display:table-cell; vertical-align:bottom;}
.fcon{ width:40%;}
.fcon .nr{ font-size:12px; line-height:2.4;word-break:break-all; }
.flink{ width:30%; margin:0 2% 0;}
.flink .f_tit{ width:200px;}
.flink .nr{ font-size:0; overflow:hidden;}
.flink .nr a{ color:#d5d5d5; font-size:12px; width:50%; padding:8px 0; float:right;  display:inline-block;}
.flink .nr a:hover{color:#fff;}
.fcode{ width:22%; float:right;}
.fcode .nr img{ width:130px}
/*2关于我们*/
.i_ban{ font-size:0;}
.i_ban img{ width:100%;}

.i_tit{}
.i_tit h4{ font-size:30px; margin-bottom:2px; }
.i_tit p{ text-transform:uppercase; }

.about1{ padding:54px 0;}
.about1 .tp{ width:48%; font-size:0; float:right; margin-top:30px;}
.about1 .tp img{ width:100%;}
.about1 .des{ width:48%; float:left;}
.about1 .des .nr{ margin-top:26px;}
.about1 .des .nr .wz{text-indent:2em; line-height:1.8;}

.about2{ padding:50px 0; background-color:#f8f8f8; }
.about2 .wp>.des{ margin-top:30px;}
.about2 .wp>.des .wz{ text-indent:2em; line-height:1.8;}

.expert{}
.expertul{ padding-top:40px; nav-right:-60px;}
.expertul li{ float:left; width:20%;}
.expertul li a{ display:block; background-color:#fff;}
.expertul .tp{ display:block; font-size:0; border:0px solid #f1f1f1; overflow:hidden;}
.expertul .tp img{width:100%;  -webkit-transition:all .5s ease-out 0s; -moz-transition:all .5s ease-out 0s; -ms-transition:all .5s ease-out 0s; -o-transition:all .5s ease-out 0s; transition:all .5s ease-out 0s;}
.expertul .des{ padding:12px 16px; border:1px solid #f0f0f0; border-width:0 1px 1px 0;}
.expertul .des .tit{ font-size:18px; line-height:2.2;color:#333;  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-transition:all .5s ease-out 0s; -moz-transition:all .5s ease-out 0s; -ms-transition:all .5s ease-out 0s; -o-transition:all .5s ease-out 0s; transition:all .5s ease-out 0s;}
.expertul .des .nr{ font-size:14px;height:50px; text-indent:2em; line-height:1.8; overflow:hidden;}
.expertul a:hover img{-webkit-transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); -transform:scale(1.2,1.2); transform:scale(1.2,1.2);}
.expertul a:hover .des .tit,.expertul a:hover .des .nr{ color:#f59c00;}

.cul{ padding:50px 0;  margin:0 auto;}
.cul .list{ margin-bottom:20px; background-color:#f4f4f4;}
.cul .list .tp{ width:50%; font-size:0; float:left; }
.cul .list .tp img{ width:100%;}
.cul .list .des{ width:50%; float:left; position:relative;}
.cul .list .des .box{ padding:30px 6% 0;}
.cul .list .des .tit{ font-size:30px; margin-bottom:20px;}
.cul .list .des .tit span{ display:inline-block; font-size:14px; margin-left:20px;}
.cul .list .des .nr{font-size:14px; text-indent:2em; line-height:1.8; color:#333; max-height:151px; overflow:hidden;}
/*3产品中心*/
.pro{ padding:50px 0;}
.prolist{ padding:10px 0; overflow:hidden;}
.prolist .pro_tit{ font-size:24px;}
.prolist .intro{ margin-top:30px; line-height:1.8;}
.prolist .morediv{ margin-top:10px;}

.proul{ padding-top:34px; margin-right:-2.5%;}
.proul li{ float:left; margin:0 2.5% 2.5% 0; width:22.5%;}
.proul li a{ display:block; position:relative;}
.proul .tp{ display:block; font-size:0;  overflow:hidden;}
.proul .tp img{width:100%; -webkit-transition:all .5s ease-out 0s; -moz-transition:all .5s ease-out 0s; -ms-transition:all .5s ease-out 0s; -o-transition:all .5s ease-out 0s; transition:all .5s ease-out 0s;}
.proul .des{ width:94%; padding:10px 3%; position:absolute; left:0; bottom:0; background:url(../images/icon/black6.png) repeat; color:#fff;}
.proul .des .tit{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-transition:all .5s ease-out 0s; -moz-transition:all .5s ease-out 0s; -ms-transition:all .5s ease-out 0s; -o-transition:all .5s ease-out 0s; transition:all .5s ease-out 0s;}
.proul .des .nr{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.proul a:hover img{-webkit-transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); -transform:scale(1.2,1.2); transform:scale(1.2,1.2);}
.proul a:hover .des .tit,.proul a:hover .des .nr{ color:#f59c00;}
/*3产品中心详情1*/
.loca_returnhome{ background-color:#e5e5e5;}
.loca_returnhome .wp{ position:relative;}
.location{ padding:12px 100px 12px 0;}
.location span{}
.location a{}
.location a.home{ padding-left:20px; background:url(../images/icon/home.png) left center no-repeat;}
.location a:hover{ color:#0271ff;}
.act_loca{ color:#0271ff !important;}
.location i{ margin:0 2px; font-style:normal;}

.returnbtn{ position:absolute; padding:1px 10px; color:#0172fe; border:1px solid #0172fe; right:0; top:12px;}

.prodel{}
.pdt{ margin:0 auto; padding:56px 0;}
.pdt .tp{ width:44%; font-size:0; float:left;}
.pdt .tp img{ width:100%;}
.pdt .des{ width:50%; float:right;}
.pdt .des .tit{ font-size:24px;}
.pdt .des .nr{ margin-top:30px; line-height:1.8; color:#999;}

.pdm{ padding:60px 0 140px; background:url(../images/pdm_bg.jpg) center center no-repeat fixed; -webkit-background-size:cover; -moz-background-size:cover; -ms-background-size:cover; -o-background-size:cover; background-size:cover;}
.pdm_tit{}
.pdm_tit h4{ font-size:26px; color:#fff;}
.pdm_tit .line{ width:164px; height:4px; background-color:#fff; display:block; margin-top:6px;}

.pdb{ padding:40px 0 60px;}
.pdb .nr{}
/*4产品优势1*/
.lm{ font-size:0; text-align:center;  padding:70px 0 0;}
.lm a{ font-size:20px; border:1px solid #d0d0d0; text-align:center; margin:0 18px 0; padding:10px 80px; display:inline-block; position:relative;}
.lm a::after{ border:10px solid #0a3e8a; border-width:10px 14px; border-color:transparent transparent  transparent transparent; position:absolute; content:""; display:block; left:50%; margin-left:-14px; top:100%;}
.lm a:hover{color:#fff; background-color:#0a3e8a; }
.lm a:hover::after{border-color:#0a3e8a transparent  transparent transparent;}
.act_lm{ color:#fff !important; background-color:#0a3e8a !important;  }
.act_lm::after{border-color:#0a3e8a transparent  transparent transparent !important;}
.proadv{ padding:20px 0 90px; overflow:hidden;}
.proadv .pro_tit{ font-size:24px;}
.proadv .intro{ margin-top:60px; line-height:1.8;}
.proadv .morediv{ width:90%; margin:10px auto 0;}

.proadvul{ padding-top:60px; margin:0 auto; width:94%;}
.proadvul li{ float:left; margin:0 2% 4%; width:29.33%;}
.proadvul li a{ display:block; position:relative;}
.proadvul .tp{ display:block; font-size:0;  overflow:hidden;}
.proadvul .tp img{width:100%; -webkit-transition:all .5s ease-out 0s; -moz-transition:all .5s ease-out 0s; -ms-transition:all .5s ease-out 0s; -o-transition:all .5s ease-out 0s; transition:all .5s ease-out 0s;}
.proadvul .des{ width:94%; padding:14px 3%; position:absolute; left:0; bottom:0; background:url(../images/icon/black6.png) repeat; color:#fff;}
.proadvul .des .tit{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-transition:all .5s ease-out 0s; -moz-transition:all .5s ease-out 0s; -ms-transition:all .5s ease-out 0s; -o-transition:all .5s ease-out 0s; transition:all .5s ease-out 0s; font-size:18px; text-align:center;}
.proadvul a:hover img{-webkit-transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); -transform:scale(1.2,1.2); transform:scale(1.2,1.2);}
.proadvul a:hover .des .tit,.proadvul a:hover .des .nr{ color:#f59c00;}
/*4产品优势2*/
.honul{}
.honul{ padding-top:60px; margin:0 auto; width:94%;}
.honul li{ float:left; margin:0 2% 4%; width:29.33%;}
.honul li a{ display:block; position:relative; -webkit-box-shadow:0 0 4px 0 #ccc; -moz-box-shadow:0 0 4px 0 #ccc; -ms-box-shadow:0 0 4px 0 #ccc; -o-box-shadow:0 0 4px 0 #ccc; box-shadow:0 0 4px 0 #ccc;}
.honul .tp{ display:block; font-size:0;  overflow:hidden;}
.honul .tp img{width:100%; -webkit-transition:all .5s ease-out 0s; -moz-transition:all .5s ease-out 0s; -ms-transition:all .5s ease-out 0s; -o-transition:all .5s ease-out 0s; transition:all .5s ease-out 0s;}
.honul a:hover img{-webkit-transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); -transform:scale(1.2,1.2); transform:scale(1.2,1.2);}
/*4产品优势详情*/
.advdel{ padding:40px 0 80px;}
.advdel_tit{ font-size:26px; text-align:center;}
.advdel .intro{ margin-top:30px; line-height:1.8;}
.advdellist{ width:90%; margin:0 auto;}

.advdelul{ padding-top:60px; margin:0 auto; width:96%;}
.advdelul li{ float:left; margin:0 2% 2%; width:29.33%;}
.advdelul li a{ display:block; position:relative; }
.advdelul .tp{ display:block; font-size:0;  overflow:hidden;}
.advdelul .tp img{width:100%; -webkit-transition:all .5s ease-out 0s; -moz-transition:all .5s ease-out 0s; -ms-transition:all .5s ease-out 0s; -o-transition:all .5s ease-out 0s; transition:all .5s ease-out 0s;}
.advdelul .des{ padding:10px 14px;}
.advdelul .des .tit{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:16px; text-align:center;}
.advdelul a:hover img{-webkit-transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); -transform:scale(1.2,1.2); transform:scale(1.2,1.2);}

/*6应用领域-合作伙伴*/
.turnpage{font-size:0; text-align:center; width:100%; padding:0px 0 00px 0;  }
.turnpage a{ font-size:12px; color:#333; display:inline-block; padding:4px 10px; background-color:#efefef; margin:0 3px;}
.turnpage a:hover{ color:#fff; background-color:#2775a6;}
.turnpage .total{ font-size:12px; margin:0 3px; padding:4px 10px;}
.current{color:#fff !important; background-color:#2775a6 !important;}

.coo{ overflow:hidden;}
.cooul{ padding:54px 0 60px;}
.cooul li{ width:16%; float:left; margin:0 2% 2%;}
.cooul li a{ display:block; border:1px solid #fff; font-size:0;}
.cooul li a img{ width:100%;}
.cooul li a:hover{ border-color:#f59c00; -webkit-box-shadow:1px 1px 4px 0 #ccc; -moz-box-shadow:1px 1px 4px 0 #ccc; -ms-box-shadow:1px 1px 4px 0 #ccc; -o-box-shadow:1px 1px 4px 0 #ccc; box-shadow:1px 1px 4px 0 #ccc;}
/*5销售服务*/
.pdm2{ padding:140px 0 100px; background:url(../images/sell_bg.jpg) center center no-repeat fixed; -webkit-background-size:cover; -moz-background-size:cover; -ms-background-size:cover; -o-background-size:cover; background-size:cover;}
.pdm2_tit{ text-align:right;}
.pdm2_tit h4{ font-size:26px; color:#fff; line-height:1.4;}
.pdm2_tit .line{ width:82px; height:3px; background-color:#fff; display:inline-block; margin-top:0px;}

.down{ padding:70px 0;}
.down .tp{ width:46%; float:left;}
.down .des{ width:52%; float:right;}
.down .des .intro{ line-height:1.6;}
.down .des .intro .wz{ text-indent:2em;}
.downul{ margin-top:20px;}
.downul li{ width:48%; margin:0 2% 0 0; padding:5px 0; float:left;}
.downul li a{display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.downul li a .icon{ vertical-align:middle; margin-right:6px;}
.downul li a .mc{ vertical-align:middle;}
.downul li a:hover{ color:#f59c00;}

.contact{ padding:60px 0;}
.s_tit{ font-size:24px; text-align:center;}
.s_intro{ margin-top:20px; line-height:1.8; text-indent:2em;}

.contarea{ margin-top:34px;}
.contarea .des{ width:40%;}
.contarea .des .tit{ font-size:18px; color:#1369a2; margin:20px 0;}
.contarea .des .wz{  color:#333333; line-height:1.6; margin-bottom:4px;}
.map{ width:58%; height:340px; border:1px solid #ccc;}

.mess{ padding:50px 0;}
.messform{margin:50px auto 0; overflow:hidden;}
.messform ul{ overflow:hidden; margin-right:-3%;}
.messform li{ width:30.33%; float:left; margin-right:3%; overflow:hidden;margin-bottom:20px;}
.messform table{width:100%;}
.messform td{ padding:0 0;}
.messform .mc{ width:70px; padding-right:10px; text-align:right;}
.messform .nr{}
.messform .mc .icon{ vertical-align:middle; margin-right:8px;}
.messform .text{width:100%; height:32px; border:1px solid #dbdbdb; padding-left:10px; display:block; float:left;}
.messform .xing{ display:none;}
.messform .textareadiv{}
.messform .textareadiv label{ width:100%; display:block; text-align:left;}
.messform .textareadiv label .icon{ vertical-align:middle; margin-right:6px;}
.messform textarea{ margin-top:18px; width:100%; height:160px; border:1px solid #dbdbdb; padding:10px;}
.messform .tj{ margin-top:40px;}
.messform .tj input{ padding:8px 0px; text-align:center; font-size:16px; color:#fff;  cursor:pointer;width:240px;}
.messform .tj1{ background-color:#2775a6; margin-right:50px;} 
.messform .tj2{ background-color:#666666;} 

.messform .tj input:hover{ background-color:#005bac;}

.messpup{ padding:50px 50px 34px; width:430px; border:1px solid #ccc; background:#fff; position:fixed; left:50%; top:50%;z-index:9; margin:-100px 0 0 -266px; display:none;}
.messpup .close{ position:absolute; right:14px; top:14px; cursor:pointer;}
.messpup .nr{ text-align:center; font-size:18px;}
.messpup .opa{ margin-top:30px; }
.messpup .opa input{ padding:8px 0px; width:114px; font-size:16px;}
.messpup .opa .tj1{ margin-right:20px; color:#fff; background-color:#3fb348; border:1px solid #3fb348;}
.messpup .opa .tj2{ border:1px solid #d1d1d1;}
.messpup .opa input:hover{ background-color:#f59c00; color:#fff; border:1px solid #f59c00;}
/*6应用领域*/
.apply{ padding:30px 0; width:1330px; max-width:94%; }
.applylist{ padding:20px 0;}
.app_tit{ font-size:24px;}
.app_tit .icon{ vertical-align:middle; margin-right:10px;}
.app_intro{ margin-top:40px; color:#666; line-height:2;}

.appul{ margin-top:40px;}
.appul li{ width:31.33%; padding:0 1% 20px; float:left;}
.appul a{ display:block; background-color:#f8f7f7; padding:20px; border:1px solid #ccdddc;}
.appul .tpdiv{ }
.appul .tp{ font-size:0; overflow:hidden; display:block;}
.appul .tp img{ width:100%; -webkit-transition:all .5s ease-out 0s; -moz-transition:all .5s ease-out 0s; -ms-transition:all .5s ease-out 0s; -o-transition:all .5s ease-out 0s; transition:all .5s ease-out 0s; }
.appul a:hover .tp img{-webkit-transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); -transform:scale(1.2,1.2); transform:scale(1.2,1.2); }
.appul .des{ padding:10px 0 0;}
.appul .des h4{ color:#1287d5; margin-top:4px; font-size:18px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.appul a:hover .des h4{color:#4bb0e8;}







.hong{ color:#ff0701 !important;}
.huang{ color:#ffc501;}
.ju{ color:#f59c00;}
.lan{color:#4bb0e8;}
.slan{ color:#219add;}
.bg_g{ background-color:#f8f8f8;}

