@charset "utf-8";
/* CSS Document */ 
body,ol,ul,h1,h2,h3,h4,h5,h6,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
@font-face{font-family:'iconfont';src:url('//at.alicdn.com/t/font_1432720974_1547027.eot');src:url('//at.alicdn.com/t/font_1432720974_1547027.eot?#iefix') format('embedded-opentype'),url('//at.alicdn.com/t/font_1432720974_1547027.woff') format('woff'),url('//at.alicdn.com/t/font_1432720974_1547027.ttf') format('truetype'),url('//at.alicdn.com/t/font_1432720974_1547027.svg#iconfont') format('svg')}
@font-face{font-family:'Pacifico';font-style:normal;font-weight:400;src:local('Pacifico Regular'),local('Pacifico-Regular'),url(http://fonts.gstatic.com/s/pacifico/v7/Q_Z9mv4hySLTMoMjnk_rCfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2')}
.fa{display:inline-block;font-family:"iconfont";font-size:20px;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale}
.fa-icon-qq:before{content:"\e604"}
.fa-icon-weibo:before{content:"\e600"}
.fa-icon-weixin:before{content:"\e605"}
.fa-icon-zaixianzixun:before{content:"\e608"}
body{font-family:"微软雅黑";}
.glyphicon{top:0 !important}
.no-padding{padding:0 !important}
.no-margin{margin:0 !important}
.no-background{background:none !important}
.no-border{border:none !important}
.overflow{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.w100{width:100% !important}
.h100{height:100% !important}
a{text-decoration:none !important;cursor:pointer !important;outline:none !important;}
.container-fluid{max-width:1230px !important}
.tr{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s}
.tr2{transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s}
.tr3{transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s}
.sizeCover{ background-position: 50% 50%; background-size: cover; }
.sizeCover1{ background-position: 50% 50%; background-size: contain;background-repeat: no-repeat;}
.sizeCover2{ background-position: 50% 50%; background-size:70%;background-repeat: no-repeat;}
.dock {top: 300px !important;}
textarea:required,input:required{ -webkit-box-shadow:none; -moz-box-shadow:none; -ms-box-shadow:none; -o-box-shadow:none; box-shadow: none;}

.page22 .xinshow .juli3 .zuo1 .box3{padding-left:0;}
.page22 .xinshow .juli3 .you1 .box3{padding-right:0;}

.gallery img {
    width:100%;
    height:100%;
    transition: -webkit-filter .4s, filter .4s;
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
}

.gallery img:hover {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}

.gallery a{
    display:block;
    padding:5px;
    height:80px;
    overflow:hidden;
}


#top{width:40px; height:40px; border-radius:5px; position:fixed; right:25px; bottom:80px; background:rgba(1,77,152,0.6); color:#fff; text-align:center; line-height:40px; cursor:pointer; z-index:222}
#top span{transform:rotate(90deg); font-size:15px}



.gallery a:hover{border:1px solid #000}
.gallery li{width:20%;}
.xuanzhe{padding:20px 0;margin-top:30px; background:url(../images/cp_bg.jpg) repeat-x top;}
.xuanzhe1{font-size:0;border-bottom:1px solid #e7e7e7;}
.xuanzhe a{margin-right:3px;display:inline-block;width:118px;line-height:42px;background:#c4c4c4;text-align:center;color:#000;font-size:15px}
.xuanzhe a:hover,.xuanzhe a.active{background:#014d98;color:#fff}
.xuanzhe .content123{margin-top:20px;line-height:25px;font-size:14px;color:#000}
.xuanzhe .content123 img{max-width:100%;margin:0 auto;}

.wow
{
transition: ease-in-out .5s;
-moz-transition: ease-in-out .5s; /* Firefox 4 */
-webkit-transition: ease-in-out .5s; /* Safari 和 Chrome */
-o-transition: ease-in-out .5s; /* Opera */
}

.jqueryzoom{position:relative;padding:0px; border: solid 1px #eaeaea;width:100%;height:auto;overflow: hidden; display: inline-block; }
/*放大镜是基于图片大小自动生成的，每次都要把jqueryzoom中img的大小和jqueryzoom盒子大小设置为一样的，不然放大镜滑块有可能溢出*/
.jqueryzoom img{width:100%;height:auto;}
.cloudzoom-lens {
 border:5px solid #014d98;
 width:100px !important;
 height:100px !important;
 box-shadow:0 0 10px rgba(0,0,0,.4);
 cursor:crosshair;
 z-index:10
}
.cloudzoom-zoom {
 border:1px solid #014d98;
 width:300px !important;
 height:300px !important;
 box-shadow:0 0 10px rgba(0,0,0,.4)
}
.cloudzoom-zoom-inside {
 border:0;
 box-shadow:none
}
.cloudzoom-caption {
 display:none;
 text-align:left;
 background-color:#000;
 color:#fff;
 font-weight:700;
 padding:10px;
 font-family:sans-serif;
 font-size:11px
}
.cloudzoom-blank {
 background-image:url(blank.png)
}
.cloudzoom-ajax-loader {
 background-image:url(ajax-loader.gif);
 width:32px;
 height:32px
}


/*头部*/
header .logo_box{height:120px;}
header .logo_box .logo{line-height:120px;}
header .logo_box .logo1{margin-top:30px;}
header .logo_box .logo1 form{}
header .logo_box .logo1 form .ding{position:relative;}
header .logo_box .logo1 form input{border:none;width:450px;height:60px;background:#eeeeee;padding:0 20px;font-size:14px;color:rgba(0,0,0,0.3);line-height:60px;}
header .logo_box .logo1 form button{width:60px;height:60px;background:#eeeeee url(../images/sou.png) no-repeat center center;border:none;padding-left:30px;position:relative;font-size:12px;font-family:"宋体";color:#757575;position:absolute;right:0;top:0;}
.weiyi{width:270px !important;}
header .logo_box .shou .shouji input{border:none;width:150px;border-radius:6px;font-size:18px;height:60px;background:#eeeeee;padding:0 20px;line-height:60px;}
header .logo_box .shou .shouji button{border-radius:6px;}
header .logo_box .shou .shouji{border-radius:6px;}
header .logo_box .shou{position:relative;}
header .logo_box .shou1{position:absolute;right:0;top:20px;}
header .logo_box .shou form button{width:60px;height:60px;background:#eeeeee url(../images/sou.png) no-repeat center center;border:none;padding-left:30px;position:relative;font-size:12px;font-family:"宋体";color:#757575;position:absolute;right:0;top:0;}

/*PC端导航*/
nav{position:relative; background-color:#7f7b78;}
nav a{color:#fff;font-size:16px;}
/*一级导航*/ 
nav .ul1 > li{float:left;position:relative;padding:0;background: url(../images/xian.jpg) no-repeat right center;}
nav .ul1 li a{display:block;position:relative;padding:22px 25px;position: relative;}
/*nav .ul1 li a:before{content: "";position: absolute;left:0;top: 5px;width: 1px;height: 30px;background: #565656;border-left: 1px solid #3f3f3f;border-right:1px solid #6d6d6d;}*/
nav .ul1 li a:hover{color:#fff;background: #2a96ff;}
nav .ul1 li a.active{color:#004d9f;}
/*二级导航*/
nav .ul2{position:absolute;top:100%;width:300%;z-index:100;display:none;left:0px;background: #2a96ff;padding:10px 20px;}
nav .ul2 li{line-height:40px;float:left;width:50%;margin-top:1px;border-right:none;}
nav .ul2 li a{color:#fff;padding:0; padding:0 5px 0 15px;font-size:15px;position: relative;}
nav .ul2 li a:before{content: ">";position: absolute;left:0;top: 0;font-weight: bold;color: #fff;transition: all 0s}
nav .ul1{position:relative;background: #7f7b78;padding:0 15px;}
nav .ul1 .ding{position:absolute;right:15px;top:23px;font-size:0;}
nav .ul1 .ding a{font-size:16px;color:#b4b3b3;padding-left:10px;}
nav .ul1 .ding a img{margin-right:10px;}
nav .ul1 .ding a b{font-weight:normal;position:relative;top:1px;}
nav .ul1 .ding a:hover{color:#2a96ff;}
nav .ul2 li a:hover:before,nav .ul2 li a:hover{color:#333;}
nav .ul1 .ding a img{width:40px;height:26px;}

/*banner轮播*/
.banner{position:relative;text-align:center;}
.banner a{display:block;font-size:0;text-align:center;}
.banner a img{max-width: 100%;}
.banner .swiper-pagination{position:absolute;left:0;bottom:20px;z-index:1;width:100%;font-size:0;text-align:center;}
.banner .swiper-pagination span{margin:0 7px;width:50px;height:10px; background:#9ac42b; opacity: 1;border-radius:0;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{background:#2a96ff;border-top:4px solid #2a96ff;border-bottom:4px solid #2a96ff;position:relative;top:0px;}
.swiper-wrapper {height: auto !important;}
.neiye{text-align:center;}

/*标题*/
.title{text-align:center;}
.title h1{font-size:24px;color:#9f1f22;font-weight: bold;margin-bottom:10px;}
.title span{font-size:16px;color:#414141;}



/*产品中心*/
.product{padding:40px 0;overflow:hidden;}
.product .box{display:block;margin-bottom:20px;}
.product .box .imgbox{overflow:hidden;}
.product .box h3{font-size:14px;color:#464646;margin-top:0px;text-align:center; line-height:34px;}
.product .box:hover .tu{transform:scale(1.1);}
.product .box:hover h3{color:#2a96ff;}
.more{display:block;width:178px;line-height:48px;border:0px solid #e5e5e5;border-radius:5px;text-align:center;margin:20px auto 0 auto;font-size:14px;color:#fff; background-color:#084ebe;}
.more b{font-size:12px;margin-left:10px;position:relative;top:-1px;}
.more:hover{background:#2a96ff;color:#fff;}
.more:hover b{color:#fff;}
.product .swiper4{position:relative;margin-top:35px;}
.product .swiper4 .swiper-button.swiper-button-prev{left:20px;background: url(../images/zuo123.jpg) no-repeat;background-size: cover;cursor: pointer;}
.product .swiper4 .swiper-button.swiper-button-next{right:20px;background: url(../images/you123.jpg) no-repeat;background-size: cover;cursor: pointer;}
.product .swiper4 .swiper-button{width:50px !important;height:50px;top:46%;}
.product .swiper4 .swiper-button-prev.swiper-button-disabled{opacity:0;}
.product .swiper4 .swiper-button-next.swiper-button-disabled{opacity:0;}




/*关于我们*/
.about{padding:40px 0;background:url(../images/shui.jpg) no-repeat center center/cover;}
.about .more{color:#fff;background-color:#084ebe;}
.about .more b{color:#fff;}
.about .title h1{color:#fff;font-weight: bold;}
.about .title span{color:#fff;}
.about .text{font-size:16px;line-height:24px;color:#fff;text-align:center;margin:20px 0 45px 0;}

/*新闻动态*/
.new{padding:40px 0 35px 0;}
.new .juli{margin:35px -5px 0 -5px;}
.new .juli .col-md-6{padding:0 5px;}
.new .box{padding:10px 75px 10px 10px;background:#f5f5f5;display:block;margin-bottom:10px;}
.new .box .kuai{position:relative;padding-left:90px;}
.new .box .imgbox{position:absolute;left:0;top:0;overflow:hidden;}
.new .box .imgbox .tu{width:90px;height:90px;}
.new .box .text{padding:10px 0 0 10px;height:90px;}
.new .box .text1{font-size:16px;color:#464646;line-height:24px;height:48px;overflow:hidden;font-weight:bold;}
.new .box .text h2{font-size:12px;color:#747474;margin-top:8px;}
.new .box:hover .tu{transform:scale(1.1);}
.new .box:hover{background:#004d9f;}
.new .box:hover .text1{color:#fff;}
.new .box:hover h2{color:#fff;}
.new .box1{display:block;padding:20px 19px;background:#f5f5f5;}
.new .box1 .imgbox1{overflow:hidden;}
.new .box1 .wen{margin-top:13px;}
.new .box1 .zuo{font-size:15.5px;color:#464646;font-weight:bold;}
.new .box1 .you{font-size:12px;color:#747474;padding-top:2px;}
.new .box1 .wen1{font-size:12px;color:#747474;margin-top:7px;}
.new .box1:hover .tu1{transform:scale(1.1);}
.new .box1:hover{background:#004d9f;}
.new .box1:hover .zuo{color:#fff;}
.new .box1:hover .you{color:#fff;}
.new .box1:hover .wen1{color:#fff;}


/*成功案例*/
.case{padding:40px 0;background:url(../images/bei.jpg) no-repeat center center/cover;}
.case .title h1{color:#fff;font-weight: bold;}
.case .title span{color:#fff;}
.case .kuai{margin-top:35px;position:relative;padding-left:300px;}
.case .kuai .kuai1{position:absolute;left:0;top:0;}
.case .kuai .kuai1 .tu{width:300px;height:230px;}
.case .kuai .text{height:230px;background:rgba(255,255,255,0.8);padding:35px 45px 0 28px;}
.case .kuai .text h2{font-size:18px;color:#414141;font-weight:bold;}
.case .kuai .text span{font-size:16px;color:#414141;display:block;margin:8px 0 9px 0;}
.case .kuai .text1{font-size:16px;line-height:24px;color:#414141;height:48px;overflow:hidden;}
.case .kuai .more1{display:block;font-size:14px;color:#484647;margin-top:20px;}
.case .kuai .more1 b{font-size:12px;margin-left:10px;position:relative;top:-1px;}
.case .kuai .more1:hover{color:#004d9f;}
.case .kuai .more1:hover b{color:#004d9f;}
.case .juli{margin:20px 0 0 0;}
.case .juli .col-md-3{padding:0;}
.case .box1{display:block;border-radius:4px;}
.case .box1 .imgbox{overflow:hidden;}
.case .box1 .imgbox .tu1{border-radius:4px;}
.case .box1:hover{margin-top:-20px;border:2px solid #004d9f;}
.case .more{margin:40px auto 0 auto;}
.case .more{color:#fff;}
.case .more b{color:#fff;}


/*服务支持*/
.service{padding:35px 0;}
.service .juli{margin:35px -10px 0 -10px;}
.service .juli .col-md-6{padding:0 10px;}
.service .mo{position:relative;padding:0;border-bottom:2px solid #f5f5f5; background-color:#eeeeee;}
.service .mo .more2{position:absolute;right:0;top:14px;display:block;font-size:14px;color:#484647;}
.service .dao{font-size:0;}
.service .dao a{display:inline-block;font-size:18px;color:#747474;padding:0 12px;background:url(../images/shu.png) no-repeat right 55%;}
.service .dao a:first-child{padding-left:-2px;}
.service .dao a:last-child{background:none;}
.service .dao a.active{color:#004d9f;  line-height:55px;}
.service .dao a:hover{color:#fff; background-color:#2a96ff; line-height:55px;}
.service .mo .more2 b{font-size:12px;margin-left:10px;position:relative;top:-1px;}
.service .mo .more2:hover{color:#004d9f;}
.service .mo .more2:hover b{color:#004d9f;}
.service ul{margin-top:8px;}
.service ul li{line-height:35px;position:relative;}
.service ul li a{display:block;width:80%;font-size:16px;color:#464646;}
.service ul li span{display:block;position:absolute;right:0;top:0;font-size:16px;color:#464646;}
.service ul li a:hover{color:#004d9f;}



/*底部*/
footer{padding:40px 0 60px 0;background:#747474;}
footer .dao1{font-size:0;margin-bottom:15px;}
footer .dao1 a{display:inline-block;font-size:14px;font-weight:bold;color:#fff;padding:0 22px 0 0;}
footer .kuai1{position:relative;padding-left:78px;margin-bottom:15px;}
footer .kuai1 span{position:absolute;left:0;top:0;font-size:14px;font-weight:bold;color:#fff;}
footer .kuai1 a{display:inline-block;font-size:14px;color:#fff;}
footer .kuai1 .dao2{color:#fff;}
footer .kuai1 a:hover{color:#004d9f;}
footer .dao1 a:hover{color:#004d9f;}
footer .text{font-size:14px;color:#fff;line-height:24px;}
footer .weizhi{position:relative;}
footer .weizhi .wei{position:absolute;right:0;top:0;padding:13px;border:2px solid #e5e3e2;}
footer .weizhi .wei img{width:160px;height:160px;}
footer .weizhi .wei h3{font-size:14px;font-weight:bold;color:#fff;text-align:center;margin-top:15px;}
footer .text1{font-size:14px;color:rgba(255,255,255,0.4);margin-top:10px;}
footer .text1 img{padding:0 12px;position:relative;top:-2px;}
.yanse{background:#01112b;}


.page{}
.page .double{padding:30px 0 10px 0;}
.page .tupian img{width:100%;}
.page .kill{font-size:0;}
.page .kill a{display:inline-block;font-size:16px;color:#464646;font-weight:bold;padding:10px;}
.page .kill a.active{color:#004d9f;}
.page .kill a:hover{color:#fff;background:#2a96ff;}
.page .kill1 a{display:inline-block;font-size:13px;color:#464646; font-family:Arial, Helvetica, sans-serif;}
.page .kill1 a:hover{color:#014da3}
.page .title1{text-align:center;}
.page .title1 h1{font-size:24px;color:#000000;margin-bottom:8px;}
.page .title1 span{font-size:15px;color:#747474;}
.page .xiang{margin-top:45px;}
.page .xiang1{font-size:16px;line-height:32px;color:#747474;margin-top:10px;}
.page .xiang h5{font-size:18px;font-weight:bold;color:#014da3;margin-top:10px;}


.double .kill li{position:relative;}
.double .kill .ef{display:none;position:absolute;left:0; top:100%; padding-top:10px; width:300%;z-index:99999;background:#2a96ff;}
.double .kill .ef a{display:block;font-size:14px;color:#fff;font-weight:normal;margin-bottom:5px;}

.servi{padding:45px 0 70px 0;}
.servi ul{margin-top:35px;}
.servi li{line-height:75px;position:relative;border-bottom:1px solid #eeeeee;}
.servi li a{display:block;width:75%;font-size:16px;color:#464646;}
.servi li span{display:block;position:absolute;right:0;top:0;font-size:16px;color:#464646;}
.servi li:first-child{border-top:1px solid #eeeeee;}
.servi li:hover{border-radius:4px;background:#014d98;}
.servi li:hover a{padding-left:20px;color:#fff;}
.servi li:hover span{right:20px;color:#fff;}


.xinwen{padding:45px 0 70px 0;}
.xinwen .xinwen1{margin-top:30px;}
.xinwen .box1{display:block;padding:10px 15px 10px 10px;margin-bottom:10px;}
.xinwen .box1:nth-child(even){background:#f5f5f5}
.xinwen .box1 .mokuai{position:relative;padding-left:90px;padding-right:80px}
.xinwen .box1 .xinwen2{position:absolute;left:0;top:0;overflow:hidden;}
.xinwen .box1 .xinwen3{width:90px;height:90px;}
.xinwen .box1 .wenzi{padding:18px 0 0 18px;height:90px;}
.xinwen .box1 .dkill{position:absolute;right:0;top:6px;width:74px;height:74px;border:2px solid #e5e3e2;text-align:center;display:flex; flex-direction:column; justify-content:center;}
.xinwen .box1 .wenzi h3{font-size:16px;color:#464646;font-weight:bold;}
.xinwen .box1 .wenzi h4{font-size:12px;color:#747474;margin-top:15px;}
.xinwen .box1 .dkill b{font-size:14px;color:#747474}
.xinwen .box1 .dkill span{font-size:16px;color:#747474;}
.xinwen .box1:hover{background:#004d9f;}
.xinwen .box1:hover .wenzi h3{color:#fff;}
.xinwen .box1:hover .wenzi h4{color:#fff;}
.xinwen .box1:hover .dkill b{color:#fff;}
.xinwen .box1:hover .dkill span{color:#fff;}
.xinwen .box1:hover .dkill{border:2px solid rgba(255,255,255,0.3);}


.xinshow{padding:50px 0 50px 0;}
.xinshow img{max-width: 100%}
.xinshow .title2{text-align:center;}
.xinshow .title2 h1{font-size:24px;color:#000000;}
.xinshow .title2 span{font-size:16px;color:#747474;margin-top:8px;display:block;}

.xinshow .juli{margin-top:25px;}
.xinshow .text2{padding:20px 0 0 5px;}
.xinshow .text3{font-size:16px;line-height:40px;color:#464646;}
.xinshow .juli .yu{border:6px solid #464646;}
.xinshow .juli1{font-size:16px;line-height:32px;color:#464646;margin:20px 0;}
.xinshow .juli2{margin:0 -9px;}
.xinshow .juli2 .col-md-4{padding:0 9px;}
.xinshow .juli3{padding:10px 40px;background:#f5f5f5;margin:40px 0 30px 0;}
.xinshow .juli3 .zuo1{width:50%;padding-right:50px;}
.xinshow .juli3 .you1{width:50%;padding-left:50px;}
.xinshow .juli3 .zuo1 .box2{position:relative;padding-left: 97px;}
.xinshow .juli3 .you1 .box2{position:relative;padding-right: 97px;}
.xinshow .juli3 .box2{display:block;}
.xinshow .juli3 .zuo1 .box2 .jian{position:absolute;left:0;top:30px;}
.xinshow .juli3 .zuo1 .box3{position:relative;padding-left:90px;}
.xinshow .juli3 .zuo1 .box3 .box4{position:absolute;left:0;top:0;}
.xinshow .juli3 .zuo1 .box3 .box5{width:90px;height:90px;}
.xinshow .juli3 .zuo1 .box6{height:90px;padding:20px 0 0 15px;}
.xinshow .juli3 .box6 h6{font-size:16px;color:#464646;margin-bottom:13px;}
.xinshow .juli3 .box6 span{font-size:12px;color:#747474;}
.xinshow .juli3 .you1 .box3{position:relative;padding-right:90px;}
.xinshow .juli3 .you1 .box3 .box4{position:absolute;right:0;top:0;}
.xinshow .juli3 .you1 .box2 .jian{position:absolute;right:0;top:30px;}
.xinshow .juli3 .you1 .box6{text-align:right;height:90px;padding:20px 15px 0 0;}
.xinshow .juli3 .box2:hover h6{color:#014d98}
.xinshow .xian h5{font-size:24px;color:#000000;margin-bottom:25px;text-align:center}


.xingwen .box1{display:block;padding:10px 15px 10px 10px;margin-bottom:10px;}
.xingwen .box1:nth-child(odd){background:#f5f5f5}
.xingwen .box1 .mokuai{position:relative;padding-left:90px;padding-right:80px}
.xingwen .box1 .xinwen2{position:absolute;left:0;top:0;overflow:hidden;}
.xingwen .box1 .xinwen3{width:90px;height:90px;}
.xingwen .box1 .wenzi{padding:18px 0 0 18px;height:90px;}
.xingwen .box1 .dkill{position:absolute;right:0;top:6px;width:74px;height:74px;border:2px solid #e5e3e2;text-align:center;display:flex; flex-direction:column; justify-content:center;}
.xingwen .box1 .wenzi h3{font-size:16px;color:#464646;font-weight:bold;}
.xingwen .box1 .wenzi h4{font-size:12px;color:#747474;margin-top:15px;}
.xingwen .box1 .dkill b{font-size:14px;color:#747474}
.xingwen .box1 .dkill span{font-size:16px;color:#747474;}
.xingwen .box1:hover{background:#004d9f;}
.xingwen .box1:hover .wenzi h3{color:#fff;}
.xingwen .box1:hover .wenzi h4{color:#fff;}
.xingwen .box1:hover .dkill b{color:#fff;}
.xingwen .box1:hover .dkill span{color:#fff;}
.xingwen .box1:hover .dkill{border:2px solid rgba(255,255,255,0.3);}


.servi form{margin-top:30px;}
.servi form .li{margin:0 -10px;}
.servi form .li .col-md-6{padding:0 10px;}
.servi form input{width:100%;line-height:78px;height:78px;border:2px solid #e5e3e2;padding:0 25px;font-size:16px;color:#b8b7b7;margin-bottom:20px;}
.servi form textarea{width:100%;border:2px solid #e5e3e2;padding:25px;font-size:16px;color:#b8b7b7;height:215px;resize:none}
.servi form button{width:586px;line-height:77px;border:2px solid #014d98;margin:60px auto 0 auto;text-align:center;font-size:24px;color:#014d98;display:block;background:none;}
.servi form button:hover{background:#014d98;color:#fff;}

.page .chan{padding:40px 0 50px 0;}
.page .chan .pre{margin:35px -11px 0 -11px;}
.page .chan .pre .col-md-3{padding:0 11px;}
.page .chan .box{display:block;margin-bottom:40px;}
.page .chan .box .imgbox{overflow:hidden;}
.page .chan .box h3{font-size:16px;color:#464646;margin-top:20px;text-align:center;}
/*.page .chan .box:hover .tu{transform:scale(1.1);}*/
.page .chan .box:hover h3{color:#2a96ff;}

.qudiao .juli .yu{border:none;}
.ling{padding:50px 0 0 10px;}
.ling1{margin-bottom:15px;}
.ling1 b{display:block;font-size:24px;color:#000000;font-weight:normal;}
.ling1 span{font-size:16px;color:#747474;display:block;margin-top:3px;}
.ling .ling3{margin-bottom:8px;}
.ling .ling3 h3{margin-bottom:5px; display: inline-block; padding:0 10px; line-height:39px;height:39px;border-radius:0 9px 9px 0;background:#014d98;font-size:16px;font-weight:bold;color:#fff;}
.ling .ling4{font-size:15px;line-height:22px;color:#464646;}

.killfull{margin-top:30px;}
.killfull .title3{position:relative;}
.killfull .title3 h1{width:92px;line-height:40px;height:40px;border-radius:0 9px 9px 0;background:#014d98;font-size:16px;font-weight:bold;color:#fff;text-align:center;position:relative;z-index:999;}
.killfull .title3:before{content:"";width:100%;height:6px;background:#f6f6f6;position:absolute;left:0;top:17px;}
.killfull table{margin-top:18px;width:100%;}
.killfull table td{border:1px solid #e5e3e2;line-height:70px;text-align:center;font-size:16px;color:#464646;}
.killfull table td:nth-child(1){width:35%;}
.killfull table td:nth-child(2){width:35%;}
.killfull table td:nth-child(3){width:15%;}
.killfull table td:nth-child(4){width:15%;}
.killfull table td a{display:block;font-size:16px;color:#464646;}
.killfull table td a:hover{color:#014d98}

.qudiao .pre11{margin:35px -11px 0 -11px;}
.qudiao .pre11 .col-md-3{padding:0 11px;}
.qudiao .pre11 .box{display:block;margin-bottom:20px;}
.qudiao .pre11 .box .imgbox{overflow:hidden;}
.qudiao .pre11 .box h3{font-size:14px;color:#464646;margin-top:20px;text-align:center;}
.qudiao .pre11 .box:hover .tu{transform:scale(1.1);}
.qudiao .pre11 .box:hover h3{color:#2a96ff;}

.conte{padding:40px 0 40px 0;}
.conte1{text-align:center;line-height:22px;font-size:14px;color:#000;margin:20px 0;}
.conte2{width:100%;height:259px;}
.conte2 img{width:100%;height:100%;}

.swiper2{padding-top:20px}
.swiper2 a{display:block;font-size:14px;color:#000;font-weight:normal;}



/*底部热点*/
	#tabBar{ position: fixed; left:20px; bottom:20px; z-index: 99; width: calc(100% - 40px); height: 50px;}
	#tabBar.active{ animation: tabBarAnimation 3s 1s infinite linear;  }
	#tabBar .clickbtn{ position: absolute; right: 0; bottom: 0; z-index: 2; width:50px; height:50px; font-size: 0; line-height: 50px; background: rgba(255,255,255,0.8); border-radius: 50%; }
	#tabBar .clickbtn span{ display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; opacity: 0; }
	#tabBar .clickbtn img{ width: 22px;}
	#tabBar .clickbtn.on{ animation:clickbtnAnimation 10s 0s infinite linear; box-shadow: 0 3px 5px rgba(0,0,0,0.5); }
	#tabBar .clickbtn.on:before{ content: ""; position: absolute; left: 0; bottom: -5px; z-index: 1; width: 20px; height: 5px;}
	#tabBar .clickbtn.active{ background:url(../images/tabBar/xian2.png) rgba(110,209,207,1); background-size: 100% 100%; }
	#tabBar .clickbtn.active:before{ content: ""; position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; border:solid 1px rgba(255,255,255,0.2); border-radius: 50%; }
	#tabBar .clickbtn.active > img{ opacity: 0;}
	#tabBar .clickbtn.active span{ opacity: 1; }
	#tabBar .navigation{ position: absolute; left:calc(100% - 100px); bottom: 0; z-index: 1; width:0; height: 50px; border-radius: 25px; transition: all 0.3s;}
	#tabBar .navigation:before{ content: ""; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; border-radius: 25px; 
background:-moz-linear-gradient(left,rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.6) 100%);background:-webkit-linear-gradient(left,rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.6) 100%);background:linear-gradient(to right,rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.6) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccffffff',endColorstr='#99ffffff',GradientType=1 );}
	#tabBar .navigation ul{ position: relative; z-index: 2; padding: 0 60px 0 20px; }
	#tabBar .navigation ul li{ width: calc(100% / 3); font-size: 0; }
	#tabBar .navigation ul li a{ position: relative; left: 10px; display: inline-block; vertical-align: top; line-height: 50px;opacity: 0; }
	#tabBar .navigation ul li a .tab-icon{ margin-right: 5px;}
	#tabBar .navigation ul li a .tab-icon img{ width: 22px; }
	#tabBar .navigation ul li a .tab-title{ font-size: 12px;color: #333; }
	#tabBar .navigation.active{ box-shadow: 5px 5px 10px rgba(0,0,0,0.2); animation: navigationAnimation 0.5s 0s linear forwards; }
	#tabBar .navigation.active ul li:nth-child(1) a{animation:navigationAAnimation 0.3s 0.5s linear forwards; }
	#tabBar .navigation.active ul li:nth-child(2) a{animation:navigationAAnimation 0.3s 0.6s linear forwards; }
	#tabBar .navigation.active ul li:nth-child(3) a{animation:navigationAAnimation 0.3s 0.7s linear forwards; }		

	@keyframes tabBarAnimation{
		0%{transform:translate(0,0);}
		30%{transform:translate(0,5px);}
		50%{transform:translate(0,0);}
		70%{transform:translate(0,-5px);}
		100%{transform:translate(0,0);}
	}

	@keyframes navigationAnimation{
		0%{left:calc(100% - 100px); width: 0; }
		80%{ left: -10px; width:100%; }
		90%{ left:  5px; width:100%; }
		100%{ left: 0; width:100%; }
	}

	@keyframes navigationAAnimation{
		from{ left: -10px; opacity: 0; }
		to{ left: 0; opacity: 1; }
	}

	@keyframes clickbtnAnimation{
		0%{ transform: rotateY(0deg); }
		10%{transform: rotateY(270deg); }
		15%{transform: rotateY(180deg); }
		30%{transform: rotateY(0deg); }
		100%{transform: rotateY(0deg); }
	}

@media (max-width:1500px){



}	

@media (max-width:1400px){



}

@media (max-width:1349px){




}

@media (max-width:1300px){



}


@media (max-width:1199px){



}
@media (min-width:992px){




}
@media (max-width:991px){
header .logo_box{height:98px;}
header .logo_box .logo{line-height:98px;}
.title h1{font-size:22px;}
.title span{font-size:14px;}
.more{display:block;width:238px;line-height:48px;}
.about{padding:50px 0;background:url(../images/p1.jpg) no-repeat center center/cover;}
.new .box1{margin-bottom:20px;}
.new .box1 .zuo{width:80%;}
.swiper1{position:relative;padding-right:145px;padding-top:10px;padding-bottom:20px;}
.swiper1 .sding{position:absolute;right:0;top:10px;font-size:0;border-left:2px solid #eeeeee;}
.swiper1 a{font-size:20px;color:#464646;display:block;line-height:26px;}
.swiper1 .sding a{display:inline-block;padding-left:30px;}
.swiper1 a img{width:40px;height:26px;}
.service .dao a{font-size:16px;}
.service ul li a{font-size:15px;width:70%;}
.service ul li span{font-size:15px;}
footer .weizhi .wei{position:static;}
footer .weizhi .wei img{margin:0 auto;}
footer .weizhi .wei{text-align:center;}
footer .text1{text-align:center;}
.page .kill{float:none !important;}
.page .kill1{float:none !important;display:none}
.page .xiang{margin-top:30px;}
.servi{padding:30px 0 50px 0;}
.xinwen .box1 .dkill{display:none;}
.xinwen{padding:35px 0 70px 0;}
.xinshow .juli2 .dll{margin-bottom:10px;}
.xinshow{padding:30px 0 50px 0;}
.xinshow .title2 h1{font-size:22px;}
.xinshow .juli3 .zuo1 .box6{display:none;}
.xinshow .juli3 .you1 .box6{display:none;}
.xinshow .juli3 .you1 .box2{height:90px;}
.xinshow .juli3 .you1{padding-left:10px;}
.xinshow .juli3 .zuo1{padding-right:10px;}
.xinshow .juli3 .zuo1 .box2{height:90px;}
.xingwen .box1 .dkill{display:none;}
.xingwen .box1 .mokuai{padding-right:20px;}
.servi form button{width:100%;line-height:77px;}
.page .kill{width:100%;}
.ling{padding:30px 0 0 0px;}
.xinshow .juli{margin-top:0px;}
.killfull table td{line-height:50px;font-size:14px;}
.killfull table td a{font-size:14px;}
.conte{padding:30px 0 40px 0;}
.new .box .text1 {
    font-size: 12px;
    color: #464646;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    font-weight: bold;
}.new .box1 .zuo {
    font-size: 12px;
    color: #464646;
    font-weight: bold;
}

}

@media (max-width:767px){
header .logo_box .logo img{width:350px;height:auto;}
.case .kuai{margin-top:30px;padding-left:250px;}
.case .kuai .kuai1 .tu{width:250px;height:180px;}
.case .kuai .text{height:180px;padding:15px 15px 0 20px;}
.case .kuai .text h2{font-size:16px;}
.case .kuai .text span{font-size:14px;color:#414141;display:block;margin:8px 0 9px 0;}
.case .kuai .text1{font-size:14px;line-height:24px;color:#414141;height:48px;overflow:hidden;}
.page .title1 h1{font-size:22px;}
.page .title1 span{font-size:12px;}
.xinshow .juli3{padding:10px 20px;margin: 40px 0 30px 0;}
.xinshow .juli3 .zuo1 .box2{padding-left:70px;}
.xinshow .juli3 .you1 .box2{padding-right:70px;}
.servi form input{height:60px;line-height:60px;}
.servi form textarea{height:180px;}
.servi form button{line-height:60px;margin:40px 0 auto 0;}
.product .swiper4 .swiper-button{display:none}
.xiang1 img{ width:100%;}


}
@media (max-width:600px){
header .logo_box .logo img{width:290px;height:auto;}
.swiper1 a{font-size:18px;}
.case .kuai{padding-left:170px;}
.case .kuai .kuai1 .tu{width:170px;height:130px;}
.case .kuai .text{height:130px;padding:8px 5px 0 10px;}
.case .kuai .text h2{font-size:16px;}
.case .kuai .text span{font-size:13px;color:#414141;display:block;margin:5px 0 5px 0;}
.case .kuai .text1{font-size:13px;line-height:22px;color:#414141;height:44px;overflow:hidden;}
.case .kuai .more1{margin-top:5px;}
.service .dao a{font-size:14px;}
.service .mo .more2{font-size:13px;top: 18px;}
.service .mo .more2 b{margin-left:6px;}
.page .kill a{font-size:16px;padding-right:20px;}
.servi li a{font-size:15px;width:70%;}
.servi li span{font-size:15px;}
.xinwen .box1 .mokuai{position:relative;padding-left:90px;padding-right:40px}
.killfull table td{line-height:20px;font-size:12px;padding:20px 0;}
.killfull table td a{font-size:12px;}
.xuanzhe a{margin-bottom:5px;}


}
@media (max-width:479px){
header .logo_box .logo img{width:220px;height:auto;}
header .logo_box .shou form button{width:50px;height:50px;line-height:50px;}
header .logo_box .shou .shouji input{width:140px;font-size:15px;height:50px;line-height:50px;}
header .logo_box{height:80px;}
header .logo_box .logo{line-height:80px;}
header .logo_box .shou .shouji input{border:none;width:110px;}
.more{display:block;width:100px;line-height:30px;}
.new .box{padding:10px 25px 10px 10px;}
.swiper1 a{font-size:16px;}
.swiper1{position:relative;padding-right:125px;}
.swiper1 .sding a{display:inline-block;padding-left:15px;}
.case .kuai .text h2{font-size:15px;}
/*.service .mo .more2{position:static;margin-top:10px;}*/
.service .mo{padding:0;}
.xinwen .box1 .mokuai{position:relative;padding-left:90px;padding-right:10px}
.xinshow .juli3 .zuo1 .box2 .jian img{height:auto;}
.xinshow .juli3 .you1 .box2 .jian img{height:auto;}
.xinshow .juli3 .zuo1 .box2{padding-left:50px;}
.xinshow .juli3 .you1 .box2{padding-right:50px;}
.gallery a{height:60px;}


}
@media (max-width:380px){
header .logo_box .logo img{width:200px;height:auto;}
.swiper1 a{font-size:15px;}
.swiper1 .sding a{display:inline-block;padding-left:20px;}
.page .kill a{font-size:16px;padding-right:15px;}
.xinshow .juli3 .zuo1 .box3 .box5{width:80px;height:80px;}
.xinshow .juli3 .you1 .box3 .box5{width:80px;height:80px;}
.xinshow .juli3 .you1 .box2{height:80px;}
.xinshow .juli3 .zuo1 .box2{height:80px;}
.xinshow .juli3 .zuo1{padding-right:5px;}
.xinshow .juli3 .you1{padding-right:5px;}


}

@media (max-width:370px){
.page .kill a{font-size:15px;padding-right:15px;}



}


@media (max-width:350px){
header .logo_box .logo img{width:170px;height:auto;}



}