﻿*{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;}

.head_top{padding: 9px 0;border-bottom: 1px solid #e7e7e7;}
.head_top h5.wel{float: left;font-size: 12px;line-height: 14px;}
.head_top .head_rbok{float: right;}
.head_top .head_rbok h4.tel{font-size: 12px;color: #838383;line-height: 16px;float: left;background: url(../images/tel.png)no-repeat left center;padding-left: 25px;margin-right: 20px;}
.head_top .head_rbok h4.tel span{color: #fe9732;}
.head_top .head_rbok .linkbox{float: right;}
.head_top .head_rbok .linkbox a{display: block;padding:0 8px; float: left;line-height:14px;font-size: 12px;border-left: 1px solid #6e6e6e;}
.head_top .head_rbok .linkbox a:first-child{border-left: none;}


.header:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.header{zoom:1;position: relative;} 
.headbox:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.headbox{zoom:1;position: relative;padding-left: 475px;} 

.logo_td{position: absolute;left: 0;top:50%;margin-top: -20px;}
.logo_td a{display:block ;overflow: hidden;}
/*.logobox{width:58px;margin-right: 15px;}*/
/*.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: 22px;right: 0;top: 50%;margin-top: -20px;color: #ffffff;}
.ck_btn span{color: #004ba2;}
.menu{width:100%;padding: 38px 0;}
.menu ul.yj:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.menu ul.yj{zoom:1;background: url(../images/shu.jpg)no-repeat right center;} 
.menu ul.yj>li{float: left;width: 10.285714%; display:block; position: relative;background: url(../images/shu.jpg)no-repeat left center;}
.menu ul.yj>li>a{display: block; position:relative; line-height: 32px;width: 86px;margin: 0 auto; font-size: 14px; text-align: center;color: #000000;
transition:all 0.35s;
-moz-transition:all 0.35s; /* Firefox 4 */
-webkit-transition:all 0.35s; /* Safari 和 Chrome */
-o-transition:all 0.35s; /* Opera */
}
.menu ul.yj>li:hover>a{background:#007eff;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 ) {
	.logobox{line-height: 60px;}
/*菜单*/
.menu{padding: 0;}
.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;top: 100%;background: rgba(0,0,0,.5); position: absolute;z-index: 9;}

.menu ul.yj>li{width: 100%;overflow: hidden;float: none;}
.menu ul.yj>li>a{font-size: 14px;line-height: 32px;width: 100%; background: none;border-bottom: 1px solid rgba(255,255,255,0.8);color: #fff;}
.menu ul.yj>li:before{background: none;}
}
/*手机底部*/
.hot{width:100%; height:58px; background:#007eff; 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; }

.in_gonggao{border-bottom: 1px dashed #d2d2d2;}
.gg_box{width: 100%;overflow: hidden;padding:14px 0 ; zoom: 1;position: relative;padding-right: 260px;}
.in_gg{display: inline-block;max-width: 100%;overflow: hidden;padding-left: 35px;background: url(../images/laba.png)no-repeat left center;}
.gg_box h4{font-size: 12px;color: #2e2e2e;line-height: 24px;font-weight: bold;}
.gg_box h4 span{font-size: 12px;color: #2e2e2e;font-weight: normal;margin: 0 12px;}
.gg_box .gg_input{width: 262px;position: absolute;right: 0;top:50%;margin-top: -16px;border: 1px solid #969696;}
.gg_box .gg_input button{width: 60px;display: block;padding: 0;border: none; background: none;background: #414342;color: #fff;line-height: 28px;height: 28px;}
.gg_box .gg_input input{width: 200px;background: #dfdfdf;height: 28px;border: none;padding-left: 5px;}
.gg_box .gg_input button:hover{background: #007AFF;}
.tit01{text-align: center;margin-bottom: 40px;}
.tit01 h3{font-size: 24px;font-weight: bold;color: #2d2d2d;background: url(../images/titbg.png)no-repeat center center;margin-bottom: 12px;}
.tit01 h5{text-transform: uppercase;font-size: 12px;color: #a0a0a0;font-family: Aparajita;}

.in_pro{padding-top: 40px;padding-bottom: 40px;}

.title02 .qh2{font-size: 0;text-align: center;margin-bottom: 35px;}
.title02 .qh2 li{display: inline-block;padding: 0 10px;}
.title02 .qh2 li a{display: block;padding: 0 15px; font-size: 14px; line-height: 26px;text-align: center;background: #c5c0bf;color: #fff;border-radius: 16px;}
.title02 .qh2 li.act a{background: #007eff;}
.title02 .qh2 li:hover a{background: #007eff;}
.title02 .qh2 li a:focus{text-decoration: none;}

.title02 .qh3{font-size: 0;text-align: center;margin-bottom: 35px;}
.title02 .qh3 li{display: inline-block;padding: 0 10px; margin:3px;}
.title02 .qh3 li a{display: block;padding: 0 15px; font-size: 14px; line-height: 26px;text-align: center;background: #c5c0bf;color: #fff;border-radius: 16px;}
.title02 .qh3 li.act a{background: #007eff;}
.title02 .qh3 li:hover a{background: #007eff;}
.title02 .qh3 li a:focus{text-decoration: none;}

.probox ul{width: 100%;overflow: hidden;}
.probox ul li{padding: 0 5px;padding-bottom: 10px;}
.probox ul li a{display: block;width: 100%;overflow: hidden;padding:4px 5px;border: 1px solid #dddddd;background: #fff;
transition:all 0.35s;
-moz-transition:all 0.35s; /* Firefox 4 */
-webkit-transition:all 0.35s; /* Safari 和 Chrome */
-o-transition:all 0.35s; /* Opera */
}
.probox ul li a .in_propic{position: relative; display: block; overflow: hidden; margin: 0 auto;}
.probox ul li a .in_propic:before{content: ""; padding-top: 78.2%; display: block;}
.probox ul li a .in_propic 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 */
}
.probox ul li a .in_protxt{width: 100%;overflow: hidden;}
.probox ul li a .in_protxt h4{width: 100%;text-align: center;font-size: 14px;line-height: 36px;}
.probox ul li a .in_protxt p.more{float: right;width: 68px;text-align: center;line-height: 18px;font-size: 12px;display: none;background: #fff;color: #007eff;margin-top: 9px;}
.probox ul li a:hover{background: #007eff;}
.probox ul li a:hover .in_propic 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 */
}
.probox ul li a:hover .in_protxt h4{color: #fff;float: left;width: auto;}
.probox ul li a:hover .in_protxt p.more{display: block;}
.in_case{padding: 56px 0 60px;}
.in_caselist a{display: block;width: 100%;overflow: hidden;}
.in_caselist a .in_casepic:after{content: ""; display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;border: 1px solid #dfdfdf;
transition:all 0.15s;
-moz-transition:all 0.15s; /* Firefox 4 */
-webkit-transition:all 0.15s; /* Safari 和 Chrome */
-o-transition:all 0.15s; /* Opera */
}
.in_caselist a .in_casepic{position: relative; display: block; overflow: hidden; margin: 0 auto;}
.in_caselist a .in_casepic:before{content: ""; padding-top: 58.87%; display: block;}
.in_caselist a .in_casepic 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 */
}
.in_caselist a .in_casetxt{padding-top: 10px;padding-left: 10px;padding-right: 10px;}
.in_caselist a .in_casetxt h3{font-size: 14px;color: #000000;line-height: 24px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.in_caselist a .in_casetxt p{font-size: 14px;color: #707070;line-height: 24px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.in_caselist a:hover .in_casepic:after{border: 2px solid #007eff;}
.in_caselist a:hover .in_casepic span{}
.in_caselist a:hover .in_casetxt h3{color: #007eff;}
.in_caselist a:hover .in_casetxt p{color: #007eff;}
.in_casebox{position: relative;padding: 0 40px;}
.in_casebox .swiper-button-prev{width: 34px;left: 0; height: 56px;background: url(../images/left_btn.png)no-repeat right center;}
.in_casebox .swiper-button-next{width: 34px;right: 0; height: 56px;background: url(../images/right_btn.png)no-repeat right center;}

.in_ab{padding: 60px 0;border-top: 1px solid #dbdbdb;border-bottom: 1px solid #dbdbdb;background: #ededed;}
.in_abbox {width: 100%;overflow: hidden;}
.in_abbox .in_abl{width: 50%;float: left;}
.in_abbox .in_abr{width: 50%;float: right;padding: 30px 0;padding-left: 35px;}
.in_abbox .in_abl img{max-width: 100%;}
.in_abbox .in_abr .abtit{padding:10px 0;border-bottom: 1px solid #dfdfdf;margin-bottom: 15px;}
.in_abbox .in_abr .abtit h5{font-size: 18px;line-height: 30px;font-weight: bold;}
.in_abbox .in_abr .in_abtbox{font-size: 12px;line-height: 24px;text-align: justify;text-indent: 1.7em;}
.in_abbox .in_abr .in_abtbox p{color: #1f1a17;}

.in_abbox .in_abl a{display: block;width: 100%;overflow: hidden;position: relative;}
.in_abbox .in_abl a .name{position: absolute;right: 40px;bottom: 0;opacity: 0; color: #ffffff;font-weight: bold;
transition:all 0.35s;
-moz-transition:all 0.35s; /* Firefox 4 */
-webkit-transition:all 0.35s; /* Safari 和 Chrome */
-o-transition:all 0.35s; /* Opera */
}
.in_abbox .in_abl a:hover .name{bottom: 30px;opacity: 1;}
.in_abbox .in_abl a span.br{display: block;width: 1px;height:0; background: #ffffff; position: absolute;bottom: 15px;right: 25px;
transition:all 0.35s;
-moz-transition:all 0.35s; /* Firefox 4 */
-webkit-transition:all 0.35s; /* Safari 和 Chrome */
-o-transition:all 0.35s; /* Opera */
}
.in_abbox .in_abl a span.rb{display: block;height: 1px;width:0;background: #ffffff; position: absolute;bottom: 25px;right: 15px;
transition:all 0.35s;
-moz-transition:all 0.35s; /* Firefox 4 */
-webkit-transition:all 0.35s; /* Safari 和 Chrome */
-o-transition:all 0.35s; /* Opera */
}

.in_abbox .in_abl a:hover span.br{display: block;width: 1px;height:calc(100% - 30px);height: -moz-calc(100% - 30px);height: -webkit-calc(100% - 30px); background: #ffffff; position: absolute;bottom: 15px;right: 25px;}
.in_abbox .in_abl a:hover span.rb{display: block;height: 1px;width:calc(100% - 30px);width: -moz-calc(100% - 30px);width: -webkit-calc(100% - 30px);background: #ffffff; position: absolute;bottom: 25px;right: 15px;}


.in_abbox .in_abr .in_abmore{margin-top: 30px;}
.in_abbox .in_abr .in_abmore a{display: block;width: 94px;text-align: center;line-height: 28px;border: 1px solid #363636;
transition:all 0.35s;
-moz-transition:all 0.35s; /* Firefox 4 */
-webkit-transition:all 0.35s; /* Safari 和 Chrome */
-o-transition:all 0.35s; /* Opera */
}
.in_abbox .in_abr .in_abmore a:hover{background: #007AFF;color: #fff;border-color: #004BA2;}
/*技术支持*/
.in_tech{width: 100%;padding-top: 60px;padding-bottom: 60px;}
.in_techlist{width: 100%;overflow: hidden;}
.in_techlist .techlist_01{width: 33.33%;float: left;padding: 0 15px;padding-bottom: 20px;}
.in_techlist .techlist_01 .in_techpic{position: relative; display: block; overflow: hidden; margin: 0 auto;margin-bottom: 10px;border: 1px solid #d7d7d7;}
.in_techlist .techlist_01 .in_techpic:before{content: ""; padding-top: 57.75%; display: block;}
.in_techlist .techlist_01 .in_techpic span{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.in_techlist .techlist_01 .tech_ul li a{width: 100%;display: block; overflow: hidden;padding-right: 82px;position: relative;padding-left:10px;}
.in_techlist .techlist_01 .tech_ul li a:before{content: "";display: block; width:5px;height: 5px;border: 1px solid #626262;border-radius: 50%;position: absolute;left: 0;top: 11px;}
.in_techlist .techlist_01 .tech_ul li a p{font-size:14px;color: #545454;line-height: 26px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.in_techlist .techlist_01 .tech_ul li a span.date{width: 82px;line-height:26px;position: absolute;right: 0;top: 0;color: #aeaeae;}
.in_techlist .techlist_01 .tech_ul li a:hover p{color: #007aff;}
.in_techlist .techlist_01 .tech_ul li a:hover span.date{color: #007aff;}
.in_techlist .techlist_01:hover .in_techpic{border-color: #007AFF;}

/*联系我们*/
.in_con{padding-top: 45px;padding-bottom: 45px;background: #373737;}
.in_con .tit01 h3{color: #fff;}
.in_con .tit01 h5{color: #fff;}
.in_conbox .in_conl{width:50%;float: left;padding-right: 60px;}
.in_conbox .in_conr{width:50%;float: right;padding-left: 60px;}
.in_conbox h3.tit{font-size: 18px;font-weight: bold;color: #007eff;margin-bottom: 25px;}
.in_conbox h3.tit span{font-size: 14px;font-family: arial;color: #949494;text-transform: uppercase;font-weight: normal;margin-left: 5px;}
.map01{margin-bottom: 30px;}
.map01 img{max-width: 100%;}
.in_conl_lxfs{width: 100%;overflow: hidden;position: relative;padding-left: 158px;min-height: 158px;}
.in_conl_lxfs .ewmbox{width: 158px;position: absolute;left: 0;top:50%;
transform:translateY(-50%);
-ms-transform:translateY(-50%); 	/* IE 9 */
-moz-transform:translateY(-50%); 	/* Firefox */
-webkit-transform:translateY(-50%); /* Safari 和 Chrome */
-o-transform:translateY(-50%); 	/* Opera */
}
.in_conl_lxfs .ewmbox img{max-width: 100%;}
.in_conl_lxfs .lxfs{width: 100%;font-size: 14px;line-height: 24px;padding-left: 10px;}
.in_conl_lxfs .lxfs p{color: #fff;}
.in_conr form .input_box{width: 100%;overflow: hidden;margin-bottom: 6px;}
.in_conr form .input_box input{width: 100%;height: 56px;line-height: 56px;padding-left: 5px;border: 1px solid #dfdfdf;}
.in_conr form .input_box textarea{width: 100%;max-width: 100%; height: 140px;max-height:140px;line-height: 56px;padding-left: 5px;border: 1px solid #dfdfdf;	}

.in_conr form .input_box1 input{width: 49%;float: left;line-height: 56px;height: 56px;padding-left: 5px;}
.in_conr form .input_box1 input.input_l{float: left;}
.in_conr form .input_box1 input.input_r{float: right;}
.form_btn{width: 100%;overflow: hidden;}
.form_btn button{background: none;border: none;}
.form_btn button.cz_btn{width: 49%;float: left;height: 56px;line-height: 56px;text-align: center;background: #007eff;color: #fff;}
.form_btn button.tj_btn{width: 49%;float: right;height: 56px;line-height: 56px;text-align: center;background: #515151;color: #fff;}

/*底部*/
.cfot{padding: 30px 0;background: #373737;border-top: 1px solid #5f5f5f;}
.cfot p{font-size: 14px;line-height: 24px;color: #fff;text-align: center;}

@media only screen and (max-width:1199px ) {
	.in_abbox .in_abr{padding: 0;padding-left: 30px;}
	.in_abbox .in_abr .in_abmore{margin-top: 15px;}
}
@media only screen and (max-width:991px ) {
	.gg_box{display: none;}
	.head_td{display: none;}
	.headbox{padding-left: 180px;}
	.in_abbox .in_abr .abtit{padding: 0;margin-bottom: 10px;}
	.in_abbox .in_abr .in_abmore{margin-top: 5px;}
	.in_abbox .in_abr .in_abtbox br{display: none;}
	.in_conbox .in_conl{padding-right: 10px;}
	.in_conbox .in_conr{padding-left: 10px;}
	.in_conl_lxfs{padding-left: 140px;min-height: 140px;}
	.in_conl_lxfs .ewmbox{width: 140px;}
	.main table{ width:80% !important;}
	.main p table{ width:80% !important;}
	.main div table{ width:80% !important;}
	.main p p table{ width:80% !important;}
	
}

@media only screen and (max-width:767px ) {
	.head_top{display: none;padding: 0;}
	.headbox{padding: 0;}
	.logo_td{display: block;position: static;top: 0;left: 0;margin: 0;margin-left: 10px;}
	
	.in_abbox .in_abl{width: 100%;text-align: center;margin-bottom: 10px;}
	.in_abbox .in_abr{width: 100%;padding: 0 10px;}
	.in_techlist .techlist_01{width: 50%;}
	
	.in_conbox .in_conl{width: 100%;padding: 0 15px;margin-bottom: 20px;}
	.in_conbox .in_conr{width: 100%;padding: 0 15px;}
	.cfot{display: none;}
	.title02 .qh2 {width: 100%;overflow: hidden;margin-bottom: 20px;}
	.title02 .qh2 li{width: 25%;float: left;padding: 0 5px;padding-bottom: 10px;}
	.title02 .qh2 li a{display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding: 0 8px;}
	.fgpic{display: none;}
	
	.tit01{margin-bottom: 20px;}
	.tit01 h3{font-size: 20px;}
	
	.in_pro{padding-top: 20px;padding-bottom: 20px;}
	.in_case,.in_ab,.in_tech,.in_con{padding: 20px 0 20px;}
	.in_techlist .techlist_01{padding-bottom: 10px;}
	.in_conbox h3.tit{margin-bottom: 10px;}
	.map01{margin-bottom: 10px;}
		.main table{ width:80% !important;}
	.main p table{ width:80% !important;}
	.main div table{ width:80% !important;}
	.main p p table{ width:80% !important;}
}

@media only screen and (max-width:640px ) {
	.title02 .qh2 li{width: 33.33%;}
		.main table{ width:100% !important;}
	.main p table{ width:100% !important;}
	.main div table{ width:100% !important;}
	.main p p table{ width:100% !important;}
}
@media only screen and (max-width:480px ) {
	.in_techlist .techlist_01{width: 100%;}
	.in_conl_lxfs .ewmbox{width: 100%;position: static;margin: 0;top: 0;left: 0;text-align: center;margin-bottom: 15px;
	transform:translateY(0%);
	-ms-transform:translateY(0%); 	/* IE 9 */
	-moz-transform:translateY(0%); 	/* Firefox */
	-webkit-transform:translateY(0%); /* Safari 和 Chrome */
	-o-transform:translateY(0%); 	/* Opera */
	}
	.in_conl_lxfs{padding-left: 0;position: static;}
	.in_conl_lxfs .lxfs{padding: 0;}

		.main table{ width:100% !important;}
	.main p table{ width:100% !important;}
	.main div table{ width:100% !important;}
	.main p p table{ width:100% !important;}
	
	
}

/*内页*/

.cen_box:after{display:block;clear:both;content:"";visibility:hidden;height:0;} 
.cen_box{zoom:1;padding: 40px 0;}
.cen_l{width: 18%;float: left;}
.cen_r{width: 82%;float: right;padding-left:25px;}
.cen_l .tit02{margin-bottom: 4px;border: 5px solid #d7d7d7;}
.cen_l .tit02 .titbox h4{font-size: 24px;line-height: 32px;color: #fff;}
.cen_l .tit02 .titbox h5{font-size: 12px;font-family: arial;color: #dfdfdf; line-height: 20px;text-transform: uppercase;}
.cen_l .tit02 .titbox{width: 100%;padding: 17px 0 17px 10px;background: #007eff;}
.dropmenu{margin-bottom: 16px;}
.dropmenu>ul.lv1>li>a{display: block;position: relative; width: 100%;height: 44px;padding-top: 8px; margin-bottom: 1px;background: #ffffff;border-bottom: 1px solid #d7d7d7; font-size: 14px;color: #515151;
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 b{display: block;width: 100%;line-height:28px;border-left: 5px solid #ffffff;padding-left: 10%;}
.dropmenu>ul.lv1>li a span.icon_xz{font-size: 14px;color: #2f2f2f;line-height: 1;position: absolute;right: 10%;top: 50%;margin-top: -7px;}
.dropmenu>ul.lv1>li a:focus{text-decoration: none;}
.dropmenu>ul.lv1>li:hover>a{background: #959595;}
.dropmenu>ul.lv1>li.act>a{background: #959595;}
.dropmenu>ul.lv1>li:hover>a b{color: #fff;}
.dropmenu>ul.lv1>li.act>a b{color: #fff;}
.dropmenu>ul.lv1>li:hover>a span.icon_xz{color: #fff;}
.dropmenu>ul.lv1>li.act>a span.icon_xz{color: #fff;transform: rotateZ(90deg);}
.dropmenu>ul.lv1>li ul.lv2>li>a{display: block;width: 100%;line-height: 30px;background: #e4e4e4;font-size: 12px;font-family: "宋体"; color: #484848;border-top: 1px solid #ffffff;padding-left: 15%;}
.dropmenu>ul.lv1>li ul.lv2>li>a:hover{color: #007eff;}
@media only screen and (min-width:768px ) {
	.dropmenu{display: block !important;}
		.main table{ width:80% !important;}
	.main p table{ width:80% !important;}
	.main div table{ width:80% !important;}
	.main p p table{ width:80% !important;}
}
@media only screen and (max-width:767px ) {
	.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 #3d3d3d;}
	.dropmenu>ul.lv1>li ul.lv2{display: none;}
}


.l_lx {padding: 17px 10px;border: 1px solid #d7d7d7;}
.l_lx h3{font-size: 14px;font-weight: bold;line-height: 28px;}
.l_lx .ewmbox2{width: 100%;}
.l_lx .ewmbox2 img{max-width: 100%;}
.l_lx p{font-size: 14px;line-height: 30px;color: #292929;}
.l_lx a.zx{display: block;width: 100%;line-height: 28px;background: #404040;color: #fff;text-align: center;margin: 15px auto;}

.suoyin:after{display:block;clear:both;content:"";visibility:hidden;height:0;} 
.suoyin{zoom:1;background: url(../images/sy_bg.png)repeat-x bottom center;padding-bottom: 10px}
.suoyin h3{float: left;font-family: impact; text-transform: uppercase;line-height: 36px; font-size: 30px;color: #c8c8c8;}
.suoyin h4{float: left; font-size: 18px;line-height: 36px;color: #c8c8c8;font-weight: bold;}
.suoyin h5{float: right;color: #404040;font-size: 12px;line-height: 36px;}
.main{padding-top: 25px;}

@media only screen and (max-width:767px ) {
	.header{padding-left: 5px;}
	.logobox{line-height: 60px;}
	
	.cen_l{width: 100%;float: none;padding: 0;}
	.cen_r{width: 100%;float: none;padding: 0 10px;}
	
	.cen_l .tit02 .titbox{padding: 3px 0;padding-left: 3px; font-size: 0;position: relative;}
	.cen_l .tit02 .titbox h4{display: inline-block;font-size: 16px;}
	.cen_l .tit02 .titbox h5{display: inline-block;margin-left: 3px;}
	.cen_l .tit02 .titbox span{display: block;width: 30px;line-height: 30px;text-align: center;font-size: 12px;color: #fff;position: absolute; right: 0;top: 50%;margin-top: -15px;}
	.l_lx{display: none;}
	.suoyin{display: none;}
	.main table{ width:100% !important;}
	.main p table{ width:100% !important;}
	.main div table{ width:100% !important;}
	.main p p table{ width:100% !important;}
}

/*关于我们*/
.abtxt img{float: left;margin: 0 10px 10px 0;max-width: 100%;}
.abtxt p{font-size: 14px;line-height: 24px;color: #1f1a17;text-indent: 2em;margin-bottom: 10px;}

/*产品展示*/

.prolist ul li{padding: 0 5px;padding-bottom: 10px;}
.prolist ul li a{display: block;width: 100%;overflow: hidden;padding:4px 5px;border: 1px solid #dddddd;background: #fff;
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 ul li a .propic{position: relative; display: block; overflow: hidden; margin: 0 auto;}
.prolist ul li a .propic:before{content: ""; padding-top: 78.2%; display: block;}
.prolist ul li a .propic 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 */
}
.prolist ul li a .protxt{width: 100%;overflow: hidden;}
.prolist ul li a .protxt h4{width: 100%;text-align: center;font-size: 14px;line-height: 36px;}
.prolist ul li a .protxt p.more{float: right;width: 68px;text-align: center;line-height: 18px;font-size: 12px;display: none;background: #fff;color: #007eff;margin-top: 9px;}
.prolist ul li a:hover{background: #007eff;}
.prolist ul li a:hover .propic 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 */
}
.prolist ul li a:hover .protxt h4{color: #fff;float: left;width: auto;}
.prolist ul li a:hover .protxt p.more{display: block;}

/*技术支持*/
/**/
.techlist ul li{padding-bottom:30px;}
.techlist ul li a{display: block;width: 100%;position: relative;/*padding-left: 199px;*/}
.techlist ul li a .techpic{position: absolute;width:199px;height: 100%;left: 0;top: 0;overflow: hidden;border: 1px solid #bebebe;}
.techlist ul li a .techpic 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 */
}
.techlist ul li a .techtxt{width: 100%;padding-left: 10px;}
.techlist ul li a .techtxt h3.techtit{font-size: 16px;line-height: 24px;color: #242424;padding-bottom: 10px;border-bottom: 1px solid #d6d6d6;}
.techlist ul li a .techtxt .txtbox{font-size: 14px;line-height: 24px;height: 96px;overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;text-align: justify;}
.techlist ul li a:hover .techpic{border-color: #007eff;}
.techlist ul li a:hover .techpic 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 */
}
.techlist ul li a:hover .techtxt h3.techtit{color: #007eff;border-bottom-color:#007eff ;}
.techlist ul li a:hover .techtxt .txtbox p{color: #007eff;}


@media only screen and (max-width:767px ) {
	.techlist ul li a .techtxt .txtbox{height: 72px;-webkit-line-clamp:3;margin-bottom: 5px;}
}
@media only screen and (max-width:480px ) {
	.techlist ul li a{padding-left: 160px;}
	.techlist ul li a .techpic{width: 160px;}
	.techlist ul li a .techtxt h3.techtit{padding-bottom: 8px;}
	.techlist ul li a .techtxt .txtbox{height: 48px;-webkit-line-clamp:2;margin-bottom: 5px;}
	.techlist ul li a .techtxt{padding-left: 15px;background: url(../images/icon_yuan.png)no-repeat 5px 5px;}
}
@media only screen and (max-width:380px ) {
	.techlist ul li a{padding-left: 140px;}
	.techlist ul li a .techpic{width: 140px;}
}

/*技术支持详情*/
.tech_x .new_x_pic {margin-bottom: 10px;}
.tech_x .new_x_pic img{max-width: 100%}
.tech_x .new_x_tit{font-size: 16px;color: #000;line-height: 20px;padding: 3px 0;}
.tech_x .newtxt{font-size: 14px;line-height:24px;text-align: justify;}
.tech_x_x .newtxt p{color: #3f3f3f;}

/*联系我们*/
.contact .contxt{font-size: 14px;line-height: 30px;}

/*案例详情*/
.case_x .case_x_pic{text-align: center;}
.case_x .case_x_pic img{max-width: 100%;}
.case_x .case_x_txt{text-align: center;}
.case_x .case_x_txt p{font-size: 14px;line-height: 30px;color: #000;}
/*产品详情*/
.pro_x .pro_x_pic{text-align: center;}
.pro_x .pro_x_pic img{max-width: 100%;}
.pro_x .pro_x_txt{text-align: center;}
.pro_x .pro_x_txt p{font-size: 14px;line-height: 30px;color: #000;}
/*分页样式*/
div.page {padding-right: 3px; padding-left: 3px; padding-bottom: 3px; margin:10px 3px; padding-top: 3px; text-align: left;}
div.page a {border-right: #dedfde 1px solid; padding-right: 6px; background-position: 50% bottom; border-top: #dedfde 1px solid; padding-left: 6px; padding-bottom: 2px; border-left: #dedfde 1px solid; color: #eb5914; margin-right: 3px; padding-top: 2px; border-bottom: #dedfde 1px solid; text-decoration: none;}
div.page a:hover {border-right: #000 1px solid; border-top: #000 1px solid; background-image: none; border-left: #000 1px solid; color: #fff; border-bottom: #000 1px solid; background-color: #777777;}
div.page a:active {border-right: #000 1px solid; border-top: #000 1px solid; background-image: none; border-left: #000 1px solid; color: #fff; border-bottom: #000 1px solid; background-color: #777777;}
div.page span.current {padding-right: 6px; padding-left: 6px; font-weight: bold; padding-bottom: 2px; color: #eb5914; margin-right: 3px; padding-top: 2px;}
div.page span.disabled {padding-right: 6px; padding-left: 6px; padding-bottom: 2px; color: #adaaad; margin-right: 3px; padding-top: 2px;}