@charset "utf-8";
/* CSS Document */

img{ display:block; }

/*--common--*/
.lr_auto{ width: 1190px; margin: 0 auto;}
.title{ margin-top: 40px; margin-bottom: 30px; font-size:24px; color: #333; padding-left: 20px;  border-left:solid 4px #0462cd;}
.width77{ width:14.28%; }
.width88{ width:12.5%; }

/*--banner--*/
/*--banner--*/
.banner{ position:relative; overflow:hidden; width:100%; height: 707px;}
.banner img{position:absolute; left:50%; margin-left:-960px;}


/*--trouble--*/
.trouble{position: relative;}
.trouble .number_icon{ position:absolute; left: 42%; top:0px; width:40px; height:40px; 
border-radius: 50%;	line-height:40px; text-align: center; color: #fff; background-color:#0183e5; font-size: 18px;  }
.trouble p{ background-color:#eff4f8; font-size:14px; color: #666; padding:30px 15px 18px; margin-top:18px; line-height: 24px;}


/*--server--*/
.server{ background:url(../images/mes/server_bg.png) no-repeat top center; padding-bottom: 10px; margin-top: 50px;}
.server_li{ display: table; width: 176px; height:61px; padding: 18px 10px 18px 80px;  background-repeat: no-repeat;  background-position:16px center; background-color: #f6f8fb; margin-bottom: 10px; }
.server_li p{ display: table-cell; vertical-align: middle; font-size: 16px; color:#666; line-height:24px; overflow: hidden;}

.server_icon{ background-image:url(../images/mes/server_icon.png);}
.server_icon02{ background-image:url(../images/mes/server_icon02.png); }
.server_icon03{ background-image: url(../images/mes/server_icon03.png); }
.server_icon04{ background-image: url(../images/mes/server_icon04.png); }
.server_icon05{ background-image:url(../images/mes/server_icon05.png);}
.server_icon06{ background-image:url(../images/mes/server_icon06.png); }
.server_icon07{ background-image: url(../images/mes/server_icon07.png); }
.server_icon08{ background-image: url(../images/mes/server_icon08.png); }


/*--product_advantage--*/
.product_advantage_bg{ background-color: #f6f8fb; padding-top: 5px; padding-bottom: 30px; margin-top: 30px; margin-bottom: 60px;}
.product_adv_img{position: absolute; top:0; right: 0;}
.product_advantage{ width: 80%; background-color: #fff; padding: 20px 0; margin-bottom: 10px; }
.product_advantage h3{ padding-left:55px; background:url(../images/mes/product_advantage.png)  no-repeat 21px center #0462cd; color: #fff; font-size: 18px; line-height: 50px; border-top-right-radius:25px; border-bottom-right-radius:25px;  }
.product_advantage p{ font-size: 15px; color: #777; line-height:24px; margin-left: 20px;}


/*--product_value--*/
.product_value{ background-color:#f9f9f9; padding:40px 10px;}
.product_value h3{ font-size: 16px; color: #333; }
.product_value .underline{ display: block; width: 36px; height: 2px; background-color: #0462cd; margin-top: 12px;}
.product_value p{ font-size: 16px; margin-top: 40px; background-repeat: no-repeat; background-position: 50px 4px;}
.product_value .data_down{ color:#74879c; background-image:url(../images/mes/value_down.png);}
.product_value .data_up{ color:#9c7474 ; background-image:url(../images/mes/value_up.png); }
.product_value h1{ color: #0462cd; font-size: 50px;}


/*--project--*/
.project{ padding-bottom: 30px; padding-top: 30px; }


/*--function--*/
.function_title{ height: 306px; border-bottom-left-radius:  30px; border-top-left-radius: 30px; padding: 30px; background:url(../images/mes/function_mark.png) no-repeat 33px 290px #f7f8f9;  margin-bottom: 50px; }
.function_title h1{ font-size: 40px; font-weight: bold; color:#0462cd; margin-top: 20px;}
.function_title p{ font-size:16px; color:#7b7b7b; margin-top: 20px;}
.function_li{ background-color:#f7f8f9; padding: 15px 0;}
.function_li img{ width: 30px; height: 30px; margin: 0 auto; overflow: hidden; margin-bottom: 5px;}
.function_li p{ text-align: center; font-size: 14px; color:#aaa;  }
.function_more{ background-color:#f7f8f9; text-align: center;  height: 84px; line-height: 84px; color: #aaa; margin-bottom: 10px;}

/*--our advantage--*/
.advantage_bg{ background-color:#f6f8fb; padding-top: 10px;}
.advantage{ background-color: #fff; height: 182px; margin-bottom: 40px;}
.advantage h2{ height: 38px; line-height: 38px; font-size: 18px; color: #fff;  background-color: #0462cd; text-align: center; }
.advantage p{ color: #999; font-size: 14px; line-height: 24px; padding:10px 15px 0px;  }


/*--honor--*/
.honor{ padding-top: 20px; }


/*--qualification--*/
.qualification{ margin-top:50px; }


/*--company_logo--*/
.company_logo{ border: solid 1px #d5d5d5;}
.company_logo img{ display: block; margin: 0 auto; padding-top:5px; padding-bottom: 5px; }