/*Generated by wjdhcms 3.0 */















@charset "utf-8";































::-webkit-scrollbar {















    width: 8px;















    height: 8px;















    background-color: #F5F5F5;















}































::-webkit-scrollbar-track {















    border-radius: 10px;















    background-color: #E2E2E2;















}































::-webkit-scrollbar-thumb {















    border-radius: 10px;















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















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















    background-color: #555;















}































::selection {















    background-color: #014fa1;















    color: #fff;















}































::-moz-selection {















    background-color: #014fa1;















    color: #fff;















}































::-webkit-selection {















    background-color: #014fa1;















    color: #fff;















}































* {















    padding: 0;















    margin: 0;















    font-family: 'Microsoft YaHei', arial, helvetica, clean, sans-serif;















}































body {















    font: 14px/1.231 'Microsoft YaHei', arial, helvetica, clean, sans-serif;















    color: #333;















    margin: 0;















    line-height: 1.5;















}































:focus {















    outline: 1;















}































article,















aside,















canvas,















details,















figcaption,















figure,















footer,















header,















hgroup,















menu,















nav,















section,















summary {















    display: block;















}































a {















    color: #333;















    text-decoration: none;















}































a:link,















a:hover,















a:active,















a:visited {















    text-decoration: none;















}































ins {















    background-color: #ff9;















    color: #000;















    text-decoration: none;















}































mark {















    background-color: #ff9;















    color: #000;















    font-style: italic;















    font-weight: bold;















}































del {















    text-decoration: line-through;















}































table {















    border-collapse: collapse;















    border-spacing: 0;















}































hr {















    display: block;















    height: 1px;















    border: 0;















    border-top: 1px solid #cccccc;















    margin: 1em 0;















    padding: 0;















}































input,















select {















    vertical-align: middle;















}































li,















ul {















    list-style-type: none;















}































img {















    border: none;















}































input,















textarea {















    outline: 0;















    border: 0;















}































textarea {















    resize: none;















}































h1,















h2,















h3,















h4,















h5,















h6,















dl,















dd,















dt,















i,















em {















    font-weight: normal;















    font-style: normal;















}































.fixedNav {















    position: fixed;















    top: 0px;















    left: 0px;















    width: 100%;















    z-index: 100000;















    _position: absolute;















    _top: expression(eval(document.documentElement.scrollTop));















}































.clear {















    clear: both;















}































.left {















    float: left;















}































.right {















    float: right;















}































.between {















    width: 1200px;















    margin: 0 auto;















}































.between-1 {















    width: 1200px;















    margin: 0 auto;















    position: relative;















}































/*header*/















.web_header_hh {















    width: 100%;















    height: 164px;















}































.web_header {











width: 1200px;











margin: 0 auto;











position: relative;



}































.web_hh_t {















    line-height: 40px;















    height: 40px;















    background: #f8f8f8;















}































.web_hh_t h6 {















    float: left;















    font-size: 14px;















    color: #666;















}































.web_hh_t .web_h_R {















    float: right















}































.web_hh_t .web_h_R a {















    color: #666;















    font-size: 14px;















    display: block;















    float: left;















    margin-left: 20px;















}































.web_hh_t .web_h_R img {















    margin: 13px 5px 0 0;















    display: block;















    float: left;















}































.web_header .web_hh_b {















    margin-top: 14px;















}































.web_hh_b .web_hh_logo {















    float: left;















}































.web_hh_b .web_hh_logo a {





display: block;





font-size: 60px;





color: #333;





font-weight: bold;





letter-spacing: 9px;





line-height: 1.2;

}































.web_hh_b .web_hh_logo a i {















    color: #014fa1;















    font-style: normal;















    font-weight: bold;















}































.web_hh_b .web_hh_logo span {





font-size: 24px;





color: #999;





letter-spacing: 15px;





display: block;





line-height: 1;

}































.hh_text {











border-left: 1px solid #ededed;











height: 0px;











padding-left: 20px;











margin: 00px 0 0 20px;











width: 275px;











position: absolute;











top: 0;











right: -12px;











position: absolute;











top: 43px;



}































.hh_text b {







    font-size: 21px;







    color: #666;







    margin-bottom: 5px;







}































