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

body {
    color: #797979;

    font-family: 'Lato', sans-serif;
    padding: 0px !important;
    margin: 0px !important;
    font-size: 14px !important;
}

h1, h2, h3, h4, h5 {
    font-weight: 300;
}

label {
    font-weight: 300;
}

ul li {
    list-style: none;

}
ul{ margin:0; padding:0px;}

a, a:focus {
    text-decoration: none;
    outline: none;
    outline: 0;
    color: black;
}

a:hover {
    color: blue;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

input:focus, textarea:focus {
    outline: none;
}

table tr th {
    color: #688a7e;
}


/* 样式 */
.container{ width:100%; height:auto; font-size:14px;  color:#303030;}

.top{ width:1278px; height:108px; margin:0 auto; color:#606060;}
.top_img{ margin-top:16px;}
.top_img img{ width:280px; height:auto}
.top_1{ margin-right:10px; margin-top:16px;}
.top_1_1{ margin-right:10px;}
.top_2{ margin-right:20px; margin-top:16px;}
.top_2_1{ margin-right:10px;}
.navigation{ width:1278px; height:58px; margin:0 auto; margin-top:20px; }

.navigation_1 { height: 38px; line-height:38px; padding:0px 34px;  border-right:1px solid #babbb1;  border-left:1px solid #babbb1; cursor: pointer;}
.navigation_1_1 { color:#003da5;}
.navigation_1_2{ margin-top:10px; margin-left:14px;}
.navigation_1_3{  width: 0;  height: 0; cursor: pointer; margin-top:16px; margin-left:14px;
    border-top: 7px solid #003da5;
    border-right: 8px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 8px solid transparent;}

.navigation_2 { height: 38px; line-height:38px; padding:0px 34px; border-right:1px solid #babbb1; cursor: pointer;}
.navigation_2 .img1{display: block;}
.navigation_2 .img2{display: none;}
.navigation_2_2{ margin-top:10px; margin-left:14px;}
.navigation_2_3{  width: 0;  height: 0; cursor: pointer; margin-top:16px; margin-left:14px;
    border-top: 7px solid #b4b5aa;
    border-right: 8px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 8px solid transparent;}


.business { width:1278px; height:480px;  margin:0 auto; margin-top:20px;}
.business_img{ width:50%; height:480px;}
.business_img img { width:100%; height:auto;}
.business_1{ width:50%; color:#FFF; font-size:22px; font-weight:600;}
.business_1_1{ width:50%; height:240px; background-color:#003da5; cursor: pointer;}
.business_1_2{ width:50%; height:240px; background-color:#1950ae; cursor: pointer;}
.business_1_3{ width:50%; height:240px; background-color:#3364b7; cursor: pointer;}
.business_1_4{ width:50%; height:240px; background-color:#4c77c0; cursor: pointer;}
.business_1_1 div{ width:100%; text-align:center;}
.business_1_1 img{ margin-top:76px; margin-bottom:10px;}
.business_1_2 div{ width:100%; text-align:center;}
.business_1_2 img{ margin-top:76px; margin-bottom:10px;}
.business_1_3 div{ width:100%; text-align:center;}
.business_1_3 img{ margin-top:76px; margin-bottom:10px;}
.business_1_4 div{ width:100%; text-align:center;}
.business_1_4 img{ margin-top:76px; margin-bottom:10px;}
.process{ width:1278px; height:550px; margin:0 auto; margin-top:60px;}
.process_1 { width:50%; margin:0 auto; text-align:center; color:#0d0d0d; font-size:26px; font-weight:550;}
.process_2{ width:1182px; height:1px; background-color:#3673d9; position:relative; margin:0 auto;  margin-top:36px;}
.process_2_1{ width:236px; height:7px; background-color:#3673d9; position:absolute; top:-3px; left:473px; border-radius:7px; }
.process_2_2{width: 0;  height: 0;
    border-top: 7px solid transparent;
    border-right: 11px solid #3673d9;
    border-bottom: 7px solid transparent;
    border-left: 5px solid transparent;
    position:absolute; left:400px; top:-6px;
}

.process_2_3{width: 0;  height: 0;
    border-top: 7px solid transparent;
    border-right: 11px solid #3673d9;
    border-bottom: 7px solid transparent;
    border-left: 5px solid transparent;
    position:absolute; left:418px; top:-6px;
}

.process_2_4{width: 0;  height: 0;
    border-top: 7px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 11px solid #3673d9;
    position:absolute; right:400px; top:-6px;
}

.process_2_5{width: 0;  height: 0;
    border-top: 7px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 11px solid #3673d9;
    position:absolute; right:418px; top:-6px;
}


.process_3{ width:1278px; margin:0 auto; margin-top:70px; text-align:center;}

.process_3_1 { width:20%; }
/* .h1:hover,.h2:hover,.h3:hover,.h4:hover,.h5:hover,.h6:hover{
    width: 202px;
    height: 254px;
    border-radius: 4px;
    box-shadow: 0 0 9px 2px rgba(4,19,44,0.2);
    cursor: pointer;
    color:#3364b7;
} */

.process_3_1_1{  width:202px; height:254px; margin:0 auto; border-radius:4px; cursor:pointer; }
.process_3_1_2{  width:202px; height:254px; margin:0 auto; border-radius:4px; box-shadow: 0 0 9px 2px rgba(4,19,44,0.2); cursor:pointer;}
.process_3_color_1{ width:118px; height:6px; background-color:#3673d9; margin:0 auto; opacity:0;}
.process_3_img_1,.process_3_img_2,.process_3_img_3,.process_3_img_4,.process_3_img_5 { margin-top:66px;}
.img1{display: none; margin: 0 auto;}
.img2{display: block; margin: 0 auto;}
.process_3_name{ font-size:24px; color:#111111; margin-top:10px;}

/* .process_3_name_1,.process_3_name_2,.process_3_name_3,.process_3_name_4,.process_3_name_5{ font-size:24px; margin-top:10px;} */

.introduce_bg{ width:100%; height:540px; background-color:#ebf0f8;}
.introduce{ width:1278px; margin: auto;}
.introduce_1{ width:25%; margin-top:78px;}
.introduce_1_1{ width:294px; height:378px; background-color:#FFF; margin:0 auto; }
.introduce_1_img { width:100%;}
.introduce_1_img img{ width:100%; height:auto;}
.introduce_1_content{ font-size:16px; width:84%; height:114px; margin:0 auto; margin-top:18px;}
.introduce_1_down{ width:98%; height:38px;  text-align:center; line-height:38px; border-top:1px solid #d2ece8; color:#003da5;
    cursor:pointer;}
.advantage{  width:1278px; height:500px; margin:0 auto; margin-top:60px;}

.advantage_1{ width:25%; margin-top:78px;}
.advantage_1_1{ width:294px; height:328px;  margin:0 auto; }
.advantage_1_img { width:100%; text-align:center}

.advantage_1_content{ font-size:22px; width:100%; text-align:center;  margin-top:30px; color:#000000;}

.advantage_1_down{ width:86%; margin:0 auto; margin-top:26px; color:#0d0d0d;   }
.case_bg{  width:100%; height:560px; background-color:#ebf0f8; border-top:1px solid #FFF; }
.case { width:1300px;  margin:0 auto; margin-top:50px;}
.case_1{ width:100%; margin-top:130px;}
.case_1_1 { width:50px; text-align:center; margin-top:80px; cursor:pointer;}
.case_1_2 { width:1200px;}
.case_content{ width:25%;}
.case_content_1 { width:90%; margin:0 auto; cursor:pointer;}
.case_content_1_1{ width:100%;}
.case_content_1_1 img { width:100%; height:auto;}
.case_content_1_2{ width:100%; text-align:center; margin-top:14px; color:#03C; font-weight:550;}
.problem_bg{width:100%; height:980px; background-color:#ebf0f8; border-top:1px solid #ebf0f8;}
.problem { width:1278px; margin:0 auto;}
.problem_1{ width:618px; height:78px; margin:0 auto;}
.problem_1_1{ margin-top:16px;}
.problem_1_2{ font-size:44px; color:#151c2b; font-weight:600; margin-left:28px;}
.problem_2{ width:1200px; margin:0 auto; height:108px; background-color:#ffffff; border:1px solid #0266cd; margin-top:12px;}
.problem_2_1{ width:230px; height:108px; background-image:url(../img/img_35.png); background-repeat:no-repeat;
    line-height:108px; font-size:40px; font-weight:550; text-align:center; color:#FFF;}
.problem_2_2{ width:730px; margin-left:20px; }
.problem_2_2_1{ font-size:26px; color:#000; font-weight:500; margin-top:14px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.problem_2_2_2{ font-size:16px; margin-top:16px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.problem_2_3{ width:160px; height:46px; background-color:#f47700; color:#FFF; font-size:16px; border-radius:46px;
    line-height: 46px; text-align:center; margin-top:30px; margin-left:20px; cursor:pointer;}
.problem_3{ width:1200px; margin: auto; margin-top:50px;}
.problem_3 img { width:100%; height: auto;}

.news{ width:1278px; height:600px; margin: 0 auto;}
.news_1{ height:50px;}
.news_2{ width:1200px; margin:0 auto; margin-top:40px;}
.news_2_1{ width:590px; height:224px; }
.news_2_1_2{ margin-top:20px;}
.news_left_1 img { width:238px; height:auto;}
.news_2_1_1{ font-size:20px; color:#3e4d59; font-weight:550; }
.news_left_2{ width:300px; margin-left:40px;  line-height:26px; overflow:hidden;}
.news_2_2{ width:470px; height:224px; margin-left:50px;}
.news_list { margin-top:20px;}
.news_list li{ width:460px; line-height:30px; cursor:pointer; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.news_list li:hover{ color:#6487d5;}

.review_bg{ width:100%; height:auto;  background:url(../img/img_42.png) no-repeat 0px 0px; background-size:cover;  position:relative;}
.review{ width:1200px; height:634px; margin:0 auto;}
.review_1{ width:100%; text-align:center; font-size:48px; color:#FFF; padding-top:30px;}
.review_2{ width:100%; text-align:center; font-size:16px; color:#FFF; margin-top:46px;}
.review_3 { width:152px; height:40px; background-color:#3c6eff; margin:0 auto; margin-top:48px;
    text-align:center; line-height:40px; color:#FFF; border-radius:4px; cursor:pointer; font-size:16px;}
.review_4{ width:1278px; height:10px; margin:0 auto; margin-top:46px;}
.review_4_1{ width:568px; border-bottom:1px dashed #ffffff; opacity:0.46; margin-top:4px;}
.review_4_2	{ width:10px; height:10px; background-color:#03C; border-radius:50%; margin-left:6px;}
.review_4_3	{ width:10px; height:10px; background-color:#03C; border-radius:50%; margin-left:30px;}
.review_4_4{ width:568px; border-bottom:1px dashed #ffffff; opacity:0.46; margin-top:4px; margin-left:6px;}
.review_5{ width:650px; margin:0 auto; height:50px; margin-top:40px;}
.review_5_1_1{ width:44px; height:46px; background-color:#FFF; text-align:center;}
.review_5_2{ margin-left:30px;}
.review_5_1_1 img{ margin-top:13px;}
.review_5_1_2 input{ width:256px; height:44px; background-color:#FFF; border:none; color:#333; }
.review_6{ width:188px;  margin:0 auto; margin-top:40px;}
.review_6 input{ width:100%; height:36px; background-color:#3c6eff; color:#FFF; border:none; border-radius:4px; }
.review_7{ position:absolute; right:50px; top:-1px; cursor:pointer;}

.bottom{ width:100%; height:400px; background-color:#666;}
#hotnews li a{
    display:block;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}