@charset "UTF-8";
html {min-width:1300px;}

/*==========@@HTML默认 开始@@==========*/
/*基本*/
*{ padding:0px; margin:0px }
body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, pre, code,form,fieldset, 
legend, input, button,textarea, p, blockquote, th, td,a { margin: 0; padding: 0;}
body{color:#333;	margin:0px auto; font-size:14px; }
div{ margin:0; padding:0; border:0; }
img{ margin:0; padding:0; border:0; }
p{ margin: 0px;padding: 0}
b,strong {font-weight: bold;}
table { border-collapse: collapse; border-spacing: 0; /* Remove most spacing between table cells.*/}
li{ list-style: none outside none;}
i,em{font-style: normal;}
/*链接*/
a{ text-decoration:none; color:#333; background: transparent;  outline:none}
a:visited {}
a:focus { outline:none; }
a:hover{ color:#144fa6; outline:none; }
a:active{ color:#144fa6; outline:none; }

/*==========@@频道布局 开始@@==========*/
.w{width: 1200px;margin: 0 auto;}

/*浮动*/
.clear { display:block; clear:both;  overflow:hidden; }
.hv1 { display:block; clear:both; height:10px; overflow:hidden; line-height:3px; }
.hv2 { display:block; clear:both; height:20px; overflow:hidden; line-height:3px; }
.hv3 { display:block; clear:both; height:30px; overflow:hidden; line-height:3px; }
.hv4 { display:block; clear:both; height:40px; overflow:hidden; line-height:3px; }
.hv5 { display:block; clear:both; height:50px; overflow:hidden; line-height:3px; }
.hv6 { display:block; clear:both; height:60px; overflow:hidden; line-height:3px; }
.hv7 { display:block; clear:both; height:70px; overflow:hidden; line-height:3px; }
.hv8 { display:block; clear:both; height:80px; overflow:hidden; line-height:3px; }
.hv9 { display:block; clear:both; height:90px; overflow:hidden; line-height:3px; }
.hv10 { display:block; clear:both; height:100px; overflow:hidden; line-height:3px; }


.fl{float: left;}
.fr{float: right;}


.hidden {display:none;}
.hide {display:none !important;}
.w1200 {width:1200px;margin:0 auto;}
.hv4 {clear:both;height:40px;}
/*清除浮动*/.clearfix {*zoom:1;}
.clearfix:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.dialog-layout {width:100%;height:100%;position:fixed;z-index:100;top:0;left:0;background:#000;opacity:0.3;filter:alpha(opacity=30);}
/***********top and bottom css end***********/
.page-title1{width: 100%}

.w{width: 1200px;margin: 0 auto;}

/*浮动*/
.clear { display:block; clear:both;  overflow:hidden; }
.hv1 { display:block; clear:both; height:10px; overflow:hidden; line-height:3px; }
.hv2 { display:block; clear:both; height:20px; overflow:hidden; line-height:3px; }
.hv3 { display:block; clear:both; height:30px; overflow:hidden; line-height:3px; }
.hv4 { display:block; clear:both; height:40px; overflow:hidden; line-height:3px; }
.hv5 { display:block; clear:both; height:50px; overflow:hidden; line-height:3px; }
.hv6 { display:block; clear:both; height:60px; overflow:hidden; line-height:3px; }
.hv7 { display:block; clear:both; height:70px; overflow:hidden; line-height:3px; }
.hv8 { display:block; clear:both; height:80px; overflow:hidden; line-height:3px; }
.hv9 { display:block; clear:both; height:90px; overflow:hidden; line-height:3px; }
.hv10 { display:block; clear:both; height:100px; overflow:hidden; line-height:3px; }


/*===公共 结束===*/
.hidden {display:none;}
.hide {display:none !important;}
.w1200 {width:1200px;margin:0 auto;}
.hv4 {clear:both;height:40px;}
.clearfix {*zoom:1;}
.hv{height: 10px;}
.fl {float: left;}
.fr {float: right;}
#content_k{width: 100%;float: left;}
#content{width: 1200px;margin: 0 auto}
#abcontent{width: 100%;float: left;padding: 0 0 40px;background: #f5f5f5}
.ying{white-space:nowrap; overflow:hidden; text-overflow:ellipsis}


#auto_img{width: 100%;height: auto;}
#auto_img img{width: 100%;height: 100%;object-fit: contain;}

/*======头部======*/


.clear{clear: both;}
/*Logo*/
#logo_main {width: 100%; float: left;}
#logo { position: relative;width:1200px;  margin:0 auto; overflow:hidden;z-index: 10000;height: 100px}
#logo .WebLogo{ float:left;margin-top: 0px;}
#logo .Language{width:500px;float:right; padding:10px;}
#logo .Language .MobileEdition{ font-weight: bold; color:red;}
#logo .Member { width:500px; height:35px; line-height:35px; float:right; text-align:right;font-weight:bold; }
#logo .Member .MemberName, #logo_main .Member .MemberGroupName{color:#F30}
#logo #dianhua{position: absolute;right: 0;top:22px;color: #999;
	background: url(../images/index_header_13.png) no-repeat left center;padding-left:35px;
line-height: 25px;height: 50px;font-size: 18px;}
#logo #dianhua font{color: #6e6e6e;font-size: 30px;font-weight: bold;font-family: Impact;}
/*导航*/
#navigation_main { background:#003e92; position:relative;z-index:100; width: 100%; float: left;}
#navigation { height:50px; width:1200px;  margin:0 auto; overflow:hidden; }
#navigation ul.navigationlist li { float:left; line-height:50px; text-align:center;}
#navigation ul.navigationlist li a { display:block;font-size:16px;color:#fff;padding:0 25px;}

#navigation ul.navigationlist li a:hover,#navigation ul.navigationlist .current { text-decoration:none;
 color:#fff;background:#d20a05 ;  }
#navigation ul.navigationlist .current1{color:#;background: }

#navigation dt{
    float: right;width: 216px;height: 64px;
}
#navigation dt a:link{
    background-color: transparent;
}
#navigation dt a:hover{
    background-color: transparent;
}
#navigation dt img {
    position: absolute;


    top:-4px;
}
#navigation dt span {
    position: absolute;
