html, body, div, span, applet, object, iframe, h1, h2, h3,
h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot,
thead, tr, th, td, input, select {margin:0; padding:0; border:0 none; outline:0; color:inherit;}
html, body {width:100%; height:100%;}
body {margin:0 auto; font:12px/1 "Microsoft Yahei", "微软雅黑", sans-serif; vertical-align:baseline; overflow-y:scroll;}
h1 {font-weight:bold; font-size:18px; line-height:18px; color:#474545;}
h3 {font-weight:normal; font-size:12px; color:#746969;}
h2, h4, h5, h6 {font-weight:normal; font-size:100%;}
table {border-collapse:separate; border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
a {text-decoration:none;}
p {line-height:22px; text-align:justify;}
a img, iframe {border:none;}
a:link {color:inherit;}
:focus {outline:0;}
/*img{ vertical-align:top;}*/
ol, ul {list-style:none;}
input, textarea, select, button {font-weight:inherit; font-size:inherit; *font-size:100%; font-family:inherit;}
/* == clearfix == */
.clearfix:after {display:block; height:0; clear:both; content:"\200B";}
.clearfix {*zoom:1;}/*IE/7/6*/

/* == 以上 reset Css == */


/**************** 全局公用样式 ****************/
/*body {max-width:1580px; min-width:1130px;_width:expression(document.body.clientWidth<1130? "1130px": (document.body.clientWidth>1580?"1580px":"auto"));}*/
body {max-width:1680px; min-width:1130px; +overflow:hidden;}
/*body.on {margin-left:-378px;}*/

/* function */
span{cursor: pointer;}
h2 a:hover{ text-decoration: none;}
input,textarea{ outline:none; }
textarea{ resize:none;}
em{ font-style: normal;}
.f_cb:after,.f_cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.f_cb,.f_cbli li{zoom:1;}
.f_ib{display:inline-block;*display:inline;*zoom:1;}
.f_dn{display:none;}
.f_db{display:block;}
.f_pr{position:relative;}
.f_pa{position:absolute;}
.f_fl{float:left;}
.f_fr{float:right;}
.f_prz{position:relative;zoom:1;}
.f_oh{overflow:hidden;}
.f_ar{font-family:arial,\5b8b\4f53;}
.f_fw{font-family:"Microsoft YaHei",\5fae\8f6f\96c5\9ed1,arial,\5b8b\4f53;}
.f_fa{font-family:Arial, Helvetica, sans-serif;}
.f_fst{ font-family: "宋体"; }
.f_fs1{font-size:12px;}
.f_fs2{font-size:13px;}
.f_fs3{font-size:14px;}
.f_fs4{font-size:24px;}
.f_fs5{font-size:30px;}
.f_fs6{font-size:16px;}

.f_cs1{ color:#1369c0;}

.f_fwn{font-weight:normal;}
.f_fwb{font-weight:bold;}
.f_tal{text-align:left;}
.f_tac{text-align:center;}
.f_tar{text-align:right;}
.f_csp{cursor:pointer;}
.pa{ position:absolute;}
.pr{ position:relative}

/*头部开始*/
.header , .content , .footer { width:1082px; margin:0 auto;  }
.g_top{ height:160px; background:url(topbg.jpg) repeat-x; }
.top_t{ height:30px; line-height:30px;color:#fff;font-size: 12px; }
.top_t p{ float:right;padding-top:4px}
.top_t p a{ padding: 0 8px; color:#fff;}
.top_t .a_last{ padding-right:0;}

.top_c h1{ float:left; padding: 25px 19px 0 0;}
.top_c h2{ float:left; height:60px; margin:36px 0 0 0; color: #555555; font-size: 18px; font-weight: normal;}
.top_c h2 em{ display:block; color:#83c326; font-weight:bold; font-size: 26px; padding-top: 7px; }

.top_c p{ float:right; margin:43px 0 0 0 ; padding: 0 0 0 51px; background:url(../images/tel.jpg) no-repeat left top; color:#555;font-weight:bold; font-size:14px;font-family:"Microsoft Yahei"}
.top_c p span{ display:block; font-size:26px; color:#83c326; font-family:Arial, Helvetica, sans-serif;font-weight: bold;}

/* 导航 */
.nav{width:200px; left:0; top:160px; background:rgba(0,0,0,0.65); border-left:solid #E5E5E5 1px; border-right:solid #E5E5E5 1px; height: 500px; z-index:100;}
.nav li{ font-size:14px; height: 54px;line-height: 54px;background:url(../images/navline.png) no-repeat left bottom;}
.nav .lastli{background: none;}
.nav a i{display:inline-block;padding-right: 5px; _display:inline;}
.nav .nav1 a i{background:url(../images/nav1.png) no-repeat 0 19px;width: 18px; display: block;float: left; height: 54px;}
.nav .nav1 a:hover i{background:url(../images/nav1h.gif) no-repeat 0 19px !important;color: #fff;}


.nav .nav2 a i{background:url(../images/nav2.png) no-repeat 0 19px;width: 19px; display: block;float: left; height: 54px;}
.nav .nav2 a:hover i{background:url(../images/nav2h.gif) no-repeat 0 19px !important;color: #fff;}

.nav .nav3 a i{background:url(../images/nav3.png) no-repeat 0 19px;width: 19px; display: block;float: left; height: 54px;}
.nav .nav3 a:hover i{background:url(../images/nav3h.gif) no-repeat 0 19px !important;color: #fff;}

.nav .nav4 a i{background:url(../images/nav4.png) no-repeat 0 19px;width: 19px; display: block;float: left; height: 54px;}
.nav .nav4 a:hover i{background:url(../images/nav4h.gif) no-repeat 0 19px !important;color: #fff;}

.nav .nav5 a i{background:url(../images/nav5.png) no-repeat 0 19px;width: 19px; display: block;float: left; height: 54px;}
.nav .nav5 a:hover i{background:url(../images/nav5h.gif) no-repeat 0 19px !important;color: #fff;}

.nav .nav6 a i{background:url(../images/nav6.png) no-repeat 0 19px;width: 19px; display: block;float: left; height: 54px;}
.nav .nav6 a:hover i{background:url(../images/nav6h.gif) no-repeat 0 19px !important;color: #fff;}

.nav .nav7 a i{background:url(../images/nav7.png) no-repeat 0 19px;width: 19px; display: block;float: left; height: 54px;}
.nav .nav7 a:hover i{background:url(../images/nav7h.gif) no-repeat 0 19px !important;color: #fff;}

.nav .nav8 a i{background:url(../images/nav8.png) no-repeat 0 19px;width: 19px; display: block;float: left; height: 54px;}
.nav .nav8 a:hover i{background:url(../images/nav8h.gif) no-repeat 0 19px !important;color: #fff;}

.nav .nav9 a i{background:url(../images/nav9.png) no-repeat 0 19px;width: 19px; display: block;float: left; height: 54px;}
.nav .nav9 a:hover i{background:url(../images/nav9h.gif) no-repeat 0 19px !important;color: #fff;}

.nav li a{color:#fff; display: block;height: 54px;line-height: 54px;width: 140px;padding-left: 60px; }
.nav li a:hover,.nav .cur a{background:url(../images/navh.jpg) no-repeat; color: #fff;}


.nav .cur a{background:url(../images/navh.jpg) no-repeat;color: #fff;color:#fff; display: block;height: 54px;line-height: 54px;width: 140px;padding-left: 60px;}
.nav .cur a i{display:inline-block;padding-right: 5px; _display:inline;}
.nav .cur a i{background:url(../images/nav1h.gif) no-repeat 0 19px;width: 18px; display: block;float: left; height: 54px;}
 
/*头部结束*/

/* 内页导航 */
.nav2{ height:70px; overflow:hidden; font-family:"Microsoft Yahei"; background: #0d6fb8; line-height:70px;}
.nav2 li{ float:left; font-size:16px; background:url(../images/linesort.jpg) no-repeat right center;}
.nav2 li a{ display:inline-block; padding: 0 28px 0 28px; color:#fff; line-height:70px; }
.nav2 li a:hover,.nav2 .cur a{color: #fff;background: #77b122;}
.nav2 .lastli{background: none;}


/*服务案例*/
.xinl{ height:560px;background: #eeeeee;}
.xinl h2{background:url(../images/fwtit.jpg) no-repeat;height: 60px;text-align: center;padding-top:28px;}
.xinl h2 a{ color:#333; font-size: 22px;font-weight: bold;}
.xinl h2 a b{ color:#18854c;font-size: 22px;font-weight: bold;}
.xinl h2 em{ display:block; padding:7px 0 0 0;font-size: 20px;font-weight: normal;color: #333;}

.xl-l{ width:1082px; height:200px;}
.tit1{ float:left; width:217px; height:200px;background:url(../images/antit.jpg) no-repeat;text-align: center;
}
.tit1 h3{ padding:82px 0 10px 0; font-size:24px; color:#ffffff; text-align:center;}
.tit1 h3 a{ color:#fff;}
.tit1 .more{ display:block; }

.xl-l dd{ float:left; width:572px; height:165px; padding: 33px 45px 0 30px; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;background: #fff;border-right: none;}
.xl-l dd h3{ padding:0 0 10px 0; font-size:16px;}
.xl-l dd h3 a{ color:#333;font-weight:bold}
.xl-l dd p{ height:72px; line-height:24px; overflow:hidden; color: #000;margin-bottom: 16px;}
.xl-l dd a{ color:#ff0000;}

.xl-r{ width:216px;overflow: hidden;}
.xl-r img{ width:216px;display: block; border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc; height:198px;}

.xl-c{ clear:both;height:200px;}
.xl-i{height:200px; border-left:1px solid #dcdcdc;}
.xl-i li{ float:left; width:215px; height:109px; border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;}
.xl-i li img{ width:215px; height:109px;display: block;}

.xl-con{ z-index:10; left:814px; bottom:0; width:50px; height:25px;}
.xl-con a,.js-con a{ display:inline-block; width:25px; height:25px; background:url(../images/xl_icon1.gif) no-repeat left top;}
.xl-con .t-r,.js-con .t-r{ background-position: right top;}
.xl-con a:hover,.js-con a:hover{ background-position: left bottom;}
.xl-con a.t-r:hover,.js-con a.t-r:hover{ background-position: right bottom;}

/* 首页左边公司简介右边资质 */
.g_con2{height:350px; padding-top: 20px; background: #f8f8f8;}
.g_con2 .content{width:1082px; margin:0 auto; }
.g_con2 .m_zs{width: 252px;height: 300px;}

.u_gytit{height: 38px; line-height: 38px;font-weight: normal;border-bottom: 1px solid #dcdcdc;background: url(../images/line5.jpg) no-repeat left 13px;}
.u_gytit a{height: 38px; line-height: 38px;  font-size: 18px; color: #000;border-bottom: 1px solid #0d6fb8;display: block;width: 82px;padding-left: 8px;font-weight: bold; overflow: hidden; position: relative; left:0;bottom: 0;_bottom:-1px;}
.u_gytit span{display: block;margin-top: 10px;}
.u_gytit span a{width: 59px;height: 17px;display: block;border-bottom: none;}
.m_zs h2 a{width: 115px;}
.m_zs span a{width: 59px;}

.g_con2 .u_lst2{margin: 20px 0 0 0;background: #fff;width:210px;height: 210px;border-right: 2px solid #dfdfdf;border-bottom: 2px solid #dfdfdf; padding: 30px 20px 0 20px;}
.g_con2 .u_lst2 li{width: 207px; padding-right:20px;}
.g_con2 .u_lst2 li img{width: 207px;height: 147px;display: block;}
.g_con2 .u_lst2 li em{display: block;height: 34px;line-height: 34px;width: 207px;text-align: center;color: #333333; font-size: 14px;margin-top: 10px; }

.m_zs .u_ljt,.m_zs .u_rjt{ width:20px; height:18px;display:block;}
.m_zs .u_ljt{top:13px;right:20px;}
.m_zs .u_rjt{top:13px;right:0;}
.m_zs .u_ljt a{ background: url(../images/ljth.jpg) no-repeat; width:20px; height:18px; display:block;}
.m_zs .u_rjt a{ background: url(../images/rjt.jpg) no-repeat; width:20px; height:18px; display:block;}
.m_zs .u_ljt a:hover{ background: url(../images/ljth.jpg) no-repeat;}
.m_zs .u_rjt a:hover{ background: url(../images/rjth.jpg) no-repeat;}

.g_con2 .m_zj{width: 793px; height: 300px;margin-right: 36px;}
.g_con2 .m_zjc dl{height: 240px; padding-top: 20px; }
.g_con2 .m_zjc dt{float: left; width:370px; margin-right: 14px; }
.g_con2 .m_zjc dt img{width: 370px;height: 240px;display: block; }
.g_con2 .m_zjc dd{float: left; width: 400px;}

.g_con2 .m_zjc dd h3{height: 30px;line-height: 30px;overflow: hidden;}
.g_con2 .m_zjc dd h3 a{color: #0d6fb8; font-size: 14px;font-weight: bold;}
.g_con2 .m_zjc dd p{color: #555555; font-size: 12px;line-height: 28px; height: 165px; overflow: hidden;}
.g_con2 .m_zjc dd span{display: block;float: left; margin-top: 12px;}


	.bottom-shadow{height: 30px;position:relative;width: 100%;}
	.bottom-shadow-top{width: 980px;height: 27px;margin:0 auto;}
	.bottom-shadow-top img{border:none;}

	.line{height: 52px;width: 100%;margin:0 auto; background:url(line_bg.jpg) repeat-x;}
	.line_content{letter-spacing:2px;position:relative; margin:0 auto; width:1082px; height:52px;background:url(line.jpg) no-repeat;line-height:52px;font-size:22px;font-weight:bold;  text-align:center; font-family:"Microsoft Yahei";color:#31533a; }

	.proline{height: 52px;width: 100%;margin:0 auto; background:url(line_bg.jpg) repeat-x;}
	.proline_content{letter-spacing:2px;position:relative; margin:0 auto; width:1082px; height:52px;background:url(line.jpg) no-repeat;line-height:42px;font-size:20px; text-align:center; font-family:"Microsoft Yahei";color:#31533a; }

    #shop {position:absolute; bottom:0; right:0; z-index:500000; width:78px; height:100%;}
    #shop {width:108px;}
    #shop .lang {position:absolute;top:0; right:0px; width:50px; height:100%; font-size:13px; line-height:76px; color:#666369; background-color:#fff; -webkit-transition:color 300ms; transition:color 300ms;}
    #shop .lang:hover {color:#ff2424;}
    #shop .btn-search {position:absolute; top:4px; right:0px; width:150px; height:100%; background:url(weixin.png) no-repeat 0px 0px;}
    #shop .btn-search:hover,
    #shop .btn-search.on {background-image:url(weixin_on.png);}
    #searchbox {display:none; position:absolute; top:52px; z-index:111111; right:0;background-image:url(erweima.jpg); padding:0 20px; width:110px; height:120px; border:0px solid #4c4a4f;}

    #content {position:relative; overflow:hidden;margin:0 auto; width:1150px; }
    #subNav {position:absolute; top:0; left:0px; z-index:4; width:100%; height:61px; overflow:hidden;}
    #subNav .g-wrap {overflow:visible;}
    #subNav .g-wrap .item {position:absolute; top:-100%; width:100%; height:100%; background-color:#f3f3f3; overflow:hidden; -webkit-transition:top 300ms; transition:top 300ms;}
    #subNav .g-wrap .about {left:427px; padding:0 67px; /*width:835px;*/}
    #subNav .g-wrap .news {left:510px; padding:0 67px; /*width:752px;*/}
    #subNav .g-wrap .relation {left:593px; padding:0 80px;/* width:643px;*/}
    #subNav .g-wrap .service {left:689px; padding:0 67px; /*width:573px;*/}
    #subNav .g-wrap .on {top:0;}
    #subNav .g-wrap .item a {float:left; padding:0 16px; font-weight:bold; font-size:13px; line-height:61px; color:#d2ced5;-webkit-transition:color 300ms; transition:color 300ms;}
    #subNav .g-wrap .item a:hover {color:#f63b2e;}
	#subjects .g-wrap{width:1150px;margin:0 auto;float:left;padding-top:20px;height:180px}
    #subjects .g-wrap .item-1{float:left;width:213px;}
	#subjects .g-wrap .item-1 span img{width:200px;height:180px;}
	#subjects .g-wrap .item-2{float:left;width:320px;border-left:1px #ccc solid;border-right:1px #ccc solid;padding-left:40px;} 
	#subjects .g-wrap .item-2 span img{width:275px;height:180px}
	#subjects .g-wrap .item-3{float:left;width:305px;border-right:1px #ccc solid;padding-left:33px;} 
	#subjects .g-wrap .item-3 span img{width:275px;height:180px}
	#subjects .g-wrap .item-4{float:right;width:235px} 
	#subjects .g-wrap .item-4 span img{float:right;width:200px;height:180px}


.clearfix{*zoom:1}
.fl{float:left;_display:inline}
.fr{float:right;_display:inline}
.footer-wrap{background:#444444;height:90px;margin:0 auto;width:100%;}
.footer{width:1082px;margin:0 auto;position:relative;}
.footer .contact_new{width:1082px;padding:5px 0;color:#e5e5e5;}
.contact_new a{margin-right:30px;font:normal 16px/40px "Microsoft YaHei";color:#e5e5e5}
.contact_new a:hover{text-decoration:underline}
.footer2{width:1082px;border-top:1px solid #515151;}
.footer2 p{font:normal 12px/40px "Microsoft YaHei";position:relative;float:right;}
.footer2 p a{color:#acacac}
.footer2 span{font:normal 12px/40px "Microsoft YaHei";color:#acacac;float:left}
.footer2 span em{margin-left:10px}
.footer .certificate{width:835px;padding:18px 0;color:#e5e5e5}
.index-code{position:absolute;right:5px;top:10px;}
.index-code img{float:left;}
.index-code .scan-txt{margin:0px 0 0 10px;font:normal 16px/30px "Microsoft YaHei";color:#e5e5e5}


#index_Panel{width:1024px; height:316px; padding:10px 0; margin:0 auto; clear:both;}

#index_Panel li{width:235px; height:316px; position:relative; float:left; padding-right:28px;text-align:center}

#index_Panel li h2{position:absolute;width:235px; height:52px; line-height:52px; text-align:center; background:#000; left:0; bottom:0;filter:Alpha(opacity=70);-moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7; color:#fff; font-size:20px;}

#index_Panel li h2 a{color:#fff;}

#index_Panel li.last{width:235px; height:316px; position:relative; float:right; padding-right:0px;text-align:center}

#index_Panel li .index_down{width:235px; height:316px; position:absolute;background:#000; left:0; bottom:0;filter:Alpha(opacity=80);-moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8; color:#fff; display:none; cursor:pointer;}

#index_Panel li .index_down h1{ font-size:20px; text-align:center; line-height:54px; padding-top:92px;}

#index_Panel li .index_down span{width:38px; height:1px; background:#fff; display:block; margin:0 auto;}

#index_Panel li .index_down p{line-height:18px; padding:17px 18px 0 18px;}

#index_Panel li .index_down a{color:#fff;}

/* 轮播效果 */
*{margin:0;padding:0;list-style-type:none;}
.case{background:url(../images/case.jpg) no-repeat;height:568px;overflow:hidden;width:1128px;margin:0 auto;}
.case_box{position:relative;margin:35px auto 0px;width:1090px;height:500px;overflow:hidden}
.case_box p{z-index:2;position:absolute;text-indent:-9999px;width:28px;height:51px;top:40%;cursor:pointer}
.case_box .prev{text-indent:-9999px;background:url(../images/previous.png) no-repeat;left:0px}
.case_box .next{background:url(../images/next.png) no-repeat;top:40%;right:0px}
.case_box ul{position:absolute;height:478px;overflow:hidden;top:0px;left:0px}
.case_box ul li{width:1090px;float:left;height:500px}

.case_box ul li.case_1{background:url(../images/case_1.jpg) no-repeat center top}
.case_box ul li.case_2{background:url(../images/case_2.jpg) no-repeat center top}
.case_box ul li.case_3{background:url(../images/case_3.jpg) no-repeat center top}
.case_box ul li.case_4{background:url(../images/case_4.jpg) no-repeat center top}
.case_box ul li.case_5{background:url(../images/case_5.png) no-repeat center top}
.case_box ul li.case_6{background:url(../images/case_6.png) no-repeat center top}


.case_box ol{position:absolute;bottom:0;left:50%;margin:0 0 0 -65px;height:12px;z-index:99;}
.case_box ol li{float:left;margin:0 4px;display:inline;width:12px;height:12px;line-height:999em;background:url(../images/pagination.png) no-repeat;overflow:hidden;cursor:pointer;}
.case_box ol li.active{background-position:0 -12px;}