*{padding: 0px; margin: 0px; font-family: "microsoft yahei"; margin: 0; padding: 0;list-style: none;  text-decoration: none ; }
a{ text-decoration: none; color:#999999;}
a:hover{ color:#0268BA;}
.black{ color: #343434;}
.clear{ clear: both;}
.title_en{color: #3bbf47; margin-left: 10px; font-weight: normal;}
.hide{ display: none;}

.index_pro ul.content_wrap li a:hover,.gradient,.main_pro_cate a:hover{
    background-color: #0268BA;
    color: #fff;
}
#header{ width:100%;  }
#topbar{width: 100%; height: 30px;  font-size: 14px; border-bottom: 1px solid #efefef; background: #0268BA; }
#topbar_wrap{ width: 1200px; height: 30px; margin: 0 auto; overflow: hidden; position: relative; line-height: 30px; color:#fff;}
#topbar_tools{ float: right; margin-left: 15px; line-height: 30px; height: 30px; }
#topbar_tools a{ color: #ffffff; }
#topbar_tools a:hover{ color: #ffffff; text-decoration: underline;}
.conatct-email{width: 30px; height: 30px; background: url("../images/n-contact-email.png") no-repeat; display: inline-block;  vertical-align: middle; margin-top: 15px;}
.conatct-logo{width: 50px; height: 50px; background: url("../images/logo.png") no-repeat; display: inline-block;  vertical-align: middle; margin-right: 10px;}

#top{ width: 1200px; height: 100px; margin:  0 auto; position:relative;  }
#logo{ height: 100px; float: left; margin-right: 5px;}
#logo a{ display: block; margin-top: 6px; border-right:  1px dotted #c5c5c5;}
#logo h1{ text-indent: -999999px;  }
.logo_middle-box{display: table; height: 100px; margin-left: 20px;}
.logo_middle-inner{display: table-cell; vertical-align:middle; text-align:left; padding-left: 10px;}
.logo_title{ font-size: 24px; color: #282828;  font-weight: bold;}
.logo_title i{ font-style: normal; color:#DA251C;}
.logo_des{
    text-align:center;
    margin-top: -5px;
    color: #666;
    font-size: 16px;
}
.logo_des i{ width: 4px; height: 4px; border-radius: 100%; background: #0268BA; margin-right: 3px; display: inline-block; vertical-align: middle; margin-top: -3px; }
.logo_des span{ margin-right: 10px; display: inline-block;  }
.tel{ min-width: 200px;  color: #4c4c4c; font-size:22px;  font-weight: bold; position: absolute; right:0px; top:50%; margin-top: -8px;  }
.tel i{ background: url("../images/n-tel.png") center no-repeat; width: 55px; height: 55px; vertical-align: middle; margin-right: 10px; position: absolute;top:-14px; left: -55px; }

#flash{ width: 100%;  height: 720px; margin-top: -1px;  z-index: -1!important;}
#flash_subpage{ width: 100%; height: 580px; background: url("../images/flash_subpage.jpg") no-repeat center; background-size: cover;}
.swiper-container{ width: 100%; }
.menu_all{ width: 100%; background: #0268BA;   height: 50px;line-height: 50px; display: block; }
#menu{ width: 1200px; margin: 0 auto;  z-index: 9999; }
#menu ul li{ list-style: none; float: left;  }
#menu ul li > a{width: 130px;  padding: 0px; display: inline-block; text-align: center; color: #ffffff;}
#menu ul li > a:hover,.menuhover{ background: #333; color: #ffffff;}
#menu ul li .menu_active{background: #333; color: #ffffff;}
/* 基本样式 */
#menu-ul {
    width: 1200px; margin: 0 auto; float: left;
    list-style: none;
    padding: 0;
    margin: 0;
}

#menu-ul li {
    position: relative;
    display: inline-block;
}

#menu-ul li a {
    display: block;
    text-decoration: none;
    color: white;
}

#menu-ul li a:hover,
#menu-ul li a.menu_active {
}
/* 子菜单样式 */
.sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    /*background-color: rgba(0, 0, 0, 0.8); !* 透明黑色背景 *!*/
    background-color: rgba(255, 255, 255, 1); /* 透明黑色背景 */
    border-radius: 4px; /* 圆角效果 */
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3); /* 阴影效果 */
    border-top:2px solid #333;
    width: auto;
    z-index: 9999;
    overflow: hidden;
}

/* 显示子菜单 */
#menu-ul li:hover .sub-menu {
    display: block;
}

/* 子菜单项样式 */
.sub-menu li {
    display: block;
    line-height: 30px;
    width: 100%;
    padding: 2px 0px!important;
    font-size: 14px;
}

.sub-menu li a {
    width: 100%!important;
    text-decoration: none;
    color: #3c3e46!important;
    line-height:30px;
    text-align: left!important;
    text-indent: 15px;
    border-bottom: 1px solid #f0f0f0; /* 子菜单项分隔线 */
}

.sub-menu li a:hover {
    width: 100% !important;
    color: #ffffff!important;
}




/** index_title **/
.main_wrap{ width:1200px;  margin: 0 auto; }
.main_wrap_100{ width:100%;  margin: 0 auto; background: #ffffff; }
.title_content {  text-align: center; height: 60px;  line-height: 60px;    margin: 0 auto; color: #959595; font-size: 16px; font-weight: normal; }
.title{ display: block; font-size: 34px;  color: #232323; font-weight: bold; }


.main_product{ width: 100%; height: 258px; margin: 120px 0px 40px 0px;  }
.main_product_content{ width:100%; padding-bottom: 50px; padding-top: 40px;}
.main_product_top{ display: block; }
.main_product_content_left{
    width: 290px;
    float: left;
    margin-right: 15px;
    background: #fff;
    text-align: center;
}

.main_product_content_left_title{  display: block; width: 286px; padding: 30px 0px; background: #0268BA; color: #fff; font-size: 34px; text-align: center; font-weight: bold; }
.main_product_content_left_title i{ display: block; font-size: 14px; font-style: normal; letter-spacing: 1px; font-weight: normal; }

.main_product_content_left_menu{ background: #e0e0e0;width: 282px;height: auto; border: 2px solid #e0e0e0; margin-bottom: 50px; padding-top: 5px; }
.main_product_content_left_menu ul{  width: 280px; margin: 2px auto; padding: 0;  }
.main_product_content_left_menu ul li{  list-style: none; display: inline-block; margin: 0 auto;  border-bottom: 1px solid #dcdcdc; overflow: hidden; }
.main_product_content_left_menu ul li:last-child{ border-bottom: none;}
.main_product_content_left_menu ul li a{ display: block; width: 260px; border-radius: 100px; background: #ffffff;  font-size: 14px;  height: 50px; line-height: 50px; text-align: center; margin:  0 auto; text-indent: 5px; color: #000; margin: 2px;   }
.main_product_content_left_menu ul li a:hover,#main_left_top ul li .slider_active{ color: #ffffff;  background: #0268BA;}
.main_product_content_left_bottom1{ width: 282px; height: 88px; border: 4px solid #3079bb;}
.main_product_content_left_bottom1 img{ width: 282px; height: 90px; margin-top: -1px;}
.main_product_content_left_bottom2{ width: 218px; height: 250px; padding: 0 30px; border: 4px solid #0268BA;background: #0268BA; }
.main_product_content_left_bottom2 p{  margin-bottom: 15px; color: #fff; text-align: left; font-size: 18px;}
.main_product_content_right{ width: 890px;  display: inline-block; background: #fff;  }
.main_product_content_right_pro{ width: 100%;  display: block;  }
.main_product_content_right_pro_content{ width: 890px;}
.main_product_content_right_pro_content a{ width: 280px; height: 240px; display: inline-block; margin:0px 6px 30px;  }
.main_product_content_right_pro_content a img{ width: 280px; height: 210px;margin: 0 auto;}
.prow{width: 280px; height: 210px; display: inline-block; background: url("../images/prow.png"); background-size: 100%; text-align: center; border:1px solid #e0e0e0; }
.main_product_content_right_pro_content a b{ width: 280px; height: 40px; line-height: 40px; border: 1px solid #e0e0e0; display: block; background: #e0e0e0;  text-align: center; color: #4c4c4c;
    overflow: hidden; font-size: 14px; font-weight: normal; margin-top: -5px;}
.main_product_content_right_pro_content a:hover b{ background: #0268BA;color: #fff; overflow: hidden;  border:1px solid #0268BA;  }
.main_product_content_right_pro_content a:hover .prow{  border:1px solid #0268BA;  }
.main_product_content_right ul.content_wrap{ width: 900px; margin:0 20px; display: inline-block;}
.main_product_content_right ul.content_wrap li{margin-bottom: 30px; margin-bottom: 20px; float: left;  }
.main_product_content_right ul.content_wrap li .proinfo{ width: 290px;display: inline-block; margin: 0 5px; text-align: center; font-size: 16px; color: #3a3a3a;  }
.main_product_content_right ul.content_wrap li .proinfo b{ height: 40px; line-height: 40px; font-size: 14px; font-weight: normal;}
.main_product_content_right ul.content_wrap li .proinfo img{ width: 290px; height: 218px; margin: 1px; border: 1px solid #dcdcdc;}
.main_product_content_right ul.content_wrap li .proinfo a:hover{ text-decoration: underline; color: #0c5dcc; }


#main_ad{width: 100%; min-height: 220px;  background: url("../images/ad1.jpg") no-repeat;background-size: 100%; overflow: hidden;}
.main_ad_wrap{
    width: 1200px;  min-height: 220px; margin: 0 auto; text-align: center;position: relative;
}
#main_ad2{width: 100%; min-height: 220px;  background: url("../images/ad2.jpg") no-repeat;background-size: 100%; overflow: hidden;}
.main_ad2_wrap{
    width: 1200px;  min-height: 220px; margin: 0 auto; text-align: center;position: relative;
}
/** 优势 **/
#main_youshi{ width: 100%; }
.main_solu_content_bg{ width: 100%; height: 480px; background: url("../images/l-youshi-bg.png") center bottom no-repeat; background-size: contain; margin-top: 20px; position: relative;  }
.main_solu_content{width: 1200px; margin: 0 auto;  overflow: hidden;}
.main_youshi_section{ width: 100%; height: 389px!important; overflow: hidden;}
.main_youshi_bottom{  padding: 5px 40px; color: #343434;}
.main_youshi_bottom h5{ font-size: 24px;  margin-top: 100px; display: block;  font-weight: normal;}
.main_youshi_bottom h5 i{ font-style: normal; text-align: center;line-height: 63px; color: #FFFFFF; margin: 0 5px; width: 53px; height: 63px; background: url("../images/l-youshi.png") no-repeat; display: inline-block;  vertical-align: middle; margin-right: 10px;}
.main_youshi_bottom p{ margin-top: 15px; line-height: 30px; font-size: 14px;}
/** 简介 **/
#main_corp{ width: 100%; background: url("../images/corp-bg.jpg") no-repeat;  padding-top: 30px;  }
.corp_bottom{ margin: 20px 0px; }
.corp_bottom a{display: inline-block; text-align: center; width: 19%; margin: 20px 0px; padding: 0px;}
.corp_bottom a img{display: block; text-align: center; margin: 0 auto;}
.main_corp_content{width: 1200px; color: #333333; margin: 0 auto; margin-top: 20px; padding-bottom: 50px; }
.main_corp_section{ width: 100%; height: 390px; background: #FFFFFF; overflow: hidden; }
.main_corp_left{ width: 600px; float: left;}
.main_corp_left img{ width: 600px; height: 390px;}
.main_corp_right{ width: 600px; float: right;  }
.main_corp_right h3{ font-weight: bold; font-size: 35px; margin-bottom: 15px; overflow: hidden;}
.main_corp_bottom{ color: #555555;  border-radius: 10px; padding: 10px 15px;}
.main_corp_bottom p{font-size: 16px; line-height: 30px; }
.main_corp_bottom a{ display: inline-block; padding: 8px 20px; border-radius: 2px; font-size: 14px; color: #FFFFFF; background: #0268BA;  float: right; margin-right: 10px;}
.main_corp_bottom a:hover{ background:#daa93f;}
.main_corp_bottom h5{ font-weight: bold; font-size: 26px; overflow: hidden; padding: 20px 0px; text-align: center;}

#main_news{ width: 100%;  padding: 0px 0px 80px 0px; margin-top: 50px;}
.main_news_left{ width:580px; float: left; padding-bottom: 20px;  background: #fafafa; }
.case_title{ width: 100%; height: 50px; line-height: 50px; }
.case_title a{  width: 530px; padding: 0 20px; font-size: 18px; font-weight: bold; display: inline-block;   color: #464646; }
.case_title a.active{ color:#464646;}

.case_title2{ width: 100%; height: 60px; line-height: 60px; background: #fff;  }
.case_title2 a{  padding: 0 60px;   display: inline-block;  font-weight: bold; color: #FFFFFF; background: #0268BA; margin-right: -4px; }
.case_title2 a.active{ background: #daa93f; color:#fff;}
.main_wrap h4{ text-align: center; padding: 0px  0px 70px 0px;  font-size: 18px;   color: #1967c9;  }
.main_wrap .title_c_wrap{ margin-left: 60px; text-align: center;  }
.title_c_wrap font{ display: block;  font-size: 40px; font-weight: bold;line-height:30px; letter-spacing: 4px; margin-bottom: 10px;  }
.title_c_wrap span{ width: 100%; display: inline-block; line-height:30px; margin-bottom: 20px; }

.case_list_section_right{ width: 540px; height: 370px; padding: 0 20px;  float:right; }
.case_list_section_right ul{}
.case_list_section_right ul li{ list-style: none; height: 90px; padding: 20px 0px;  border-bottom: 1px dotted #c3c3c3;}
.case_list_section_right ul li:nth-child(3){ border-bottom: none;}
.case_list_section_right ul li a{ height: 90px; line-height: 28px; color: #262626; font-size: 14px;  padding: 6px 0px; display: block; }
.case_list_section_right ul li a:hover,.case_list_section_right ul li a:hover p .title{ color: #87CEFA;}
.case_list_section_right ul li a i{ font-style:normal; width: 70px; height: 65px; background: #f0f0f0; padding-top: 5px; display: inline-block; text-align: center; font-size: 28px;  color: #666666;  float: left; padding-top: 10px;}
.case_list_section_right ul li a i span{font-size: 14px; color: #b3b3b3;}
.case_list_section_right ul li a p{ width: 430px; margin-left: 20px; height: 90px;float: left; display: inline-block;}
.case_list_section_right ul li a p .title{ width: 100%; height: 30px; line-height: 30px; overflow: hidden; display: block; color: #222222; font-size: 18px;}
.case_list_section_right ul li a p .des{width: 100%; height: 50px; overflow: hidden; display: block; color: #8a8a8a; font-size: 12px; }
.case_list_section_right div{ width: 100%; padding-bottom: 10px;}
.case_list_section_right div b{ color: #262626; }
.case_list_section_right div p{ color: #969696; font-size: 12px; padding: 10px 0px; line-height: 20px;}

.case_list_section_right2{ width: 540px; height: 320px; padding: 20px; font-size: 12px; color: #666;  float:right; }
.case_list_section_right2 ul{}
.case_list_section_right2 ul li{ list-style: none; border-bottom:1px dotted #c3c3c3;}
.case_list_section_right2 ul li a{ height: 28px; line-height: 28px; color: #262626; font-size: 14px;  padding: 6px 0px; display: block; }
.case_list_section_right2 ul li a:hover{color: #87CEFA;}
.case_list_section_right2 ul li a i{ font-style:normal; float: right; color:#969696; }
.case_list_section_right2 div{ width: 100%; padding-bottom: 10px; overflow: hidden; height: 50px; padding: 20px 0px;}
.case_list_section_right2 div b{ color: #262626; display: block;  margin-bottom: 5px; font-size: 16px;}
.case_list_section_right2 div p{ color: #969696; font-size: 12px; padding: 10px 0px; line-height: 20px;}

.mian_news_right{ width: 580px; display: inline-block; padding-bottom: 20px; float: right;  background: #fafafa; }

#main_foot_bg{ width: 100%; height: 842px; background: url("../images/about.png") no-repeat center; background-size: cover;}


.button_more{ width: 100%; height: 100px; float: left; display: block; margin-top: 20px; }
.button_more a{ width: 200px; height: 40px; line-height: 40px; text-align: center; font-size: 14px; color: #ffffff; display: block; color: #bdbdbd; transition: all 0.4s ease-out 0s; margin: 0 auto; border: 1px solid #d2d2d2; border-radius: 50px; font-weight: normal;}
.button_more a:hover{ background: #0268BA; text-indent: -10px; color: #ffffff; border: 1px solid #0268BA; }

#footer{ width: 100%;  background-color:#0268BA; border-top:solid #0268BA 1px;  color: #ffffff;  float: left; padding-bottom: 20px; color: #ffffff;}
#footer a{ color: #ffffff;}
#footer a:hover{  text-decoration: underline;}
#footer .title{ font-size: 18px; color: #ffffff; margin-bottom: 15px;}
#main_footer_left_left{ width: 350px; margin-right: 50px; padding-top:40px;padding-bottom:10px;display: block; float: left;}
#main_footer_left_left p{padding: 5px 0px; color: #ffffff; font-size: 14px;}
#main_footer_left_left p a{ color: #ffffff; font-size: 14px;}
#main_footer_left_left p a:hover{ color: #ffffff; text-decoration: underline;}
#footer_after{ width: 100%; height: 40px; line-height: 40px; text-align: left; color: #ffffff;  background: #333; display: block; float: left; font-size: 14px;}

#main_footer_left{ width: 550px;  display: block;   padding-top:40px;  padding-bottom:15px;float: left; overflow: hidden; }
#main_footer_left .desc{font-size: 14px; color: #ffffff; margin-top:10px;margin-bottom: 20px;}
#main_footer_left .sect a{font-size: 14px;  width: 260px; float: left; height: 30px; line-height: 30px; padding: 2px 0px;   display: block; color: #ffffff; overflow: hidden;}
#main_footer_left .sect a:hover{  text-decoration: underline;}
#main_footer_center{ width: 200px; margin-left: 50px; padding-top:40px; font-size: 14px; float: left;display: block; }
#main_footer_center img{}
#main_footer_center span{ display: block; margin-left: 25px; }
#footer_after{ width: 100%; height: 40px; line-height: 40px; text-align: left; color: #ffffff;  background: #333; display: block; float: left; font-size: 14px;}
#footer_after a{ color: #ffffff; margin-left: 10px;}
#footer_after a:hover{ text-decoration: underline;}
/*  subpage */
#main_main{ width: 1200px; background: #fff; margin: 0 auto; }
.main_before_title{ width: 100%; font-size: 14px; font-weight: bold; margin: 0 auto;   color: #737373; }
.main_before_title .crumb{ margin: 10px auto 20px;  width: 1200px;  height:30px;  line-height: 30px; display: block; border-bottom: 1px solid #ececec;  padding-bottom: 10px; }
.main_before_title .crumb .home{ background: #0268BA; display: inline-block; width: 10px; height: 30px; line-height: 40px;  float: left; margin-right: 10px;}
.main_before_title .crumb a{ color: #666;}
.main_before_title .crumb a:hover{ text-decoration: underline; color: #666;}
/** news **/
.main_right_news{ margin: 20px 0px; }
.main_main_title{ text-align: center; font-size: 30px; color: #333333; padding-top: 40px; padding-bottom: 10px; font-weight: bold;}
.main_right_news section{ border-bottom: 1px solid #eaeaea; height: 50px; line-height: 50px;  margin-bottom: 0px; }
.i_n_time { width: 100px; height: 100%; color: #c5c5c5; font-size: 12px; text-align: center;float: right;margin-left: 20px;}
.i_n_time b{ display: inline-block; width: 50px; height: 40px; margin-bottom: 3px;  background: #a3a3a3; color: #fff; font-size: 20px; line-height: 40px; text-align: center;}
.i_n_content { width: 290px; height: 100%; float: left; margin-left: 15px; overflow: hidden; }
.main_right_news .i_n_content{ width: 750px; }
.i_n_content h4{ font-size: 14px; font-weight: normal; padding: 0px;  overflow: hidden; }
.main_right_news h4{ text-align: left;}
.i_n_content h4 a{color: #000;}
.i_n_content h4 a:hover{ color: #2a78d6;}
.i_n_content p{ font-size: 12px; color: #666666;}
.sub_ntitle{text-align: center; font-size: 20px; color: #333;}
.sub_des{ text-align: center; padding: 10px 0px; font-size: 14px;}
.news_image{ width: 100%;  height:  auto; text-align: center; display: block; }
.news_image img{ width: 600px; height: auto; margin: 0 auto;}


/** news info **/
#main_right{ width: 930px; background: #fff;  float: right; }
.main_right_title{ width: 890px; line-height: 30px;  font-size: 14px; font-weight: bold; padding: 20px 0px; padding-bottom: 10px; border-bottom: 1px solid #e1e1e1; color: #999999; margin: 0 auto; margin-bottom: 15px;  }
.main_right_content{  padding:20px 10px;  }
.sub_ntitle{ text-align: center; font-size: 16px; line-height: 35px;}
.sub_des{ text-align: center; margin: 15px 0px;}
.news_image{ text-align: center; margin: 15px 0px;}


/** 左侧 **/
#main_left{ width: 240px;  float: left; }
#main_left .title{  display: block; width: 100%; padding: 18px 0px; background: #0268BA; color: #fff; font-size: 26px; text-align: center; }
#main_left .title i{ display: block; font-size: 14px; font-style: normal; letter-spacing: 1px; }
.op{opacity:0.9; -moz-opacity:0.9;-khtml-opacity: 0.9;}
#main_left_top{ margin-bottom: 20px;  background: #fff;position: relative; z-index: 999;  }
#main_left_top ul{  width: 240px; margin: 2px auto; padding: 0;  }
#main_left_top ul li{  list-style: none;  border-bottom: 1px solid #dcdcdc; overflow: hidden; }
#main_left_top ul li:last-child{ border-bottom: none;}
#main_left_top ul li a{ display: block; width: 230px; border-radius: 100px; background: #ffffff;  font-size: 14px;  height: 50px; line-height: 50px; text-align: center; text-indent: 5px; color: #000; margin: 2px;   }
#main_left_top ul li a:hover,#main_left_top ul li .slider_active{ color: #ffffff;  background: #0268BA;}
#main_left_top .main_left_top_content{
    background: #e0e0e0;
    padding-bottom: 5px;
    padding-top: 5px;
}

#main_left_bottom{background: #fff;}
#main_left_bottom .content { padding: 20px 10px;  }
#main_left_bottom .title a{ color: #fff;}
#main_left_bottom .content p{  font-size: 14px; color: #333;  }
#main_left_bottom .content p span{ line-height: 30px; font-weight: normal; margin-right: 5px; }
/** about  **/
.main_about{ width: 1200px; margin: 0 auto; padding: 10px 0;}
.main_about_top{ width:  100%; padding: 20px 0px;}
.main_about_text { width: 100%;  margin: 30px auto;font-size: 14px;  line-height: 26px; }
.main_about_zz{ width: 100%; height: 260px;   display: block; background: url("../images/y_zz.jpg") no-repeat center;}
.zz_left{ width: 740px; height: 344px; font-size: 14px; color: #fff;  padding: 40px; line-height: 26px;}
.main_about_bottom{  padding-bottom: 60px;}
.main_about_bottom .main_case_title{ margin-top: 30px;  border-bottom: 0px; text-align: center;}
.main_about_bottom .main_case_title a{ margin-right: -5px; height: 40px; line-height:40px; border: 1px solid #0054b7;  padding: 0 20px; color: #0054b7; display: inline-block;font-weight: bold; font-size: 18px; }
.main_about_bottom .main_case_title a:hover{ color:#fff; background: #0054b7;}
.main_about_bottom .main_case_title .about_active{ background: #0054b7; color: #fff; }
#main_bottom{ width: 100%; background: #fff;  float: right; margin-top: 20px; }

.main_about_right_pro{ width: 1200px; display: inline-block;  display: block; margin: 0 auto; margin-top: 30px; }
.main_about_right_pro ul.content_wrap{ width: 1200px; margin:0 20px; display: inline-block;}
.main_about_right_pro ul.content_wrap li{margin-bottom: 30px; margin-bottom: 20px; float: left;  }
.main_about_right_pro ul.content_wrap li .proinfo{ width: 290px;display: inline-block; margin: 0 5px; text-align: center; font-size: 16px; color: #3a3a3a;  }
.main_about_right_pro ul.content_wrap li .proinfo b{ height: 40px; display: inline-block; overflow: hidden; line-height: 40px; font-size: 14px; font-weight: normal;}
.main_about_right_pro ul.content_wrap li .proinfo img{ max-width: 290px; height: 218px;}
.main_about_right_pro ul.content_wrap li .proinfo a:hover b{ text-decoration: underline; color: #0268BA; }

.main_about_gc_pro{ width: 1200px; display: inline-block;  display: block; margin: 0 auto; margin-top: 30px; }
.main_about_gc_pro ul.content_wrap{ width: 1200px; margin:0 20px; display: inline-block;}
.main_about_gc_pro ul.content_wrap li{margin-bottom: 30px; margin-bottom: 20px; float: left;  }
.main_about_gc_pro ul.content_wrap li .proinfo{ width: 560px;display: inline-block; margin: 0 5px; text-align: center; font-size: 16px; color: #3a3a3a;  }
.main_about_gc_pro ul.content_wrap li .proinfo b{ height: 40px; display: inline-block; overflow: hidden; line-height: 40px; font-size: 14px; font-weight: normal;}
.main_about_gc_pro ul.content_wrap li .proinfo img{ max-width: 560px; height: 420px;}
.main_about_gc_pro ul.content_wrap li .proinfo a:hover b{ text-decoration: underline; color: #0268BA; }
/* subpage pro **/
#main_left_top2{
    width: 240px;
    margin-right: 15px;
    background: #dfe4ea;
    text-align: center;
    margin-bottom: 40px;  margin-bottom: 20px;  padding: 20px 0px; position: relative; z-index: 999;
}
.main_left_top_content2 .pro_level1{ width: 100%; height: 60px; line-height: 60px; background: #312a2f; text-align: center; font-size: 18px; color: #fff; margin-bottom: 15px;}
.main_left_top_content2 .pro_level2{  display: inline-block;   text-align: center; font-size: 16px; color: #424242;border-bottom: 1px dotted #a3a1a1; padding-bottom: 5px;  }
.main_left_top_content2 .pro_level3{ padding: 10px 0px;  }
.main_left_top_content2 .pro_level3 a{ width: 140px; color: #a3a1a1; font-size: 14px; padding: 5px 0px; text-align: left;  display: inline-block; float: left; text-indent:5px; }
.main_left_top_content2 .pro_level3 a:hover,.pro_slider_active{ color:#FFFFFF !important; background:#0268BA!important; }

.sub_main{ width: 930px; height: 500px; }
.sub_proinfo_top{ width: 930px; height: 370px; }
.sub_proinfo_top_pic{ width: 430px; text-align: center; height: 370px; float: left; }
.sub_proinfo_top_pic img{ max-width: 430px; height: 370px; overflow:hidden;}
.sub_proinfo_top_content{ width: 450px; float: right;  padding:0 20px;}

.sub_proinfo_top_content h3{ color: #0268BA; font-size: 26px;}
.sub_proinfo_top_content ul{ margin-top: 10px;}
.sub_proinfo_top_content ul li{ width: 100%; list-style: none; line-height: 35px; color: #666; border-bottom:1px solid #ccc; overflow: hidden; }
.sub_proinfo_top_content b{ display: block; font-size: 28px; padding: 20px 0px; color: #f37f1c;}
.sub_proinfo_top_content span{}
.sub_proinfo_top_content span a{  height: 50px; line-height: 50px; display: inline-block; padding: 0 40px; border: 1px solid #0268BA; margin-right: 10px;  margin-bottom: 20px; color: #ffffff; background: #0085cd; border-radius: 0px;}
.sub_proinfo_top_content span a:hover{background: #0268BA; color: #fff; border: 1px solid #0268BA;}
.sub_proinfo_content{ width:900px;  }
.sub_title{ width: 900px; height: 50px; line-height: 50px; border-bottom: 2px solid #0268BA; margin-top: 20px; }
.sub_title span{ height: 50px; color: #4c4c4c;  font-size: 20px; line-height: 50px; display: inline-block; text-align: center; border-bottom: 2px solid #f37f1c;}
.sub_title span i{ background: #f37f1c; display: inline-block; width: 10px; height: 30px; margin-top: 10px; line-height: 40px;  vertical-align: middle; float: left; margin-right: 10px;}
.sub_content{  padding: 20px; font-size: 14px; line-height: 24px; overflow: hidden;}

.main_right_pro{ width: 930px; display: inline-block; background: #fff; }
.main_right_pro ul.content_wrap{ width: 900px; margin:0 20px; display: inline-block;}
.main_right_pro ul.content_wrap li{margin-bottom: 30px; margin-bottom: 20px; float: left;  }
.main_right_pro ul.content_wrap li .proinfo{ width: 290px;display: inline-block; margin: 0 5px; text-align: center; font-size: 16px; color: #3a3a3a;  }
.main_right_pro ul.content_wrap li .proinfo span{ display:inline-block;width: 290px; height: 218px;border: 1px solid #dcdcdc; }
.main_right_pro ul.content_wrap li .proinfo b{ width: 290px; height: 40px; display: block; overflow: hidden; line-height: 40px; font-size: 14px; font-weight: normal;  background: #e0e0e0; color: #333;  margin-top: -5px; border: 1px solid #dcdcdc;}
.main_right_pro ul.content_wrap li .proinfo img{ max-width: 290px; height: 218px;}
.main_right_pro ul.content_wrap li .proinfo a{ display: inline-block;}
.main_right_pro ul.content_wrap li .proinfo a:hover span{ border: 1px solid #0268BA;}
.main_right_pro ul.content_wrap li .proinfo a:hover b{ background: #0268BA;  color: #ffffff; border: 1px solid #0268BA; }

/**contact**/
#c_allmap{ width: 100%;height: 354px;  background: #aeaeae; }
.map_add{line-height: 30px; margin-bottom: 30px; display: block;}
.conatct1{width: 30px; height: 30px; background: url("../images/contact-m.png") no-repeat; display: inline-block;  vertical-align: middle; margin-right: 10px;}
.conatct2{width: 30px; height: 30px; background: url("../images/contact-tel.png") no-repeat; display: inline-block;  vertical-align: middle; margin-right: 10px;}
.conatct3{width: 30px; height: 30px; background: url("../images/contact-sms.png") no-repeat; display: inline-block;  vertical-align: middle; margin-right: 10px;}
.conatct4{width: 30px; height: 30px; background: url("../images/contact-add.png") no-repeat; display: inline-block;  vertical-align: middle; margin-right: 10px;}
.kefu{width: 30px; height: 30px; background: url("../images/kefu.png") no-repeat; display: inline-block;  vertical-align: middle; margin-right: 10px;}
.main_contact_text { width: 100%; height: 330px; font-size: 14px;  line-height: 26px;  background: url("../images/n-contact.jpg") no-repeat; }
.main_contact_content{ float: left; margin-top: 55px; margin-left: 100px; width: 500px; height: 180px; background: #ffffff; border-radius: 10px; padding: 20px; }
.main_contact_content p{ line-height: 30px; margin: 5px 0px; vertical-align:middle; display: block;  overflow: hidden;}

.main_form_text { width: 100%; font-size: 14px;  line-height: 26px; padding:20px 0; text-align: center; }
.main_form_text h3{ font-size: 28px; margin: 20px 0px;}


.main_section_subcontent{ width: 1200px; margin: 0 auto; padding-top: 50px;}
.main_section_subcontent h3{ text-align: center; margin-top: 100px; font-size: 28px; color: #444; margin-bottom: 15px;}
.main_section_subcontent .sub_desc{ display: block; text-align: center; margin-bottom: 50px; font-size: 12px; color: #c1c1c1;}
.main_section_subcontent .content_img{ width: 100%; height: 100%;}
.main_section_subcontent .content{ color: #6a6a6a; line-height: 30px; font-size: 14px; }
.sub_message_content{ width: 500px;padding: 20px;  border-top:0px; float: right; margin-right: 10px; }
.sub_message_content input{  width: 100%;  height: 40px; border: 1px solid rgba(224, 224, 224, 1) !important;  text-indent: 15px;  margin-bottom: 10px; background: rgba(204, 204, 204, 0.15) !important; color: #3a3a3a; display: block; }
.sub_message_content textarea{ width: 471px;  height: 88px;  margin-bottom: 10px;  border: 1px solid rgba(224, 224, 224, 1) !important; border-radius: 4px;   padding: 15px; line-height: 25px; background: rgba(204, 204, 204, 0.15) !important;color: #3a3a3a; }
.sub_message_content img{ vertical-align: middle; width: 100px; height: 38px;}
.sub_message_content img:hover{ cursor: pointer;}
.sub_message_content .sub{ width: 378px;  text-indent: 0px;  background: #e90500; color: #fff; margin: 10px 0px;}
.sub_message_content .sub:hover{ cursor: pointer; background: red; }
.map_add{ width: 520px;  float: left; line-height: 30px; display: block;}
.map_add p{ float: left; height: 50px;line-height: 50px; vertical-align:middle; color: #666666;}
.map_add p i{ font-style: normal;}

/** message 公用 **/
/*.sub_message_title{ width: 740px; height: 60px; line-height: 60px; color: #fff; background: #0268BA; text-indent: 10px;border: 1px solid #0268BA; font-weight: bold; font-size: 18px; margin: 0 auto; }*/
/*.sub_content_wrap{ font-size: 14px; line-height: 24px; width: 700px;margin: 20px auto;}*/
/*.sub_message_content{ width: 700px;padding: 20px; background: #fff; border: 1px solid #dddddd; border-top:0px; margin: 0 auto; }*/
/*.sub_message_content input{  width: 500px; height: 40px; border: 1px solid #dddddd; border-radius: 4px; text-indent: 15px;  margin-bottom: 10px; }*/
/*.sub_message_content textarea{ width: 470px;  height: 88px;  margin-bottom: 10px;  border: 1px solid #dddddd; border-radius: 4px;   padding: 15px; line-height: 25px;}*/
/*.sub_message_content img{ vertical-align: middle; width: 100px; height: 38px;}*/
/*.sub_message_content img:hover{ cursor: pointer;}*/
/*.sub_message_content .sub{ width: 378px;  text-indent: 0px;  background: #0b4390; color: #fff; margin: 10px 0px;}*/
/*.sub_message_content .sub:hover{ cursor: pointer; background: #0268BA; }*/
.f_middle{ font-size: 14px;}
.f_middle input{  width: 150px; height: 32px; border: 1px solid #dddddd;  text-indent: 15px;  margin-bottom: 10px; }
.f_middle .sub{ width: 100px;  text-indent: 0px; border: 1px solid #f37f1c;  background: #f37f1c; color: #fff; margin: 10px 0px;}
.f_middle .sub:hover{ cursor: pointer; background: #FF8C00; }
.f_middle img{ vertical-align: middle; width: 70px; height: 33px; }
.f_middle img:hover{ cursor: pointer;}

.page{ padding: 10px 0px 40px 0px; text-align: center;}
.sub_pic{ width: 467px;  margin: 0 auto; text-align: center; margin: 40px auto; }
.sub_pic b{ width: 100%; padding: 10px 0px; overflow: hidden; display: block;}
.sub_pic img{ max-width: 467px; height: auto; }

.map{ width: 820px; height: 360px;  margin-bottom: 20px;  }
.pagination {}
.pagination li {display: inline-block;margin-right: -1px;padding: 5px;border: 1px solid #e2e2e2;min-width: 20px;text-align: center;}
.pagination li.active {background: #3e78d9;color: #fff;border: 1px solid #009688;}
.pagination li a {display: block;text-align: center; color: #999999; cursor: pointer; }
/*右侧工具*/
.right_nav{ right:0; bottom:100px; position:fixed; text-align:left;overflow: hidden;z-index:999;}
.right_nav li{background:#0085cd;margin:4px 0;padding: 10px;border-top-left-radius: 4px;border-bottom-left-radius: 4px;cursor:pointer;position:relative; right: -70px;}
.right_nav li .iconBox{text-align: center;overflow: hidden;display: flex;align-items: center;justify-content: space-between}
.right_nav li img{width: 30px;height:30px;}
.right_nav li h4{color: #fff;font-size:14px;margin:2px 0;margin-left: 15px;}
.right_nav li:hover{background:#cf1322}
.right_nav li .hideBox{display: none;position: absolute;right:120px;padding:10px;padding-right: 15px; top:-10px;z-index: 999;}
.right_nav li .hideBox .hb{border: 1px solid #ccc;background-color: #fff; padding: 10px 20px;border-top: 2px solid #0085cd;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;}
.right_nav li .hideBox .hb h5{padding: 5px 0;border-bottom: 2px solid #ccc;color: #0085cd;font-size: 16px;font-weight: 400;display: block;white-space: nowrap;}
.right_nav li .hideBox .hb p {margin-top: 5px;font-size: 18px;font-weight: 700;}
.right_nav li .hideBox .hb .qqtalk{margin-top: 10px;}
.right_nav li .hideBox .hb .qqtalk a{display: flex;align-items: center}
.right_nav li .hideBox .hb .qqtalk img{width: 25px;height:25px;}
.right_nav li .hideBox .hb .qqtalk p{font-size: 14px;font-weight: 400;white-space: nowrap;margin-top: -5px;margin-left: 5px;}
.right_nav li:nth-child(3) .hideBox img{width:140px;height: 140px;margin-top: 10px;}