@charset "UTF-8";
img{-webkit-transition: all 0.5s;
  -moz-transition: all 0.5s; -ms-transition: all 0.5s;  transition: all 0.5s;
  border:0;display: inline-block;
}
a{color:#333;-webkit-transition: all .5s;-moz-transition: all .5s; -ms-transition: all .5s;transition: all .5s;}

body{
    background-size: cover;
    -ms-behavior: url(../css/backgroundsize.min.htc);
    behavior: url(../css/backgroundsize.min.htc); min-width:1100px
}@font-face {
	font-family:Barlow-Regular;
	src: url('../fonts/Barlow-Regular.ttf'); }
  .footer{background: #333;height: 540px; width:100%; margin:0 auto; overflow:hidden}
    .f_nav ul{ padding-top: 0px;height: auto;border-bottom: 1px solid rgba(255,255,255,0.22);  text-align:center;  }
    .f_nav li {font-size: 16px;line-height: 100px; color: #fff;  margin: 0px 34px; display: inline-block;}
   
 .f_nav li  a { color:#fff; font-size: 16px; line-height:100px;}

    .f_con{padding-top:46px;margin: 0 auto;height: 308px;box-sizing: border-box; }
    .f_logo{ float: left;width: 318px; margin-top:20px}
     .f_logo h2{ display: block; }
     .f_logo h2 img{ display: block;width: auto;height: 130px; }
     .f_logo h2 span{ display: block;font-size: 26px;color: #fff;line-height: 16px;padding-top: 20px;}
     .f_logo p{ display: block;font-size: 15px;color: #fff;line-height: 14px;padding-top: 19px; opacity: 0.8; font-family:Barlow-Regular；; letter-spacing:0.7px }
     .f_logo p a{color: #fff;opacity: 0.8;}

 .content{ width: 1300px;margin: 0 auto; }
    .lxwm{  }
    .lxwm ul{margin-top:30px; width:40%; float:left; margin-left:4%}
	.lxwm ul:first-child{ margin-left:0; width:56%}
    .lxwm li{font-size: 16px;line-height: 32px;display: block;color: #fff;padding-left: 36px;margin-bottom: 12px;}
    .lxwm li b{ font-size: 30px;color: #fff;font-family: Arial; }
    .lxwm li:nth-child(1){ background: url(../images/foot1.png) no-repeat left 4px; }
    .lxwm li:nth-child(2){ background: url(../images/foot2.png) no-repeat left; }
    .lxwm li:nth-child(3){ background: url(../images/foot3.png) no-repeat left; }
	
	
	
     .lxwm1 li:nth-child(1){ background: url(../images/foot2.png) no-repeat left; }
    .lxwm1 li:nth-child(2){ background: url(../images/foot2.png) no-repeat left; }
    .lxwm1 li:nth-child(3){ background: url(../images/foot4.png) no-repeat left; }
	
  

    .f_er{width: 190px;} 
    .f_er ul li{float: left;margin-right: 12px;width: 30px;height: 30px; }
    .f_er ul li img{ display: block; width: 87px;height: 30px;}
    .f_er p{width: 190px;margin-top: 18px;}  
    .f_er p em{width: 150px;height: 150px;float: left;}    
    .f_er p img{width: 150px;height: 150px;display: block;}
    .f_er span{display: block;font-size: 14px;color: #fff;line-height: 14px;text-align: center;background: #3394e2;width: 30px;height: 110px;    -ms-writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    writing-mode: tb-rl;line-height: 30px;float:right;}

   .links1{ border-top: 1px solid rgba(255,255,255,0.22); text-align:center ; font-size:15px}
    .links1 p b img{ display: inline-block;width: 24px;height: 10px;margin-top: 35px;margin-right: 18px;}
    .links1 p a{ display: inline-block;font-weight: normal;font-size: 14px;color: #fff;line-height: 72px;text-align:center }
    .links1 p a:last-child{ margin-right: 0; }
       .links1 p {color: #fff;opacity: 0.6; font-size:15px}

        .client-2 {
            width: 45px;
            position: fixed;
            right: 10px;
            top: 60%;
            z-index: 999;
            color: #fff;
        }
        
        .client-2 li a {
            text-decoration: none;
            color: #fff;
        }
        
        .client-2 li {
            margin-bottom: 5px;
            width: 45px;
            height: 45px;
            border-radius: 50%;
            cursor: pointer;
            position: relative;
        }
        .client-2 li.zxzx {
            background:#416aba url(../images/zxzx.png) center no-repeat;
        }
        
        
        .client-2 li.my-kefu-qq {
            background:#416aba url(../images/cimg23.png) center no-repeat;
        }
        
        .client-2 li.my-kefu-weixin {
            background:#416aba url(../images/cimg24.png) center no-repeat;
        }
        
        .client-2 li.my-kefu-tel {
            background:#416aba url(../images/cimg25.png) center no-repeat;
        }
        
        .client-2 li.my-kefu-shouye {
            background:#416aba url(../images/tohome.png) center no-repeat;
            background-size:26px;
        }
        
        .client-2 li.my-kefu-shouye a {
            width: 45px;
            height: 45px;
            display: block;
        }
        
        .client-2 li.my-kefu-ftop {
            background:#416aba url(../images/returnTop.png) center no-repeat;
        }
        
        .client-2 li p {
            height: 20px;
            font-size: 12px;
            line-height: 20px;
            overflow: hidden;
            text-align: center;
            color: #fff;
        }
        .client-2 li.zxzx .cont {
            margin: 0;
            background:#416aba url(../images/zxzx.png) 15px center no-repeat;
            border-radius: 50px;
            padding-left: 45px;
            height: 45px;
            line-height: 45px;
            color: #fff;
            font-size: 16px;
            width: 130px;
            position: absolute;
            top: 0;
            right: 0;
            z-index: 999;
        }
        
        
        .client-2 li.my-kefu-qq .cont {
            margin: 0;
            background:#416aba url(../images/cimg23.png) 15px center no-repeat;
            border-radius: 50px;
            padding-left: 45px;
            height: 45px;
            line-height: 45px;
            color: #fff;
            font-size: 16px;
            width: 130px;
            position: absolute;
            top: 0;
            right: 0;
            z-index: 999;
        }
        
        .client-2 li.my-kefu-tel .cont {
            margin: 0;
            background:#416aba url(../images/cimg25.png) 15px center no-repeat;
            border-radius: 50px;
            padding-left: 45px;
            height: 45px;
            line-height: 45px;
            color: #fff;
            font-size: 18px;
            width: 180px;
            position: absolute;
            top: 0;
            right: 0;
            z-index: 999;
        }
        
        .client-2 .my-kefu-ftop {
            display: none;
        }
        
        .client-2 .my-kefu-ftop .my-kefu-main {
            padding-top: 6px;
        }
        
        .client-2 li.my-kefu-weixin .cont {
            margin: 0;
            width: 230px;
         
            padding: 5px;
            border: solid 1px #ccc;
            position: absolute;
            left: -250px;
            top: -44px;
            background-color: #fff;
        }
        .client-2 li.my-kefu-weixin .cont p{ float:left;  width: 115px;height:150px;}
        
        .client-2 li.my-kefu-weixin .cont  span {
            display: block;
            line-height: 20px;
            font-size: 12px;
            text-align: center;
            color: #1a1a1a;
        }
        
        .client-2 li.my-kefu-weixin .cont p img {
            width: 115px;
            height: 115px;
        }
        
        .client-2 li:hover .cont {
            display: block!important;
        }
    
@media only screen and (max-width:750px){
.page-ht { height:0px; }
}

@font-face { font-family: 'impact';
	src: url('../fonts/impact.eot');
	src: url('../fonts/impact.eot?#iefix') format('embedded-opentype'),
		url('../fonts/impact.woff') format('woff'),
		url('../fonts/impact.ttf') format('truetype'),
		url('../fonts/impact.svg#impact') format('svg');
}


.bg_container img { display:none; }

.impact { font-family: "impact"; }


.bg-f5f5fa { background:#f5f5fa; }
.bg-fff { background:#fff; }
.bg-fafafa { background:#fafafa; }


.border-none { border-bottom:none!important; }

.txt_color_000 { color:#000; }

.txt_justify {text-align: justify; }

.animation {transition:0.5s all; -webkit-transition:0.5s all; -ms-transition:0.5s all; -o-transition:0.5s all; }
.animation2 {transition:3s all; -webkit-transition:3s all; -ms-transition:3s all; -o-transition:3s all; }
.animation3 {transition:all 1s ease 0.5s; }

.u-df { display:-webkit-box;  display:-ms-box; display:flex; }
.u-flex-h {-webkit-box-orient:horizontal; }
.u-flex-r {-ms-flex-direction:row; flex-direction:row; }
.u-flexd--c {-webkit-box-orient:vertical; -ms-flex-direction:column; flex-direction:column; }

.u-jc-c { -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; }
.u-jc-sb { justify-content : space-between; }
.u-jc-end { -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; }
.u-fd-rr { -webkit-flex-direction:row-reverse; -ms-flex-direction:row-reverse;  flex-direction:row-reverse; }


.u-ai-fs { -webkit-box-align:start; -ms-flex-align:start;  align-items:flex-start; }
.u-ai-c { -webkit-box-align:center; -ms-flex-align:center;  align-items:center; }
.u-al-fe { -webkit-box-align:end; -ms-flex-align:end;  align-items:flex-end; }
.u-as-bl { -webkit-align-self:baseline; -ms-align-self:baseline;  align-self:baseline; }

.u-flex-sb {  justify-content:space-between; }

.u-fw { -webkit-flex-wrap: wrap; flex-wrap:wrap; }

.flex-1 { flex:1; }



.page-wrap { padding:0px 13.54%; width:100%; }
.page-wrap2 { padding:0px 12.5%; width:100%; }

@media only screen and (max-width:1640px){
.page-wrap,.page-wrap2 { padding:0px 5%; }
}


/************************头尾公共部分开始******************************/
.mCSB_container { margin-right:4px;}
.mCustomScrollBox>.mCSB_scrollTools { width:9px; }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background:#0766bd; margin:0px; float:right; width:4px; border-radius:0px; }
.mCSB_scrollTools .mCSB_draggerRail, .mCSB_scrollTools { width:4px; }
.mCSB_scrollTools .mCSB_draggerContainer { background:none; left:auto; width:4px; }
.mCSB_scrollTools .mCSB_draggerRail { background:#f1f1f1; position:absolute; top:0px; right:0px; bottom:0px; }


/*******************头部 公共部分 结束***************************/
/*视频*/
.video_place{position: fixed;top:0px;left: 0px;right: 0px;
    bottom: 0px;background-color: rgba(0,0,0,0.85);
    z-index: 999999999;
}
.lt9 .video_place{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000")}
.video_con{z-index:2;width:1028px;height:578px;
    background-color: #000;position: absolute;top: 50%;left: 50%;
    transform: translate(-50%,-50%);text-align: center;
}
.lt9 .video_con{top:20%;left:10%;background: #000;}
.video_con video{width: 100%;height: 100%; object-fit:fill;}
.video_close_btn{position:fixed; top:10px; right:20px; width:40px; height:40px; cursor:pointer; }
.video_close_btn i {position:absolute;  background:#fff; display:inline-block; position:absolute;transform:translate(-50%,-50%) rotate(45deg);-webkit-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg); left:50%; top:50%;  }
.video_close_btn i.i1 { width:24px; height:2px; }
.video_close_btn i.i2 {  width:2px; height:24px; }
.video_place .con { position:relative; }
.video_place p {position:absolute;top:50%; margin-top:258px;left:50%; margin-left:-450px;
    width:900px; padding:0.85em 0px; color: #fff;text-align: center;
    cursor: pointer;}
/*视频结束*/


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

.video_con{width:90%; height:70%; }

}

.page-more a { display:inline-block; position:relative; background:#e9ebf1; min-width:1.6rem; letter-spacing:0.03rem; line-height:2.75; border-radius:0.05rem; padding:0px 0.2rem; color:#666; }
.page-more a span { position:relative; z-index:2; display:inline-block; }
.page-more a:before { position:absolute; left:0px; top:0px; height:100%; transition:0.5s all; border-radius:0.05rem;  -webkit-transition:0.5s all; content:""; bottom:0px; width:0px; background:rgba(0,0,0,0.1);}
.page-more a:hover:before { width:100%; }
@media only screen and (max-width: 750px){
.page-more a { line-height:1.75; }
}


.page-header { padding:0px; position:fixed; left:0px; top:0px; width:100%; z-index:1000; border-bottom:1px solid rgba(255,255,255,0.1); height:95px ; padding-left:3%; padding-right:3%; display:flex; justify-content:space-between }
.page-header .page-logo {  left:0.4rem; top:0px; padding:0.2rem 0px; }
.page-header .page-logo img { height:88px; }
.page-header .page-logo .hei{ display:none}
.page-header .page-logo .bai{ display:block}
.scrollHeader .page-header .page-logo .bai{ display:none}
.scrollHeader .page-header .page-logo .hei{ display:block}

.page-header:hover .page-logo .bai{ display:none}
.page-header:hover .page-logo .hei{ display:block}

.page-header .page-hd-rt { position:absolute; right:0.4rem; top:0.3rem; }
.page-header .language { padding-right:0.2rem; display:none; margin-right:0.13rem; margin-top:0.07rem; position:relative; color:#fff;  }
.page-header .language:before { position:absolute; content:""; right:0px; width:1px; top:50%; margin-top:-0.08rem; height:0.16rem; background:rgba(255,255,255,0.4);}
.page-header .language dl dt { position:relative; padding-right:0.17rem; }
.page-header .language dl dt:before { position:absolute; right:0px; width:0px; height:0px; border:0.05rem solid #fff; margin-top:-0.025rem; content:""; top:50%; border-color:#fff transparent transparent transparent;}
.page-header .language a { display:block; color:#fff; }
.page-header .language a:hover { opacity:0.8;filter:alpha(opacity=80); }
.page-header .language dl dd { display:none; position:absolute; left:0px; top:100%; width:6em; border-radius:5px; background:rgba(0,0,0,0.6); }
.page-header .language dl dd a { padding:0.05rem 0.1rem; border-top:1px solid rgba(255,255,255,0.4);}
.page-header .language dl dd a:first-child { border-top:none; }
.page-header .language:hover dl dd { display:block; }

/*******搜索部分********/
.page-header .hd-search { height:0.32rem; width:0.32rem; top:0.02rem; position:relative; z-index:2; }
.page-header .hd-search .sear_but { position:absolute; width:0.32rem; cursor:pointer; background:url(../images/search-but01.png) no-repeat center center; background-size:0.18rem 0.18rem;border-radius:50%;  right:0px; top:0; height:100%; }
.page-header .hd-search .but {position:absolute; width:0.32rem; background:url(../images/search-but02.png) no-repeat center center; background-size:0.18rem 0.18rem;border-radius:50%;right:0px; top:0px; height:100%; border:none; }
.page-header .hd-search  .search { position:absolute; background:#fff; overflow:hidden; width:0px; right:0px; top:0px; bottom:0px; border-radius:0.16rem; }
.page-header .hd-search  .search .put { float:left; width:100%; line-height:0.3rem; background:none; border:none;  }
.page-header .hd-search.open .search { width:12em;padding:0px 0.32rem 0px 0.1rem;  border:1px solid #a8b6cd; }


/*******导航部分******/
.page-header .nav {  }
.page-header .nav>ul {   }
.page-header .nav>ul>li{ display:inline-block; }

.page-nav{ width:74%;}

/*--------------------------------------------------------------------------------------------------------------------------------------550--*/

  
.page-header .nav>ul>li>a{display: block; padding:0px 0.2rem; line-height:95px;  position: relative; color:#333; }

/*--------------------------------------------------------------------------------------------------------------------------------------550--*/

@media all and (max-width:1450px){  
.page-header .nav>ul>li>a{display: block; padding:0px 10px ; line-height:95px;  position: relative; color:#333; }
.fnt-22 {
  
}
}

.page-header .nav>ul>li>a>em{position: absolute; left:0px; bottom:0px; margin-top:-0.08rem; width:0px; height:0.03rem; background:#56ab1f; transition:0.5s all; -webkit-transition:0.5s all; }
.page-header .nav>ul>li.on>a>em,.page-header .nav>ul>li:hover a em { width:100%; }


.page-header .navlist{position: absolute; z-index: 100; border-radius:5px; background:#fff; right:0px; top:100%; display:none; left:0px; opacity:0.9;}
.page-header .navlist .page-con { max-width:12rem; margin:0px auto; padding:0.72rem 0px 0.76rem; }
.page-header .navlist ul { width:60%; border-right:1px dashed #c4c9ca;   }
.page-header .navlist ul li { width:50%; float:left; padding-bottom:0.25rem;   }
.page-header .navlist ul li a{display:block; color:#333; padding-left:0.16rem; text-align:left;  position:relative; line-height: 1.33; font-size:0.19rem  }
.page-header .navlist ul li a:before {position:absolute; width:8px; left:0; height:2px; top:50%;  content:""; border-radius:0.02rem; background:#999;transform-origin:left center; transform:rotate(-135deg); -webkit-transform:rotate(-135deg);  }
.page-header .navlist ul li a:after { position:absolute; width:8px; margin-top:-1px; left:0px; height:2px; border-radius:0.02rem; top:50%;  content:""; background:#999; transform-origin:left center; transform:rotate(135deg); -webkit-transform:rotate(135deg); }

.page-header .navlist ul li a:hover { color:#004eb8; }
.page-header .navlist ul li a:hover:after { background:#004eb8; }
.page-header .navlist ul li a:hover:before { background:#004eb8; }
.page-header .navlist .page-img { width:3.4rem; }
.page-header .navlist .page-img .bg_container { height:1.91rem;  }




.nav_phone_btn,.nav_phone{display: none;}


.page-header:hover,.page-header.hover { background:#fff; box-shadow:0px 0px 10px rgba(0,0,0,0.1); }
.page-header:hover .nav>ul>li>a,.page-header.hover .nav>ul>li>a { color:#333; }
.page-header:hover .nav>ul>li>a>em,.page-header.hover .nav>ul>li>a>em { background:#56ab1f; }

.page-header:hover .language,.page-header.hover .language  { color:#666; }
.page-header:hover .language dl dt:before,.page-header.hover .language dl dt:before { border-color:#999 transparent transparent transparent; }
.page-header:hover .language:before,.page-header.hover .language:before { background:#d6d6d6; }
.page-header:hover .hd-search .sear_but,.page-header.hover .hd-search .sear_but { background:url(../images/search-but02.png) no-repeat center center; background-size:0.18rem 0.18rem; }


.scrollHeader .page-header { background:#fff; }
.scrollHeader .page-header .nav>ul>li>a { color:#333; }
.scrollHeader .page-header .nav>ul>li>a>em { background:#56ab1f; }

.scrollHeader .page-header .language { color:#666; display:none; }
.scrollHeader .page-header .language dl dt:before { border-color:#999 transparent transparent transparent; }
.scrollHeader .page-header .language:before { background:#d6d6d6; }
.scrollHeader .page-header .hd-search .sear_but { background:url(../images/search-but02.png) no-repeat center center; background-size:0.18rem 0.18rem; }




@media only screen and (max-width:1300px){
.page-header .hd-search {  height:24px; width:24px; top:0px; }
.page-header .hd-search .sear_but { width:24px; }
.page-header .hd-search  .search { border-radius:12px; }
.page-header .hd-search.open .search { width:15em; padding-right:24px;}
.page-header .hd-search  .search .put { line-height:22px; }
}
@media only screen and (max-width:1260px){
.page-header .page-hd-rt { top:0.24rem; }
}
@media only screen and (max-width:980px){
.page-header .hd-search.open .search { width:120px; }
.page-header .page-hd-rt { top:0.22rem; }

}
@media only screen and (max-width:900px){
.page-header .navlist .page-con { max-width:80%; }
.page-header .page-hd-rt { top:0.2rem; }
}
@media only screen and (max-width:840px){
.page-header .page-hd-rt { top:0.16rem; }
}


@media only screen and (max-width:750px){
.nav_phone_btn,.nav_phone{display: block;}

.page-header { }
.phone-nav-bg { display:none; z-index:9998; position:fixed; left:0px; top:0px; right:0px; bottom:0px; background:rgba(0,0,0,0.5); }
/*手机导航按钮开始*/
.nav_phone_btn{ position:fixed; top:9px; /*margin-top:-16px;*/ z-index:9999; right:20px; transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all; }
.nav_phone_btn{display: block;cursor: pointer; height:40px;}
.nav_phone_btn span {position: relative;font-size: 0;width:40px;height:3px;background-color: #005bab;display: inline-block;transition:all 250ms ease-out;-webkit-transition:all 250ms ease-out;}
.nav_phone_btn span:before,.nav_phone_btn span:after {content: "";position: absolute;width: 100%;height:3px;background-color: #005bab;left:0px;transition:all 250ms ease-out;-webkit-transition:all 250ms ease-out;}
.nav_phone_btn span:before{top:-10px;}
.nav_phone_btn span:after{top:10px;}
.visible_nav.nav_phone_btn { right:80%; }
.visible_nav.nav_phone_btn span{background-color: transparent;}
.visible_nav.nav_phone_btn span:before{left:5px;top:0px;transform: rotateZ(45deg);-webkit-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);}
.visible_nav.nav_phone_btn span:after{top:0px;left: 5px;transform: rotateZ(-45deg);-webkit-transform: rotateZ(-45deg);-ms-transform: rotateZ(-45deg);}
.body_nav_phone .phone-nav-bg { display:block;}
/*手机按钮结束*/

/*手机导航内容*/
.nav_phone{display:block;position: fixed; z-index:99999;top:0px;bottom: 0px;right:-74%;height: 100%;width:74%;left:auto;transition:left 0ms ease-out;-webkit-transition:left 0ms ease-out;transition:right 250ms ease-out;-webkit-transition:right 250ms ease-out;overflow: hidden; background:#fff; }
body.body_nav_phone .nav_phone{right:0;left:auto;}
.nav_phone_tit{box-sizing:border-box;height:48px;width: 100%; position:relative; color:#666; background:#fff; border-bottom:0.02rem solid #dadada; }
.nav_phone_tit span{display: inline-block; position:absolute; left:1em; right:0px; top:50%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -o-transform: translate(0,-50%); -moz-transform: translate(0,-50%); }
.nav_phone_tit .button{float: right;display: inline-block;margin-right: 10px; cursor: pointer; display:none;}
.nav_phone_tit .button:before{
content: "";display: inline-block;width: 17px;height: 3px;background: #fff;transform: rotate(45deg);border-radius: 8px;
transform: rotate(45deg); -webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);}
.nav_phone_tit .button:after{content: "";display: inline-block;width: 3px;height: 17px;background: #fff;margin-left: -10px;margin-bottom: -7px;transform: rotate(45deg);border-radius: 8px;transform: rotate(45deg); -webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);}
.nav_phone_con{position: absolute;top:48px;bottom: 0px;width: 100%;background: #fff;overflow: hidden; height:calc(100% - 48px);}
.nav_phone_con>ul{overflow-y: auto;overflow-x: hidden;position: absolute;bottom:5em;top:3em; left:1.4166em; right:0px;}
.nav_phone_con>ul>li {line-height:2.667;border-bottom: 2px solid #d7d7d7;}
.nav_phone_con>ul>li a{opacity: 1;box-sizing: border-box;width: 100%;color: #333;display: inline-block;position: relative;-ms-transition: all 250ms ease-out;transition: all 250ms ease-out;}
.nav_phone_con>ul>li>a .btn { position:absolute; right:0px; top:0px; bottom:0px; width:3em; border-left:2px solid #d7d7d7;  }
.nav_phone_con>ul>li>a em,.nav_phone_con>ul>li> ul>li>a em{display: inline-block;width:0.75em;height:0.75em;border-right: 3px solid #b2b2b2;border-bottom: 3px solid #b2b2b2;position: absolute;top:50%;right:1.2em;margin-top:-0.375em;transform: rotate(-45deg); -webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);}
.nav_phone_con>ul>li ul {overflow-y: auto;overflow-x: hidden;position: absolute;top:0;bottom: 0px;width: 100%;background: #fff;opacity: 0;visibility: hidden;right:-100%;-ms-transition: all 250ms ease-out;transition: all 250ms ease-out;z-index: 3;}
.nav_phone_con>ul>li ul li{line-height:2.667;border-bottom:0.02rem solid #d7d7d7;}
.nav_phone_con>ul>li ul li:first-child { border-bottom:none; }
.nav_phone_con>ul>li ul li:first-child a {color: #56ab1f; font-weight:bold; }
.nav_phone_con>ul>li.on>a{opacity: 0;}
.nav_phone_con>ul>li.on ul,.nav_phone_con>ul>li ul li.on dl{opacity: 1;visibility: visible;right:0;}
.nav_phone .hd-logo { position:absolute; text-align:center; left:0px; bottom:2em; right:0px; }
.nav_phone .hd-logo img { height:28px; }
.nav_phone .phone-search {  margin:1em; position:relative; padding:0px 0.6rem 0px 0.2rem; background:#e7e7e7; border-radius:1em; }
.nav_phone .phone-search input { float:left; width:100%; line-height:2; background:none; border:none; }
.nav_phone .phone-search .but {position:absolute; width:0.6rem; background:url(../images/search-but02.png) no-repeat center center; background-size:0.3rem 0.3rem; right:0px; top:0px; height:100%; border:none; }

/*手机导航内容结束*/

.page-header { height:48px; }
.page-header .page-logo { padding:10px 0px; left:20px; } 
.page-header .page-logo img { height:28px; }
.page-banner { height:calc(100% - 48px); }
.nav_phone .language  { padding-top:13px; padding-right:20px; }
.nav_phone .language a { color:#333; display:inline-block; }
.page-header:hover .language:before { display:none; }

.scrollHeader .nav_phone_btn { /*margin-top:-16px;*/ }

.page-main { padding-top:48px; }

}



.page-back-top { position:fixed; width:0.64rem; z-index:10; cursor:pointer; height:0.64rem; background:#00bff2; border-radius:0.1rem; right:1.8rem; bottom:10%;  }
.page-back-top:before { position:absolute; width:0.2rem; left:50%; height:0.04rem; margin-top:-0.04rem; margin-left:-0.16rem; top:50%;  content:""; border-radius:0.02rem; background:#fff;transform-origin:center center; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); }
.page-back-top:after { position:absolute; width:0.2rem; left:50%; margin-left:-0.03rem; height:0.04rem; margin-top:-0.04rem;  border-radius:0.02rem; top:50%;  content:""; background:#fff; transform-origin:center center; transform:rotate(225deg); -webkit-transform:rotate(225deg);}

@media only screen and (max-width:1640px){
.page-back-top  { right:0.2rem; }
}




@media only screen and (max-width:750px){
.page-er-bn .bg_container { padding-bottom:50%; }
.page-er-bn .play-btn { display:none; }
.page-er-bn.hover .page-text { display:block; }
.page-er-bn.hover #bn_video1,.page-er-bn.on #bn_video1 { display:none; }
.page-er-bn.on .bg_container { opacity:1;filter:alpha(opacity=100);}

}



.search-list { padding-top:0.6rem; padding-bottom:1rem; }
.search-list { width:100%; max-width:1144px; margin:0px auto; }
.search-list ul  { padding:0.2rem 0px 0.5rem; }
.search-list ul li { border-bottom:1px solid #f4f4f4; padding:0.27rem 5px; }
.search-list ul li a { display:block; color:#2f2f2f; flex:1; }
.search-list ul li a:hover { color:#f85d8b; }
.search-list ul li .page-time { padding-left:0.2rem;  }
@media only screen and (max-width:750px){
.search-list ul li { display:block; }	
.search-list ul li a { width:100%; }
.search-list ul li .page-time { width:100%; padding-left:0px; }
}


.about {background:url(../images/bg5.jpg) no-repeat center top; height:751px;}
.about_L { width:652px; float:left; text-align:left; background-image:url(../images/azi.png);background-repeat:no-repeat; background-position:left 94px; color:#000; padding-top:165px; }
.about_L h2 { font-weight:normal; font-size:32px; line-height: 41px; }
.about_L i {
	font-size: 14px;
	font-family:Barlow-Regular;
	font-style: normal; line-height:30px; 
}
.about_L a { color:#666;}
.about_L p { line-height:30px; margin-top:25px; font-size:16px;}
.about_L h3{ font-size:50px; text-transform:uppercase; font-family:BEBAS; padding-bottom:1%}
@font-face {
	font-family:Barlow-Regular;
	src: url('../fonts/Barlow-Regular.ttf'); }
@font-face {
	font-family:BEBAS;
	src: url('../fonts/BEBAS.ttf'); }

.about_L_b { width:100%; margin-top:76px;}
.about_L_b dl { width:132px; border-left:1px solid #6581ae; height:120px; padding-left:24px; float:left; padding-top:25px; }
.about_L_b dl dd { line-height:57px; font-size:17px;}
.about_L_b a dl dd { color:#666

}.about_L_b dl dt{ font-size:50px; color:#333; font-family:BEBAS}
.about_L_b a dl { color:#333;
transition:All 0.4s ease-in-out;
-webkit-transition:All 0.4s ease-in-out;
-moz-transition:All 0.4s ease-in-out;
-o-transition:All 0.4s ease-in-out;

}
.about_L_b a:hover dl { color:#333;
transform: translate(0,-15px);
-webkit-transform: translate(0,-15px);
	-moz-transform: translate(0,-15px);
	-o-transform: translate(0,-15px);
	-ms-transform: translate(0,-15px);

}

.about_L_b dt {
   
    width: 100%;
    height: 80px; display:flex
}
.about_L_b  dt li{ margin-top:0; flex:1; display:flex; justify-content:flex-start}
.icon_1 { margin-right:3%
   
}
.icon_2 {
  
    margin-top: 20px;
    margin-left: 10px;
}
.about_L_b  dt li a {
    color: #040404;
    font-size: 20px;
}.about_L_b  dt li a span {
    text-transform: uppercase;
    color: #a5a5a5;
    font-size: 15px;
}

.pz13{ width:100%; background:url(../images/abg.jpg) no-repeat top center fixed;  height:900px; margin:0 auto; position:relative }

.pz13 h3 {
    font-size: 40px;
    color: #fff;
    text-align: center;
    font-weight: normal;
}
.pz{ width:1300px; margin:0 auto; clear:both; padding-top:110px; padding-bottom:50px; height:100px}

.pz13 h3 span{ background:#eb3d00; width:50px; height:2px; position:absolute; margin-top:45px; margin-left:-94px; }
.pz13 h3 em{ font-size:20px; font-family:Barlow-Regular; line-height:30px; padding-bottom:20px}


.pz1{ width:50%; float:left; padding-top:50px;}
.pz1 ul{ width:100%; float:left;}
.pz1 ul li{background:none;box-shadow: 0px 0px 4px #FFF;  margin-bottom:13px; float:left; padding:1.5%; width:45%; height:409px; font-size:17px; text-align:left; margin-right:2%;-webkit-transition:.8s;
-moz-transition:.8s;
-o-transition:.8s; border-radius:5px;}
.pz1 ul li a{ -webkit-transition:.8s; color:#333333;
-moz-transition:.8s;
-o-transition:.8s;}
.pz1 ul li:hover {cursor:pointer;/* transform属性 */transform:translate(0,-5px); -webkit-transition:.8s;
-moz-transition:.8s;
-o-transition:.8s;}
.pz1 ul li h5{ float:left; font-size:20px; padding-top:20px; }

.pz1 ul li h4{ float:left; font-size:15px; padding-top:0px; font-family:Arial, Helvetica, sans-serif; color:#999 }
.pz1 ul li h6{ float:left; font-size:16px; padding-top:16px; font-family:Arial, Helvetica, sans-serif; color:#666 }

@font-face {
 font-family:Barlow-Regular;
 src: url('../fonts/Barlow-Regular.ttf'); }
 
 
 
.pz1 ul li h5 span{ float:left; font-size:14px; }
.pz1 ul li img{ float:left; max-height:380px;  max-width:100%;margin-right:10px;border-radius:3px;
}


.m1{background-color:#bababa; width:100%; margin-right:100px; height:30px; text-align:center; line-height:30px;-webkit-transition:.8s; float:left; margin-top:20px;
-moz-transition:.8s;
-o-transition:.8s; color:#FFFFFF; font-size:14px;}

.m1 a:hover {cursor:pointer;/* transform属性 */transform:translate(0,0px); background:#f00000;-webkit-transition:.8s; color:#FFFFFF!important;
-moz-transition:.8s;
-o-transition:.8s;}
.pz2{ width:100%;  padding-top:50px;}
.pz2 ul{ width:100%; display:flex; flex-wrap: wrap; justify-content: flex-start}
.pz2 ul li{ width:33.333%;
}
.pz2 ul li a{ border:#FFF solid 0px;  box-shadow: 0px 0px  4px #FFF;margin-bottom:16px;  width:92%; height:90px; font-size:18px; text-align:left; z-webkit-transition:.8s;
-moz-transition:.8s;
-o-transition:.8s;color:#fff!important; border-radius:5px; display:block; padding: 4% 8%; margin-left:4%; margin-right:4%}
.pz2 ul li a:hover {cursor:pointer; margin-top:-5px;  border:#035cac solid 1px;background:#035cac;-webkit-transition:.8s;
-moz-transition:.8s;
-o-transition:.8s; color:#fff!important; height:90px;}
.pz2 ul span{ float:left; font-size:14px; line-height:30px; font-family:Barlow-Regular}
.more{ width:240px; height:55px; margin:0 auto;  line-height:55px; background:#1879d0; text-align:center; margin-top:60px; box-shadow: 0px 0px  4px #FFF; transition:all 0.4s;background-image: -webkit-gradient(linear, left top, right top, from(#1766b3), color-stop(51%, transparent), to(transparent));
    background-image: -webkit-linear-gradient(left, #0178f3 0%, transparent 51%, transparent 100%);
    background-image: -moz-linear-gradient(left, #0178f3 0%, transparent 51%, transparent 100%);
    background-image: -o-linear-gradient(left, #0178f3 0%, transparent 51%, transparent 100%);
    background-image: linear-gradient(to right, #0178f3 0%, transparent 51%, transparent 100%); font-size:16px




}
 .more a{ color:#fff; text-align:center} 
 .more:hover{ width:240px; height:55px; margin:0 auto;  line-height:55px;  text-align:center; margin-top:60px; box-shadow: 0px 0px  0px #FFF; background:#fff; transition:All 0.4s ease-in-out;transform: translate(0,10px); border:2px #0178f3 solid}
 

	.more:hover a{ color:#035cac}
	
	.more i {
    font-family: "宋体";
    font-size: 45px;
    font-style: normal;
    display: inline-block;
    line-height: 30px;
}

.about_R { width:517px; float: right; position:relative;}
.about_R_img1 { width:560px; height:515px; position:absolute; right:0px;top:114px;}
.about_R_m { position:absolute; right:214px;top:519px;  width:432px;}
.about_R_m h3  {
	background:url(../images/pro2.jpg) no-repeat left top;
	width: 375px;
	height: 128px;
	float: left;
	padding-left: 31px;
	padding-top: 27px;
	color: #333;
	text-transform: uppercase; font-weight:normal;
}
.about_R_m_h3_p1 { font-size:15px; line-height:32px; letter-spacing:8px;} 
.about_R_m_h3_p2 { font-size:22px;}
.about_R_img2 { float:left;}





.jx_bj{  background:#fff; height: 560px; padding-top:116px;box-sizing: border-box;  font-family:"Microsoft Yahei";}
.jx dl {width: 100%; height: 374px; position: relative;}
.jx dl dt{width:50%; height: 374px;float: left; position: relative;  }
.jx dl dt:before{content: "";width: 660px; height: 130px; z-index: 0; background: #028f4b; position: absolute; top:122px; left:0;}
.jx dl dt img{width:100%; /*margin:0 auto;*/ display: block; position: relative;z-index: 1; border-radius:20px; overflow:hidden;}
.jx dl dd{width:43%; float:right;padding-top: 20px; padding-right:4%}
.jx dl dd h3{font-size: 42px;font-weight: bold; color: #222222;margin-bottom: 35px;text-align: left; f}
.jx dl dd h3 b { color:#0751ad;}
.jx dl dd h3 span{display: block; font-size: 24px; color: #222222; text-align: left; font-weight: normal; margin-top:10px; margin-bottom:20px;}
.jx dl dd p{text-align: justify;line-height: 28px; font-size: 15px;  color: #666666; }
.jx dl dd .span{ display: block;width: 100%; height: 61px;position: relative; }
.jx dl dd .span em{font-size: 14px; display: inline-block;color: #000000; position: absolute;left:0;bottom: 0;}
#abg { width:1300px; height:270px; clear:both; overflow:visible; position:relative ; margin:0 auto; display:flex}

.content { width:1300px; margin:0px auto;}
#abg a{ display:block; flex:1}
/*lanmu s*/
#abg a.lanmu {
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out; transition:all 0.4s
	
}

#abg a:hover .lanmu {
	transform: translate(0,-10px);
	-webkit-transform: translate(0,-10px);
	-moz-transform: translate(0,-10px);
	-o-transform: translate(0,-10px);
	-ms-transform: translate(0,-10px); transition:all 0.4s}
	
#abg a:hover .lanmu i {  background-color:#0756ad;   transition:all 0.4s}
.lanmu { flex:1; text-align:center; background:url(../images/xx2.jpg) no-repeat center right; margin-top:40px}
.lanmu i { width:86px; height:86px; background-color:#c4c4c4; border-radius:50%; display: inline-block; line-height:86px; color:#FFF; font-size:44px; }
.lanmu p { font-size:22px; line-height:20px; margin-top:17px; color:#000;}
.lanmu span {line-height:10px; font-size:16px;text-transform:uppercase; color:#c0c0c0; font-family:Barlow-Regular; display:block; line-height:30px;}
.lanmu em { width:44px; height:2px; background-color:#198de0; display:block; margin:12px auto;}
/*lanmu e*/
.more_ys {
    background-color: #c41e1f;
}

/*service s*/
#service { width:100%; background:url(../images/fwbg.jpg) no-repeat top center; height:590px; clear:both; overflow:visible; position:relative  }

.fuwu_l { width:678px; height:590px; float:left; overflow:hidden;}
.fuwu_l img { height:590px; margin-left:-60px;  }
.fuwu_r { width:40%; height:590px; float:right; padding-top:80px}
.fuwu_r_top1 {padding-top:91px;}
.fuwu_r_top2 {padding-top:51px;}
.fuwu_r_top3 {padding-top:111px;}
.fuwu_r_img1 { margin-bottom:10px; margin-top:15px;}
.fuwu_r h2 { font-size:34px; color:#131313; padding-bottom:38px;}
.fuwu_r p { color:#565656; font-size:16px; line-height:30px; padding-left:0px; 
	transition:All 0.2s ease-in-out;
	-webkit-transition:All 0.2s ease-in-out;
	-moz-transition:All 0.2s ease-in-out;
	-o-transition:All 0.2s ease-in-out; }
.fuwu_r a:hover p {color: #004386;text-decoration: none!important;padding-left:10px;  transition:all 0.4s}
.fuwu_r a:hover p:before {content: "—— ";  transition:all 0.4s}
.fuwu_r .shuzi{ font-family:Qualy-Bold-2; margin-top:20px; font-size:64px}
.fuwu_r h2 span{ font-family:Barlow-Regular; font-size:22px; font-weight:normal}

@font-face {
	font-family:Qualy-Bold-2;
	src: url('../fonts/HunDIN1451-1.ttf'); }



/* 核心代码 */
.focus{width:1300px;height:590px;position:relative; margin:0 auto; clear:both}
.yincang {width:1300px; height:590px;overflow:hidden; position:absolute;}
.focus ul{height:590px;position:absolute;}
.focus ul li{
	float: left;
	width: 1300px;
	height: 590px;
	overflow: hidden;
	position: relative;
	
	list-style-type: none;
}
/*.focus ul li div{position:absolute;overflow:hidden;}*/
.focus .btn{position:relative;width:30%;height:10px;padding:0;text-align:center; margin:0 auto; padding-top:440px; margin-right:510px}
.focus .btn span{display:inline-block;_display:inline;_zoom:1;width:16px;height:16px;_font-size:0;margin-left:11px;cursor:pointer;background:#c2c2c2;border-radius:50%;}
.focus .btn span.on{background:#0070c0;}
.focus .preNext{width:45px;height:100px;position:absolute;top:90px;background:url(img/sprite.png) no-repeat 0 0;cursor:pointer;display:none;}
.focus .pre{left:0;}
.focus .next{right:0;background-position:right top;}


.biaoti { width:100%; background:url(../images/news_bg.jpg) no-repeat center top #fff; margin:0px auto; padding-top:0px; text-align:center; padding-bottom:0px;   }

.biaoti a{ font-family:Barlow-Regular}
.biaoti p{ font-family:Barlow-Regular}


.news_con{ width:1300px; margin:0 auto}

.biaoti h2 {
    font-size: 40px;
    color: #333;
    text-align: center; font-weight:700;

}
.biaoti h2 em {
    font-size: 20px;
    font-family: Barlow-Regular;
    line-height: 30px; text-align:center; font-weight:400; color:#666;
}.biaoti h2 span {
    background: #56ab1f;
    width: 80px;
    height: 2px;
 
   display:block; margin:25px auto 45px;
   
}
.news_bt {background:url(../images/menu.jpg) no-repeat top center; width:100%; height:320px; color:#fff; text-align:center; padding:5% 0px; }

.news_bt h2 { font-size:50px; line-height:70px;}
.news_bt h3 { line-height:40px; font-size:18px}
.news_bt .more { width:150px; line-height:40px; height:40px; background:#fff; color:#2156a3; margin:35px auto 0px; font-size:17px; border-radius:25px;}
.new{width:1200px; margin:auto; overflow:hidden; padding-top:60px;}

.new h2{ font-size:40px; color:#fff; text-align:center; }
.new h3{ font-size:17px; color:#fff; margin-top:10px; padding-bottom:40px;}



 line{ width: 40px;
    height: 2px;
    background: #0ab54f;
    margin: 0 auto;
    display: inline-block;
    vertical-align: middle;}







.tit span {
    display: block;
    font-size: 42px;
    color: #333;
    line-height: 40px;
    font-weight: bold; text-align:center
}

.tit span i{ color:#002150; font-size: 42px;}

.tit p{ font-size:20px; text-align:center; line-height:60px; height:60px; color:#6e6e6e}








.join{ width:100%; margin:0 auto; background:url(../images/bg34.jpg) no-repeat center; background-size:cover; background-position:center; background-repeat:no-repeat; background-attachment: fixed; height:489px; text-align:center; color:#FFFFFF; font-size:40px; font-weight:700; line-height:50px; padding-top:190px; clear:both}

.join span{ font-size:22px; font-family:Barlow-Regular; font-weight:400;}
.a_more{ font-size:17px; color:#fff!important; line-height:50px; width:200px; margin:auto;display:inline-block; 
  border: 1px solid #fff; 
  position: relative;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; margin-top:30px
}
.a_more a{  color:#fff!important;
}
.a_more:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #0056a9;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.a_more:hover:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.a_more:hover{ color:#fff;}





.lc{ padding-top: 50px; }
.lc_con{ height: 700px;background: url(../images/lc_bg.jpg) no-repeat center;margin-top: 40px; }
.lc_con li{ float: left;width: 240px;border-right: 1px solid #fff;box-sizing: border-box;height: 700px;padding-top: 126px;box-sizing: border-box; padding-left: 36px;position: relative;z-index: 10;}
.lc_con li em{ display: block;width: 40px;height: 40px;margin:0 0 0 64px;overflow: hidden;position: relative;z-index: 30; }
.lc_con li em img{ display: block; width: 40px;height: 40px;}
.lc_con li span a{ display: block;font-size: 30px;line-height: 36px;padding-top: 18px;padding-left: 8px;color: #406aba;padding-right: 66px;height: 160px; position: relative;z-index: 30;}
.lc_con li:nth-child(2) span a{ padding-right: 45px; }
.lc_con li span strong{ display: block; }
.lc_con li span b{ float: right;font-size: 26px;color: #d13030;background: url(../images/lc_line.png) no-repeat left top;padding-left: 32px;padding-top: 14px;margin-top: 22px;line-height: 20px; }
.lc_con li p i a{ display: block;font-size: 16px;line-height: 36px;color: #406aba;padding-left: 12px;box-sizing: border-box;position: relative; }
.lc_con li p i a:after{ position: absolute;left:0;top:12px;width: 4px;height: 4px;border-radius: 2px;background: #406aba;content: ""; }
.lc_con li:before{ width:240px;height: 0;background: rgba(37,78,135,0.8);left:0;top:0;content: "";position: absolute; transition: all 0.5s;}
.lc_con li.cur em img:nth-child(1){ margin-top: -40px;}
.lc_con li.cur span a,.lc_con li.cur span strong,.lc_con li.cur p i a{color: #fff;  }
.lc_con li.cur p i a:after{ background: #fff; }
.lc_con li.cur span b{background: url(../images/lc_lineh.png) no-repeat left top;  }
.lc_con li.cur:before{height: 700px;}
.lc_con li.cur:after{ background: url(../images/lc_ddh.png) no-repeat;position: absolute;left:0;bottom:0; width: 240px;height: 15px;content: "";z-index: 10;}

.pt{  height: 900px;background: url(../images/pt_bg.jpg) no-repeat center;padding-top: 100px;box-sizing: border-box;}
.pt_t{position: relative;margin-top: 35px;height: 382px;}
.pt_t li{display: table;position: absolute;border-radius: 50%;text-align: center;transition: all .15s linear;font-size: 18px;color: #fff;}
.pt_t li:after{display: none;position: absolute;width: 112%;height: 112%;left: -6%;top: -6%;content: "";background: rgba(65, 106, 186, 0.2);border-radius: 50%;z-index: -1;}
.pt_t li.cur:after{display: block;animation: living 1s linear infinite;}
@keyframes living {
    0%{
        transform: scale(0.7);
    }
    100%{
        transform: scale(1);
    }
}
.pt_t li:nth-of-type(1){width: 155px;height: 155px;top: 96px;left:0;background: url(../images/pt1.png) no-repeat center;line-height: 155px;}
.pt_t li:nth-of-type(2){width: 167px;height: 167px;top: 10px;left: 254px;background: url(../images/pt2.png) no-repeat center;line-height: 167px;}
.pt_t li:nth-of-type(3){width: 126px;height: 126px;top: 193px;left: 321px;background: url(../images/pt3.png) no-repeat center;line-height: 126px;}
.pt_t li:nth-of-type(4){width: 203px;height: 203px;top: 0;left: 522px;background: url(../images/pt4.png) no-repeat center;line-height: 203px;}
.pt_t li:nth-of-type(5){width: 146px;height: 146px;top: 190px;left: 700px;background: url(../images/pt5.png) no-repeat center;line-height: 146px;}
.pt_t li:nth-of-type(6){width: 148px;height: 148px;top: 42px;right: 222px;background: url(../images/pt6.png) no-repeat center;line-height: 148px;}
.pt_t li:nth-of-type(7){width: 141px;height: 141px;top: 86px;right: 0;background: url(../images/pt7.png) no-repeat center;line-height: 141px;}
.pt_con li{ float: left;width:382px; margin-right: 27px; position:relative;}
.pt_con li:last-child{ margin-right: 0; }
.pt_t li a{ color:#fff;display:block;width:100%;height:100%;}
.pt_con li i{ position: relative;display: block; width:382px; height: 213px;border-radius: 16px;}
.pt_con li i>img{display: block; width:382px; height: 213px;}
.pt_con li span{ display: block;position: absolute;width: 208px;height: 55px;right: 0;bottom:0;background: url(../images/pt_s.png) no-repeat center;content: "";border-radius: 0 0 16px 0;padding-left: 86px;box-sizing: border-box; line-height: 55px;font-size: 24px;color: #fff;}
.pt_con li span>img{ display: inline-block;width: 19px;height: 23px;vertical-align: -3px;margin-right: 12px;}
.pt_con li em{ display: block;height: 75px;padding-top: 12px;font-size: 16px;color: #333333;line-height: 24px; box-sizing: border-box;}
.pt_con li.cur em{ background: url(../images/pt_line.png) no-repeat left bottom; color: #406aba;}



.pro{  height: 707px;background: url(../images/pro_bg.jpg) no-repeat center;padding-top: 50px;box-sizing: border-box;}
.pro .tit b,.pro .tit i{ color: #fff; }
.pro .tit i:before,.pro .tit i:after{ background: url(../images/tit3.png) no-repeat center; }
.pro ul{ margin-top: 58px; }
.pro ul li{ float: left;width: 370px;margin-right: 45px;height: 480px;padding: 45px 40px 0;box-sizing: border-box; background: #fff;border-radius: 12px;}
.pro ul li:last-child{ margin-right: 0; }
.pro ul li span{ height: 36px;border-bottom: 1px solid #d13030;font-size: 24px;color: #333333;font-weight: bold;margin-bottom: 35px; display: block;line-height: 20px;}
.pro ul li span>img{ display: block;width: 26px;height: 26px;float: right; }
.pro ul li i{ display: block;width: 290px;height: 326px;overflow: hidden; }
.pro ul li i img{ display: block;width: 290px;height: 326px; }