@charset "utf-8";
/* CSS Document */
*{ margin:0;padding:0; list-style-type:none; /*font-family: "Microsoft YaHei" */}
body{ font-size:12px;font-family: "Microsoft YaHei",Arial, Helvetica, sans-serif;}
img{border:0;}
a{ text-decoration:none;}
a:hover{ text-decoration:none; outline:none;}
.clear{ clear:both;}
body a{outline:none;blr:expression(this.onFocus=this.blur());}
body a{transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
input:focus,button { outline:none;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none; border: none;}
textarea {-webkit-appearance: none; outline:none;} 
i,em{ font-style:normal;}

header{ position:absolute; left:0; width:100%; top:0; z-index:1000;}
.logo{ float:left; width:306px; height:77px;  background:url(../images/logo.png) no-repeat 0 0; text-indent:-10000px; overflow:hidden; font-size:12px; margin-top:34px;}
.xcx_logo{ float:left; width:306px; height:77px;  background:url(../images/xcx_logo.png) no-repeat 0 0; text-indent:-10000px; overflow:hidden; font-size:12px; margin-top:34px;}
.container-fluid{ float:right;}
.navbar-default .navbar-nav > li > a{ color:#ffffff; font-size:16px;}
.nav > li > a{ padding:10px 9px}
.navbar-nav{ margin-top:53px;}



.banner{width:100%; margin:0 auto; overflow:hidden;}
.banner img{ width:100%;}
footer{ width:100%; background-color:#393b3d; padding-top:45px; padding-bottom:45px; overflow:hidden; margin:0 auto;}
.footer_top{ float:left; width:100%; overflow:hidden; border-bottom:1px solid #616264; padding-bottom:25px;}
.f_tel{ float:left; color:#ffffff; font-size:18px; padding-left:44px; background:url(../images/icon.png) no-repeat 0 center; line-height:35px;}
.f_tel strong{ font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:24px;}
.f_nav{ float:right;}
.f_nav a{ color:#ffffff; font-size:16px; margin-left:18px; line-height:35px;}
.footer_bottom{ float:left; width:100%; overflow:hidden; padding-top:28px;}
.footer_bottom span{ float:left; width:100%; overflow:hidden; color:#ffffff; font-size:14px; font-weight:bold;}
.footer_bottom p{ float:left; width:100%; overflow:hidden; line-height:24px; margin-top:5px;}
.footer_bottom p a{ color:#999999; font-size:14px; margin-right:18px;}

.footer_middle{ float:left; width:100%; overflow:hidden; border-bottom:1px solid #616264; padding-top:30px; padding-bottom:30px;}
.footer_lxwm{ float: left; width:70%; overflow:hidden;}
.footer_lxwm p{ float:left; width:100%; overflow:hidden; color:#ffffff; font-size:14px;}
.footer_lxwm ul{ float:left; width:100%; overflow:hidden; display:inline; margin-top:25px;}
.footer_lxwm ul li{ float:left; display:block; width:100%; overflow:hidden; color:#999999; line-height:30px; font-size:14px;}
.footer_lxwm ul li span{ display:inline-block; width:238px;}

.footer_ewm{ float:right; overflow:hidden;}
.footer_ewm dt{ float:left; width:136px; height:33px; text-align:center; line-height:33px; border:1px solid #999999; font-size:14px; border-radius:4px; color:#999999; font-weight:normal; margin-top:42px;}
.footer_ewm dd{ float:right; margin-left:18px;}
.footer_ewm dd img{ width:119px;}




@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?t9f0w4');
  src:  url('../fonts/icomoon.eot') format('embedded-opentype'),
    url('../fonts/icomoon.ttf') format('truetype'),
    url('../fonts/icomoon.woff') format('woff'),
    url('../fonts/icomoon.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-icon1:before {
  content: "\e900";
}
.icon-icon2:before {
  content: "\e901";
}
.icon-icon3:before {
  content: "\e902";
}
.icon-icon4:before {
  content: "\e903";
}
.icon-icon5:before {
  content: "\e904";
}
.icon-icon6:before {
  content: "\e905";
}
.icon-icon7:before {
  content: "\e906";
}
.icon-icon8:before {
  content: "\e907";
}
.icon-icon9:before {
  content: "\e908";
}
.icon-icon10:before {
  content: "\e909";
}
.icon-icon11:before {
  content: "\e90a";
}
.icon-icon12 .path1:before {
  content: "\e90b";
  color: rgb(255, 255, 255);
}
.icon-icon12 .path2:before {
  content: "\e90c";
  margin-left: -1em;
  color: rgb(102, 102, 102);
}
.icon-icon12 .path3:before {
  content: "\e90d";
  margin-left: -1em;
  color: rgb(102, 102, 102);
}
.icon-icon13:before {
  content: "\e90e";
}
.icon-icon14:before {
  content: "\e90f";
}
.icon-icon15:before {
  content: "\e910";
}
.icon-icon16:before {
  content: "\e911";
}
.icon-icon17:before {
  content: "\e912";
}
.icon-icon18:before {
  content: "\e913";
}
.icon-icon19:before {
  content: "\e914";
}
.icon-icon20:before {
  content: "\e915";
}

.main_cont1{ width:100%; margin:0 auto; overflow:hidden;}
.main_cont1_title{ width:100%; overflow:hidden; float:left; margin-top:57px; margin-bottom:43px;}
.main_cont1_title dt{ float:left; width:100%; overflow:hidden; color:#333333; font-size:30px; text-align:center; font-weight:normal;}
.main_cont1_title dd{ float:left; width:100%; overflow:hidden; color:#333333; font-size:16px; text-align:center; margin-top:6px;}
.main_cont1_box{ width:100%; overflow:hidden; float:left; background:url(../images/cont1_bg.jpg) no-repeat center 0; background-size: auto 100%; padding-top:25px; padding-bottom:30px;}
.main_cont1_box_left{ float:left; width:20%; background-color:#23222b;}
.main_cont1_box_left p{ float:left; width:100%; overflow:hidden; padding-left:38px; background:url(../images/icon28.png) no-repeat 16px center; color:#ffffff; font-size:16px; line-height:50px;}



.tb2_ { width:100%; float:left; display:inline;}
.tb2_ li { float:left; display:block; width:50%; text-align:center; overflow:hidden; border-top:1px solid #2e2d36; border-left:1px solid #2e2d36; padding-top:15px; padding-bottom:14px; cursor:pointer}
.tb2_ li span{ font-size:22px; height:26px; overflow:hidden; float:left; width:100%; text-align:center;-webkit-transition: .4s all; -moz-transition: .4s all; -ms-transition: .4s all; transition: .4s all;}
.tb2_ li:hover{background-color:#f2684c; color:#ffffff;}
.tb2_ li:hover span{-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
.tb2_ li span.icon-icon2{ font-size:26px;}
.tb2_ li span.icon-icon5{ font-size:26px;}
.tb2_ li span.icon-icon8{ font-size:26px;}

.tb2_ li i{ float:left; width:100%; overflow:hidden; text-align:center; font-size:14px; margin-top:4px;}
.normaltab2 { background-color:#23222b; color:#666666}
.hovertab2 { background-color:#f2684c; color:#ffffff;}
.ctt2 { float:right; width:76%; overflow:hidden;}
.dis2 {DISPLAY: block}
.undis2 {DISPLAY: none}

.main_cont1_box_middle{ float:left; width:55%; overflow:hidden;}
.main_cont1_box_middle dt{ float:left; width:100%; overflow:hidden; color:#ffffff; font-size:30px; font-weight:normal; margin-top:30px;}
.main_cont1_box_middle dd{float:left; width:100%; overflow:hidden; color:#ffffff; margin-top:30px;}
.main_cont1_box_middle dd p{ float:left; width:100%; overflow:hidden; line-height:36px; font-size:16px; color:#ffffff;}
.main_cont1_box_middle dd a{ display:inline-block; width:142px; height:44px; overflow:hidden; text-align:center; line-height:44px; border:1px solid #ffffff; border-radius:3px; color:#ffffff; font-size:18px; margin-top:30px;}


.main_cont1_box_right{ float:right; width:40%; overflow:hidden; display:inline;}
.main_cont1_box_right li{ float: left; display:block; width:50%; overflow:hidden;}
.main_cont1_box_right li p{ float:left; width:150px; text-align:center; color:#ffffff; font-size:18px; margin-top:20px;}

.index_dlt{ width:150px; height:150px; position:relative; margin-right:3px; overflow:hidden; float:left; margin-top:23px; margin-bottom:4px;}
.index_dlta{ width:150px; height:150px; position:relative; margin-right:3px; overflow:hidden; float:left; margin-top:23px; margin-bottom:4px;}
.index_dlti{ float:left; width:148px; height:148px; background:url(../images/bg.png) repeat 0 0; border:1px solid #ffffff; padding:19px;}
.index_dlti img{ width:110px; height:110px;}
.index_dlt .index_dltv{ display:none;}
.index_dlta .index_dltv{ display:block;  width:150px; height:150px; position:absolute; left:0px; top:0px;}
.index_dltv img{width:150px; height:150px; }

.main_cont2{ padding-top:35px; padding-bottom:35px;}
.hxcj_title{ float:left; width:100%; overflow:hidden; text-align:center; color:#333333; font-size:30px; font-weight:normal;}
.hxcj_list{ float:left; width:100%; overflow:hidden; display:inline;}
.hxcj_list li{ float:left; display:block; width:20%; overflow:hidden; text-align:center; margin-top:53px;}
.hxcj_list li i{ float:left; width:100%; overflow:hidden; text-align:center; color:#333333; font-size:18px; margin-top:27px;}

.main_cont3{ width:100%; margin:0 auto; overflow:hidden; background-color:#f4f4f4; padding-top:45px; padding-bottom:0;}
.main_cont3_left{ float:left; width:48%; overflow:hidden; color:#333333; margin-left:2%;}
.main_cont3_left h6{font-size:36px; float:left; width:100%;}
.main_cont3_left h1{float:left; width:100%;font-size:48px; font-weight: bold; margin-top:10px;}
.main_cont3_left h1 i{color:#00aafe;}
.main_cont3_left p{ float:left; width:100%; color:#333333; font-size:18px; font-weight:bold; margin-top:22px;}
.main_cont3_left span{ float:left; width:100%; font-size:18px; margin-top:14px; margin-bottom:15px;color:#999999;}

.main_cont3_right{ float:right; width:50%; overflow:hidden; display: inline;}
.main_cont3_right li{ float:left; display:block; width:50%; padding-left:10px; padding-right:5px; margin-top:20px; margin-bottom:22px;}
.main_cont3_right li p{ float:left; width:100%; overflow:hidden; color:#333333; font-size:26px; margin-top:5px;}
.main_cont3_right li span{ float:left; width:100%; overflow:hidden; color:#999999; font-size:14px; line-height:21px; margin-top:10px;}


.main_cont4{width:100%; margin:0 auto; overflow:hidden; background:url(../images/cont2.png) no-repeat center 0; padding-top:0px; padding-bottom:253px; }
.wmdys_title{ float:left; width:100%; overflow:hidden;}
.wmdys_title dt{ float:left; width:100%; overflow:hidden; color:#333333; font-size:30px; font-weight:normal; text-align:center;}
.wmdys_title dd{float:left; width:100%; overflow:hidden; text-align:center; color:#333333; font-size:16px; margin-top:8px;}

.mumping_mun{width: 100%;list-style: none; float:left; margin-top:100px;}
.mumping_mun li{ width:25%; text-align:center; overflow:hidden; float:left;}
.mun_top{ float: left; width:100%; overflow:hidden; margin-top:10px;}
.mumping_mun li h2{ float:left; width:65%; overflow:hidden; text-align:center; color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:90px; font-weight:bold; text-align:right;}
.fa-icon{ float:right; color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:bold; width:33%; text-align:left; margin-top:5px;}
.mumping_mun li p{float:left; width:100%; overflow:hidden; text-align:center; color:#ffffff; font-size:20px; margin-top:15px;}
.mumping_mun li span{float:left; width:100%; overflow:hidden; text-align:center; color:#ffffff; font-size:16px; margin-top:8px;}

.main_cont5{ padding-bottom:90px;padding-top:50px;}
.fwlc_pho{ float:left; width:100%; overflow:hidden; text-align:center; margin-top:10px;}
.main_cont6{ width:100%; overflow:hidden; margin:0 auto; padding-top:40px; padding-bottom:40px; background-color:#f4f4f4;}
.main_cont6_left{ float:left; width:21%; overflow:hidden;}
.main_cont6_left img{ width:100%;}
.main_cont6_middle{ float:left; width:39%; overflow:hidden; padding-left:24px;}

.ctt {TEXT-ALIGN: left; BORDER-TOP-WIDTH: 0px; HEIGHT: auto; CLEAR: both}
.tb_ {float:left; width: 100%}
.tb_ ul {WIDTH: 100%;}
.tb_ li { float:left; padding-left:8px; padding-right:8px; padding-bottom:12px; CURSOR: pointer; font-size:21px; margin-right:35px;}
.normaltab { color: #333333; }
.hovertab { color: #00aaff; background:url(../images/line.jpg) no-repeat center bottom;}
.dis {DISPLAY: block}
.undis {DISPLAY: none}

.news_list{ float:left; width:100%; overflow:hidden; margin-top:10px; }
.news_list li{  float:left; width:100%; display:block; overflow:hidden; padding-top:10px; padding-bottom:10px; border-bottom:1px dotted #7a7a7a;}
.news_list li span{ float:left; width:100%; color:#999999; font-size:14px;}
.news_list li h3{ float:left; width:100%; color:#333333; font-size:16px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden; margin-top:15px;}
.news_list li p{ float:left; width:100%; color:#999999; font-size:14px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden; margin-top:15px;}
.news_list li:hover h3{ color:#00aaff;}



.more{ float:right; padding-right:30px; background:url(../images/list02.png) no-repeat right center; margin-top:13px;}
.more a{ color:#666666; font-size:14px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase}
.main_cont6_right{ float:left; width:39%; overflow:hidden; padding-left:30px;}
.qykh-title{ float:left; width:100%; overflow:hidden; color:#333333; font-size:21px; font-weight:bold;}
.list_lh{ float:left; width:100%; overflow:hidden; margin-top:10px;}

.news_list2{ float:left; width:100%; overflow:hidden;}
.news_list2 li{ float:left; display:block; width:100%; overflow:hidden; border-bottom:1px dotted #7a7a7a;}
.news_list2 li a{ float:left; display:block; width:66%; line-height:45px; white-space:nowrap;text-overflow:ellipsis;overflow:hidden; color:#666666; font-size:14px; padding-left:15px; background:url(../images/list01.png) no-repeat 0 center;}
.news_list2 li span{ float:right; line-height:30px; color:#999999; font-size:12px;}
.news_list2 li a:hover{ color:#38a2ec;}




.main_cont7{ padding-top:33px; padding-bottom:53px;}

.customer_list{ float:left; display:inline; overflow:hidden; margin-top:20px; padding-top:3px; padding-left:1px;}
.customer_list li{ float:left; display:block; width:14.2%; overflow:hidden; border:1px solid #ececec; margin-left:-1px; margin-top:-1px;}
.customer_list li img{ width:170px; height:126px;}

.main_cont8{ width:100%; margin:0 auto; overflow:hidden; background:url(../images/cont3.jpg) no-repeat center 0; padding-top:55px; padding-bottom:55px;}
.message_title{ float:left; width:100%; overflow:hidden;}
.message_title dt{ float:left; width:100%; overflow:hidden; color:#ffffff; font-size:30px; font-weight:normal;}
.message_title dd{float:left; width:100%; overflow:hidden; color:#999999; font-size:14px;  margin-top:6px;}

.message_table{width:48%; overflow:hidden; background:none;}
.message_table tr td{ padding:6px;}
.message_left{ float:left; }
.message_right{ float:right;}

.input_text{ float:left; width:100%; overflow:hidden; border-radius:4px; background:url(../images/bg.png) repeat 0 0; padding:14px 8px;}
.input_text img{ float:left;display:inline-block; margin-top:3px; margin-left:3px; margin-right:6px;}
.input_text span{ float:left; color:#ffffff; font-size:14px;}
.text_1{ float:left; display:inline-block; border:none; background:none; color:#ffffff; margin-left:6px; margin-top:2px; padding-left:6px; width:50%;}
.textarea_1{float:left; display:inline-block; border:none; background:none; color:#ffffff; margin-left:6px; margin-top:2px; padding-left:6px; width:80%; height:72px;}
.tj_button{ float:left; width:100%; border:none; background-color:#00aaff; border-radius:4px; color:#ffffff; font-size:16px; height:44px; line-height:44px;}


@media (max-width: 992px) {
.logo{ width:180px; height:45px; background-size:100%; margin-top:10px; margin-left:12px;}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
 background-color:#1c90d3; border-color:#1c90d3
}

.main_cont1_title{ margin-top:20px;}	
.main_cont1_title dt{ font-size:22px;}
.main_cont1_title dd{ font-size:14px;}
.main_cont1_box{ background-size: auto 100%}
.main_cont1_box_left{ width:100%;}
.tb2_ li{ width:20%;}
.ctt2{ width:100%;}
.main_cont1_box_middle{ width:100%;}
.main_cont1_box_right{ width:100%;}
.main_cont1_box_middle dt{ font-size:22px;}
.main_cont1_box_middle dd p{ font-size:14px;}
.hxcj_title{ font-size:22px;}
.main_cont2{ padding-top:20px; padding-bottom:20px;}
.hxcj_list li{ margin-top:20px;}
.hxcj_list li img{ width:30px;}
.hxcj_list li i{ font-size:12px; margin-top:8px;}
.main_cont3_left{ width:100%;}
.main_cont3_right{ width:100%;}
.main_cont3{ padding-top:20px;}
.main_cont3_left h6{ font-size:22px;}
.main_cont3_left h1{ font-size:26px;}
.main_cont3_left p{ font-size:16px;}
.main_cont3_left span{ font-size:14px;}
.main_cont3_right li img{ width:40px;}
.main_cont3_right li p{ font-size:18px;}
.main_cont3_right li{ margin-bottom:10px;}
.main_cont4{ padding-top:20px; background-size:120% 100%}
.wmdys_title dt{ font-size:22px;}
.wmdys_title dd{ font-size:14px;}
.mumping_mun{ margin-top:42px;}
.mumping_mun li{ width:50%; margin-top:15px;}
.mumping_mun li h2{ font-size:30px;}
.mumping_mun li p{ font-size:14px;}
.mumping_mun li span{ font-size:12px;}
.mumping_mun li img{ width:50px;}
.mumping_mun li h2{ width:55%;}
.fa-icon{ width:43%;}
.fwlc_pho img{ width:100%;}
.main_cont6_left{ display:none}
.main_cont6_middle{ width:100%; padding-left:0}
.main_cont6_right{ width:100%; padding:0; margin-top:10px;}
.tb_ li{ font-size:18px;}
.main_cont6{ padding-top:20px; padding-bottom:20px;}
.qykh-title{ font-size:18px;}
.customer_list li{ width:50%;}
.customer_list li img{ width:100%;}
.message_left,.message_right{ width:100%;}
.main_cont8{ background-size:auto 100%; padding-top:30px; padding-bottom:30px;}
.text_1{ width:35%}
.tj_button{ font-size:14px;}
.footer_lxwm{ width:100%;}
.footer_lxwm ul li span{ width:100%;}
.input_text img{ width:12px; margin-top:2px}
.input_text span{ font-size:12px;}
.message_title dt{ font-size:22px;}
.f_tel{ font-size:16px; background-size:20px; padding-left:30px;}
.f_nav a{ font-size:14px; line-height:28px;}
.footer_lxwm ul li a{ color:#999}
.tb2_ li{ padding-top:10px; padding-bottom:10px;}
.tb2_ li i{ margin-top:0}
.navbar-nav{ margin-top:10px;}
.pdding_none{ padding-left:0; padding-right:0; border:0}
.dropdown-menu{ border-radius:0}
}