.hh_text p {



    font-size: 18px;



    color: #333;



}































.hh_text p span {















    color: #014fa1;















}































.web_hh_b .web_hh_tell {











float: right;











width: 22%;











background: url("../images/header_p.png") no-repeat 0 10px;











padding-left: 70px;











height: 57px;











display: flex;











align-items: center;











position: absolute;











top: -10px;











right: 0;



}































.web_hh_b .web_hh_tell p {















    font-size: 20px;















    color: #333;















    float: left;















    margin-top: 4px;















}































.web_hh_b .web_hh_tell h6 {















    font-size: 30px;















    color: #014fa1;















    font-family: Impact;















    float: left;















}































.topxunpan {















    width: 200px;















    height: 40px;















    float: left;















    background: url("../images/you.png") no-repeat 20px 14px;















    padding-left: 25px;















}































.topxunpan .xp {















    position: relative;















    line-height: 40px;















    color: #666;















    font-size: 14px;















    cursor: pointer;















    text-align: center;















}































.topxunpan .xp img {















    position: relative;















    top: 2px;















    margin-right: 2px;















}































.topxunpan .xp i {















    color: #fff;















    padding: 1px 6px;















    background-color: #014fa1;















    border-radius: 4px;















}































.topxunpan .xp #xunpantip {















    z-index: 999;















    position: absolute;















    top: 35px;















    left: 50%;















    width: 180px;















    height: 30px;















    line-height: 30px;















    text-align: center;















    color: #fff;















    font-size: 14px;















    -webkit-transform: translateX(-50%) scale(0);















    -moz-transform: translateX(-50%) scale(0);















    -o-transform: translateX(-50%) scale(0);















    -ms-transform: translateX(-50%) scale(0);















    transform: translateX(-50%) scale(0);















    -webkit-transition: transform .4s, opacity .4s;















    -moz-transition: transform .4s, opacity .4s;















    -o-transition: transform .4s, opacity .4s;















    -ms-transition: transform .4s, opacity .4s;















    transition: transform .4s, opacity .4s;















    background-color: #014fa1;















    border-radius: 4px;















    opacity: 0;















    font-weight: bold;















    box-shadow: 5px 5px 2px #dfdfdf;















}































.topxunpan .xp #xunpantip::after {















    content: '';















    position: absolute;















    top: -16px;















    left: 50%;















    width: 0;















    height: 0;















    -webkit-transform: translateX(-50%);















    -moz-transform: translateX(-50%);















    -o-transform: translateX(-50%);















    -ms-transform: translateX(-50%);















    transform: translateX(-50%);















    border: 8px solid transparent;















    border-bottom-color: #014fa1;















}































.topxunpan .xp #xunpantip.xunpantextactive {















    -webkit-transform: translateX(-50%) scale(1);















    -moz-transform: translateX(-50%) scale(1);















    -o-transform: translateX(-50%) scale(1);















    -ms-transform: translateX(-50%) scale(1);















    transform: translateX(-50%) scale(1);















    opacity: 1;















}































/*nav*/















.nav {















    height: 50px;















    background: #014fa1;















}































.nav .center {















    width: 1200px;















    margin: 0 auto;















}































.nav .center .navs {















    height: 50px;















    /*padding-top: 10px;*/















}































.nav .center .navs .another>a {















    color: white;















    background-color: #e77830;















}































.nav .center .navs>li {















    float: left;















    height: 50px;















    transition: 0.5s;















    position: relative;















}































.nav .center .navs>li:hover>.down {















    opacity: 1;















}































.nav .center .navs>li:hover>.down>i {















    height: 40px;















    border-bottom: 1px solid white;















}































.nav .center .navs>li:hover>.down>i>a {















    height: 40px;















    line-height: 40px;















    font-size: 16px;















}































.nav .center .navs>li>.down {















    position: absolute;















    width: 130px;















    top: 50px;















    left: 0px;















    opacity: 0;















    z-index: 66666;















}































.nav .center .navs>li>.down>i {















    height: 0px;















    display: block;















    background: #dcdcdc;















    position: relative;















    transition: 0.5s;















}































