@charset "utf-8";

/* 通用 */

* {margin:0; padding:0; outline:none;}
ul,ol {list-style:none;}
img {vertical-align:middle; border:none;}
body {color:#333; font:15px/1.5 "Microsoft Yahei",Arial,"宋体",Helvetica;}
a {color:#333;text-decoration:none; transition:all 0.3s linear 0s;}
a:hover {color:#d00;text-decoration:none;}
em,i {font-style:normal}
table {border-collapse:collapse;border-spacing:0}

header,footer,article,aside,section,nav,menu,details,dialog,figure,figcaption {display:block}

.clearfix {*zoom: 1; }
.clearfix:after{display:table;line-height:0;content:""; clear:both;}
.clear {clear:both;height:0;overflow:hidden;}

.tc{text-align:center;}
.tl{text-align:left;}
.tr{text-align:right;}
.hide{display:none;}
.block{display:block;}

.w {width:1200px; margin:0 auto;}
.w100 {width:100%;}
.center {margin:0 auto;}
.o {overflow:hidden;}
.fl {float:left; display:inline;}
.fr {float:right; display:inline;}
/* p {word-wrap:break-word} */

/*------------------------------------------首页------------------------------------------*/		

/* Header */
.header {height:90px; }
.nav {display: inline-block; margin-left: 40px; width: 726px; height: 90px;  overflow: hidden;}
.nav li {display: inline-block; float: left;}
.nav li a {width: 89px; height: 90px; line-height: 90px; color: #333; display: block; text-align: center;}
.nav li.currclass a, .nav li a:hover {background: #51668f; color: #fff;}

.ico_jt {width: 48px; height: 48px; display:inline-block; position: absolute;. z-index: 1000; bottom: 12px; left: 50%; margin-left: -24px; background: url(../img/ico.png) no-repeat center center;}

.footer { color: #fff} 
.footer a { color: #fff}
.footer .foot_nav {padding: 30px 0 ; background:#53678f;}
.footer .foot_copy {background:#202642; padding: 12px 0;}
.footer .foot_nav .w {background:url(../img/footlogo.png) no-repeat left center; min-height: 150px;}
.footer .foot_add {margin-left: 410px; font-size: 14px; padding-top: 15px;}
.footer .foot_add p {padding: 5px 0; margin-bottom: 8px;}
.footer .foot_ma {padding-top: 16px;}
.footer .foot_ma dt {display: inline-block; float: left;}
.footer .foot_ma dd {display: inline-block; float: left; padding: 0 0 0 14px; line-height: 24px;}


.fixed {position: fixed;right: -3px;top: 50%;z-index: 50;width: 77px;height: 374px;margin-top: -187px;}
.fixed li{position: relative;width: 77px;height: 57px;margin-bottom: 1px;line-height: 20px;color: #fff;text-align: center;}
.fixed li.hover{overflow: hidden;}
.fixed li a{display: inline-block;color: #fff;}
.fixed li a.tit{width: 77px;height: 27px;padding: 30px 10px 0 0;color: #fff;}
.fixed li p{position: relative;z-index: 2;height: 27px;padding-top: 30px;cursor: pointer;}
.fixed li.fi a{ background:url(../img/on_line.png) no-repeat 0px 0px;}
.fixed li.tp a{background:url(../img/on_line.png) no-repeat 0px -171px;}
.fixed li.th a{background:url(../img/on_line.png) no-repeat 0px -57px;}
.fixed li.fo a.tit{background:url(../img/on_line.png) no-repeat 0px -114px;}
.fixed li.fif p{background: url(../img/bg_float05.png) no-repeat;}
.fixed li .tel{position: absolute;left: 77px;top: 0;z-index: 1;width: 184px;height: 57px;font: 24px/57px Arial;color: #fff; background:#094e9c;cursor: pointer;}
.fixed a.mof{display: inline-block;width: 54px;height: 71px;padding: 12px 11px 0 12px;margin-top: 10px;*margin-top: 7px;background:url(../img/on_line.png) no-repeat 0px -239px;font-size: 18px;line-height: 22px;color: #fff;}
.fixed .fixma {position:relative; z-index:100;}
.fixed .fixma b {display:none; position:absolute; top:-96px; left:-130px; background:#fff; padding:0 0 13px; border:1px solid #eee;}
.fixed .fixma:hover b {display:block;}
.fixed .fixma a{ background:url(../img/on_line.png) no-repeat 0px -227px; width: 77px;height: 27px;padding: 30px 10px 0 0;color: #fff;}
.fixed .fixma p {  cursor: pointer; height: 18px; padding-top: 0px; position:none; color:#333;}


/* Content */

.p40 {padding: 40px 0;}
.ibg1 {background: #fff;}
.ibg2 {background: url(../img/i_whybg.jpg) no-repeat center top #fff;}
.ibg3 {background: url(../img/i_casebg.jpg) no-repeat center top;}
.ibg4 {background: url(../img/i_parterbg.jpg) no-repeat center bottom;}

.btn {}
.link_btn1 {width: 144px; height: 40px; line-height: 38px; color: #53668f; display: inline-block; margin: 0 auto; border: 1px solid #53668f; border-radius: 2px; text-align: center; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.6);}
.link_btn1:hover {color: #fff; background: #53668f;}
.link_btn2 {display: inline-block; width: 144px; height: 40px; line-height: 38px; color: #fff; text-align: center; font-size: 14px; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.6); border: 1px solid #fff; background: #0C4DA2;}
.link_btn2:hover {background: #FF6600; color: #fff;}

.title {color: #fff;}
.title h3 {font-size: 30px; letter-spacing: 5px;}
.title p {font-size: 18px; font-family: arial; padding: 6px 0;}
.title span {display: inline-block; margin: 0 auto; background: #fff; height: 3px; width: 60px;}

.i_about {}
.i_about .title {color: #53668f; font-weight: 600;}
.i_about .title span { background: #53668f; }
.about_ico {padding: 55px 0;}
.about_ico li {display: inline-block; margin: 0 75px; }
.about_ico a {display: inline-block; width: 110px; height: 110px; margin: 0 0 10px; overflow: hidden; background-image: url(../img/about_ico.png); background-repeat: no-repeat;}
.about_ico .ico1 {background-position: 0 0;}
.about_ico .ico2 {background-position: 0 -110px;}
.about_ico .ico3 {background-position: 0 -220px;}
.about_ico .ico1:hover {background-position: -110px 0;}
.about_ico .ico2:hover {background-position: -110px -110px;}
.about_ico .ico3:hover {background-position: -110px -220px;}


.i_why {}
.i_why .w {background-color: #fff; margin: 40px auto 0; padding: 30px 0px; min-height: 400px;}
.i_why .title {color: #53668f; font-weight: 600;}
.i_why .title span { background: #53668f; }
/*.why_ico li .samp1 {background:url(../img/ico1.png);}*/
.why_ico {margin: 0 7% 4%;}
.why_ico li {width: 45%; float: left; display: inline-block; margin:5% 0 3% 5%;}
.why_ico li em, .why_ico li samp, .why_ico li span {display: inline-block; float: left; }
.why_ico li em {width: 4px; height: 40px; background-color: #486692;}
.why_ico li samp {width: 60px; height:60px; margin: 0 25px;}
.why_ico li samp img {width: 100%; height: 100%:;}
.why_ico li span {width: 260px;}


/* -------------------Case -------------------*/
.i_case {}
.i_case .title {color: #53668f; font-weight: 600;}
.i_case .title p {color: #666}
.i_case .title span { background: #53668f; }
.case_ul {margin: 5% 0;}
.case_ul li {display: inline-block; margin: 0 15px;}
.case_ul li a {display: block; padding: 5px; background-color: #d9d9d9; width: 300px; overflow: hidden;}
.case_ul li .img {float: left; width: 140px; height: 168px;}
.case_ul li div {padding: 0 0 0 8px; float: right; width: 152px; text-align: left; color: #53668f;}
.case_ul li h3 {padding: 5px 0; border-bottom: 1px dotted #53668f; font-weight: bolder; font-size: 16px;}
.case_ul li .intro {padding: 5px 0; display: block;}


/* -------------------parter -------------------*/
.i_parter {}
.i_parter .title {color: #53668f; font-weight: 600;}
.i_parter .title p {color: #666}
.i_parter .title span { background: #53668f; }
.xinbox .c1 {display: block;}
.xinbox {padding: 20px 0;}
.xin_nav {margin: 20px auto; text-align: center;}
.xin_nav li {display: inline-block; margin: 0 10px;}
.xin_nav li a{border:1px solid #07122f; background: #fff; width: 180px; height: 42px; line-height: 42px; color: #333; display: inline-block; font-size: 15px; border-radius: 2px;}
.xin_nav li a:hover, .xin_nav li.currclass a {background:#53668f; color: #fff; }

.layB {width:1200px;}
.layB .tbC{width:1200px; margin: 45px auto; position:relative}
.layB .tempWrap {margin:0 auto;}
.layB .nextt,.layB .prevv{background:url(../img/par_ico.png) no-repeat;width:45px;height:74px;position:absolute;left:0px;top:42px;background-position:left 0}
.layB .nextt{left:auto;right:0px;background-position:right 0}
/*.layB .prevv:hover{background-position:-540px 0}
.layB .nextt:hover{background-position:-580px 0}*/
.layB .slide{width:1100px; margin: 0 auto; overflow:hidden}
.layB ul{overflow:hidden;zoom:1}
.layB li{width:170px;margin:0 6px 6px;display:inline;float:left;line-height:20px}
.layB li img{display:block;border:1px solid #e6e6e6; width: 170px; height: 74px;}
.layB li a:hover img{border-color:#888}

.multipleColumn{overflow:hidden;position:relative;width:1200px}
.multipleColumn .hd{position:absolute;height:30px;width:100%}
.multipleColumn .hd .nex,.multipleColumn .hd .pre{background:url(../img/par_ico.png) no-repeat;width:45px;height:74px;cursor:pointer;position:absolute;left:0;top:89px;background-position:left 0}
.multipleColumn .hd .nex{left:auto;right:0;background-position:right 0}
.multipleColumn .bd{width:1100px;margin:45px auto;overflow:hidden}
.multipleColumn .bd ul{float:left;overflow:hidden;width:1100px}
.multipleColumn .bd li{width:170px;margin:0 6px 6px;display:inline;float:left;line-height:20px}
.multipleColumn .bd li img{display:block;border:1px solid #e6e6e6;width:170px;height:74px}
.multipleColumn .bd li a:hover img{border-color:#888}


/* -------------------News -------------------*/
.i_new {}
.i_new .title {color: #53668f; font-weight: 600;}
.i_new .title p {color: #666}
.i_new .title span { background: #53668f; }

.i_news {padding: 60px 0 30px;}
.i_news .hd {float: left; width: 220px;}
.i_news .hd ul li a {display: block; width: 100%; height: 120px; line-height: 120px; font-size: 20px; color: #fff; text-align: center; background: #53668f; margin-bottom: 1px;}
.i_news .hd ul li.currclass a {background: #202642; color: #fff;}

.i_news .bd {float: right; width: 900px;}
.i_news .bd ul {}
.i_news .bd ul li {display: block; border-bottom: 1px solid #eee; padding: 0 0 7px; margin-bottom: 8px; }
.i_news .bd ul li h2 a {font-size: 15px;}
.i_news .bd ul li span {display: block; font-size: 12px; color: #888;}
.i_news .bd ul li p {color: #666;}


/*------------------------------------------内页面------------------------------------------*/		

.map {height:30px;background:#fafafa;border-bottom:1px dotted #e5e5e5;margin:0 auto; line-height: 31px; font-size: 12px;}

.main {margin: 40px auto;}

.llist {text-align: center; margin: 0 auto 40px;}
.llist li {display: inline-block; /*float: left; width: 25%;*/}
.llist li a {line-height: 32px; height: 35px; margin: 0; display: inline-block; background: #E9E9E9; font-size: 14px; padding: 0 30px; color: #333; transition: background-color 0.4s ease 0s;;}
.llist li a:hover, .llist li.currclass a {background: #0C4DA1; color: #fff;}


.mrbox {/*border-radius:5px; box-shadow:0 2px 4px #eee; border:1px solid #ccc;*/}
.manr {margin:40px; line-height:28px; font-size:13px; text-align:justify; min-height:400px;}
.manrr {margin:0px; font-size:13px; text-align:justify; min-height:400px;}

.manrr .case_ul li {margin:25px 25px; box-shadow: 0 0 5px #eee; }
.manrr .case_ul li a {background: #fff;}
.manrr .case_ul li:hover {box-shadow: 0 0 10px #ddd;}

/*------------------------------------------常规通用------------------------------------------*/		

/* 企业选址 */
.w3 {width:840px; margin:0 auto; padding: 40px 0;}
.xz_box {/*height: 820px;*/ background: url(../img/xz.jpg) no-repeat center top;}
.xz_con {background: url(../img/xzbg1.png); margin: 15px 0;}

.xz_form * {box-sizing: border-box;}
.xz_form {margin: 0px auto; padding: 27px 0; font-size: 14px; width: 450px;}
.xz_form li {padding: 3px 0 12px;}
.xz_form li em {display: block; overflow: hidden; font-size: 16px; color: #333; /*font-weight: bold;*/}
.xz_form .finput {line-height: 20px; padding: 3px 5px; border-radius: 5px;  width:100%; color: #333; border: 1px solid #ccc;}
.xz_form .finput:focus {box-shadow: 0 0 15px #fff;}
.xz_form .farea {line-height: 20px; padding: 3px 5px; border-radius: 5px; width:100%; color: #333; border: 1px solid #ccc; height: 60px;}
.xz_form .fsubmit { padding: 6px 2px 8px; margin-top: 8px;  border-radius: 2px; font-size: 16px; letter-spacing: 3px; width:100%; color: #fff; border: 0; cursor: pointer; background: #152141;}
.xz_form .fsubmit:hover {background: #486792;}

.xz_yous {background: #fff; padding: 70px 0;}
.xz_yous ul {padding: 50px 0 30px; overflow: hidden;}
.xz_yous ul li {float: left; display: inline-block; margin: 0 5% 0 0; width: 21%; text-align: center;}
.xz_yous ul li a {display: block;}
.xz_yous ul li h2 {padding: 18px 0 14px; color: #005EAD}
.xz_yous ul li p {font-size: 13px; color: #666;}


/* 文章分页 */

.newslist { padding:15px 0 0;}
.newslist li {overflow:hidden; margin:0px auto;}
.newslist li:hover {box-shadow:0 0 10px #ddd; transition: all 0.3s linear 0s;}
.newslist li a {display:inline-block; float:left; line-height:32px; text-indent:24px; background:url(../img/n_ico1.png) no-repeat 8px center;}
.newslist li em {display:inline-block; float:right; font-size:12px; margin:3px 5px 0 0;}
.newslist li i {display:inline-block; float:right; margin:3px 10px 0 0;}

#art_title {text-align:center;}
#art_title h2 {font-size:16px;}
#art_xinxi {text-align:center; color:#999; margin:8px 0px; padding:0 0 8px;}
#art_xinxi span {display:inline-block; margin:0 8px;}
#art_content {font-size:13px; border-bottom:#ccc 1px solid; border-top:#ccc 1px solid; padding: 30px 0;}
#MyContent img {max-width:100%;}
#art_xguan {padding:6px 0 0;}
#art_xguan span {display:block; color:#666;}
#art_xguan span a {color:#666;}
.art_a {padding:15px 0 10px;}
.art_btn{background:#202642;color:#fff;display:inline-block;font-weight: bold; border-radius:24px;font-size:16px;height:34px;line-height:34px;margin-top:30px;text-align:center;width:130px}
.art_btn:hover{color:#fff;box-shadow: 0 0 10px #999; background: #53678f;}


/* 图片分页 */

#gallery { clear:both; text-align:center;}
#gallery li { display: block; float: left;}
#gallery li img {width:190px; height:140px;}
#gallery li a {margin:6px 15px 20px; border-radius:3px; display:block; padding:4px 4px; border:1px solid #ccc;}
#gallery li a:hover {color:#000; text-decoration:none; box-shadow:0 0 18px #bbb;}

.yq_logo {overflow:hidden;zoom:1}
.yq_logo li{width:170px;margin:0 26px 28px;display:inline;float:left;line-height:20px}
.yq_logo li img{display:block;border:1px solid #e6e6e6; width: 170px; height: 74px;}
.yq_logo li a:hover img{border-color:#888}

.yq_index {margin-bottom: 40px;}
.yq_index .t {text-align: center; margin-bottom: 35px;}
.yq_index .t a {line-height: 32px; height: 35px; margin: 0; display: inline-block; background: #0C4DA1; font-size: 14px; padding: 0 30px; color: #fff; transition: background-color 0.4s ease 0s;;}


/* 图片分页方式的样式*/

.ph_box {}
.ph_box .div {margin:30px auto 0;}
.ph_div {line-height:26px; padding:20px 0; font-size:14px;}

.imglist { text-align:center;}
.imglist  span {display:none;}
.imglist img {box-shadow: 0 0 18px #ddd;}

.div_btn {padding-bottom: 16px; text-align: center;}
.div_btn a {border:1px solid #666; display: inline-block; font-size: 18px; padding: 4px 40px 4px;}
.div_btn a:hover {box-shadow: 0 0 12px #ddd; text-decoration: none; transition: all 0.3s linear 0s;}

.imagelist {margin:0 auto; overflow:hidden; margin:0px auto;} /*总宽度*/
.imagelist .imagetop{padding-right:5px;text-align:right;margin:5px; display:none;}
.imagelist .imagetop a{color:#767676;}
.imagelist .defaultimagesrc{text-align:center;}
.imagelist .defaultImagesrc img{border:1px solid #f1f1f1;padding:2px}
.imagelist .imageintro{text-align:center;font-size:14px; display:none;}
.thumb { overflow:hidden; padding:10px 0px; margin:40px auto 0;}
.thumb_1 { display:none;}
.thumb_1 .font-28{font-size:18px;color:red;}
.thumb_2 {float: left; width:708px;}

.thumb_2_1, .thumb_2_2 {background:url(../img/npbtn.png) no-repeat; height:116.5px; width: 59px; cursor:pointer;}
.thumb_2_1 { background-position:left 0px; float: left;}
.thumb_2_2 {background-position:right 0px; float: right;}
.thumb_2_1:hover {background-position:left -116.5px; transition: all 0.3s linear 0s;}
.thumb_2_2:hover {background-position:right -116.5px; transition: all 0.3s linear 0s;}

#scrool_div {width:560px; position:relative; height:116px; margin:0 0 0 72px; overflow:hidden;}
#scrool_wrap {height:116px;position:absolute;width:20000px;}
#scrool_wrap li {/*width:130px;height:100px;*/float:left;margin-right:10px;}
#scrool_div img{width:122px; height:95px; margin:8px 0px 0;}
.normalthumb img{padding:2px;border:2px solid #f77f00}
.currthumb img{padding:2px;border:2px solid #fff;}
/* 图片分页方式的样式结束*/


/* 分页样式 */
#fenye {clear:both; overflow:hidden; margin:20px auto 20px; font-family:"Courier New", Courier, monospace;}
#fenye table {margin:0 auto;}
#fenye table td {padding:0;}
#fenye a{margin:0px 2px; color:#999; border:1px solid #999; border-radius:5px; font-size:14px; font-weight:bold; float:left; text-align:center; width:28px; height:24px; line-height:24px;}
#fenye a:hover{color:#da251c; border:1px solid #da251c; text-decoration:none;}
#fenye a.curr{color:#da251c; border:1px solid #da251c; }
#fenye a.num{}
#fenye span{line-height:30px; color:#da251c;}

.treeview {margin:6px auto; overflow:hidden;}
.treeview .expandable {clear:both; overflow:hidden; display:block;}
.treeview .aaa {display:block; height:30px; line-height:30px; padding-left:20px;  font-weight:bold; border-bottom:1px solid #e6e6e6;}
.treeview .expandable .aaa:hover {color:#fff; background:#b65747;}
.treeview .collapsable .aaa {color:#fff; background:#b65747;}
.treeview .lastCollapsable .collapsable-hitarea {background: url(../img/i2.png) no-repeat center center;}
.treeview .collapsable .collapsable-hitarea {background: url(../img/i2.png) no-repeat center center;}
.treeview .hitarea {background: url(../img/i2.png) no-repeat center center; height:30px; width:15px; float:right; cursor: pointer; margin:0 12px 0 0;}
.treeview .expandable-hitarea {background: url(../img/i1.png) no-repeat center center;}
.treeview .tree_sub {padding:5px 0 10px;}
.treeview .tree_sub li {margin:0 10px;}
.treeview .tree_sub li a {display:block; padding-left:10px; font-size:12px; line-height:28px; height:28px; border-bottom:1px dotted #b65747;}
.treeview .tree_sub li .selected {font-weight:bold; color:#b65747;}


.myform { width:100%; margin:0px auto 0}
.myform table {margin:20px auto;}
.myform table td { padding:12px 0;}
.myform .tdbg {line-height:25px; font-size:15px;}
.myform .tdbg strong {color:#f00; font-size:20px;}
.myform .tdbg .upfile {height:25px; line-height:25px; padding:0 3px; border:1px solid #ccc; box-shadow:0 1px 10px rgba(0, 0, 0, 0.1) inset; border-radius:4px; width:230px;}
.myform .tdbg .oncode {width:60px; margin-right:5px; height:25px; line-height:25px; padding:0 3px; border:1px solid #ccc; box-shadow:0 1px 10px rgba(0, 0, 0, 0.1) inset; border-radius:4px;}
.myform .tdbg textarea{ width:285px; height:100px; padding:3px; border:1px solid #e0e0e0; box-shadow:0 1px 10px rgba(0, 0, 0, 0.1) inset; font:12px/22px "Microsoft yahei"; color:#666}
.myform .formcode {display:inline-table; line-height:normal;}
.myform .subtdbg {padding-left:120px;}
.myform .submit {padding:4px 50px; margin-left:20px; font-size:16px; border:none; color:#fff; border-radius:2px; cursor:pointer; background:#00bae2}
.myform .submit:hover {background:#4D5059}


/* Map Site*/

.mapmain{width:965px;margin:0px auto;border:#eee 1px solid;}
.mapmain .tit{ background:#f1f1f1; height:30px; line-height:30px;padding-left:10px;}
.mapmain .tit h2{background:#fff; height:27px; line-height:27px; margin-top:2px; float:left;font-size:14px;font-weight:bold; color:#333; width:80px; text-align:center; border:#ddd 1px solid; border-bottom:none;}
.mapmain .tit span{margin-left:15px;font-size:14px; font-weight:normal; color:#333; font-family:Verdana, Arial, Helvetica, sans-serif;}

.mapmain .mapbox{padding:20px;}
.mapmain .mapbox .maplist{border:1px solid #f1f1f1;margin-bottom:9px;padding:6px;}
.mapmain .mapbox .maplist .classname{background:#FAFAFA; border:#f1f1f1 1px solid; padding-left:4px;}
.mapmain .mapbox .maplist .classname a{font-weight:bold;font-size:16px;padding:0px 5px;}
.mapmain .mapbox .maplist .classname a:hover{ color:red; text-decoration:none;}

.mapmain .mapbox .maplist2{padding:3px;line-height:28px;}
.mapmain .mapbox .maplist2 span.classname2{line-height:30px;}
.mapmain .mapbox .maplist2 span.classname2 a{padding:0px 5px; color:#555; font-weight:bold;}
.mapmain .mapbox .maplist span a{ padding:0px 5px;}
.mapmain .mapbox .maplist span a:hover{color:#ff6600;text-decoration:none;}