@charset "utf-8";
/* CSS Document */
html{color:#000;background:#fff;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
article,aside,blockquote,body,button,code,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,input,legend,li,menu,nav,ol,p,pre,section,td,textarea,th,ul{margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,iframe,menu,nav,section{display:block;}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}
body,button,input,select,textarea{font:14px/1.5 "Microsoft YaHei","微软雅黑",Arial,sans-serif,tahoma,arial,\5b8b\4f53;}
a,body,button,h1,h2,h3,h4,html,input,li{}
body{background-color:#fff; color:#535353;}

input,select,textarea{font-size:100%;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
abbr,acronym{border:0;font-variant:normal;}
del{text-decoration:line-through;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:500;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500;}
q:after,q:before{content:'';}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-.5em;}
sub{bottom:-.25em;}
.menu-tri{transition:all .3s linear;-webkit-transition:all .3s linear;-ms-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;}
a,ins{text-decoration:none;color:inherit;}
a:hover{color:#ff8330;text-decoration:underline;}

::-webkit-input-placeholder{color:#ABABAB;font-size:12px;}
:-moz-placeholder{color:#ABABAB;font-size:12px;}
::-moz-placeholder{color:#ABABAB;font-size:12px;}
:-ms-input-placeholder{color:#ABABAB;font-size:12px;}
img{max-width:100%;}
.none{display:none !important;}
.block{display:block !important;}
.fl{float:left;}
.fr{float:right;}




#header{width:100%; position:absolute; top:0px; left:0px; right:0px;z-index:999;/*background:url(../images/header_bg.png);*/background-color:rgba(0,0,0,.32);}
.logo{text-align:center;}
#nav{width:1200px; margin:0 auto; height:36px;}
#nav>li{width:200px;height:36px; line-height:36px; float:left; text-align:center; position:relative;}
#nav>li>a{color:#fff; display:block; text-decoration:none;}
#nav>li>a:hover,#nav>li.cur>a{background:#535353;}

.sub_nav{background:url(../images/header_bg.png); display:none; position:absolute; top:36px; left:0px; right:0px; padding:1px 0 10px 0;}
.sub_nav>li{}
.sub_nav>li>a{color:#fff; display:block; text-decoration:none;}
.sub_nav>li>a:hover{background:#535353;}

#banner{position:relative;}
.ban-prev,.ban-next{position:absolute;top:50%;width:40px;height:60px;margin-top:-30px;z-index:10;cursor:pointer;background:url(../images/slider-arrow.png) #000 no-repeat -5px 50%;opacity:0.5;}
.ban-prev{left:5px; background-position:-125px 50%;}
.ban-next{right:5px;}

.ban-pagination{position:absolute; z-index:10; text-align:center;}
.ban-pagination>span{width:40px; background:#fff; border-radius:0px; cursor:pointer;}
.ban-pagination>.swiper-pagination-bullet-active{background:#f00;}


#brief{width:1200px; margin:50px auto;}
#brief:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#brief .fl{width:700px;}
#brief .fr{width:460px;}
#brief .text p{text-indent:2em; margin-bottom:10px; line-height:1.6em;}
#brief .text .more{display:inline-block; padding:10px 20px;color:#7F7F7F; box-shadow:0px 0px 3px #d7d7d7;}

.ser-wrapper{background:#F3F3F3; padding:40px 0 60px 0;}
#service{width:1200px; margin:0px auto;}
.ser-t{font-size:30px; line-height:40px; text-align:center; background:url(../images/ser-t.png) no-repeat center;}
.ser-list{overflow:hidden; margin:20px auto 0;}
.ser-list li{width:300px; height:233px; float:left; background:#A1B2BC;}
.ser-list li>div{padding:10px 20px 0 20px; color:#fff;}
.ser-list li .ser-title{margin-top:10px;color:#C7161E;font-weight:bold;font-size:15px;}
.ser-list li .ser-con{font-size:12px;}
.ser-list li .ser-more{text-align:right;}

#case{width:1200px; margin:40px auto; overflow:hidden;}
#case>.fl{width:246px;}
#case>.fr{width:914px; padding:20px; background:#E0E0E0;}

#case>.fl h3{height:26px; line-height:26px;background:#4785FF; color:#fff; font-size:30px; padding:20px; margin-bottom:30px;}
.case-list{}
.case-list li{height:46px; line-height:46px; background:#F3F3F3; margin-top:2px;}
.case-list li a{display:block;padding-left:30px; text-decoration:none; background:url(../images/li-arrow.png) no-repeat 200px center;}

#cp-box{width:746px;height:486px;}
#cp-t-box{width:156px;height:486px;}
#cp-t-box .swiper-slide{opacity:0.5; overflow:hidden; cursor:pointer;}
#cp-t-box .swiper-slide-thumb-active{opacity:1;}

.footer-wrapper{background:#f5f5f6;border-top:#cdcdcd 1px solid; padding:10px 0;}
#footer{width:1200px; margin:0 auto; text-align:center;color:#858687;}
#footer .fooNav{}
#footer .fooNav li{display:inline-block;color:#858687; font-size:13px; padding:0 5px;}
#footer .all{margin:6px auto;}

#newsnav{width:1200px; margin:10px auto;}
#content{width:1200px; margin:10px auto; overflow:hidden;}

.nav-l{width:250px;}
.con-r{width:930px;}

.nav-l h3{height:68px;line-height:68px;text-align:center;background:#4785ff;color:#fff;font-size:24px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

.nav-l-box li{margin:5px auto;height: 45px;line-height: 45px;color: #595757; background:#F3F3F3; text-align:center;}
.nav-l-box li.cur{background:#B6B6B8;color:#fff;}
.nav-l-box li a{display:block; text-decoration:none; position:relative;}
.nav-l-box li a:after{content:"";display:block;width:8px; height:8px; border-right:1px solid #A4A4A4; border-top:1px solid #A4A4A4; position:absolute; top:18px; right:18px; transform:rotate(45deg);}
.nav-l-box li.cur a:after{border-color:#4785FF;}

#title{text-align:center; font-size:22px; padding:5px 0 10px 0;}
.arc_info{text-align:center; color:#929292; background:#eee; padding:10px;}
#newstext{font-size:16px; line-height:1.8em; margin:10px auto;}
fieldset{border:1px solid #ccc; padding:10px; margin:10px auto;}
legend{padding:0 5px;}







#list{overflow:hidden;}
#list li{border-bottom:1px solid #ccc; padding:10px 0; overflow:hidden;}
#list li .thum{width:120px; height:100px; float:left; overflow:hidden; margin-right:10px;}

#list li h3{color:#4785FF; font-size:18px;}
#list li .smalltext{text-indent:2em; line-height:1.6em; color:#848484;}
.list_info{color:#ababab;}
.list_info span{margin-right:10px;}

#listpage{text-align:center; margin:20px auto;}
#listpage a,#listpage span{display:inline-block; border:1px solid #eee; padding:5px 10px; margin:0 10px;}
#listpage span{background-color:#eee; cursor:no-drop;}

#imglist{overflow:hidden;}
#imglist li{width:217px; float:left; text-align:center;margin:0 20px 20px 0;}
#imglist li:nth-child(4n){margin-right:0px;}
#imglist li .thum{height:225px; overflow:hidden; line-height:225px;}
#imglist li .thum img{display:inline-block;vertical-align:middle;align-items:center;}
#imglist li h3{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}


.big-box{max-height:500px;text-align:center;overflow:hidden;}
.big-box img{max-width:100%;}

.thum-box-prl{position:relative; padding:0px 40px; margin:10px auto;}
.swiper-button-next, .swiper-button-prev{outline:inherit;}
.thum-box{}
.thum-box{box-sizing:border-box;}
.thum-box .swiper-slide{opacity:0.4;cursor:pointer;}
.thum-box .swiper-slide img{width:96px; height:51px;border:1px solid #ccc;}
.thum-box .swiper-slide-thumb-active{opacity:1;}

table{width:100% !important;max-width:100% !important;word-wrap: break-word;word-break: normal;table-layout:fixed;}
td{/*width:auto !important;word-wrap: break-word;word-break: normal;*/ padding:5px;}