@charset "utf-8";
body {
	 font-family:'Microsoft YaHei','微软雅黑','Century Gothic', 'Helvetica', 'SimSun', '宋体', 'Heiti', '黑体', 'Arial', 'sans-serif';
	 font-size:14px;
	 width:100%;
	 height:100%;
	 color:#666;
	 -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
}
*{
	 margin:0;
	 padding:0;
}
li {
	 list-style:none;
}
a {
	 text-decoration:none;
	 color: inherit;
	 display: block;
	 transition:all 0.2s;
}  
.simple-article ul li,
ol li{
    list-style: inside;
}
button{
  border: 0;
  cursor: pointer;
  transition: 0.3s all;
  display: block;
}
input,
select,
textarea {
	 border:none;
	 outline:none;
	 background:none;
	 font-family:'微软雅黑';
	 padding: 0;
}
textarea {
	 resize:none;
	 overflow: hidden;
	 -webkit-appearance: none;
}
img {
	 border:none;
	 vertical-align: top;
}
table {
	 border:0;
	 border-collapse: collapse;
}
em,
i {
	 font-style:normal;
}
.fr {
	 float:right;
}
.fl {
	 float:left;
}
.clear {
	 zoom:1;
}
.clear:after {
	 content:"";
	 display:block;
	 clear:both;
}
.contain{
	width: 1366px;
	margin: 0 auto;
}
button,input,select,textarea {font-size: 100%;margin: 0;padding: 0;outline: none;font:normal 12px /*'方正兰亭中黑_GBK',*/'Arial','Microsoft YaHei', '微软雅黑', 'SimSun', '宋体', 'Heiti', '黑体', 'sans-serif';}
table{width:100%;border-collapse:collapse;border-spacing:1;border-spacing:0;}

img{max-width: 100%;height: auto;}


/*-------------------------------------
   page 翻页器start
-------------------------------------*/

.wp-pagenavi{width: 100%;text-align: center;height: 50px;line-height: 40px;margin-top: 30px;}
.wp-pagenavi:before,.wp-pagenavi:after{
    content:"";
    display:table;
}
.wp-pagenavi:after{
    clear:both;
    overflow:hidden;
}
.wp-pagenavi span{
    display: inline-block;
    margin:0 5px;

    height: 38px;
    line-height: 38px;
    color: #bdbdbd;
    font-size: 14px;
}
.wp-pagenavi .current{
    display: inline-block;
    margin:0 5px;
    width: 38px;
    height: 38px;
    line-height: 38px;
    background: #f96868;
    color: #fff;
    font-size: 14px;
    border: 1px solid #f96868;
}
.wp-pagenavi a{
    display: inline-block;
    margin:0 5px;
    width: 38px;
    height:38px;
    line-height: 38px;
    background: #fff;
    border: 1px solid #e4eaec;
    color: #bdbdbd;
    font-size: 14px;
}
.wp-pagenavi a:hover{
    color:#e31837;
    background: #e4eaec;
}
.wp-pagenavi .nextpostslink,.wp-pagenavi .previouspostslink{
    font-family: "Simsun";
    color: #76838f;
    font-weight: bold;
    background: #fff;
}
.wp-pagenavi input{
    display: inline-block;
    margin:0 5px;
    width: 38px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    background: #fff;
    border: 1px solid #F26621;
    outline: none;
    color: #bdbdbd;
    font-size: 14px;
}