color: #fff;font-size: 16px;
    top:18px;
    z-index:100;
    width:118px;margin-left: 60px;
}












/*导航栏下拉*/
#navigation  ul.subnavigationlist,#navigation ul.subnavigationlist li ul.subnavigationlist1{display:none; position:absolute; z-index:100;width: 200px;background: #ffffff;border-top-width:3px;border-top-style:solid;
    -webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05), -2px 0px 5px 1px rgba(0,0,0,0.05);
    -ms-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
    -o-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
    -moz-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
    box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05), -2px 0px 5px 1px rgba(0,0,0,0.05)}
#navigation  ul.subnavigationlist li { position: relative;float:left; width: 100%;border-bottom: 1px solid rgba(0,0,0,0.10);text-align: left;text-indent: 0}
#navigation  ul.subnavigationlist li a { position: relative;display: block;padding: 10px 15px;line-height: 24px;font-weight: 400;font-size: 14px;text-transform: capitalize;color: #272727;transition: all 500ms ease;-moz-transition: all 500ms ease;-webkit-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;}
#navigation  ul.subnavigationlist li a:hover { background:#d20a05; color:#fff; }
#navigation  ul.subnavigationlist li:hover .dropdown-btn{color: #ffffff;}

#navigation ul.subnavigationlist li ul.subnavigationlist1{top:0;left: 200px}

