@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0;     box-sizing: border-box; }
html, body { width: 100%;     font-family: '微软雅黑'; font-size: 14px; }
img { border:none ;    text-align-last: center;    vertical-align: middle;  max-width: 100%; }
#map span{ overflow: inherit;  }
#map img{ max-width: none; }
a { color:#333;text-decoration:none; }
a:hover { color:#1f4396 ;text-decoration:none;}
ul { list-style:none;}
li{ list-style-type :none;}
.clear {clear:both;    float: none!important;    background: none;    width: 0 !important;    height: 0 !important;}
.clearfix  {clear:both;}
.w1200 { max-width:90%; margin: 0 auto; width:1200px;}
.span{white-space: nowrap;   overflow: hidden;    text-overflow: ellipsis;    display: block;}
.p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.fl{float: left;}
input{ outline: none;}
address, caption, cite, code, dfn, em, th, var {
    font-style: normal;
    font-weight: normal;
}
table
{
    border-collapse:collapse;
}
tr{    border: 1px solid black!important;}
td{    border: 1px solid black!important;}


.header{ background: #fff; height: 110px;  }
.header img{ float: left; margin: 24px 0 0; }
.header .tel{ float: right; margin: 24px 0 0; background: url(../img/tel.png) no-repeat left center; padding: 0 0 0 50px; }
.header .tel span{ display: block; font-size: 18px; color: #666; }
.header .tel p{ font-size: 29px;font-weight: bold;color: #0078ff; }

.black1{ background: #f9f9f9; padding: 100px 0; }
.black1 h2{ color: #000; font-size: 60px; font-weight: bold; margin: 0 0 80px; text-align: center; text-shadow: 2px 0 #ff0000 , -2px 0px #00ffff; letter-spacing: 4px; }
.black1 h2 span{ display: table; font-size: 20px; text-shadow: none; font-weight: normal; line-height: 32px;  text-align: center; margin:20px auto 0;}

.black1 .black1_cont{ }
.black1 li{ margin:0 24px 0 0; float: left; width: calc((100% - 72px) / 4); background: #efefef; padding: 0 0 33px; border-radius: 30px; }
.black1 li h3{ font-size: 45px; font-weight: bold; color: #000;text-align: center; margin: 60px 0 60px;  text-shadow: 3px 3px #ccc; }
.black1 li .p1{   margin: 0 auto; border:5px solid #428efe; position: relative;z-index: 999; border-radius: 30px; width: 100%;  }

.black1 li .p1::after{ content: ""; position: absolute; top: -5px; left: -5px;  width: 100%; height: 100%;z-index: -1;border-radius: 30px;padding: 5px;
-moz-box-shadow:1px -1px 0px #ef8efe inset, -1px 1px 0px #42efef inset; 
-webkit-box-shadow:1px -1px 0px #ef8efe inset, -1px 1px 0px #42efef inset; 
box-shadow:1px -1px 0px #ef8efe inset, -1px 1px 0px #42efef inset;
}
.black1 li .p1::before{ content: ""; position: absolute; top: 0px; left: 0.5px; width: 98%; height: 96%; z-index: -1; border-radius: 26px; padding: 2px;
-moz-box-shadow:1px -1px 0px #ef8efe, -1px 1px 0px #42efef; 
-webkit-box-shadow:1px -1px 0px #ef8efe, -1px 1px 0px #42efef; 
box-shadow:1px -1px 0px #ef8efe, -1px 1px 0px #42efef;
}
.black1 li .p1 span{ display: table; width: 120px; line-height: 32px; position: absolute; top: -18px; left: 0; right: 0; margin: 0 auto; background: #428efe;  border-radius: 30px; font-size: 12px;}
.black1 li .p1 p{ vertical-align: middle; line-height:36px; font-size: 25px; color: #333; text-align: center; padding: 30px 0;}
.black1 li a{ display: block; text-align: center; color: #fff; margin: 0 auto; line-height: 44px; padding: 0 24px; }
.black1 li:nth-child(4){ margin: 0;}


.black2 { padding: 70px 0 90px; position: relative;}
.black2_left{ width: 53%; float: left;}
.black2_left h3{ font-size: 60px; color: #fff; font-weight: normal; text-align: left; padding: 24px 0 0 60px; position: relative; line-height: 79px; color: #000; height: 201px; } 

.black2_left ul{ width: 80%; margin: 56px auto 0; }
.black2_left li{color: #fff;  margin:0 0 20px; font-size: 18px; line-height: 32px; position: relative; width: calc(100% ); float: right;  padding: 0 0 0 70px;}

.black2_right{ position: absolute; bottom: 170px; left: 53%; }


.black3{ background: #03428e; padding: 120px 0 100px; position: relative; }
.black3 h2{ color: #fff; font-size: 60px; font-weight: bold; margin: 0 0 60px; text-align: center; text-shadow: 3px 0 #00ffff , -3px 0px #ff0000; letter-spacing: 4px; }

.black3_left{ position: relative; }
.black3_left h3{ font-size: 30px; line-height: 96px; font-weight: 300; color: #fff;text-align: center; }
.black3_left .li{ margin:0 18px 0 0; float: left; width: calc((100% - 72px) / 5); background: #fff;border-radius: 30px;}
.black3_left .li:nth-child(6){ margin: 0; }
.black3_left .black3_top{ padding: 30px 20px 0; background: #0067ff; font-size: 16px; line-height: 30px;color: #fff; border-radius:30px 30px 0 0;     height: 190px; }
.black3_left .black3_z{  background: #fff; width: 100%;  }
.black3_left .black3_z h4{ background: #272727; display: table; margin:10px auto; width: 80%; border-radius: 20px;line-height: 56px; text-align: center; color: #fff; font-size: 28px;
-moz-box-shadow:2px -0px 0px #00ffff, -2px 0px 0px #ff0000; 
-webkit-box-shadow:2px -0px 0px #00ffff, -2px 0px 0px #ff0000; 
box-shadow:2px -0px 0px #00ffff, -2px 0px 0px #ff0000;
 }
.black3_left .black3_bottom{ padding: 0 20px 30px; background: #002550; font-size: 16px; line-height: 30px;color: #fff; border-radius: 0 0 30px 30px;     height: 190px; }
.black3_left .black3_bottom span{ font-size: 24px; text-align: center; color: #fff; line-height: 56px; display: table; position: relative; margin: 0 auto; }
.black3_left .black3_bottom span::after{ content: ""; position: absolute; width: 100%; height: 2px; bottom: 12px; left: 0; background: #fff; }

.black4{ background: #f9f9f9; padding: 100px 0; }
.black4 h2{ color: #000; font-size: 60px; font-weight: bold; margin: 0 0 80px; text-align: center; text-shadow: 2px 0 #ff0000 , -2px 0px #00ffff; letter-spacing: 4px; }
.black4 h2 span{ display: table; font-size: 20px; text-shadow: none; font-weight: normal; line-height: 32px;  text-align: center; margin:20px auto 0;}

.black4 .w1200{ position: relative; }
.black4_right{}
.black4_li{border:5px solid #428efe; z-index: 999;  display: block; position: relative; margin:0 64px 48px 0; float: left; width: calc((100% - 192px) / 4); border-radius: 30px; }
.black4_li h3{ background: #fff; line-height: 120px; font-size: 30px; text-align: center; width: 100%; border-radius: 30px; }
.black4_li:nth-child(4n){ margin: 0 0 48px 0 ; }
.black4_li span{ color: #fff; display: table; width: 120px; line-height: 32px; position: absolute; top: -18px; left: 0; right: 0; margin: 0 auto; background: #428efe;  border-radius: 20px; font-size: 12px; text-align: center;}


.black4_li::after{ content: ""; position: absolute; top: -5px; left: -5px;  width: 100%; height: 100%;z-index: -1;border-radius: 30px;padding: 5px;
-moz-box-shadow:2px -2px 0px #ef8efe inset, -1px 1px 0px #42efef inset; 
-webkit-box-shadow:2px -1px 0px #ef8efe inset, -1px 1px 0px #42efef inset; 
box-shadow:2px -2px 0px #ef8efe inset, -1px 1px 0px #42efef inset;
}
.black4_li::before{ content: ""; position: absolute; top: 0px; left: 0.5px; width: 98%; height: 96%; z-index: -1; border-radius: 26px; padding: 2px;
-moz-box-shadow:2px -2px 0px #ef8efe, -2px 2px 0px #42efef; 
-webkit-box-shadow:2px -2px 0px #ef8efe, -2px 2px 0px #42efef; 
box-shadow:2px -2px 0px #ef8efe, -2px 2px 0px #42efef;
}


.black6{ padding: 85px 0; background: #237bdd; }
.black6 h2{ color: #fff; font-size: 60px; font-weight: bold; margin: 0 0 40px; text-align: center; text-shadow: 2px 0 #ff0000 , -2px 0px #00ffff; letter-spacing: 4px; }
.black6 h2 span{ display: table; font-size: 20px; text-shadow: none; font-weight: normal; line-height: 32px;  text-align: center; margin:20px auto 0;}

.black6 ul{margin: 45px 0 0;}
.black6 ul li{ padding: 42px 36px 38px; width: calc((100% - 148px) / 3); float: left; margin: 0 74px 0 0; }
.black6 ul li:nth-child(3){ margin: 0 0 0 0;}
.black6 ul li .ico{ height: 180px; width: 1%; margin: 0 auto; background: #fff;  border-radius: 20px; display: table-cell; vertical-align:middle;}
.black6 ul li img{ display: table; margin: 0 auto; vertical-align:middle; position: relative;}

.black6 ul li img::after{ content: ""; position: absolute; top: -5px; left: -5px;  width: 100%; height: 100%;z-index: -1;border-radius: 30px;padding: 5px;
-moz-box-shadow:2px -2px 0px #ef8efe inset, -1px 1px 0px #42efef inset; 
-webkit-box-shadow:2px -1px 0px #ef8efe inset, -1px 1px 0px #42efef inset; 
box-shadow:2px -2px 0px #ef8efe inset, -1px 1px 0px #42efef inset;
}
.black6 ul li img::before{ content: ""; position: absolute; top: 0px; left: 0.5px; width: 98%; height: 96%; z-index: -1; border-radius: 26px; padding: 2px;
-moz-box-shadow:2px -2px 0px #ef8efe, -2px 2px 0px #42efef; 
-webkit-box-shadow:2px -2px 0px #ef8efe, -2px 2px 0px #42efef; 
box-shadow:2px -2px 0px #ef8efe, -2px 2px 0px #42efef;
}

.black6 ul li span{  color: #fff; font-size: 28px; line-height: 72px; text-align: center; display: table;  margin:0 auto; position: relative;}
.black6 ul li span::after{ content: ""; position: absolute; width: 100%; height: 2px; bottom: 12px; left: 0; background: #fff; }
.black6 ul li p{ text-align: center; color: #fff; font-size: 18px;  line-height: 29px;}



.black7{ background: #f9f9f9; padding: 100px 0 80px; position: relative; }
.black7 h2{ color: #000; font-size: 60px; font-weight: bold; margin: 0 0 40px; text-align: center; text-shadow: 2px 0 #ff0000 , -2px 0px #00ffff; letter-spacing: 4px; }
.black7 h2 span{ display: table; font-size: 20px; text-shadow: none; font-weight: normal; line-height: 32px;  text-align: center; margin:20px auto 0;}
.black7 .w1200{ overflow: hidden; }
.black7 .ul{ padding: 10px 10px 60px 10px; position: relative; width: 100%;    height: 100%;}
.black7 .ul .li{ width: calc((100% - 140px) / 3); padding: 25px 65px 30px; background: #fff;  float: left; 
box-shadow: 0px 0px 12px 0px rgba(185,185,185,0.75);
-webkit-box-shadow: 0px 0px 12px 0px rgba(185,185,185,0.75);
-moz-box-shadow: 0px 0px 12px 0px rgba(185,185,185,0.75);
}
.black7 .ul .li:hover{
	-o-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
	box-shadow: 0px 0px 12px 0px rgba(87,87,87,0.66);
	-webkit-box-shadow: 0px 0px 12px 0px rgba(87,87,87,0.66);
	-moz-box-shadow: 0px 0px 12px 0px rgba(87,87,87,0.66);
}
.black7 .ul .li:nth-child(n+3){ margin: 0 70px 0 0;}
.black7 .ul .li:nth-child(3n){ margin: 0 0px 0 0;}
.black7 .ul .li img{display: block; margin: 0 auto;}
.black7 .ul .li h3{ margin: 28px 0 20px; font-size: 14px; text-align: center;}
.black7 .black7_txt { width: 80%; }
.black7 .ul .li .shu{ display: flex; position: relative;}
.black7 .ul .li .shu::after{ content: ""; position: absolute; top: 0px; left: 0; right: 0; margin: 0 auto; height: 48px; width: 1px; background: #ccc; }
.black7 .ul .li .shu span{ display: table; width: 50%; text-align: center; color: #7d7d7d; font-size: 14px;}
.black7 .ul .li .shu span em{ display: block; margin:12px 0 0; text-align: center;}
.black7 .ul .li a{ display: table; border: 1px #d8d8d8 solid;line-height: 38px;  border-radius: 10px; width: 100%; text-align: center; margin: 26px 0 0; color: #333; font-size: 14px;}
.black7 .w1200 > a{display: table; line-height: 48px; font-size: 18px;  color: #fff; background: #2e7fee; margin: 30px auto 0; padding: 0 80px;}
.black7 .w1200 .swiper-grid-column>.swiper-wrapper {      flex-wrap: wrap-reverse;    flex-direction: inherit;}


.black9{ padding: 80px 0 ; }
.black9 h2{ color: #333; text-align: center; font-size: 38px; padding: 0 0 50px; }
.black9 .ul{ padding: 10px 10px 60px 10px; position: relative; width: 100%;    height: 100%; }
.black9 .ul .li{ padding:  60px 30px 0;  width: calc((100% - 148px) / 3 ); float: left;cursor:pointer;  
box-shadow: 0px 0px 12px 0px rgba(185,185,185,0.66);
-webkit-box-shadow: 0px 0px 12px 0px rgba(185,185,185,0.66);
-moz-box-shadow: 0px 0px 12px 0px rgba(185,185,185,0.66);
}
.black9 .ul .li:hover{
	-o-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
	box-shadow: 0px 0px 12px 0px rgba(87,87,87,0.66);
	-webkit-box-shadow: 0px 0px 12px 0px rgba(87,87,87,0.66);
	-moz-box-shadow: 0px 0px 12px 0px rgba(87,87,87,0.66);
}

.black9 .ul .li em{ color: #989898; font-weight: bold; display: block; font-size: 14px; margin: 0 0 24px;}
.black9 .ul .li span{ color: #000; font-weight: bold; display: block; font-size: 16px; margin: 0 0 32px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;    display: block; }
.black9 .ul .li p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; max-height: 56px; height: 56px; line-height: 28px; font-size: 14px; }
.black9 .ul .li a{ display: block; color: #2468f3; margin: 30px 0 50px;  font-size: 14px; }

.black9 .w1200 > a{display: table; line-height: 48px; font-size: 18px;  color: #fff; background: #2e7fee; margin: 30px auto 0; padding: 0 80px;}
.black9 .w1200 .swiper-grid-column>.swiper-wrapper {      flex-wrap: wrap-reverse;    flex-direction: inherit;}

.black9 .news1{   position: fixed; width: 100%; height: 100%; background: rgb(0 0 0 / 40%); z-index: 1;  top: 0; left: 0;}

.black9 .news2{ width: 50%;  margin: 0 auto;  background: #fff; position: fixed; top: 40px; left: 0; right:0; z-index: 999;  padding:  50px 50px 70px 50px;  z-index: 9999999999999999;                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
	box-shadow: 0px 0px 50px 15px rgb(87 87 87);;
	-webkit-box-shadow: 0px 0px 50px 15px rgb(87 87 87);
	-moz-box-shadow: 0px 0px 50px 15px rgb(87 87 87);
}
  
 .black9 .news{ width:45%;  margin: 0 auto;  background: #fff; position: fixed; top: 60px; left: 0; right:0; z-index: 9999999999999999;  padding:  50px 50px 70px 50px; overflow: auto;  }

.black9 .news .pp{color: #666666;    font-size: 14px;    padding: 26px 0 16px;    border-bottom: 1px dashed #e5e5e5;} 
.black9 .news .pp span{    margin-right: 15px;}
.black9 .news_cont{ margin: 30px 0; }
.black9 .news img{ position: fixed; bottom: 40px; left: 0; right: 0; margin: 0 auto; width: 90px; cursor: pointer;  transition: all 0.5s ease;}
.black9 .news img:hover{-webkit-transform: rotate(360deg);}

.black10{ background: #f1f1f1; padding: 100px 0 80px; position: relative; }
.black10 h2{ color: #000; font-size: 60px; font-weight: bold; margin: 0 0 40px; text-align: center; text-shadow: 2px 0 #ff0000 , -2px 0px #00ffff; letter-spacing: 4px; }
.black10 h2 span{ display: table; font-size: 20px; text-shadow: none; font-weight: normal; line-height: 32px;  text-align: center; margin:20px auto 0;}

.black10_t{ color: #515151; line-height: 35px; }


.black11 { background: #fff; padding: 100px 0 80px; position: relative; }
.black11 h2{ color: #000; font-size: 60px; font-weight: bold; margin: 0 0 40px; text-align: center; text-shadow: 2px 0 #ff0000 , -2px 0px #00ffff; letter-spacing: 4px; }
.black11 h2 span{ display: table; font-size: 20px; text-shadow: none; font-weight: normal; line-height: 32px;  text-align: center; margin:20px auto 0;}







.newslist{ padding: 0px 0 50px; }
.newslist h2{ color: #333; text-align: center; font-size: 38px; padding: 0 0 50px; margin: 0 0 60px;}
.newslist ul{}
.newslist ul li{ padding:  60px 30px 0;  margin: 0 74px 70px 0;  width: calc((100% - 148px) / 3 ); float: left;
box-shadow: 0px 0px 12px 0px rgba(87,87,87,0.66);
-webkit-box-shadow: 0px 0px 12px 0px rgba(87,87,87,0.66);
-moz-box-shadow: 0px 0px 12px 0px rgba(87,87,87,0.66);
}


 .swiper {
        width: 100%;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
      }

      .swiper-slide {

        font-size: 18px;
        background: #fff;
        height: calc((100% - 30px) / 2);

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }
::-webkit-scrollbar

{

width:8px;

height:8px;

background-color:#F5F5F5;

}

/*定义滚动条轨道

内阴影+圆角*/

::-webkit-scrollbar-track

{

-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);

border-radius:10px;

background-color:#F5F5F5;

}

/*定义滑块

内阴影+圆角*/

::-webkit-scrollbar-thumb

{

border-radius:10px;

-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);

background-color:#555;

}


@media only screen and (max-width: 1200px){
.header{ height: 80px; }
.header img{ width: 45%;      margin: 28px 0 0;} 
.header .tel {    background: url(../img/tel.png) no-repeat left center; background-size: 30px;     padding: 0 0 0 40px;}
.header .tel span{ font-size: 12px; }
.header .tel p{ font-size: 16px; }

.black1{ padding: 40px 0; }
.black1 h2{ font-size: 20px;     margin: 0 0 40px;}
.black1 h2 span{font-size: 14px;}
.black1 li {    margin: 0 24px 20px 0;    float: left;    width: calc((100% - 24px) / 2); }   
.black1 li:nth-child(2n){ margin: 0 0 20px 0; }
.black1 li a{ padding: 0 10px; }
.black1 li h3{font-size: 18px; margin:20px 0;}
.black1 li .p1 span { width: auto; padding: 0 10px;}
.black1 li .p1 p{font-size: 14px;     padding: 15px 0;}

.black2 {    padding: 40px 0 40px;}
.black2_right{ display: none; }
.black2_left{ width: 100%; }
.black2_left h3{ font-size: 20px;     line-height: 36px;  background: none!important;  color: #fff;     height: auto;  text-align: center; padding: 0;}
.black2_left h3{}
.black2_left li{font-size: 14px;}

.black3{ padding: 40px 0; }
.black3 h2{ font-size: 20px;     margin: 0 0 10px;}
.black3_left h3{ font-size: 16px;  text-align: center; line-height: 36px; margin: 0 0 20px;}
.black3_left li{     margin: 0 18px 15px 0;   width: calc((100% - 18px) / 2); }
.black3_left li:nth-child(2n+1){ margin: 0 0 15px 0; }
.black3_left .black3_top{ padding: 20px 20px 0 20px; font-size: 12px;  }
.black3_left .black3_z h4{font-size: 18px;}
.black3_left .black3_bottom span{font-size: 16px; position: 0 20px 20px;}
.black3_left .black3_bottom{font-size: 12px; line-height:24px;}

.black4{ padding: 40px 0; }
.black4 h2{ font-size: 20px;     margin: 0 0 30px;}
.black4 h2 span{font-size: 14px;}


.black4_li{    margin: 0 64px 28px 0;    width: calc((100% - 64px) / 2);}
.black4_li h3{font-size: 16px;}
.black4_li:nth-child(2n) {    margin: 0 0 28px 0;}

.black6{ padding: 40px 0; }
.black6 h2{font-size: 20px;}
.black6 h2 span{font-size: 14px;}
.black6 ul li{  width: 100%; }

.black6 ul li span{font-size: 14px;}
.black6 ul li p{font-size: 12px;}


.black7{ padding: 40px 0; }
.black7 h2{font-size: 20px;}
.black7 h2 span{font-size: 14px;}

.black11{ padding: 40px 0; }
.black11 h2{font-size: 20px;}
.black11 h2 span{font-size: 14px;}

.black10{ padding: 40px 0; }
.black10 h2{font-size: 20px;}
.black10 h2 span{font-size: 14px;}


.black10_t span{ font-size: 18px!important; }
.black10_t p span{ font-size: 12px!important; }

.black9{ padding: 40px 0; }
.black9 .news{ padding: 10px 10px 20px 10px; }
.black9 h2{ font-size: 16px;     padding: 0 0 10px}
.black9 .news .pp span{ display: block; width: 100%; }

.foot_t .foot_dy{ display: none; }
.foot_t > span{font-size: 14px;}
.foot_t p{font-size: 16px; width: 100%;}
.foot_t ul{ width: 100%; }
.foot_t li{ float:left; width: calc(100% / 3);  padding: 10px 0 0 0; }
.foot_t li:nth-child(3n){ margin: 0;}
.foot_t li img{  width: 30%; display: block;; }
.foot_t li span{ font-size: 12px; }
.foot_li{ width: 100%; font-size: 12px; margin: 10px 0 0 0;}
.footer {    padding: 30px 0 30px;}



 .black9 .news{ width: 75%; }
 .black9 .news2{ width: 80%; }

}
.common_title{
	text-align:center;
    font-size:28px;
}
.common_title p{
	font-size:46px;
	font-weight: bold;
}
.common_title span{
	font-size:22px;
	padding-top:15px;
	display:block;
}

.process {

    background: #f9fbff;

    height: 546px;

}



.process .common_title {

    padding-top: 100px;

}


.blockbox {
	width: 1300px;
	margin: auto;
	  margin-top: auto;
  }
.process_ul {

    position: relative;

    margin-top: 70px;

}
.w1400 {
    width: 1400px;
  }

  .black3 h1 {
    color: #FFFFFF;
    font-size: 60px;
    text-align: center;
  }
.common_tit{text-align:center;clear:both;float:none}

.common_tit strong{color:#026bbc;font-size:36px;display:block}

.common_tit p{font-size:18px;padding-top:10px;color: #333;}

.common_tit i{font-size:0;line-height:0;background-color:#026bbc;display:inline-block;height:5px;width:70px;margin-top:10px}

.main_qwyxtg_shhmtyx{height: 600px;}
.main_qwyxtg_shhmtyx .common_tit{height: 158px;padding-top: 40px;}
.main_qwyxtg_shhmtyx .box ul li{float: left;width: 220px;text-align: center;margin-right: 108px;font-size: 16px;line-height: 26px;color: 888888;}
.main_qwyxtg_shhmtyx .box ul li strong{font-size: 24px;font-weight: normal;display: block;padding-top: 22px;padding-bottom: 15px;color: #026bbc;}
.main_qwyxtg_sem{height: 630px;background-color: #eef5f9;overflow: hidden;}
.main_qwyxtg_sem .box{height: 630px;position: relative;}
.main_qwyxtg_sem .box .pic{position: absolute;left: -140px;bottom: 0px;}
.main_qwyxtg_sem .box .text{position: absolute;width: 518px;top: 230px;right: 0px;z-index: 2;}
.main_qwyxtg_sem .box .text strong{font-size: 30px;font-weight: normal;display: block;padding-bottom: 15px;color: #666;}
.main_qwyxtg_sem .box .text p{line-height: 35px;font-size: 16px;padding-bottom: 20px;}
.main_qwyxtg_sem .box .text .logo{
	width: 100%;
	float: none;
}

.main_qwyxtg_haochu{background-image: url(../images/p2.jpg);background-repeat: no-repeat;background-position: center top;height: 861px; background-size:cover}
.main_qwyxtg_haochu .box{height: 861px;position: relative;}
.main_qwyxtg_haochu .box .left{position: absolute;left: 0px;top: 88px;width: 650px;}
.main_qwyxtg_haochu .box .left h1{color: #FFFFFF;font-size: 60px;margin: 0px;padding: 0px;}
.main_qwyxtg_haochu .box .left ul{}
.main_qwyxtg_haochu .box .left ul li{height: 56px;display: block;margin-top: 38px;color: #c3e0ee;clear: both;float: none;}
.main_qwyxtg_haochu .box .left ul li strong{font-size: 24px;font-weight: normal;color: #FFFFFF;line-height: 24px;display: block;padding-bottom: 10px;padding-top: 2px;}
.main_qwyxtg_haochu .box .left ul li p{font-size:18px}
.main_qwyxtg_haochu .box .left ul li img{float: left;margin-right: 10px;}
.main_qwyxtg_haochu .box .left .btn{padding-top: 120px;}
.main_qwyxtg_haochu .box .left .btn a{display: block;float: left;height: 50px;width: 165px;line-height: 50px;text-align: center;margin-right: 40px;font-size: 18px;background-color: #026bbc;color: #FFFFFF;-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;}
.main_qwyxtg_haochu .box .left .btn a.sq{color: #026bbc;border: 2px solid #026bbc;height: 46px;width: 161px;background-color: #FFFFFF;line-height: 46px;}
.main_qwyxtg_haochu .box .right{position: absolute;right: 0px;bottom: 50px;}
.main_qwyxtg_haochu .box .right div{position: absolute;}
.main_qwyxtg_haochu .box .right .m1{height: 688px;width: 736px;z-index: 1;right: -40px;bottom: 0px;}
.main_qwyxtg_haochu .box .right .m2{right: 22px;bottom: 240px;z-index: 2;}
.main_qwyxtg_haochu .box .right .m3{height: 445px;width: 677px;right: 30px;bottom: 280px;z-index: 3;}
.main_qwyxtg_duibi{background-color: #eef5f9;height: 744px;}
.main_qwyxtg_duibi .common_tit{height: 149px;padding-top: 80px;}
.main_qwyxtg_duibi .box{padding: 25px;}
.main_qwyxtg_duibi .box ul li{height: 382px;width: 285px;display: block;float: left;margin: 30px;-moz-box-shadow: 0px 0px 25px #c5cfd5;-webkit-box-shadow: 0px 0px 25px #c5cfd5;box-shadow: 0px 0px 25px #c5cfd5;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;text-align: center;padding-right: 30px;padding-left: 30px;line-height: 24px;}
.main_qwyxtg_duibi .box ul li .ico{-o-transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-ms-transition:all .6s;transition:all .6s;padding-top: 55px;padding-bottom: 48px;opacity: 0.53;
-ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity = 53);
filter: alpha(opacity = 53);}
.main_qwyxtg_duibi .box ul li p{
    font-size: 16px;
}
.main_qwyxtg_duibi .box ul li:hover .ico{opacity: 1;
-ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity = 100);
filter: alpha(opacity = 100);}
.main_qwyxtg_duibi .box ul li .ico img{-o-transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-ms-transition:all .6s;transition:all .6s;filter:grayscale(100%);
-webkit-filter:grayscale(100%);
-moz-filter:grayscale(100%);
-ms-filter:grayscale(100%);
-o-filter:grayscale(100%);
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter:grayscale(1)}
.main_qwyxtg_duibi .box ul li:hover .ico img{filter:grayscale(0%);
-webkit-filter:grayscale(0%);
-moz-filter:grayscale(0%);
-ms-filter:grayscale(0%);
-o-filter:grayscale(0%);
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);
-webkit-filter:grayscale(0)}
.main_qwyxtg_duibi .box ul li strong{font-size: 24px;font-weight: normal;color: #026bbc;display: block;padding-bottom: 20px;padding-top: 20px;}
.main_qwyxtg_tisheng{height: 580px;background-color: #eaeaea;}
.main_qwyxtg_tisheng .common_tit2{height: 225px;padding-top: 75px;}
.main_qwyxtg_tisheng ul li{float: left;width: 266px;text-align: center;color: #666;line-height: 26px;margin-right: 46px;}
.main_qwyxtg_tisheng ul li p{font-size: 16px;color:#000}
.main_qwyxtg_tisheng ul li .ico{height: 155px;width: 155px;margin-right: auto;margin-left: auto;line-height: 156px;font-size: 45px;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;background-image: url(../images/bg3.png);overflow: hidden;}
.main_qwyxtg_tisheng ul li:nth-child(2) .ico{background-image: url(../images/bg3.png);}
.main_qwyxtg_tisheng ul li:nth-child(3) .ico{background-image: url(../images/bg3.png);}
.main_qwyxtg_tisheng ul li:nth-child(4) .ico{background-image: url(../images/bg3.png);}
.main_qwyxtg_tisheng ul li strong{font-size: 24px;font-weight: normal;display: block;padding-top: 20px;padding-bottom: 20px;color:#026bbc;}
.common_tit2{text-align:center;clear:both;float:none}

.common_tit2 strong{color:#026bbc;font-size:36px;display:block}

.common_tit2 p{
	font-size:18px;
	padding-top:10px;
	color: #FFFFFF;
}
.how_do {

    width: 100%;

    background: #fff;

    overflow: hidden;
    margin-top:60px;

}



.how_do .blockbox {

    width: 1306px;

    height: 711px;

    background: url("../images/how_do_bg.jpg") no-repeat center;

    margin-top: 65px;

}



.how_do_list {

    padding: 25px 55px 0;

}



.how_do_list_each {

    float: left;

    width: 280px;

    height: 331px;

    border-radius: 5px;

    overflow: hidden;

    text-align: center;

    margin-top: 9px;

    margin-right: 22px;

}



.how_do_list_each .normal {

    width: 100%;

    height: 283px;

    background: #fff;

    border-radius: 5px;

    padding: 0 20px;

    margin: 15px 0 15px 0;

    padding-top: 34px;

    transition: 0.3s;

}



.how_do_list_each .normal_img {

    width: 73px;

    height: 73px;

    border-radius: 100%;

    border: 2px solid #ef6e0d;

    margin: auto;

    text-align: center;

    line-height: 69px;

}



.how_do_list_each .normal h2 {

    font-size: 22px;

    color: #222222;

    line-height: 22px;

    margin-top: 30px;

}



.how_do_list_each .normal p {

    font-size: 16px;

    color: #666666;

    line-height: 26px;

    margin-top: 22px;

    text-align: left;

}



.how_do_list_each .hover {

    width: 100%;

    height: 100%;

    border-radius: 5px;

    background: #ee6a12;

    padding: 52px 20px 0 20px;

    transition: 0.3s;

    opacity: 0;

}



.how_do_list_each .hover h2 {

    font-size: 22px;

    color: #ffffff;

    line-height: 22px;

}



.how_do_list_each .hover p {

    font-size: 16px;

    color: #ffffff;

    line-height: 26px;

    margin-top: 22px;

    text-align: left;

}



.how_do_list_each .info {

    margin-top: 50px;

    width: 280px;

    height: 207px;

    background: url("../images/how_do_sbg.png") no-repeat center;

    text-align: center;

    padding-top: 75px;

}



.how_do_list_each .info h2 {

    font-size: 24px;

    color: #ffffff;

    line-height: 24px;

    font-weight: normal;

}



.how_do_list_each .info p {

    font-size: 18px;

    color: #ffffff;

    line-height: 18px;

    margin-top: 15px;

}



.how_do_list_each:nth-child(5) {

    margin-top: -10px;

}



.how_do_list_each:nth-child(6) {

    margin-top: -10px;

}



.how_do_list_each:nth-child(7) {

    margin-top: -10px;

}



.how_do_list_each:nth-child(8) {

    margin-top: -10px;

}



.how_do_list_each:nth-child(4n) {

    margin-right: 0;

}



.how_do_list_each:hover .normal {

    transform: translateY(-331px);

}



.how_do_list_each:hover .hover {

    transform: translateY(-331px);

    opacity: 1;

}

.process_ul li {

    float: left;

    width: 232px;

    height: 222px;

    background: #fff;

    transition: 0.3s;

    text-align: center;

    padding-top: 70px;

    margin-right: 10px;

}



.process_ul li h3 {

    font-size: 20px;

    color: #222222;

    line-height: 20px;

    margin-top: 20px;

}



.process_ul li p {

    font-size: 14px;

    color: #666666;

    line-height: 14px;

    margin-top: 15px;

}



.process_ul li p:after {

    content: '';

    display: block;

    width: 18px;

    height: 3px;

    background: url("../images/process_icon6.png") no-repeat center;

    margin: 20px auto 0;

}



.process_ul li:last-child {

    margin-right: 0;

}



.process_ul li:hover {

    box-shadow: 0 0 6px 1px rgba(239, 110, 13, 0.35);

}

.process_ul li:nth-of-type(1):hover{

    box-shadow: none;

}

.process_ul_line {

    width: 1300px !important;

    height: 32px !important;

    background: url("../images/process_line.png") no-repeat center !important;

    position: absolute;

    top: 15px !important;

    left: -50px !important;

    padding: 0 !important;

    margin: 0 !important;

    z-index: 5 !important;

}



.free_diagnosis {

    width: 100%;

    height: 547px;

    background: url("../images/free_diagnosis_bg.jpg") no-repeat center;

}

footer {

    font-size: 0;

    background-color: #fff;

}

.footer_middle dl dd img{
	
	width:200px;
}

.center1200 {

    width: 1300px;

    margin: auto;

}



.footer_top {

    background-color: #fff;

    border-top: 1px solid #ededed;

}





.footer_middle {

    padding: 45px 0;

    background: #333;

}



.footer_middle_item2 {

    margin: 0 92px;

}



.footer_middle_item4 {

    margin: 0 80px;

}



.footer_middle dl {

    float: left;

}



.footer_middle dl dt {

    margin-bottom: 12px;

    padding-top: 4px;

}



.footer_middle dl dt a {

    color: #fff;

    font-weight: bold;

    font-size: 15px;

    font-weight: bold;

    -webkit-transition: all .2s;

    transition: all .2s;

}



.footer_middle dl dt a:hover {

    color: #ff7800;

}



.footer_middle dl dd {

    height: 36px;

    line-height: 36px;

}



.footer_middle dl dd a {

    font-size: 14px;

    color: #6f6f6f;

    vertical-align: middle;

    -webkit-transition: all .2s;

    transition: all .2s;

}



.footer_middle dl dd a:hover {

    color: #ff7800;

}



.footer_middle_r {

    padding-top: 6px;

}



.footer_middle_r_code img {
    width: 250px;
    margin: 55px 0 0;

}



.footer_middle_r i {

    margin: 0 26px 0 33px;

}



.footer_middle_r_r_t {

    font-size: 13px;

    color: #efefef;

}



.footer_middle_r_r_m {

    font-size: 22px;

    color: #efefef;

}



.footer_middle_r_r_b {

    display: inline-block;

    width: 86px;

    height: 25px;

    background-color: #f6f6f6;

    border-radius: 2px;

    font-size: 13px;

    color: #474747;

    text-align: center;

    line-height: 25px;

    margin: 4px 0 6px;

    -webkit-transition: all .2s;

    transition: all .2s;

}



.footer_middle_r_r_b:hover {

    opacity: 0.8;

}



.footer_middle_r_r_b:before {

    content: "";

    display: inline-block;

    width: 14px;

    height: 14px;

    background: url(../img/footer_contact.png);

    position: relative;

    top: 2px;

    margin-right: 3px;

}



.footer_middle_security li,.footer_middle_security a,.footer_middle_security img {

    display: inline-block;

    width: 120px;

    height: 44px;

}



.footer_middle_security li {

    margin-right: 20px;

}



.footer_bottom {

    line-height: 50px;

    background-color: #1f1f1f;

    font-size: 12px;

    color: #6b6b6b;

    text-align: center;

}



.back_top {

    position: fixed;

    bottom: 350px;

    right: 184px;

    width: 71px;

    height: 71px;

    background: url("../img/float_back_top.png") no-repeat center;

    z-index: 15;

    display: none;

    -webkit-transform: scale(0.66);

    -moz-transform: scale(0.66);

    transform: scale(0.66);

}



@media screen and (max-width: 1715px) {

    .back_top {

        right: 0;

    }

}

.clearfix {
	clear: both;
  }
  
  header,section {
        width: 100%;
    }

    header {
        position: fixed;
        height: 74px;
        color: #ccc;
        z-index: 999;
        top:0;
    }

    header.fixed {
        height: 70px;
    }

    header .logo {
        position: fixed;
        top: 24px;
        left: 50px;
        width: 180px;
        /*-webkit-transition: all .2s ease-in-out 0s;
        -moz-transition: all .2s ease-in-out 0s;
        -ms-transition: all .2s ease-in-out 0s;
        -o-transition: all .2s ease-in-out 0s;
        transition: all .2s ease-in-out 0s;*/
    }

    header.fixed .logo {
        width: 180px;
        top: 7px;
    }

    header .words {
        display: block;
        position: fixed;
        top: 40px;
        left: 250px;
        letter-spacing: 1px;
        font-weight: normal;
        /*-webkit-transition: all .2s ease-in-out 0s;
        -moz-transition: all .2s ease-in-out 0s;
        -ms-transition: all .2s ease-in-out 0s;
        -o-transition: all .2s ease-in-out 0s;
        transition: all .2s ease-in-out 0s;*/
    }

    header.fixed .words {
        top: 23px;
        left: 185px;
        font-size: 16px;
        font-weight: 400;
    }

    header nav.menu {
        margin: 36px 0 0 110px;
        text-align: center;
        /*-webkit-transition: all .2s ease-in-out 0s;
        -moz-transition: all .2s ease-in-out 0s;
        -ms-transition: all .2s ease-in-out 0s;
        -o-transition: all .2s ease-in-out 0s;
        transition: all .2s ease-in-out 0s;*/
    }

    header.fixed nav.menu {
        margin: 22px 0 0 85px;
    }

    header nav.menu ul li {
        margin: 0 12px;
        font-size: 20px;
        /*-webkit-transition: all .2s ease-in-out 0s;
        -moz-transition: all .2s ease-in-out 0s;
        -ms-transition: all .2s ease-in-out 0s;
        -o-transition: all .2s ease-in-out 0s;
        transition: all .2s ease-in-out 0s;*/
    }

    header.fixed nav.menu ul li {
        margin: 0 10px;
        font-size: 20px;
        position: relative;
        height: 48px;
    }
    header.fixed nav.menu ul li div{
        position: absolute;
        left:0;
        top:48px;
        width: 140px;
        text-align:center;
        display: none;
    }
    header.fixed nav.menu ul li div .bg1{
        position: absolute;
        left:0;
        top:0;
        background: #111;
        -moz-opacity: 0.6;
        opacity: 0.6;
        width: 100%;
        z-index:-1;
        display: block;
        height: 60px;
    }
    header.fixed nav.menu ul li div.active{
        display: block;
    }
    header.fixed nav.menu ul li div a{
        display: block;
        line-height: 30px;
        
    }
    header nav.menu ul li a {
        color: #ccc;
        letter-spacing: 2px;
        cursor: pointer;
    }

    header nav.menu ul li a:hover,
    header nav.menu ul li.active a {
        /*color: #00dfb9;*/
        text-decoration: none;
    }

    header nav.menu .line {
        position: absolute;
        top: -99999px;
        width: 0px;
        height: 3px;
        font-size: 3px;
        background-color: #00dfb9;
        display: none;
    }

    header .hotline {
        position: fixed;
        top: 32px;
        right: 215px;
        /*-webkit-transition: all .2s ease-in-out 0s;
        -moz-transition: all .2s ease-in-out 0s;
        -ms-transition: all .2s ease-in-out 0s;
        -o-transition: all .2s ease-in-out 0s;
        transition: all .2s ease-in-out 0s;*/
    }

    header.fixed .hotline {
        top: 20px;
        right: 185px;
    }

    header .hotline span {
        position: fixed;
        color: #00dfb9;
        font-family: Arial;
        font-weight: bold;
        font-size: 26px;
        letter-spacing: 1px;
        /*-webkit-transition: all .2s ease-in-out 0s;
        -moz-transition: all .2s ease-in-out 0s;
        -ms-transition: all .2s ease-in-out 0s;
        -o-transition: all .2s ease-in-out 0s;
        transition: all .2s ease-in-out 0s;*/
    }

    header.fixed .hotline span {
        font-size: 20px;
    }

    header .hotline u {
        position: fixed;
        top: 35px;
        right: 230px;
        display: block;
        width: 30px;
        height: 30px;
        text-decoration: none;
        background: url(/static/images/icons.png) no-repeat;
        /*-webkit-transition: all .2s ease-in-out 0s;
        -moz-transition: all .2s ease-in-out 0s;
        -ms-transition: all .2s ease-in-out 0s;
        -o-transition: all .2s ease-in-out 0s;
        transition: all .2s ease-in-out 0s;*/
    }

    header.fixed .hotline u {
        top: 20px;
        right: 195px;
    }

    header .hotline a {
        color: #00dfb9;
    }

    header .menu-icon {
        position: fixed;
        top: 34px;
        right: 48px;
        font-size: 24px;
        color: #00dfb9;
        z-index: 99;
        display: none;
    }

    header.fixed .menu-icon {
        top: 18px;
    }

    header .menu-icon a {
        color: #00dfb9;
        text-decoration: none;
    }

    header .menu-icon span {
        margin-left: 15px;
        -moz-opacity: 0.5;
        opacity: 0.5;
        cursor: pointer;
        /*-webkit-transition: all .3s ease-in-out 0s;
        -moz-transition: all .3s ease-in-out 0s;
        -ms-transition: all .3s ease-in-out 0s;
        -o-transition: all .3s ease-in-out 0s;
        transition: all .3s ease-in-out 0s;*/
    }

    header .menu-icon span.glyphicon-earphone {
        display: none;
    }

    header .menu-icon span:hover,
    header .menu-icon span.active {
        -moz-opacity: 1;
        opacity: 1;
        /*-webkit-transition: all .3s ease-in-out 0s;
        -moz-transition: all .3s ease-in-out 0s;
        -ms-transition: all .3s ease-in-out 0s;
        -o-transition: all .3s ease-in-out 0s;
        transition: all .3s ease-in-out 0s;*/
    }

    header .bg {
        position: absolute;
        top: 0px;
        width: 100%;
        height: 0px;
        background: #111;
        -moz-opacity: 0.6;
        opacity: 0.6;
        z-index: -1;
        /*-webkit-transition: all .2s ease-in-out 0s;
        -moz-transition: all .2s ease-in-out 0s;
        -ms-transition: all .2s ease-in-out 0s;
        -o-transition: all .2s ease-in-out 0s;
        transition: all .2s ease-in-out 0s;*/
    }

    header.fixed .bg {
        height: 70px;
    }

    .list-inline {
        padding-left: 0;
        margin-left: -5px;
        list-style: none
    }

    .list-inline>li {
        display: inline-block;
        padding-right: 5px;
        padding-left: 5px
    }

    img {
        max-width: 100%;
    }


section.contact {
	position: relative;
	background: url(/static/images/wallpaper8.jpg) 50% bottom;
	-moz-background-size: cover;
	background-size: cover;
}

.contact .box {
	position: relative;
	margin: 0 auto;
	width: 1000px;
	height: 330px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

.contact .box .above {
	padding-top: 90px;
	width: 100%;
	height: 200px;
	-moz-opacity: 0;
	
	-webkit-transition: all .6s ease-in-out 0s;
	-moz-transition: all .6s ease-in-out 0s;
	-ms-transition: all .6s ease-in-out 0s;
	-o-transition: all .6s ease-in-out 0s;
	transition: all .6s ease-in-out 0s;
}

.contact.active .box .above {
	top: 0px;
	-moz-opacity: 1;
	opacity: 1;
}

.contact .box .above .wechat {
	float: left;
}

.contact .box .above .left {
	float: left;
	margin: -12px 0px 0px 70px;
}

.contact .box .above .left a.tel {
	display: block;
	margin: 10px 0px 15px 0px;
	width: 243px;
	height: 37px;
	text-decoration: none;
	/*background: url(/static/images/words.png) no-repeat 0px -877px;*/
}

.contact .box .above .left p {
	margin-top: 8px;
	color: #FFF;
	line-height: 26px;
    text-align: justify;
}

.contact .box .above .left a {
	color: #FFF;
	text-decoration: none;
}

.contact .box .above .left p u {
	margin: 0 5px;
	text-decoration: none;
}

.contact .box .above .left p a.job {
	margin-left: 20px;
	color: #d00000;
	font-weight: bold;
    text-align: justify;
}

.contact .box .above .left p a.job:hover {
	border-bottom: 1px solid #d00000;
}

.contact .box .above .right {
	float: right;
	
	color: #FFF;
	line-height: 32px;
    text-align: justify;
    margin-top: 10px;
}

.contact .box .above .right u {
	margin: 0 5px;
	text-decoration: none;
}

.contact .box .below {
	position: relative;
	padding-top: 50px;
	width: 100%;
	border-top: 1px dotted #ccc;
}

.contact .box .below i {
	display: block;
	position: relative;
	top: 300px;
	margin: 0 auto;
	width: 424px;
	height: 86px;
	background: url(/static/images/words.png) no-repeat 0px -787px;
	-moz-opacity: 0;
	opacity: 0;
	-webkit-transition: all .6s ease-in-out 0s;
	-moz-transition: all .6s ease-in-out 0s;
	-ms-transition: all .6s ease-in-out 0s;
	-o-transition: all .6s ease-in-out 0s;
	transition: all .6s ease-in-out 0s;
}

.contact.active .box .below i {
	top: 0px;
	-moz-opacity: 1;
	opacity: 1;
}


.contact .box{width: 1200px; font-size: 16px; font-family: "Microsoft Yahei", "微软雅黑", Helvetica, Arial, sans-serif;}
.contact .box .above .left a.tel{background: none; height: auto; font-size: 36px; color: #00dfb9; font-weight: bold;}
.contact .box .above .left a.tel{width: 270px;}
.contact .box .above .left{margin-left: 170px;}