.nav .center .navs>li>.down>i>a {















    height: 0px;















    line-height: 0px;















    font-size: 0px;















    display: block;















    color: black;















    text-align: center;















    background: linear-gradient(to right, #e77830, #e77830) no-repeat;















    background-size: 0% 100%;















    transition: 0.5s;















    padding: 0px;















    border-radius: 0%;















}































.nav .center .navs>li>.down>i>a:hover {















    background: linear-gradient(to right, #e77830, #e77830) no-repeat;















    background-size: 100% 100%;















    color: white;















}































.nav .center .navs>li>.down>i:hover>.down_ {















    width: 100%;















    opacity: 1;















}































.nav .center .navs>li>.down>i:hover>.down_>i {















    height: 40px;















    border-left: 1px solid white;















    border-bottom: 1px solid white;















}































.nav .center .navs>li>.down>i:hover>.down_>i>a {















    font-size: 16px;















    line-height: 40px;















}































.nav .center .navs>li>.down>i>.down_ {















    width: 0%;















    position: absolute;















    left: 130px;















    top: 0px;















    transition: 0.5s;















    opacity: 0;















}































.nav .center .navs>li>.down>i>.down_>i {















    font-size: 16px;















    height: 0px;















    display: block;















    background: #dcdcdc;















    transition: 0.5s;















    position: relative;















}































.nav .center .navs>li>.down>i>.down_>i>a {















    line-height: 0px;















    font-size: 0px;















    display: block;















    color: black;















    text-align: center;















    background: linear-gradient(to right, #e77830, #e77830) no-repeat;















    background-size: 0% 100%;















    transition: 0.5s;















    padding: 0px;















    border-radius: 0%;















    overflow: hidden;















    text-overflow: ellipsis;















    white-space: nowrap;















}































.nav .center .navs>li>.down>i>.down_>i>a:hover {















    background: linear-gradient(to right, #e77830, #e77830) no-repeat;















    background-size: 100% 100%;















    color: white;















}































.nav .center .navs>li:hover>a {















    color: white;















    background-color: #e77830;















}































.nav .center .navs>li>a {















    padding: 0 34px;















    display: block;















    height: 50px;















    font-size: 15px;















    font-weight: normal;















    letter-spacing: 0px;















    transition: 0.5s;















    color: #fff;















    line-height: 50px;















    /*border-radius: 25px;*/















}































.subnav {















    width: 100%;















    overflow: hidden;















    position: absolute;















    top: 50px;















    left: 0;















    z-index: 100;















    display: none;















    border-radius: 0 0 40% 40%;















    -moz-box-shadow: 0 3px 3px 0px #eee;















    -webkit-box-shadow: 0 3px 3px 0px #eee;















    box-shadow: 0 3px 3px 0px #eee;















    background: rgba(255, 255, 255, 0.5);















}































.subnav_title {















    line-height: 34px;















    font-size: 20px;















    color: #333;















    font-weight: bolder;















    margin-top: 10px;















}































.clientele_nav1 a {















    font-size: 14px;















    color: #e77830;















}































.clientele_nav1 a i {















    display: inline-block;















    *display: inline;















    *zoom: 1;















    width: 25px;















    transition: 0.5s;















    height: 25px;















    margin-right: 10px;















    position: relative;















    top: 5px;















}































.clientele_nav1 .con {















    margin-bottom: 22px;















    transition: 0.5s;















}































.subnav_list1 {















    width: 275px;















    float: left;















    margin-right: 20px;















}































.subnav_list .subnav_list1 li {















    width: 100%;















    margin-right: 0;















}































.subnav_listw .subnav_list1 li {















    width: 100%;















    margin-right: 0;















}































.pro_subnav1 {















    width: 225px;















    float: left;















    padding-left: 40px;















    overflow: hidden;















}































.navs .pro_subnav1 li {















    position: relative;















    border-right: 1px solid #eee;















}































.navs .pro_subnav1 li a {















    line-height: 27px;















    display: block;















    width: 160px;















    font-size: 13px;















    color: #666;















    padding: 11px 0 9px 0;















    border-bottom: 1px solid #e1e1e1;















    transition: 0.5s;















}































.navs .pro_subnav1 li.on a,















.navs .pro_subnav1 li:hover a {















    color: #e77830;















    font-weight: bolder;















    border-bottom: 3px solid #e77830;















}































.navs .pro_subnav1 li.on i {















    display: block;















}































.navs .pro_subnav1 i {















    display: block;















    width: 8px;















    height: 14px;















    position: absolute;















    right: -1px;















    top: 50%;















    margin-top: -7px;















    display: none;















}































.pro_subnav2 ul {















    display: none;















}































.pro_subnav2 ul:first-of-type {















    display: block;















}































.pro_subnav2 {















    width: 240px;















    margin-right: 80px;















    float: left;















    height: 100%;















    padding-top: 20px;















    border-right: #eee 1px solid;















}































.pro_subnav2 ul li {















    padding: 11px 0 10px 0px;















    line-height: 27px;















    width: 150px;















    overflow: hidden;















    text-overflow: ellipsis;















    white-space: nowrap;















}































.pro_subnav2 ul li a {















    font-size: 13px;















    color: #e77830;















    transition: 0.5s;















}































.pro_subnav2 ul li a:hover {















    font-size: 14px;















    color: #e77830;















    font-weight: bolder;















}































.pro_subnav3 {















    width: 557px;















    float: left;















}































.pro_subnav3 .subnav_title {















    margin: 15px 0 15px 0;















}































.pro_subnav3_path {















    display: block;















    border-bottom: 1px solid #eee;















    padding-bottom: 13px;















    overflow: hidden;















}































.pro_subnav3_path img {















    width: 150px;















    margin: 20px 27px 0 0;















    float: left;















}































.pro_subnav3_path_r {















    width: 330px;















    padding-right: 6%;















    float: left;















}































.pro_subnav3_path .title {















    margin: 15px 0 8px 0;















    line-height: 29px;















    font-size: 16px;















    color: #333;















}































.pro_subnav3_path:hover .title {















    color: #e77830;















}































.pro_subnav3_path .con {















    line-height: 26px;















    font-size: 13px;















    color: #666;















    text-align: left;















}































.pro_subnav3_path .arrowR {















    border-top: 5px solid transparent;















    border-left: 5px solid #e77830;















    border-bottom: 5px solid transparent;















    margin-left: 10px;















    display: inline-block;















    *display: inline;















    *zoom: 1;















    width: 0;















    height: 0;















}































.pro_subnav2 .arrowR {















    border-top: 5px solid transparent;















    border-left: 5px solid #e77830;















    border-bottom: 5px solid transparent;















    margin-left: 10px;















    display: inline-block;















    *display: inline;















    *zoom: 1;















    width: 0;















    height: 0;















    margin-right: 20px;















    transition: 0.5s;















}































.pro_subnav {















    overflow: hidden;















    width: 1200px;















    margin: 0 auto;















    padding-top: 20px;















    padding-bottom: 40px;















    background: white;















}































/*foot*/















.web_foot {















    width: 100%;















    background: #333;















}































.foot {















    width: 1200px;















    margin: 0 auto;















}































.foot_t {















    padding-bottom: 66px















}































.foot-a {















    width: 165px;















    margin-right: 45px;















    border-right: 1px solid #858585;















    height: 211px;















}































.foot-a,















.footR {















    margin-top: 35px;















}































.foot-a p {















    font-size: 16px;















    color: #fff;















    margin-bottom: 15px;















    letter-spacing: 1px;















    font-weight: bold;















}































.foot-a p span {















    font-size: 24px;















}































.foot-a li a {















    font-size: 14px;















    color: #ddd;















    display: block;















    line-height: 34px;















    transition: all .6s;















}































.foot-a li:hover a {















    color: #f07905;















}































.footR {















    width: 350px;















}































.footR p {















    font-size: 14px;















    color: #f07905;















}































.footR h3 {















    font-family: Impact;















    font-size: 32px;















    letter-spacing: 1px;















    color: #f07905;















}































.footR .inF h6:first-child {















    border-bottom: 1px solid #858585;















    margin-bottom: 40px;















}































.footR .inF h6 {















    font-size: 14px;















    color: #fff;















    line-height: 34px;















}































.foot_boot {















    width: 100%;















    height: 60px;















    border-top: 1px solid #858585;















    box-sizing: border-box;















    line-height: 59px;















    color: #fff;















    font-size: 14px;















}































.foot_boot p a {















    color: #fff;















    margin: 10px;















}