/**
技术支持:零逸网络
网址：www.01wlkj.com
Q Q:359427540
**/
ul,li,dl,dd,dt,ol{ list-style:none; padding:0; margin:0; border:none}
h1,h2,h3,h4,h5,h6{ font-weight:normal;padding:0;margin:0}
button,input,textarea,select{padding:0; margin:0; border:none}
.fl{float: left;}
.fr{float: right;}
p{padding:0;margin:0}
body{ max-width:1920px; margin:auto; min-width:360px; background:#f0f4fa; color:#0a0a0a; font-size:14px; font-family:PingFangSC-Light, sans-serif;}
a{ color:#0a0a0a; text-decoration: none}
a:hover{ color:#2c456f;}
img{ border:none; display:block;}
em,i{font-style:normal}
.w{ width:1200px; margin:0 auto;}
.nyw{ width:1200px; margin:50px auto;}
.clear{ clear:both;}
.imgbg{ background-color:#f3f3f3; background-image:url(../images/imgbg.png); background-repeat:no-repeat; background-position:center center; background-size:auto;}

/*header*/
.header{ height:100px; background:#fff; border-bottom:#2c456f solid 4px; position:relative; z-index:99; margin-bottom:3%;}
.header .w{ height:100%;}
.logo{ width:204px; padding-top:11px;}
.logo img{ max-width:100%;}
.menu{ width:650px; height:100%; padding-left:12%;}
.menu li{ float:left; margin:0 10px; height:100%;}
.menu li a{ line-height:42px; height:42px; width:140px; text-align:center; display:block; margin-top:29px; font-size:18px; font-weight:bold;}
.menu li a:hover,.menu li.on a,.menu li:hover a{ color:#fff; background:#2c456f;}
.menu-two{ position:absolute; left:0; right:0; top:100px; background:#fff; width:70%; padding:0 15%; border-top:#2c456f solid 4px; display:none;}
.menu-two dl{ width:21%; padding:20px 2%; float:left; text-align:left;}
.menu-two dl dt a{ font-size:18px; font-weight:bold; letter-spacing:10px; padding:4px 0;}
.menu-two dl dd a{ font-size:14px; font-weight:normal;}
.menu-two dl dt a,.menu-two dl dd a{ line-height:34px; height:34px; width:auto; overflow:hidden; text-align:left; margin:0; display:inline-block;}
.menu li .menu-two dl a:hover,.menu li.on .menu-two dl a,.menu li:hover .menu-two dl a{ color:#0a0a0a; background:none; }
.menu-two dl dd a:hover{ text-decoration:underline;}
.menu-jszc dl,.menu-about dl{ width:29.3%;}
.menu-jszc dl dt a,.menu-about dl dt a{ letter-spacing:normal;}
.menu-jszc dl dd{ width:50%; float:left;}
.menu-about dl dd,.menu-about dl dd a{ height:auto;}

.head-r{ padding-top:36px;}
.head-r li img{ vertical-align:-4px; margin:0 6px; display:inline-block;}
.head-r li.head-en{ position:relative;}
.head-r li.head-en a{ display:block; width:80px; height:28px; line-height:28px; color:#fff; border-radius:5px; background:#2c456f url(../images/head-icon-down.png) no-repeat 60px center;}
.head-r li.head-en.on a{ background-image:url(../images/head-icon-up.png); transition:scale 0.6s;}
.head-en-list{ width:80px; border:#2c456f solid 1px; text-align:center; background:#fff; display:none; border-radius:5px; overflow:hidden}
.head-r li.head-en .head-en-list{ position:absolute; left:0; top:30px;}
.head-r li.head-en .head-en-list li{ line-height:26px; padding:3px 0;}
.head-r li.head-en .head-en-list li:nth-child(1){ border-bottom:#070707 solid 1px;}
.head-r li.head-en .head-en-list a{ display:block; line-height:25px; margin:0; background:none; color:#000;}

.menu-btn,.menu-close{ width:26px; height:26px; padding:2px; position:absolute; right:10px; top:20px; display:none;}
.menu-btn img,.menu-close img{ width:100%;}
.menu-close{ top:10px; z-index:1000;}
.m-menu{ position:fixed; right:-1000px; top:0; bottom:0; width:100%; height:100%; background:#fff; z-index:1000; display:none;}
.menu-list{ width:90%; height:90%; display:block; overflow:hidden; background:#fff; padding:5%; margin-top:30px; z-index:100002;}
.menu-list li{ line-height:50px; border-bottom:#ddd solid 1px;}
.menu-list li a{ display:block;}
/*------------大焦点图-----------*/
.focusimg{ width:100%; margin:0 auto; z-index: 1; position:relative;overflow:hidden;/*cursor:pointer;*/ margin-top:-3%;}
.focusimg .focusbg li{width:100%; text-align:center; position:static;}
.focusimg .focusbg li img{ max-width:100%; position:static; width:100%}
.focusimg .focusnav{ position:absolute; left:0; bottom:20px; width:100%; text-align:center;}
.focusimg .focusnav ul{ width:100%; height:5px; font-size:0;}
.focusimg .focusnav ul li{cursor:pointer;margin:0 10px; text-align:left; width:50px; height:5px; display:inline-block; background: rgba(255,255,255,1);}
.focusimg .focusnav ul li.on a{ width:100%; height:100%; display:block; background:#2c456f; animation: progress 5s;}
.imgsamll{ display:none;}
@keyframes progress {
  from { width: 0%; }
  to { width: 100%; }
}

.index-pro{ width:100%; overflow:hidden; padding:2% 0; margin-top:12px;}
.index-pro ul li{ width:23.5%; float:left; margin-left:2%;}
.index-pro ul li:nth-child(1){ margin-left:0;}
h4.index-title{ height:54px; line-height:54px; font-size:20px; font-weight:normal; padding:0 20px; background:#fff; border-bottom:#2c456f solid 1px;}
.index-pro h4.index-title{ border:none;}
.index-pro ul li h4 img{ float:right; margin-top:20px;}
.index-pro ul li p{ min-height:100px;}
.index-pro ul li p img{ width:100%;}
.index-hezuo{ width:49%; float:left; background:#fff;}
.index-link,.index-contact-box{ position:relative; height:143px; padding:20px 0;}
.index-link .bd{ width:90%; margin:0 5%; height:100%;}
.index-link .tempWrap,.index-link .tempWrap ul{ height:100%;}
.index-link .bd li{ float:left; width:48%; height:50px; margin:10px 1%; text-align:center; overflow:hidden;/* display:flex; align-items:center; justify-content:center;*/}
.index-link .bd li img{ max-height:100%; max-width:100%; display:inline-block; /*opacity:0.5; transition:all 0.5s; -webkit-filter:grayscale(100%); -moz-filter: grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:gray;*/}
/*.index-link .bd li:hover img{ opacity:1; transition:all 0.5s; -webkit-filter:none; -moz-filter:none; -ms-filter:none; -o-filter:none; filter:none; filter:none;}*/
.index-link .hd a{ display:block; width:33px; height:33px; float:left; overflow:hidden; cursor:pointer; background:url("../images/jiantou.png") 0 0 no-repeat; position:absolute; top:50%; margin-top:-16.5px;}
.index-link .hd .next{ left:5px;}
.index-link .hd .prev{ right:5px; background-position:-33px 0;}
.index-link .hd .next:hover{ background-position:0 -33px;}
.index-link .hd .prev:hover{ background-position:-33px -33px;}
.index-contact{ width:23.5%; float:left; margin-left:2%; background:#fff;}
.index-contact-box dl{ width:90%; overflow:hidden; line-height:26px; padding:10px 5%;}
.index-contact-box dl dt{ width:25px; float:left; height:100%; text-align:left;}
.index-contact-box dl dt img{ vertical-align:middle;}
.index-anniu{ width:23.5%; float:right;}
.index-anniu a{ display:block;}
.index-anniu a:nth-child(1){ margin-bottom:18px;}
.index-anniu a img{ width:100%;}

/*footer*/
.footer{ background:#fff; margin-top:3%; width:100%; border-top:#95a2b7 solid 4px; padding:20px 0;}
.foot-left{ width:75%; float:left;}
.foot-logo{ width:15%; float:left;}
.foot-logo img{ width:100%;}
.foot-box{ width:83%; float:left; margin-left:2%; line-height:26px; font-size:14px; color:#717070;}
.foot-banquan{ width:100%; float:left; line-height:30px; margin-top:20px;}
.foot-right{ width:23%; float:right;}
.foot-right dl{ width:46%; padding:0 2%; text-align:center; float:left;}
.foot-right dl img{ max-width:100%; display:inline-block;}

/**内页**/
.left{ width:220px; float:left;}
.right{ margin-left:290px; min-height:100px;}
.left-nav{ background:#fff; padding:20px; padding-right:5px;}
.left-nav li{ line-height:30px; font-size:16px;}
.left-nav li a{ display:block; padding:5px 0 5px 5px;}
.left-nav li.on > a{ color:#2c456f;}
.left-nav li.on > a:before{ background-image:url(../images/navicon.png); background-repeat:no-repeat; display:block; width:9px; height:9px; content:" "; display:inline-block; margin-left:-14px; padding-right:5px;}
.left-nav-two{ padding-left:10px; display:none;}
.left-nav-two a{ color:#666; font-size:14px;}
.left-nav li.on .left-nav-two{ display:block;}
.text{ line-height:24px;}
.text img{ width:auto!important; height:auto!important; max-width:100%!important; max-height:100%!important; display:inline-block;}
.text-img{ float:left; width:45%; height:280px;}
.text-box{ float:left; width:50%; padding-left:5%; line-height:28px;}
.text-title{ font-size:24px; padding-bottom:10px; line-height:32px;}
.text-con{ width:100%; padding-top:3%; float:left;}
.wenjuan{ width:65%; margin:0 auto;}
.wenjuan-box{ padding:3%; background:#fff; margin-top:3%;}
.wenjuan-qa li{ padding:20px 0 10px; border-bottom:#ddd dashed 1px; font-size:14px;}
.wenjuan-title,.wenjuan-table{ line-height:24px; padding:5px 0;}
.wenjuan-table span{ display:inline-block; display:inline-table; width:24.5%; margin-bottom:10px;}
.wenjuan-table span label{ vertical-align:2px; padding-left:5px; cursor:pointer;}
.wenjuan-table span input{ width:15px; height:15px; cursor:pointer;}
.form-list{ padding:30px 0;}
.form-list li{ width:46%; padding:10px 0; margin:25px 2%; line-height:40px; float:left; border-bottom:#ddd solid 1px; font-size:18px;}
.form-list li span{ float:left; width:50px;}
.form-list li i{ color:#f00;}
.form-list li input{ height:40px; font-size:18px; width:85%;}
.form-list li textarea{ width:90%; height:80px; }
.form-list li.form-li1{ width:96%;}
.form-list li.form-li2{ width:96%; text-align:center; border:none;}
.form-list li.form-li2 input{ height:42px; line-height:42px; width:150px; text-align:center; background:#fff; border:#1f1f1f solid 1px; font-size:20px; float:none; letter-spacing:5px; cursor:pointer;}
.form-list li.form-li2 input:hover{ background:#1f1f1f; color:#fff;}
#dituContent{ width:100%; height:400px; border:#ccc solid 1px;}
.text-img{ background-color:#f0f4fa; background-image:url(../userfiles/images/linshi.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover;}

/**分页**/
.page{ padding-top:30px; text-align:center;}
#AspNetPager1 a,#AspNetPager1 span{overflow: hidden;
    text-align: center;
    font-size: 0;
    vertical-align: middle;
    display: inline-block;
    border: 1px solid #d8d8d8;
    padding: 4px 12px;
    background: #fff;
    color: #8e8e8e;
    font-size: 16px;
    margin-right: 9px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	line-height:24px;}
#AspNetPager1 a:hover,#AspNetPager1 span:hover,#AspNetPager1 .active{   
	border-color: #007cc2;
    color: #fff;
    background: #007cc2 ;}

/**内页**/

@media only screen and (max-width:1200px) and (min-width:320px) {
.w{ padding:0 3%; width:94%;}
}
@media only screen and (max-width:1130px) and (min-width:320px) {
.head-r{ display:none;}
.logo{ width:18%;}
.menu{ width:80%; padding-left:0; float:right;}
.menu li{ width:23%; margin:0 1%;}
.menu li a{ width:100%;}
}
@media only screen and (max-width:790px) and (min-width:320px) {
.header{ height:auto; padding-bottom:11px;}
.logo{ width:40%;}
.menu{ display:none;}
.menu-btn{ display:block;}
.m-menu{ display:block;}
.head-r{ display:none;}
.focusimg .focusbg li{ position:relative; text-align:center;}
.focusimg .focusnav ul li{ width:20px;}
.imgsamll{ display:block;}
.imgbig{ display:none;}
.index-pro ul li{ width:49%; margin-bottom:2%;}
.index-pro ul li:nth-child(3){ margin-left:0;}
h4.index-title{ font-size:16px;}
.index-hezuo,.index-contact,.index-anniu{ width:100%;}
.index-contact,.index-anniu{ margin-top:2%;}
.index-contact{ margin-left:0; margin-right:2%;}
.index-contact-box{ height:auto;}
.index-anniu a:nth-child(1){ margin-bottom:2%;}
.foot-logo,.foot-box{ display:none;}
.foot-left{ width:100%; float:none;}
.foot-right{ width:100%; float:none;}
.left{ width:100%; float:none;}
.right{ margin-left:0; width:100%; margin-top:3%;}
.text-img,.text-box,.wenjuan{ width:100%;}
.text-box{ padding-top:3%; padding-left:0;}
.text-title{ font-size:20px;}
.wenjuan-table span{ width:100%;}
#dituContent{ height:280px;}
.text-img{ height:240px;}

}