/* CSS Document */
html{-webkit-text-size-adjust:none;}
*html{background-image:url(about:blank);background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/
*{margin:0;padding:0;list-style:none;}
q:before, q:after {content:'';}
abbr,acronym{border:0;}
body { min-width: 1440px; color: #333333;font:14px/1.5 Microsoft YaHei,"SimSun",Verdana,tahoma,arial,sans-serif, Arial, Helvetica, sans-serif;margin: 0 auto;padding: 0; }
ul, ol, li {list-style: none outside none;}
input, textarea { padding:0px; font-family: Microsoft YaHei; outline:0 none;}
textarea {resize: none;}
a {color: #333333;text-decoration: none; outline:none; font-family: Microsoft YaHei;}
a:hover {color: #d00; text-decoration:none;}
dl{ margin-bottom: 0;;}
i{font-style:normal;}
em{font-style:normal;display:inline-block;}
p{display:block;}
img{ border:0 none;vertical-align: middle;}
li, input ,textarea{vertical-align: middle; outline:0 none;}
table, td, input, textarea { padding:0px;}

/* clear */
.clearfix:after{visibility:hidden;display: block;font-size: 0;content:" ";clear:both;height:0;}
.mainBox{ width: 1360px; margin: 0 auto;}
.top{ padding:15px 0 0 0;}
.top .logo{float: left; width: 551px;}
.top .top-right{ float: right; width: 800px;}
.top .top-right .right-top{ width: 430px; float: right;height: 35px; line-height: 35px; color: #666666;}
.top .top-right .right-top .top-text{ float: left;}
.top .top-right .right-top .serch { float: right; color: #666; width:282px;height:35px; line-height: 35px;	z-index: 99999}
.top .top-right .right-top .serch input {background: #ffffff none repeat scroll 0 0; border: 1px solid #eeeeee;color: #333;display: block;float: left;font-size: 14px;font-style: none;padding: 0px 10px;width:200px;height:34px;line-height: 34px}
.top .top-right .right-top .serch button.button {background: #ff5720; height: 35px;  border: medium;color: #fff;display: inline-block;float: right;font-size: 14px; padding:0 10px;width:60px;}
.top .top-right .menu{ font-size: 18px; float: right; width: 680px; margin-top: 15px;}
.top .top-right .menu li{ float: left; display: inline-block; margin-left:30px;}
.top .top-right .menu li a{ display: block;}

.banner{ width: 100%; height:575px;position:relative;}
.banner a{ display: block;}
.banner img{ width:100%;height:575px; vertical-align:middle;}
.banner .bx-wrapper .bx-pager.bx-default-pager a{background:#fff;opacity:0.5; *filter:alpha(opacity=50); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);}
.banner .bx-wrapper .bx-pager.bx-default-pager a:hover, .banner .bx-wrapper .bx-pager.bx-default-pager a.active{width: 20px; background: none; border: 1px solid #ffffff; height: 2px; opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
.banner .bx-wrapper .bx-prev,.banner .bx-wrapper .bx-next{width:40px; height:60px; top:50%; margin-top:-30px; background:url(../images/slide_bPc.png) no-repeat; visibility:hidden;}
.banner:hover .bx-wrapper .bx-prev,.banner:hover .bx-wrapper .bx-next{ visibility:visible;}
.banner .bx-wrapper .bx-prev{ left:50px; background-position:0 0;}
.banner .bx-wrapper .bx-next{right:50px; background-position:-40px 0;}


.title{ padding:50px 50px 20px 50px; text-align: center;}
.title a{ font-size: 30px; font-weight: bold; color: #000000;}
.title span{font-size: 16px; color:#706f6f; display: block; margin-top: 15px;}
.title-color a{ color: #ffffff;}
.title-color span{ color: #8cc9f3;}
.about{ padding: 80px 0 50px 0;}
.about img{ float: left; margin-right: 70px;}
.about .about-text{ padding-top: 30px; float: right; display: block; width: 830px; height: 320px; overflow: hidden;font-size: 16px; color:#706f6f; line-height: 40px;}
.about .about-text p{text-indent: 2em;}
/* .more{ margin-top: 30px; background: url(../images/more.png) no-repeat; width: 117px; height: 34px; line-height: 34px; padding-left: 15px; display: block;}
 */

.product{ background: url(../images/bg1.png) no-repeat; height: 612px; margin-top: 50px;}
.hl_main5_content{width:1360px; height:320px;}
.hl_main5_content1{width:1360px; overflow:hidden; float:left;}
.hl_main5_content1 ul{width:10000px; overflow:hidden; margin-top:20px;}
.hl_main5_content1 ul li{ float:left; width:320px; display:inline; margin-right:28px; text-align: center;}
.hl_main5_content1 ul li img{ width:320px; height: 240px; background:#FFF;}
.hl_main5_content1 ul li span{ display: block; margin-top: 5px; font-size: 18px; font-weight: bold; background: #ffffff; height:50px; line-height: 50px; padding: 0 10px;white-space: nowrap; overflow: hidden; word-break: break-all;}
.hl_main5_content1 ul li:hover span{ background: #0067ac; color: #ffffff;}
.hl_scrool_leftbtn{width:34px; height:74px; background:url(../images/hl_scroll_left.jpg) no-repeat; float:left; margin-left:-50px; margin-top:110px; cursor:pointer;}
.hl_scrool_rightbtn{width:34px; height:74px; background:url(../images/hl_scroll_right.jpg) no-repeat; float:right; margin-right:-50px; margin-top:110px; cursor:pointer;}
.mores{ margin-top: 30px; background: #ffffff; border: 1px solid #d2d2d2; border-radius: 50px; width: 150px; margin:50px auto; height: 40px; line-height: 40px; text-align: center; display: block;}

.case{ display: flex;}
.case .case-list{ float: left; margin-right: 30px; width: 374px; background-color: #f6f6f6; padding: 30px;}
.case .case-list img{ width: 374px; height: 280px;}
.case .case-list span{ display: block;font-size: 18px; font-weight: bold; padding: 10px 0;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;  word-break: break-all;}
.case .case-list i{ display: block;font-size: 16px; color:#706f6f; margin-bottom: 15px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all;}
.case .case-list em{background: url(../images/more.png) no-repeat; display: block; width: 117px; line-height: 34px; height: 34px; padding-left: 15px;}
.case .case-list:hover{ background-color: #0067ac;}
.case .case-list:hover span, .case .case-list:hover i{ color: #ffffff;}
.case .case-list:hover em{ background: url(../images/more-hover.png) no-repeat; color: #ffffff;}

.news{ background: url(../images/bg1.jpg) no-repeat; height: 620px; margin-top: 50px;}
.news-box{ width: 620px; float: left;}
.news-list a{ margin-top: 30px; display: block;}
.news-list h3{ font-size: 20px; font-weight: normal; color: #ffffff;}
.news-list i{ width: 50px; height: 2px; background-color: #e6e6e6; margin: 10px 0; display: block;}
.news-list span, .news-list em{ font-size: 16px; color: #aec8da; display: block; padding: 5px 0;}
.service{ width: 580px; float: right; padding-right: 30px;}
.service{ padding-top: 30px; display: block; overflow: hidden;font-size: 16px; color:#ffffff; line-height: 40px;}
.service p{text-indent: 2em;}

.hzhb-list{border-left: 1px solid #ebebeb; border-top: 1px solid #ebebeb;}
.hzhb-list li{ width:193px;display: block; height: 109px; float: left; background-color: #ffffff; text-align: center; line-height: 109px; border-right: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb;}
.hzhb-list li img{ max-width: 125px;}

.network{ background: url(../images/bg2.png) no-repeat; margin-top: 50px; background-size:100% 100%;}
.network-con{ position: relative; width: 100%;}
.network-con img{display: block; margin: 0 auto;}

.zxly{ width: 460px; float:right;}
.zxly-title{ font-size: 20px; text-align: center; font-weight: normal; color: #000;}
.zxly-title i{ width: 50px; height: 2px; background-color: #e6e6e6; margin: 10px auto; display: block;}

.bot-con{ display: block; background-color: #0067ac; padding-top: 50px;}
.bot-con .bot-img{ display: block; margin-bottom: 30px; float: left; margin-right: 30px;}
.bot-con .bot-text{ float: right;width: 302px; }
.bot-con .bot-text li{ float: left;width: 270px; background-color: #005893; color: #bed4ff; padding: 15px; margin-right: 1px;}
.bot-con .bot-text img{ float: left; margin-right: 10px;}
.bot-con .bot-text em{ display: block;}

.footer{width: 100%; height: 50px; line-height: 50px; border-top: 1px solid #0071bc; background-color: #0067ac; font-size: 16px; color: #bed4ff; clear:both;}
.footer p{ float: left;}
.footer em{ float: right;}
.footer a{ color: #bed4ff;}

.form{ margin-top: 50px;}
.data {overflow:hidden;zoom:1; margin:10px 0;}
.data::after{content:"";display:table;clear:both}
.data .title_name { float:left; width:100px; color:#333; font-size:16px; line-height:40px; }
.data .input { border:1px solid #EAEAEA; color:#333; }
.data textarea.input { min-height:110px; }
.data .input_option { display:block; overflow:hidden; zoom:1; }
.data .input_option span { display: block; line-height: 31px; margin-bottom: -10px; }
.data .input_option .input { width:300px; height: 42px; line-height: 42px; padding: 0 15px;}
.btn-area { padding:0 0 0 100px; }
.btn-area .btn-submit, .btn-area .reset { width:153px; height:34px; border:1px solid #888; font-size:14px; line-height:34px; }
.btn-area .btn-submit,
.iFCB-form .btn-area .btn-submit { background:#ffb308; background:linear-gradient(to bottom,#ffb308,#ffb308); color:#fff; margin-right:24px; }
.btn-area .reset,
.iFCB-form .btn-area .reset { background:#8c8b8c; background:linear-gradient(to bottom,#8c8b8c,#817e81); color:#fff; }
.iFCB-form .btn-area .btn-submit,.iFCB-form  .btn-area .reset { border:none; font-size:14px; line-height:34px; }



.dangqianweizhi .dangqian-title{ float: left; font-size: 24px; color: #0067ac; border-bottom: 3px solid #0067ac;height: 103px;}
.dangqianweizhi .ny-menu-right{ float: right;}

.ny-con{ background-color: #f9fbfc; width: 1260px; margin: 0 auto 50px auto; padding: 20px 50px 60px 50px;}
/*单页样式*/
.text-con{ font-size: 16px; line-height: 35px; padding-top: 50px;}
.text-con img{ margin-top: 50px;}
.text-con-wap{ display: none;}

/*联系我们*/
.gh-cta{ /*padding: 60px 5% 70px 5%;*/ background-color: #ffffff; margin-top: 30px;}
.gh-cta .ix-title{ float: left; width: 700px; }
.map{ height: 420px; margin:0 0 35px 30px;}
.map img{ width: 100%; height: 420px;}

.gh-list{ margin:0 auto; clear:both; overflow:hidden; padding:30px 0;}
.gh-list li{ padding: 0 45px; float: left; width:25%;}
.gh-list a{ display: block; overflow: hidden; color: #666; line-height: 24px; cursor: default; }
.gh-list .dico{ float: left; width: 58px; height: 58px; border-radius: 8px; border: 1px solid #eaeaea; -webkit-transition: 300ms; transition: 300ms; }
.gh-list .txx{ margin-left: 80px; padding-top: 6px; font-size: 16px; }
.gh-list .txx span{ display: block; }
.gh-list a + a{ margin-top: 30px; }
.gh-list .c1 .dico{ background-position: 0px 0px; }
.gh-list .c2 .dico{ background-position: -58px 0px; }
.gh-list .c3 .dico{ background-position: -116px 0px; }
.gh-list .c4 .dico{ background-position: -174px 0px; }
.aico{ display: block; background: url('../images/aicos.png'); }
.bico{ display: block; background: url('../images/bicos.png'); }
.cico{ display: block; background: url('../images/cicos.png'); }
.dico{ display: block; background: url('../images/dicos.png'); }


.ny-news-list a{ margin-top: 30px; background-color: #ffffff; display: block; float: left; padding:20px; width: 45%;}
.ny-news-list a i{ float: left; width: 58px; height: 58px; margin-right: 15px; background-color: #0067ac; font-size: 25px; color: #ffffff; text-align: center; line-height: 58px;display: block;}
.ny-news-list a .ny-text{ float: left; width: 410px;}
.ny-news-list a .ny-text h3{ font-size: 20px; font-weight: normal; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;  word-break: break-all;}
.ny-news-list a .ny-text span{font-size: 16px; color: #706f6f; display: block; padding: 5px 0 0 0;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;  word-break: break-all;}
.ny-news-list a .date{ float: right; text-align: center; border: 1px solid #0067ac; line-height: 1.6; background-color: #ffffff; width: 60px; height: 56px; font-size: 14px; color: #706f6f; display: block;}
.ny-news-list a .date em{ font-size: 20px; display: block; background-color: #0067ac; color: #ffffff;}
.ny-news-list a:nth-child(2n){ margin-left: 40px;}

.ny-case-list{ float: left; margin-right: 20px; width: 350px; margin-top: 20px; background-color: #f6f6f6; padding: 30px 25px 10px 25px; overflow:hidden;}
.ny-case-list:nth-child(3n){ margin-right: 0;}
.ny-case-list img{ width: 352px; height: 260px; background:#FFF;}
.ny-case-list span{ display: block;font-size: 18px; font-weight: bold; padding: 10px 0;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;  word-break: break-all;}
.ny-case-list i{ display: block;font-size: 16px; color:#706f6f; margin-bottom: 15px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all;}
.ny-case-list:hover{ background-color: #0067ac;}
.ny-case-list:hover span, .ny-case .ny-case-list:hover i{ color: #ffffff;}

.ny-case-list2{ float: left; margin: 0 10px; width: 240px; margin-top: 20px; background-color: #f6f6f6; padding: 30px 25px 10px 25px; overflow:hidden;}
.ny-case-list2 img{ width: 240px; height: 310px; background:#FFF;}
.ny-case-list2 span{ display: block;font-size: 18px; font-weight: bold; padding: 10px 0;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;  word-break: break-all;}
.ny-case-list2 i{ display: block;font-size: 16px; color:#706f6f; margin-bottom: 15px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all;}
.ny-case-list2:hover{ background-color: #0067ac;}
.ny-case-list2:hover span, .ny-case .ny-case-list:hover i{ color: #ffffff;}

/*内页新闻详细页样式*/
.ny-title{color: #02328d; font-size: 25px; font-weight: bold; margin-top: 20px; margin-bottom: 10px; padding-left: 15px; text-align:center;}
.author{ color: #999; font-size: 14px; margin-bottom: 20px; text-align:center; border-bottom:1px solid #DDD; padding-bottom:10px;}
.content{ font-size: 16px; line-height:38px;}
.content table{ margin:0 auto!important; max-width:100%;!important; table-layout:fixed;}

.ny-menu{display: block; width: 1360px; height: 106px; line-height: 106px; margin:20px auto 0 auto;}
.ny-nav{ font-size: 16px; width: 1360px; margin: 0 auto;}
.ny-nav ul{ margin: 0 auto;}
.ny-nav li{ float: left; margin: 20px 0; height: 40px; line-height: 40px; background: url(../images/line.png) no-repeat right center;}
.ny-nav li:last-child{ background: none;}
.ny-nav li a{ color: #4e4e4e;padding: 0 20px;}
.ny-nav .hover{ background-color: #0067ac; height: 40px; line-height: 40px; text-align: center; color: #ffffff; border-radius: 5px; display: block;}

.pages{width:100%;margin:0 auto;padding:45px 0;font-size:14px;text-align:center;}
.pages .pageList-wrap{display:inline-block;}
.pages a{margin:0px 3px;padding:0 18px;height:46px;line-height:46px;border-radius:3px;background:#e4e4e4;display:inline-block;vertical-align:middle;text-align:center;user-select:none;color:#555555;}
.pages a.a1{width:100px;}
.pages .eliplise,
.pages .item{width:30px;}
.pages a.current{background:#3585fb;color:#fff;} 
.pages a.a1{text-indent:3333333em; overflow:hidden; width:60px;}
.pages a.a1:first-child{background:url(../images_1/page_fl.png) left center no-repeat;}
.pages a.a1:last-child{background:url(../images_1/page_fr.jpg) right center no-repeat;}
.pages .page-list-wrap{display:inline-block;}
.pages .page-count{height:30px;margin-left:20px;vertical-align:top;line-height:30px;display:inline-block;}
.pages .page-count_num{margin:0 5px;color:#be4c4d;font-size:18px;}
.pages .item.disabled{cursor:not-allowed;}
.pages .item.disabled:hover{background:#dedede;}
.pages .bg{font-weight:bold;color:#ffffff;background:#2d80b8;}

.newslist { overflow: hidden; padding-top:10px;}
.newslist li { line-height: 45px; padding-left: 12px; background: url(../images/k.png) no-repeat left center; border-bottom:1px dashed #DDD;}
.newslist li a { text-align: left; font-size: 16px;  color: #303030; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.newslist li a:hover { color: #e22a27;}
.newslist li span{ font-size: 14px; color: #999; float:right;}