*{font-family: "微软雅黑";color: #333;}
p,h1,h2,h3,h4,h5,h6{margin: 0;}
ul{list-style: none;margin: 0;padding: 0;}
a,a:hover{text-decoration: none;color: #333333;}
@charset "utf-8";

@font-face{font-family:'iconfont';src:url('http://at.alicdn.com/t/font_1432720974_1547027.eot');src:url('http://at.alicdn.com/t/font_1432720974_1547027.eot?#iefix') format('embedded-opentype'),url('http://at.alicdn.com/t/font_1432720974_1547027.woff') format('woff'),url('http://at.alicdn.com/t/font_1432720974_1547027.ttf') format('truetype'),url('http://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"}
.text-blod{font-weight: bold;}

body{position: relative;}

/*主页*/
.main{width: 100%;position: relative;z-index: 99;}
.mainbox{padding-top: 30px;width: 100%;}
.mainbox:after{display:block;clear:both;content:"";visibility:hidden;height:0;}
.mainbox{zoom:1;}
.main_top:after{display:block;clear:both;content:"";visibility:hidden;height:0;}
.main_top{zoom:1;}
.logobox{width: 71%;float: left;}
.logobox .logo1 img{max-width: 100%;padding-right: 15px;}

.logobox .logo2 img{max-width: 100%;padding-left: 15px;border-left: 1px solid #9ec5f4;}
.logobox .logo1{float: left;line-height: 73px;width: 45%;}
.logobox .logo2{float: left;line-height: 73px;width: 55%;}
.iconbox{float: right;}
.iconbox a{line-height: 73px;display: block;float: left;margin-left: 19px;position: relative;}
.iconbox a .s_icon{position: absolute;top: 0;left: 0;}
.iconbox a .h_icon{opacity: 0;
transition:all 0.2s;
-moz-transition:all 0.2s; /* Firefox 4 */
-webkit-transition:all 0.2s; /* Safari 和 Chrome */
-o-transition:all 0.2s; /* Opera */
}
.iconbox a:hover .h_icon{opacity: 1;}
.iconbox a:hover .s_icon{opacity: 0;}
.iconbox a .ewmbox {position: absolute;z-index: 999; display: none; top:100%;right:0;width: 120px;}
.iconbox a .ewmbox img{max-width: 100%;border: 2px solid #ddd;}
.iconbox a:hover .ewmbox{display: block;}

.main_banner{position: absolute;z-index: 1; left: 0;top: 0;width: 100%;height: 100%; }
.main_banner .cbanner {height: 100%}
.main_banner .cbanner .banner1{height: 100%}
.main_banner .cbanner .banner1 span{display: block;width: 100%;height: 100%;}
.main_banner .hbanner {height: 100%}
.main_banner .hbanner .banner1{height: 100%}
.main_banner .hbanner .banner1 span{display: block;width: 100%;height: 100%;}
.baner-1{position: relative;z-index:-1;}
.bannerpic{margin-top: 10%;}
.bannerpic .imgbox{width: 50%;}
.bannerpic img{max-width: 100%;}
@media only screen and (max-width:767px ) {
	.bannerpic img{max-width: 60%;}
	.bannerpic {text-align: center;}
	.bannerpic .imgbox{width: 100%;}
}
.imgbox2,.imgbox3{float: right;}




.main_down{width: 100%;background: rgba(0,101,253,.42);margin-top: 10%;}
.main_down .downbox{line-height: 30px;text-align: center; font-size: 14px;padding: 28px 0;border-top: 1px solid #3f83e4;}
.main_down .downbox p{color: #fff;}
.main_link{width: 100%;border-bottom: 1px solid #6aa3e4;padding: 45px 0;}
.linkbox ul li{width:16.666666%;float: left;}
.linkbox ul li a{display:block;width: 100%;overflow: hidden;text-align: center;}
.linkbox ul li a .icon01 img{max-width: 100%;}
.linkbox ul li a h4{font-size: 18px;color: #fff;line-height: 28px;}
.linkbox ul li a p{font-size: 12px;line-height: 18px; font-family: Aparajita;text-transform: uppercase;color: #fff;}

@media only screen and (max-width:991px ) {
	.logobox{width: 80%;}
	
}
@media only screen and (max-width:767px ) {
	.mainbox{padding-top: 0px;}
	.logobox{width: 70%;}
	.logobox .logo1{width: 100%;float: none;line-height:66px;}
	.logobox .logo2{width: 100%;float: none;line-height:66px;}
	.logobox .logo1 img,.logobox .logo2 img{padding-left: 10px;border: none;}
	.main_banner h3{font-size:40px;margin-bottom: 25px;}
	.main_banner h4{font-size: 22px;margin-bottom: 25px;line-height: 30px;}
	.main_link{padding: 35px 0;}
	.linkbox ul li a h4{font-size: 16px;}
	.main_menu{width: 30%;min-width: 150px;position: absolute;right: 0;top: 60px;}
	.main_menu ul li a{display: block;width: 100%;text-align: center;line-height: 30px;background: rgba(0,101,253,.4);color: #fff;}
	.main_menu ul li a{border-bottom: 1px solid #ddd;}
	.mainbox{position: relative;}
	#ckbtn{width: 40px;line-height: 40px;text-align: center;position: absolute;right:5px;top: 20px;}
	#ckbtn span{color: #fff;font-size: 24px;}
}
@media only screen and (max-width:640px ) {
	.main_banner h3{font-size:36px;margin-bottom: 20px;}
	.main_banner h4{font-size: 20px;margin-bottom: 20px;}
	.main_down .downbox p{font-size: 12px;line-height: 22px;}
	.main_link{padding: 25px 0;}
	.linkbox ul li{width: 33.3333%;padding-bottom: 10px;}
	.linkbox ul li a h4{line-height: 24px;}
	.linkbox ul li a p{line-height: 14px;}



	
}
@media only screen and (max-width:560px ) {
	.main_banner h3{font-size:32px;margin-bottom: 20px;}
	.main_banner h4{font-size: 18px;margin-bottom: 20px;}
	.linkbox ul li a h4{font-size: 14px;}
	
	
	
}
@media only screen and (max-width:480px ) {
	.main_top{padding: 10px 0;}
	.logobox .logo1,.logobox .logo2{line-height: 50px;}
	.main_banner h3{font-size:28px;margin-bottom: 20px;}
	.main_banner h4{font-size: 16px;margin-bottom: 20px;}
	
}
@media only screen and (max-width:420px ) {
	.linkbox ul li {padding: 0 4px;}
}

@media only screen and (max-width:380px ) {
	.logobox .logo1,.logobox .logo2{line-height: 40px;}
}


.header:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.header{zoom:1;position: relative;} 


/*.topserch {position: relative;top: 10px;}
.topserch .topinput{height: 30px;top: 2px; border: none;outline:none;padding-left: 10px;z-index: 666;background-color:#e3e3e3;color: #666;border-top-left-radius: 10px;border-bottom-left-radius: 10px;border-right: 1px solid #d8d8d8;}
.topserch button{line-height:30px;padding: 0 10px;top: 0; border-top-right-radius: 10px;border-bottom-right-radius: 10px;background: #e3e3e3;outline:none;border: none;}*/
.head_td{float: left;}
.ck_btn{position: absolute;display: block;width: 40px;text-align: center;line-height: 40px;font-size: 24px;right:5px;top: 20px;color: #ffffff;}
.ck_btn span{color: #004ba2;}
.tel{background: url(../images/tel.png)no-repeat left center;padding-left: 55px;}
.tel h4{font-size: 14px;line-height: 18px;}
.tel h3{font-size: 30px;font-family: impact;color: #e92020;line-height: 40px;}

.menu{background:rgba(255,255,255,.46);position: absolute;width: 100%;z-index: 99;}
.menu ul.yj:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.menu ul.yj{zoom:1;background: url(../images/shu.jpg)repeat-y right center;} 
.menu ul.yj>li{float: left;width: 14.285714%;position: relative;background: url(../images/shu.jpg)repeat-y left center;}
.menu ul.yj>li>a{display: block;width: 100%; position:relative; line-height: 47px;font-size: 16px; text-align: center;color: #404040;}
.menu ul.yj>li:hover>a{background:#0065FD;color: #fff;}
.menu ul.yj>li ul.ejmenu{position: absolute;width: 100%;left: 0;top:100%;display: none;z-index: 9;}
.menu ul.yj>li ul.ejmenu li a{display: block;width: 100%;text-align: center; line-height: 34px; border-bottom: 1px solid #fff;background: #0564bc;color: #fff;transition: all 0.25s;}
.menu ul.yj>li ul.ejmenu li:first-child a{border-top: 1px solid #fff;}
.menu ul.yj>li ul.ejmenu li a:hover{background: #0b85e9;}
.menu ul.yj>li:hover ul.ejmenu{display: block;}
@media only screen and (min-width:768px ) {
	.menu{display: block !important;}
}

@media only screen and (max-width:767px ) {
/*菜单*/
.menu{background: rgba(28,119,255,.7);}
.menu ul.yj{background: none;}
.menu ul.yj>li{background: none;}
.menu ul.yj>li ul.ejmenu{display: none;}
.menu {display: block;width: 30%;min-width: 150px;right: 0;position: absolute;z-index: 9;top:60px;}

.menu ul.yj>li{width: 100%;overflow: hidden;float: none;}
.menu ul.yj>li>a{font-size: 14px;line-height: 32px;background: none;color: #fff; border-bottom: 1px solid rgba(255,255,255,0.8);}
.menu ul.yj>li:before{background: none;}
}

/*手机底部*/
.hot{width:100%; height:58px; background:#8ebbf2; position:fixed; bottom:0; left:0; z-index:99; border-top:solid 2px #fff;}
.hot span{ color:#fff; font-size:16px; line-height:20px;}
.hot h6{ font-size:12px; line-height:20px;}
.hot .row div a{ display:block; color:#fff; padding:7px 0;}
.dbbox{ position: fixed; left: 0; bottom:70px; z-index:99; width: 100%; }
.dbbox .dbs{ position: relative; padding: 0 15px; display:none;}
.dbbox .dbs .neirong{padding: 10px; background: #fff; border-radius: 5px;}
.dbbox .dbs.ewm-box{ text-align:center; }
.dbbox .dbs.ewm-box:after{ content: ""; position: absolute; left:50%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../images/icon/dbtc_jt.png) no-repeat center;}
.dbbox .dbs.fenxiang-box:after{ content: ""; position: absolute; left:75%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../images/icon/dbtc_jt.png) no-repeat center;}
.dbbox .dbs.ewm-box img{ max-width: 140px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 .li{ position: relative; padding: 6px 0; width: 20%; height: 44px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 a{ position: absolute; left: 50%; top:6px; margin:0 0 0 -16px; float: inherit !important; display: block; }
footer ul li a{ padding: 0 10px; height: 12px; font-size: 12px; line-height: 12px; }

/*内页*/

.cenbox:after{display:block;clear:both;content:"";visibility:hidden;height:0;} 
.cenbox{zoom:1;padding: 15px 0;}
.cen_l{width: 24%;float: left;padding-right: 20px;}
.cen_r{width: 76%;float: right;}

.tit01 h3{font-size: 18px;font-weight: bold;color: #0065fd;line-height: 48px;}
.tit01 h3 span{font-size: 12px;color: #acacac;font-weight: normal;text-transform: uppercase;}
.dropmenu{margin-bottom: 15px;}
.dropmenu>ul{padding: 15px 0;border: 1px solid #d3d3d3;}
.dropmenu>ul.lv1>li{border-bottom: 1px dotted #999;}
.dropmenu>ul.lv1>li:last-child{border-bottom: none;}
.dropmenu>ul.lv1>li>a{display: block;width: 100%;background: #fff;font-size: 14px;padding: 9px;position: relative;
transition:all 0.35s;
-moz-transition:all 0.35s; /* Firefox 4 */
-webkit-transition:all 0.35s; /* Safari 和 Chrome */
-o-transition:all 0.35s; /* Opera */
}
.dropmenu>ul.lv1>li>a span{display: block;width: 16px;line-height: 16px;position: absolute;right: 10px;top: 50%;margin-top: -8px;color: #fff;}
.dropmenu>ul.lv1>li>a h4{line-height: 20px;font-size: 16px;color: #2b2b2b;}
.dropmenu>ul.lv1>li>a p{font-size: 12px;line-height: 16px;font-family: Aparajita;text-transform: uppercase;color: #787878;}
.dropmenu>ul.lv1>li a:focus{text-decoration: none;}
.dropmenu>ul.lv1>li{}
.dropmenu>ul.lv1>li:hover>a{background: #0065fd;}
.dropmenu>ul.lv1>li:hover>a h4{color: #fff;}
.dropmenu>ul.lv1>li:hover>a p{color: #fff;}
.dropmenu>ul.lv1>li.act>a{background: #0065fd;}
.dropmenu>ul.lv1>li.act>a h4{color: #fff;}
.dropmenu>ul.lv1>li.act>a p{color: #fff;}

.dropmenu>ul.lv1>li ul.lv2>li{border-bottom: 1px dotted #888888;}
.dropmenu>ul.lv1>li ul.lv2>li:last-child{border-bottom:none ;}
.dropmenu>ul.lv1>li ul.lv2>li>a{display: block;width: 100%;line-height: 42px;background: #e8e8e8; color: #4a4a4a;text-indent: 10px;}
.dropmenu>ul.lv1>li ul.lv2>li>a:hover{color: #0065fd;}

@media only screen and (min-width:768px ) {
	.dropmenu{display: block !important;}
}
@media only screen and (max-width:767px ) {
.cen_l{width: 100%;float: none;padding-right: 0;}
.cen_r{width: 100%;float: none;}
.dropmenu>ul.lv1>li{padding-bottom: 0;}
.dropmenu>ul.lv1>li>a{line-height: 36px;font-size: 14px;border-width: 1px;}
.dropmenu>ul.lv1{border-bottom: 1px solid #049fb7;}
.dropmenu>ul.lv1>li ul.lv2{display: none;}
}
.lx_box .zxly a{display: block;width: 100%;line-height: 49px;border: 1px solid #cfcfcf;text-align: center;margin-bottom: 11px;}
.lx_box .zxly a .hide_pic{display: none;}
.lx_box .lxwm a{display: block;width: 100%;line-height: 49px;border: 1px solid #cfcfcf;text-align: center;}
.lx_box .zxly a:hover .hide_pic{display: inline-block;}
.lx_box .zxly a:hover .show_pic{display: none;}
.lx_box .zxly a:hover span{color: #0065fd;}
.lxwm a:hover{color: #0065fd;}

.suoyin {border-bottom: 1px solid #dcdcdc;}
.suoyin h4{font-size: 12px;line-height: 47px;color: #616161;}
.suoyin h4 b{color: #343434;}

/*底部*/
.cfot{padding: 30px 0;border-top: 1px solid #e2e2e2;margin-top:35px;}
.cfotbox .fotmenu {font-size: 0;text-align: center;width: 100%;max-width: 834px;margin: 0 auto;overflow: hidden;margin-bottom: 20px;}
.cfotbox .fotmenu a{display:block;line-height: 1;text-align: center;width: 14.285714%;float: left; font-size:14px;font-family: "宋体";color: #8f8f8f;}
.fot_p{text-align: center;font-size: 14px;line-height: 20px;}
.fot_p p{color: #adadad;font-family: "宋体";}
.fot_p p a{color: #adadad;}
@media only screen and (max-width:991px ) {
	.cen_l{width: 28%;padding-right: 14px;}
	.cen_r{width: 72%;}
}
@media only screen and (min-width:768px ) {
	.dropbtn{display: none;}
}
@media only screen and (max-width:767px ) {
	.cen_l{width: 100%;padding: 0;}
	.cen_r{width: 100%;}
	.lx_box{display: none;}
	.suoyin{display: none;}
	.tit01{position: relative;width: 100%;padding: 0 10px;border: 1px solid #d3d3d3;}
	.dropbtn{display: block;width: 40px;height: 40px;text-align: center;line-height: 40px;font-size: 20px; position: absolute;right: 0;top: 50%;margin-top: -20px;color: #0065fd;}
	.cfot{display: none;}
}

.con_box{padding: 15px 10px;}

/*关于我们*/
.about .abtxt{font-size: 14px;line-height: 28px;text-indent: 2em;text-align: justify;}
.about img{max-width: 100%;}


/*产品中心*/
.prolist li{padding: 25px 0;border-bottom: 1px dotted #8f8f8f;}
.prolist li a{display: block;width: 100%;overflow: hidden;padding-left: 278px;position: relative;
transition:all 0.35s;
-moz-transition:all 0.35s; /* Firefox 4 */
-webkit-transition:all 0.35s; /* Safari 和 Chrome */
-o-transition:all 0.35s; /* Opera */
}
.prolist li a .pro_pic{position: absolute;left: 0;top: 0;width: 278px;height: 100%;overflow: hidden;}
.prolist li a .pro_pic span{display: block;width: 100%;height: 100%;
transition:all 0.35s;
-moz-transition:all 0.35s; /* Firefox 4 */
-webkit-transition:all 0.35s; /* Safari 和 Chrome */
-o-transition:all 0.35s; /* Opera */
}

.prolist li a .pro_txt{width: 100%;padding: 15px 5px;10px 15px}
.prolist li a .pro_txt h3.tit{font-size:16px;line-height: 30px;margin-bottom: 5px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.prolist li a .pro_txt .pro_tbox{font-size: 14px;line-height: 26px;height: 78px;text-align: justify; overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;}
.prolist li a .pro_txt .pro_tbox p{color: #8f8f8f;}
.prolist li a .pro_txt .more{margin-top: 15px;}
.prolist li a .pro_txt .more span{font-size: 12px;font-family: "宋体";color: #8f8f8f;}

.prolist li a:hover{background: #0B85E9;}
.prolist li a:hover .pro_txt h3.tit{color: #fff;}
.prolist li a:hover .pro_tbox p{color: #fff;}
.prolist li a:hover .pro_txt .more span{color: #fff;}
.prolist li a:hover .pro_pic span{
transform:scale(1.05);
-ms-transform:scale(1.05); 	/* IE 9 */
-moz-transform:scale(1.05); 	/* Firefox */
-webkit-transform:scale(1.05); /* Safari 和 Chrome */
-o-transform:scale(1.05); 	/* Opera */
}

/*页码CSS*/
.yema{width: 100%; text-align: center;margin-top: 20px;}
.yema ul,.yema ul li,.yema ul li a{display: inline-block;}
.yema ul li{padding: 0;}
.yema ul li a{font-size:12px;padding: 2px 8px;border: 1px solid #d7d7d7;transition: all 0.25s;}
.yema ul li a:hover{background: none;border-color: #0065fd;color: #0065fd;}

@media only screen and (max-width:991px ) {
	.prolist li a{padding-left: 260px;}
	.prolist li a .pro_pic{width: 260px;}
}
@media only screen and (max-width:768px ) {
	.prolist li a .pro_txt h3.tit{line-height: 28px;}
	.prolist li a .pro_txt .more{margin-top: 10px;}
}
@media only screen and (max-width:640px ) {
	.prolist li{padding: 15px 0;}
	.prolist li a{padding-left: 220px;}
	.prolist li a .pro_pic{width: 220px;}
	.prolist li a .pro_txt{padding: 10px 5px;}
}

@media only screen and (max-width:480px ) {
	.prolist li a{padding-left: 180px;}
	.prolist li a .pro_pic{width: 180px;}
	.prolist li a .pro_txt h3.tit{margin-bottom: 0;}
	.prolist li a .pro_txt .more{margin-top: 5px;}
	.prolist li a .pro_txt{padding: 5px;}
}

@media only screen and (max-width:380px ) {
	.prolist li a{padding-left: 150px;}
	.prolist li a .pro_pic{width: 150px;}
	.prolist li a .pro_txt .pro_tbox{line-height: 24px;height: 72px;}
	
}

/*产品详情*/
.product-x .pro-x-pic{max-width: 100%;margin: 0 auto;text-align: center; font-weight: bold;}
.product-x .pro-x-pic img{max-width: 100%;border: 1px solid #ddd;}
.product-x .pro-x-txt p{font-size: 14px;line-height: 26px;text-align: justify;text-indent: 2em;}


/*技术支持*/
.tech h4{font-size: 16px;color: #333;line-height: 30px;font-weight: bold;}
.tech .text_txt{font-size: 14px;color: #333;line-height: 25px;text-align: justify;text-indent: 2em;}
.tech img{max-width: 100%;}

.recruit h4{font-size: 16px;color: #333;line-height: 30px;font-weight: bold;}
.recruit img{max-width: 100%;}
.recruit .recuit_tbox{font-size: 14px;color: #333;line-height: 25px;text-align: justify;text-indent: 2em;}

/*在线留言*/
.message form .form-group{width: 570px;margin: 0 auto; max-width: 100%; overflow: hidden;text-align: center;padding-left: 90px;position: relative;margin-bottom: 15px;}
.message form .form-group label{display: inline-block;width: 90px;text-align: center;position: absolute;left: 0;top: 0;line-height: 34px;}
.message form .form-group input.form-control{width:100%;}
.message form .form-group textarea.form-control{width:100%;max-width: 100%;height: 100px;max-height: 100px;}
.message form .form-group .btn_tj{width: 120px;float: left; line-height: 34px;background: #0065fd;color: #fff;border: none;border-radius: 3px;}
.message form .form-group .btn_tj:hover{background: #237bff;}

.contact .lxfs{font-size: 14px;line-height: 30px;}
.contact img{max-width: 100%;}

.showlist li{padding-bottom: 20px;}
.showlist li a{display: block;width: 100%;overflow: hidden;}
.showlist li a .showbox{padding: 2px;border: 1px solid #d3d3d3;
transition:all 0.35s;
-moz-transition:all 0.35s; /* Firefox 4 */
-webkit-transition:all 0.35s; /* Safari 和 Chrome */
-o-transition:all 0.35s; /* Opera */
}
.showlist li a .showbox .showpic{position: relative; display: block; overflow: hidden; margin: 0 auto;}
.showlist li a .showbox .showpic:before{content: ""; padding-top: 73%; display: block;}
.showlist li a .showbox .showpic span{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;
transition:all 0.35s;
-moz-transition:all 0.35s; /* Firefox 4 */
-webkit-transition:all 0.35s; /* Safari 和 Chrome */
-o-transition:all 0.35s; /* Opera */
}
.showlist li a .showtxt{text-align: center;}
.showlist li a .showtxt p{font-size: 14px;line-height: 32px;
transition:all 0.35s;
-moz-transition:all 0.35s; /* Firefox 4 */
-webkit-transition:all 0.35s; /* Safari 和 Chrome */
-o-transition:all 0.35s; /* Opera */
}
.showlist li a:hover .showbox{border-color: #004BA2;}
.showlist li a:hover .showbox .showpic span{
transform:scale(1.05);
-ms-transform:scale(1.05); 	/* IE 9 */
-moz-transform:scale(1.05); 	/* Firefox */
-webkit-transform:scale(1.05); /* Safari 和 Chrome */
-o-transform:scale(1.05); 	/* Opera */
}
.showlist li a:hover .showtxt p{color: #004BA2;}

/*产品展示详情*/
.show_x .show_x_pic img{max-width: 100%;}
.show_x_t{font-size: 16px;line-height: 32px;}
.pro-x-txt img{ max-width: 100% }