@charset "utf-8";
/* CSS Document */
*{ margin:0; padding: 0; list-style: none; text-decoration: none; border: 0; }
body { background: #e4ebf2 url("../img/customer-bgcolor.png") no-repeat center bottom; font-family: 微软雅黑; }
a:hover { margin-top: -2px; transition: all .3s;}

.head { width: 100%; height: 100px; background: #20303e; text-align: center; } 
.head .logo { width: 244px; height: 100px; background: url("../img/logo-whole.png") no-repeat right center; padding-left: 40px; position: absolute; top: 0; ;left: 0;}
.head .nav { width: 100%; height: 100px; line-height: 100px; text-align: center; display: inline-block; } 
.head .nav ul  { width: 100%; height: 100px; display: block; }
.head .nav ul li { display: inline-block; }
.head .nav ul li a { color: #fff; font-size: 20px; padding: 0 40px; }
.head .nav ul li a:hover { font-weight: bolder;}


.head .search { width:100px; height: 100px; overflow: hidden; position: absolute; right: 0;top: 0;} 
.head .search:hover { overflow:visible;} 
.head .search .btn { width: 100px; height: 100px; background:#2a3f52 url("../img/search-icon.png") no-repeat center center; float: right; } 
.head .search .searchbox { width: 410px; height: 42px; background: #395268; position: absolute; top:100px; right:0; padding: 24px 35px; }
.head .search .searchbox input { width: 312px; height: 42px; background: #fff; border-radius: 3px 0 0 3px; float: left; padding-left: 10px; font-size: 16px; outline: 0;}
.head .search .searchbox button { width: 88px; height: 42px; background: #e4ebf2; color: #20303e; font-size: 18px; line-height: 42px; border-radius: 0 3px 3px 0; }


.banner { width: 100%; height: 873px; overflow: hidden; background: url("../img/banner.png") no-repeat center center;} 


.title { width: 100%; height:110px; } 
.title .text { width: 50%; float: left; color: #fff; }
.title .text h2 { font-size: 36px; padding-bottom: 6px;}
.title .text h3 { font-size: 24px; text-transform: uppercase; font-weight: 100; }
.title a.more { float: right; padding-top: 10px; }
.title a.more img { }


.product { width:1680px; height: auto; overflow: hidden; margin: -262px auto 0;} 

.product ul.product_list { width: 1700px; height: 420px; overflow: hidden; } 
.product ul.product_list > li { width: 400px; height: 420px; overflow: hidden; display: block; float: left; margin-right: 25px; background: url("../img/p-bg.png") no-repeat 0 0;}
.product ul.product_list li .p_head { width: 400px; height: 152px; overflow: hidden; } 
.product ul.product_list li .p_head h4 { width: 230px; display: block; float: left; padding-left: 33px; font-size: 24px; color: #3e4549; padding-top: 45px; }
.product ul.product_list li .p_head a.product_btn_more { width: 200px; height: 25px; overflow: hidden; display: block; float: left; padding:15px 0 0 30px;  }
.product ul.product_list li .p_head a.product_btn_more img { }

.product ul.product_list li .p_head .logo_pic { width: 150px; height: 170px; float: right; margin-top: -85px;} 
.product ul.product_list li .p_head .logo_pic img { }
.product ul.p_info { width: 400px; height: 268px; overflow: hidden; background: url("../img/p-info-lines.png") no-repeat center center;} 
.product ul.p_info li { width: 200px; height:134px; overflow: hidden; float: left; text-align: center; }
.product ul.p_info li img { margin: 25px auto 6px; } 
.product ul.p_info li h4 { font-size: 16px; color: #0b4e61; }
.product ul.p_info li span { font-size: 14px; color: #9da6ad; }
.product ul.p_info li li  { }


.solution { width:1680px; height: 1100px; overflow: hidden; margin: 95px auto 0; } 
.solution .title .text { color: #1b3d47; }


.solution .s_content { color:#fff; } 
.solution .s_content ul.s_list { width: 1720px; height: auto; overflow: hidden; display: block; } 
.solution .s_content ul.s_list > li { width: 820px; height: 480px; display: block; float: left; margin: 0 40px 30px 0;}
.solution .s_content ul.s_list li.s_1 { background: url("../img/app-1-bg.png") no-repeat 0 0;}
.solution .s_content ul.s_list li.s_2 { background: url("../img/app-2-bg.png") no-repeat 0 0;}
.solution .s_content ul.s_list li.s_3 { background: url("../img/app-3-bg.png") no-repeat 0 0;}
.solution .s_content ul.s_list li.s_4 { background: url("../img/app-4-bg.png") no-repeat 0 0;}

.solution .s_content ul.s_list li .left_box { width: 320px; height: 390px; overflow: hidden; padding: 45px 0 45px 40px; float: left; position: relative; } 
.solution .s_content ul.s_list li .left_box h3 { font-size: 32px; }
.solution .s_content ul.s_list li .left_box ul.s_tag { margin-top: 20px; } 
.solution .s_content ul.s_list li .left_box ul.s_tag li { width: auto; height: 24px; line-height: 24px; display: inline-block;background-color: rgba(255, 255, 255, 0.651); color: #1d5a65; text-align: center; margin:0 8px 8px 0; padding: 0 8px; border-radius: 3px; font-size: 15px; font-weight: bold;}
.solution .s_content ul.s_list li .left_box a { display: block; position: absolute; bottom: 40px;}

.solution .s_content ul.s_list li .right_box { width: 400px; height:440px; overflow: hidden; padding: 40px 30px 0 30px; float: right; font-size: 15px; line-height: 18px; } 
.solution .s_content ul.s_list li .right_box .info_1 { width: 400px; height:auto; overflow: hidden; display: block;}

.solution .s_content ul.s_list li .right_box .info_title { width: 100%; height:26px; overflow: hidden; background: url("../img/app-info-title-line.png") no-repeat 86px center; margin: 20px 0 18px; }
.solution .s_content ul.s_list li .right_box .info_title h4 { width: 86px; height: 26px; line-height: 24px; text-align: center; font-size: 17px; background: url("../img/app-info-title-bg2.png") no-repeat center center;}
.solution .s_content ul.s_list li.s_1 .right_box .info_title h4 {background: url("../img/app-info-title-bg.png") no-repeat center center; }
.solution .s_content ul.s_list li .right_box ul.info_list_1 {  width: 400px; height:auto; overflow: hidden; display: block;} 
.solution .s_content ul.s_list li .right_box ul.info_list_2 {  width: 400px; height:auto; overflow: hidden; display: block;} 
.solution .s_content ul.s_list li .right_box ul li { width: 380px; margin: 0px 0 8px 0; padding-left: 20px;}
.solution .s_content ul.s_list li .right_box ul.info_list_1 li { background: url("../img/s-listicon-1.png") no-repeat 0px 5px; }
.solution .s_content ul.s_list li .right_box ul.info_list_2 li { background: url("../img/s-listicon-2.png") no-repeat 0px 5px; }



.customers { width:1680px; height: 530px; overflow: hidden; margin: 95px auto 0;  } 
.customers .cust_box { width: 1680px; height: 284px; overflow: hidden; background: url("../img/customer-bg.png") no-repeat 0 0; margin: 0 auto; background-size: 100% auto;} 
.customers .cust_box ul { width: 100%; display: block; text-align: center; } 
.customers .cust_box ul li { display: inline-block; padding: 90px 14px;  } 
.customers .cust_box ul li img { } 


.foot { width: 100%; height: 255px; overflow: hidden; background: #20303e; color: #fff;}
.foot .f_inner { width:1680px; height:auto; margin: 50px auto 0;}
.foot .f_left { width: 40%; height:150px; float: left; background: url("../img/foot-logo.png") no-repeat ;} 
.foot .f_left .url { width: 100%; height: 39px; line-height: 39px; background: url("../img/foot-web.png") no-repeat; margin-top: 100px;}
.foot .f_left .url a { color: #fff; margin-left: 40px; text-transform: uppercase; font-weight: bold;}

.foot .f_right { width: 60%; float: right; text-align: right;} 
.foot .f_right .cr { padding-top: 50px; } 
.foot .f_right .contact { } 
.foot .f_right .contact div { display: inline-block; padding-left: 50px; margin-top: 20px;} 
.foot .f_right .contact .tel { background: url("../img/foot-tel.png") no-repeat 25px center;} 
.foot .f_right .contact .mail { background: url("../img/foot-mail.png") no-repeat 25px center; }
.foot .f_right .contact .add { background: url("../img/foot-add.png") no-repeat 25px center; }