@charset "utf-8";
html,body{ font:12px/1.8 'microsoft yahei'; color:#3c3c3c; background:#FFF; -webkit-text-size-adjust:none;}
div{margin: 0px; padding: 0px; margin: 0px;}
span,p{margin: 0px; padding: 0px;}
h1,h2,h3,h4,h5,h6{margin: 0px; padding: 0px;}
img{margin: 0px; padding: 0px;}
dl,dt,dd,ol,ul,li{margin: 0px; padding: 0px; list-style: none;}
img{border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}
from,input,select{margin: 0px; padding: 0px;}
.clear{clear:both; font-size:0px; overflow:hidden; height:0px;}
a{color: #3f4246; text-decoration:none !important;}
a:hover{color:#ff4e08; text-decoration: none;}
.cp img{border:1px solid #bbb; padding:1px;}
.cp img:hover{border:1px solid #f50172; padding:1px;}
.white a{color: #fff; text-decoration: none;}
.white a:hover{color: #ff0; text-decoration: none;}
input,button,select,textarea{outline:none}
#copy{display:none;}
*{ margin:0; padding:0;}
.rightarrowpointer{display:none;}


/*顶部*/
#dingbu_bg{width:100%; margin:0 auto; height:80px;}
#dingbu{width:1200px; margin:0 auto; color:#333;}
#dingbu_left{width:174px; float:left; padding-top:10px;}
#dingbu_nav{width:900px; overflow:hidden; float:right;}
#dingbu_nav ul li{width:100px; height:80px; line-height:63px; font-size:16px !important; color:#444; text-align:center; float:left;}
#dingbu_nav ul li a{color:#444; font-size:16px !important; text-align:center;}
#dingbu_nav ul li a:hover{color:#232323;}



/*幻灯片*/
.focus {width:100%; height:500px; overflow:hidden; position:relative;}
.focus ul {height:500px; position:absolute;}
.focus ul li {float:left; width:100%; height:500px; overflow:hidden; position:relative; background:#000;}
.focus ul li div {position:absolute; overflow:hidden;}
.focus .btnBg {position:absolute; width:100%; height:20px; left:0; bottom:0; background:#000; display:none;}
.focus .btn {position:absolute; width:1200px; left:50%; margin-left:-501px; height:24px; bottom:36px; text-align:right;}
.focus .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:24px; line-height:24px; text-align:center; _font-size:0; margin-left:5px; cursor:pointer; background:#ccc;}
.focus .btn span.on {background:#fff;}
.focus .preNext {width:45px; height:100px; position:absolute; top:200px; background:url(../images/sprite.png) no-repeat 0 0; cursor:pointer;}
.focus .pre {left:0;}
.focus .next {right:0; background-position:right top;}
#banner{margin-top:0px; overflow:hidden;}



/*广告条*/
#adbg_banner{width:100%; margin:0 auto; height:80px; margin-top:1px; background-color:#232323;}
#ad_banner{width:1200px; margin:0 auto; padding-top:15px;}
#ad_banner .icon1{width:136px; height:50px; background:url(../images/Icon_1.png) no-repeat left; padding-left:64px; line-height:45px; font-size:20px; color:#FFF; float:left; margin-right:55px;}
#ad_banner .icon2{width:136px; height:50px; background:url(../images/Icon_2.png) no-repeat left; padding-left:64px; line-height:45px; font-size:20px; color:#FFF; float:left; margin-right:74px;}
#ad_banner .icon3{width:136px; height:50px; background:url(../images/Icon_3.png) no-repeat left; padding-left:64px; line-height:45px; font-size:20px; color:#FFF; float:left; margin-right:66px;}
#ad_banner .icon4{width:136px; height:50px; background:url(../images/Icon_4.png) no-repeat left; padding-left:64px; line-height:45px; font-size:20px; color:#FFF; float:left;}
#ad_banner .icon5{width:80px; height:50px; background:url(../images/Icon_5.png) no-repeat left; padding-left:64px; line-height:45px; font-size:20px; color:#FFF; float:right;}


/*建站*/
#jianzhan_bg{width:100%; margin:0 auto; margin-top:25px;}
#jianzhan{width:1200px; margin:0 auto;}
.jz_top{font-size:36px; color:#333; text-align:center;}
.jz_text{font-size:15px; color:#666; text-align:center; margin-top:7px;}
.jz1{height:430px; margin-top:15px;}
.jz1_left{width:660px; height:430px; overflow:hidden; float:left;}
.jz1_right{width:520px; float:right;}
.jz1_right img{height:205px; margin-bottom:14px;}
.jz2{width:1200px; margin-top:20px;}
.jz2_l{width:590px; height:215px; float:left; }
.jz2_r{width:590px; height:215px; float:right;}



/*服务*/
#service_bg{width:100%; margin:0 auto; height:488px; background:url(../images/service.jpg) no-repeat center; margin-top:48px;}
#service{width:1200px; margin:0 auto; padding-top:25px;}
.sv_top{font-size:36px; color:#333; text-align:center;}
.sv_text{font-size:15px; color:#666; text-align:center;}
.fuwu{width:1200px; height:300px; margin-top:20px;}
.fuwu li{width:300px; float:left;}
.fuwu li .h3{width:115px; height:115px; margin:0 auto; padding-top:40px;}
.fuwu li .h4{font-size:24px; color:#232323; text-align:center; margin-top:18px;}
.fuwu li .h5{width:268px; margin:0 auto; font-size:14px; color:#555; text-align:center; line-height:24px; margin-top:5px;}



/*网站优化*/
#youhua_bg{width:100%; margin:0 auto; height:480px;  background:url(../images/youhua.jpg) no-repeat center;}
#youhua{width:1200px; margin:0 auto; padding-top:25px;}
.yh_top{font-size:36px; color:#FFF; text-align:center;}
.yh_top a{font-size:36px; color:#FFF;}
.yh_text{font-size:15px; color:#FFF; text-align:center; margin-top:7px;}

#prod{width:1200px; height:auto; margin:0 auto; margin-top:30px;}
.prod_t{text-align:center; color:#fff;}
.prod_t p{padding-bottom: 18px; font-size:36px; line-height:36px; text-transform:uppercase; font-weight:normal;}
#kehu_l{width:38px; height:80px; background:url(../images/zuo.png) no-repeat; margin-top:100px; cursor: pointer; float:left;}
#kehu_r{width:38px; height:80px; background:url(../images/you.png) no-repeat; margin-top:100px; cursor: pointer; float:right;}
#kehu_d{margin:0 27px; width:1070px; height:286px; overflow:hidden; float:left;}
.kh{width:320px; height:280px; margin:0 15px; padding:3px; float:left; background:#fff;}
.kh img{width:320px; height:240px; margin:0 auto;}
.kh .ytext{font-size:15px;}
.kh .ytext .fl{float:left; padding-left:3px; color:#222;}
.kh .ytext .fr{float:right; padding-right:3px; color:#555;}
.kh .ytext span{color:#F00;}


/*优势*/
#youshi_bg{width:100%; margin:0 auto; margin-top:45px;}
#youshi{width:1200px; margin:0 auto;}
.ys1{width:291px; height:571px; background:url(../images/ys1.jpg) no-repeat; padding-top:28px; padding-left:29px; font-size:24px; color:#333; float:left;}
.ys2{width:265px; height:599px; background:url(../images/ys2.jpg) no-repeat; margin-left:28px; float:left;}
.ys2 .h1{font-size:24px; color:#444; font-weight:bold; text-align:center; padding-top:120px;}
.ys2 .h2{width:228px; margin:0 auto; font-size:14px; color:#555; line-height:28px; padding-top:5px;}
.ys3{width:265px; height:599px; background:url(../images/ys3.jpg) no-repeat; margin-left:28px; float:left;}
.ys3 .h1{font-size:24px; color:#444; font-weight:bold; text-align:center; padding-top:53px;}
.ys3 .h2{width:228px; margin:0 auto; font-size:14px; color:#555; line-height:28px; padding-top:5px;}
.ys4{width:265px; height:599px; background:url(../images/ys4.jpg) no-repeat; margin-left:28px; float:left;}
.ys4 .h1{font-size:24px; color:#444; font-weight:bold; text-align:center; padding-top:120px;}
.ys4 .h2{width:228px; margin:0 auto; font-size:14px; color:#555; line-height:28px; padding-top:5px;}


/*简介*/
#about_bg{width:100%; height:400px; margin:0 auto; background-color:#f1f1f1; margin-top:50px; padding-top:45px;}
#about{width:1200px; margin:0 auto;}
.ab_left{width:478px; height:350px; float:left;}
.ab_right{width:655px; float:right;}
.ab_right .h1{font-size:30px; font-weight:bold; color:#333;}
.ab_right .h2{font-size:14px; line-height:28px; color:#444; padding-top:5px;}



/*新闻*/
#news_bg{width:100%; margin:0 auto; margin-top:20px;}
#news{width:1200px; margin:0 auto;}
.news_top{width:189px; height:77px; margin:0 auto; font-size:36px; color:#333; text-align:center; line-height:77px; background:url(../images/news_title.png) no-repeat; margin-bottom:20px;}
.news_left{width:680px; float:left;}
.news_left li{height:80px; width:680px; margin-top:20px; padding-bottom:23px; border-bottom:1px dashed #999;}
.news_date{width:80px; height:80px; background-color:#f2f2f2; text-align:center; float:left;}
.news_date .h3{font-size:37px; margin-top:-4px; color:#333;}
.news_date .h4{font-size:12px; color:#444; margin-top:-12px;}
.news_wenzi{width:580px; height:65px; float:right;}
.news_wenzi .h3{font-size:16px; color:#333; font-weight:bold;}
.news_wenzi .h3 a{font-size:16px;}
.news_wenzi .h4{font-size:13px; color:#777; width:580px; line-height:25px; margin-top:3px;}

.news_right{width:450px; float:right;}
.news_right li{height:280px; width:450px; margin-top:30px; background-color:#999; position:relative;}
.news_right li img{height:280px; width:450px;}
.news_right li p{width:100%; height:30px; background-color:#333; font-size:14px; line-height:30px; position:absolute; bottom:0; color:#FFF; opacity:0.6; padding-left:10px;}





/*友情链接*/
#links_bg{width:100%; margin:0 auto; margin-top:40px;}
#links{width:1200px; height:69px; margin:0 auto; background:url(../images/links.jpg) no-repeat;}
.ls_right{width:1147px; float:right;}
.ls_right img{width:100px; height:50px; margin-left:23px;}


/*版权*/
#copyright_bg{width:100%; margin:0 auto; margin-top:45px; padding:45px 0; background-color:#2a2b33;}
#copyright{width:1200px; margin:0 auto;}
.cr_left1{width:219px; height:167px; float:left;}
.cr_left2{line-height:33px; color:#FFF; font-size:14px; margin-left:148px; float:left;}
.cr_left2 a{color:#FFF; font-size:14px;}
.cr_left2 a:hover{color:#f4ffdd; font-size:14px;}
.cr_left3{width:177px; height:171px; float:right;}






/*产品内页*/
.wpm{width:1200px; margin: 0 auto;clear:both; margin-top:15px;}
.content1 .list1{width:1234px; margin-top:20px; overflow:hidden;}
.content1 .list1 li{float:left; width:384px; text-align:center; overflow:hidden; margin-bottom:30px; margin-right:27px;}
.content1 .list1 li img{width:380px;height:507px;}
.content1 .list1 p{font-size:14px;}
.pro_tab{height:10px; overflow:hidden;float:left;}
.pro_position{border-bottom:1px solid #E4E4E4;line-height:35px; color:#555; padding-left:25px; font-size:14px;}
.pro_position a{font-size:14px; color:#333;}
.pages{width:1200px; margin:0 auto; margin-top:20px; text-align:center;}
.pages a{border: 1px solid #ddd; margin: 5px; padding: 5px; color:#555;}
.pages a:hover{color:#f50172;}


/*案例内页*/
.content1 .list2{width:1234px; margin-top:20px; overflow:hidden;}
.content1 .list2 li{float:left; width:384px; text-align:center; overflow:hidden; margin-bottom:30px; margin-right:27px;}
.content1 .list2 li img{width:380px;height:285px;}
.content1 .list2 p{font-size:14px;}





/*留言*/
.feedback{width:1200px; margin:0 auto; margin-top:30px;}
.fb_left{width:500px; height:352px; float:left; margin-top:25px;}
.fb_right{width:600px; float:right;}
.uk-form-row{margin-top:23px; font-size:15px;}
.uk-button:hover,.uk-button:focus {background-color: #f5f5f5;color: #444444;outline: none;text-decoration: none;}
.uk-button {-webkit-appearance: none;    margin: 0;   border: none;  overflow: visible; font: inherit; color: #666; text-transform: none;  display: inline-block;  box-sizing: border-box;  padding: 0 12px;  background: #f7f7f7; vertical-align: middle; line-height: 28px; min-height: 30px; font-size: 1rem; text-decoration: none; text-align: center; border: 1px solid rgba(0,0,0,.2); border-bottom-color: rgba(0,0,0,.3); background-origin: border-box; background-image: -webkit-linear-gradient(top,#fff,#eee); background-image: linear-gradient(to bottom,#fff,#eee); border-radius: 4px; text-shadow: 0 1px 0 #fff;}
form textarea{height: 30px;  max-width: 100%; padding-left:7px;  border:1px solid #e5e5e5; background: #fff; color: #666; -webkit-transition: all linear .2s; transition: all linear .2s;
border-radius: 4px;}
.uk-form input[type=text]{height: 30px; padding-left:7px;  max-width: 100%;  border: 1px solid #e5e5e5; background: #fff; color: #666; -webkit-transition: all linear .2s; transition: all linear .2s;
border-radius: 4px;}
.page-btn {background-color: #000000; border-radius: 0px; border: none;}
.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
	margin-right:10px;}
.btn-danger {color: #fff;}


/*内页*/
#neiye_bg{width:1200px; margin:0 auto; margin-top:30px;}
.nei_title{width:189px; height:77px; margin:0 auto; background:url(../images/news_title.png) no-repeat; line-height:80px; font-size:36px; text-align:center; margin-bottom:40px; font-weight:bold;}
.list_box{font-size:16px; line-height:35px;}


/*产品详情内页*/
.products{width:1200px; margin:0 auto;}
.products_title{font-size:32px; color:#333; padding-bottom:15px; border-bottom:1px solid #ccc;}
.products_text{color:#333; font-size: 16px; line-height:35px; padding:15px 0 20px 0; }
.products_lianjian{width:150px; height:40px; border-radius:4px; line-height:40px; text-align:center; background-color:#2a2b33; color:#FFF; font-size:18px;}
.products_lianjian a{color:#FFF;}
.products_ye{font-size:14px; margin-top:25px;}
.products_ye span{text-align:right; float:right;}
.products_content{width:1200px; margin:0 auto; margin-top:60px;}


/*案例详情内页*/
.case_content{width:1200px; margin:0 auto; margin-top:20px;}


/*新闻内页*/
.nei_news{width:1200px; margin:0 auto; margin-top:20px;}
.nei_news li{height:100px; width:1200px; padding-bottom:25px; border-bottom:1px dashed #ccc; margin-top:25px;}
.nei_date{width:100px; height:100px; background-color:#ccc; text-align:center; float:left;}
.nei_date .h3{font-size:43px; margin-top:-8px; color:#444;}
.nei_date .h4{font-size:18px; color:#666; margin-top:-12px;}
.nei_wenzi{width:1075px; height:100px; float:right;}
.nei_wenzi .h3{font-size:18px; color:#333;}
.nei_wenzi .h3 a{font-size:18px;}
.nei_wenzi .h4{font-size:15px; color:#888; width:1075px; line-height:32px;}



/*新闻详情*/
.xinwen_title{font-size:24px; color:#333; margin-bottom:25px; font-weight:bold;}
.xinwen_date{font-size:13px; color:#adadad; padding-bottom:23px; margin-bottom:30px; border-bottom:1px solid #ccc;}
.xinwen_xu{width:1200px; margin:0 auto; border-top:1px dotted #ccc; margin-top:15px;}
.xinwen_xu .h3{font-size:14px; color:#777;}
.xinwen_xu .h3 a{color:#777;}
.xinwen_xu .h3 a:hover{color:#444;}
.xinwen_xu .h3 span{text-align:right; float:right;}

/*公司简介*/
#jianjie{width:100%; margin:0 auto;}
.jianjie_left img{width:550px; height:413px; float:left;}
.jianjie_right{width:600px; float:right; margin-top:60px;}
.jianjie_left2{width:550px; float:left; margin-top:90px;}
.jianjie_right2 img{width:600px; float:right;}
.jianjie_right3{width:600px; float:right; margin-top:100px;}
.juxing{width:90px; height:5px; background-color:#b69882; margin-bottom:20px;}
.j_title{font-size:60px !important; color:#000; font-weight:bold; margin-bottom:25px;}


/*悬浮窗*/
#moquu_top,#moquu_wxin,#moquu_wshare {z-index:2;width:30px;height:30px;right:10px;position:fixed;cursor:pointer;
	_position:absolute;
	_bottom:auto;
	_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)))
}
#moquu_wxin { bottom:130px; right:10px;}
#moquu_wxin a {background:url(../images/sbtn.png) 0 0px;right:0;float:left;width:30px;height:30px;text-indent:-9999px}
#moquu_wxin a:hover {background:url(../images/sbtn.png) -30px -0px}
#moquu_wshare {bottom:100px; right:10px}
#moquu_wshare a {background:url(../images/sbtn.png) 0 -30px;width:30px;height:30px;right:0;float:left;text-indent:-9999px}
#moquu_wshare a:hover {background:url(../images/sbtn.png) -30px -30px}
.moquu_wxin,.moquu_wshare {position:relative;z-index:2}
.moquu_wxin a:hover .moquu_wxinh,.moquu_wshare a:hover .moquu_wshareh {display:block}
.moquu_wxin .moquu_wxinh {position:absolute;display:none;right:30px;bottom:0px;width:70px;height:30px;background:url(../images/fankui.png) 0 0 no-repeat #ff6060;color:#FFF; border-radius:4px 0 0 4px;}
.moquu_wshare .moquu_wshareh {position:absolute;display:none; right:36px; bottom:-85px; width:100px; height:120px; background:url(../images/weixin.png) no-repeat}
#topcontrol{background:#4c4c4c; height:30px; width:30px; border-radius:4px;}