@charset "utf-8";

*{margin: 0;padding: 0;border: 0;outline: none;
box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;
-ms-box-sizing: border-box; -moz-box-sizing: border-box;}
html {width: 100%; font-weight: normal;
	-webkit-text-size-adjust:none; -ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}
body{font-size: 14px;line-height: 1.6;background-color:#fff;color:#666666; font-family:Arial, 'Microsoft YaHei', Helvetica, sans-serif; }
ul,ul li,ol,li {list-style: none outside none;}
img {vertical-align: middle;border: none;}
input,select,option,label,th,textarea{vertical-align: middle;border: none; font-family: Arial, 'Microsoft YaHei', Helvetica, sans-serif;}
a {text-decoration: none;color: inherit;}
a:hover {text-decoration: none;  }

select{ appearance:none;  -moz-appearance:none; -webkit-appearance:none;}   
select::-ms-expand { display: none; }  

.flex{ display: flex; align-items: center;}


.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {zoom: 1;display: block;_height: 1px;clear: both;}

.fl {float: left;}
.fr {float: right;}
.container{display: block;max-width:1400px; width:85%;  margin: 0 auto; }
.hidden{ overflow:hidden;}
.hide{ display:none;}


.header{ height:118px; line-height:118px; box-shadow: 0 0 20px #cccccc; z-index:1; position: relative; }
.header .container{position: relative;}
.header .logos{ height:60px; margin-top: 29px; position: relative; z-index:1; }
.header .logos img{ height:100%; display: block;}

.nav{ position: absolute; width:100%; left:0; top:0; text-align: center; padding:0 280px 0 80px; }
.nav li{ display: inline-block; color:#383838; font-size:16px; }
.nav li a{ display: block; padding:0 30px; }
.nav li.on,.nav li:hover{ background:#bd0e1f; color:#ffffff; }

.header .tel{ background: url(../images/tel.png) no-repeat left center;  padding-left:50px; font-family: Impact; font-size: 24px; color: #383838; position: relative; z-index: 1; }
.header .search_btn{ margin-top:44px; margin-left:60px; cursor: pointer; float: right; width:30px; height:30px; background: url(../images/search_btn.png) no-repeat center center; background-size:cover; position: relative; z-index: 1; }


.searchbj{ background:rgba(0,0,0,0.6); position:fixed; top:0; left:0; width:100%; height:100%; z-index:9000; display:none;}
.search_main{ padding:50px; width:500px; height:150px; background:#ffffff; position: fixed; left:50%; top:50%; z-index:10000; margin:-75px 0 0 -250px; box-shadow: 0 0 20px #999999; display:none;}
.search_main .input{ width:350px; height:50px; border:1px solid #bd0e1f; padding:0 15px; float:left; font-size:14px;}
.search_main .submit{ width:50px; height:50px; background:#bd0e1f url(../images/search_btn2.png) no-repeat center center; background-size:50%; float:left; cursor:pointer;}


.nav_btn{ display: none; width:24px; height:60px; width:60px; padding:20px 18px; cursor: pointer; position: relative; z-index:10; background:#bd0e1f;}
.nav_btn span{ width:24px; height:2px; display: block; background:#ffffff; -webkit-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out; }
.nav_btn span.sp02{ margin:7px auto;}
.nav_btn span.sp03{ width:12px; }

.nav_btn.close .sp01{transform:matrix(-1,1,-0.8,-0.8,0,8.5)}
.nav_btn.close .sp02{opacity: 0;}
.nav_btn.close .sp03{transform:matrix(-1,-1,0.8,-0.8,0,-8.5); width:24px;}

/*banner*/
.banner{  }
.banner .swiper-slide{ }
.banner .swiper-slide img{ width:100%; display: block; }
.banner .swiper-slide a{ display: block; position: relative; }
.banner .bantxt{ position: absolute; left:0; top:0; width:100%; height:100%; }

.banner .bantxt h2{ color:#ffffff; font-size:72px; line-height:1.4;}
.banner .bantxt h3{ color:#ffffff; font-size:48px; line-height:1.4; margin-top:24px;}

.banner .bantxt p{ color:#ffffff; font-size:18px; margin-top:36px;}

.banner .banimg{ position: absolute; right:0; bottom:0; }
.banner .banimg img{ display: block; width:100%; }

.banner .banimg01{width:50%; }
.banner .banimg02{width:50%; }
.banner .banimg03{width:50%; }

.banner .bantxt01{ padding-bottom:5%;}
.banner .bantxt02{ padding-bottom:10%;}

.banner .banner-prev,.banner .banner-next{ width:40px; height:40px; position: absolute; top:50%; margin-top:-20px; z-index:100; cursor: pointer; }

.banner .banner-prev{ background: url(../images/banner-prev.png) no-repeat center center; background-size:cover; left:4%; }
.banner .banner-next{ background: url(../images/banner-next.png) no-repeat center center; background-size:cover; right:4%; }


.banner .bantxt h2{ position: relative;opacity: 0;top:150px;-webkit-transition:1s;-o-transition:1s;transition:1s;}
.banner .swiper-slide-active .bantxt h2{top:0;opacity: 1;}


.banner .bantxt h3{ position: relative;opacity: 0;top:150px;-webkit-transition:1s;-o-transition:1s;transition:1s;}
.banner .swiper-slide-active .bantxt h3{top:0;opacity: 1;}


.banner .bantxt p{ position: relative;opacity: 0;top:150px;-webkit-transition:1s;-o-transition:1s;transition:1s;}
.banner .swiper-slide-active .bantxt p{top:0;opacity: 1;}


.banner .banimg{ opacity: 0;right:-100%;transition:2s;}
.banner .swiper-slide-active .banimg{right:0;opacity: 1;}



.lower_bottom{ position: absolute; width:100%; left:0; bottom:36px; z-index:100; }

.lower{ width:20px; height:36px; cursor: pointer; background: url(../images/lower.png) no-repeat center center; background-size:cover; position:relative;	animation: myFade 2s linear infinite;}
/*banner*/


.hometit{ text-align: center; line-height:1; margin-top:6%;}
.hometit .en{ color:#000000; font-size:48px; text-transform: uppercase; font-weight: bold; }
.hometit .cn{ color:#000000; font-size:48px; margin-top:2%; }

.hometit2 .en{ color:#727b83; }
.hometit2 .cn{ color:#ffffff; }


/*homeprod*/
.homeprod{ background: url(../images/homeprod.jpg) no-repeat center top; background-size:100% auto; overflow: hidden; }

.hplist{ overflow: hidden; margin:6% 0;}
.hplist li{ width:32%; height:270px; margin-right:2%; margin-bottom:30px; background:#f4f3f3; float: left;}
.hplist li a{ display: block;}

.hplist li.li01{ height:570px;}

.hplist li.li03,.hplist li.li05,.hplist li.li08{ margin-right:0;}
.hplist li.li06,.hplist li.li07,.hplist li.li08{ margin-bottom:0;}


.hplist li .content1{ padding:40px; position: relative; height:100%; background: url(../images/prodbj01.jpg) no-repeat center center; background-size:cover;}
.hplist li .content1 .txt h3{ font-size:30px; color:#ffffff; line-height:1.4;}
.hplist li .content1 .txt p{ font-size:16px; color:#ffffff; line-height:30px; margin-top:15px; height:120px;}
.hplist li .content1 .txt .more{ width:136px; height:46px; border-radius:23px; line-height:44px; border:1px solid #ffffff; color:#ffffff; font-size:16px; text-align: center; }
.hplist li .content1 .txt .more span{ display: inline-block; background: url(../images/more2.png) no-repeat right center; padding-right:28px;}

.hplist li:hover .content1 .txt .more{ background:#ffffff; color:#686868;}
.hplist li:hover .content1 .txt .more span{background-image:url(../images/more.png);}

.hplist li .content1 .img{ width:280px; position: absolute; right:40px; bottom:0; }
.hplist li .content1 .img img{ display: block; width:100%; }

.hplist li .content2{ height:100%;}
.hplist li .content2 .img{ width:45%; height:100%;}
.hplist li .content2 .img img{ display: block; width:100%;}

.hplist li .content2 .txt{ width:55%; height:100%; padding:0 15px;}
.hplist li .content2 .txt h3{ font-size:22px; color:#333333; line-height:1.4;}
.hplist li .content2 .txt p{ font-size:16px; color:#686868; line-height:30px; margin-top:15px; height:90px;}
.hplist li .content2 .txt .more{ width:136px; height:46px; border-radius:23px; line-height:44px; border:1px solid #c2c2c2; color:#686868; font-size:16px; text-align: center; }
.hplist li .content2 .txt .more span{ display: inline-block; background: url(../images/more.png) no-repeat right center; padding-right:28px;}

.hplist li:hover .content2 .txt .more{ background:#bd0e1f; color:#ffffff; border-color:#bd0e1f;}
.hplist li:hover .content2 .txt .more span{background-image:url(../images/more2.png);}
/*homeprod*/


/*homecase*/
.homecase{ background:#626c75; overflow: hidden;}
.homecase .hometit2{ margin-bottom:6%;}

.hclist{ position:relative;}
.hclist .swiper-slide{ width:36%; }
.hclist .swiper-slide a{ position: relative; display: block; overflow: hidden;}
.hclist .swiper-slide a:after{ content:""; width:100%; height:100%; position: absolute; z-index:1; left:0; top:0; opacity:0; 
	background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0) 60%, rgba(0,0,0,0.7) 80%, rgba(0,0,0,1) 100%);}
.hclist .swiper-slide img{ width:100%; opacity:0.3; display:block;}

.hclist .swiper-slide .txt{ position: absolute; z-index:2; left:0; bottom:0; width:100%; text-align: center; color:#ffffff; opacity:0; }
.hclist .swiper-slide .txt h3{ font-size:30px;}
.hclist .swiper-slide .txt p{ font-size:16px; margin:1% 0 3% 0; }

.hclist .swiper-slide-active img{ opacity:1; }
.hclist .swiper-slide-active a:after{ opacity:1; }
.hclist .swiper-slide-active .txt{ opacity:1; }

.hclist .swiper-pagination{ position: static; line-height:0; margin:4% 0 6% 0; }
.hclist .swiper-pagination .swiper-pagination-bullet{ width:20px; height:3px; background:#9299a0; border-radius:0; opacity:1; margin:0 5px; }
.hclist .swiper-pagination .swiper-pagination-bullet-active{ background:#c9cfd5; width:60px; }
/*homecase*/

/*homeabout*/
.homeabout{ overflow: hidden; }
.homeabout .hamain{ overflow: hidden; margin:4% 0;} 
.homeabout .hatxt{ width:50%;}
.homeabout .hatxt .haname{ width:30%; height:30px; line-height:30px; text-align: center; background:#bd0e1f; font-size:14px; color:#ffffff; }
.homeabout .hatxt h3{ color:#333333; font-size:42px; font-weight:normal; margin:5% 0; }
.homeabout .hatxt .info{ color:#6c6c6c; font-size:16px; line-height:2; }
.homeabout .hatxt .more{ margin-top:8%; width:150px; height:48px; line-height:48px; font-size:16px; display: block; background:#bd0e1f; color:#ffffff; text-align: center;}
.homeabout .hatxt .more span{ background: url(../images/more3.png) no-repeat right center; display: inline-block; padding-right:25px;}
.homeabout .hatxt .more:hover{ background:#000000 ;}

.homeabout .hamap{ width:50%; position: relative;}
.homeabout .hamap img{ width:100%; display: block;}

.homeabout .hamap .coordinate{ top:54%; right:25%; position: absolute; width:10px; height:10px; margin:-5px 0 0 -5px; background:#e60113; border-radius:50%; }
.homeabout .hamap .coordinate:after{ content:""; width:24px; height:24px; position: absolute; top:50%; left:50%; margin:-12px 0 0 -12px; background:#e60113; opacity:0.3; border-radius:50%; }

.mapinfo{ height:220px; width:440px; background:#bd0e1f; padding:0 30px; border-radius:10px; position: absolute; top:75%; left:35%; margin:-110px 0 0 -220px; }
.mapinfo .tit{ color:#ffffff; font-size:24px; text-align: center; line-height:70px; border-bottom:1px solid #e83748; }
.mapinfo ul{ overflow: hidden; padding:25px; }
.mapinfo ul li{ float: left; width:100%; font-size:14px; line-height:32px; color:#ffffff; padding-left:35px; } 
.mapinfo ul li.ico01{ background: url(../images/mapinfo01.png) no-repeat left center; }
.mapinfo ul li.ico02{ background: url(../images/mapinfo02.png) no-repeat left center; }
.mapinfo ul li.ico03{ background: url(../images/mapinfo03.png) no-repeat left center; }
/*homeabout*/

/*homenews*/
.homenews{ overflow: hidden;}

.hnlist{ margin-top:6%; border-right:1px solid #e5e5e5; }
.hnlist li{ float: left; width:33.33%; border-left:1px solid #e5e5e5; position: relative; padding:40px 2% 120px 2%;}
.hnlist li:after{ content:""; width:5px; height:24px; background:#bd0e1f; position: absolute; left:-3px; top:40px; }
.hnlist li .txt{}
.hnlist li .txt .time{ color:#575757; font-size:14px; line-height:24px; position: relative; }
.hnlist li .txt h3{ color:#000000; font-size:18px; margin-top:6%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.hnlist li .txt h3:hover{ color:#bd0e1f;}
.hnlist li .txt p{ color:#6d6d6d; font-size:16px; line-height:30px; height:60px; margin:8% 0 12% 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.hnlist li .txt .more{ color:#575757; font-size:14px; font-weight: bold; }
.hnlist li .txt .more:hover{ color:#bd0e1f;}

.hnlist li .img{ width:100%; margin-top:12%; overflow: hidden; }
.hnlist li .img img{ display: block; width:100%; }
/*homenews*/

/*footer*/
.footer{ overflow: hidden; background:#f1f1f1; }
.footer .footmain{ position: relative; padding:5% 0; overflow: hidden;}

.go-top{ width:80px; text-align:center; height:100px; background:#eaeaea; cursor:pointer; overflow: hidden; position: absolute; top:0; right:0; }
.go-top>div{ width:100%; }
.go-top .ico{ width:20px; height:20px; background: url(../images/go_top.png) no-repeat center center; background-size:cover; margin:0 auto; display: block;}
.go-top span{ font-size:14px; display:block; color:#6e6e6e; line-height:1; margin-top:10px;}
.go-top:hover{ background:#bd0e1f;}
.go-top:hover .ico{ background-image:url(../images/go_top2.png);}
.go-top:hover span{ color:#ffffff;}

.footleft{}
.dblogo{ height:60px; }
.dblogo img{ display: block; height:100%; }

.dbinfo{ color:#717171; font-size:14px; line-height:30px; margin-top:30px; }

.dbnav{ margin-top:90px; color:#717171; font-size:14px; line-height:30px; overflow: hidden; }
.dbnav a{ float: left; margin-left:50px; }
.dbnav a:hover{ color:#bd0e1f; text-decoration: underline; }
.copy{ text-align: right; color:#717171; font-size:14px; line-height:30px; margin:10px 0 15px 0; }
.copy a:hover{ color:#bd0e1f; text-decoration: underline; }


.consulting{ background:url(../images/qq.png) no-repeat 10px center; background-size:12px; padding-left:30px; display:block; width:100px; height:32px; border:1px solid #d2d2d2; line-height:30px; font-size:14px; color:#717171; float:right; text-align:left; }
.consulting:hover{background-image:url(../images/qq2.png); background-color:#bd0e1f; border-color:#bd0e1f; color:#ffffff; text-decoration:none;} 
/*footer*/

.nyban{ position: relative; overflow: hidden; }
.nyban img{ display: block; width:100%; }
.nyban .nybantxt{ position: absolute; left:0; top:0; width:100%; height:100%; color:#ffffff; padding-bottom:4%; }
.nyban .nybantxt h2{ font-size:72px; }
.nyban .nybantxt p{ font-size:18px; margin-top:9px; }
.nyban .nybantxt p span{ margin:0 9px; }
.nyban .nybantxt p a:hover{ text-decoration: underline; }
.nyban .img{ width:50%; position: absolute; right:0; bottom:0;}
/*关于我们*/
.about{ background: url(../images/aboutbj.jpg) no-repeat center bottom; background-size:100% auto; overflow: hidden;}

.about_main{ margin:8% 0;}

.about_txt{ width:50%;}
.about_txt .haname{ width: 30%; height: 30px; line-height: 30px; text-align: center; background: #bd0e1f; font-size: 14px; color: #ffffff;}
.about_txt h3{ color:#333333; font-size:42px; font-weight: normal; margin:5.5% 0 3% 0;}
.about_txt .info{ color:#4f4f4f; font-size:16px; line-height:2.25;}

.about_img{ width:42.8%; margin-top:3.5%; position: relative;}
.about_img:after{ content:""; display: block; width:92px; height:92px; background:#bd0e1f; margin-right:-92px; float: right;}
.about_img img{ display: block; width:100%;}
/*关于我们*/


/*联系我们*/

.mapmain{ overflow: hidden; position: relative; height: 740px; }
.my-map { width: 50%; height: 100%;  position: relative; float: right; } 
.my-map .icon { background: url(https://a.amap.com/lbs-dev-yuntu/static/web/image/tools/creater/marker.png) no-repeat; } 
.my-map .icon-cir { height: 31px; width: 28px; } .my-map .icon-cir-red { background-position: -11px -5px; }
.amap-container{height: 100%;}
.amap-info-sharp{ display: none;}
.amap-info-outer{ display: none;}
.myinfowindow{width: 240px;min-height: 50px; display: none;}
.myinfowindow h5{ height: 20px; line-height: 20px; overflow: hidden; font-size: 14px; font-weight: bold; width: 220px; text-overflow: ellipsis; word-break: break-all; white-space: nowrap; }
.myinfowindow div{ margin-top: 10px; min-height: 40px; line-height: 20px; font-size: 13px; color: #6f6f6f; }


.contxt{ position: absolute; left:0; top:0; width:50%; height:100%; background: rgba(207,35,41,0.9); z-index:1000; padding-left:13%; color:#ffffff; }
.contxt h3{ font-size:72px; }
.contxt p{ font-size:18px; }
.contxt p span{ margin:0 9px; }
.contxt p a:hover{ text-decoration:underline;}

.conlist{ overflow: hidden; margin-top:12%; }
.conlist li{ float: left; width:100%; padding-left:35px; line-height:60px; font-size:18px; }
.conlist li.con01{ background: url(../images/con01.png) no-repeat left center;}
.conlist li.con02{ background: url(../images/con02.png) no-repeat left center;}
.conlist li.con03{ background: url(../images/con03.png) no-repeat left center;}
/*联系我们*/


/*招贤纳士*/
.recruit_top{ margin:6% 0;}

.rtit{ text-align: center; color:#2e2e2e; font-size:30px; }

.recruit_ico{ overflow: hidden; width:60%; margin:4% auto 0 auto; }
.recruit_ico li{ float: left; width:25%; }
.recruit_ico li .ico{ width:70px; margin:0 auto; }
.recruit_ico li .ico img{ display: block; width:100%; }
.recruit_ico li .tit{ text-align: center; color:#5b5b5b; font-size:16px; margin-top:16px; }

.huibj{ background:#fafafa; overflow: hidden; }

.recruit_main{ margin:6% 0;}

.recruit_list{ overflow: hidden; border-top:5px solid #ed1d24; background:#ffffff; margin-top:4%; }
.recruit_list li{ float: left; width:100%;}
.recruit_list li .litop{ overflow: hidden; height:62px; line-height:62px; border-bottom:1px solid #e2e2e2; color:#5b5b5b; font-size:16px; padding:0 3%; cursor: pointer; }
.recruit_list li .litop .tit{ float: left; width:23%;}
.recruit_list li .litop .adds{ float: left; width:23%;}
.recruit_list li .litop .num{ float: left; width:13%;}
.recruit_list li .litop .time{ float: left; width:20%;}
.recruit_list li .litop .btn{ float: right; width:26px; position: relative; height:100%;}
.recruit_list li .litop .btn:after{ content: ""; width:26px; height:26px; left:0; top:50%; margin-top:-13px; background: url(../images/recruit_btn.png) no-repeat center center; background-size:100% auto; position: absolute;
	transform:rotate(180deg); -ms-transform:rotate(180deg); -webkit-transform:rotate(180deg);}

.recruit_list li.on .litop .btn:after{ transform:rotate(0); -ms-transform:rotate(0); -webkit-transform:rotate(0); }

.recruit_list li .licontent{ display: none; }
.recruit_list li .litxt{padding:3%; color:#5b5b5b; font-size:14px; line-height:2; }
.recruit_list li .conleft{ width:48%;}
.recruit_list li .conright{ width:48%;}

.recruit_list li .conbottom{ margin-top:3%;}

.recruit_list li .contips{ font-size:16px; color:#ffffff; text-align: center; padding:16px; background:#5c5c5c;}
/*招贤纳士*/


/*新闻中心*/
.newslist li{ padding-bottom:60px !important;}

.paging{ overflow: hidden; background:#555252; height:60px; text-align: center; font-size:14px; color:#ffffff; font-weight: bold; line-height:50px; }
.paging .container{position: relative; }
.paging .prev,.paging .next{ width:60px; height:60px; position: absolute; top:0;}
.paging .prev{ left:0; background:#999999 url(../images/banner-prev.png) no-repeat center center; background-size:40% 40%; }
.paging .next{ right:0; background:#999999 url(../images/banner-next.png) no-repeat center center; background-size:40% 40%; }

.paging .prev:hover,.paging .next:hover{ background-color:#bd0e1f;}

.paging .num,.paging span{ margin:0 15px; display: inline-block; position: relative;}
.paging .num:after,.paging span:after{ content:""; position: absolute; left:0; bottom:10px; width:100%; height:2px; background:#ffffff; display:none;}
.paging .num:hover:after,.paging span:after{ display: block;}
/*新闻中心*/


/*应用案例*/
.caselist{ overflow: hidden; margin:4% 0 2% 0; }
.caselist li{ width:49%; margin-right:2%; float: left; margin-bottom:2%; }
.caselist li .img{ position: relative; overflow: hidden;}
.caselist li .img:after { content: ""; width: 100%; height: 100%; position: absolute; z-index: 1; left: 0; top: 0;
    background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0) 40%, rgba(0,0,0,0.5) 75%, rgba(0,0,0,0.9) 100%);}
.caselist li img{ display: block; width:100%; }
.caselist li .tit{ line-height:70px; color:#333333; font-size:24px; text-align: center; border-bottom:3px solid #dcdcdc; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.caselist li:hover .tit{ background:#c32222; border-color:#c32222; color:#ffffff; }
/*应用案例*/


/*产品服务*/
.weizhi2{ color:#585858; font-size:14px; line-height:85px; }
.weizhi2 span{ margin:0 7px; }
.weizhi2 a:hover{ color:#c32222; text-decoration: underline; }

.prodleft{ width:22%; padding:25px; background:#ffffff; }
.prod_search{ overflow: hidden; height:48px; border:1px solid #dbdbdb;padding-left: 64px; position: relative; border-radius:5px;}
.prod_search .input{ width: 100%; height:46px; line-height:46px; font-size:14px; color: #202020; padding:0 15px; position: relative;  }
.prod_search:after{ content:""; height:18px; width:1px; background: #dbdbdb; position: absolute; left:64px; top:50%; margin-top:-9px; }
.prod_search .submit{ position: absolute; left:1px; top:1px; background: url(../images/search_btn3.png) no-repeat center center; width:64px; height:46px; cursor: pointer;}


.prodnav{ overflow: hidden; margin-top:25px;}
.prodnav li{ float: left; width:100%; border-bottom: 1px solid #dbdbdb; }
.prodnav li{ line-height:60px; color:#202020; font-size: 16px;}
.prodnav li a{ display: block; padding:0 20px; position: relative; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.prodnav li a:after{ content:""; width:10px; height:10px; background: url(../images/sub02.png) no-repeat center center; position:absolute; top:50%; margin-top:-5px; right:10px ; }

.prodnav li:hover a,.prodnav li.on a{ background: #c32222; color: #ffffff;}
.prodnav li:hover a:after,.prodnav li.on a:after{ background-image: url(../images/sub01.png);}


.prodright{ width:76%; }

.prodright .prodtop{ background:#ffffff; overflow: hidden; padding:25px; }
.prodban{ width:52.5%; border:1px solid #e5e5e5; }
.prodban img{ display: block; width:100%; }

.prodban .swiper-pagination{ line-height:0; bottom:30px; }
.prodban .swiper-pagination-bullet{ width:10px; margin:0 10px; height:10px; opacity:1; background:#e2e1e1; }
.prodban .swiper-pagination-bullet-active{ background:#c20a14;}

.prodban .prodban-prev,.prodban .prodban-next{ width:35px; height:50px; position: absolute; top:50%; margin-top:-25px; z-index:100; cursor: pointer; }
.prodban .prodban-prev{ left:0; background:#cccccc url(../images/banner-prev.png) no-repeat center center; background-size:60% auto; }
.prodban .prodban-next{ right:0; background:#cccccc url(../images/banner-next.png) no-repeat center center; background-size:60% auto; }
.prodban .prodban-prev:hover,.prodban .prodban-next:hover{ background-color:#c20a14; }

.prodtxt{ width:44%;}
.prodtxt h1{ color:#2f2f2f; font-size:30px; margin:6% 0 9% 0; }
.prodtxt .pitit{ background: url(../images/pitit.png) no-repeat left center; color:#2f2f2f; font-size:16px; line-height:35px; padding-left:35px; font-weight: bold; }
.prodtxt .info{ color:#626262; font-size:16px; line-height:30px; padding-left:35px; margin-top:2%; text-align: justify;}

.prodbtn{ overflow: hidden; margin-top:15%; padding-left:35px;}
.prodbtn a{ float: left; height:50px; padding:0 25px; line-height:50px;}
.prodbtn a.online{ background:#e32027;}
.prodbtn a.online span{ display: block; font-size:16px; color:#ffffff; font-weight: bold; padding-left:40px; background: url(../images/prodbtn01.png) no-repeat left center; background-size:auto 100%; }
.prodbtn a.online:hover{ background:#000000;}
.prodbtn a.prodshare{ padding-right:0 !important; }
.prodbtn a.prodshare span{ display: block; font-size:16px; color:#626262; padding-left:40px; background: url(../images/prodbtn03.png) no-repeat left center; background-size:auto 100%; }

.share_pop_up{ display:none; width:380px; padding:48px; border:1px solid #dbdbdb; height:150px; position:fixed; top:50%; left:50%; text-align:center; margin-top:-75px; margin-left:-190px; background:#ffffff; z-index:100; box-shadow: 0 0 15px #666666; z-index:10000;}
.share_pop_up .social-share .social-share-icon{ height:50px; width:50px; line-height:50px; font-size:30px; float:left; margin:0 10px;}


.prodshow{ padding:25px; overflow: hidden; margin-top:2%; background:#ffffff; }

.prodtit{ overflow: hidden; position: relative;}
.prodtit h3{ background:#e32027; color:#ffffff; font-size:16px; font-weight: bold; padding:0 20px; line-height:40px; float: left;}
.prodtit:after{ content:""; position: absolute; left:0; bottom:0; width:100%; height:1px; background:#dedede; }

.pcontent{ margin:3% 0;}

.ptxt{ color:#606060; font-size:16px; line-height:2; }

.plist{ overflow: hidden; }
.plist li{ float: left; font-size:16px; line-height:1.5; padding:6px 0; color:#606060; width:50%; position: relative; padding-left:25px; }
.plist li:after{ content:""; left:0; top:50%; margin-top:-6px; width:6px; height:6px; border-radius:50%; border:3px solid #c20a14; position: absolute;}


.applist{ overflow: hidden; color:#4a4041; font-size:16px; margin-top:2%; }
.applist li{ float: left; background:#f8e6e6; line-height:36px; padding:0 20px; margin:5px; }

.ptxt table {width: 100%;background: #dedbdb; border-collapse: collapse; margin-top:3%; color:#606060; font-size:16px; }
.ptxt table th,.ptxt table td { border: 1px solid #dcdcdc;}	
.ptxt table tr {background: #fff;}
.ptxt table td{ padding:10px 30px; width:auto !important;}

.prodpage{ overflow: hidden; color:#606060; font-size:16px; line-height:85px;}
.prodpage div{ width:49%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.prodpage div.fr{ text-align: right;}
.prodpage a:hover{ color:#c32222; text-decoration: underline; }


.prod_download{ text-align:center; margin:3% 0;  }
.prod_download a{padding:0 30px; height:50px; line-height:50px; text-align:center; font-weight:bold; background:#e32027; font-size:16px; color:#ffffff; display: inline-block;}
.prod_download a span{ display:block; padding-left:35px; background:url(../images/prod_download.png) no-repeat left center; background-size:25px;}
.prod_download a:hover{ background:#000000;}

/*产品服务*/


/*内容页*/
.showmian{ overflow: hidden; background:#ffffff; margin:4% 0; }

.showmian{ padding:3% 3% 0 3%; }
.showtop{}
.showtop h1{ color:#323232; font-size:28px; }
.showtop .parameter{ color:#666666; overflow: hidden; margin:2% 0; font-size:16px;}

.showinfo{ background:#f3f4f4; padding:2%; color:#5e5e5e; font-size:16px; line-height:1.8; }

.showtxt{ color: #3a3a3a; font-size: 16px; line-height:1.8; margin-top:2%;}
.showtxt img{ max-width:100%; height: auto !important;}

.showpaging{ overflow: hidden; line-height:70px; border-top:1px solid #e8e8e8; margin-top:2%; }
.showpaging div{ width:49%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.showpaging div.fr{ text-align:right;}
.showpaging a:hover{ color:#c32222; text-decoration: underline; }

/*内容页*/




.animated{opacity: 0;}

.nav li,.hplist li .content1 .txt .more,.hplist li .content2 .txt .more,.hclist .swiper-slide img,.hclist .swiper-slide .txt,.homeabout .hatxt .more,.hnlist li .txt h3,
.hnlist li .txt .more,.dbnav a,.copy a,.consulting,.recruit_list li .litop .btn:after,.caselist li .tit,.paging .prev, .paging .next,.showpaging a,.weizhi2 a,.prodnav li a,.prodbtn a.online,
.prodban .prodban-prev, .prodban .prodban-next,.prodpage a,.go-top,.go-top .ico,.go-top span{transition: 0.3s;
-o-transition: 0.3s;
-ms-transition: 0.3s;
-moz-transition: 0.3s;
-webkit-transition: 0.3s;
}


.hnlist li .img img,.hclist .swiper-slide-active img,.caselist li img{
-webkit-transition: all .5s ease-in;
-o-transition: all .5s ease-in;
-ms-transition: all .5s ease-in;
-moz-transition: all .5s ease-in;}

.hnlist li .img:hover img,.hclist .swiper-slide-active:hover img,.caselist li:hover img{
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);}


.delay2{-webkit-animation-delay:.2s;animation-delay:.2s; -moz-animation-delay:.2s;
-o-animation-delay:.2s;-ms-animation-delay:.2s;}
.delay3{-webkit-animation-delay:.4s;animation-delay:.4s; -moz-animation-delay:.4s;
-o-animation-delay:.4s;-ms-animation-delay:.4s;}
.delay4{-webkit-animation-delay:.6s;animation-delay:.6s; -moz-animation-delay:.6s;
-o-animation-delay:.6s;-ms-animation-delay:.6s;}
.delay5{-webkit-animation-delay:.8s;animation-delay:.8s;; -moz-animation-delay:.8s;
-o-animation-delay:.8s;-ms-animation-delay:.8s;}
.delay6{-webkit-animation-delay:1s;animation-delay:1s; -moz-animation-delay:1s;
-o-animation-delay:1s;-ms-animation-delay:1s;}









@-webkit-keyframes myFade{
	0%{opacity: 1;top:0;}
	25%{top:-10px;opacity: 0.3;}
	50%{top:0px;opacity: 1;}
	75%{top:10px;opacity: 0.3;}
	100%{opacity: 1;top:0px;}
}

@-moz-keyframes myFade{
	0%{opacity: 1;top:0;}
	25%{top:-10px;opacity: 0.3;}
	50%{top:0px;opacity: 1;}
	75%{top:10px;opacity: 0.3;}
	100%{opacity: 1;top:0px;}
}

@-o-keyframes myFade{
	0%{opacity: 1;top:0;}
	25%{top:-10px;opacity: 0.3;}
	50%{top:0px;opacity: 1;}
	75%{top:10px;opacity: 0.3;}
	100%{opacity: 1;top:0px;}
}

@keyframes myFade{
	0%{opacity: 1;top:0;}
	25%{top:-10px;opacity: 0.3;}
	50%{top:0px;opacity: 1;}
	75%{top:10px;opacity: 0.3;}
	100%{opacity: 1;top:0px;}
}