/* CSS Reset*/
html {font-family:"Microsoft YaHei","微软雅黑","宋体","SimSun",sans-serif;-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 14px;}
body {font-family:"Microsoft YaHei","微软雅黑","宋体","SimSun",sans-serif; margin: 0; color: #000; background-color: #fff; height: 100%;overflow-x: hidden; -webkit-overflow-scrolling: touch; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
a { background: transparent; text-decoration: none; color: #000;transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-webkit-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;}
a:active { outline: 0; }
a {-webkit-tap-highlight-color:rgba(0,0,0,0);}
b, strong { font-weight: bold; }
dfn { font-style:normal;}
img { border: 0; vertical-align: middle; }
* {
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        -webkit-tap-highlight-color: transparent; /* For some Androids */
        outline: none;
}
input,textarea,button { border: 0; margin: 0; padding: 0;}
textarea { resize: none;}
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; }
h1, h2, h3, h4, h5, h6, p, figure, form, blockquote { margin: 0; }
ul, ol, li, dl, dd { margin: 0; padding: 0; }
ul, ol { list-style: none; }
input::-moz-placeholder, textarea::-moz-placeholder { color: #2d2d2d; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #2d2d2d; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #2d2d2d; }
.box-content{-webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;}
body {background: #fff;}
a:focus, a:hover { text-decoration:none; outline: none;}
input { outline:none; }
.fr { float: right; } .fl { float: left; }
.t-l{text-align: left;}.t-c{text-align: center;}.t-r{text-align: right;}
.clear{clear:both; height: 0; line-height: 0; font-size: 0}
.an { transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-webkit-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;}
.img-width { max-width: 100%; height: auto!important; }
.clearfix:before, .clearfix:after {content:""; display:table;}   
.clearfix:after {clear:both;}   
.clearfix { *zoom:1;}
.radius{border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;}
.over-txt {display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.txt-a-A {text-transform: capitalize;text-transform:uppercase;text-transform:lowercase;}
/*public*/
.top {position: relative;z-index: 99;}
.t_left {text-align: center;padding-top: 15px;}
.t_left img {width: 80%;max-width:340px;height: auto;}

.t_right_t {font-size: 12px;color: #8ec4db;font-family: "宋体","SimSun";text-align: right;position: relative;padding: 10px 20px 5px;}
.t_right_t a {color: #8ec4db;padding:0 14px;}
.t_right_t a:hover {color: #38728a;text-decoration: underline;}

.t_right_t a.btn1 {padding:0;display: block;position: absolute;right: 0;top: 10px;width: 20px;height: 13px;background: url(../images/se.png) no-repeat center;}
.t_right_t a.btn1:hover {background: url(../images/se-b.png) no-repeat center;}

#mask_shadow {display:none;opacity:0;position:fixed;z-index:111;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);}
#popup {display:none;opacity:0;position:absolute;z-index:222;top:150px;width:300px;height:190px;box-shadow:0 5px 15px rgba(0,0,0,0.5);}
#popup .title {position:relative;width:100%;height:55px;background-color:#3785de;}
#popup .title p {padding-left:14px;line-height:55px;color:#fff;font-size: 18px;}
#popup .title span {position:absolute;top:12px;right:20px;width:30px;height:30px;line-height: 28px; color:#fff;opacity:.5;font-size:20px;cursor:pointer;text-align:center;border:1px solid #fff;}
#popup .title span:hover {opacity:.8;}
#popup .cont {width:100%;height:135px;background-color:#EDEDED;padding-top: 45px;}
.search-box {width: 80%;margin:0 auto;position: relative;padding-right:80px;}
.data_q {width: 100%;padding: 0 10px;height: 40px;line-height: 40px;background: #fff;border:none;}
.data_s {position: absolute;right: 0;top: 0;height: 40px;line-height: 40px;width: 80px;font-size: 16px;color: #fff;border:none;text-align: center;background: #eea300;cursor:pointer;}
.data_s:hover {background: #d29002;}


.pc_menuCon li {float: left;position: relative;}
.pc_menuCon li a {display:block;color: #333;font-size: 14px;text-align: center;padding:6px 23px 10px;border-bottom: 2px solid #fff;color: #595959;}
.pc_menuCon li a p {font-size: 14px;line-height: 26px;}
.pc_menuCon li a span {display: block;font-size: 12px;font-family: "Arial";line-height: 24px;}
/*.pc_menuCon > li:hover > a { border-color: #ffa126;color: #017cd1;}*/
.pc_menuCon > li.navOn > a { border-color: #ffa126;color: #017cd1;}  
.pc_menuCon ul { position: absolute; left: -1px; display: none;width: 100%; margin: 0; padding: 0; list-style: none; padding-bottom: 3px;z-index: 100;}
.pc_menuCon ul li { width: 100%; float: left; border-bottom: 1px solid #f1f1f1;background:#fff;height: 31px;line-height: 31px;border-left:none;}
.pc_menuCon ul li a {display:block;color:#595959;height: 30px;line-height: 30px;font-size: 12px;padding:0;text-align: center;font-weight: normal;border-bottom: none;}
.pc_menuCon ul li:hover a {color: #017cd1;}
.pc_menuCon .li-width ul {width: 200px;left: 50%;margin:0 0 0 -100px;}

/*----header----*/
.banner {position: relative;width: 100%;}
.slide {position: relative;width: 100%;}
.slide .carouse{width:100%;overflow:hidden;position:relative}
.slide .slideItem .banner-img{width:100%;}
.slide .carouse .slideItem{width:100%;position:absolute;}
.slide .dotList{text-align: center; position: absolute;bottom:15px;right: 0; width: 100%;z-index: 9;}
.slide .dotList ul li{display: inline-block;*display:inline; zoom:1;width: 15px; height: 15px;border-radius: 50%;background: #3177a5; margin-left: 10px; cursor: pointer;}
.slide .dotList ul li.active{background: #fff; }
.slide .banner_i{position: absolute;top: 40%;width: 50px;height: 75px;z-index:999;opacity: 0.7;filter: alpha(opacity=70);}
.slide .banner_i.Previous{left:10%;background-image:url("../images/banner-i.png");background-position:0 0px;cursor:pointer;}
.slide .banner_i.Next{right:10%;background-image:url("../images/banner-i.png");background-position:-50px 0px;cursor:pointer;}
.slide .banner_i:hover {opacity: 1;filter: alpha(opacity=100);}

/*----banner----*/
.product {background: #f7f7f7;padding-top: 30px;}
.pro_con {border:1px solid #c7c7c7;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;background: #fff;position: relative;z-index: 20;}
.pro_title {background: #f7f7f7;line-height: 50px;padding:0 25px;position: relative;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;border-bottom: 1px solid #e9e9e9;}
.pro_title span {font-size: 26px;color: #337aa8;}
.pro_title a {display: block;position: absolute;right: 15px;top: 15px;width: 40px;height: 30px;line-height: 30px;font-size: 16px;color: #999;}
.pro_title a:hover {color: #017cd1;text-decoration: underline;}
.pro_con_row {padding:0 15px;}
.pro_item {padding:18px 0 10px;}
.pro_item .img {width: 100%;overflow: hidden;}
.pro_item .img img {width: 100%;height: auto;transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-webkit-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;}
.pro_item p a {line-height: 30px;font-size: 16px;color: #666;display: block;width: 100%;padding-top: 5px;height: 35px;text-align: center;white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.pro_item:hover .img img {-webkit-transform: scale(1.2);transform: scale(1.2);-moz-transform: scale(1.2);}
.pro_item:hover p a {color: #337ab7;}

.in_info {padding-top: 50px;background: #f7f7f7;padding-bottom: 60px;}
.in_info_title {overflow: hidden;}
.in_info_title div{text-align: center;width: 100%;}
.in_info_title div p{text-transform: capitalize;color: #337ab7;line-height: 40px;font-size: 26px;}
.in_info_title div h3{color: #337ab7;line-height: 40px;font-size: 26px;}
.in_info_a {text-align: center;margin:20px 0 30px;}
.in_info_a a {display: inline-block;padding: 10px 0; width: 25%; font-size: 14px;background: #666;color: #fff;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}
.in_info_a a:hover {background: #ffa126;}
.in_info_a a.cur {background: #ffa126;}
.in_info_txt {}
.in_info_item {display: none;}
.in_info_about img {display: block;max-width:430px;height: auto;width: 100%;margin: 0 auto;}
.in_info_about p {font-size: 16px;color: #666;line-height: 1.5em;}
.in_info_about a {display: block;width: 145px;height: 42px;background: #337ab7;font-size: 16px;line-height: 42px;text-align: center;color: #fff;margin: 40px auto 0;}
.in_info_about a:hover {background: #1e5c91;}

.foot {background: #4d4d4d;padding:25px 0;}
.foot_l dl {float: left;margin-right: 50px;}
.foot_l dl dt {font-weight: normal;line-height: 30px;}
.foot_l dl dt a {font-size: 14px;color: #fff;}
.foot_l dl dd {font-size: 12px;color: #b4b4b4;font-family: "宋体","SimSun";line-height: 24px;}
.foot_l dl dd a {font-size: 12px;color: #b4b4b4;font-family: "宋体","SimSun";}
.foot_l dl a:hover {opacity: 0.7;filter: alpha(opacity=70);}
.fo_phone p {font-size: 12px;color: #eaeaea;line-height: 24px;text-align: center;}
.fo_phone p a {font-size: 14px;color: #fff;line-height: 32px;}
.foot_r {text-align: center;margin-top: 30px;}
.foot_r img {width: 94px;height: 95px;}
.foot_r p {font-size: 14px;color: #eaeaea;font-family: "宋体","SimSun";line-height: 32px;}

.bottom {background: #4d4d4d;border-top:1px solid #878787;}
.bo_con {position: relative;padding: 15px 0;line-height: 30px;text-align: center;font-size: 12px;color: #888;}
.back-top  {display: block;position: absolute;width: 35px;height: 35px;right:15px;bottom: 10px;background: #7e7e7e;color: #fff; text-align: center;line-height: 35px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;}
.back-top:hover {background: #666;color: #fff;} 
/*index*/

.page_banner_bg {background: #fff;padding-top: 10px;}
.page_banner_pc {width: 100%;height:320px;background: url(../images/page01.jpg) no-repeat center;background-size:cover;}
.page_banner_pc02 {background: url(../images/page02.jpg) no-repeat center;}
/*.page_banner_phone {width: 100%;position: relative;}
.page_banner_phone img {width: 100%;height: auto;}
.page_titleCon {width: 100%;height: 100%;position: relative;}
.page_title {height: 60px;font-size: 24px;line-height: 40px;color: #134d85;position: absolute;left: 15px;top: 50%;margin-top: -30px;}
.page_title span {display: inline-block; padding:10px 15px;background: rgba(255,255,255,0.8);border-radius: 10px;}*/

.page_con {background: #fff;}
.page_con .pageCon {margin-left: -15px;margin-right: -15px;}
.page_con .pageCon > div {padding-left: 15px;padding-right: 15px;}
.pageNav{margin-top: -57px;margin-bottom: 10px; padding-bottom:30px;}
.pageNav h3 {width: 100%;height: 60px;line-height: 58px;color: #fff;font-size: 18px;font-weight: normal; text-align: center;border-bottom: 2px solid #f8b059;}
.pageNav h3 a {display: block;background: #175aa1;color: #fff;font-size: 18px;}
.pageNav ul {padding:0;background: #fff;}
.pageNav ul li {float: left;width: 50%; display: block;border:1px solid #e6e6e6; border-top: none; height: 45px;font-family:"宋体","SimSun";background: #fbfbfb;text-align: center;}
.pageNav ul li a {display: block;position: relative;height: 44px;line-height: 44px;font-size: 14px;color: #333;}
.pageNav ul li a span {display: inline-block;vertical-align: middle; width: 6px;height: 4px;background:url(../images/li_black.jpg) center top no-repeat;margin-right: 5px;}
.pageNav ul li:hover a {background: #eee;color: #175aa1;}
.pageNav ul li:hover a span {background:url(../images/li_blue.jpg) center top no-repeat;}
.pageNav ul li.on a {background: #eee;color: #175aa1;}
.pageNav ul li.on a span {background:url(../images/li_blue.jpg) center top no-repeat;}


.page_con_bg {background: #fff;}
.pageR {margin-top: 5px;margin-bottom: 30px;background: #fff;}
.pageR_t {width: 100%;height: 40px;overflow: hidden;position: relative;z-index: 9;}
.pageR_t span {display: block;float: left;font-size: 18px; color: #175aa1;height: 40px;line-height: 40px;position: relative;padding:0 10px;z-index: 999;}
.pageR_t_a {float: right;height: 40px;line-height: 40px;color: #999;font-size: 12px;padding-right: 10px;}
.pageR_t_a a {color: #999;font-size: 12px;}
.pageR_t_a a:hover {color: #175aa1;}
.pageR .line {width: 100%;height: 2px;background: #175aa1;}

.pageR_news_list {margin:10px 0 60px;}

.news_item {position: relative;padding:30px 0;border-bottom: 1px solid #dfdfdf;}
.news_i_img {width: 100%;height: 145px;overflow: hidden;}
.news_i_img img {width: 100%;height: auto;}
.news_i_con h3 a {font-size: 15px;color: #175aa1;line-height: 30px;width: 100%;height: 30px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;margin-top: 10px;}
.news_i_des {font-size: 13px;color: #b8b8b8;line-height: 24px;margin-top: 5px;height: 48px;overflow: hidden;}
.news_i_date {font-size: 12px;color: #858585;text-align: right;line-height: 30px;}
.news_i_more {display: block;width: 160px;height: 40px;border:1px solid #c3c3c3;text-align: center;font-size: 14px;color: #5a5a5a;line-height: 38px;margin-top: 2px;margin:0 auto;}
.news_item:hover .news_i_con h3 a {color: #f8b059;}
.news_item:hover .news_i_more {background: #025999;color: #fff;border-color: #025999;}
.news_item_line {width: 0;height: 1px;background: #175aa1;position: absolute;left: 0;bottom: -1px;}
.news_item:hover .news_item_line{width: 100%;}
.page_num {display: block; padding-top:10px; text-align: center;padding-bottom: 10px;}
.page_num a,.page span { display: inline-block; color:#2e2b2b;font-size: 12px; margin-left:10px; margin-bottom: 10px; padding:7px 12px; border:#dcdcdc 1px solid;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}
.page_num .current { font-size: 12px; color: #fff; margin-left:10px; margin-bottom: 10px; padding:7px 12px; background-color: #025999; cursor:pointer;border:#025999 1px solid;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}
.page_num a:hover { color:#fff; background:#025999;}


.pageR_article {padding:20px 3% 30px;}
.pageR_article .title {font-size: 18px; color: #000;font-weight: normal;text-align: center;line-height: 30px;padding:5px 0;}
.pageR_article .infoA {font-size: 12px;color: #999;line-height: 24px;text-align: center;}
.pageR_article .infoA span {display: inline-block;padding:5px 6px;}
.pageR_article .con {color: #333;font-size: 20px;line-height:2em;padding-bottom: 15px;font-family:"宋体","SimSun";margin-top: 15px;}
.pageR_article .con img {max-width: 100%!important;height: auto!important;}







/* 超小屏幕（手机，小于 768px） */
/* 小屏幕（平板，大于等于 768px） */
@media screen and (min-width:768px) {
.container {padding-left: 0;padding-right: 0;position: relative;}

.pc_menuCon li a {padding:6px 28px 10px;}
#popup {width:600px;height:190px;}
.product {margin-top: 30px;padding:0;}
.pro_con_row {padding:0 30px;}
.pro_con_row .row {margin-left: -15px;margin-right: -15px;}
.pro_con_row .row > div {padding-left: 15px;padding-right: 15px;}
.in_info_a a {padding: 10px 20px;margin:0 12px;width: auto;}
.in_info_about img {float: left;display: block;max-width:430px;height: auto;width: 36%;margin-right: 5%;}
.in_info_about a {float: left;margin: 40px 0 0;}
.foot_r {text-align: left;margin-top: 0;}
.back-top  {bottom: 15px;}
/*index*/
.listR_tL {width: auto;}
.listR_tR {float:right;width: auto;}

.pageNav ul li {float: left;width: 100%;}
.pageR_news_list {margin:10px 0 40px;} 
.news_item {padding:30px 0 30px 250px;}
.news_i_img {width: 230px;height: 145px;position: absolute;left: 0;top: 30px;}
.news_i_con h3 a {margin-top: 0;}
.news_i_date {line-height: 20px;}
.news_i_more {margin:0;}
}

/* 中等屏幕（桌面显示器，大于等于 992px） */
@media screen and (min-width:992px) {
.t_left {padding-top: 15px;}
.t_right_t {padding: 20px 20px 15px;}
.t_right_t a.btn1 {top: 20px;}
.pc_menuCon li a {padding:6px 18px 10px;}
.product {margin-top: -70px;}
.pro_con_row {padding:0 40px;}
.pro_con_row .row {margin-left: -20px;margin-right: -20px;}
.pro_con_row .row > div {padding-left: 20px;padding-right: 20px;}
.foot_l dl {margin-right: 12px;}
/*index*/
}
/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media screen and (min-width:1200px) {
.container {width: 1200px;}
.t_left {padding-top: 0px;}
.pc_menuCon li a {padding:6px 23px 10px;}
.product {margin-top: -80px;}
.pro_con_row {padding:0 60px;}
.pro_con_row .row {margin-left: -30px;margin-right: -30px;}
.pro_con_row .row > div {padding-left: 30px;padding-right: 30px;}
.foot_l dl {margin-right: 40px;}
/*index*/
}
