@charset "utf-8";
/* CSS Document */
/*---------- base ---------*/
*,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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0; vertical-align: baseline; background: transparent;}
html{color:#333333;}
body{ font:12px "Microsoft YaHei","微软雅黑",Verdana,Arial,Tahoma;}
img{ border:none; display:block; margin:0 auto; transition: all 0.36s ease-out; -moz-transition: all 0.36s ease-out; -ms-transition: all 0.36s ease-out; -o-transition: all 0.36s ease-out; -webkit-transition: all 0.36s ease-out;}
a{ color:#333333; text-decoration:none; -webkit-transition: all 0.36s;-moz-transition: all 0.36s;-ms-transition: all 0.36s;-o-transition: all 0.36s;transition: all 0.36s;}
a:hover{color:#0079d1;text-decoration:none;}
ul,li{list-style:none; margin:0px; padding:0px;}
ul::after{content: ''; height: 0; display: block; visibility: hidden; clear: both;}
input,select,button{font:12px Verdana,Arial,Tahoma;vertical-align:middle;}
.clear{overflow:hidden; clear:both;}
.clearfix:before, .clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.clearfix{	zoom:1; }
.fl{ float:left;}
.fr{ float:right;}
.middle{ width:100%; max-width:1200px; margin: 0 auto; overflow:hidden;}
.headmiddle{ width:100%; max-width:1200px; margin: 0 auto;}

#back-to-top{position:fixed;bottom:5%;left:95%;}
#back-to-top a span{ display:block; height:50px; width:50px; background:url(../images/return_top.png) no-repeat center center; margin-bottom:5px; -moz-transition:background 1s;-webkit-transition:background 1s;-o-transition:background 1s;}
#back-to-top a:hover span{background:url(../images/return_top.png) no-repeat center center;}

.sub-nav{ width:100%; margin:0 auto; padding:0; text-align:left;}
.sub-nav .top{ line-height:45px; background:#EEE; color:#000; font-size:13px; overflow:hidden;}
.sub-nav .top .kjmenu{ overflow:hidden;}
.sub-nav .top .kjmenu a{ display:inline-block; padding-left:20px; padding-right:20px; margin-top:13px; line-height:18px; border-left:1px #bcbcbc solid;}
.sub-nav .top .kjmenu a:last-child{ padding-right:0;}
.sub-nav .toplogo{ width:100%; display:block; padding:11px 0; margin:0 auto; text-align:center; overflow:hidden;}
.sub-nav .toplogo .logowz{ padding:28px 0 0 0}
.sub-nav .toplogo .topphone{ margin:24px 0 0 0; padding:0 0 0 42px; text-align:left; background:url(../images/ico-phone.png) no-repeat left center; }
.sub-nav .toplogo .topphone p{ line-height:28px; font-size:15px;}
.sub-nav .toplogo .topphone p:nth-child(2){ font-size:28px; font-weight:bold; color:#da251c;}
.sub-nav .topnav{ width:100%; display:block; padding:0; margin:0 auto; background:#0079d1; border-bottom:4px #004c7f solid; text-align:center;}


/*-------- 轮播图 --------------*/
.banner{width:100%; height:593px; margin:0 auto; text-align:center; clear:both; overflow:hidden;}
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.focusBox { position: relative; width:100% !important; text-align:center; overflow: hidden; }
.focusBox .pic{ position:relative; z-index:0; height:593px;overflow: hidden;}
.focusBox .pic li{ width:100%; height:593px; overflow: hidden;}
.focusBox .pic img { width:100% !important; height:593px; display: block; }
.focusBox .hd { width:100%; position:absolute; bottom:10px; text-align:center; z-index:10; padding:0px; overflow:hidden;}
.focusBox .hd li{ display:inline-block; *display:inline; margin: 4px 5px; height: 12px; width: 12px; cursor: pointer; zoom:1; background:#000; filter:alpha(opacity=60); opacity:0.6; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; overflow: hidden;}
.focusBox .hd .on{ background:#FFF; filter:alpha(opacity=100); opacity:1;}
.focusBox .prev,
.focusBox .next { width: 48px; height: 74px; margin: -48px 0px 0px; display: none; background: url(../images/arrow_left.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; filter:alpha(opacity=70); opacity:0.7;}
.focusBox .prev { left: 6%; }
.focusBox .next { background: url(../images/arrow_right.png) no-repeat;background-position: 0px 0px; right:6%;}
.focusBox .prev:hover,
.focusBox .next:hover { filter:alpha(opacity=90) !important;opacity:0.9 !important;  }

/*搜索*/
#search_c{ width: 100%; height: 80px; margin: 0 auto; padding: 0; border-bottom:1px #e2e2e2 solid; overflow:hidden;}
.search_l{ width:650px; float: left; font-size: 14px; color: #17271f; padding-left:40px; background:url(../images/ico-hotsearch.jpg) left no-repeat; line-height: 80px;}
.search_l strong{ display:block; float:left; font-size:14px;}
.search_l{ width:calc(33% * 2); line-height:80px;}
.search_l ul{ float:left; overflow:hidden;}
.search_l ul li{ float:left; margin:0 12px 0 0;}
.search_l ul li a{ font-size:14px; color:#333;}
.search_l ul li a:hover{ color:#0244a6;}

#search_r{ float: right; width:350px; padding-left:0; padding-top:21px; overflow:hidden;}
#search_r ul{ background:#F2F2F2; overflow:hidden;}
#search_r ul li:first-child{ float:left; width:290px; height:39px;}
#search_r ul li:last-child{ float:right; width:57px;  height:39px; text-align: right; }
#search_r ul li .input { width:260px; height:38px; line-height:38px; margin: 0; padding:0 0 0 14px; color: #c6c6c6; border: none; background:none;}
#search_r ul li .ss{ display:block; width:100%; height:39px; border:none; background:#042864 url(../images/ico-ssanniu.jpg) no-repeat center center; cursor:pointer;}

/*-------- pro --------------*/
.pro{width:100%; margin:0 auto; padding:50px 0 0 0; text-align:center; clear:both; background:#fff; overflow:hidden;}
.pro .mbox-name{ margin:0; padding:0; text-align:center; overflow:hidden; }
.pro .mbox-name h1{ display:block; line-height:70px; text-align:center; font-size:36px; overflow:hidden;}
.pro .mbox-name h2{ font-size:16px; color:#434343; font-weight:normal; line-height:60px; margin: 0 0 2px 0; background:url(../images/ico-kuang.png) no-repeat center center;}
.pro .mbox-name h3{ text-align:center; overflow:hidden;}
.pro .box-nav{ padding:20px 0 30px; margin:0 auto; overflow:hidden}
.pro .box-nav ul{ text-align:center; overflow:hidden} 
.pro .box-nav ul li{ display:inline-block; line-height:48px; padding:0 25px; margin:0 5px; background:#f5f5f5; -webkit-transition: all 0.36s;-moz-transition: all 0.36s;-ms-transition: all 0.36s;-o-transition: all 0.36s;transition: all 0.36s; overflow:hidden;}
.pro .box-nav ul li a{ display:block; color:#000; font-size:14px;}
.pro .box-nav ul li:hover{ background:#0079d1;}
.pro .box-nav ul li:hover a{ color:#FFF;}

.pro .prolist{ margin:0 auto; overflow:hidden;}
.pro .prolist ul{ padding:0 0 45px; overflow:hidden;}
.pro .prolist ul li{ width:23%; float:left; margin: 0 2.6% 2.6% 0; overflow:hidden; }
.pro .prolist ul li:nth-child(4n){ margin:0 0 2.6% 0;}
.pro .prolist ul li a{ display:block; position:relative; margin:2px; box-shadow:0 0 2px #E2E2E2;}
.pro .prolist ul li a p{ display:block; overflow:hidden;}
.pro .prolist ul li a p img{ width:100%;}
.pro .prolist ul li a:hover p img{transform: scale(1.1,1.1);}
.pro .prolist ul li a .protitle{ position:absolute; bottom:0; width:100%; background:#000 url(../images/ico-jtmore.png) no-repeat 95% center; color:#FFF; line-height:52px; font-size:15px; filter:alpha(opacity=70) !important;opacity:0.7 !important; z-index:1;}


/*-------- about --------------*/
.about{width:100%; margin:0 auto; min-height:522px; text-align:center; clear:both; background:url(../images/ico-aboutbg.jpg) no-repeat center top; overflow:hidden;}
.about .box-info{ width:68%; position:relative; padding:75px 0 70px 0; margin:0 25px 0 0; text-align:center; overflow:hidden;}
.about .box-info .bgfff{ text-align:left; background:#FFF; padding:40px 40px 70px 77px; overflow:hidden;}
.about .box-info .bgfff h1{ line-height:34px; padding:0 0 12px 0; margin:0; font-weight:400; font-size:20px; text-align:left;}
.about .box-info .bgfff .aboutline{ width:10%; height:3px; margin:0 0 20px 0;  padding:0; text-align:center; background:#0079d1;  overflow:hidden;}
.about .box-info .bgfff .wz{ line-height:28px; padding: 0; font-size:14px; text-align: left; margin:0 auto;}
.about .box-info .apic{ position:absolute; width:65.5%; min-height:113px; bottom:0; right:0; margin:0; padding:0; text-align:center; z-index:1; overflow:hidden;}
.about .box-info .apic p{ display:block; margin:0 10px; padding:0; overflow:hidden;}
.about .box-info .apic p img{ cursor:pointer; width:155px;}
.about .box-info .apic p:hover img{transform: scale(1.1,1.1);}

/*-------- case --------------*/
.case{width:100%; margin:0 auto; padding:0; text-align:center;  overflow:hidden;}
.case .case-box{ max-width:1200px; width:100%;  margin:0 auto; padding:0; text-align:center; overflow:hidden; } 
.case .case-box .mbox-menu{ margin:0; padding:80px 0 45px 0; text-align:center; overflow:hidden; }
.case .case-box .mbox-menu h2{ font-size:16px; color:#434343; font-weight:normal; line-height:60px; margin: 0; background:url(../images/ico-kuang2.png) no-repeat center center;}
.case .case-box .mbox-c{ padding: 0; margin:0 auto; text-align:center; overflow:hidden;}
.case .case-box .mbox-c .w30{ width:36.59%; overflow:hidden;}
.case .case-box .mbox-c .w30 a{ position:relative; display:block; padding:0; margin:0 auto; text-align:center; overflow:hidden;}
.case .case-box .mbox-c .w30 a img{ width:100%;}
.case .case-box .mbox-c .w30 a p{ position:absolute; top:50%; margin:-50px 17% 0 17%; width:66%; height:100px; background: url(../images/tmbg.png); color:#FFF; text-align:center; overflow:hidden; z-index:1;}
.case .case-box .mbox-c .w30 a p span{ display:block; margin-top:10px; line-height:40px; font-size:22px;}
.case .case-box .mbox-c .w30 a p font{ display:block; width:50%; margin:4px auto; line-height:30px; border:1px #FFF solid; color:#FFF; font-size:14px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.case .case-box .mbox-c .w30 a:hover img{transform: scale(1.1,1.1);}
.case .case-box .mbox-c .w67{ width:62.5%; overflow:hidden;}
.case .case-box .mbox-c .w67 ul{ overflow:hidden;}
.case .case-box .mbox-c .w67 ul li{ width:49%; float:left; margin:0 2% 1.4% 0;}
.case .case-box .mbox-c .w67 ul li:nth-child(2n){ margin-right:0;}
.case .case-box .mbox-c .w67 ul li a{ position:relative; display:block; padding:0; margin:0 auto; overflow:hidden; }
.case .case-box .mbox-c .w67 ul li a img{ width:100%; height:288px;}
.case .case-box .mbox-c .w67 ul li a p{ position:absolute; top:0; bottom:0; left:0; right:0; width:100%; background:#000; color:#FFF; filter:alpha(opacity=0) !important;opacity:0 !important; text-align:center; -webkit-transition: all 0.36s;-moz-transition: all 0.36s;-ms-transition: all 0.36s; -o-transition: all 0.36s; transition: all 0.36s; z-index:1; overflow:hidden;}
.case .case-box .mbox-c .w67 ul li a p span{ display:block; margin-top:100px; margin-left:25px; margin-right:25px; line-height:40px; font-size:22px; overflow: hidden; word-wrap: break-word; word-break: break-all; text-overflow: ellipsis; white-space: nowrap;}
.case .case-box .mbox-c .w67 ul li a p font{ display:block; width:50%; margin:4px auto; line-height:30px; border:1px #FFF solid; color:#FFF; font-size:14px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.case .case-box .mbox-c .w67 ul li a:hover p{ filter:alpha(opacity=80) !important;opacity:0.8 !important;}
.case .case-box .mbox-c .w67 ul li a:hover img{ transform: scale(1.1,1.1);}

/*-------- 03 news xilie --------------*/
.news{ width:100%; margin:70px auto; padding:70px 0; background:#f2f2f2; clear:both; text-align:center; overflow:hidden;}
.news .mbox-menu{ margin:0; padding:0 0 45px 0; text-align:center; overflow:hidden; }
.news .mbox-menu h2{ font-size:16px; color:#434343; font-weight:normal; line-height:60px; margin: 0; background:url(../images/ico-kuang3.png) no-repeat center center;}
.news .mbox-c{ text-align:left; overflow:hidden;}
.news .mbox-c .nlbox{ width:49%; margin:0; padding:0; text-align:center; overflow:hidden;} 
.news .mbox-c .nlbox .lnr{ padding: 36px 30px ; background:#FFF; overflow:hidden;}
.news .mbox-c .nlbox .lnr h1{ display:block; padding:0 0 15px 0; line-height:20px; text-align:left; font-weight:normal; border-bottom:1px #dddddd solid; overflow:hidden;}
.news .mbox-c .nlbox .lnr h1 a{ display:block;  margin:0; text-align:center; font-size:20px;}
.news .mbox-c .nlbox .lnr h1 a:nth-child(1){ padding: 0 15px 0 0; color:#000;}
.news .mbox-c .nlbox .lnr h1 a:nth-child(2){ padding: 0; color:#676767;}
.news .mbox-c .nlbox .lnr h1 a:nth-child(3){ padding: 0; color:#999999; font-size:12px;}
.news .mbox-c .nlbox .lnr h1 a:hover{ color:#0079d1;}
.news .mbox-c .nlbox .lnr .xwhot{ padding:15px 0 12px 0; margin: 0 auto; text-align:center; overflow:hidden;}
.news .mbox-c .nlbox .lnr .xwhot .xwpic{ width:33%; overflow:hidden;}
.news .mbox-c .nlbox .lnr .xwhot .xwpic img{ height:118px;}
.news .mbox-c .nlbox .lnr .xwhot .xwms{ width:64%; overflow:hidden;}
.news .mbox-c .nlbox .lnr .xwhot .xwms h3{ line-height:30px; padding: 5px 0; font-weight:normal; text-align:left;}
.news .mbox-c .nlbox .lnr .xwhot .xwms h3 a{ font-size:14px; color:#000;}
.news .mbox-c .nlbox .lnr .xwhot .xwms h3 a:hover{ color:#0079d1;}
.news .mbox-c .nlbox .lnr .xwhot .xwms p{ line-height:24px; padding:0; font-size:13px; text-align:left; color:#717171;}
.news .mbox-c .nlbox .lnr .xwline{ padding:18px 0 0 0; border-bottom:1px dashed #EEE;}
.news .mbox-c .nlbox .lnr .boxlist{ padding:10px 0 0 0; overflow:hidden;}
.news .mbox-c .nlbox .lnr .boxlist p{ display:block; line-height:36px; padding: 0 0 0 15px; background:url(../images/ico-xwdian.png) no-repeat left center; border-bottom:1px #ededed solid; text-align:left; overflow:hidden;}
.news .mbox-c .nlbox .lnr .boxlist p a{ display:block; font-size:13px; color:#000; overflow:hidden;}
.news .mbox-c .nlbox .lnr .boxlist p a span{ font-size:13px;}
.news .mbox-c .nlbox .lnr .boxlist p a:hover{ color:#0079d1;}

.news .mbox-c .nrbox{ width:49%; margin:0; padding:36px 25px; background:#FFF; text-align:center; overflow:hidden;}
.news .mbox-c .nrbox h1{ display:block; padding:0 0 15px 0; line-height:20px; color:#000; font-size:20px; text-align:left; font-weight:normal; border-bottom:1px #dddddd solid; overflow:hidden;}
.news .mbox-c .nrbox h1 a{ float:right; font-size:12px; color:#999999;}
.news .mbox-c .nrbox h1 a:hover{ color:#0079d1;}
.news .mbox-c .nrbox ul{ margin:17px auto 0 auto; text-align:center; overflow:hidden;}
.news .mbox-c .nrbox ul li{ padding:0 0 0 15px; margin:0 0 5px 0; line-height:44px; text-align:left; border-bottom:1px #ededed solid; background:url(../images/ico-xwdian.png) no-repeat left center; overflow:hidden; cursor:pointer;}
.news .mbox-c .nrbox ul li a{ display:block; font-size:13px; color:#000; text-transform:uppercase; overflow:hidden;}
.news .mbox-c .nrbox ul li a span{ font-size:13px; }
.news .mbox-c .nrbox ul li a:hover{ color:#00479c;}



/*-------- honor --------------*/
.honor{width:100%; margin:0 auto; text-align:center;  overflow:hidden;}
.honor .box-menu{ margin:0; padding:0; text-align:center; overflow:hidden; }
.honor .box-menu a{ display:block; width:15%; line-height:50px; font-size:15px; margin:0 15px 0 0; background:#f3f3f3; text-align:center; overflow:hidden;}
.honor .box-menu a:nth-child(1){ background:#0079d1; color:#FFF;}
.honor .box-menu a:hover{ background:#0079d1; color:#FFF;}
.honor .honor-box{ max-width:1200px; width:100%;  margin:0 auto 64px auto; padding:0; border:1px #f2f2f2 solid; text-align:center; overflow:hidden; }
.honor .honor-box .mbox-c{ padding: 0; margin:0 auto; text-align:center;}

.picScroll-honor{ width:100%;  overflow:hidden; position:relative; margin:0 auto; padding:0;  }
.picScroll-honor .bd{ max-width:1100px; width:100%; margin: 0 auto; padding:25px 0;   }
.picScroll-honor .bd ul{ overflow:hidden; zoom:1; }
.picScroll-honor .bd ul li{ margin:0 15px; width:245px; float:left; _display:inline; overflow:hidden; text-align:center;}
.picScroll-honor .bd ul li .hpic{ border:1px #DDD solid; overflow:hidden;}
.picScroll-honor .bd ul li .hpic a{ display:block; text-align:center; overflow:hidden;}
.picScroll-honor .bd ul li .hpic a img{ max-height:172px; display:block;}
.picScroll-honor .bd ul li:hover .hpic a img{transform: scale(1.1,1.1);}
.picScroll-honor .bd ul li .htitle{ margin:8px 0 0 0; line-height:40px; border:1px #DDD solid;}
.picScroll-honor .bd ul li .htitle a{ display:block; font-size:14px;}

.picScroll-honor .prev,.picScroll-honor .next{ position:absolute; top:40%; display:block;  width:30px; height:56px; overflow:hidden; cursor:pointer;}
.picScroll-honor .prev{ background:url(../images/ico-left.png) no-repeat; left:10px;}
.picScroll-honor .next{ background:url(../images/ico-right.png) no-repeat; right:10px; }
.picScroll-honor .prevStop{ background-position:0 0; }
.picScroll-honor .nextStop{ background-position:0 0; }

/*-------- link --------------*/
.linkbox{width:100%; margin:0 auto; line-height:37px; padding:0; border-top:1px #dddddd solid; text-align:left; font-size:14px; overflow:hidden;}
.linkbox a{ font-size:14px; margin:0 8px 0 0;}


/*---------- footer ---------*/
.footer{ width:100%; min-height:331px; margin:0 auto; background:url(../images/footerbg.jpg) repeat-x center top; text-align:center; overflow:hidden;}
.footer .footnav{ width:76%; padding:0; margin:0; overflow:hidden;}
.footer .footnav dl{ padding:30px 0 0; overflow:hidden;}
.footer .footnav dl dd{ width:20%; min-height:224px;  text-align:left;}
.footer .footnav dl dd:nth-child(2){ width:22%; background:url(../images/ico-footline.png) no-repeat left center;}
.footer .footnav dl dd:nth-child(3){ width:22%; background:url(../images/ico-footline.png) no-repeat left center;}
.footer .footnav dl dd:nth-child(4){ width:33%; background:url(../images/ico-footline.png) no-repeat left center;}
.footer .footnav dl dd h1{ font-weight:normal; font-size:16px; padding:0 0 15px 50px; color:#FFF;}
.footer .footnav dl dd ul{ padding:0; overflow:hidden;}
.footer .footnav dl dd ul li{ line-height:26px; font-size:13px; padding:0 0 0 50px; color:#b4b4b4;}
.footer .footnav dl dd:nth-child(1) h1{ padding:0 0 15px 60px;}
.footer .footnav dl dd:nth-child(1) ul li{ padding:0 0 0 60px}
.footer .footnav dl dd:nth-child(4) h1{ padding:0 0 15px 40px;}
.footer .footnav dl dd:nth-child(4) ul li{ padding:0 0 0 40px}
.footer .footnav dl dd ul li a{ color:#b4b4b4;}
.footer .footnav dl dd ul li a:hover{ color:#0079d1;}
.footer .bortb{ width:22%; min-height:331px; background:#0079d1; text-align:center;}
.footer .bortb p{ display: block; color:#FFF; margin: 0 auto; }
.footer .bortb p:nth-child(1){ padding-top:30px; line-height:36px; font-size:15px;}
.footer .bortb p:nth-child(2){ padding-top:5px; line-height:20px; font-size:28px;}
.footer .bortb p:nth-child(3){ padding-top:32px; }
.footer .bortb p:nth-child(4){ padding-top:10px; line-height:20px; font-size:13px; }

/*---------- frame : 内页 ---------*/
.ny-banner{ width:100%; height:341px; margin:0px auto; padding:0px; text-align:center; overflow:hidden;}

.position{ display:block; margin:0 auto; padding:0 0 0 25px; line-height:26px; font-size:14px; text-align:left; background:url(../images/newone.png) no-repeat left center; text-transform:uppercase;}
.position a{ font-size:14px; }
.position a:hover{ color:#0079d1;}

.left-nav{ overflow:hidden;}
.left-nav ul{ display:block;  padding:20px 0; margin:0 auto; background:#F1F1F1; text-align:left; overflow:hidden;}
.left-nav ul li{  display: block; padding:0; margin:0 auto 5px auto; text-align:left; overflow:hidden; }
.left-nav ul li a{display:block; line-height:45px; padding:0 0 0 25px; font-size:16px; margin: 0 10px; border-bottom:1px #DDD dashed; background:url(../images/pr_07.png) no-repeat left center; text-align:left; overflow:hidden;}
.left-nav ul li:hover{ background:#0079d1; }
.left-nav ul li:hover a{ color:#FFF;}
.left-nav ul li.lihover a{ color:#333333;}
.left-nav ul li:hover.lihover a{ color:#FFF;}
.tu{ padding:0 4% 4% 4%; margin:0 auto; background:#F1F1F1; overflow:hidden;}
.tu img{ width:100%;}

.lbox{ border-bottom:1px #CCC solid; line-height:50px; overflow:hidden}
.lbox ul{ width:40%; float:right; display:block; padding:0; margin:0 auto;overflow:hidden} 
.lbox li{ float:left; line-height:36px; padding:0 3px 13px 3px; border-bottom:1px #FFF solid; margin:0 12px; overflow:hidden;}
.lbox li a{ display:block; color:#333; font-size:16px;}
.lbox li:hover{ border-bottom:1px #0079d1 solid;}
.lbox li:hover a{ color:#0079d1;}
.lbox li.lefton { border-bottom:1px #0079d1 solid;}
.lbox li.lefton a{ color:#0079d1; font-weight:bold;}

.wrapper{width:100%; padding-top:20px; margin:0 auto; background:#f6f6f6; text-align:center; overflow:hidden;}
.wrapper .boxfff{ width:100%; max-width:1200px; background:#FFF; min-height:400px; margin:0 auto; padding:25px; overflow:hidden;}
.wrapper .boxfff h1{ color: #3a3a3a; font-size: 23px; font-weight: bold; border-bottom:1px #ccc solid; margin-bottom: 20px; padding:0 0 14px 0; text-align:left;}
.wrapper .boxfff .jjwh{ margin:0 auto; padding:0 1% 40px 1%; overflow:hidden;}
.wrapper .boxfff .jjwh .w62{ width:62%; text-align:left;}
.wrapper .boxfff .jjwh .w62 h2{ font-size: 14px; color: #7b7a7a; line-height:25px; font-weight:normal; margin-bottom: 25px;}
.wrapper .boxfff .jjwh .w62 h2 a{ font-size: 19px;color: #333333;}
.wrapper .boxfff .jjwh .w62 ul{ overflow:hidden;}
.wrapper .boxfff .jjwh .w62 ul li{ text-align:left; overflow:hidden;}
.wrapper .boxfff .jjwh .w62 ul li:nth-child(1){ width:63%;}
.wrapper .boxfff .jjwh .w62 ul li:nth-child(2){ width:32%; padding:10px 0 0 0; line-height:30px; font-size:14px; color:#999;}
.wrapper .boxfff .jjwh .w62 ul li a{ display:block; overflow:hidden;}
.wrapper .boxfff .jjwh .w62 ul li a img{ width:100%;}
.wrapper .boxfff .jjwh .w62 ul li a:hover img{ transform: scale(1.1,1.1);}
.wrapper .boxfff .jjwh .w31{ width:31%; text-align:left;}
.wrapper .boxfff .jjwh .w31 h2{ font-size: 14px; color: #7b7a7a; line-height:25px; font-weight:normal; margin-bottom: 25px;}
.wrapper .boxfff .jjwh .w31 h2 a{ font-size: 19px;color: #333333;}
.wrapper .boxfff .jjwh .w31 ul{ overflow:hidden;}
.wrapper .boxfff .jjwh .w31 ul li{ text-align:left; overflow:hidden;}
.wrapper .boxfff .jjwh .w31 ul li a{ display:block; overflow:hidden;}
.wrapper .boxfff .jjwh .w31 ul li a img{ width:100%;}
.wrapper .boxfff .jjwh .w31 ul li a:hover img{ transform: scale(1.1,1.1);}
.wrapper .boxfff .jjwh .w31 ul li a p{ display:block; margin:1px 0 0 0; line-height:26px; padding:0 0 0 12px; font-size:14px; background:#edecec; color:#504f4f; font-weight:bold;}
.wrapper .boxfff .jjwh .w31 ul li a p:nth-child(2){ background:none; font-weight:normal;}
.wrapper .boxfff .zzry{ margin:0 auto; padding:0; text-align:left; overflow:hidden;}
.wrapper .boxfff .zzry h2{ font-size: 14px; color: #7b7a7a; padding:0 1% 25px 1%; line-height:25px; font-weight:normal;}
.wrapper .boxfff .zzry h2 a{ font-size: 19px;color: #333333;}
.wrapper .boxfff .zzry ul{ overflow:hidden;}
.wrapper .boxfff .zzry ul li{ width:23%; margin:3px 1%; box-shadow:0 0 3px #EEE; text-align:left; overflow:hidden;}
.wrapper .boxfff .zzry ul li a{ display:block;}
.wrapper .boxfff .zzry ul li a p{ overflow:hidden; -webkit-transition: all 0.36s;-moz-transition: all 0.36s;-ms-transition: all 0.36s; -o-transition: all 0.36s; transition: all 0.36s;}
.wrapper .boxfff .zzry ul li a p img{ max-width:100%; max-height:183px}
.wrapper .boxfff .zzry ul li a p:nth-child(2){ line-height:45px; background:#F6F6F6; text-align:center; font-size:14px;}
.wrapper .boxfff .zzry ul li a:hover p:nth-child(2){ background:#0079d1; color:#FFF;}
.wrapper .boxfff .zzry ul li a:hover p img{ transform: scale(1.1,1.1);}
.wrapper .boxfff .menuname{ line-height:40px; padding:25px 10px 5px; text-align:left; font-size:30px; font-weight:bold;}
.wrapper .boxfff .information{ min-height:400px; padding:15px 10px; margin:0 auto; line-height:28px; font-size:14px; text-align:left; overflow:hidden;}
.wrapper .boxfff .proinformation{ min-height:400px; padding:15px 0; margin:0 auto; line-height:28px; font-size:14px; text-align:left; overflow:hidden;}

.wrapper .boxfff .w20{ width:22%; background:#0079d1; overflow:hidden;}
.wrapper .boxfff .w20 h2{ line-height:25px; color:#FFF; margin:10px 0 0 15px; font-size:22px; text-align:left; font-weight:normal;}
.wrapper .boxfff .w20 h3{ line-height:25px; color:#FFF; margin:0 0 10px 15px; font-size:14px; text-align:left; font-weight:normal; text-transform:uppercase;}
.wrapper .boxfff .w80{ width:75%; text-align:left; overflow:hidden;}
.wrapper .boxfff .w80 .prolistname{  padding:10px 0; line-height:25px; margin:0 auto; text-align:left; border-bottom:1px #CCC solid; color:#00479c; font-size:20px; font-weight:normal; overflow:hidden;}
.wrapper .boxfff .w80 .prolistname span{ float:right; font-size:14px; color:#AAA; font-family:"Microsoft YaHei";}

/*---------- neiye about ---------*/
.wrapper .about-content{ width:1200px; min-height:50px; margin:0px auto;text-align:left; overflow:hidden;}
.wrapper .about-content .arclist{ padding:0px 4%; margin:0px; text-align:center; /*background: linear-gradient(to bottom, #cacaca 30%, #e0e0e0);*/ overflow:hidden;}
.wrapper .about-content .arclist ul{ margin:2% auto; padding:0px; list-style-type:none; overflow:hidden;}
.wrapper .about-content .arclist ul li{ float:left; width:27%; margin:0px 1% 2% 1%; padding:2%; background:#FFF; text-align:center; overflow:hidden;}
.wrapper .about-content .arclist ul li .ap-one{ width:24%; padding:11% 0px; margin:0px auto; line-height:45px; font-size:2.0rem; text-align:center; border-bottom:2px #974478 solid; overflow:hidden;}
.wrapper .about-content .arclist ul li .ap-two{ margin:10% auto 0px auto; line-height:36px; font-size:1.4rem; text-align:center;}
.wrapper .about-content .arclist ul li .ap-three{ margin:0px auto; line-height:24px; font-size:0.8rem; text-align:center; text-transform:uppercase;}
.wrapper .about-content .arclist ul li .ap-four{ margin:10% auto 0px auto; line-height:24px; font-size:1.0rem; text-align:center;}
.wrapper .about-content .arclist ul li .ap-five{ margin:10% auto 5% auto; line-height:24px; font-size:0.6rem; text-align:center;}


/*---------- neiye join ---------*/
.boxl{ width:40%; float:left; padding:0; margin:0; text-align:center; overflow:hidden;}
.boxl .op-one{ padding:0 0 3% 0; margin:0; line-height:30px; font-size:1.4rem; text-align:left;}
.boxl .op-two{ padding:0; margin:0; line-height:36px; font-size:1.0rem; color:#AAA; text-align:left;}
.boxr{ width:58%; float:right; margin:0; padding:0; text-align:center; overflow:hidden;}
input.intxt, input.input-file, input.code, textarea {width:80%;font-family:"Microsoft YaHei";padding: 6px 4px;font-size: 13px;outline: none;text-shadow: 0px 1px 0px #fff;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;border: 1px solid #ccc;color:#333333;-webkit-transition: .3s ease-in-out;-moz-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;background: #fff url(../images/dt-10.gif) repeat-x left top;}
select.dede_experts{width:260px;font-family:"Microsoft YaHei";padding: 6px 4px;font-size: 13px;outline: none;text-shadow: 0px 1px 0px #fff;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;border: 1px solid #ccc;-webkit-transition: .3s ease-in-out;-moz-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;background: #fff url(../images/dt-10.gif) repeat-x left top;}
.coolbg{ padding:8px 30px; font-size:14px; color:#333333; font-family:"Microsoft YaHei","微软雅黑"; cursor:pointer; overflow:hidden;}


/*---------- frame : 内页列表 ---------*/
.listbox{ overflow:hidden; clear:both; margin:0 auto; padding:0;}
.cpmenu ul{ display:block; padding:3px; margin:0 auto; text-align:center; overflow:hidden;}
.cpmenu ul li{ padding:0; margin:0 0 2% 0; box-shadow: 0px 0px 3px rgba(0,0,0,.1); transition: all 0.4s; text-align:center; cursor:pointer; overflow:hidden;}
.cpmenu ul li a{ display:block; background:#f5f5f5; overflow:hidden;}
.cpmenu ul li a .pic{ width:50%; float:left; position:relative; overflow:hidden;}
.cpmenu ul li a .pic img{ width:100%; height:330px; filter: alpha(opacity=100);opacity: 1; }
.cpmenu ul li a .pic p{ line-height:50px; width:100%; position:absolute; bottom:0; padding: 0; color:#FFF; font-size:20px; text-align:center; background:#000; filter:alpha(opacity=70) !important;opacity:0.7 !important; transition: all 0.36s; z-index:1; }
.cpmenu ul li a:hover .pic img{ filter:alpha(opacity=100); opacity:1; transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
.cpmenu ul li a:hover .pic p{ background:#ff0000;}
.cpmenu ul li a .lmms{ width:50%; float:right; height:330px; line-height:32px; text-align:center; background:url(../images/pbeijing.png) no-repeat center center; background-size:cover; overflow:hidden; }
.cpmenu ul li a .lmms .lmtitle{ display:block; line-height:45px; padding:20px 10% 10px 10%; font-size:28px; font-weight:bold; color:#2a2b2b; text-align:left; overflow:hidden;}
.cpmenu ul li a .lmms .lmxq{ line-height:32px; padding:0 10%; font-size:14px; text-align:left; color:#666;}
.cpmenu ul li:nth-child(2n) a .pic{ float:right;}
.cpmenu ul li:nth-child(2n) a .lmms{ float:left;}

.e8{ display:block; padding:3px; margin:0 auto; text-align:center; overflow:hidden;}
.e8 li{ width:31%; float:left; padding:0; margin:0 3.5% 2% 0; box-shadow: 0px 0px 3px rgba(0,0,0,.1); transition: all 0.4s; text-align:center; cursor:pointer; overflow:hidden;}
.e8 li:nth-child(3n){ margin:0 0 2% 0;}
.e8 li:hover{/* box-shadow: 0px 0px 4px rgba(0,0,0,.2)*/}
.e8 li .pic{ overflow:hidden;}
.e8 li .pic a{ display:block; padding:0; margin:0 auto; cursor:pointer; overflow:hidden;}
.e8 li .pic a img{ width:100%; max-height:220px; filter: alpha(opacity=100);opacity: 1; }
.e8 li .pic a:hover img{ filter:alpha(opacity=100); opacity:1; transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
.e8 li .title{ text-align:center; overflow:hidden;}
.e8 li .title a{ display:block; line-height:45px; font-size:15px; background:#f5f5f5; text-align:center; overflow:hidden;}
.e8 li .title a b{ font-weight:normal;}

/*---案例列表---*/
.e3-allm{ display:block; padding:0; margin:0 auto; text-align:center; overflow:hidden;}
.e3-allm li{ padding:0; margin:0 0 2% 0; box-shadow: 0px 0px 3px rgba(0,0,0,.1); transition: all 0.4s; text-align:center; cursor:pointer; overflow:hidden;}
.e3-allm li a{ display:block; position:relative; overflow:hidden;}
.e3-allm li a img{ width:100%; height:310px; }
.e3-allm li a:hover img{ transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
.e3-allm li a .lmms{ position:absolute; left:0; top:0; width:30%; height:310px; background:url(../images/move_left.png) no-repeat left center; z-index:1; overflow:hidden; }
.e3-allm li a .lmms .lmtitle{ display:block; line-height:32px; padding:26px 0 20px 8%; font-size:24px; font-weight:bold; color:#FFF; text-align:left; overflow:hidden;}
.e3-allm li a .lmms .lmxq{ line-height:23px; max-height:115px; padding:0 8%; font-size:14px; text-align:left; color:#FFF; overflow:hidden;}
.e3-allm li a .lmms .lmmore{ margin:85px 0 0 0; padding:0 0 0 2%; height:20px; text-align:left; color:#FFF; font-size:12px;}
.e3-allm li:nth-child(2n) a .lmms{ left:auto; right:0; background:url(../images/move.png) no-repeat right center;  }
.e3-allm li:nth-child(2n) a .lmms .lmmore{ padding:0 1.5% 0 0;  text-align:right;}

.e3{ display:block; padding:3px; margin:0 auto; text-align:center; overflow:hidden;}
.e3 li{ width:31%; float:left; padding:0; margin:0 3.5% 2% 0; box-shadow: 0px 0px 3px rgba(0,0,0,.1); transition: all 0.4s; text-align:center; cursor:pointer; overflow:hidden;}
.e3 li:nth-child(3n){ margin:0 0 2% 0;}
.e3 li:hover{/* box-shadow: 0px 0px 4px rgba(0,0,0,.2)*/}
.e3 li .pic{ overflow:hidden;}
.e3 li .pic a{ display:block; padding:0; margin:0 auto; cursor:pointer; overflow:hidden;}
.e3 li .pic a img{ max-width:100%; height:240px; filter: alpha(opacity=100);opacity: 1; }
.e3 li .pic a:hover img{ filter:alpha(opacity=100); opacity:1; transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
.e3 li .title{ text-align:left; padding:10px 20px 25px; background:#f5f5f5; overflow:hidden;}
.e3 li .title p{ color:#999; overflow:hidden;}
.e3 li .title p a{ display:block; line-height:30px; font-size:15px; text-align:left; overflow:hidden;}
.e3 li .title p a b{ font-weight:normal;}


/*---荣誉 资质 环境 列表---*/
.e4{ display:block; padding:3px; margin:0 auto; text-align:center; overflow:hidden;}
.e4 li{ width:23%; float:left; padding:0; margin:0 2.6666% 2% 0; box-shadow: 0px 0px 3px rgba(0,0,0,.1); transition: all 0.4s; text-align:center; cursor:pointer; overflow:hidden;}
.e4 li:nth-child(4n){ margin:0 0 2% 0;}
.e4 li:hover{/* box-shadow: 0px 0px 4px rgba(0,0,0,.2)*/}
.e4 li .pic{ overflow:hidden;}
.e4 li .pic a{ display:block; padding:0; margin:0 auto; cursor:pointer; overflow:hidden;}
.e4 li .pic a img{ max-width:100%; height:183px; filter:alpha(opacity=100); opacity: 1; }
.e4 li .pic a:hover img{ filter:alpha(opacity=100); opacity:1; transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
.e4 li .title{ text-align:center; overflow:hidden;}
.e4 li .title a{ display:block; line-height:45px; font-size:15px; background:#f5f5f5; text-align:center; overflow:hidden;}

/*---新闻列表---*/
.arclistbox{ margin:0 auto; padding:0; border-top:2px #EEE dashed; overflow:hidden; clear:both;}
.e2{ padding:0; margin:0 auto; display:block; overflow:hidden;}
.e2 li{ display:block; padding:15px 0; margin:0 auto 10px auto; background:url(../images/line_news.png) repeat-x center bottom;  overflow:hidden;}
.e2 li .ntime{ width:6%; padding:10px 0; background:#0079d1;}
.e2 li .ntime p{ text-align:center; line-height:20px; color:#FFF; font-weight:bold;}
.e2 li .ntime p:nth-child(2){ line-height:28px; font-size:24px;}
.e2 li .ntime p:nth-child(3){ line-height:28px; font-size:24px;}
.e2 li .details{ width:92%; padding:8px 0 0 0; overflow:hidden;}
.e2 li .details .ntitle{ padding:0; margin:0; height:25px; text-align:left; overflow:hidden;}
.e2 li .details .ntitle a{ display:inline-block; height:25px; line-height:25px; font-size:16px; overflow:hidden; }
.e2 li .details .ntitle a:nth-child(2){ float:right; font-size:12px; background:#f2f2f2; padding:0 5px 0 0; text-transform:uppercase;}
.e2 li .details .ntitle a:nth-child(2) span{ display:inline-block; width:25px; height:25px; line-height:25px; margin:0 5px 0 0; text-align:center; font-weight:bold; color:#FFF; background:#0079d1;}
.e2 li .details .ntext{ line-height:23px; padding:6px 0; color:#a5a5a5; text-align:left; overflow:hidden;}




/*---------- frame : 内页详细页 ---------*/
.pleft{ overflow:hidden;}
.viewbox{ padding:8px 0; margin:0 auto; overflow:hidden;}
.viewbox .title{ line-height:30px; text-align:center; overflow:hidden;}
.viewbox .title h2{ font-size:1.2rem; color:#444; font-weight:normal;}
.viewbox .title p{ font-size:1.0rem; color:#AAA;}
.viewbox .info{ text-align:center; line-height:32px; padding:0 0 5px 0; margin:0 0 10px 0; color:#AAA; font-size:14px;  border-bottom:1px #EEE solid;  overflow:hidden;}
.viewbox .intro h3{ font-size:16px;}

.viewbox .content{ font-size:13px; padding:15px 0; line-height:25px; color:#333; overflow:hidden;}
.viewbox .dede_pages{ text-align:center; overflow:hidden;}
.viewbox .dede_pages ul{margin:0 auto; float:none; clear:both; overflow:hidden; text-align:center; white-space:nowrap;}
.viewbox .dede_pages ul li,.viewbox .dede_pages ul li a{ float:none; display:inline;}
.viewbox .boxoff{ height:10px; border-bottom:1px #EEE dashed; clear:both; overflow:hidden;}
.viewbox .boxoff strong{ display:block; width:8px; height:10px; overflow:hidden; font-size:0px; line-height:100px; /*background:url(../images/boxoff.gif) right -10px no-repeat;*/ float:left;}

.viewbox .handle{ min-height:59px;padding-top:12px;overflow:hidden;clear:both;}
.viewbox .handle .context{ text-align:left; overflow:hidden;}
.viewbox .handle .context ul{ overflow:hidden;}
.viewbox .handle .context ul li{line-height:29px;color:#484848; font-size:14px;}
.viewbox .handle .context ul li a{ color:#484848; font-size:14px;}
.viewbox .handle .context ul li a:hover{color:#00479c;}

.viewbox .img-pic{ padding:0px; margin:0px; overflow:hidden;}
.viewbox .img-pic img{ max-width:860px; border:none;}

.viewbox .picbox{width:100%;text-align:center;padding-top:10px;font-size:14px;line-height:31px;overflow:hidden;}
.viewbox .picbox img{display:block;margin:16px auto 6px;}
.viewbox .picbox ul.e8{font-size:12px;line-height:normal;}
.viewbox .picbox ul.e8 li .pic{background:none;border:1px solid #EEE;overflow:hidden;}
.viewbox .picbox ul.e8 img{margin:3px;border:none;}
.viewbox .picbox ul.e8 li .title{padding-top:0px;}


.viewbox .xgnews{ margin:0 auto; border-top: 1px dashed #dbdbdb; overflow:hidden;}
.viewbox .xgnews h4 { margin:15px 0; font-size: 18px; }
.viewbox .xgnews ul{ overflow:hidden;}
.viewbox .xgnews ul li { line-height: 40px; width:48%; float:left; border-top: 1px dashed #dbdbdb;overflow: hidden; text-overflow: ellipsis;white-space: nowrap; text-align:left;}
.viewbox .xgnews ul li:nth-of-type(2n){ float:right;}
.viewbox .xgnews ul li a{ font-size:13px;}
.viewbox .xgnews ul li span { float: right;}


/*---------- frame : 分页 ---------*/
.dede_pages{margin:20px auto; color: #666; text-align:center; clear:both; overflow:hidden;}
.page_list{text-align:center; padding-top:5px; padding-bottom:5px; overflow:hidden;}
.page_list a,.page_list  span,.page_list select{display: inline-block;padding: 0 14px;height: 36px;border-radius: 36px;line-height: 36px;border: 1px solid #eee;}
.page_list select{width: auto !important;background: #eee; font-family:'微软雅黑';}
.page_list a:hover{ background:#00479c; color:#FFF;}
.page_list span.current{ background: #00479c;color: #fff;}