#subnavigationlist_li .dropdown-btn {position: absolute;right: 10px;top: 6px;width: 30px;height: 30px;text-align: center;color: #272727;line-height: 28px;background-size: 20px;cursor: pointer;z-index: 5;}
#navigation ul.navigationlist li a:hover,#navigation ul.navigationlist .current {text-decoration:none;
 color:#fff;}
/*======banner======*/
#banner_main {position:relative; width: 100%; float: left;}
#banner { margin:0 auto; overflow:hidden; width:100%;}
.bannerlist{}
.bannerlist li{ text-align:center; border:0px dashed red; overflow:hidden; display:block; width:100%;}
.bannerlist li img{ margin:0 auto; display:block; }
#banner_main .hd{ width:100%; position:absolute; bottom:25px; left:0; height:12px; line-height:12px; text-align:center;  }
#banner_main .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:12px; height:12px; border-radius:50%;background:#333; margin:0 5px; overflow:hidden; font-size:0px;}
#banner_main .hd ul li.on{  width: 14px;height: 14px;background:red; }

.tit1{width: 100%;text-align: center;}
.tit1 h2{line-height: 30px;color: #009fe9;font-size: 20px;}
.tit1 p{line-height: 30px;color: #666;font-size: 14px;}

.cplie{}
.cplie ul{}
.cplie ul li{width: 380px;height: 160px;background: #009fe9;float: left;
	margin-right: 20px;margin-bottom: 20px;padding: 30px 20px;box-sizing: border-box;}

.cplie ul li a{font-size: 20px;color: #fff;font-weight: bold;}
.cplie ul li span{font-size: 14px;color: #fff;font-weight: normal;display: block;line-height: 28px;}

.cpzs{}
.cpzs ul{}
.cpzs ul li{width: 282px;height: 375px;float: left;margin-right: 18px;}
.cpzs ul li div#auto_img{width: 282px;height: 325px;border: 1px solid #ccc;}
.cpzs ul li p{width: 282px;height:40px;text-align: center;line-height: 40px;}



#pro4{width: 100%;float: left;} 


.pro4_r{width: 1200px;margin: 0 auto;height: 336px;position: relative;}
.pro4_r .pro4_r_txt{width:240px;height: 336px;position: absolute;left: 0;}
.pro4_r .pro4_r_txt ul{width:240px;height: 336px;}
.pro4_r .pro4_r_txt ul li{width:240px;height: 78px;background: #fff;color: #009fe9;text-align: center;line-height: 78px;}
.pro4_r .pro4_r_txt ul li.on{width:240px;height: 78px;background:url(../images/jt.png) no-repeat center;color: #fff;}
.pro4_r .pro4_r_txt ul li a{font-size: 16px;}
.pro4_r .pro4_r_txt ul li.on a{color: #fff;}
.pro4_r .pro3_r_con{width:960px;height: 336px;position: absolute;right: 0;}
.pro4_r .pro3_r_con ul{width:960px;}
.pro4_r .pro3_r_con ul li{width:300px;float: left;margin-left: 20px;}

.pro4_r .pro3_r_con ul li div#auto_img{width: 300px;height: 275px;border: 1px solid #ccc;}
.pro4_r .pro3_r_con ul li p{width: 300px;height:40px;text-align: center;line-height: 40px;}



.foot1{width: 100%;background: #282828;min-height: 100px;padding: 20px 0;}
.foot1 p{font-size: 30px;font-weight: bold;width: 100%;text-align: center;color: #00a1e7;}
.foot1 p.tel01{font-size: 16px;font-weight: normal;width: 100%;text-align: center;color: #fff;line-height: 30px;}















.back-top-container {
  display: block;
  position: fixed;
  right: 50px;
  bottom: 50px;
  cursor: pointer; 
  z-index: 99999;}


.yb_conct {
  position: fixed;
  z-index: 9999999;
  top: 107px;
  right: -127px;
  cursor: pointer;
  transition: all .3s ease; }
.yb_conct a {
    color: #fff;
    text-decoration: none; }
    .yb_conct a:hover {
      color: #ff0; }

.yb_bar ul li {
  width: 180px;
  height: 53px;
  font: 16px/53px 'Microsoft YaHei';
  color: #fff;
  text-indent: 54px;
  margin-bottom: 1px;
  border-radius: 3px;
  transition: all .5s ease;
  overflow: hidden;
  background: #0d4298 url(../images/20171124181055_232848241.png) no-repeat;}

.yb_bar .yb_top {
  background-position: 0 0; }

.yb_bar .yb_phone {
    background-position: 0 -57px;  }

.yb_bar .yb_QQ {
  text-indent: 0;
  background-position: 0 -113px; }

.yb_QQ img{display: none;}

.yb_bar .yb_ercode {
  /*height:200px;*/
  background-position: 0 -169px; }

.hd_qr {
  padding: 0 29px 25px 29px; }


.yb_QQ a {
  display: block;
  text-indent: 54px;
  width: 100%;
  height: 100%;
  color: #fff; }

.footer1 {
    height:310px;
    /*text-align: center;*/
    background-color: #1f428f;
    /*position: relative;*/
}
.footer1 p{
    color: #fff;
}
.footer1 .first{
    font-size:40px;
    font-weight:700;
    position: absolute;
    top:40px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    text-align: center;

}
.footer1 .second{
    font-size:32px;
    position: absolute;
    top:110px;
 left: 50%;
    transform: translateX(-50%);
    width: 100%;
    text-align: center;
 }
.footer1 .three{
    font-size:20px;
}
.footer1 .three a {
    color: #fff;!important;
}
.footer1 .three span{
    width: 240px;
    height:60px;
    line-height:60px;
    position: absolute;
    background-color: #bc9f63;
    border-radius: 8px;
    text-align: center;
}
.footer1 .three .left {
    top:170px;
    left:28%;
}
.footer1 .three .right {
    width:250px;
    top:170px;
    right:28%;
    background-color: #042672;
}
.footer1 .four{
    font-size:18px;
    position: absolute;
    top:250px;
     left: 50%;
    transform: translateX(-50%);
    width: 100%;
    text-align: center;
}
.footer1 .four span{
    margin-right: 50px;
}
.footer1 .four span:before{
    content: '';
    width:8px;
    height:8px;
    background-color: #fff;
    display: block;
    border-radius: 8px;
    position: absolute;
    left:394px;
    top:7px;
}
.footer1 .four span:nth-child(2):before{
    left:515px;
    top:7px;
}
.footer1 .four span:nth-child(3):before{
    left:330px;
    top:7px;
}
/*底部2*/
.footer2 {
    overflow: hidden;
    height:190px;
    line-height:50px;
    background-color: #333;
    position: relative;
}
/*.footer2 .footer_left .footer2_top {
    position: absolute;
    top:-60px;
    left:0;
}*/
.footer2 .footer_left .footer2_top li{
    float: left;
    padding:0 10px;
}
.footer2 .footer_left .footer2_top li a {
    color: #c5c5c5;
    font-size: 14px;
    font-weight:500;
}
.footer2 .footer_left .footer2_bottom{
    position: absolute;
    left:10px;
    top:-30px;
    height:100px;
}
.footer2 .footer_left .footer2_bottom li{
    padding:10px 0;
    height:35px;color: #c5c5c5;box-sizing: border-box;
}
.footer2 .footer_left .footer2_bottom li a {
    color: #c5c5c5;
    font-size: 14px;
    font-weight:500;
}
.footer2 .footer_left .footer2_bottom li a:hover{
    text-decoration: none;
}
.footer2 .footer_right {
    position: absolute;
    right:0;
    top:20px;
}
.footer2 .footer_right img{width:100px;height:100px;}
.footer2 .footer_right span{
    position: absolute;
    top: 34px;
    right:11px;
    color: #c5c5c5;
}