*{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:#015cb5;}
.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: #015cb5;
    color: #fff;
}
#header{ width:100%;  }
#topbar{width: 100%; height: 34px; background: #0b4390; font-size: 14px;}
#topbar_wrap{ width: 1200px; height: 34px; margin: 0 auto; position: relative; line-height: 34px; color:#b9c2d7;}
#topbar_tools{ float: right;}
#topbar_tools a{ color: #b9c2d7; }
#topbar_tools a:hover{ color: #b9c2d7; text-decoration: underline;}
#topbar_wrap h3{ font-weight: normal; font-size: 14px;}
#top{ width: 1200px; height: 103px; margin:  0 auto; position:relative;  }
#logo{ height: 103px; float: left; margin-right: 5px;}
#logo a{ display: block; margin-top: 18px; border-right:  1px dotted #c5c5c5;}
#logo h1{ text-indent: -999999px;  }
.logo_middle-box{display: table; height: 103px; margin-left: 20px;}
.logo_middle-inner{display: table-cell; vertical-align:middle; text-align:center; padding-left: 20px;}
.logo_title{ font-size: 20px; color: #0c5dcc; font-weight: bold;}
.logo_des{
    text-align:center;
    margin-top: -5px;
    color: #979797;
    font-size: 14px;
}
.tel{ width: 200px;  color: #f37f1c; font-size: 22px; font-weight: bold;   position: absolute; right:0px; top:50%; margin-top: -20px; }
.tel p span{  overflow: hidden; font-size: 14px; display: block;  color: #000000; }
.tel h4{ color: #0c5dcc;}
.tel i{ background: url("../images/tel.png") center no-repeat; width: 54px; height: 54px; vertical-align: middle; margin-right: 10px; position: absolute;top:-10px; left:-55px; }

#menu{ width: 100%; height: 50px; line-height: 50px;  background: #ffffff; }
#menu ul{ width: 1200px; margin: 0 auto; background: red; border-top:1px solid #cfcfcf; }
#menu ul li{ list-style: none; float: left;  }
#menu ul li a{ width: 133px; display: inline-block; text-align: center; color: #000000;}
#menu ul li a:hover,.menuhover{ background: #0c5dcc; color: #ffffff;}
#menu ul li .menu_active{background: #0c5dcc; color: #ffffff;}
#flash{ width: 100%;  height: 550px; }
#flash_subpage{ width: 100%; height: 312px; background: url("../images/flash_subpage.jpg") no-repeat center;}
.swiper-container{ width: 100%; }



#main{}
#main_tedian{ padding-top:40px;}
#main_tedian .title_content{ height: 116px;}
#main_tedian .title_c_wrap{ height: 116px; background: url("../images/company.png") center no-repeat; padding-top: 20px;}
.main_wrap{ width:1200px;  margin: 0 auto; }
.main_wrap h4{ text-align: center; padding: 0px  0px 40px; 0px;  font-size: 18px;   color: #1967c9;  }
.main_wrap .title_c_wrap{ margin-left: 60px;text-align: center;  }
.title_c_wrap font{ display: block; padding: 2px 0px; margin-bottom: 10px;  font-size: 26px; margin-top: 7px; font-weight: bold; }
.title_c_wrap span{ width: 100%; display: inline-block; background: url("../images/line.png") center no-repeat;}
.title_content {  text-align: center; height: 70px;    margin: 0 auto; color: #959595; font-size: 16px; font-weight: normal; }
#main_search{ width: 100%; height: 66px; background: #f2f2f2;line-height: 66px;}
.search_wrap{ float: right;}
.search_wrap input{ width: 280px; height: 32px; line-height: 32px; border: 1px solid #dcdcdc; border-right: none;  text-indent: 5px; outline: none; }
.search_wrap button{width:32px;height:34px;border: 1px solid  #dcdcdc; border-left:none; vertical-align: middle; margin-top: -2px; background:url("../images/y_search.png") no-repeat center center;  background-color: #ffffff; }
.search_keywords{ font-size: 14px; color: #787878; text-align: right;}
.search_keywords b{font-size: 16px; color: #353535;}
.search_keywords a{ color: #353535;}
.search_keywords a:hover{ color: #015cb5}

.main_pro_cate{ width: 100%; height: 182px; margin: 90px 0px 50px 0px;}
.main_pro_cat_wrap{ width: 1200px; margin: 0 auto;}
.main_pro_cate .main_pro_cat_content{ width: 280px; height: 180px; display: block; float: left; text-align: center; position: relative; color: #333333; margin-right: 15px; }
.main_pro_cate .main_pro_cat_content:last-child{ margin-right: 0px;}
.main_pro_cate .main_pro_cat_content b{ width: 114px; font-size: 14px;  font-weight: normal;  color: #fff;}
.main_pro_cate .main_pro_cat_content  font{ display: block;  font-size: 14px; vertical-align: middle; color: #878787;}
.main_pro_cate .main_pro_cat_content i{ width: 50px; height: 1px; display: block; background: black; text-align: center; margin: 7px auto;}
.main_pro_cate .main_pro_cat_content  span{  width: 114px; height: 114px; display: block; border-radius: 114px; background: #015cb5;  position: absolute; top: -57px; left:85.5px;  font-size: 50px; line-height: 140px;vertical-align: middle;}
.main_pro_cate .main_pro_cat_content .section{  position: relative; top:80px;}
.main_pro_cate .main_pro_cat_content span .pro11{ width:65px; height: 50px; display: inline-block; background: url("../images/pro11.png") no-repeat; position: absolute; top:20px; left:40px; }
.main_pro_cate .main_pro_cat_content span .pro22{ width:65px; height: 65px; display: inline-block; background: url("../images/pro22.png") no-repeat; position: absolute; top:20px; left:42px; }
.main_pro_cate .main_pro_cat_content span .pro33{ width:65px; height: 65px; display: inline-block; background: url("../images/pro33.png") no-repeat; position: absolute; top:25px; left:30px; }
.main_pro_cate .main_pro_cat_content span .pro44{ width:65px; height: 65px; display: inline-block; background: url("../images/pro44.png") no-repeat; position: absolute; top:20px; left:36px; }


.main_product{ width: 100%; height: 258px; margin: 90px 0px 40px 0px;  }
.main_product_contnet{ width: 100%; height: 100px; background: red;}
.main_product_top{ display: block; margin-top: 40px;}
.main_product_content_left{
    width: 240px;
    float: left;
    margin-right: 15px;
    background: #fff;
    padding: 20px 0;
}
.main_product_content_left h3{
    width: 200px;
    margin:0 auto;
    text-align: center;
    height: 50px;
    line-height: 50px;
    background: #f5f5f5;
    font-size: 14px;
    font-weight: bold;
    color: #363636;
    cursor: pointer;
    padding: 0 10px;
    margin-top: 2px;
    position: relative;
}
.main_product_content_left h3.on{ background: #0c5dcc; color: #fff;}
.main_product_content_left h3 i{ width: 30px; height: 30px; display: inline-block; background: url("../images/li.png") no-repeat center right;  position: absolute; right: 15px; top:10px; }
.main_product_content_left h3.on i{ width: 30px; height: 30px; display: inline-block; background: url("../images/lion.png") no-repeat center right;  position: absolute; right: 10px; top:10px; }
.main_product_content_left h3 a{
    color: #fff;
}
.main_product_content_left ul{
    display: none;
}
.main_product_content_left ul li{
    width: 200px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-bottom: 1px dotted #b5b5b5;
    padding: 0 10px;
    margin: 0 auto;
}
.main_product_content_left ul li a{
    color: #525252;
    display: block;
    font-size: 14px;
    font-weight: normal;
}
.main_product_content_left ul li a:hover{  color: #015cb5;}
.main_product_content_right{ width: 940px; display: inline-block; background: #fff; }
.main_product_content_right_title{ width: 900px; height: 64px; line-height: 64px; border-bottom: 1px solid #e1e1e1; margin: 20px; margin-top: 0px; }
.main_product_content_right_title a{ width: 110px; height: 38px; line-height: 38px; background: #e66517; color: #fff; display: inline-block; float: right;  margin-top: 15px; text-align: center; font-size: 14px; }
.main_product_content_right_title a:hover{ text-decoration: underline; }
.main_product_content_right_title b{ font-size: 20px; color: #202020; margin-right: 10px;}
.main_product_content_right_title span{ font-size: 12px;}
.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; }
.index_links{ margin: 10px 0; }
.index_links ul.content_wrap{}
.index_links ul.content_wrap li{list-style: none; float: left;}
.index_links ul.content_wrap li a{ display: inline-block; width: 280px; height: 290px; text-align: center;  overflow: hidden; }
.index_links ul.content_wrap li a:hover b{ color: #015cb5;}
.index_links ul.content_wrap li a b{ font-size: 16px; width: 100%; height: 36px;  line-height: 36px; color:#333333;  display: block; overflow: hidden;}
.index_links ul.content_wrap li a span{ font-weight: normal; font-size: 12px; width: 100%; height: 46px; text-align: center;  color:#333333;  display: block; overflow: hidden;}
.index_links ul.content_wrap li a img{ width: 248px; height: 189px; margin: 0 auto;border: 6px solid #dcdcdc; }






#main_ad{width: 100%; height: 220px;  background: #264a7f; }
.main_ad_wrap{
    height: 222px;
}
.main_ad_wrap .wrapper{
    background: url(../images/y_ad.png) no-repeat center;
    height: 100%;
    width: 100%;
    margin: 0 auto;
}
#main_ad2{width: 100%; height: 220px;  background: #264a7f; }
.main_ad2_wrap{
    height: 222px;
}
.main_ad2_wrap .wrapper{
    background: url(../images/y_ad2.png) no-repeat center;
    height: 100%;
    width: 100%;
    margin: 0 auto;
}

#main_corp,#main_core{ width: 100%; margin: 40px 0px 40px 0px; }
.wrap{ width: 100%; margin-top: 40px }
#main_corp .section{ width: 100%; height: 350px;  }
#main_corp .section .section_left{ width: 50%; height: 352px; display: inline-block; background: #f6f6f6; }
#main_corp .section .section_left_content{  width: 600px;  float:right;  margin-top: 100px;   }
#main_corp .section  b,.section_right  b{ width: 580px; display: inline-block; font-size: 20px; color: #353535; border-bottom: 1px dotted #d1d1d1; margin-bottom: 20px; }
#main_corp .section  b h5,.section_right  b h5{  margin-top: 10px; font-size: 20px;}
#main_corp .section  b i,.section_right  b i{ width: 60px; height: 60px; display: inline-block; float: left; font-size: 48px; color: #015cb5; font-style: normal;}
#main_corp .section  b span,.section_right  b span{ display: block; font-size: 12px; color: #c3c3c3; font-weight: normal;}
#main_corp .section  ul,.section_right  ul{ padding-left: 15px;}
#main_corp .section  ul li,.section_right  ul li{  list-style-image: url("../images/y_li.jpg"); font-size: 14px; margin-bottom: 10px; }
#main_corp .section .section_right {width: 50%; height: 350px; display: inline-block;  float: right;  background: url("../images/y_youshi_1.jpg") no-repeat; background-size: cover; }
#main_corp .section .section_right2 {width: 50%; height: 350px; display: inline-block;  float: right;  background: url("../images/y_youshi_3.jpg") no-repeat; background-size: cover; }
.section_even .section_left {width: 50%; height: 350px; display: inline-block;  float: left;  background: url("../images/y_youshi_2.jpg") no-repeat; background-size: cover; }
.section_even .section_right{ width: 50%; height: 350px; display: inline-block; background: #f6f6f6; }
.section_even .section_right_content{  text-align: left; padding-left: 100px; margin-top: 100px;}

#main_list{ width: 100%; height: 500px;  padding: 90px 0px 40px 0px;  background: #f5f5f5; }
.main_wrap{ width: 1200px; margin-top: 40px ; margin: 0 auto;  }
.main_list_left{  width: 433px; height: 475px; float:left;  padding-top: 35px; }
.main_list_left .section_obcir{  float: right; }
.main_list_left .obcir_ob_right{ border-right: 0px;}
.main_list_center{ width: 330px; height: 475px; float:left;  border: 2px solid #015cb5; background: url("../images/y_list.jpg")  }
.main_list_right{ width: 433px; height: 475px; float:right; padding-top: 35px;  }
.main_list_right .obcir_ob{ border-left: 0px; }
.section_obcir{ width: 300px; height: 102px; position: relative; margin-bottom:50px;  overflow: hidden; }
.section_obcir:hover .obcir_ob,.section_obcir:hover .obcir_ob_right{ background: #015cb5; color: #fff;}
.section_obcir:hover .obcir_cir,.section_obcir:hover .obcir_cir_left{ background: #f37f1c; }
.obcir_ob{ width:200px; height: 60px; border: 1px solid grey; float:left; padding: 20px; background: #fff;}
.obcir_cir{ width: 100px; height: 100px; border-radius: 100px; border: 1px solid #fff;z-index: 999; font-size: 32px; color: #fff; background: #adadad; position: absolute; right: 0px; line-height: 100px; text-align: center;}
.obcir_ob_right{ width:140px; height: 60px; border: 1px solid grey; float:right; padding: 20px 50px;background: #fff; }
.obcir_ob_right p,.obcir_ob p { font-size: 12px;  padding: 5px 0px;}
.obcir_cir_left{ width: 100px; height: 100px; border-radius: 100px; border: 1px solid #fff;z-index: 999; font-size: 32px; color: #fff; background: #adadad; position: absolute; left: 0px; line-height: 100px; text-align: center;}
.obcir_cir i{ width: 24px; height: 36px;  background: url("../images/y_contact.png") no-repeat; display: inline-block; position: absolute; bottom:5px; left:45px;}

#main_step{ width: 100%;  margin: 90px 0px 0px 0px;  }
.main_step_wrap{ width: 1200px;  margin: 0 auto; margin-top: 40px;  text-align: center; }
.step_section{ width: 120px; height: 120px;  background: #ffff; display: inline-block; border-radius: 120px; border: 1px solid #dfdfdf; color: #015cb5; position: relative; margin-right: 15px;}
.step_section b{  width:28px; height: 28px; display: inline-block; text-align: center; line-height: 28px; position: absolute; left:50px; top:-18px; background: #fff; z-index: 100;}
.step_section i{ width: 100px; height: 100px; background: #015cb5; border-radius: 100px; display: inline-block; margin-top: 10px; text-align: center; overflow: hidden; z-index: 9999; font-size: 12px; color:#fff; line-height: 100px; text-align: center; font-style: normal;}
.main_step_content{ text-align: center; padding: 30px 0px;}
.main_step_content b{ font-size: 20px ; color: #f37f1c; font-weight: bold;}
.main_step_content p{ padding: 20px 0px; font-size: 14px; color: #515151;}
.main_step_content p i{ width: 30px; height: 30px; display: inline-block; background: url("../images/y_tel.png") no-repeat ;  vertical-align: middle; margin-right: 10px; }
.main_step_content p strong{ font-size: 30px; vertical-align: middle;}
.main_step_content p a{ display: inline-block; height: 30px;line-height: 30px; border-radius: 30px ; margin-left: 15px; padding:0 30px; border: 1px solid #015cb5; color: #015cb5;}
.main_step_content p a:hover{ background: #015cb5; color: #fff;}
#main_company{ width: 100%;  margin: 20px 0px 40px 0px;  }
.wrap{ width: 100%; margin-top: 40px }
.section{ width: 100%;  }
.main_company_section_even .section_left {width: 50%; height: 392px; display: inline-block;  float: left;  background: url("../images/y_corp.png") no-repeat; background-size: cover; }
.main_company_section_even .section_right{ width: 50%; height: 392px; display: inline-block; background: #f6f6f6; }
.main_company_section_even .section_right_content{  text-align: left; padding: 20px; }
.main_company_section_even .section_right_content h3{ font-size: 20px; padding: 20px 0px;}
.main_company_section_even .section_right_content p{ height: 180px; overflow: hidden; line-height: 30px; color: #6d6d6d; font-size: 14px;}
.main_company_section_even .button{  margin-left: 20px; }
.main_company_section_even .button a{ width: 150px; height: 50px; line-height: 50px;display: inline-block; margin-right: 20px;   color: #fff; text-align: center; font-size: 14px;}
.main_company_section_even .button a:hover{ text-decoration: underline;}
#main_news{ width: 100%;  padding: 50px 0px 40px 0px; background: #fff;}
#main_news .title_c_wrap{ height: 116px; background: url("../images/news.png") center no-repeat; padding-top: 20px;}
#main_news .title_content{ height: 116px;}
.main_news_left{ width: 580‬px; height: 300px; float: left; }
.case_title{ width: 100%; height: 50px; line-height: 50px; background: #f4f4f4;  }
.case_title a{  padding: 0 30px;   display: inline-block;   color: #343434; }
.case_title a.active{ background: #015cb5; color:#fff;}
.case_list{ }
.case_list_section{ padding: 20px 0px; }

.case_list_section_right{ width: 580px; height: 370px;  float:right; margin-top: 10px; }
.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: #015cb5;}
.case_list_section_right ul li a i{ font-style:normal; width: 90px; height: 85px; padding-top: 5px; display: inline-block; text-align: center; font-size: 20px;  color: #222222; font-family: Impact; float: left;}
.case_list_section_right ul li a i span{font-size: 14px; color: #b3b3b3;font-family: Impact}
.case_list_section_right ul li a p{ width: 430px; 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 ul li a b{ width: 60px; background: url("../images/hot.png") no-repeat top center; height: 90px; display: inline-block; }

.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;}
.mian_news_right{ width: 580px; display: inline-block; float: right;  }
.message_title{ width: 100%; height: 60px; line-height: 60px; color: #fff; background: #015cb5; text-indent: 10px;border: 1px solid #015cb5; font-weight: bold; }
.message_title i{ width: 30px; height: 30px;  background: url("../images/y_message.png") no-repeat; display: inline-block; margin-top: 15px; float: left; margin-left: 20px;}
.message_content{ width: 478px; height: 360px; padding: 20px; background: #fff; border: 1px solid #dddddd; border-top:0px; }
.mian_news_right input{  width: 478px; height: 40px; border: 1px solid #dddddd; border-radius: 4px; text-indent: 15px;  margin-bottom: 10px; }
.mian_news_right textarea{ width: 448px;  height: 88px;  margin-bottom: 10px;  border: 1px solid #dddddd; border-radius: 4px;   padding: 15px; line-height: 25px;}
.mian_news_right img{ vertical-align: middle; width: 100px; height: 38px;}
.mian_news_right img:hover{ cursor: pointer;}
.mian_news_right .sub{ width: 478px;  text-indent: 0px;  background: #f37f1c; color: #fff; margin: 10px 0px;}
.mian_news_right .sub:hover{ cursor: pointer; background: #FF8C00; }
.wenda .title{ width:560px; margin: 0 auto; height: 30px; line-height: 30px; display: block;overflow: hidden; }
.wenda .des{ width:560px; margin: 0 auto;height: 30px; line-height: 30px; display: block; overflow: hidden;}

#main_corp{ width: 100%;  margin:40px 0px 40px 0px; background: #f6f6f6; }
.wrap{ width: 100%; margin: 0 auto; margin-top: 40px; }
.swiper-container,.swiper-wrapper{  height: 230px;}
/*.swiper-slide{ width: 300px; height: 220px;}*/

#main_case{  height: 400px;  margin-top: 50px;  background: url("../images/y_case.jpg") no-repeat center 335px;  }
.main_case_title{ width: 100%; height: 60px; line-height: 60px; background: #fff;  margin-bottom: 30px; border-bottom: 1px solid #e4e4e4; color: #b8b8b8;font-size: 14px;  }
.main_case_title a{ display: inline-block; color: #373737; font-weight: bold; font-size: 18px; margin-right: 10px; }
.main_case_title a.active{ color:#0054b7;  border-bottom: 2px solid #0054b7; }


#main_corp{}
#main_corp .main_product_content{ width: 100%; height: 414px; padding-top: 30px; margin-top: 50px; }
#main_corp .main_product_content .main_wrap_left{ width: 596px; height: 416px; display: inline-block; background: url("../images/index-corp-left.jpg") no-repeat center; float: left; margin-right: 5px; position: relative; background-size: contain;}
#main_corp .main_product_content .main_wrap_left a{width: 596px; height: 60px; line-height: 60px;  background: #0661dd; display: inline-block; color: #fff; position: absolute; bottom: 0px;  }
#main_corp .main_product_content .main_wrap_left a b{ width: 73px; height: 60px;  display: inline-block; text-align: center; background: url("../images/more.png") no-repeat center; background-color: #1a2129;}
#main_corp .main_product_content .main_wrap_left a i{ float: right; font-style: normal; margin-right: 20px;}
#main_corp .main_product_content .main_wrap_right_top{ width: 598px; height: 234px;  float: right; overflow: hidden;}
#main_corp .main_product_content .main_wrap_right_top p.title{ color: #ffffff; padding-left: 10px; font-size: 20px; margin-bottom: 30px;}
#main_corp .main_product_content .main_wrap_right_top p.title a{ float: right; font-size: 14px;  background: url("../images/more.png") no-repeat center; width: 30px; height: 30px; background-size: 24px; }
#main_corp .main_product_content .main_wrap_right_top p.des{ height: 145px; padding-left: 10px;color: #989898; font-size: 14px; line-height: 35px; overflow: hidden;}
#main_corp .main_product_content .main_wrap_right_bottom{ width: 595px; height: 180px; display: inline-block; background: url("../images/index-corp.jpg") no-repeat;}

.index_bg1{ width: 100%; height: 192px; display: inline-block; margin-top: 80px;}
.index_bg1_left{ width: 538px;height: 112px; padding: 40px 0px; float: left;}
.index_bg1_left b{ width: 90px;font-size: 35px; color: #154a9a; float: left;}
.index_bg1_left p{ line-height: 25px;}
.index_bg1_left p.title{ font-size: 20px; padding-top: 5px; color: #181818; margin-bottom: 10px;}
.index_bg1_left p.title i { font-size: 16px; color: #6f6f6f; font-style: normal; margin-left: 15px;}
.index_bg1_left p.des{ font-size: 14px; color: #181818; font-style: normal;}
.index_bg1_right{width: 538px;height: 192px; background: url("../images/index_bg1.jpg"); float: right; }

.index_bg2_left{ width: 538px;height: 112px; padding: 40px 0px; float: right;}
.index_bg2_left b{ width: 90px;font-size: 35px; color: #154a9a; float: left;}
.index_bg2_left p{ line-height: 25px;}
.index_bg2_left p.title{ font-size: 20px; padding-top: 5px; color: #181818; margin-bottom: 10px;}
.index_bg2_left p.title i { font-size: 16px; color: #6f6f6f; font-style: normal; margin-left: 15px;}
.index_bg2_left p.des{ font-size: 14px; color: #181818; font-style: normal;}
.index_bg2_right{width: 538px;height: 192px; background: url("../images/index_bg2.jpg"); float: left; }

.index_bg3_right{width: 538px;height: 192px; background: url("../images/index_bg3.jpg"); float: right; }
.index_bg4_right{width: 538px;height: 192px; background: url("../images/index_bg4.jpg"); float: left; }


#footer{ width: 100%;  background: #262626;   color: #a7a7a7; float: left;}
#main_footer_left{ width: 810px;padding-top:30px; padding-bottom:10px;float: left; }
.f_top{}
#logo2{ height: 50px; float: left; }
#logo2 a{ display: block;  border-right:  1px dotted #c5c5c5; height: 50px;}
.logo2_middle-box{display: table; height: 50px;}
.logo2_middle-inner{display: table-cell; vertical-align:middle; text-align:center; padding-left: 10px;}
.logo2_title{ font-size: 16px; color: #0c5dcc; font-weight: bold;}
.logo2_des{
    text-align:center;
    margin-top: -5px;
    color: #979797;
    font-size: 12px;
}
.f_middle{ width: 100%; padding: 20px 0; margin-top: 10px; }
.f_bottom{  width: 100%;  margin-bottom: 20px; display: inline-block; }
.f_tel{ width: 400px; float: left; font-size: 14px; }
.f_tel p{ color: #fff;}
.f_tel p i{ background: url(../images/tel2.png) center no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.f_tel b{ font-size: 28px; color: #0586e2; margin: 10px 0; display: inline-block; }
.f_contact{ width: 400px; float: right; color: #8c8c8c;}
.f_contact p{ line-height: 30px; width: 450px; height: 30px; overflow: hidden; font-size: 14px;}
#main_footer_right{ width: 390px;height: 264px;padding-top:30px; padding-bottom:10px;display: block; float: left; }
.imgbox{  margin-top:30px;  text-align: center;}
.imgbox img{ width: 100px; display: block; margin: 0 auto;margin-bottom: 20px;}
.imgbox a i{ width: 30px; height: 30px; background: url("../images/zx.png") no-repeat center; display: inline-block; vertical-align: middle;}
.imgbox a{ font-size: 16px; margin-top: 20px;  width: 120px; height: 30px; line-height: 30px; text-align: center; margin:  auto;  background: #0c5dcc; display: block; font-size: 12px; color: #fff; border-radius: 3px; cursor: pointer;}
.imgbox a:hover{ text-decoration: underline;}

.copyright{
    width:100%;
    background: #000;
    line-height:40px;
}
.copyright_content{
    float: left;
}
.copyright_content p{
    font:14px 'Microsoft YaHei';
    color:#717171;
    line-height: 40px;
}
.copyright_content p a{
    color:#717171;
}

/*  subpage */
#main_left{ width: 240px;  float: left; }
#main_left .title{  display: block; width: 100%; padding: 18px 0px; background: #e66517; color: #fff; font-size: 20px; text-align: center; }
#main_left .title i{ font-size: 14px; font-style: normal;}
.op{opacity:0.9; -moz-opacity:0.9;-khtml-opacity: 0.9;}
#main_left_top{ margin-bottom: 20px;  background: #fff; padding: 20px 0px; position: relative; z-index: 999; }
#main_left_top ul{  width: 220px; background: red; margin: 0 auto; padding: 0;  background: #fff;  }
#main_left_top ul li{  list-style: none;  border-bottom: 1px dotted #dcdcdc; }
#main_left_top ul li:last-child{ border-bottom: none;}
#main_left_top ul li a{ display: block;  font-size: 14px;  height: 50px; line-height: 50px; text-align: center; color: #000;  }
#main_left_top ul li a:hover,#main_left_top ul li .slider_active{ color: #0c5dcc;  }

#main_left_top ul li .slidermenu_hover{display: block;  margin: 0 10px; font-size: 14px;  height: 50px; line-height: 50px;text-indent: 20px; color: #fff; background: url("../images/pro_li_hover.png") no-repeat  260px center; background-color: #5fc863;s }


#main_left_top .main_left_top_content h3{
    width: 200px;
    margin:0 auto;
    text-align: center;
    height: 50px;
    line-height: 50px;
    background: #f5f5f5;
    font-size: 14px;
    font-weight: bold;
    color: #363636;
    cursor: pointer;
    padding: 0 10px;
    margin-top: 2px;
    position: relative;
}
#main_left_top h3 a{
    color: #fff;
}
#main_left_top .main_left_top_content h3.on{ background: #0c5dcc; color: #fff;}
#main_left_top .main_left_top_content h3 i{ width: 30px; height: 30px; display: inline-block; background: url("../images/li.png") no-repeat center right;  position: absolute; right: 15px; top:10px; }
#main_left_top .main_left_top_content h3.on i{ width: 30px; height: 30px; display: inline-block; background: url("../images/lion.png") no-repeat center right;  position: absolute; right: 10px; top:10px; }

#main_right{ width: 930px; background: #fff;  float: right; }
.main_right_title{ width: 890px; line-height: 30px;  font-size: 20px; font-weight: bold; padding: 20px 0px; padding-bottom: 10px; border-bottom: 1px solid #e1e1e1; margin: 0 auto; margin-bottom: 15px;  }
.main_right_title i{ font-style: normal; font-size: 14px; font-weight: normal;  color: #939393; margin-left: 10px;}
/*.main_right_pro{ width: 940px;  display: inline-block; }*/
/*.main_right_pro ul.content_wrap{}*/
/*.main_right_pro ul.content_wrap li{margin-bottom: 30px; margin: 0 2px; margin-bottom: 20px; float: left; margin-right: 5px; }*/
/*.main_right_pro ul.content_wrap li .proinfo{ width: 300px; height: 308px; padding: 1px; display: inline-block;  border: 1px solid #d2d2d2; text-align: center; font-size: 16px; color: #3a3a3a;  }*/
/*.main_right_pro ul.content_wrap li .proinfo b{ height: 40px; line-height: 40px; font-size: 14px; }*/
/*.main_right_pro ul.content_wrap li .proinfo img{ width: 298px; height: 228px; margin: 1px;}*/
/*.main_right_pro ul.content_wrap li p a{ width: 150px; height: 36px; line-height: 36px; font-size: 14px; display: inline-block; color: #fff; }*/
/*.main_right_pro ul.content_wrap li p a:hover{  text-decoration: underline; }*/

.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 b{ height: 40px; line-height: 40px; font-size: 14px; font-weight: normal;}
.main_right_pro ul.content_wrap li .proinfo img{ width: 290px; height: 218px; margin: 1px; border: 1px solid #dcdcdc;}
.main_right_pro ul.content_wrap li .proinfo a:hover{ text-decoration: underline; color: #0c5dcc; }



.sub_main{ width: 930px; height: 500px; }
.sub_proinfo_top{ width: 930px; height: 370px; }
.sub_proinfo_top_pic{ width: 430px; height: 370px; float: left; background: grey;}
.sub_proinfo_top_pic img{ width: 430px; height: 370px; overflow:hidden;}
.sub_proinfo_top_content{ width: 450px; float: right;  padding:0 20px;}
.main_right_content,.main_right_news{  padding:20px 10px;  }
.sub_proinfo_top_content h3{ color: #015cb5; font-size: 26px;}
.sub_proinfo_top_content ul{ margin-top: 10px;}
.sub_proinfo_top_content ul li{ width: 100%; list-style: none; height:40px; line-height: 40px; 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: 30px; line-height: 30px; display: inline-block; padding: 0 40px; border: 1px solid #11509b; margin-right: 10px;  margin-bottom: 20px; color: #11509b; }
.sub_proinfo_top_content span a:hover{background: #11509b; color: #fff; border: 1px solid #11509b;}
.sub_proinfo_content{ width:900px;  }
.sub_title{ width: 900px; height: 50px; line-height: 50px; border-bottom: 2px solid #015cb5; margin-top: 20px; }
.sub_title span{ height: 50px; padding: 0 20px; color: #fff; background: #015cb5; display: inline-block; text-align: center;}
.sub_content{ width: 860px; padding: 20px; font-size: 14px; line-height: 24px; overflow: hidden;}

/** news **/
.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;}

/**contact**/
#c_allmap{ width: 870px;height: 354px;  background: #aeaeae; }
.map_txt{ width: 100%; display: block;  height: 100px; overflow: hidden; }
.map_txt img{ width: 100px; height: 100px;  float: left; margin-right: 20px;}
.map_txt_des{ display: block; float:left; padding-top: 8px;}
.map_txt_des span.title{ width: 290px; font-size: 24px; color: #0c5dcc; display: block; font-weight: bold; border-bottom: 1px solid #c5c5c5; padding-bottom: 10px;  margin-bottom: 10px; }
.map_txt_des span.des{ color: #868686;}
.map_add{ margin-top: 30px; line-height: 30px; margin-bottom: 30px; display: block;}
.map_add p{ float: left; height: 40px;line-height: 40px; vertical-align:middle;}
.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;}

/** message **/
.sub_message_title{ width: 418px; height: 60px; line-height: 60px; color: #fff; background: #015cb5; text-indent: 10px;border: 1px solid #015cb5; font-weight: bold; font-size: 18px; }
.sub_message_title i{ width: 30px; height: 30px;  background: url("../images/y_message.png") no-repeat; display: inline-block; margin-top: 15px; float: left; margin-left: 20px;}
.sub_content_wrap{ font-size: 14px; line-height: 24px; width: 418px;margin: 30px auto;}
.sub_message_content{ width: 378px;padding: 20px; background: #fff; border: 1px solid #dddddd; border-top:0px; }
.sub_message_content input{  width: 378px; height: 40px; border: 1px solid #dddddd; border-radius: 4px; text-indent: 15px;  margin-bottom: 10px; }
.sub_message_content textarea{ width: 348px;  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: #f37f1c; color: #fff; margin: 10px 0px;}
.sub_message_content .sub:hover{ cursor: pointer; background: #FF8C00; }
.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;}

/** about  **/
.main_about{ width: 1200px; margin: 0 auto; padding: 10px 0;}
.main_about_top{ width:  100%; padding: 20px 0px;}
.main_about_text { width: 900px;  margin: 30px auto;font-size: 14px;  line-height: 26px; }
.main_about_zz{ width: 100%; height: 260px; background: red;  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; }


.index_pro{ margin: 50px 0; }
.index_pro ul.content_wrap{}
.index_pro ul.content_wrap li{list-style: none; float: left;}
.index_pro ul.content_wrap li a{ display: inline-block; width: 177px; height: 90px; text-align: center;  background: #efeff2;  overflow: hidden;  }
.index_pro ul.content_wrap li a:hover b{ color: #fff;}
.index_pro ul.content_wrap li a b{ font-weight: normal; font-size: 14px; width: 100%; height: 46px;  line-height: 46px; text-align: center; margin-top: -3px; color:#333333;  display: block; overflow: hidden;}
.index_pro ul.content_wrap li a img{ width: 177px; height: 90px; margin: 0 auto; }
#main_pro,#main_msg{ background: #ffffff; }
#main_pro{  height: 480px;  }
#main_pro p{ text-align: center;}
#main_pro p a{ display: inline-block; width: 114px; height: 40px; line-height: 40px; background: #2a78d6; border-radius: 8px; text-align: center; color:#fff; margin: 0 10px;}

#main_youshi{  height: 530px; background: #f5f5f5; }
#main_youshi .main_wrap{ height: 100%; background: url("../images/youshi.jpg") no-repeat; position: relative;  }
#main_youshi p{ font-weight: bold; color: #555555;}
.t1{  position: absolute; left:110px; top: 120px; }
.t2{  position: absolute; left:190px; top: 290px; }
.t3{  position: absolute; left:950px; top: 110px; }
.t4{  position: absolute; left:890px; top: 293px; }

section { width:100%;  margin-bottom: 35px;}
.page{ padding: 10px 0px 40px 0px; text-align: center;}

#main_left_middle{background: #fff; margin-bottom: 20px;   }
#main_left_middle .title a{ color: #fff;}
#main_left_middle .title a:hover{ text-decoration: underline;}
#main_left_middle .content { padding-top:30px; }
#main_left_middle .title{background: #0c5dcc;}
#main_left_middle a{ width: 200px; margin: 0 auto; display: block;  text-align: center; padding-bottom: 20px;}
#main_left_middle img{ width: 200px; height: 150px; margin-bottom: 10px; border: 1px solid #dcdcdc;}
#main_left_middle a:hover{ text-decoration: underline;}
#main_left_bottom{background: #fff;}
#main_left_bottom .content { padding: 20px 10px;  }
#main_left_bottom .title a{ color: #fff;}
#main_left_bottom .title a:hover{ text-decoration: underline;}
#main_left_bottom .content p{  font-size: 14px; color: #959595;  }
#main_left_bottom .content p span{ line-height: 30px; font-weight: normal; margin-right: 5px; }
#main_bottom{ width: 930px; background: #fff;  float: right; margin-top: 20px; }
.main_bottom_top{ width: 890px; height: 186px;  margin: 20px auto; background: #f5f5f5;  }
.main_bottom_top img{ width: 248px; height: 186px;  float: left;}
.main_bottom_top b{ width: 100px; height: 156px; padding-top: 10px;  margin-left: 70px;  text-align: center; font-size: 50px;    display: inline-block; color: #0c5dcc;}
.main_bottom_top b i{ font-size: 18px; font-style: normal;  }
.main_bottom_top b span{   display: inline-block; position: relative; top:-18px;}
.main_bottom_top p{ width: 420px; margin-right: 20px; height: 80px; margin-top: 45px; float: right;}
.main_bottom_top p span.title{ width: 100%; height: 24px; overflow: hidden; font-size: 14px; display: block;  }
.main_bottom_top p span.title a{color: #000;}
.main_bottom_top p span.title a:hover{color:#0c5dcc;}
.main_bottom_top p span.des{ height: 50px; overflow: hidden; display: inline-block; line-height: 24px; font-size: 12px; color: #6f6f6f;}
.main_bottom_bottom{ width: 930px; background: #fff;  float: right; margin: 0 auto; padding-bottom: 20px }
.main_bottom_bottom ul{ margin-left: 20px;}
.main_bottom_bottom ul li{ float: left; }
.main_bottom_bottom ul li:nth-child(odd){ margin-right: 30px;}
.main_bottom_bottom ul li a{ display: inline-block; width: 430px; height:50px; line-height: 50px;  font-size: 14px; color: #000000; border-bottom: 1px solid #cccccc;}
.main_bottom_bottom ul li a span{ float: right;}
.main_bottom_bottom ul li a:hover{ color: #0c5dcc; }
.main_bottom_bottom ul li a i{ font-style: normal; margin-right: 5px;}
.main_bottom_bottom ul li:nth-child(9) a,.main_bottom_bottom ul li:nth-child(10) a{ border-bottom: none;}

.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{ width: 467px; height: 350px; }

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