@charset "utf-8";

*,*:after,*:before { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
* {margin:0; padding:0; outline: none;}
ul,ol {list-style:none;}
img {vertical-align:middle; border:none;}
body {color:#333; font:13px/1.5 "Microsoft Yahei",Arial,"宋体",Helvetica; overflow-x: hidden; -webkit-overflow-scrolling: touch;}
a {color:#333;text-decoration:none; transition:all 0.3s linear 0s;}
a:hover {color:#d00;text-decoration:none; transition:all 0.3s linear 0s;}
em,i {font-style:normal}
table {border-collapse:collapse;border-spacing:0}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
header,footer,article,aside,section,nav,menu,details,dialog,figure,figcaption {display:block}

.clearfix{*zoom:1}
.clearfix:before,.clearfix:after{content:" ";display:block; overflow: hidden; height: 0;}
.clearfix:after{clear:both}

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

.w {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} */



#nav{float:none;width:100%}
#scroller li p{display:none}
#wrapper{position:fixed}
#indicator{position:fixed;left:0;text-align:center;bottom:250px;width:100%}
#indicator>li{display:inline-block;float:none}
#indicator>li.active{background:#ccc}
.device{width:100%;height:245px;margin:0 auto;position:fixed;left:0;right:0;bottom:0;z-index:99}
/*.device .arrow-left{background:url(../../com/images/arrows.html) no-repeat left top;position:absolute;left:10px;top:50%;margin-top:-15px;width:17px;height:30px;z-index:99;display:none}*/
/*.device .arrow-right{background:url(../../com/images/arrows.html) no-repeat left bottom;position:absolute;right:10px;top:50%;margin-top:-15px;width:17px;height:30px;z-index:99;display:none}*/
.swiper-container{height:100%;width:100%}
.content-slide{padding:8px 10px;color:#fff}
.content-slide>a{width:33%;float:left;text-align:center;color:#fff;overflow:hidden;margin-bottom:15px}
.content-slide>a .mbg{display:block;overflow:hidden;margin:0 5px;border-radius:3px}
.title{font-size:12px;margin:0 0 5px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#222}
.ico img{width:50px;height:50px;border-radius:0;margin-top:5px}
.pagination{position:absolute;left:0;text-align:center;bottom:0;width:100%;z-index:100}
.swiper-pagination-switch{display:inline-block;width:8px;height:8px;border-radius:8px;background:#999;box-shadow:0 1px 2px #555 inset;margin:0 4px;cursor:pointer}
.swiper-active-switch{background:#fff}
.index .mainbg{position:fixed;z-index:1;width:100%}
.index .mainbg img{width:100%}
.index .content-slide>a .mbg{background-color:rgba(255,255,255,.9)}
.content-slide>a .mbg{margin:0 auto;width:80px;height:80px;border-radius:100%}
.device{height:70%}
.swiper-container{height:100%}
.ico img{margin-top:10px;width:40px;height:40px}
.content-slide .ico{padding-top:16px}
.index .content-slide>a:nth-child(6n+1) .mbg{background-color:rgba(210,170,84,.9)}
.index .content-slide>a:nth-child(6n+2) .mbg{background-color:rgba(108,160,182,.9)}
.index .content-slide>a:nth-child(6n+3) .mbg{background-color:rgba(129,165,93,.9)}
.index .content-slide>a:nth-child(6n+4) .mbg{background-color:rgba(209,109,82,.9)}
.index .content-slide>a:nth-child(6n+5) .mbg{background-color:rgba(109,108,168,.9)}
.index .content-slide>a:nth-child(6n+6) .mbg{background-color:rgba(196,126,184,.9)}
.index .content-slide>a .title{color:#fff}














.clr{display:block;clear:both;height:0;overflow:hidden}
.copyright{padding:8px;text-align:center;font-size:14px;color:#666}
.copyright a{color:#666}


















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


/* Header */

.header {}

.nav{ padding:0 2px;}
.nav ul{ background:#51668f ;overflow:hidden;}
.nav ul li{ float:left; text-align:center; width:25%; line-height:34px;}
.nav ul li a{ display:block; font-size:14px; font-weight:bold; border-right:1px solid #fff; border-top:1px solid #fff; margin:-1px -1px 0 0;}
.nav ul li a,nav ul li a:link,nav ul li a:visited,nav ul li a:active{ color:#fff;}
.nav ul li a:hover{ background:#333;}

#slider{ margin-top:5px;}
#slider figure{ margin:0; padding:0;display:block}
#slider figure div.wrap{max-width:650px; display:block;margin:0 auto;position:relative;}
#slider figure div.image{display:block;height:inherit}
#slider figure div.image img {width: 100%;}
#slider figure a{text-transform:none;font-weight:400;letter-spacing:0;position:absolute;bottom:10px;right:20px;font-size:12px;color:#fff;background:#51668f ;padding:2px 5px;border-radius:3px;	opacity:.45;font-family:franklin-gothic-urw,sans-serif}
#slider figure a:hover{opacity:.85;text-decoration:none}
.swipe{overflow:hidden;visibility:hidden;position:relative;}
.swipe-wrap{overflow:hidden;position:relative;}
.swipe-wrap > figure{float:left;width:100%;position:relative;}

.p20 {padding: 20px 0;}


.title {color: #fff;  line-height: 28px;}
.title h3 {font-size: 24px; letter-spacing: 5px;}
.title p {font-size: 16px; font-family: arial; padding: 0px 0;}
.title span {display: block; margin: 4px auto 0; 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: 15px 0; text-align: center;}
.about_ico li {display: inline-block; margin: 2% 8%; }
.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;}

.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;}




.i_why {background-color: #f6f6f6;}
.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 1% 4%;}
.why_ico li {width: 100%; float: left; display: block; margin:5% 0 3% 3%;}
.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: 40px; height:40px; margin: 0 15px;}
.why_ico li samp img {width: 100%; height: 100%:;}
.why_ico li span {width: 72%;}


.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; text-align: center; display: flex; flex-wrap: wrap;}
.case_ul li {display: inline-block; margin: 0 0; width: 50%; border: 4px solid #eee; position: relative;}
.case_ul li a {display: block; width: 100%; overflow: hidden;}
.case_ul li img {width: 100%; height: 168px;}
.case_ul li p {display: block; padding: 3px 3%; position: absolute; left: 0; bottom: 0; right: 0; color: #fff; background: rgba(0,0,0,0.6); line-height: 20px;}


.i_parter {background: #f6f6f6;}
.i_parter .title {color: #53668f; font-weight: 600;}
.i_parter .title p {color: #666}
.i_parter .title span { background: #53668f; }

.xinbox {padding: 20px 0;}
.xin_nav {margin: 20px auto; text-align: center;}
.xin_nav li {display: inline-block; margin: 0 5px;}
.xin_nav li a{border:1px solid #07122f; background: #fff; width: 100px; height: 28px; line-height: 25px; color: #333; display: inline-block; font-size: 13px; border-radius: 2px;}
.xin_nav li a:hover, .xin_nav li.currclass a {background:#53668f; color: #fff; }

.picList {text-align: center; }
.picList li{width:46%;margin:0 1% 1%; display:inline-block;}
.picList li img{display:block;border:1px solid #e6e6e6;width:100%;height:74px}
.picList 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;;}

.yq_logo {text-align: center; }
.yq_logo li{width:46%;margin:0 1% 1%; display:inline-block;}
.yq_logo li img{display:block;border:1px solid #e6e6e6;width:100%;height:74px}
.yq_logo li a:hover img{border-color:#888}


.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: 20px 0 0;}
.i_news .hd {margin: 10px auto; text-align: center;}
.i_news .hd li {display: inline-block; margin: 0 5px;}
.i_news .hd li a{border:1px solid #07122f; background: #fff; width: 100px; height: 28px; line-height: 25px; color: #333; display: inline-block; font-size: 13px; border-radius: 2px;}
.i_news .hd li a:hover, .i_news .hd li.currclass a {background:#53668f; color: #fff; }

.i_news .bd {}
.i_news .bd ul {padding: 15px 1.5% 0;}
.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 {line-height: 20px;}
.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;}



.wrap{ margin-top:5px; padding:0 2px; overflow:hidden;}
.wrap h1{ display:block; height:33px; border-bottom:1px solid #51668f ; background: #eee; line-height:33px;font-size:15px; color:#51668f ;}
.wrap h1 span{ float:left; background:url(../img/spanBg.png) no-repeat 12px; padding-left:10px; font-family:"微软雅黑";}
.wrap h1 a,.wrap h1 a:link,.wrap h1 a:visited,.wrap h1 a:active{ float:right; width:60px; color:#51668f ; font-weight: normal; font-size: 13px;}
/*
.about{ padding:5px; font-size:12px; line-height:180%; max-height:150px; overflow:hidden;}

.product,.case{ overflow:hidden; margin: 10px 0 0;}
.product li{ float:left; width:50%; margin:5px 0; text-align:center;}
.product li img{width:155px; height:117px;}
.product li span{ display:block; height:30px; line-height:30px; font-size:12px; overflow:hidden;}


.pbox {margin: 8px 5px ;}
.ppbox {}
.ppbox li {margin:0px 8px; display:block; float:left; text-align:center;}
.ppbox li a {display:block; float:left;}
.ppbox li a img {width:160px; height:120px; padding:2px; border:1px solid #ccc;}
.ppbox li a p {padding: 2px 0 0;}

.m_listul {margin: 0.5em auto 0; padding: 0 0px;}
.m_listul li {float: left; display: inline-block; width: 50%; overflow: hidden;}
.m_listul li a {display: block; position: relative; z-index: 1; margin: 5px 5px 10px; ; height:150px;}
.m_listul li a img {width: 100%; height: 100%; border-radius: 6px 6px 0 0; border:1px solid #999;  box-shadow: 0 0 5px #999;}
.m_listul li a h2 {position: absolute; left:0px; bottom:0px; height: 30px; line-height: 30px; font-weight: bold; font-size: 1.1em; color: #fff; text-align: center; width: 100%; background: rgba(0,0,0,0.6);}


.news{ padding:5px;}
.news li{ display:block; position:relative; height:30px; line-height:30px; border-bottom:1px dashed #ccc; background:url(../img/i1.png) no-repeat 5px center; padding-left:15px; font-size:12px; padding-right:85px; overflow:hidden;}
.news li span{ position:absolute; top:0; right:0; width:85px; height:30px; text-align:right;}
*/
.contact {padding: 10px 14px;}
.contact p {font-weight: bold; font-size: 15px; line-height: 26px;}

.footer { border-top: 1px solid #51668f ; padding: 10px 0 15px; text-align: center;}

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

.m {}
.map {line-height:34px; padding:10px 6px 0 10px; border-bottom:2px solid #288ab6; font-size:14px; color:#000; display: none;}
.manr {margin:14px 5px; line-height:26px; font-size:13px; }
.manr img {max-width: 100%;}

.llist { text-align: center; padding:20px 0 10px; }
.llist li {margin:3px 0; display: inline-block;}
.llist li a {display:block; height:30px; line-height:28px; font-size:13px; border-radius: 3px; background: #e8e8e8; padding: 0 10px;}
.llist li a:hover, .llist li.currclass a {color:#fff; background-color: #0c4da1;}

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





/* 文章分页 */

.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;}

.g3news{padding:10px 15px}
.g3news li {border-bottom:1px dashed #f0f0f0;font-size:16px;line-height:22px;padding:5px 0; clear: both; overflow: hidden;}
.g3news li span {display: inline-block; float: left;}
.g3news li span a {color: #51668f ;}
.g3news li div {float: left; margin-left: 5px;}
.g3news li em {font-style: normal; float: right; display: inline-block; font-size: 14px; color: #999;}


#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:20px 0 20px;}
.art_btn{background:#51668f ;color:#fff;display:inline-block;font-weight: bold; border-radius:24px;font-size:16px;height:34px;line-height:34px; text-align:center;width:130px}
.art_btn:hover{color:#fff;box-shadow: 0 0 10px #999; }

/* 图片分页 */
#gallery { clear:both; text-align:center; padding: 0 0 30px; overflow: hidden;}
#gallery li { display:inline-block; float: left; width: 50%;  padding: 5px;}
#gallery li a {display: block; width: 100%; padding: 5px;}
#gallery li img {max-width:100%; max-height:150px; min-height: 150px;}
#gallery li a {border-radius:3px; display:block; border:1px solid #ccc;}
#gallery li a:hover {color:#000; text-decoration:none; box-shadow:0 0 18px #bbb;}


/* 分页样式 */
#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;}


.m_message ul{padding:18px 8px}
.m_message ul h3{color:#16b71b;font-size:1.3em;margin-bottom:10px}
.m_message ul .txt{color:red;font-weight:700;margin:20px auto}
.m_message ul li{clear:both;margin:0 auto 6px;overflow:hidden;width:100%}
.m_message ul li .name{color:#222;display:none;font-size:14px;line-height:16px;margin-bottom:8px}
.m_message ul li .radio{margin-right:8px;vertical-align:-2px}
.m_message ul li p{line-height:20px}
.m_message ul li p input{margin:0 5px 0 0;vertical-align:-2px}
.m_message ul li p span{color:#666}
.m_message ul li textarea{border:1px solid #ccc;border-radius:2px;font-size:14px;height:52px;line-height:16px;padding:4px 10px;width:100%; color: #6f6f6f;}
.m_message ul li .input{border:1px solid #ccc;border-radius:2px;float:left;font-size:14px;height:30px;line-height:30px;padding:4px 10px;width:100%}
.m_message ul li .submits{-moz-user-select:none;background-color:#51668f ;border:1px solid transparent;border-radius:4px;cursor:pointer;display:table;color:#fff;font-size:1.2em;font-weight:400;line-height:1.42857;margin-bottom:0;padding:6px 0;text-align:center;vertical-align:middle;white-space:nowrap;width:100%}
.m_message ul li .inputcode {border:1px solid #ccc;border-radius:2px;float:left;font-size:14px;height:30px;line-height:30px;padding:4px 10px;}

.ys3g * {box-sizing: border-box;}
.ys3g ul {overflow: hidden;}
.ys3g ul li {float: left; display: inline-block; margin: 0 3% 6%; width: 44%; text-align: center;}
.ys3g ul li a {display: block;}
.ys3g ul li a img {max-width: 65%;}
.ys3g ul li h2 {padding: 12px 0 4px; color: #005EAD; font-size: 15px;}
.ys3g ul li p {font-size: 12px; color: #666; line-height: 18px; height: 34px; overflow: hidden;}