@charset "utf-8";

/*全局控制*/
body{margin:0;padding:0;font-size:12px;line-height:22px;font-family:"微软雅黑",Arial;-webkit-text-size-adjust:none;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
input,select,textarea{font-size:12px;line-height:16px;}img{border:0;}ul,li{list-style-type:none;}
a{color:#333;text-decoration:none;}
a:hover{text-decoration:none;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.dis{display:block;}.undis{display:none;}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;}.fnb{font-weight:200;margin-left:-1px;}
.hr_1,.hr_10{font-size:1px;line-height:1px;clear:both;}
.hr_1{height:1px;}.hr_10{height:10px;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none;}
body{ padding-bottom:90px;}
/*头部样式*/
.header{ width:100%; overflow:hidden; box-shadow:0px 1px 10px 0px rgba(188, 184, 184, 0.3); position:fixed; left:0; top:0; background-color:#fff; padding:10px 0; z-index:99999;}
.main{ max-width:1200px; margin:0 auto; overflow:hidden;}
.header .logo{ float:left;}
.header .logo img{ max-height:50px;}
.header .hd{ float:right; overflow:hidden; margin-top:10px;}
.header .hd .nav{ float:left;}
.header .hd .nav li{ float:left;}
.header .hd .nav li a{ font-size:15px; display:inline-block; padding:5px 20px; color:#1a1a1a;}
.header .hd .tel{ float:left; margin-left:30px; background:url(../images/h_tel.png) left center no-repeat; padding-left:38px; font-size:22px; line-height:30px; color:#1472FF;}
.header .zc{ float:right; margin-left:30px;}
.header .zc a{ display: inline-block; font-size:14px; padding:5px 20px; background-color:#1472FF; color:#fff;}
.header .zc a.zc1{ margin-left:20px;}
.subBanner{ width:100%; overflow:hidden; position:relative; margin-top:70px;}
.subBanner .swiper-pagination-bullet{ width:36px; height:5px; background:#333; border-radius:0;}
.subBanner .swiper-container-horizontal>.swiper-pagination-bullets, .subBanner .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:25px;}
.subBanner .swiper-pagination-bullet-active{ background:#fff;}

.pinpai{ width:100%; overflow:hidden; margin-top:80px;}
.tit{ width:100%; overflow: hidden; text-align:center;}
.tit h2{ font-size:35px; line-height:40px; margin-bottom:60px; font-weight:normal;}
.tit span{ display:inline-block; width:100px; height:3px; background-color:#2878f1; border-radius:5px;}
.pinpai ul{ width:100%; overflow:hidden;}
.pinpai ul li{ width:25%; float:left; overflow:hidden; text-align:center; margin-bottom:20px;}
.pinpai ul li .img{ overflow:hidden;}
.pinpai ul li .img img{ max-width:100px;}
.pinpai ul li p{ font-size:16px; line-height:30px; margin-top:20px; color:#666;}
.pinpai .pp{ width:100%; overflow: hidden;}
.pinpai .pp img{ width:100%;}
.mt{ margin-top:50px;}
.mt1{ background:rgba(238,238,238,1); padding-top:70px;}
.mt1 .tim{ width:70%; margin:0 auto; overflow:hidden; font-size:18px; line-height:35px; color:#666;}
.mt1 .tim1{ overflow:hidden; text-align:center; font-size:20px; margin-top:30px; margin-bottom:50px; color:#2878f1;}
.pinpai .pp1{ width:100%; overflow:hidden; margin-top:50px;}
.pinpai .pp1 .pp1-lf{ width:40%; float:left; overflow:hidden;}
.pinpai .pp1 .pp1-rg{ width:58%; float:right; overflow:hidden; margin-top:20px;}
.pinpai .pp1 .pp1-rg img{ width:100%;}
.pinpai .pp1 .pp1-lf dl{ margin-bottom:15px; overflow:hidden;}
.pinpai .pp1 .pp1-lf dl dt{ font-size:20px; line-height:30px;}
.pinpai .pp1 .pp1-lf dl dd{ font-size:16px; color:#666; margin-top:10px;}
.pinpai .more{ width:100%; overflow:hidden; margin-top:30px; text-align:center;}
.pinpai .more a{ display:inline-block; padding:10px 50px; font-size:16px; color:#2878f1; border:1px solid #2878f1; margin:0 50px;}
.pinpai .more a:hover{ background-color:#2878f1; color:#fff;}
.pp2{ width:100%; overflow:hidden; margin-bottom:70px;}
.pp2-img{ width:40%; float:left; overflow:hidden; text-align:center;}
.pp2-img img{ max-width:250px;}
.pp2-info{ width:50%; float:right; overflow:hidden;}
.pp2-info dl{ overflow:hidden; margin-bottom:45px;}
.pp2-info dl dd{ font-size:20px; line-height:30px; margin-bottom:20px;}
.pp2-info dl dt{ font-size:16px; line-height:30px; color:#666;}
.moret{ overflow:hidden;}
.moret a{ display:inline-block; padding:10px 40px; font-size:16px; color:#2878f1; border:1px solid #2878f1; margin-right:50px;}
.moret a:hover{ background-color:#2878f1; color:#fff;}
.moret a.t1{ margin-right:0;}
.min-top{ width:100%; overflow:hidden; padding:30px 0; background-color:#f5f5f5;}
.min-top dl{ width:25%; float:left; overflow: hidden;}
.min-top dl dt{ float:left; overflow:hidden; margin-right:15px; margin-top:10px; margin-left:20px;}
.min-top dl dd{ overflow:hidden;; border-right:1px solid #ddd; padding-right:20px;}
.min-top dl dd span{ font-size:16px; margin-bottom:5px; display:block;}
.min-top dl dd p{ font-size:13px; color:#666;}
.min-top dl.list dd{ border-right:none;}
.jishu{ width:100%; overflow:hidden; margin-top:70px; background:url(../images/bg.jpg) center bottom no-repeat;}
.jishu1{ width:100%; overflow:hidden;}
.jishu1 ul{ width:100%; overflow:hidden;}
.jishu1 ul li{ width:32%; float:left; overflow:hidden; margin-right:2%;}
.jishu1 ul li.lit3{ margin-right:0;}
.jishu1 ul li.lit3 .img img{ height:160px;}
.jishu1 ul li .back{ overflow:hidden; padding:80px 30px; background-color:#fff; border:1px solid #e9e9e9; box-shadow:0px 10px 35px 0px rgba(52, 16, 19, 0.08); border-radius:4px; color:#1A1A1A;}
.jishu1 ul li .back .img{ text-align:center; height:200px;}
.jishu1 ul li .back .info{ text-align:center; margin-top:20px;}
.jishu1 ul li .back .info span{ font-size:22px; color:#1A1A1A;}
.jishu1 ul li .back .info p{ font-size:16px; color:#333; margin-top:30px;}
.jst{ width:100%; overflow:hidden; text-align:center; color:#fff; margin-top:120px; margin-bottom:100px;}
.jst .jst1{ font-size:35px; line-height:40px;}
.jst .jst2{ font-size:22px; margin-bottom:50px; margin-top:40px;}
.jst .js-more{ overflow:hidden; text-align:center;}
.jst .js-more a{width: 150px;
    height: 50px;
    line-height: 50px;
    background: linear-gradient(0deg, #1265ea, #1472FF);
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: inline-block; font-size:18px;}
	
.news-list{ width:100%; overflow:hidden; margin-top:70px; margin-bottom:50px;}	
	
.wrap{ width:100%; overflow:hidden;}
.wrap .main6-left { width: 820px; }
.wrap .main6-left .left-list { width: 820px; height: 165px; }
.wrap .main6-left .left-list .lis-img { width: 240px; height: 165px; border-radius: 4px; overflow: hidden; display: inline-block; float: left; }
.wrap .main6-left .left-list .lis-img img { width: 240px; height: 165px; }
.wrap .main6-left .left-list .left-info { width: 560px; padding-left: 20px; }
.wrap .main6-left .left-list .left-info .info-link { height: 135px; display: block; }
.wrap .main6-left .left-list .left-info .info-link p { width: 560px; height: 85px; color: #999; line-height:26px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; }
.wrap .main6-left .left-list .left-info h3 { font-weight: normal; }
.wrap .main6-left .left-list .left-info p { color: #999; line-height:26px; font-size:14px; }
.wrap .main6-left .left-list .left-info a:hover h3{ color:#1472FF;}
.wrap .main6-right { width: 325px; }
.wrap .main6-right .r-tit { background: url(../images/dot2.png) no-repeat left 8px; }
.wrap .main6-right .right-list { display: block; width: 325px; height: 95px; margin-bottom: 40px; }
.wrap .main6-right .right-list .lis-img { width: 129px; height: 95px; overflow: hidden; }
.wrap .main6-right .right-list .lis-img img { width: 129px; height: 95px; }
.wrap .main6-right .right-list .lis-info { width: 180px; padding-left:15px; }
.wrap .main6-right .right-list .info-top { height: 70px; }
.wrap .main6-right .right-list h3 { font-weight: normal; line-height: 150%; text-overflow: -o-ellipsis-lastline; width: 180px; height: 48px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; font-size:16px;}
.wrap .main6-right .right-list h3:hover{ color:#1472FF;}
.wrap .main6-right .right-list p { color: #999; font-size:14px; }
.wrap .main6-right .lis-btn { display: block; color:#1472FF; width: 323px; height: 48px; line-height: 48px; background: white; border: 1px solid #1472FF; border-radius: 4px; text-align:center; font-size:18px; }
.pb-35 { padding-bottom: 35px;}
.pb-30 { padding-bottom: 30px;}
.f-22 {font-size: 22px;}
.mb-40 { margin-bottom: 40px;}
.fl {
    float: left;
    _display: inline;
}
.f-20 { font-size: 20px;}
.pt-10 { padding-top: 10px;}
.f-15{ font-size:15px;}
.pl-30 { padding-left: 30px;}
.zhibo h2{ font-size:30px; line-height:30px; text-align:center; font-weight:normal; margin-bottom:50px;}
.zhibo .pp3, .zhibo .pp1{ width:1200px; overflow:hidden; margin:60px auto 0;}
.zhibo .pp3 .pp3-img{ width:60%; float:left; overflow:hidden;}
.zhibo .pp3 .pp3-img img{ width:100%;}
.zhibo .pp3 .pp3-info{ float:right; overflow:hidden;}
.zhibo .pp3 .pp3-info dl{ overflow:hidden; margin-top:50px;}
.zhibo .pp3 .pp3-info dl dd{ font-size:24px; line-height:30px;}
.zhibo .pp3 .pp3-info dl dt{ font-size:16px; line-height:30px; color:#666; margin-top:20px;}
.zhibo .pp3 .pp3-info .moret{ margin-top:50px;}
.zhibo .bt{ position:relative; overflow:hidden; padding-bottom:50px;}
.zhibo .bt .swiper-pagination-bullet{ width:36px; height:5px; background:#333; border-radius:0;}
.zhibo .bt .swiper-container-horizontal>.swiper-pagination-bullets, .subBanner .swiper-pagination-custom, .zhibo .bt .swiper-pagination-fraction{ bottom:0px;}
.zhibo .bt .swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 10px;}
.zhibo .bt .swiper-pagination-bullet-active{ background:#2878f1;}
.zhibo .bt .banner_left{ top:50%; display:block; width:40px; height:40px; position:absolute; z-index:10; background:url(../images/camera_skins1.png) center center no-repeat; left:0; transform:translateY(-50%);margin-top:0;}
.maint{ width:1300px; margin:0 auto; position: relative;}
.zhibo .bt .banner_right{ top:50%; display:block; width:40px; height:40px; position:absolute; z-index:10; background:url(../images/camera_skins.png) center center no-repeat;right:0; transform:translateY(-50%); margin-top:0;}

.pinpai .pp3{ width:1200px; overflow:hidden; margin:0 auto;}
.pinpai .pp3 .pp3-img{ width:60%; float:right; overflow:hidden;}
.pinpai .pp3 .pp3-img img{ width:100%;}
.pinpai .pp3 .pp3-info{ float:left; overflow:hidden;}
.pinpai .pp3 .pp3-info dl{ overflow:hidden; margin-top:50px;}
.pinpai .pp3 .pp3-info dl dd{ font-size:24px; line-height:30px;}
.pinpai .pp3 .pp3-info dl dt{ font-size:16px; line-height:30px; color:#666; margin-top:20px;}
.pinpai .pp3 .pp3-info .moret{ margin-top:50px;}

.pinpai .case-list{ width:100%; overflow:hidden; margin-top:0;}
.case-list li{ width:16.66%; float:left; overflow:hidden;}
.case-list li dl{ margin:5px; background-color:#F6FAFF; overflow:hidden; padding:10px 0 20px;}
.case-list li dl dd{ text-align:center; font-size:16px; margin-top:20px;}
.case-list li dl dt{ padding:10px; border:1px solid #ddd;}
.case-list li dl dt img{ width:100%;}
.more1{ overflow:hidden; text-align:center; margin-top:30px;}
.more1 a{ display:inline-block; padding:10px 50px; font-size:18px; color:#1472FF; border:1px solid #1472FF;}
.more1 a:hover{ background-color:#1472FF; color:#fff;}

/*内页样式*/
.newst{ width:100%; overflow:hidden; margin-top:70px; margin-bottom:50px;}
.newst ul{ width:100%; overflow: hidden;}
.newst ul li{ width:100%; overflow:hidden; margin-bottom:30px;}
.newst ul li .new-img{ width:300px; float:left; overflow:hidden; margin-right:30px;}
.newst ul li .new-img img{ width:100%;}
.newst ul li .new-info{ overflow:hidden;}
.newst ul li .new-info h3{ font-size:20px; line-height:30px; margin-top:10px;overflow: hidden;
    text-overflow: ellipsis; height:30px;}
.newst ul li .new-info p{ font-size:15px; line-height:26px; color:#666; margin-top:15px;}
.newst ul li .new-info .xx{ overflow:hidden; margin-top:20px; font-size:15px; color:#666;}
.newst ul li .new-info .xx span{ display:inline-block; margin-left:50px;}
.newst ul li a:hover .new-info h3{ color:#1472FF;}
.new-box{ width:100%; overflow:hidden; margin-top:50px; margin-bottom:30px;}
.new-box h1.title{ text-align:center; font-size:24px; line-height:30px;}
.new-box .info{ text-align:center; font-size:15px; color:#666; margin-top:10px;}
#textarea{ width:100%; overflow:hidden; margin-top:25px; font-size:15px; line-height:28px; color:#444;}
#textarea img{ max-width:100%;}

.hangye{ width:100%; overflow:hidden; margin-top:70px; margin-bottom:50px;}
.hangye ul{ overflow:hidden; width:100%;}
.hangye ul li{ width:23%; float:left; margin:1%; overflow:hidden;}
.hangye ul li img{ width:100%;}
.aab{ width:100%; overflow:hidden; margin-top:70px;}
.abt{ width:100%; overflow:hidden;}
.abt .ab-img{ width:60%; float:left; overflow:hidden;}
.abt .ab-img img{ width:100%;}
.abt .ab-info{ width:35%; float:right; overflow:hidden;}
.abt .ab-info h3{ font-size:20px; line-height:30px; margin-top:25px; font-weight:normal;}
.abt .ab-info p{ font-size:16px; line-height:28px; color:#666; margin-top:20px;}


.mt2{ padding:70px 0; background:rgba(238,238,238,1);}
.mt2 .pp4{ width:100%; overflow:hidden;}
.mt2 .pp4 li{ width:32%; float:left; overflow:hidden; margin-right:2%; margin-bottom:2%;}
.mt2 .pp4 li dl{ overflow:hidden; background-color:#fff; padding:50px 0; text-align:center;}
.mt2 .pp4 li dl dd img{ max-width:120px;}
.mt2 .pp4 li.lit03, .mt2 .pp4 li.lit06{ margin-right:0;}
.mt2 .pp4 li dl dt{ margin-top:15px;}
.mt2 .pp4 li dl dt h3{ font-size:20px; font-weight:normal;}
.mt2 .pp4 li dl dt p{ font-size:15px; color:#666; margin-top:10px;}

/*详细页功能区*/
.preNext{position:relative;}
.preNext .line{height:10px;overflow:hidden;clear:both;background:url(../images/box_dotline.gif) left 15px repeat-x;margin:4px auto;padding-top:10px;}
.preNext .line strong{display:block;width:8px;height:10px;overflow:hidden;font-size:0px;line-height:100px;background:url(../images/box_dotline.gif) right -10px no-repeat;float:left;}
.preNext .text{color:#999; font-size:15px;}
.preNext .text li{ line-height:30px; line-height:30px; overflow: hidden; text-overflow: ellipsis;}



/*分页样式*/
.page_info{text-align:center;margin-top:10px;color:#333; font-size:14px;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:12px;margin-top:10px;}
.page_list a{display:inline-block;color:#898989;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:2px 8px;margin:0 3px; font-size:14px;}
.page_list a:hover{color:#fff;border:1px solid #898989;background:#898989;}
.page_list a.on{color:#fff;border:1px solid #1472FF;background:#1472FF;}

/*底部样式*/
.footer{ width:100%; overflow:hidden; background-color:#050D16; padding:50px 0 20px;}
.foot1{ width:100%; overflow:hidden;}
.foot3{ width:100%; overflow:hidden;}
.foot3-lf{ float:left; overflow:hidden;}
.foot3-lf dl{ width:150px; float:left; overflow:hidden;}
.foot3-lf dl.dl1{ width:360px;}
.foot3-lf dl.dl1 dd{ width:180px; float:left;}
.foot3-lf dl dt{ color:#fff; font-size:18px; margin-bottom:15px;}
.foot3-lf dl dd{ font-size:14px; line-height:35px;}
.foot3-lf dl dd a{ color:#666;}
.foot3-rg{ float:right; overflow:hidden;}
.footer a:hover{ color:#fff;}
.foot2{ width:100%; overflow:hidden; padding-top:20px; margin-top:20px; border-top:1px solid rgba(102, 102, 102, 0.3); text-align:left; color:#666; font-size:14px;}
.foot2 span.sp{ float:right;}
.foot2 span.sp a{ color:#666;}
.foot-tel{ float:left; overflow:hidden; text-align:center;}
.foot-tel span{ display:block; font-size:22px; margin-top:10px; color:#fff; line-height:30px; font-weight:bold;}
.foot-tel p{ font-size:12px; color:#fff;}
.foot-wx{ float:right; overflow:hidden; text-align:center; margin-left:50px; width:110px;}
.foot-wx span{ display:block; color:#fff; margin-top:10px; font-size:14px;}
.weblink{ width:100%; overflow:hidden; margin-top:35px;}
.weblink a{ display:inline-block; font-size:14px; color:#666; margin-right:20px;}
.weblink span{ float:right; color:#fff; font-size:14px;}

.bottom-link { height: 80px; background: linear-gradient(84deg, #1265ea, #1472FF); color: #fff; line-height: 80px; position: fixed; width: 100%; left: 0; bottom: 0; z-index: 999999; }
.bottom-link .btn { display: inline-block; width: 150px; height: 40px; line-height: 40px; color: #fff; border: 2px solid white; border-radius: 4px; }
.bottom-link .close-bottom { display: block; width: 25px; height: 25px; background: url(../images/close_btn.png) no-repeat left top; right: 10px; top: 10px; }
.bottom-link.homeb { line-height: 200%; height: 90px; }
.bottom-link.homeb span { display: inline-block; line-height:30px; }
.bottom-link.homeb span a{ color:#fdc703;}
.bottom-link.homeb .btn { position: relative; top: -15px; }
.wrapt{ width:1200px; margin:0 auto; position:relative;}
.pr-80 {
    padding-right: 80px;
}
.pr { position: relative; }
.pa { position: absolute; }
.f-20 { font-size: 20px; }
.pt-10 { padding-top: 10px; }
.t-l { text-align: left; }
.t-r { text-align: right; }
.t-c { text-align: center; }
.f-15 { font-size: 15px; }
.pt-15 { padding-top: 15px; }
.f-18 { font-size: 18px; }

.im-box { width: 90px; height: 384px; background: white; box-shadow: 0px 5px 32px 0px rgba(157, 160, 164, 0.2); border-radius: 6px; position: fixed; right: 0; top: 50%; margin-top: -242px; z-index: 99999; }
.im-box a { height: 90px; border-bottom: 1px solid #E8EBEF; color: #292929; display: block; }
.im-box a:nth-child(1) { border-radius: 6px 6px 0 0; height: 110px; }
.im-box a:nth-child(4) { border: none; border-radius: 0 0 6px 6px; }
.im-box a .im-icon { width: 90px; height: 50px; padding-top: 10px; text-align:center; }
.im-box a .im-icon img { -webkit-filter: brightness(0); filter: brightness(0); }
.im-box a .tel-hover { width: 111px; height: 111px; border-radius: 6px 6px 0 6px; left: 90px; top: 0; color: #fff; line-height: 30px; transition: 0.5s; -webkit-transition: 0.5s; }
.im-box a:hover { color: #fff; background: #1472FF; }
.im-box a:hover .im-icon img { -webkit-filter: brightness(1); filter: brightness(1); }
.im-box a:hover .tel-hover { left: -110px; }
.lt-center {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;-ms-flex-align: center;-webkit-align-items: center;}