*{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: #312a2f; 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:left; padding-left: 10px;}
.logo_title{ font-size: 24px; color: #312a2f; font-weight: bold;}
.logo_des{
    text-align:center;
    margin-top: -5px;
    color: #25539e;
    font-size: 12px;
}
.tel{ min-width: 200px;  color: #0b4390; font-size: 16px;  position: absolute; right:0px; top:50%; margin-top: -8px;  }
.tel i{ background: url("../images/tel.png") center no-repeat; width: 48px; height: 48px; vertical-align: middle; margin-right: 10px; position: absolute;top:-14px; left:-48px; }

#menu{ width: 100%; height: 66px; line-height: 66px; background: url("../images/menu.jpg")  repeat-x; }
#menu ul{ width: 1200px; margin: 0 auto; }
#menu ul li{ list-style: none; float: left;  }
#menu ul li a{ width: 133px; display: inline-block; text-align: center; color: #fff;}
#menu ul li a:hover,.menuhover{ background: #0c4da2; color: #ffffff;}
#menu ul li .menu_active{background: #0c4da2; color: #ffffff;}
#flash{ width: 100%;  height: 600px; }
#flash_subpage{ width: 100%; height: 312px; background: url("../images/flash_subpage.jpg") no-repeat center; background-size: 100%;}
.swiper-container{ width: 100%; }



#main{}
#main_tedian .title_content{ height: 116px;}
/** index_title **/
.main_wrap{ width:1200px;  margin: 0 auto; }
/*.main_wrap h4{ text-align: center; padding: 0px  0px 40px; 0px;  font-size: 18px;   color: #1967c9;  }*/
.title_c_wrap span{ width: 1200px; font-weight: bold; font-size: 26px; display: inline-block; background: url("../images/titl_bg.png");}
.title_content {  text-align: center; height: 60px;  line-height: 60px;    margin: 0 auto; color: #959595; font-size: 16px; font-weight: normal; }

#main_search{ width: 100%; height: 66px; background: #f2f2f2;line-height: 66px;}

.main_pro_cate{ width: 100%; height: 80px; margin: 50px 0px 50px 0px;}
.main_pro_cat_wrap{ width: 1200px; margin: 0 auto;}
.main_pro_cate .main_pro_cat_content{ width: 200px;  display: block; float: left; text-align: center; position: relative; color: #333333; margin-right: 15px; margin-left: 80px; }
.main_pro_cate .main_pro_cat_content:last-child{ margin-right: 0px;}
.main_pro_cate .main_pro_cat_content b{ width: 114px;  height: 67px; line-height: 67px;   display: inline-block; float: left;  font-size: 20px;  font-weight: bold;  color: #0c4da2;}
.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: 55px; height: 67px; display: inline-block;border:1px  dotted #000;  float: left;}
.main_pro_cate .main_pro_cat_content .section{  position: relative; top:80px;}
.main_pro_cate .main_pro_cat_content span .pro11{ width:40px; height: 46px; display: inline-block; background: url("../images/pro11.png") no-repeat;  margin-top: 8px;}
.main_pro_cate .main_pro_cat_content span .pro22{ width:43px; height: 43px; display: inline-block; background: url("../images/pro22.png") no-repeat;  margin-top: 12px;}
.main_pro_cate .main_pro_cat_content span .pro33{ width:48px; height: 43px; display: inline-block; background: url("../images/pro33.png") no-repeat; margin-top: 18px; margin-left: 2px;}
.main_pro_cate .main_pro_cat_content span .pro44{ width:38px; height: 42px; display: inline-block; background: url("../images/pro44.png") no-repeat; margin-top: 14px;}


.main_product{ width: 100%; height: 258px; margin: 90px 0px 40px 0px;  }
.main_product_contnet{ width:100%; height: 100px; }
.main_product_top{ display: block; margin-top: 40px;}
.main_product_content_left{
    width: 290px;
    float: left;
    margin-right: 15px;
    background: #fff;
    text-align: center;
}
.main_product_content_left_title{width: 290px; height: 100px; line-height: 100px;background: url("../images/index_corp_bg.png") no-repeat; background-size: cover; text-align: center; font-size: 34px; color: #fff; margin-bottom: 10px;}
.main_product_content_left_menu{ background: #dfe4ea; width: 100%; height: auto;}
.pro_more{ width: 290px; height: 60px; line-height: 60px; background: #FFA033; color: #fff; display: block;  font-size: 24px;}
.pro_more:hover{ background: #FF9900; color: #fff;}
.main_product_content_left .pro_level1{ width: 100%; height: 60px; line-height: 60px; background: #312a2f; text-align: center; font-size: 18px; color: #fff; margin-bottom: 15px;}
.main_product_content_left .pro_level2{  display: inline-block;   text-align: center; font-size: 16px; color: #424242;border-bottom: 1px dotted #a3a1a1; padding-bottom: 5px;  }
.main_product_content_left .pro_level3{ padding: 10px 0px;  }
.main_product_content_left .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_product_content_left .pro_level3 a:hover{ color:#015cb5 }
.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: 840px;  display: inline-block; background: #fff;  }
.main_product_content_right_pro{ width: 100%; display: block; }
.main_product_content_right_pro .desc{ width: 100%; height: 80px; text-align: left;}
.main_product_content_right_pro .desc h4 { text-indent: 20px; font-size: 18px; height: 40px; line-height: 40px; color: #1967c9; border-bottom: 1px solid #999;  }
.main_product_content_right_pro .desc ul{ float: left; height: 40px; line-height:40px; font-size:14px; color:#999; }
.main_product_content_right_pro .desc ul li{  list-style:none; float: left; height: 40px; line-height: 40px; margin-right:20px; background-image: url("../images/main_pro_li.jpg"); margin-left:40px; padding-left:35px; vertical-align: middle;background-position:left 45%; background-repeat:no-repeat; }
.main_product_content_right_pro .case{ }
.main_product_content_right_pro .case a{ width: 270px; height:240px; display:inline-block; margin-right: 6px; text-align:center; }
.main_product_content_right_pro .case a img{ width: 270px; height:200px; margin-bottom: 5px;  }
.main_product_content_right_pro .logo{ }
.main_product_content_right_pro .logo a{ width: 158px; height:100px; display:inline-block; margin-right: 6px; text-align:center; }
.main_product_content_right_pro .logo a img{ width: 162px; height:58px; margin-bottom: 5px;  border: 1px dotted #666; }
.main_product_content_right_pro .pic img{ width:840px; }


.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: 350px; background: url(../images/ad_bg.png) no-repeat center; }
.main_ad_wrap{
    width: 1200px; height: 250px; padding: 75px 0px; display: block; margin: 0 auto;
}
.main_ad_center_wrap{ width: 1000px; height: 200px; margin: 0 auto; padding: 0 20px; border-radius: 15px; border: 2px dotted #000; position: relative;}
.main_ad_center_wrap .top .top1{ width: 400px; text-align: center; height: 80px; background: rgba(0,0,0,0.4); color: #fff; font-size: 30px; position: relative; top: -40px; font-weight: bold; letter-spacing: 2px;}
.main_ad_center_wrap .top .top1 i{font-style: normal; font-size: 20px;  letter-spacing: 2px;}
.main_ad_center_wrap .top .top2{ width: 300px; text-align: center; height: 40px; line-height: 40px; background: rgba(0,0,0,0.4); color: #fff; font-size: 20px; position: relative; top: -100px; left:450px; font-weight: bold; letter-spacing: 2px;}
.main_ad_center_wrap .top .top2 a{ width: 120px;height: 40px;background: #fff; color: #015cb5; display: inline-block; position: absolute; top: 0px; left:300px; }
.main_ad_center_wrap .bottom{ width: 600px;  height: 70px;  margin-top: 20px; padding-left: 300px;}
.main_ad_center_wrap .bottom .s1{ width: 80px; height: 100%;display:inline-block; text-align: center; color: #fff; font-weight: bold; font-size: 20px; margin-right: 50px; }
.main_ad_center_wrap .bottom .s1 i{ width: 35px; height: 35px; background: #fff; border-radius: 35px; display: block; font-style: normal; text-align: center; color:#015cb5; font-size: 18px; line-height: 35px; margin: 0 auto; position: relative; top:18px;}
/** ad2 **/
#main_ad2{width: 100%; height: 460px; background: url(../images/ad2_bg.jpg) no-repeat center;  margin: 50px 0px; }
.main_ad2_wrap{
    width: 1200px; height: 460px; display: block; margin: 0 auto;
}
#main_ad2_left{ width: 556px; height: 460px; float: left; }
#main_ad2_right{ width: 610px; height: 460px; display: block; float: right;}
.main_ad2_right_wrap{ width: 410px; height: 250px; margin-top: 100px; padding: 0 20px; border-radius: 15px; border: 2px dotted #fff; position: relative;}
.main_ad2_right_wrap .top{ font-size: 34px; color: #fff; letter-spacing: 2px; font-weight: bold; position: relative; top:-25px;}
.main_ad2_right_wrap .center{ width: 100%; height: 60px; display: block;  margin-top: 20px; margin-bottom: 20px; font-size: 14px; color: #fff; background: rgba(0,0,0,0.5) }
.main_ad2_right_wrap .center .center_img{ width: 60px; height: 60px; background: red; display: block; margin-right: 10px; float: left;}
.main_ad2_right_wrap .center .center_img img{ width: 60px; height: 60px;}
.main_ad2_right_wrap .center .center_text{ padding: 8px 0; line-height: 25px; letter-spacing: 2px; }
.main_ad2_right_wrap .bottom p{ font-size: 16px; font-weight: bold; color: #fff; line-height:30px; height: 30px; letter-spacing: 2px;}
/** ad2 end **/

/** 新闻 **/
#main_news{ width: 100%;  padding: 50px 0px 40px 0px;}
.main_news_left{ width:580px; float: left; }
.case_title{ width: 100%; height: 50px; line-height: 50px; }
.case_title a{  padding: 0 10px; font-size: 22px; font-weight: bold; letter-spacing: 10px;  display: inline-block;   color: #313131; }
.case_title a.active{ color:#000;}
.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: 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;}
.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; height: 550px;  }
#main_corp .main_product_content .main_wrap_left{ width: 350px; height: 350px;  margin-top: 80px; display: inline-block; background: url("../images/index-corp-left.jpg") no-repeat center; float: left; margin-right: 5px; position: relative; background-size: cover;}
#main_corp .main_product_content .main_wrap_right_top{ width: 798px; height: 180px;  float: right;  margin-top: 50px; overflow: hidden;  }
#main_corp .main_product_content .main_wrap_right_top p.title{ color: #0b3390; font-size: 20px; margin-bottom: 10px;}
#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: 135px;   color: #989898; font-size: 14px; line-height: 35px; overflow: hidden; }
#main_corp .main_product_content .main_wrap_right_top p.des i{ width: 8px; height: 115px; margin-top: 10px; display: inline-block; float: left; background: #5a5559; margin-right: 10px;}
#main_corp .main_product_content .main_wrap_right_center{ width: 798px; height: 50px; line-height: 50px; background: #e3e3e3; display: inline-block; float: right; text-align: center; font-size: 20px; margin-bottom: 10px; color: #0b3390; }
#main_corp .main_product_content .main_wrap_right_bottom{ width: 798px; height: 180px; display: inline-block; background: url("../images/index-corp.jpg") repeat-x; float: right; }


/** 案例 **/
.index_case_title_bg{ width: 1200px; height: 280px; margin: 0 auto; background: url("../images/index_case.jpg") center no-repeat; background-size: 1000px; }
.index_case_content_bg{ width: 100%;  height: 610px; margin: 0 auto; }
.index_case_content{ width: 1200px; height: 610px; overflow: hidden; margin: 0 auto;  }
.index_case_left{ width: 290px; height: 610px; display: inline-block;}
.index_case_right{ width: 900px; height: 610px; float: right; display: inline-block;}
.index_case_left_title{ width: 100%; height: 116px; line-height: 116px; font-size: 26px; font-weight: bold; color: #fff; background: #0b4390; text-align: center;}
.index_case_left a{ width: 100%; height: 60px; display: inline-block; margin: 5px 0px; text-align: center; line-height: 60px; font-size: 20px; background: url("../images/index_case_left.png") center no-repeat; color: #fff;}
.index_case_left a:hover{ background: #0b4390; }

/** 特点 **/
.index_tedian_title_bg{ width: 1200px; height: 280px; margin: 0 auto; background: url("../images/index_tedian.jpg") center no-repeat; background-size: 1000px; }
.index_bg1{ width: 100%; height: 452px; display: inline-block; }
.index_bg1_left{ width: 450px;height: 112px; padding: 30px 0px; float: left;  margin-left: 40px;}
.index_bg1_left p{ line-height: 25px;}
.index_bg1_left p.title{ font-size: 24px; padding-top: 5px; color: #0b4390; font-weight: bold; margin-bottom: 20px;}
.index_bg1_left p.title i { font-size: 26px; color: #3e3c3c; 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: 450px;height: 112px; padding: 30px 0px; float: right; margin-right: 40px; }
.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: 24px; padding-top: 5px; color: #0b4390; font-weight: bold; margin-bottom: 20px;}
.index_bg2_left p.title i { font-size: 26px; color: #3e3c3c; font-style: normal; }
.index_bg2_left p.des{ font-size: 16px; line-height: 30px; color: #181818; font-style: normal;}
.index_bg2_right{width: 600px;height: 452px; background: url("../images/index_bg2.jpg"); float: left; }
.index_bg3_right{width: 538px;height: 452px; background: url("../images/index_bg3.jpg"); float: right; }
.index_bg4_right{width: 600px;height: 452px; background: url("../images/index_bg4.jpg"); float: left; }
.n1{ width:56px; height: 68px; display: inline-block; background: url("../images/1.png") no-repeat;  position: relative; top:30px; margin-right: 15px;}
.n2{ width:56px; height: 68px; display: inline-block; background: url("../images/2.png") no-repeat;  position: relative; top:30px; margin-right: 15px;}
.n3{ width:56px; height: 68px; display: inline-block; background: url("../images/3.png") no-repeat;  position: relative; top:30px; margin-right: 15px;}
.n4{ width:56px; height: 68px; display: inline-block; background: url("../images/4.png") no-repeat;  position: relative; top:30px; margin-right: 15px;}
.n5{ width:56px; height: 68px; display: inline-block; background: url("../images/5.png") no-repeat;  position: relative; top:30px; margin-right: 15px;}
.n6{ width:56px; height: 68px; display: inline-block; background: url("../images/6.png") no-repeat;  position: relative; top:30px; margin-right: 15px;}
/** 特点end **/

/**底部**/
#footer_links{ width: 100%; background: #262626; }
#footer_links .links{width: 100%; height: 60px; line-height: 60px; border-bottom: 1px solid #fff;text-indent: 10px;}
#footer_links b{ font-size: 20px; font-weight: bold; color: #fff; margin-right: 30px; }
#footer_links a{ font-size: 18px;  margin-right: 20px;}
#footer_links #footer_menu{width: 100%; height: 80px; line-height: 80px;}
#footer_menu_logo{ float: left; display: inline-block; width: 140px; height: 70px;padding-top: 10px;  margin-left: 10px; margin-right: 10px;}
#footer_menu_logo i{ font-size: 24px; letter-spacing: 10px; color: #fff; font-style: normal;}
#footer_menu_logo span{ font-size:14px; letter-spacing: 2px; color: #fff;}
#footer_menu_content{ line-height: 80px;}


#footer{ width: 100%;   background: url(../images/map.png) no-repeat; background-size: cover;   color: #a7a7a7; float: left;}
#main_footer_left{ width: 600px; padding-top:50px; color: #fff; padding-bottom:15px;float: left; }
#main_footer_left p{ height: 30px; line-height: 30px; vertical-align: middle;  margin-bottom: 20px; font-size: 14px;}
#main_footer_left p.title{ font-size: 30px; font-weight: bold; margin-bottom: 35px; letter-spacing: 5px; }
#main_footer_left p.desc{ font-size: 20px; color: #fff; margin-bottom: 40px; margin-top: 10px;}
#main_footer_left p.address{ background: url(../images/address.png) left no-repeat; background-size: 20px;  padding-left:40px; }
#main_footer_left p.email{ background: url(../images/email.png) left no-repeat;background-size: 20px;   padding-left:40px; }
#main_footer_left p.mobile{ background: url(../images/tel2.png) left no-repeat; background-size: 20px;  padding-left:40px; }
#main_footer_left p.fax{ background: url(../images/address.png) left no-repeat;background-size: 20px;   padding-left:40px; }
#main_footer_left p a{ color: #fff; }
#main_footer_left p a:hover{ text-decoration: underline; }
#main_footer_right{ width: 390px;padding-top:30px; padding-bottom:10px;display: block; float: right; }




/*  subpage */
#main_left{ width: 240px;  float: left; }
#main_left .title{  display: block; width: 100%; padding: 18px 0px; background: #312a2f; 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; 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: #015cb5;  }
#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; }
#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: #312a2f; 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; }


/* 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:#015cb5 !important;}




.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_add{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_content_wrap{ font-size: 14px; line-height: 24px; width: 418px;margin: 20px auto;}
.sub_message_content{ width: 378px;padding: 20px; background: #fff; border: 1px solid #dddddd; border-top:0px; }
.sub_message_content input{  width: 180px; float: left;  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: #0b4390; color: #fff; margin: 10px 0px;}
.sub_message_content .sub:hover{ cursor: pointer; background: #015cb5; }
.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 .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; }