body{ width:100%;font-size:12px; background:#FFF; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-family:"Microsoft Yahei"; color:#484848;min-width:1200px;}
div{margin: 0px; padding: 0px;}
span,p{margin: 0px; padding: 0px;}
h1,h2,h3,h4,h5,h6{margin: 0px; padding: 0px;}
img{margin: 0px; padding: 0px;}
dl,dt,dd,ol,ul,li{margin: 0px; padding: 0px; list-style: none;}
img{border-right-width: 0px;border-top-width: 0px;border-bottom-width: 0px;border-left-width: 0px;}
from,input,select{margin: 0px; padding: 0px;}
.clear{clear:both; font-size:0px; overflow:hidden; height:0px;}
a{ color: #221f1f; text-decoration: none;}
a:hover{color:#021163; text-decoration: none;}
.cp img{border:1px solid #dfdfdf;}
.cp img:hover{border:2px solid #021163; }
#copy{ display:none;}
.totalwidth {width:1200px; margin:0 auto; height:auto; }
.totalwidthpercent {width:100%; margin:0 auto;}	
.fl{ float:left;}
.fr{ float:right;}	
#classimgshow2{line-height:38px;}
.xwlb_img img{border:1px solid #dddddd;}
.top30{ height:45px;} 
.box { width: 1200px; height:auto; margin: 0 auto; min-width: 1200px;}
.page{width:1200px;margin:0 auto;}
.about_number a:hover{ color:#fff}

/*共同结束*/


/*小导航*/
.mianbxContent { margin-bottom: 15px !important; height: 50px !important; line-height: 50px !important; font-size: 16px !important; text-align: left !important; width: 100% !important; text-indent: 1.5em; transition:0.1s all; border: 1px dashed #ddd; letter-spacing: 1px; position: relative;}
.mianbxContent a{ font-size:16px !important; }
.mianbxContent:hover{ border: 1px dashed #021163;}
.strong_title { display: none; }
.centerHeadImage { border: 0; display: none; }
.mianbxContent a:hover{ color:#000;}
.mianbxContent::after { content: ''; position: absolute; display: block; height: 40px; width: 200px; top: 0; right: 0; }




/*进入*/
#jr_bg{ 
    width: 100%;
    height: 18px;
   /* background: url(../images/header.jpg) center no-repeat;*/}
#jr_bj{ width:1200px; margin:auto;}
#jr_wz{ width:775px; height:35px; float:right; font-size:14px; color:#484848; line-height:35px;}
#jr_wz1{  float:left; margin-left:-25%}
#jr_wz1 img{ width:15px; height:14px; margin-right:10px;}
#jr_wz2{ width:213px; float:right;}
#jr_wz2 a{ font-size:14px; color:#484848;}
#jr_wz2 a:hover{ color:#000;}



/*抬头*/
#tt_bg{   
     width: 100%;
    margin-top: -20px;
    height: 90px;
    /*background: url(../images/20190514154127_177495798.jpg) -32px no-repeat;*/}
#tt_bj{ width:1200px; margin:auto;}
#tt_logo{ height:auto; float:left;}
.tt_logow{ width:183px; float:right; display: inline-block;}

.tt_logol img{ width:148px; float:left;animation: myfirst 2s infinite; display: inline-block;}

 @keyframes myfirst {  0% {  
               transform: translate(0px, 0px);  }  
           50% {  
               transform: translate(0px, -10px);  
           }  
           100% {  
               transform: translate(0px, 0px);  
           }  
       } 

.tt_wz{     
    width: 468px;
    height: 57px;
    text-align: center;
    float: left;
    margin-left: -70px;
    margin-top: -7px;
}
.tt_wz span{ 
    color: #021163;  
    font-size: 28px;
    line-height: 30px;
    font-weight: bold;
    margin-left: -55px;}
.tt_wz1{     
    font-size: 14.2px;
    color: #484848;
    float: left;
    margin-left: 53px;
    margin-top: 3px;}
.tt_dh{
    float: right;
    padding-right: 13px;
    margin-top: 1px;
 }


/*nav*/
#nav_bg{width:100%;height:70px; background:#021163; }
#nav{ width:1200px; margin:auto; height:70px; } 
#nav ul li{line-height:70px;}
#nav ul .none { background: #021163;}
#nav ul .none a{color:#fff;}
#nav li{ font-size:16px; line-height:70px; float:left; text-align:center; width:12%;}
#nav ul li a{color:#fff; text-decoration: none; font-size:16px; height:70px; line-height:70px; display:block; text-align:center;}
#nav ul li a:hover{ color:#fff; text-decoration:none; font-size:16px; text-align:center; transition: all 0.5s linear; background: #00a0ce;  }
#nav .a_nav a{color:#fff; text-decoration:none; font-size:16px; text-align:center;transition: all 1s linear; background: #021163;}

/*幻灯片*/
#banner{height:600px; width:100%; margin:0 auto;}

/*搜索*/

#search_bg { width: 100%; height: 70px; background: #f5f5f5;}
#search_bgn { width: 100%;  height: 70px; background: #f5f5f5; position: absolute; top: 600px;}
#search {  width: 1200px; height: auto; margin: 0 auto; line-height: 70px;}
.search_01 { float: left;}
.search_01 .fl { margin-top: 12px;}
.search_01 span {color: #222; font-size: 15px; line-height: 60px; font-weight: bold;}
.search_01 a { font-size: 14px;  color:#484848;}
.search_01 a:hover {font-size: 14px; color:#000;}
.search-d {  margin-top:15px;}
.search-bgp { width:350px; height:38px; font-size: 14px; line-height:40px; padding-left: 15px; color:#484848; background: none; outline: none; border: 1px solid #ddd;  border-right: none;  padding-top: 0px!important; padding-bottom: 0px!important;}
.search-ip { width:54px;  height:40px; background: url(../images/20190514163043_424431531.jpg) no-repeat center;  border: none; cursor: pointer;}
.search-bg { float: left; overflow: hidden;}
.search-i { float: left; overflow: hidden;}


/* products */
#cp_bg{ width:1200px; margin:auto; padding-top:46px;}
#cp_bz{ width:375px; height:141px; background:url(../images/20190517171156_1492875074.jpg) center no-repeat; margin:auto;}
.cp_wz{ height:68px; padding-top:38px;}
.cp_wz1{ font-size:40px; line-height:30px; color:#333; text-align:center; font-weight:bold;}
.cp_wz1 span{color:#021163;}
.cp_wz2 { font-size:18px; line-height:54px; color:#666; text-align:center;font-weight: 100;}

.cp_dj{ width:300px; height:45px; margin:auto; margin-right:206px; margin-top:25px;}
.cp_ls{ width:150px; height:45px; background:#00a0ce; font-size:16px; color:#fff; line-height:45px; text-align:center; float:left;}
.cp_ls a{ font-size:16px; color:#fff; display:block;}
.cp_cs{ width:150px;height:45px; background:#021163; font-size:16px; color:#fff; line-height:45px; text-align:center; float:right;}
.cp_cs a{font-size:16px; color:#fff; display:block;}

.pro_bg{width:100%;background:#fff;margin:42px 0;}
.pro_bj{ width:100%; height:760px; background:url(../images/20190517170156_1426374811.jpg) top center no-repeat; }
.pro_le{width:270px;}
.pro_le_top{background:url(../images/20190514170407_1819665573.png) center no-repeat; padding:20px 30px 40px;text-align: center;}
.pro_le_top p{font-size:26px;line-height:40px;font-weight:bold; color:#fff; margin-bottom:10px;}
.pro_le_top em{ width:191px; height:14px;}
.pro_le_cen{background:#f5f5f5; width:270px; }
.pro_le_cen tr{width:240px; height:45px;background:#fff url(../images/20190514172529_435739679.png) no-repeat -15px;display:block;margin:2px 15px; transition:0.6s; text-align:center; }
.pro_le_cen tr+tr{ border-bottom: 1px solid #f3eeee;}
.pro_le_cen tr:hover{background:#fff url(../images/20190514175014_57247967.png) no-repeat center;box-shadow: 0 0 10px #2556c5; transition:0.6s;}
.pro_le_cen td{line-height:45px;width: 100%;}
.pro_le_cen td a{ width:240px; display:block;font-weight:normal !important;font-size:16px; height:45px; line-height:40px;}
.pro_le_cen tr:hover a{color:#021163;}

.cp_lx{ width:240px; height:270px; background:#021163; padding:15px;}
.cp_lxw{ width:240px; height:60px; margin:auto;}
.cp_lxw1{ font-size:22px; line-height:30px; color:#fff; font-weight:bold; padding-top:20px;}
.cp_lxw2{ font-size:14px; line-height:45px; color:#fff;}
.cp_lxw2 img{ width:16px; height:16px; margin-right:5px;}
.cp_lxw2 span{ font-size:22px; font-weight:bold; letter-spacing: -1px; font-family:Arial, Helvetica, sans-serif;}

.cp_kk{ width:240px; height:40px; margin-top:50px;}
.cp_kk1{ width:110px; height:40px; background:#00a0ce; float:left; font-size:14px; line-height:40px; text-align:center; color:#fff;}
.cp_kk1 a{ font-size:14px; color:#fff; display:block;}
.cp_kk2{ width:110px; height:40px;  background:#888; float:right; font-size:14px; line-height:40px; text-align:center; color:#fff;}
.cp_kk2 a{ font-size:14px;  color:#fff;  display:block;}


.hot_product{width:900px; height:auto; margin:0 auto; height:auto; overflow:hidden;}
.hot_product_l{width:40px; float:left; padding-top:345px; position:absolute; margin-left:800px;}
.hot_product_c{width:900px !important; height:320px; float:left;}
.hot_product_c li{float:left; width:900px;}
.hot_product_r{width:40px; float:right; padding-top:345px; text-align:right; position:absolute; margin-left:850px;}
.zz_l a{ background:#021163 url(../images/20190515160418_1979752523.png) no-repeat; width: 50px; height: 45px;  display: block;}
.zz_r a{ background:#888 url(../images/20190515160306_55712668.png) right no-repeat; width:50px; height:45px; display: block;}
.zz_l a:hover{ background:#021163 url(../images/20190515160418_1979752523.png) no-repeat; width: 50px; height: 45px;  display: block;}
.zz_r a:hover{ background:#021163 url(../images/20190515160306_55712668.png) right no-repeat; width:50px; height:45px; display: block;}



.pro_ri{width:900px; height:320px;}
.pro_ri_top{height:320px;position:relative;}





.page_title3{ background: url(../images/20190516/20190516153712_1568721673.png) no-repeat center; height: 31px; padding: 13px 0; margin:0 0 25px; }
.page_title3 h2{ color: #393939; font-size: 30px; font-weight: bolder; text-align: center; line-height: 26px; height: 31px; }
#roller_left > table > tbody > tr { width: 4800px; display: block; }
#roller_left > table > tbody > tr > td { display: block; position: relative; width:1244px; float: left; }
#roller_left > table > tbody > tr > td > table > tbody > tr > td { float: left; margin:8px; cursor: pointer; position: relative; line-height: 0px; width:293px !important; padding:0 !important; border: 1px solid #ddd; transition:0.3s all ease-in-out;overflow: hidden;}
#roller_left > table > tbody > tr > td > table > tbody > tr > td > a{ display: block; }
#roller_left > table > tbody > tr > td > table > tbody > tr > td > a > img{ width: 100%; height: auto; }
#roller_left > table > tbody > tr > td > table > tbody > tr > td > span { position: absolute; bottom: 0px; width: 100%;overflow: hidden; margin-left:-145px;}

#roller_left > table > tbody > tr > td > table > tbody > tr > td > span > a { display: block; height: 35px; line-height: 35px; color: #fff; font-size: 14px; position: relative; z-index: 3; transition:0.5s all ease-in-out; }
#roller_left > table > tbody > tr > td > table > tbody > tr > td:hover > span > a{height: 95px;line-height:95px;font-size: 16px;}
#roller_left > table > tbody > tr > td > table > tbody > tr > td > span::before {transition:all ease-in-out 0.3s; content: ''; position: absolute; display: block; width: 100%; height: 35px; left: 0; bottom: 0; z-index: 1; background: rgba(0,0,0,0.7); }
#roller_left > table > tbody > tr > td > table > tbody > tr > td:hover{border-color: rgba(13,132,29,0.8);}
#roller_left > table > tbody > tr > td > table > tbody > tr > td > a::before { content: ''; width: 500px; height: 500px; position: absolute; top: -157.5px; border-radius: 50%; box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.1) inset; -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.1) inset; z-index: 0; left: -127px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }

#roller_left > table > tbody > tr > td > table > tbody > tr > td > a::after { content: ''; background: url(../images/20190516/20190516153712_1497096786.png) no-repeat center 40%; background-size: auto auto; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-size: 0px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;  }
#roller_left > table > tbody > tr > td > table > tbody > tr > td:hover > span::before{ bottom: -35px; }

#roller_left > table > tbody > tr > td > table > tbody > tr > td:hover > a::before{ box-shadow: 0px 0px 0px 50rem rgba(0,0,0,0.5) inset; -webkit-box-shadow: 0px 0px 0px 50rem rgba(0,0,0,0.5) inset; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
#roller_left > table > tbody > tr > td > table > tbody > tr > td:hover > a::after{background-size:50px;transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;}
#roller_left{ height:260px !important;}
.case_tcont.wrap{ margin:70px 0px 0px 0px;}


/*特点*/
#td_bg{ width:100%; height:760px; background:url(../images/td_bg.jpg) center no-repeat;}
#td_bj{ width:1200px; margin:auto;}
.td_l{ width:406px; height:192px; float:left;}
.td_tj{ width:56px; height:265px; background:#085279; float:left;}
.td_w{ width:22px; height:123px; padding-top:45px; font-size:21px; line-height:25px; color:#fff; font-weight:bold; margin:auto;}
.td_w img{ width:12px; height:12px; margin:15px 0px 0px 5px;}
.td_wz{ width:319px; height:75px; float:right; padding-top:65px;}
.td_wz1{ font-size:40px; line-height:30px; color:#021163; font-weight:bold;}
.td_wz2{ font-size:18px; line-height:60px; color:#666;}
.td_r{ width:560px; height:630px; margin-top:70px; float:right;}
.prod_z{width:560px;margin-top: 25px;    overflow: hidden;    height: 600px;}
.prod_z a{ font-size:18px; color:#fff;}

.prod_c{ width:560px; margin:auto;}
.prod_c table td{padding-bottom:10px;}
.prod_c table tr:last-child td{padding-bottom:10px;}
.prod_c table td>a{width:284px; padding:2px; border:1px solid #ddd; display:block; height:276px; overflow:hidden; position:relative;}
.prod_c table td:hover>a::after,.prod_c table td:hover>a::before{content:" ";display:block; position:absolute; height:274px; width:282px; padding:2px; top:0; left:0; border:1px solid #155ec9; z-index:10; -webkit-animation:clipAni 2s infinite linear; animation: clipAni 2s infinite linear;}
.prod_c table td:hover>a::before{-webkit-animation-delay:-1s;animation-delay:-1s;-ms-animation-delay:-1s;}
@-webkit-keyframes  clipAni{ 0%,100%{ clip:rect(0px,288px,288px,288px);} 25%{ clip:rect(0px,288px,2px,0px); } 50%{ clip:rect(0px,2px,288px,0px);}75%{ clip:rect(288px,288px,288px,0px); } }
@keyframes  clipAni{ 0%,100%{ clip:rect(0px,288px,288px,288px); } 25%{ clip:rect(0px,288px,3px,0px); } 50%{ clip:rect(0px,2px,288px,0px);} 75%{ clip:rect(288px,288px,288px,0px);}}
@-ms-keyframes  clipAni{ 0%,100%{ clip:rect(0px,288px,288px,288px); } 25%{ clip:rect(0px,288px,2px,0px);} 50%{ clip:rect(0px,2px,288px,0px);} 75%{ clip:rect(214px,288px,288px,0px); }}
.prod_c table td>span{width:290px; height:40px; display:block; margin-top:-10px;}
.prod_c table td>span a{width:inherit; height:inherit; display:inherit; color:#333; background:#f2f2f2; font-size:14px; line-height:40px;}
.prod_c table td:hover>span a{background:#155ec9; color:#fff;}

#tablit {width:240px; text-align:center; float:right; height:50px; margin-bottom:30px;}
#tablit dl{}
#tablit dl dt{}
#tablit dl dd a{ font-size:16px; color:#fff;}
#tablit dl dd{float:left; width:110px; height:40px; line-height:40px; color:#fff;text-align:center; border-radius:5px;  margin:0px 5px; font-size:16px;   background:#888;}
#tablit dl dd:hover{float:left; width:110px; height:40px; line-height:40px; text-align:center; background-color:#021163; font-size:16px;}
#tablit .on{width:110px; height:40px; line-height:40px; background-color:#021163; font-size:16px;}
#tablit .on a{color:#fff; font-size:16px;}

#td_zz{ width:560px; height:600px; float:left;}
.td_zz1{ height:286px; margin-bottom:20px;}
.td_zz1 img{ margin-top:-80px;}
.td_zz11{ width:80px; height:80px; float:left; background:#02116387; position:relative;}
.td_zz111{ width:46px; height:46px; font-size:22px; line-height:30px; color:#fefefe; margin:auto; margin-top:10px;}
.td_zz2{ height:182px; margin-bottom:20px;}

.td_zz3{ width:519px; height:44px; float:left;}
.td_zz33{ width:130px; float:left; font-size:14px; line-height:30px; color:#d6dde2;}
.td_zz33 span{ font-size:18px; font-weight:bold; color:#fefefe;}

.td_zz44{ width:130px; float:left; margin-left:70px; font-size:14px; line-height:30px; color:#d6dde2;}
.td_zz44 span{ font-size:18px; font-weight:bold; color:#fefefe;}

.td_zz55{ width:130px; float:right; font-size:14px; line-height:30px; color:#d6dde2;}
.td_zz55 span{ font-size:18px; font-weight:bold; color:#fefefe;}

.td_zz66{ width:155px; float:right; font-size:14px; line-height:30px; color:#d6dde2;}
.td_zz66 span{ font-size:18px; font-weight:bold; color:#fefefe;}


/*优势*/
#ys_bg{ width:100%; height:814px; background:url(/skin/images/ys_bg.jpg) center no-repeat; padding-top:43px;}
#ys_bj{ width:1200px; margin:auto;}
.ys_wz{ width:570px; height:141px; background:url(/skin/images/20190517171156_1492875074.jpg) center no-repeat; margin:auto;}
.ys_wz1{ height:83px; text-align:center;}
.ys_wz2{font-weight:bold; font-size:40px; line-height:30px; color:#333; padding-top:35px;}
.ys_wz2 span{font-size:40px; line-height:30px; color:#021163; }
.ys_wz3{ font-size:18px; color:#484848; line-height:54px;}


.ys_bg {width: 100%; height: auto; margin:40px 0 55px;}
.hidden{display: none;}
#chanpin_1{ width:220px; border-right:none; }
#chanpin_1 li {width: 222px; height:130px; font-size:25px; color:#333; float: left; background:#f5f5f5; margin-bottom:10px;}
#chanpin_1 ul li {height:130px; text-align:center; line-height:60px; font-size:20px; font-weight:bold; color:#888;}
#chanpin_1 ul li:hover{ background:#021163; height:127px; border-bottom:3px solid #540202; color:#fff;}
#chanpin_1 li.currents{ background:#021163; height:127px; border-bottom:3px solid #021163; color:#fff;}
#chanpin_1 li em{display: block; margin-top:30px; overflow: hidden;}

#chanpin_1 ul li #p01 i{background:url(../images/20190518184706_375036943.png) top no-repeat; display:block; width:38px; height:32px; -webkit-transition:0.3s; transition:0.3s; margin:auto; margin-top:30px;}
#chanpin_1 ul li:hover #p01 i{background:url(../images/20190518184706_375036943.png) bottom no-repeat; -webkit-transition:0.3s; transition:0.3s;}
#chanpin_1 ul li.currents #p01 i, #chanpin_1 ul li.currents:hover #p01 i{background:url(../images/20190518184706_375036943.png) bottom no-repeat; -webkit-transition:0.3s; transition:0.3s;}

#chanpin_1 ul li #p02 i{background:url(../images/20190518191330_748172415.png) top no-repeat; display:block; width:38px; height:32px; -webkit-transition:0.3s; transition:0.3s; margin:auto; margin-top:30px;}
#chanpin_1 ul li:hover #p02 i{background:url(../images/20190518191330_748172415.png) bottom no-repeat; -webkit-transition:0.3s; transition:0.3s;}
#chanpin_1 ul li.currents #p02 i, #chanpin_1 ul li.currents:hover #p02 i{background:url(../images/20190518191330_748172415.png) bottom no-repeat; -webkit-transition:0.3s; transition:0.3s;}

#chanpin_1 ul li #p03 i{background:url(../images/20190518191357_396356676.png) top no-repeat; display:block; width:38px; height:32px; -webkit-transition:0.3s; transition:0.3s; margin:auto; margin-top:30px;}
#chanpin_1 ul li:hover #p03 i{background:url(../images/20190518191357_396356676.png) bottom no-repeat; -webkit-transition:0.3s; transition:0.3s;}
#chanpin_1 ul li.currents #p03 i, #chanpin_1 ul li.currents:hover #p03 i{background:url(../images/20190518191357_396356676.png) bottom no-repeat; -webkit-transition:0.3s; transition:0.3s;}


#chanpin_1 ul li #p04 i{background:url(../images/20190518191415_1696877313.png) top no-repeat; display:block; width:38px; height:32px; -webkit-transition:0.3s; transition:0.3s; margin:auto; margin-top:30px;}
#chanpin_1 ul li:hover #p04 i{background:url(../images/20190518191415_1696877313.png) bottom no-repeat; -webkit-transition:0.3s; transition:0.3s;}
#chanpin_1 ul li.currents #p04 i, #chanpin_1 ul li.currents:hover #p04 i{background:url(../images/20190518191415_1696877313.png) bottom no-repeat; -webkit-transition:0.3s; transition:0.3s;}


#chanpin_1 li:nth-child(4n){border-bottom:none;}
#chanpin_2{width:797px;}
.bgmst_tp{}
.ys_lw{height:119px; line-height:32px; padding:50px; background-color:#ddd;}
.ys_lw span{font-size:27px; color:#333; font-weight:bold; display:block; margin-bottom:20px;}
#chanpin_3{width:182px; height:160px; font-size:28px; border-radius:0 10px 0 0; font-weight:bold; color:#fff; line-height:60px; padding-top:50px; background-color:#00ac38; text-align:center;}
#chanpin_3 img{margin-left:-8px;}
.webs_z{width:1200px; margin:0 auto;}

.ys_tp{ width:1160px; height:553px; float:right;}
.ys_bz{ width:492px; height:553px; background: rgba(1 78 118 / 77%); float:left; position:absolute;}
.ys_zz{ width:150px; height:50px; margin-left:-15px; margin-top:65px;}
.ys_xian{ width:450px; height:1px; background:#fff; position:absolute; margin-top:120px;}

.ys_wzz{ width:410px; height:337px; margin:auto;}
.ys_wzz1{ width:385px; height:65px; font-size:30px; line-height:30px; color:#fff; margin-top:38px;}
.ys_wzz1 span{ font-weight:bold;}
.ys_wzz2{ font-size:14px; line-height:48px; color:#fff;}
.ys_wzz3{ height:82px; font-size:14px; color:#fff; line-height:32px; padding-top:43px;}
.ys_wzz3 img{ width:10px; height:10px; margin-right:15px;}

.ys_wzz4{ width:302px; height:45px; margin-top:94px;}
.ys_wzz5{ width:140px; height:45px; background:#760101; float:left; font-size:14px; line-height:45px; color:#fff; text-align:center;}
.ys_wzz5 a{ font-size:14px; color:#fff; display:block;}
.ys_wzz5 a:hover{ background:#000;}
.ys_wzz6{ width:140px; height:45px; background:#888; float:right; font-size:14px; line-height:45px; color:#fff; text-align:center;}
.ys_wzz6 a{ font-size:14px; color:#fff; display:block;}
.ys_wzz6 a:hover{ background:#000;}

/*服务*/
#fw_bg{ width:100%; height:553px; background:#fff;}
#fw_bj{ width:1200px; margin:auto; padding-top:48px;}
.fw_wz{ width:570px; height:141px; background:url(../images/20190517171156_1492875074.jpg) center no-repeat; margin:auto;}
.fw_wz1{ height:83px; text-align:center;}
.fw_wz2{font-weight:bold; font-size:40px; line-height:30px; color:#333; padding-top:40px;}
.fw_wz2 span{font-size:40px; line-height:30px; color:#021163; }
.fw_wz3{ font-size:18px; color:#484848; line-height:54px;}

/*流程*/

.process_nr{ position:relative; margin-top:41px; height:233px;}
.process li{ width:118px; height:118px;border:1px #ddd solid; border-radius:100px; -webkit-border-radius:100px; -webkit-transition:0.3s; transition:0.3s; float:left; margin-right:34px;}
.process li:hover{background: #021163; -webkit-box-shadow: 0 0 0 8px #eee; box-shadow: 0 0 0 8px #eeeeee30; border:1px #eee solid; cursor:pointer;}
.process li p{ text-align:center; margin-top:10px;font-size:16px; color:#484848;}
.process li:hover p{ color:#fff; font-size:16px;}
.process li b{width:12px; height:12px; background:#ddd; display:block; margin:auto; border-radius:50px; -webkit-border-radius:50px; position:relative; -webkit-transition:0.3s; transition:0.3s; margin-top:50px;}
.process li:hover b{ -webkit-box-shadow: 0 0 0 2px  #021163; box-shadow: 0 0 0 2px  #021163; background:#fff; -webkit-transition:0.3s; transition:0.3s;}
.process li b em{ position:absolute; left:0; top:0; right:0; bottom:0; width:6px; height:6px; background:#ddd; display:block; border-radius:100px; -webkit-border-radius:100px; -webkit-transition:0.3s; transition:0.3s; margin:auto;} 
.process li:hover b em{ -webkit-transition:0.3s; transition:0.3s; background: #021163;}
.process li dl{width:1px; height:70px; background:#ccc; display:block; margin-top:10px; margin-left:59px;}
.process_i i{width: 1079px; height: 1px; margin: auto; background: #ccc;display: block;}
.process_tel{width:270px; height:58px; margin:auto; background:#021163; border-radius:10px; text-align:center; line-height:59px; color:#fff; margin-top:-30px; z-index:10; position:relative; transition:0.5s;}
.process_tel a{color:#fff; font-size:18px;}
.process_tel:hover{background: #333; transition:0.5s;}
.process_01 i{background:url(../images/20190518164533_996346789.png) bottom no-repeat; display:block; width:34px; height:29px; -webkit-transition:0.3s; transition:0.3s; margin:auto; margin-top:30px;}
.process_01:hover i{background:url(../images/20190518164533_996346789.png) top no-repeat; -webkit-transition:0.3s; transition:0.3s;}

.process_02 i{background:url(../images/20190518164532_816261040.png) bottom no-repeat; display:block; width:34px; height:29px; -webkit-transition:0.3s; transition:0.3s; margin:auto; margin-top:30px;}
.process_02:hover i{background:url(../images/20190518164532_816261040.png) top no-repeat; -webkit-transition:0.3s; transition:0.3s;}

.process_03 i{background:url(../images/20190518164532_242934904.png) bottom no-repeat; display:block; width:34px; height:29px; -webkit-transition:0.3s; transition:0.3s; margin:auto; margin-top:30px;}
.process_03:hover i{background:url(../images/20190518164532_242934904.png) top no-repeat; -webkit-transition:0.3s; transition:0.3s;}

.process_04 i{background:url(../images/20190518164532_1571372479.png) bottom no-repeat; display:block; width:34px; height:29px; -webkit-transition:0.3s; transition:0.3s; margin:auto; margin-top:30px;}
.process_04:hover i{background:url(../images/20190518164532_1571372479.png) top no-repeat; -webkit-transition:0.3s; transition:0.3s;}

.process_05 i{background:url(../images/20190518164533_1998601914.png) bottom no-repeat; display:block; width:34px; height:29px; -webkit-transition:0.3s; transition:0.3s; margin:auto; margin-top:30px;}
.process_05:hover i{background:url(../images/20190518164533_1998601914.png) top no-repeat; -webkit-transition:0.3s; transition:0.3s;}

.process_06 i{background:url(../images/20190518164532_1940832863.png) bottom no-repeat; display:block; width:34px; height:29px; -webkit-transition:0.3s; transition:0.3s; margin:auto; margin-top:30px;}
.process_06:hover i{background:url(../images/20190518164532_1940832863.png) top no-repeat; -webkit-transition:0.3s; transition:0.3s;}

.process_07 i{background:url(../images/20190518164533_1812094157.png) bottom no-repeat; display:block; width:34px; height:29px; -webkit-transition:0.3s; transition:0.3s; margin:auto; margin-top:30px;}
.process_07:hover i{background:url(../images/20190518164533_1812094157.png) top no-repeat; -webkit-transition:0.3s; transition:0.3s;}

.process_08 i{background:url(../images/20190518164533_419806257.png) bottom no-repeat; display:block; width:34px; height:29px; -webkit-transition:0.3s; transition:0.3s; margin:auto; margin-top:30px;}
.process_08:hover i{background:url(../images/20190518164533_419806257.png) top no-repeat; -webkit-transition:0.3s; transition:0.3s;}



/*简介*/
.about_bg{position:relative; width:100%; height:620px; background:url(../images/20190518172344_23368934.jpg) bottom repeat-x #eee;}
.abo_wz{ width:650px; height:387px; float:left; margin-top:69px;}
.abo_wz1{ width:56px; height:137px; background:#021163; float:left; position:absolute;}
.abo_wz11{ width:23px; height:96px; font-size:22px; line-height:25px; margin:auto; color:#fff; font-weight:bold; padding-top:25px;}

.abo_wz2{ width:448px; height:68px; float:left; margin-left:80px;}
.abo_wz22{ font-size:40px; line-height:30px; color:#333; font-weight:bold;}
.abo_wz22 span{ color:#021163;}
.abo_xian{ width:103px; height:1px; background:#ddd; margin-top:38px;}

.abo_wz3{ width:626px; height:120px; margin-top:35px; float:left; font-size:14px; line-height:35px; color:#484848;}
.abo_wz4{ width:170px; height:45px; background:#021163; font-size:15px; line-height:45px; color:#fff; margin-top:110px; float:left; text-align:center;} 
.abo_wz4 a{ font-size:15px; color:#fff;}
.abo_wz4 a:hover{ color:#c8cbce;}
.abo_r{ width:550px; height:552px; margin-top:69px; float:right;}

.about_number{width:1200px; color:#fff; height:135px; display: block; position:absolute; bottom:0;}
.about_number li{ width:20%; float:left; text-align:center;}
.about_number p{}
.about_number p b{font-size:45px; font-weight:normal; font-family:"impact";}
.about_number p i{ font-style:normal;}
.about_number span{font-size:18px; display:block; margin-top: 2px;}


/*新闻*/
.xwzhgx{ width:100%; height:700px; background:#fff; padding-top:45px;}
.xw_wz{ width:570px; height:141px; background:url(../images/20190517171156_1492875074.jpg) center no-repeat; margin:auto;}
.xw_wz1{ height:83px; text-align:center;}
.xw_wz2{font-weight:bold; font-size:40px; line-height:30px; color:#333; padding-top:40px;}
.xw_wz2 span{font-size:40px; line-height:30px; color:#021163; }
.xw_wz3{ font-size:18px; color:#484848; line-height:54px;}

.news_list { margin-top:35px; overflow:hidden}
.news_list li { float:left; text-align:center; width:140px; height:45px; line-height:45px; background:#e9e9e9; margin-right:5px;}
.news_list li a { font-size:18px;}
.news_list li:hover { background:#021163;}
.news_list li:hover a { color:#fff;}
.news_list li.on { background:#021163;}
.news_list li.on a { color:#fff;}

.news_list span { text-align:center; float:right; display:block; width:120px; height:43px; line-height:43px; border-top: solid 1px #cfcfcf;  border-bottom: solid 1px #cfcfcf;}
.news_list span a { font-size:18px; color:#333;}
.news_list span a:hover{ font-size:18px; color:#000;}

.dis { display: none;}
.news { margin-top:25px; overflow:hidden}
.news_left { width:600px; overflow:hidden}
.news_left .news_div { position:relative; width:600px; height:530px; overflow:hidden;}
.news_left .news_div_item_pic img { width:600px; height:411px;}
.news_left .news_div_item_content { position:absolute; background:0; left:50%; margin-left:-260px; bottom:10px; z-index:1; width:460px; padding:30px; height:140px; background:#fff; box-shadow: 0.1rem 0.1rem 0.5rem 0.1rem #999;}
.news_left .news_div_item_date { display:none;}
.news_left .news_div_item_title {position:absolute;}
.news_left .news_div_item_title a { height:140px; background:url(../images/20190518180727_1603585737.png) left bottom no-repeat; font-size:18px;  display:block; width:465px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.news_left .news_div_item_body {position:absolute; width:470px; top:55px; line-height:28px; margin-top:10px; color:#555;}

.news_right { width:1200px;}
.news_right .news_div { width:1200px; height:420px; overflow:hidden;}
.news_right .news_div_item { width:565px; height:164px; margin-bottom:28px; border-bottom: solid 1px #cfcfcf; position:relative; overflow:hidden;  float:left; margin-right:35px;}
.news_right .news_div_item_pic { position:absolute; left:0; top:0;}
.news_right .news_div_item_pic img { width:180px; height:136px;border: 1px solid #eee;}
.news_right .news_div_item_content { width:350px; position:absolute; top:0; right:0; overflow:hidden}
.news_right .news_div_item_content .news_div_item_title a { font-size:18px;}
.news_right .news_div_item_content .news_div_item_body { color:#555; line-height:28px; margin-top:10px;}
.news_right .news_div_item_date {  position:absolute; bottom:36px; color:#777; right:0; overflow:hidden}
.news_right .news_div_item_date div { float:left;}
.news_right .news_div_item:nth-child(1) { display: block;}
.news_right .divdgweb_new_div_item:nth-child(1) { display: block;}

.news_left { width:600px; overflow:hidden}
.news_left .divdgweb_new_div { position:relative; width:600px; height:530px; overflow:hidden;}
.news_left .news_div_item_pic img { width:600px; height:411px;}
.news_left .divdgweb_new_div_item_content { position:absolute; background:0; left:50%; margin-left:-260px; bottom:10px; z-index:1; width:460px; padding:30px; height:140px; background:#fff; box-shadow: 0.1rem 0.1rem 0.5rem 0.1rem #999;}
.news_left .divdgweb_new_div_item_date { display:none;}
.news_left .divdgweb_new_div_item_title {position:absolute;}
.news_left .divdgweb_new_div_item_title a { height:140px; background:url(../images/20190518180727_1603585737.png) left bottom no-repeat; font-size:18px;  display:block;}
.news_left .divdgweb_new_div_item_body {position:absolute; width:470px; top:55px; line-height:28px; margin-top:10px; color:#555;}

.news_right .divdgweb_new_div { width:1200px; height:420px; overflow:hidden;}
.news_right .divdgweb_new_div_item { width:565px; height:157px; margin-bottom:28px; border-bottom: solid 1px #ebebeb; position:relative; overflow:hidden; float:left; margin-right:35px;}
.news_right .news_div_item_pic { position:absolute; left:0; top:0;}
.news_right .news_div_item_pic img { width:180px; height:136px;}
.news_right .divdgweb_new_div_item_content { width:350px; position:absolute; top:0; right:0; overflow:hidden}
.news_right .divdgweb_new_div_item_content .divdgweb_new_div_item_title a { font-size:18px;}
.news_right .divdgweb_new_div_item_content .divdgweb_new_div_item_body { color:#555; line-height:28px; margin-top:10px;}
.news_right .divdgweb_new_div_item_date {  position:absolute; bottom:36px; color:#777; right:0; overflow:hidden}
.news_right .divdgweb_new_div_item_date div { float:left;}

/*copy*/
.copy{ width: 100%; padding-top: 60px; padding-bottom: 10px;background: #181818;  margin-top: 20px;}
.bz{ width:1200px; margin:0 auto; overflow:hidden;}
.copy_z{ width: 645px; border-right: 1px solid #242424; padding-bottom: 30px;}
.copy_z li{ width: 161px; text-align: left; line-height: 32px; float:left; transition: all 0.5s linear; }
.copy_z li a{ color: #cac6c6; font-size: 14px;  transition: all 0.5s linear; }
.copy_z li span{ color: #fff; font-size:18px; line-height: 70px;}
.copy_z li a:hover{transition: all 0.5s linear; color: #fff;}
.copy_zw{ color: #fff; font-size: 16px; line-height: 70px; padding-left:60px;}
.copy_zw span{ color: #4b85ff; font-size: 32px; font-family: Arial; line-height:32px;}
.coy_w{color: #999; font-size: 14px; padding-left:60px; line-height: 40px;}
.copy_g{ width:80px; height:28px; background: #444; margin-left: 60px;border-radius:15px; text-align: center; line-height:28px; margin-top:8px; transition: all 0.5s linear;}
.copy_g a{ color: #999;}
.copy_g:hover{background: #021163; transition: all 0.5s linear;}
.copy_g:hover a{ color: #fff; }
.copy_y{ font-size:14px; width: 180px; text-align: center; color: #666; line-height: 32px;}
    .copy_y img{ padding: 10px; background: #fff;}

.copy_x{ width: 100%; border-top: 1px solid #222; background:#181818; padding-top: 30px;}    
.Links{ width: 100px; line-height: 36px; font-size: 16px; color: #fff;}
.linkTagcs li a{ color: #999; transition: all 0.5s linear;}
.linkTagcs li a:hover{ color: #fff; transition: all 0.5s linear;}
.copy_lo{ width: 87px;  margin-top: 40px; margin-bottom:30px;}
.copy_w{line-height: 60px; color: #fff; margin-top: 20px; font-size:14PX;}
.copy_w a{ font-size:14PX; color: #fff; transition: all 0.5s linear; }
.copy_w a:hover{  color: #000; transition: all 0.5s linear;}


.copy_bz{ width:100%; height:60px; background:#021163; text-align:center; margin:auto;}
.menu {
width:1200px;
margin:0 auto;}
.menu li { 
    float: left;
    position: relative;
    z-index: 3;
    width: 12%;
    text-align: center;}
.menu li .toa { display: block; font-size: 16px; color: #ffffff; line-height: 70px; padding: 0 27px;}
.menu li .toa:hover, .head .menu .cur .toa { background: #4b85ff;}
.menu li:hover p { display:block;}
.menu li p { display:none; width:100%; position:absolute; left:0; top:70px;}
.menu li p a {     
    display: block;
    width: 100%;
    line-height: 50px;
    background: #021163;
    border-bottom: 1px solid #ffffff4f;
    font-size: 14px;
    color: #fff;
    text-align: center; }
	    .menu li p a:hover {     
    display: block;
    width: 100%;
    line-height: 50px;
    background: #4b85ff;
    border-bottom: 1px solid #ffffff4f;
    font-size: 14px;
    color: #fff;
    text-align: center; }
	
	 .tl-fdh-02 {
            height: 55px;
            background: #fff;
            margin-bottom: 20px;
            overflow: hidden;
        }
        
        .tl-fdh-02 li {
            width: 19.91%;
            height: 55px;
            font-size: 18px;
            line-height: 55px;
            text-align: center;
            float: left;
            border-right: 1px solid #eee;
            margin-right: -1px;
            background: #f4f4f4;
            cursor: pointer;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
        }
        
        .tl-fdh-02 li a {
            color: #021163;
			font-size:18px;
        }
        
        .tl-fdh-02 li.sidenavcur,
        .tl-fdh-02 li:hover {
            background: url(/skin/images/p16-icon6.png) no-repeat bottom center #021163;
            border-color: #021163;
        }
        
        .tl-fdh-02 li.sidenavcur a,
        .tl-fdh-02 li:hover a {
            color: #fff;
        }
        .jjie{width: 1180px;margin:5px auto;color: #333;}
		.jjie .jianlist{padding: 50px 0 40px;width: 1350px;}
		.jjie .jianlist li{float: left;margin-right: 115px;}
		.jjie .jianlist li span{display: inline-block;color: #291670;}
		.jjie .jianlist li p{color: #333;text-align: center;padding-top: 6px;}
		.jjie .jianlist li p b{color: #021163;text-align: center;}
		.jjie .jiac{font-size: 24px;line-height: 26px;}