.simple-article h1,.simple-article h2,.simple-article h3,.simple-article h4,.simple-article h5,.simple-article h6 {font-weight:bold;}
.simple-article h1 { font-size:34px; line-height:1.3em; margin-bottom:5px;}
.simple-article h2 { font-size:30px; line-height:1.2em; margin-bottom:10px; }
.simple-article h3 { font-size:26px; line-height:1.6em; margin-bottom:10px; }
.simple-article h4 { font-size:22px; line-height:1.25em; margin-bottom:10px; }
.simple-article h5 { font-size:18px; line-height:1.6em; margin-bottom:10px;}
.simple-article h6 { font-size:14px; line-height:1.5em; margin-bottom:10px; }
.simple-article p {  
    color: #333;
    font-size: 16px;
    line-height: 30px;
}
.simple-article a{display: inline-block;}
.simple-article blockquote { display:block; font-family: Georgia,"Times New Roman",Times,serif; padding:10px 20px 10px 45px; color:#666; line-height:160%; margin-bottom:15px;} /* ????Ӭ */
.simple-article blockquote em { color:#999; text-align:right; display:block;}
.dropcap {float:left;   padding:10px 10px 5px 0; font-weight:bold;}  /* é|–?-—????2‰ */
.simple-article hr{ border:1px solid #ddd; border-width:0 0 1px 0; height:1px; font-size:0; margin:25px 0; clear:both; *margin:17px 0;}
.simple-article .br {font-size: 0;}


/*-------------------------------------
   List
-------------------------------------*/
.simple-article li ul,.simple-article li ol { margin: 0; }
.simple-article ul,.simple-article ol { margin: 0 0 15px 0; padding-left:1.5em; line-height:180%; _margin-left:5px; }
.simple-article ul { list-style-type:disc;}
.simple-article ul.square { list-style:square;}
.simple-article ul.circle { list-style:circle;}

.simple-article ol { list-style-type:decimal; *padding-left:1.8em;}
.simple-article dl { margin: 0 0 1.5em 0; }
.simple-article dl dt { font-weight: bold; }
.simple-article dd { margin-left: 1.5em;}

/*-------------------------------------
   2. table
-------------------------------------*/
.simple-article table {border-collapse: collapse; border-spacing: 0;overflow:hidden; width:100%; margin-bottom:15px;}
.simple-article table th { font-weight:bold;}
.simple-article table th, .simple-article table td {
    border-top: 1px solid #DDDDDD;
    line-height: 18px;
    padding: 8px;
    /*text-align: left;*/
    vertical-align: top;
}   
.simple-article table colgroup + thead tr:first-child th, .simple-article table colgroup + thead tr:first-child td, .simple-article table thead:first-child tr:first-child th, .simple-article table thead:first-child tr:first-child td {border-top: 0 none;}
.simple-article table thead tr th,.simple-article table thead tr td {*border-top: 0 none;}
.simple-article .table-striped tbody tr:nth-child(2n+1) td,.simple-article  .table-striped tbody tr:nth-child(2n+1) th { background-color: #F9F9F9;}
.simple-article table th { background:#EBEBEB;}
.simple-article .table-bordered { -moz-border-colors: none; border-collapse: separate; border-color: #DDDDDD #DDDDDD #DDDDDD; border-style: solid solid solid none; border-width: 1px 1px 1px 0;}
.simple-article .table-bordered th, .table-bordered td {border-left: 1px solid #DDDDDD;}
.simple-article .table-row thead th { background:#ebebeb; }
.simple-article .table-row tbody th { background:#f5f5f5; }
.simple-article .table-col { border-top-width:0; }
.simple-article .table-col tbody th { background:#ebebeb; }
.simple-article ul li{list-style: inside}
/*Alignment*/
.alignleft {
   display:inline; float:left; margin-right:1.625em;
}
.alignright {
   clear:both; display:inline; float:right; margin-left:1.625em;
}
.aligncenter {
   clear:both; display:block; margin-left:auto; margin-right:auto;
}

/*-------------------------------------
   page 翻页器end
-------------------------------------*/



/* 小屏幕导航 */
.p_transition {transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s;-moz-transition:0.3s;}
.small_nav_btn {position:absolute;top:53px;right:3%;height:30px;z-index:8;display:none;width: 30px;height: 30px;background: url(../images/m_menu1.png) no-repeat center;}
.small_nav_btn.active {background: url(../images/m_menu2.png) no-repeat center;}
.small_nav .wapper .btn i {width:50px;height:50px;position:absolute;right:0;top:0;z-index:2;cursor:pointer;border-left:1px solid #e5e5e5;background:url(../images/h_content_dot.png) no-repeat center;background-size:13px;}
.small_nav .wapper .btn.active i {-webkit-transform:rotate(180deg);transform:rorate(180deg);border-left:0;border-right:1px solid #e5e5e5;}
.small_nav .show a {text-indent:30px;line-height:40px;}.small_nav .show a {text-indent:30px;line-height:40px;}
.scale img {transition:all 0.2s;}
.scale:hover img {-webkit-transform:scale(1.2);transform:scale(1.2);}

.small_nav .wapper{position: relative;}

.small_nav {position:absolute;width:100%;top:111px;left:0;text-align:center;background:#0068b7;z-index:7;display:none;overflow:auto;}
.small_nav a {font-size:13px;display:block;color:#fff;border-bottom:1px solid #096273;line-height:50px;text-align:left;text-indent:15px;position:relative;}
.small_nav .show {background:#0da4c2;display:none;}


.map img{
    max-width: inherit;
}
/*内页banner*/
.inside_banner{
	height: 300px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
}

/*自适应图片*/
.autoimg{
  position: relative;
  /*float: left;
  height: 210px;
  width: 28.33333333333333%;*/
  overflow: hidden;
}
.autoimg:after{
  content: '';
  /*padding-top: 61.76%;*/
}
.autoimg img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: inherit;
}

.owl-stage{
  transition: 0.75s all !important; 
}

input:-ms-input-placeholder,
input::-moz-placeholder,
input:-moz-placeholder,
input::-webkit-input-placeholder {
   color: #999;
}

.index_header{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
}
.index_header .content{
  transition: 0.3s all;
}
.index_header .content:hover{
  background: rgba(255,255,255,0.3);
}
.header .top{
  background: #2c353a;
}
.index_header .top{
  background: rgba(36,46,52,0.15);
}
.header .top .left{
  float: left;
}
.header .top .left .logo{
  line-height: 21px;
  font-size: 14px;
  margin: 7px 0;
  color: #fff;
  padding: 0 10px;
  border-radius: 21px;
  float: left;
  background: rgba(255,255,255,0.15);
}
.to_fast{
  float: left;
  margin-left: 27px;
}
.dot_white{
  padding-right: 18px;
  line-height: 35px;
  color: #fff;
  background: url(../images/dot_white.png) no-repeat right;
}
.dot_white:hover{
  text-decoration: underline;
}
.header .top .contain{
  position: relative;
}

.fast_show{
  background: #fff;
  padding: 30px;
  position: absolute;
  left: 0;
  width: 100%;
  opacity: 0;
  z-index: 2;
  visibility: hidden;
  transition: 0.3s all;
  transform: translate(0,-20px);
  box-sizing: border-box;
}
.to_fast:hover .fast_show{
  opacity: 1;
  visibility: visible;
  transform: translate(0,0);
}
.fast_show .part{
  position: relative;
}
.fast_show .part .left_dd{
  width: 100px;
  background: #f0f0f0;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.fast_show .part .left_dd i{
  color: #333;
  text-indent: 10px;
  display: block;
  line-height: 50px;
}
.fast_show .part .main{
  float: right;
  padding: 22px 0 22px 27px;
  box-sizing: border-box;
  width: 1206px;
}
.fast_show .part .main .choose1{
  border-top: 1px solid #e5e5e5;
}
.fast_show .part .main .choose1 li{
  width: 120px;
  height: 50px;
  vertical-align: middle;
  text-align: center;
  float: left;
  color: #333;
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
  border-left:1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}
.fast_show .part .main .choose1 li span{
  line-height: 18px;
  padding: 0 15px;
  position: absolute;
  width: 100%;
  box-sizing: border-box;
  left: 0;
  top: 50%;
  display: none;
  transform: translate(0,-50%);
}
.fast_show .part .main li.active{
  border: 2px solid #0068b7 !important;
}
.fast_show .part .main .choose1 li img{
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translate(0,-50%);
  height: inherit;
}
.fast_show .part .main .choose1 li:hover img{
  display: none;
}
.fast_show .part .main .choose1 li:hover span{
  display: block;
}
.fast_show .part .main li:nth-of-type(1) span{
  display: block;
}
.fast_show .part .main li.active:after{
  position: absolute;
  content: '';
  width: 17px;
  height: 17px;
  right: 0;
  bottom: 0;
  background: url(../images/right_dot2.png) no-repeat center;
}
.fast_show .part .main .choose1 li:nth-of-type(9n){
  border-right: 1px solid #e5e5e5;
}
.scroll_wapper{
  padding-right: 82px;
  height: 101px;
  overflow-y: auto;
}
.fast_show .part{
  border-top: 1px solid #e5e5e5;
}
.fast_show .part .main1 a{
  float: left;
  line-height: 22px;
  padding: 0 15px;
  margin-right: 15px;
  position: relative;
  border: 1px solid transparent;
}
.fast_show .part .main1 a.active{
  border: 1px solid #0068b7;
}
.fast_show .part .main1 a.active:after{
  position: absolute;
  content: '';
  width: 17px;
  height: 17px;
  right: 0;
  bottom: 0;
  background: url(../images/right_dot2.png) no-repeat center;
}
.fast_show .part .main1{
  padding: 13px 0 13px 27px;
}
.fast_show .part:nth-of-type(2){
  border-bottom: 1px solid #e5e5e5;
}
.fast_show .btn{
  width: 400px;
  line-height: 40px;
  background: #f0f0f0;
  color: #333;
  text-align: center;
  margin: 30px auto 0;
}
.fast_show .btn:hover{
  background: #0068b7;
  color: #fff;
}
.to_friendship{
  position: relative;
}
.friendship_show{
  position: absolute;
  left: 0;
  width: 180px;
  text-align: center;
  line-height: 40px;
  z-index: 2;
  padding: 5px 0;
  color: #333;
  background: #fff;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s all;
  transform: translate(0,-20px);
  box-shadow: 0 10px 10px rgba(0,0,0,0.15);
}
.to_friendship:hover .friendship_show{
  opacity: 1;
  visibility: visible;
  transform: translate(0,0);
}
.friendship_show a:hover{
  background: #0068b7;
  color: #fff;
}
.header .to_lang{
  margin: 0 13px 0 25px;
  position: relative;
}
.header .to_lang .ico1{
  width: 21px;
  height: 21px;
  margin-right: 5px;
  display: inline-block;
  vertical-align: text-top;
  background: url(../images/lang1.png) no-repeat center;
}
.header .to_lang .ico2{
  width: 21px;
  height: 21px;
  margin-right: 5px;
  display: inline-block;
  vertical-align: text-top;
  background: url(../images/lang2.png) no-repeat center;
}
.header .lang_show{
  width: 140px;
  position: absolute;
  left: 50%;
  margin-left: -70px;
  background: #fff;
  z-index: 2;
  padding: 5px 0;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s all;
  transform: translate(0,-20px);
  line-height: 40px;
  box-shadow: 0 10px 10px rgba(0,0,0,0.15);
}
.header .lang_show i{
  margin: 0 0 0 27px;
}

.header .search:hover .search_show,
.header .nav li:hover .show,
.to_wechat:hover .wechat_show,
.to_lang:hover .lang_show{
  opacity: 1;
  visibility: visible;
  z-index: 2;
  transform: translate(0,0);
}
.header .lang_show a:hover{
  background: #f8f8f8;
  color: #0068b7;
}
.header .to_wechat .btn{
  width: 35px;
  height: 35px;
  background: url(../images/to_wechat.png) no-repeat center;
}
.header .wechat_show{
  position: absolute;
  right: 0;
  background: #fff;
  z-index: 2;
  width: 170px;
  padding: 0 15px;
  box-shadow: 0 10px 10px rgba(0,0,0,0.15);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s all;
  transform: translate(0,-20px);
}
.header .wechat_show img{
  width: 78px;
  float: left;
  height: 78px;
  border: 1px solid #e5e5e5;
}
.header .wechat_show .font{
  float: left;
  margin-left: 10px;
  font-size: 12px;
}
.header .wechat_show li{
  padding: 15px 0;
  border-bottom: 1px solid #e5e5e5;
}
.header .wechat_show .font .p1{
  margin-top: 25px;
  color: #999;
}
.header .wechat_show .font .p2{
  color: #0068b7;
}
.header .logo{
  margin-top: 20px;
  float: left;
}


.header .nav{
  float: right;
}
.header .nav li{
  float: left;
  margin: 0 18px;
  position: relative;
}
.header .nav li .btn{
  line-height: 115px;
  font-size: 16px;
  color: #333;
}
.header .nav li.active .btn{
  color: #0068b7;
}
.header .nav li .show{
  position: absolute;
  left: 50%;
  width: 160px;
  margin-left: -80px;
  line-height: 40px;
  padding: 10px 0;
  background: #fff;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s all;
  transform: translate(0,-20px);
  text-align: center;
  box-shadow: 0 10px 10px rgba(0,0,0,0.15);
  color: #333;
}
.header .nav li .show a:hover{
  color: #fff;
  background: #0068b7;
}
.header .content,
.header .content .contain{
  position: relative;
}
.show1{
  position: absolute;
  width: 100%;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transform:translate(0,-40px);
  z-index: -2;
  padding: 48px 65px 220px;
  transition: 0.3s all;
  box-sizing: border-box;
  box-shadow: 0 10px 10px rgba(0,0,0,0.15);
  background: rgba(255,255,255,0.95);
}
.product .pro_show:hover .show1,
.header .nav li:hover .show1{
  opacity: 1;
  visibility: visible;
  z-index: 2;
  transform:translate(0,0);
}
.product .show1{
    padding-bottom: 110px;
}
.show1 .tab{
  position: relative;
}
.header .nav li:hover .btn{
  color: #0068b7;
}
.show1 dd{
  float: left;
}
.show1 dd .main{
  position: absolute;
  width: 100%;
  opacity: 0;
  left: 0;
  visibility: hidden;
  padding-top: 42px;
  transition: 0.3s all;
}
.show1 dd.active .main{
  opacity: 1;
  visibility: visible;
}
.show1 dd>a{
  padding: 0 13px;
  line-height: 31px;
}
.show1 dd.active>a{
  color: #fff;
  background: #0068b7;
  border-radius: 31px;
}
.show1 dd .main a{
  float: left;
  margin-right: 41px;
}
.show1 dd .main a:nth-of-type(9n){
  margin-right: 0;
}
.show1 dd .main a .img{
  width: 98px;
  height: 98px;
  margin-bottom: 13px;
  overflow: hidden;
  border: 1px solid #e5e5e5;
}
.show1 dd .main a:hover .img{
  border: 1px solid #0068b7;
}
.show1 dd .main a span{
  display: block;
  text-align:  center;
  color: #333;
}
.show1 dd .main a:hover span{
  color: #0068b7;
  text-decoration: underline;
}
.header .content .search{
  float: right;
  padding-left: 40px;
}
.header .content .search .btn{
  width: 35px;
  height: 35px;
  margin: 40px 0;
  background: url(../images/search1.png) no-repeat center;
}
.header .content .search .btn:hover{
  background: url(../images/search2.png) no-repeat center;
}
.header .search_show{
  position: absolute;
  left: 0;
  width: 100%;
  padding: 20px 0;
  background: #fff;
  display: none;
  z-index: 2;
  box-shadow: 0 10px 10px rgba(0,0,0,0.15);
  background: rgba(255,255,255,0.95);
}
.header .search_show input{
  width: 1200px;
  line-height: 60px;
  height: 60px;
  text-indent: 40px;
  color: #333;
  font-size: 16px;
  float: left;
}


.header .search_show input:-ms-input-placeholder{
   color: #333;
}
.header .search_show input::-moz-placeholder{
   color: #333;
}
.header .search_show input:-moz-placeholder{
   color: #333;
}
.header .search_show input::-webkit-input-placeholder {
   color: #333;
}
.header .search_show a{
  width:64px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  background: #0068b7;
  border-radius: 30px;
  margin-top: 15px;
  margin-left: 50px;
  float: left;
}
.header .show1 dd .main a img{
  transition: 0.3s all;
}
.header .show1 dd .main a:hover .img img{
  transform:scale(1.1);
}


.footer{
  background: #202b32;
}
.footer .top{
  padding: 75px 0;
}
.footer .nav{
  float: left;
}
.footer .nav li{
  float: left;
  width: 180px;
  margin-right: 150px;
}
.footer .nav li:last-child{
  margin-right: 0;
}
.footer .nav li p{
  padding-bottom: 14px;
  margin-bottom: 20px;
  color: rgba(255,255,255,0.5);
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
.footer .nav li a{
  color: rgba(255,255,255,0.8);
  margin-bottom: 15px;
}
.footer .nav li a:hover{
  text-decoration: underline;
  color: #fff;
}
.footer .nav li a:last-child{
  margin-bottom: 0;
}
.footer .right .p1{
  padding-bottom: 14px;
  margin-bottom: 20px;
  color: rgba(255,255,255,0.5);
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
.footer .right{
  width: 400px;
  float: right;
}
.footer .right .mid{
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
.footer .right .mid li{
  float: left;
  margin-bottom: 20px;
}
.footer .right .mid li:nth-of-type(2n){
  float: right;
}
.footer .right .mid li img{
  width: 80px;
  height: 80px;
  float: left;
}
.footer .right .mid li .font{
  float: left;
  font-size: 12px;
  margin-left: 10px;
}
.footer .right .mid li .font .p2{
  margin-top: 20px;
  color: #999;
}
.footer .right .mid li .font .p3{
  color: rgba(255,255,255,0.8);
}


.footer .bshare-custom  .bshare-qqim{
  padding: 0;
  width: 24px;
  float: left;
  height: 24px;
  opacity: 0.5;
  margin-right: 15px;
  background: url(../images/share1.png) no-repeat;
}
.footer .bshare-custom  .bshare-weixin{
  padding: 0;
  float: left;
  width: 24px;
  opacity: 0.5;
  height: 24px;
  margin-right: 15px;
  background: url(../images/share0.png) no-repeat;
}
.footer .bshare-custom  .bshare-sinaminiblog{
  padding: 0;
  width: 24px;
  float: left;
  height: 24px;
  opacity: 0.5;
  background: url(../images/share2.png) no-repeat;
}
.footer .bshare-custom a:hover{
  opacity: 1;
}
.share{
  margin-top: 25px;
}
.share span{
  float: left;
  font-size: 12px;
  line-height: 24px;
  margin-right: 15px;
  color: rgba(255,255,255,0.6);
}

.footer .copy{
  background: #1c262c;
  line-height: 60px;
}
.footer .copy span.fl{
  color: rgba(255,255,255,0.6);
}
.footer .copy div.fr em{
  line-height: 60px;
  font-size: 12px;
  float: left;
  color: rgba(255,255,255,0.6);
}
.footer .copy a{
  width: 50px;
  height: 26px;
  float: left;
  margin-left: 10px;
  margin-top: 17px;
}
.footer .copy .friend1{
  background: url(../images/friend1.png) no-repeat center;
  background-size: cover;
}
.footer .copy .friend1:hover{
  background: url(../images/friend2.png) no-repeat center;
  background-size: cover;
}

.m_hide{
  display: block;
}
.m_show{
  display: none;
}

.right_slide .ico0{
  width: 50px;
  height: 50px;
  margin-bottom: 3px;
  display: block;
  background: rgb(3,123,215) url(../images/close.png) no-repeat 18px center;
  background-size: 20px;
  cursor: pointer;
  border-radius: 50px 0 0 50px;
}

.right_slide .ico0.active{
  background: rgb(3,123,215) url(../images/close1.png) no-repeat 18px center;
  background-size: 20px;
}

.right_active{
  -ms-transform: translate(50px,0);
  -webkit-transform: translate(50px,0);
  transform: translate(50px,0);
}
.right_slide .to_show,
.right_slide{
  transition: 0.2s all;
}
.right_slide.active{
  height: 50px;
  margin-top: -25px;
}