@charset "utf-8";
/* CSS Document */
*{padding:0px;margin:0px;}
html{color:#343333;}
body{font:12px "Microsoft YaHei","微软雅黑","宋体",Verdana,Arial,Tahoma; background:none; overflow-x:hidden;}
img{border:none; display:block; margin:0 auto; }
a{color:#000;text-decoration:none;}
a:hover{color:#0246a7;text-decoration:none;}
ul,li{list-style:none; margin:0px; padding:0px;}
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;}

.am-container{ -webkit-box-sizing:border-box; box-sizing:border-box; padding-left:0.5rem; padding-right:0.5rem; max-width:1150px}
.am-container:after,.am-container:before{content:" ";display:table}
.am-container:after{clear:both}
.web-container{-webkit-box-sizing:border-box;box-sizing:border-box;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0;width:100%;max-width:100%}
.web-container:after,.am-container:before{content:" ";display:table}
.web-container:after{clear:both}

#back-to-top{position:fixed;bottom:5%;left:95%;}
#back-to-top a span{display:block;height:50px;width:50px;background:url(../images/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/top.png) no-repeat center center;}

.sub-nav{ width:100%; margin:0 auto; padding:0px; text-align:left; background:#FFF; overflow:hidden;}
.sub-nav .bb1{ border-bottom: 1px #EEE solid;}
.sub-nav .w1150{ max-width:1150px; width:100%; padding:0; margin:0 auto; text-align:left; overflow:hidden;}
.sub-nav .lh32{ line-height:32px;}
.sub-nav .lh32 span{ font-size:14px;}
/*.sub-nav .lh32 span a{ text-transform:uppercase;}*/
.sub-nav .nav-box{ overflow:hidden; padding-top:20px; padding-bottom:20px;}
.sub-nav .nav-box li{ overflow:hidden; text-align:left;}
.sub-nav .nav-box .w11{ width:16%;}
.sub-nav .nav-box .w11 img{ max-width:100%;}
.sub-nav .nav-box .w30{ width:42%; margin-top:20px; margin-bottom:20px;}
.sub-nav .nav-box .w15{ width:15%;}
.sub-nav .nav-box .ml25{ margin-left:6.5%; margin-top:10px; margin-bottom:25px;}
.sub-nav .nav-box .w19{ width:20.5%; margin-top:25px; margin-bottom:0;}

/* --------- 导航 ----------------*/
#navMenu { padding:0px; margin:0 auto; text-align:center; overflow:hidden;}
#navMenu ul { display:block; margin:0 auto; padding:0; text-align:right; overflow:hidden;}
#navMenu ul li { display:block; float:left; width:14.28%; margin:0; padding:0; text-align:center;}
#navMenu ul li a { display:block; position:relative; font-family:"Microsoft YaHei"; line-height:60px; padding:0; margin:0 auto; font-size:16px; font-weight:400; text-align:center;}
#navMenu ul li a:hover{ color:#0246a7; background:url(../images/navhoverbg.png) no-repeat center center;} 
#navMenu ul li.hover { display:block; margin:0 auto; padding:0; text-align:center;}
#navMenu ul li.hover a { display:block; position:relative; line-height:60px; padding:0px; margin:0 auto; font-size:16px; color:#0246a7; background:url(../images/navhoverbg.png) no-repeat center center; text-align:center; }

/*-------- 下拉菜单 --------------*/
.dropMenu {position:absolute; top:0; z-index:100; width:120px; margin:-1px 0 0 0; padding:0; visibility: hidden;}
.dropMenu li { margin:0; padding:0; text-align:center; height:40px; background:#444444; border-bottom:1px #787878 solid;}
.dropMenu li:hover{ background:#000000; cursor:pointer;}
.dropMenu li a { width:100%; display: block; line-height:31px; padding:5px 0; margin:0; font-size:14px; color:#FFF; text-align:center;}
.dropMenu li a:hover { color:#FFFFFF; background:url(../images/znavhoverbg.png) no-repeat center center; text-decoration:none;}

/*-------- 轮播图 --------------*/
.banner{width:100%; height:595px; margin:0px 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:595px;overflow: hidden;}
.focusBox .pic li{ width:100%; height:595px; overflow: hidden;}
.focusBox .pic img { width:100% !important; height:595px; 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:5px 4px; height: 15px; width: 15px; cursor: pointer; zoom:1; background:#FFF; filter:alpha(opacity=60); opacity:0.6; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; overflow: hidden;}
.focusBox .hd .on{ background:#0246a7; 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; text-indent: -9999px; 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{width:100%; height:60px; margin:0 auto; text-align:center; background: #f4f4f4; border-top: 1px #EEE solid; clear:both; overflow:hidden;}
.search .search-box{ width:1150px; margin:0 auto; padding:0; text-align:center; overflow:hidden;}
.search .search-box .w70{ width:70%; line-height:60px; text-align:left;}
.search .search-box .w70 span{ color:#0246a7 ; font-size: 14px;}
.search .search-box .w70 a{font-size: 14px; margin:0 6px;}
.search .search-box .w30{ width:30%; text-align:left;}
.search .search-box .w30 .ss{ width: 90%; margin: 16px auto; padding: 0; background: #FFF; height: 28px; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; overflow: hidden}
.search .search-box .w30 .search-keyword{ width:78%;  margin: 4px 14px; line-height: 20px; font-size: 14px; background: none; border: none; border-right: 1px #0246a7 solid;}
.search .search-box .w30 .search-submit{ padding:4px 11px; background:url(../images/sousuoico.png) no-repeat; border: none; cursor: pointer;}

/*-------- 01 企业环境 --------------*/
.hjbox{ width:100%; margin:0 auto; background:#fff; text-align:center; clear:both; overflow:hidden;}
.hjbox .hjbox-box{ width:1150px; margin:0 auto; padding:0 0 30px 0; text-align:center; overflow:hidden;}
.hjbox .hjbox-box .box-menu{ padding:50px 0 30px 0; margin: 0 auto; text-align: center;}
.hjbox .hjbox-box .box-menu .namebg{ padding: 15px 0; margin: 0 auto; text-align: center;}
.hjbox .hjbox-box .box-menu .ms{ font-size: 15px; text-align: center;}
.hjbox .hjbox-box .box-list{ padding: 0; margin: 0 auto; overflow: hidden;}
.hjbox .hjbox-box .box-list ul{ overflow: hidden;}
.hjbox .hjbox-box .box-list ul li{ width: 24%; float: left; margin: 0 1.33333333% 0 0; padding: 0; cursor: pointer; overflow: hidden;}
.hjbox .hjbox-box .box-list ul li:last-child{ float:right; margin-right:0;}
.hjbox .hjbox-box .box-list ul li .tu{ height: 230px; overflow: hidden;}
.hjbox .hjbox-box .box-list ul li .tu img{ width: 100%; transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; }
.hjbox .hjbox-box .box-list ul li:hover .tu img{ transform: scale(1.1,1.1);}
.hjbox .hjbox-box .box-list ul li .bt{ line-height: 42px; text-align: center;}
.hjbox .hjbox-box .box-list ul li .bt a{ font-size: 14px;}

/*-------- 02 产品 --------------*/
.product{width:100%; margin:0 auto; text-align:center; background:url(../images/probg.png) center top; clear:both; overflow:hidden;}
.product .product-box{ width:1150px; margin:0 auto; padding:0 0 30px 0; text-align:center; overflow:hidden;/* background:#FFF; box-shadow:0px -10px 40px #888888;*/} 
.product .product-box .pbox-menu{ margin:0 auto; padding:50px 0 30px; text-align:center; overflow:hidden;}
.product .product-box .pbox-menu .namebg{ padding: 15px 0; margin: 0 auto; text-align: center;}
.product .product-box .pbox-menu .ms{ font-size: 15px; text-align: center;}
.product .product-box .pbox-c{ padding:0; margin:0 auto; text-align:center; overflow:hidden;}

.product .product-box .pbox-c ul{ overflow:hidden;}
.product .product-box .pbox-c ul li{ width:19%; float:left; margin-right:1.25%; background:rgba(57,152,252,0.6); overflow:hidden; -webkit-transition: all 0.16s; -moz-transition: all 0.16s; -ms-transition: all 0.16s; -o-transition: all 0.16s; transition: all 0.16s; cursor:pointer;}
.product .product-box .pbox-c ul li:last-child{ margin-right:0; float:right;}
.product .product-box .pbox-c ul li:hover{ background:rgba(7,100,182,1);}
.product .product-box .pbox-c ul li h1{ line-height:68px; font-size:17px; text-align:center;}
.product .product-box .pbox-c ul li:hover h1 a{ color:#FFF;}
.product .product-box .pbox-c ul li .cplist{ background:#FFF; margin:0 5%; padding:8% 5%; min-height:384px;}
.product .product-box .pbox-c ul li .cplist p{ line-height:32px; overflow:hidden;}
.product .product-box .pbox-c ul li .cplist p a{ display:block; padding:0 0 0 18%; background:url(../images/sy3.jpg) no-repeat 14px center; font-size:13px; text-align:left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; -webkit-transition: all 0.16s; -moz-transition: all 0.16s; -ms-transition: all 0.16s; -o-transition: all 0.16s; transition: all 0.16s;}
.product .product-box .pbox-c ul li .cplist p a:hover{ background:rgba(7,100,182,1) url(../images/sy3.jpg) no-repeat 14px center; color:#fff000;}
.product .product-box .pbox-c ul li .cpmore a{line-height: 52px; text-align:center; overflow:hidden;}
.product .product-box .pbox-c ul li:hover .cpmore a{ color: rgba(255,255,255,0.8);}

/* 本例子css */
.slideTxtBox{ padding: 0; margin: 0; width:1150px; border:none; text-align:left; overflow: hidden;}
.slideTxtBox .hd{ width: 18%; position:relative; float: left; padding:0;  }
.slideTxtBox .hd .proflname{ padding: 0; margin: 0; position:absolute; left:0px; top:0px; overflow: hidden;}
.slideTxtBox .hd ul{ width: 100%; padding: 30px 0; border-bottom: 3px #0246a7 solid; position:absolute; left:0px; top:61px; z-index: 9  }
.slideTxtBox .hd ul li{ line-height: 40px; margin: 0 0 0 20px; padding:0 0 0 15px; cursor:pointer; font-size: 14px; border-left:1px solid #ddd;   }
.slideTxtBox .hd ul li.on{ color: #0246a7; font-size: 14px; background: url(../images/prolisthoverbg.png) no-repeat left center;}
.slideTxtBox .hd ul li a{ display:block; text-align:left;}
.slideTxtBox .bd{ width: 72%; float: right; overflow: hidden;}
.slideTxtBox .bd ul{ padding:0; margin: 0 auto; overflow: hidden; zoom:1;  }
.slideTxtBox .bd ul li{ float: left; width: 29%; margin: 0 2%; padding: 0; text-align: center;   }
.slideTxtBox .bd ul li .protu{ height: 199px; overflow: hidden; }
.slideTxtBox .bd ul li .protu a img{ width: 100%; height: 199px; transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out;}
.slideTxtBox .bd ul li:hover .protu a img{transform: scale(1.1,1.1);}
.slideTxtBox .bd ul li .probt{ line-height: 60px; text-align: center;}
.slideTxtBox .bd ul li .probt a{ font-size: 14px;}

.product .product-box .pbox-e{ padding:30px 0 0 0; margin:0 auto; text-align:center; overflow:hidden;}
.product .product-box .pbox-e .promore{ display:block; width: 12%; margin: 0 auto; padding: 0;  background: #0246a7; color: #FFF; font-size: 14px; line-height: 45px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}

/*-------- 03 优势 --------------*/
.youshi{width:100%; margin:0 auto; padding:0; background:#fff; clear:both; text-align:center; overflow:hidden; }


/*-------- 04 新闻 --------------*/
.news{ width:100%; margin:0 auto; padding:0; background:#fff; clear:both; text-align:center; overflow:hidden;}
.news .newmenu{ width:1150px; margin:60px auto 0 auto; padding:0 0 50px 0; background: url(../images/newsnamebg.png) no-repeat center top; overflow:hidden;}
.news .newmenu .xwname{ padding: 42px 0 25px 0; margin: 0 auto; overflow: hidden;}
.news .newmenu .ms{ font-size: 15px; text-align: center;}
.news .newbox{ width:1150px; margin:0 auto; padding:0 0 60px 0; text-align:center; overflow:hidden;}
.news .newbox .boxl{ width: 55%; float: left;}
.news .newbox .boxl .gsxwname{ border-bottom: 1px #eee dashed; padding:10px 0; overflow:hidden;}
.news .newbox .boxl .gsxwname img{ float: left;}
.news .newbox .boxl .gsxwname a{ float: right; font-size: 14px; font-family: Arial; color:#aaa;}
.news .newbox .boxl .gsxwname a:hover{ color:#0246a7;}
.news .newbox .boxl .xwline{ padding: 18px 0;}
.news .newbox .boxl .hotgsxw{ padding:0 0 18px 0; margin: 0 auto;}
.news .newbox .boxl ul{ overflow:hidden;}
.news .newbox .boxl ul li{ margin:0 4%; padding: 0; line-height: 36px; overflow:hidden; cursor:pointer;}
.news .newbox .boxl ul li .dian{ float:left; font-size: 30px; color: #0246a7;}
.news .newbox .boxl ul li a{ float:left; font-size: 14px; }
.news .newbox .boxl ul li .date{ float:right; font-size: 14px; color: #AAA;}
.news .newbox .boxr{ width: 40%; float: right;}
.news .newbox .boxr .hyxwname{ border-bottom: 1px #eee dashed; padding:10px 0; overflow:hidden;}
.news .newbox .boxr .hyxwname img{ float: left;}
.news .newbox .boxr .hyxwname a{ float: right; font-size: 14px; font-family: Arial; color:#aaa;}
.news .newbox .boxr .hyxwname a:hover{ color:#0246a7;}
.news .newbox .boxr .xwline{ padding: 18px 0;}
.news .newbox .boxr .hothyxw{ padding:0 0 18px 0; margin: 0 auto;}
.news .newbox .boxr ul{ overflow:hidden;}
.news .newbox .boxr ul li{ margin:0 4%; padding: 0; line-height: 36px; overflow:hidden; cursor:pointer;}
.news .newbox .boxr ul li .dian{ float:left; font-size: 30px; color: #0246a7;}
.news .newbox .boxr ul li a{ float:left; font-size: 14px; }
.news .newbox .boxr ul li .date{ float:right; font-size: 14px; color: #AAA;}


 
/*-------- 05 关于我们 --------------*/
.about{width:100%; margin:0 auto; text-align:center; clear:both; background:#fff url(../images/aboutbg.png) no-repeat center top; overflow:hidden;}
.about .about-box{ width:1150px;  margin:0 auto; padding:0; text-align:center; overflow:hidden;}
.about .about-box .box-menu{ padding:80px 0 50px 0; margin: 0 auto; text-align: center;}
.about .about-box .box-menu .namebg{ padding: 15px 0; margin: 0 auto; text-align: center;}
.about .about-box .box-menu .ms{ font-size: 15px; text-align: center;}
.about .about-box .box-info{ padding:0; margin:0 auto; background: #FFF; text-align:left; overflow:hidden;}
.about .about-box .box-info .box-details{ width: 54%; float: left; text-align: left;}
.about .about-box .box-info .box-details h1{ padding:48px 0 0 0; margin:56px 0 0 46px; font-weight:normal; line-height:30px; font-size:21px; background: url("../images/aboutenname.png") no-repeat left top ; text-align:left;}
.about .about-box .box-info .box-details .aboutline{ width: 10%; padding: 0; margin: 15px 0 15px 46px; background: #ccc; height: 4px; overflow:hidden;}
.about .about-box .box-info .box-details .wz{ line-height:1.8rem; padding:5px 0 20px 46px; font-size:1.0rem; text-align:left; margin:0;}
.about .about-box .box-info .box-details .more{ padding:0 0 0 46px; text-align:left; margin:0; overflow:hidden;}
.about .about-box .box-info .box-details .more a{ display:inline-block; background:  #f1f1f1 url("../images/aboutmoreico.png") no-repeat 78% center; width:25%; line-height:40px; text-align:center; font-size:0.8rem; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px;}
.about .about-box .box-info .box-pic{ width: 42%; height: 400px; float: right; padding:0; text-align:left; cursor: pointer; overflow:hidden;}
.about .about-box .box-info .box-pic img{ width:100%; transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; }
.about .about-box .box-info div:hover.box-pic img{ transform: scale(1.1,1.1);}
.about .about-box .box-c{ padding:7% 0 6.5% 0; margin:0 auto; text-align:left; line-height:20px; overflow:hidden;}
.about .about-box .box-c ul{ padding: 0; margin: 0 auto; overflow: hidden;}
.about .about-box .box-c ul li{ width: 23%; float: left; margin: 0 1%; padding: 0; cursor: pointer; overflow: hidden;}
.about .about-box .box-c ul li .tu{ height: 206px; overflow: hidden;}
.about .about-box .box-c ul li .tu img{ width: 100%; transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; }
.about .about-box .box-c ul li:hover .tu img{ transform: scale(1.1,1.1);}
.about .about-box .box-c ul li .bt{ line-height: 36px; text-align: center;}
.about .about-box .box-c ul li .bt a{ font-size: 14px;}

.linkbox{width:100%; margin:0 auto; text-align:center; background:#fff; clear:both; overflow:hidden;}
.linkbox .linkcontent{ width:1150px;  margin:0 auto; padding:22px 0; text-align:center; overflow:hidden;}
.linkbox .linkcontent .w15{ width:8%;}
.linkbox .linkcontent .w83{ width:88%; margin-left:0%;text-align:left;}
.linkbox .linkcontent a{ display:inline-block; margin:0 5px; font-size:14px; line-height:22px;}


/*---------- 底部 ---------*/
.footer{ width:100%; margin:0px auto; background:url(../images/footbg.png) no-repeat center top; text-align:center; overflow:hidden;}
.footer .footinfo{ max-width:1150px; margin:0 auto; padding:0; line-height:28px; font-size:14px; color:#AAA; text-align:left; overflow:hidden;}
.footer .footinfo span{font-size:22px; color:#000;}

.foot{ width:100%; margin:0 auto; text-align:center; background: #333333 url(../images/footbg.png) no-repeat center top; overflow:hidden;}
.foot .minh360{ min-height:360px; overflow:hidden;}
.foot .minh60{ min-height:60px; background:#181818; text-align:center; overflow:hidden;}
.foot .footbox{ max-width:1150px; margin:52px auto 40px; padding:0; text-align:left; overflow:hidden;}
.foot .footbox .endnav{ width: 12%; float: left; text-align: left; overflow: hidden}
.foot .footbox .endnav dl{ padding: 0; margin: 0; list-style-type: none; overflow: hidden;}
.foot .footbox .endnav dl dt{ padding: 0 0 12px 0; margin: 0; line-height: 30px; color: #FFF; font-size: 16px; list-style-type: none; }
.foot .footbox .endnav dl dd{ line-height: 30px; padding: 0; margin: 0; list-style-type: none; }
.foot .footbox .endnav dl dd a{ font-size: 14px; color: #7d7d7d;}
.foot .footbox .endnav dl dd a:hover{ color: #0246a7;}
.foot .footbox .endcon{ width: 33%; float: left; margin: 0; padding:0 0 40px 0; text-align: left; border-left: 1px #434343 solid; overflow: hidden;}
.foot .footbox .endcon h3{ padding:20px 0 20px 15%; margin: 0; line-height: 20px; color: #FFF; font-size: 16px; font-weight: normal;}
/*.foot .footbox .endcon p:nth-of-type(1){ width:80%;}*/
.foot .footbox .endcon p img{ margin:0 0 0 15%;}
.foot .footbox .endcon .click{padding:12px 0 0 15%; line-height: 30px; font-size: 14px; color: #7d7d7d;}
.foot .footbox .endcon a{ padding:0; margin: 12px 0 0 15%; display: block; width: 30%; line-height: 26px; color: #7d7d7d; background: #444444; text-align: center; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px;}
.foot .footbox .endewm{ width: 16%; float: right; text-align: left; overflow: hidden}
.foot .endbox{ width:1150px; margin:0 auto; line-height:60px; font-size:14px; text-align: center; color: #7d7d7d;}
.foot .endbox a{ font-size:14px; color: #7d7d7d;}

/*---------- frame : 内页 ---------*/
.ny-banner{ width:100%; height:350px; margin:0px auto; padding:0px; text-align:center; overflow:hidden;}
.position{ display:block; margin:0 0 0 5%; line-height:60px; font-size:14px; text-align:right; border-bottom: 1px #CCC solid; }
.position a{ font-size:14px; }
.position a:hover{ color: #0246a7;}

.lefttop{ line-height: 30px; background: url("../images/flnamebg.png") no-repeat;}
.lefttop p{ text-align: right; padding: 8px 18px 22px 0; font-size: 20px; color: #FFF; }
.left-nav{ display:block; padding:20px 0; margin:0 auto; text-align:left; border-bottom: 4px #0246a7 solid; overflow:hidden;}
.left-nav li{  display:block; padding:0; margin:0; text-align:left; overflow:hidden; }
.left-nav li a{ display:block; line-height:40px; padding:0 0 0 15px; font-size:14px; text-align:left;overflow:hidden;}
.left-nav li a:hover{ color:#0246a7; }
.left-nav li.lefton a{ color:#0246a7;}

/*.ny-main{width:100%; padding:0px; margin:0 auto; box-shadow:5px 5px 10px #ccc; background:#f2f2f2; text-align:center; overflow:hidden;}*/

.ny-main{width:100%; padding:0px; margin:0 auto; text-align:center; overflow:hidden;}
.ny-main .m-content{ width:1150px; margin:30px auto 60px auto; text-align:center; overflow:hidden;}
.ny-main .m-content .information{ min-height:400px; margin:2% 0 2% 5%; padding:0; line-height:25px; text-align:left; overflow:hidden;}
.ny-main .w18{ width:18%; text-align:left;}
.ny-main .w82{ width:82%; text-align:left;}


/*---------- 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:72%;
	font-family:"Microsoft YaHei";
	padding: 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;}
.arclistbox{ margin:0 auto; padding:0; overflow:hidden; clear:both;}
.e8{ display:block; padding:0px; margin:0px; text-align:center; overflow:hidden;}
.e8 li{ width:28%; float:left; padding:0; margin:1% 2.5% 1% 2.5%; /* background:#f5f5f5;*/ box-shadow: 0px 0px 3px rgba(0,0,0,.1); transition: all 0.4s; text-align:center; cursor:pointer; overflow:hidden;}
.e8 li:hover{box-shadow: 0px 0px 4px rgba(0,0,0,.2)}
.e8 li a.title{ display:block; line-height:45px; font-size:15px; text-align:center; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap;}
.e8 li a.title b{ font-weight:normal;}
.e8 li a.pic{ height:209px; display:block; padding:0; margin:0 auto; cursor:pointer; overflow:hidden;}
.e8 li a.pic img{ max-width: 100%; height:209px; filter: alpha(opacity=100);opacity: 1; transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out;}
.e8 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);}

.e2{ padding:0; margin:0 auto; display:block; overflow:hidden;}
.e2 li{ padding:0; line-height:42px; margin:0; border-bottom: dashed 1px #cacaca;  overflow:hidden;}
.e2 li a{ display:block; font-size:14px; width:80%; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap;}
.e2 li a:hover{ text-decoration:underline;}
.e2 li span{ color:#999; font-size:13px; overflow: hidden;}


.e4{ padding:0; margin:0 auto; display:block; overflow:hidden;}
.e4 li{padding:3% 10% 3% 2%; margin:0 3%; background:url(../images/hdggline.png) repeat-x center bottom; cursor:pointer; overflow:hidden;}
.e4 li:hover{ background:url(../images/hdgghotbg.png) no-repeat center top;}
.e4 li:hover .nleft .ntitle a{ color:#FFF;}
.e4 li:hover .nleft .nmore a{ color:#FFF; border:1px #FFF solid;}
.e4 li .npic{ width:36%; float:left; text-align:left;}
.e4 li .npic img{ display:block; width:100%; height:160px; border:none;}
.e4 li .nleft{ width:50%; float: right; text-align:left;}
.e4 li .nleft .ntitle{ padding:0; margin:0; text-align:left;overflow:hidden;}
.e4 li .nleft .ntitle a{ display:block; line-height:25px; font-size:16px; color:#000000;}
.e4 li .nleft .ntitle a:hover{ color:#FFF; text-decoration:underline;}
.e4 li .nleft .ntime{ padding:5px 0; line-height:24px; font-size:14px; color:#a5a5a5;}
.e4 li .nleft .ntext{ line-height:20px; padding:10px 0; color:#a5a5a5; text-align:left; overflow:hidden;}
.e4 li .nleft .nmore{ display:block; margin:5px auto 0 auto; line-height:25px;text-align:left; overflow:hidden;}
.e4 li .nleft .nmore a{ display:inline-block; margin:0; padding:0 20px; border:1px #CCC solid; color:#a5a5a5;  -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; }
.e4 li .nleft .nmore a:hover{ border:1px #FFF solid; color:#FFF;}

/*---------- frame : 内页详细页 ---------*/
.pleft{ overflow:hidden;}
.viewbox{ padding:15px 0 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:#666; font-size:14px; border-bottom: 1px #CCC solid; overflow:hidden;}
.viewbox .intro h3{ font-size:16px;}
.viewbox .intro .typeinfo{ padding:0 0 15px 0; line-height:25px; background:url(../images/hdggline.png) no-repeat center bottom; font-size:14px; color:#AAA; text-align:left;}

.viewbox .content{ font-size:13px; padding:15px 0; line-height:25px; color:#333; overflow:hidden;}
.viewbox .dede_pages{ float:none; 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; background:url(../images/boxoff.gif) left 15px repeat-x; margin:4px auto; padding-top:10px; overflow:hidden; clear:both;}
.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{height:59px;padding-top:12px;overflow:hidden;clear:both;}
.viewbox .handle .context{float:left;}
.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:#0246a7;}

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

.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{ display:block; float:left; width:80%; text-align:left; font-size:13px; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap;}
.viewbox .xgnews ul li span { float: right;}


/*---------- frame : 分页 ---------*/
.pagesbox{ margin:0 auto; padding:20px 0; color: #666; text-align:center; overflow:hidden;}
.page_list{ text-align:center; padding-top:5px; padding-bottom:5px; font-size:14px; 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; font-size:14px;}
.page_list select{width: auto !important;background: #eee; font-family:'微软雅黑';}
.page_list a:hover{ background:#0246a7; color:#FFF;}
.page_list span.current{ background: #0246a7;color: #fff;}


article{padding: 0;border: 0;outline: 0;vertical-align: baseline;background: transparent;}
#j_sub_contact * {-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
#j_sub_contact{ position:fixed; right: 0; bottom: 50px; display: none;}
#j_sub_contact ul{ position: relative;}
#j_sub_contact ul li{ display: block; height: 50px; position: relative; margin-top: 2px;}
#j_sub_contact ul li a{width: 50px; display: block;  background: #4c4c64; border-radius:5px 0 0 5px ; overflow: hidden;}
#j_sub_contact ul li img.icon{ display: inline-block; vertical-align: middle;}
#j_sub_contact ul li:hover{}
#j_sub_contact ul li.ct_box a{ position: absolute; right: 0; top: 0; width: 50px; display: block;  line-height: 50px; height: 50px;}
#j_sub_contact ul li.ct_box strong{ position: absolute; display: block; left: 55px; top: 0; color: #fff; font-size:16px; font-weight:normal;}
#j_sub_contact .ewm_box{ position: relative;}
#j_sub_contact .ewm_box .ewm{ display: none; position: absolute; left: -55px; top: 0;}
#j_sub_contact .ewm_box .ewm img{ height: 105px;}
#j_sub_contact .ewm_box:hover .ewm{ display: block;}
#j_sub_contact ul li.ct_box:hover a{width: 180px; }