html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, ins, kbd, q, s, samp,small, strike, strong, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, caption,  tbody, tfoot, thead,  th{ margin: 0px; padding: 0px;outline: 0;vertical-align: baselinebaseline; text-decoration:none;} img{border: 0px;}ol, ul { list-style: none;} blockquote, q { quotes: none;} blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}a { blr:expression(this.onFocus=this.blur())}

article,aside,canvas,details,div,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary{display:block;}

input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
input{font-family:"Microsoft YaHei",Arial; color:#111; }
textarea {-webkit-appearance: none;} 
input::-webkit-input-placeholder{
            color:#b5b4b4;
        }
        input::-moz-placeholder{   /* Mozilla Firefox 19+ */
            color:#b5b4b4;
        }
        input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
            color:#b5b4b4;
        }
        input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
            color:#b5b4b4;
}
video::-webkit-media-controls-enclosure{overflow:hidden;}
video::-webkit-media-controls-panel{width:calc(100% + 30px);}
html {font-size: 100%;}
body { font-size:14px; font-family:"Microsoft YaHei",Arial; color:#111; position:relative; -webkit-text-size-adjust:none; line-height:27px; max-width:1920px; min-width:1200px; background-color: #eaf1f7;}
a { color:#111; text-decoration:none; }
a:hover { text-decoration:underline;}

.wrapper {width:1200px; margin:0px auto 0; }
.wrappercc {width:100%; background-color:#fff; }
#header { width:100%; z-index:1003; background: url(../images/header_bg.jpg) repeat-x center top;}
#header div.wrapper { margin-top:0px;}
#header .language { text-align:right; line-height:23px; float:right; margin:26px 0px 0 0; }
#header .logo{z-index: 1001; margin:29px 0 25px 9px; float: left;}
#header .tele_t{float:left; font-size:14px; color:#1c1c1c; margin:55px 0 0 24px;}
.the_nw{background:url(../images/the.jpg) no-repeat left center; float:right; width:317px; height:43px; line-height:43px; color:#323232; font-size:15px; padding-left:32px; margin-top:43px;}
.the_nw span{color:#f10000; font-size:26px; font-family:Arial, Helvetica, sans-serif;}

#header .logo img ,#header .logot img{ display:block; width:100%; max-width:262px; }
#header .Ttele{ text-align:right; float:right; margin-top:8px; width:33.7%; height:98px; background:url(../images/t_liet.jpg) no-repeat left bottom;}
#header .hed-top-not{line-height:40px; height:40px; float:left; width:400px; text-indent:25px; background:url(../images/not.jpg) no-repeat left center;}
#header .tele {padding-left:30px; color:#6d6c6c; float:right; font-size:14px; text-align:left; padding-top:0px; line-height:40px;/* font-weight: bold;*/ background:url(../images/tele.jpg) no-repeat left center;}
#header .tele em{font-size:18px; color:#ff3300; font-style:normal; font-family:Arial, Helvetica, sans-serif;}
#header .tele a { color:#de1e19; }


#header .share {float:left; height:37px; position:relative; padding-top:6px; margin-right:5px; }
#header .share a {display:block;width:37px;height:37px; background-image:url(../images/follow.png);background-repeat:no-repeat;text-indent:-999em; float:left; margin:0 5px; position:relative; padding:0;}
#header .share a:hover {background-image:url(../images/follow_hover.png);}
#header .share a.sina {background-position:0 0;}
#header .share a.qq {background-position:-94px 0;}
#header .share a.weixin {background-position:-47px 0;}

.h_cn, .h_en{float:right; color:#606060; font-size:14px;background:url(../images/cn_img.jpg) no-repeat left center; text-indent:26px;  height:18px; line-height:21px; margin-left:16px; margin-top:39px;}
.h_en{background:url(../images/en_im.jpg) no-repeat right 9px; font-family:Arial; text-indent:0px; text-transform:uppercase; margin-right:20px; padding-right:14px;}
.h_en img{margin:2px 11px 0 0; float: left;}

#nav { margin:0px 0px 0 0px; width:100%; padding-right:0px;}
#nav ul li { float:left; height:50px; display:inline; overflow:hidden;}
#nav ul li.line { width:0px; height:0px; line-height:0px; color:#e5e5e5;} 
#nav ul li.menu {margin:0 13px 0 9px; width:150px;}
#nav ul li.menu_s{margin:0 0px 0 0px;}
#nav ul li.menu_r {margin:0 0px 0 9px;}
#nav ul li.menu a { font-size:14px; line-height:50px; display:block; color:#fff; text-align:center; /*font-weight: bold;*/}
#nav ul li.menu a:hover { text-decoration:none; background:#db0201;}
#nav ul li.menu a.current {background:#db0201;}
#nav ul li.visible-xs { visibility:hidden; display:none; }
#hContainer {}
#nav2, .menuButton{display:none;}

.h_rt{float:right; min-width:64px; height:40px; line-height:40px; margin-right:0px; margin-top:0px; font-size:14px; color:#343232; background:url(../images/cn_img.jpg) no-repeat left center; padding-left:30px;}

/*搜索*/
.demo{float:right; min-width:64px; height:40px; line-height:40px; margin-right:0px; padding-left:30px;}

.mant{ background-color:#f1f1f1; padding-top:0px;}

#footg{}
.m_code{ margin:5px 79px 0 0px; width:280px; float:left;}
.m_code .m_codli{float:left; width:123px; height:33px; line-height:33px; text-indent:15px; color:#fff; background:url(../images/foot_lit.png) no-repeat left center; border:1px solid #5f5f5f; margin:0 15px 9px 0;}
.m_code_the{color:#f9ad1a; text-indent:29px; font-size:20px; background:url(../images/hte_foot.png) no-repeat left center; margin-top:9px; margin-left:33px;}
.downMenu{padding-top:50px; background:url(../images/foot_mt.jpg) no-repeat top center; height:261px;}
.downMenu .qrcode {width:220px; height:246px; float:left; padding:0px 0 0px; margin-bottom:0px; color:#FFFFFF; line-height:30px;}
.downMenu .qrcode a {font-size:14px; color:#fff; }
.downMenu .qrcode p {font-size:16px; color:#FFF; padding-bottom:5px;}
.downMenu .qrcode_2{width:198px;}
.downMenu .qrcode_3{width:120px;}
.code_img{margin-left:2px;}
.downMenu .menu {padding:0px 0; float:left; }
.downMenu .menu dl { float:left; display:inline; padding-left:0px; padding-right:0px; min-height:222px;}
.downMenu .menu .dl_mert{width:297px; padding-left:0px;}
.downMenu .menu .tdp {padding-right:0px; margin-right:0px; width:28px;}
.downMenu .menu dl dt { color:#fff; font-size:16px; margin-bottom:12px;}
.downMenu .menu dl dd { height:30px; line-height:30px; }
.downMenu .menu dl dd a { font-size:14px; color:#cecece; }
.downMenu .menu dl p{color:#fff; line-height:26px; font-size:13px; list-style:none; padding-left:25px;}
.downMenu .menu dl p a{color:#fff;}
.da_01{background:url(../images/da_01.png) no-repeat left top 5px;}
.da_02{background:url(../images/da_02.png) no-repeat left center;}
.da_03{background:url(../images/da_03.png) no-repeat left center;}
.da_04{background:url(../images/da_04.png) no-repeat left center;}
.da_05{background:url(../images/da_05.png) no-repeat left center;}
.da_06{background:url(../images/da_06.png) no-repeat left center;}
.downMenu .menu dl .dilt_t{font-size:16px; margin-bottom:10px;}
.downMenu .menu dl .dilt_th{font-size:16px; color: #fff; padding-bottom:12px; padding-left:0;}
.qrcode dd{line-height:27px; float:left; width:100%;}
.qrcode dd a {font-size:14px; color:#fff; text-align:left; display:block; }

.menu_dh{float:left; width:170px; color:#fff;}
.menu_dh a{color:#fff;}
.menu_dh_2{width:207px;}
.menu_dh dt{font-size: 16px; color: #fff; padding-bottom: 12px;}
.menu_dh_li{line-height:30px; font-size:14px;}

.m_code_wrap { float:right; width:150px; padding:8px 0px 0 0px; line-height:0;}
.m_code_wrap p { line-height:50px; text-align:center; font-size:14px; color:#fff;}
.m_menu_wrap dl span{ padding-left:43px;}

.frcode{float:right; width:150px; margin-left:16px; margin-top:8px;}
.frcode .code{line-height:0; font-size:16px; color:#FFFFFF;}
.frcode .code a {color:#FFFFFF;}
.frcode .code p{height:44px; line-height:44px; font-size:14px; color:#fff; text-align:center;}

#footer {font-size:0.875em; border-top:0px solid #4b4b4b; background-color:#1d1d1d;}
#footer .comp {height:45px; line-height:45px;}
#footer p { color:#fff; font-size:13px; line-height:45px; text-align:center;}
#footer p a { color:#fff; }

#footer .comp_x{ width:100%; line-height:45px; margin:0px;}



.hidden-lg { display:none; visibility:hidden; }
#mobile_nav_wrap, #mobile_nav { display:none; }

.responsimg { width:100%; display:block; }
.responimg { max-width:100%; display:block; margin:0 auto; }
.pcolor { color:#c70773; }

.clear {clear:both; height:0px; margin:0; padding:0; width:0; border:none; overflow:hidden;}
.text26 { text-indent:32px;}
.line15 { height:34px; line-height:34px; }
.font12 { font-size:0.75em;}
.font14 { font-size:0.875em;}
.font16 { font-size:1em;}
.line18 p{line-height:32px; font-size:16px;}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " ";
clear: both; height: 0; }
.clearfix{*zoom:1;}

.page {height:30px; line-height:30px; width:100%; text-align:center; color: #ff0000; margin-bottom:23px; margin-top:20px;}
.page span {padding:5px 10px 5px 10px; background-color:#000; color:#fff; border:solid 1px #000; font-size:0.875em; }
.page a{ color:#444444; border:1px solid #ccc;padding:5px 10px 5px 10px; margin:0 7px; text-decoration:none; background-color:#fff;  font-size:0.875em; }
.page a:hover {color:#fff; background-color:#000; border:1px solid #000;}
.page a.current {color:#fff; background-color:#000; border:1px solid #000;}

/*放大镜样式*/
.info-mask_s { background:url(../images/bg-mask.png) no-repeat center center #004889; display: block; left: 0; opacity: 0; position: absolute; top: 0; transition: all 0.3s ease-in 0s; visibility: hidden; width:100%; height:250px; }
.item:hover .info-mask { opacity: 0.5; filter:alpha(opacity=50); visibility: visible;}


/*搜索*/
#demo-b{float:right; margin-left:15px; margin-right:51px;}

input[type=search] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	font-family: inherit;
	font-size: 100%;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
	display: none; /* remove the search and cancel icon */
}

/* search input field */
input[type=search] {
	background:url(../images/top_li.jpg) no-repeat center left;
	border: solid 0px #ccc;
	padding: 0px;
	width: 53px; height: 38px; text-indent:18px;
	
	-webkit-border-radius: 10em;
	-moz-border-radius: 10em;
	border-radius:0em;
	
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}
input[type=search]:focus{
	width: 130px; height:18px; margin-top:10px;
	background-color: #fff;
	border-color: #6dcff6;
	border: solid 1px #ccc;
	-webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
	-moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
	box-shadow: 0 0 5px rgba(109,207,246,.5);
}

/* placeholder */
input:-moz-placeholder {
	color: #999;
}
input::-webkit-input-placeholder {
	color: #999;
}

.btn{background:url(../images/top_s.jpg) no-repeat center left; width:18px; height:17px; margin-top:11px; border:none; border-radius: 0px;}


/*LGOG*/
.hetant_tp{background-color:#fff; height:100px;}
.logo_s{float:none; margin:0px auto 0; text-align:center; padding-top:23px;}
/*首页产品*/
.lis_p{position:relative; height:100%; width:33.33333%; float:left; line-height:0; margin-top:0px;}
.lis_p_m{margin:0;}
.lis_pive{width:100%;}
.infos-mask { background:url(../images/pic_z.png) no-repeat center center; background-size: 100% 100%; display: block; left: 0; opacity: 0; position: absolute; top: 0; transition: all 0.3s ease-in 0s; visibility: hidden; width:100%; height:100%; opacity:1; visibility: visible;}
.infos-mask_z { background:url(../images/pic_zz.png) no-repeat center center; background-size: 100% 100%; display: block; left: 0; opacity: 0; position: absolute; top: 0; transition: all 0.3s ease-in 0s; visibility: hidden; width:100%; height:100%; opacity:1; visibility: visible;}
.lis_p:hover .infos-mask { opacity:1; visibility: visible;}
.lis_p:hover .infos-mask_z { opacity:1; visibility: visible;}
.infos-mask-line{text-align:center; padding:40% 0 0 0;}
.infos-mask-line span{width:156px; display:block; height:33px; line-height:33px; border:1px solid #fff; border-radius:30px; text-align: left; text-indent:45px; margin:63px auto 0; color:#fff; font-size:12px; background:url(../images/pic_mai.png) no-repeat 100px center;}


/*服务*/
.fw_min{font-size:0; margin-bottom:64px;}
.fw_ht{font-size:28px; color:#000; text-align:center; line-height:87px; border-bottom:1px solid #e2e2e2; margin:70px 0 55px 0;}
.fw_nt{display: inline-block; font-size:22px; width:294px; text-align:center; padding-top:123px;}
.fw_li{width:1px; height:149px; background: url(../images/iont_j.jpg) no-repeat left top; display: inline-block;}
.fw_n1{background: url(../images/fon_01.jpg)no-repeat top center; transition:1s; -webkit-transition:1s; -moz-transition:1s;}
.fw_n2{background: url(../images/fon_02.jpg)no-repeat top center;}
.fw_n3{background: url(../images/fon_03.jpg)no-repeat top center; transition:1s; -webkit-transition:1s; -moz-transition:1s;}
.fw_n1:hover{
-webkit-transform:rotate(360deg); 
	-moz-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	-o-transform:rotate(360deg);
}
.fw_n4{background: url(../images/fon_04.jpg)no-repeat top center;}

.fw_nav{width:1200px;height:216px;margin:0px auto;}
.fw_nav ul li{list-style:none;height:105px;width:294px;float:left;margin:0px 0px;position:relative;}
.fw_nav ul li.mar{margin-left:100px;}
.fw_nav ul li img{
	top:0px;left:0px;right:0px;bottom:0px;margin:auto;z-index:2;position:absolute;
	transition:1s;
	-webkit-transition:1s;
	-moz-transition:1s;
}
.fw_nav ul li img:hover{
	-webkit-transform:rotate(360deg); 
	-moz-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	-o-transform:rotate(360deg);
}
.fw_tht{font-size:22px; width:294px; text-align:center; padding-top:123px;}
.fw_tli{width:1px; height:149px; background: url(../images/iont_j.jpg) no-repeat left top; float:left;}


/*banner*/
#banner { font-size:0; overflow:hidden; width:100%; }
.slideBox{ width:100%; overflow:hidden; position:relative;}
.slideBox .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:40px; line-height:40px; text-align:center; margin:0px; background:url(../images/hm.png) repeat-x left top; border-radius:0px;}
.slideBox .hd ul{ overflow:hidden; zoom:1;}
.slideBox .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:15px; height:15px; margin:0px 6px; background:#fff; overflow:hidden;  line-height:9999px; border-radius: 40px;}
.slideBox .hd ul li.on{ background:#14428c; }
.slideBox .bd{ position:relative;  z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; display:block;}

.m_contact,.pic_menu_t { display:none; }
.xwkb{ display:none; }
.wap_ne, #header .dropdown{display:none;}
@media screen and (max-width:640px){
body {min-width:100%; background-color:#FFFFFF; }
.xwkb{display:block;}
.hidden-xs{ display:none; }
.post_s{display:none;}
.wrapper{width:100%;}

#header .logo img, #header .logot img {
    display: block;
    width: 75%;
   
}

.other{margin-left:2%; width:96%; margin-bottom:10px;}
.other .chname{width:80%;}

.yq_item{display:none;}
#nav{display:none;}
#nav2{display:block;}
#header .logo{margin:15px 0 15px 15px;}

#header .menuButton { float:right; width:18%; margin-right:0%; display:table-cell; text-align:center; vertical-align:middle; margin-top:25px;}
#header .menuButton i { display:inline-block; height:100%; vertical-align:middle;}
#header .menuButton img { vertical-align:middle; width:100%; max-width:40px;}
.reponimg{max-width:100%; display:block; margin:0 auto;}
.men_cn{float:right; width:5%; margin-top:25px;}

.navButton{position:absolute; right:2%; top:37px;}
.nav_t{position:absolute; left:2%; top:38px; color:#fff;}
#nav2 { background-color:#767676; position:absolute; right:-200px; top:0; z-index:1001; width:100%; height:100%; display:none; }
#nav2 ul { padding-top:80px;}
#nav2 ul li { height:50px; line-height:50px; border-bottom:solid 1px #fff; }
#nav2 ul li a { display:block; line-height:50px; text-align:left; color:#fff; text-indent:30px;}
#nav2 ul li a:hover {  text-decoration:none; }
#nav2 ul li a.nav2 { background:url(../images/nav.jpg) no-repeat 170px center; }


#footer .comp_x{line-height:24px; padding:10px 0;width: 96%;}
#footer .comp{height:auto; padding-bottom:0px;}
.downMenu{background-size:auto 100%; padding:10px 0 30px 0; height:auto;}
.downMenu .menu{padding:10px 0 0px 20px;}
.downMenu .menu .dl_mert{min-height:auto; width:auto;}
.downMenu .menu .dl{margin-right:0; width:96%; margin:auto; float:none; display:block;}

.dl_rl, .menu_qrcod{display:none;}
}