.f_pr{position:relative;}
    	.f_pa{position:absolute;}
    	.header , .content , .footer { width:1200px; margin:0 auto;  }
    	em{font-style:normal;}
      .g_top{ height:123px; background: #fff;overflow: hidden;}
      .g_top .tlogo{float: left;padding: 10px 0px 0 0;}
      .g_top .tlogo img{width: 472px;height: 110px;display: block;}
      .g_nav{float: right;height:123px;width: 720px; text-align:right}
      .g_nav li{position: relative;float:left;font-size: 18px;}
       .g_nav li em{display: block;font-size:12px;color:rgba(0,0,0,.3);text-transform: uppercase;}
        .g_nav li a{display:block;float: left;padding: 0 9px;padding-top: 45px;color:#333333;text-decoration: none;height: 123px;box-sizing: border-box;}
        .g_nav li a:hover,.g_nav .cur a{color: #fff;background: #0067b4;}
        .g_nav li a:hover em,.g_nav .cur em{color: rgba(255,255,255,.3);}
        .ttel{float: left;width:40px;margin-top: 38px;position: relative;}
        .ttel span{position: absolute;left:80px; top:48px; height: 38px;line-height: 38px;background: #0067b4;border-radius: 30px;font-size:22px;color:#fff;text-align: center;width:220px;opacity: 0;transition: all 0.3s linear 0s;}
        .ttel:hover span{opacity: 1;left:-180px;}
    
 
 .banner .slick-arrow {
            position: absolute;font-size: 0;
            top: 50%; 
            z-index:12;
            width: 100px;
            height: 100px;
            margin-top: -42px;
            border: 0;
        }
        .banner .slick-prev {outline: none;
            left: 5%; display: none; background:none; position: absolute;top:50%;margin-top:-42px; font-size:0;border: none; z-index:12;
           background:url(../images/probt1.png) no-repeat;width:30px;height: 84px;
        }
        .banner .slick-next {outline: none;
            right: 5%; display: none;background:none;position: absolute;top:50%;margin-top:-42px; font-size:0;border: none; z-index:12;
           background:url(../images/probt2.png) no-repeat;width:30px;height: 84px;
        }   
    .banner img {
            display: block;
            /* width: 100%; */
            margin:0 auto;
        }
      
       .slick-dots {
            position: absolute;
            left: 0;
            font-size:0;
            bottom: 6%;
            width: 100%;
            text-align: center;
            outline: none;
        }
        .slick-dots li {
            display: inline-block;
            margin: 0 15px; outline: none;
        }
        .slick-dots li button {
            display: block;
            border: 0 none;width: 15px;height: 15px;
            color: #fff; border-radius: 50%;
            background-color: #004a93;
            outline: none; transition: all 0.3s linear 0s;
        }
        .slick-dots .slick-active button {
            background-color: #02a0e7;
            width:60px;
            border-radius: 30px;
        }
        
.g_ft{ height:460px; background:#004a93;margin-top: 120px;}
.g_ft .f_ftcon{float: left;width: 566px;  }
.g_ft .ftlogo{padding-top: 26px;width:236px;height: 117px;}
.g_ft .ftlogo img{width:236px;height: 117px;display: block;}
.g_ft .f_ftcon li{line-height: 24px;font-size: 13px;color: rgba(255,255,255,.6);}
.g_ft .f_ftcon li a{color: rgba(255,255,255,.6);}
.g_ft .f_ftcon li a:hover{color:#fff;}
.g_ft .f_ftcon li:nth-child(2){margin-bottom: 20px;}
.g_ft .f_ftcon li:nth-child(3),.g_ft .f_ftcon li:nth-child(4),.g_ft .f_ftcon li:nth-child(3) a,.g_ft .f_ftcon li:nth-child(4) a{color: rgba(255,255,255,.4);}
.g_ft .f_ftcon .ftel{background: url(../images/fttel.jpg) no-repeat;padding-left: 45px;line-height: 36px;font-size: 30px;color: #fff;margin-top: 58px;}
.g_ft .m_fnav{float: left; width: 220px;padding-top: 50px;}
.g_ft .m_fnav2{float: left; width: 200px;padding-top: 50px;}
.g_ft .m_fnav a{ color:rgba(255,255,255,.6); line-height: 36px;  font-size: 14px; font-weight: normal;display:block;}
.g_ft .m_fnav a:hover{color:#fff;}
.g_ft h2{height: 100px;font-weight: bold;font-size: 16px;color: #fff;}
.g_ft h2 em{display: block;font-size: 22px;color: rgba(255,255,255,.2);font-weight: normal;}
.g_ft .m_code{float: right;width: 200px;position: relative;top:-89px;}
.g_ft .m_code h3{height: 119px;}
.g_ft .codelst{background: url(../images/codebg.jpg) no-repeat;width:200px;height: 355px;padding-top: 28px;box-sizing: border-box;}
.g_ft .codelst li{width: 120px;height: 160px;margin: 0 auto;}
.g_ft .codelst li img{width: 110px;height: 110px;display: block;margin: 0 auto; }
.g_ft .codelst li em{display: block;height: 32px;line-height: 32px;text-align: center;font-size: 14px;color: #fff;}
      
    .top-bar {
  position: relative;
  background: #f0f0f0;
  /* padding: 15px 0; */
}
.top-bar .top-bar-text li {
  margin-right: 20px;
  display: inline-block;
}
.top-bar .top-bar-text li a{
	color: #fff;
}
.top-bar .top-bar-text li i {
  color: #fff;
  margin-right: 12px;
  position: relative;
  top: 1px;
}
.top-bar .top-bar-text li i:before{
  margin: 0;
  font-size: 14px;
}
.top-bar .social li a:hover {
  color: #222;
  transition: .5s ease-in-out;
}
.top-bar .social li:last-child {
  padding-right: 0px;
}
.h_top{ height: 39px; line-height: 39px; font-size: 12px; color: #919191; overflow: hidden;}
        .h_top em{ display: inline-block; float: right; padding-left: 24px; line-height: 39px;background:url(images/t_tel.jpg) no-repeat 0 12px;}
        .h_top em  span{font-weight: bold; color: #262626; font-size: 24px;font-family: arial;}  
		
		/*1029626114@qq.com*/

@charset "utf-8";



.g_pp{padding-top: 75px;height: 580px;background:url(../images/ppbg.jpg) no-repeat center top; overflow:hidden;}

.g_pp dt{float: right;width:501px;height: 503px;overflow: hidden; margin-right: 40px;}

.g_pp dt img{width:501px;height: 503px;display: block;transition: all 0.3s linear 0s;}

.g_pp dt:hover img{transform: scale(1.1);}



.g_pp dd{float: left;width:556px;margin-left: 54px;padding-top: 20px;}

.g_pp h2{position: relative;height: 150px;font-size:42px;color:#000;font-weight: normal;animation-delay: 0.1s;}

.g_pp h2 em{display: block;font-size:20px;color:#666666;}

.g_pp h2:before{content: "";position: absolute;width:72px;height: 3px;background: #0067b4;left:0;top:100px;}

.g_pp p{font-size:16px;line-height: 30px;color:#666666;margin-bottom: 60px;animation-delay: 0.2s;}

.g_pp span a{display: block;width:181px;height: 44px;font-size:16px;color:#666666;background:url(../images/ppbtn.jpg) no-repeat 0 bottom;}





.g_pro{background:url(../images/cpbg.jpg) no-repeat center top;height: 665px;padding-top: 40px;box-sizing: border-box;overflow:hidden;}

.g_pro h2 a{display: block;position: relative;height: 120px;font-size:42px;color:#000;font-weight: normal;text-align: center;}

.g_pro h2 em{display: block;font-size:20px;color:#666666;padding-top: 6px;}

.g_pro h2 a:before{content: "";position: absolute;width:72px;height: 3px;background: #0067b4;left:50%;margin-left: -36px;top: 100px;}

.g_pro .cptit{height: 88px;margin-bottom: 50px;/* margin-left: 270px; */}

.g_pro .cptit a{float: left;padding: 0 22px;font-size:16px;color:#666666;position: relative;display: block;height: 48px;line-height: 48px;}

.g_pro .cptit a:before{content: "";position: absolute;width:2px;height: 2px;background: #666666;left:12px;top:23px;}

.g_pro .cptit a:hover,.g_pro .cptit .cur{background: #0067b4;color:#fff;}

.g_pro .cptit a:hover:before,.g_pro .cptit .cur:before{background: #fff;}

.m_cplst{height: 294px;background: #0067b4a6;border-radius: 2px;padding: 20px 20px 0 23px;box-sizing: border-box;overflow: hidden;}

.m_cplst li{float: left;width:277px;margin-right: 20px;}

.m_cplst li img{width:277px;height: 208px;display: block;transition: all 0.3s linear 0s;}

.m_cplst li em{display: block;line-height: 50px;text-align: center;font-size: 16px;color: #ffffff;}

.m_cplst li:hover img{transform: scale(1.02);border-radius: 10px;}

.m_cplst li:hover em{color: #22a24a;}





.g_pp2{background:url(../images/ppbg2.jpg) no-repeat center top;height: 796px;padding-top: 42px;box-sizing: border-box;overflow:hidden;}

.g_pp2 h2{display: block; position: relative;height: 170px;font-size:42px;color:#000;font-weight: normal;text-align: center;}

.g_pp2 h2 em{display: block;font-size:20px;color:#666666;padding-top: 6px;}

.g_pp2 h2:before{content: "";position: absolute;width:72px;height: 3px;background: #0067b4;left:50%;margin-left: -36px; top:120px;}

.g_pp2 p{padding: 0 40px;font-size:16px;line-height: 30px;color:#666666;text-align: center;height: 160px;}

.g_pp2 ul{position: relative;height: 410px;}

.g_pp2 li,.g_pp2 li i{position: absolute;}

.g_pp2 li{width:350px;height: 100px;}

.g_pp2 li em{font-size:22px;color:#000000;line-height: 40px;}

.g_pp2 li:nth-child(1){left:62px;top:313px;}

.g_pp2 li:nth-child(1) i{left:150px;top:0;}



.g_pp2 li:nth-child(2){left:86px;top:183px;}

.g_pp2 li:nth-child(2) i{left:180px;top:16px;}



.g_pp2 li:nth-child(3){left:225px;top:80px;}

.g_pp2 li:nth-child(3) i{left:125px;top:42px;}



.g_pp2 li:nth-child(4){left:325px;top:0;}

.g_pp2 li:nth-child(4) i{left:160px;top:46px;}



.g_pp2 li:nth-child(5){left:735px;top:0;}

.g_pp2 li:nth-child(5) i{left:-60px;top:60px;}



.g_pp2 li:nth-child(6){left:883px;top:80px;}

.g_pp2 li:nth-child(6) i{left:-88px;top:37px;}



.g_pp2 li:nth-child(7){left:972px;top:190px;}

.g_pp2 li:nth-child(7) i{left:-94px;top:23px;}



.g_pp2 li:nth-child(8){left:1033px;top:312px;}

.g_pp2 li:nth-child(8) i{left:-107px;top:10px;}












.g_pp2 li:nth-child(1){animation-delay: 0.1s;}

.g_pp2 li:nth-child(2){animation-delay: 0.2s;}

.g_pp2 li:nth-child(3){animation-delay: 0.3s;}

.g_pp2 li:nth-child(4){animation-delay: 0.4s;}

.g_pp2 li:nth-child(5){animation-delay: 0.5s;}

.g_pp2 li:nth-child(6){animation-delay: 0.6s;}

.g_pp2 li:nth-child(7){animation-delay: 0.7s;}

.g_pp2 li:nth-child(8){animation-delay: 0.8s;}

.g_pp2 li:nth-child(8){animation-delay: 0.9s;}












/*?????£¤?????¨¬??a€?????¡§???a€?????¡§o?????£¤????¨º?¨¨????¡§|??¡§|a€?????????a€????3?????£¤???|????¡§|??¡§|a€?????¡§|a????????a€????1?????£¤???|??a€???????a€1??¡§|a????*/

.plan{clear: both;position: relative;z-index:2;overflow: hidden;height: 126px;/* background:#f2f2f2; *//* padding-top: 45px; */overflow:hidden;}

.plan h2{display: block; position: relative;height: 170px;font-size:42px;color:#000;font-weight: normal;text-align: center;}

.plan h2 em{display: block;font-size:20px;color:#666666;padding-top: 6px;}

.plan h2:before{content: "";position: absolute;width:72px;height: 3px;background: #0067b4;left:50%;margin-left: -36px;top: 110px;}

.plan_t{position: absolute;left:510px;top:500px;}

.plan .plan_t li{float: left;width:12px;height: 12px;background: #fff;border-radius: 50%;margin-right: 10px;}

.plan .plan_t .cur{background: #0067b4;width:36px;}



.plan .u_ljt,.plan .u_rjt{position: absolute; width:50px;height: 100px;z-index: 1452;}

.plan .u_ljt{background:rgba(0,0,0,.3) url(../images/ljt2.png) no-repeat center 30px;left:0;top:220px;}

.plan .u_rjt{background:rgba(0,0,0,.3) url(../images/rjt2.png) no-repeat center 30px;right:0;top:220px;}

.plan .u_ljt:hover{background:#0067b4 url(../images/ljt2.png) no-repeat center 30px;}

.plan .u_rjt:hover{background:#0067b4 url(../images/rjt2.png) no-repeat center 30px;}







.plan_c .tempWrap{overflow: visible !important;}

.plan_c dl{width: 1200px;position: relative;margin-right: 22px;height: 688px;}

.plan_c dt{width: 1200px;height: 543px;overflow: hidden;}

.plan_c dt img{width: 1200px;display: block;height: 543px;transition: all 0.3s linear 0s;}

.plan_c dl:hover dt img{transform: scale(1.1);}



.plan_c dd{padding: 26px 0 0 40px;position: relative;}

.plan_c h3 a{display: block; height: 40px; line-height: 40px; font-size:24px;font-weight: bold;color:#333333;}

.plan_c p{ font-size:16px;line-height: 52px;color:#636262;}

.plan_c span{position: absolute;right: 0;top:24px;width:190px;height: 103px;background:url(../images/anmore.jpg) no-repeat 32px 0;padding: 52px 0 0 40px;font-size: 16px;color:#636262;box-sizing: border-box;}

.plan_c span a{color:#636262;}

.plan_c span:before{content: "";position: absolute;width:1px;height: 90px;background: #e2e2e2;left:0;top:7px;}



.g_news{background:url(../images/newbg.jpg) no-repeat center top;height: 855px;padding-top: 35px;box-sizing: border-box;overflow:hidden;}

.g_news h2 a{display: block;position: relative;height: 142px;font-size:42px;color:#000;font-weight: normal;text-align: center;}

.g_news h2 em{display: block;font-size:20px;color:#666666;padding-top: 6px;}

.g_news h2 a:before{content: "";position: absolute;width:72px;height: 3px;background: #0067b4;left:50%;margin-left: -36px;top: 110px;}

.g_news h3 a{display: block;height: 48px; line-height: 48px;margin-bottom: 10px;font-size: 24px;color:#1f1f1f;font-weight: normal;}

.g_news h3 span{font-size: 14px;color:#8a8a8a;padding-right: 13px;background:url(../images/dtmore.jpg) no-repeat right 20px;}

.newleft{float: left;width:624px;margin-left: 24px;}

.tt{height: 198px;}

.tt dd{float: left;width:172px;height: 183px;background: #0067b4;padding: 58px 0 0 0;box-sizing: border-box;}

.tt h3{width:93px;height: 38px;margin:0 auto;border:1px solid rgba(255,255,255,.5);text-align: center;font-size: 24px;color:#fff;font-weight: normal;}

.tt em{display: block;line-height: 40px;font-size: 14px;color:rgba(255,255,255,.6);text-align: center;}

.tt dt{float: left;width:447px;height: 183px;}

.tt1{height: 130px;border-bottom: 1px solid #e9e9e9;margin-bottom: 8px;}


.tt1 h4 a{display: block;line-height: 52px;font-size: 20px;color:#333333;font-weight: normal;}

.tt1 h4 a:hover{color:#0067b4;}

.tt1 p{font-size: 14px;line-height: 24px;color:#8a8a8a;}

.newlst li{line-height: 34px;font-size: 14px;color:#666666;position: relative;padding-left: 22px;}

.newlst li a{color:#666666;}

.newlst li:before{content:"";position: absolute;width:7px;height: 2px;background: #a8a8a8;left:0;top:16px;}

.newlst li span{color:#adadad;}

.newlst li a:hover{color:#0067b4;}

.newbk{float: right;width:440px;margin-right: 22px;}

.bktt{height: 140px;border-bottom: 1px solid #e9e9e9;margin-bottom: 20px;}

.bktt h4 a{display: block;line-height: 52px;font-size: 20px;color:#333333;font-weight: normal;}

.bktt h4 a:hover{color:#0067b4;}

.bktt p{font-size: 14px;line-height: 24px;color:#8a8a8a;}

.bklst li{height: 56px;border-bottom: 1px dashed #cfcfcf; font-size: 14px;color:#666666;position: relative;margin-bottom: 12px;}

.bklst li a{color:#666666;}

.bklst li a:hover{color:#0067b4;}

.bklst li em{display: block;color:#adadad;}

.bklst li:last-child{border-bottom: none;}

.bklst li a:hover em{font-weight: bold;}







/* ?????£¤?????¨¬??a€????|¡§???a€???????????£¤?????¨¬??a€?????????¡§|??¡§|a€??????o */

.m_zj{overflow:hidden;}

.m_zj dt{width: 100%;display: block;}

.m_zj dt img{width: 100%;display: block;}

.m_zj dd{width: 1200px;margin: 0 auto;background:#fff; box-shadow: 8px 0 24px rgba(0,0,0,.2); height: 218px;padding: 37px 42px 0;margin-top: -137px;z-index: 11;position: relative; border-radius: 10px 10px 0 0;box-sizing: border-box;}

.m_zj h3 a{display: block;height: 52px;line-height: 52px;font-size: 36px;font-weight: normal;color: #000000;text-align: center;margin-bottom: 22px;}

.m_zj p{text-align: center;font-size: 14px;line-height: 24px;color: #666666;}

.m_zj p a{color:#22a24a;}





.g_zs2{height:400px;background: #fff;box-shadow: 8px 0 24px rgba(0,0,0,.2);overflow:hidden;}

.zz{position:relative;}

.zz ul{height:56px;background: #eeeeee;margin-bottom: 47px;}

.zz ul li a{float:left; height:56px; width: 100px; line-height: 56px;position: relative; padding-left: 62px; font-size: 18px;color: #333333}

.zz ul li a:before{content: "";position: absolute;width: 1px;height: 56px;background: #ccc;right:0;top:0;}

.zz ul li a{display:block;color: #333333;  }

.zz ul li:hover a,.zz ul li.cur a{color: #fff;background: #22a24a;}

.zz ul li i{position: absolute;left:30px;top:13px;width:30px;height: 30px;overflow: hidden;line-height:0;}

.zz ul li:nth-child(3) a:before{background: none;}

.zz ul li a:hover i img,.zz ul li.cur i img{margin-left: -30px;}



.zz_box{ position: relative;}

.g_zs2 .ljt,.g_zs2 .rjt{width: 16px;height: 22px;position: absolute;}

.g_zs2 .ljt{background:url(../images/ljt.png) no-repeat;left:-45px;top:92px; }

.g_zs2 .rjt{background:url(../images/rjt.png) no-repeat;right:-45px;top:92px;}

.g_zs2 .ljt:hover,.g_zs2 .rjt:hover{background-position: -16px 0}

.zz-s{height:260px; margin:0 20px; overflow:hidden;}

.zz-s ol li{position: relative; float:left; width:274px;margin-right:20px; *display:inline;background: none;padding: 0;background:url(../images/xcbg.jpg) no-repeat;padding:9px;}

.zz-s ol li.no{margin:0;}

.zz-s ol li img{width:274px; height:206px; display: block;transition: all 0.3s linear 0s;border:1px solid #ccc;}

.zz-s ol li em{display: block;height: 56px;line-height: 56px;font-size: 16px;color: #666666;background:url(../images/xcico.jpg) no-repeat right 15px;}






html {font-size: 10px;-webkit-text-size-adjust: none;}

@media screen and (min-width: 1200px) {html {font-size: 15px;}}

@media screen and (min-width: 1280px) {html {font-size: 16px;}}

@media screen and (min-width: 1366px) {html {font-size: 17px;}}

@media screen and (min-width: 1440px) {html {font-size: 18px;}}

@media screen and (min-width: 1600px) {html {font-size: 20px;}}

@media screen and (min-width: 1920px) {html {font-size: 24px;}}



/*1029626114@qq.com*/

@charset "utf-8";

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements ?¡§¡é11?a?? */

dl, dt, dd, ul, ol, li, /* list elements ¡§¡éD?¨¤¡§a?a?? */

pre, /* text formatting elements ???¨¤???¡§o??a?? */

fieldset, lengend, button, input, textarea, /* form elements ?¨¤¡§a|¨¬¡ê¡è?a?? */

th, td { /* table elements ?¨¤¡§a???a?? */

    margin: 0;

    padding: 0;

}

input,textarea {border: 2 none; box-shadow: none; outline: none;}

/* ¡§|¡§¡§????¡§¡§??¨¢?¡§?? */

body,button, input, select, textarea { font-family:"Microsoft Yahei" ;color: #666;}

h1 {font-size: 18px;}

h2 {font-size: 16px;}

h3 {font-size: 14px;}

h4, h5, h6 {font-size: 100%;}

* h1,* h2,* h3,* h4,* h5,* h6{margin: 0px;}

/* ????¡§¡éD?¨¤¡§a?a?? */

ul, ol ,li{list-style: none;}

/* ???????¨¤???¡§o??a?? */

a {text-decoration: none; color: #666; word-wrap:break-word;}/*¡§??¨¦????DD*/

a:hover {text-decoration: none; color:#910800;}

/* ?????¨¤¡§a|¨¬¡ê¡è?a?? */

legend {color: #000;} /* for ie6 */

fieldset, img {border: none;} /* img ???3|¨¬?¨ºo¡§¡§?¡§¡é???¡§?¡§¡è?|¨¬? img ?T?¨¤??¡§¡ã */

button, input, select, textarea {

    font-size: 100%; /* ¡§o1?¨¤¡§a|¨¬¡ê¡è?a???¡§2 ie ???¡§1?¡§?3D?¨¢?¡§????¡§?D? */

}



/* ?????¨¤¡§a???a?? */

table {

    border-collapse: collapse;

    border-spacing: 0;

}



/* ¡§¡§??¡è?ie??£¤¡§¡è¡§¡è?????¡§¡§?¡§¡ã2??¡§o???1??¨¤1???£¤¡§???¨º??¡è¡§¡è?1¡§¡ã¡§¡ã1???£¤¡§??¡§¡ãy?e|¨¬?¡§|¡§¡é?? */

html {overflow-y: scroll;}





/*¡§|¡§¡§??????£¤*/

.fl {float: left;}

.fr {float: right;}

.pr{position: relative;}

.pa{position: absolute;}





/*??3y????£¤*/

.clear{clear: both;height: 0;}

.blk-main .clearlist{ clear:both;height:0;padding:0;margin:0;border:0;width:100% ;float:none;}

.b-main .clearlist{ clear:both;height:0;padding:0;margin:0;border:0;width:100% ;float:none;}

.clearafter:after { content:"."; display:block; height:0; visibility:hidden; clear:both; }







/* -- ¡§¡ã3????¡§??2??? -- */

.header , .content , .footer { width:1200px; margin:0 auto;  }



/* function */

h2 a:hover{ text-decoration: none;}

input,textarea{ outline:none; }

textarea{ resize:none;}

em{ font-style: normal;}