
    .f_pr{position:relative;}
  .f_pa{position:absolute;}
  .header , .content  { width:1200px; margin:0 auto;  }
  em{font-style:normal;}
      .g_top{ height:239px; background:url(../images/topbg.jpg) repeat-x center top; font-family:"Microsoft Yahei";}
      .g_top .m_top{height: 169px;}
      .top_t{ height:40px; line-height:40px;color:#888888;font-size: 14px;}
      .top_t p{ float:right;}
      .top_t p a{ padding: 0 22px 0 26px; display: inline-block; color:#888888;}
.top_t p a:hover{color: #cb161e;}
      .top_t p .tico1{background:url(../images/tico1.jpg) no-repeat 0 10px;}
      .top_t p .tico2{background:url(../images/tico2.jpg) no-repeat 0 10px;}
      .top_t p .tico3{background:url(../images/tico3.jpg) no-repeat 0 10px;}
      .top_c .tlogo{float:left;padding: 22px 2px 0 0;}
      .top_c h2{float:left;height:60px;margin: 30px 0 0 0;color: #333333;font-size: 24px;font-weight: bold;}
      .top_c h2 b{color: #0168b7;}
      .top_c h2 em{ display:block; color:#666666; font-weight:normal; font-size: 20px; padding-top: 3px; }
      .top_c p{float:right;margin: 29px 0 0 0;padding: 0 0 0 52px;background:url(../images/tel.jpg) no-repeat left 2px;}
      .top_c p b{display: block; color:#666666; font-size:14px;font-weight: normal;}
      .top_c p span{display:block;font-size: 24px;color: #FF0000;}
       .g_nav{height:70px; line-height: 70px; }
        .g_nav li{position: relative; float:left; font-size:16px;border-right: 1px solid rgba(255,255,255,.2);}
        .g_nav li a{display:block;float: left;padding: 0 50px;color:#fff;line-height:70px;text-decoration: none;}
        .g_nav li a:hover,.g_nav .cur a{color: #fff;background: #da251c;font-weight: bold;}
        .g_nav li:last-child{border-right: none;}
 
    
 
 .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: 5%;
            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: #fff;
            outline: none; 
        }
        .slick-dots .slick-active button {
            background-color: #0168b7;
        }
        
  /*1029626114@qq.com*/

@charset "utf-8";

/*banner*/

.g_pp{background: url(../images/ppbg.jpg) no-repeat center top;height: 496px;padding-top: 60px;overflow:hidden;}

.g_pp dl{height: 307px;}

.g_pp h3{height: 80px;line-height: 80px; font-size: 48px;color: #333333;font-weight: normal;text-align: center;} 

.g_pp h3 b{color: #0168b7}

.g_pp p{font-size: 16px;line-height: 30px;color: #666666;height: 95px;}

.g_pp span{display: block;margin-left: 125px;height: 115px;}

.g_pp span em{display: block;float: left;width: 240px;text-align: center;font-size: 24px;color: #333333;position: relative;}

.g_pp span i{display: block;width: 72px;margin: 0 auto;}

.g_pp span em:before{content: "";position: absolute;width: 1px;height: 72px;background: #c9c9c9;right: 0;top:12px;}

.g_pp span em:nth-child(4):before{background: none;}

.ibrand-num{z-index: 300;}

.ibrand-num li{float: left;position: relative;}

.ibrand-num li em{display: inline-block;font-size: 60px;color: #0168b7;}

.ibrand-num li span{display: block;font-size: 16px;color: #666666;text-align: left;margin-left: 0;}

.ibrand-num li i{position: relative;width: 26px;height: 26px;line-height: 26px;background: #0168b7;font-size: 16px;color: #fff;border-radius: 50%; display: inline-block; font-style: normal;top:-5px;text-align: center;left:5px;}

.ibrand-num li:before{content: "";position: absolute;width: 178px;height: 1px;background: #c9c9c9;right: 0;top:36px;}

.ibrand-num li:nth-child(4):before{background: none;}



.ibrand-num .num1{width: 304px;}

.ibrand-num .num2{width: 320px;padding-left: 20px;box-sizing: border-box;}

.ibrand-num .num3{width: 338px;padding-left: 20px;box-sizing: border-box;}

.ibrand-num .num4{width: 238px;padding-left: 20px;box-sizing: border-box;}





.g_fa{/* background: url(../images/fabg.jpg) no-repeat center top; */height: 994px;padding-top: 40px;overflow:hidden;}

.g_fa h2 a{display: block;text-align: center;height: 150px;font-size: 43px;color: #0168b7;}

.g_fa h2 em{display: block;font-size: 16px;color: #666;font-weight: normal;}

.g_fa dl{float: left;width: 386px;height: 260px;position: relative;box-shadow: 0 0 20px rgba(0,0,0,.2);}



.g_fa dl:nth-child(2){ margin-left:20px; }
.g_fa dl:nth-child(3){margin-left:20px;}

.g_fa dt{width: 586px;height: 730px;overflow: hidden;}

.g_fa dt img{width: 586px;height: 730px;display: block;}

.g_fa dd{position: absolute;left: 35px;bottom: 50px;width: 375px;}

.g_fa h3 a{display: block;line-height: 42px;font-size: 22px;color: #333333;font-weight: bold;margin-bottom: 8px;}

.g_fa p{font-size: 14px;line-height: 24px;color: #666666;height: 48px;overflow: hidden;margin-bottom: 20px;width: 340px;}

.g_fa p b{color: #333333;}

.g_fa span a{

display: block;

width: 127px;

height: 49px;

line-height: 44px;

border: 1px solid #333333;

border-radius: 5px;

padding-left: 43px;

position: relative;

font-size: 16px;

color: #333333;

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;
}

.g_fa span a:before{content: "";position: absolute;background: url(../images/fabtn2.png) no-repeat;width: 22px;height: 22px;left: 16px;top:13px;}

.g_fa span a:hover{background: #0168b7;color: #fff;}

.g_fa span a:hover:before{background: url(../images/fabtn1.png) no-repeat;}



.g_fa .u_ljt,.g_fa .u_rjt{position: absolute;width: 55px;height: 40px;}

.g_fa .u_ljt{background:url(../images/ljt.png) no-repeat;left:-76px;top:472px;}

.g_fa .u_rjt{background:url(../images/rjt.png) no-repeat;right:-76px;top:472px;}

.g_fa .u_ljt:hover,.g_fa .u_rjt:hover{background-position: -55px 0}







.g_bz{background: url(../images/bzbg2.jpg) no-repeat center top;height: 909px;padding-top: 86px;-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;}

.g_bz h2 {display: block;text-align: center;height: 155px;font-size: 55px;color: #0168b7;}

.g_bz h2 em{display: block;font-size: 24px;color: #666666;font-weight: normal;}

.m_bz dl{position: absolute;transition: all 0.3s linear 0s;}

.m_bz dt b{display: block;text-align: center;font-size: 18px;color: #333333;font-weight: normal;}

.m_bz dt i{display: block;width: 75px;height: 75px;background: url(../images/pzbg2.png) no-repeat;overflow: hidden;line-height: 75px;text-align: center;font-size: 24px;color: #fff;font-style: normal; margin-left: 23px;}

.g_bz dd{position: absolute;width: 518px;height: 148px;display: none;transition: all 0.3s linear 0s;background: url(../images/bzdd.png) no-repeat;z-index: 15}



.g_bz span{width: 186px;padding: 25px 0 0 20px;height: 146px;display: block;float: left;text-align: center;font-size:20px;color: #fff; line-height: 26px;box-sizing: border-box; }

.g_bz span img{display: block;width: 145px;height: 60px; margin: 0 auto;}

.g_bz dd p{float: left;padding: 20px 0 0 36px;width: 315px;font-size: 16px;line-height: 27px;color: #666;box-sizing: border-box;}





.g_bz .cptd1{left:0;top:25px;}

.g_bz .cptd2{left:0;top:376px;}

.g_bz .cptd3{left:330px;top:190px;}

.g_bz .cptd4{left:546px;top:190px;}

.g_bz .cptd5{left:752px;top:190px;}

.g_bz .cptd5 dt{width: 96px;}

.g_bz .cptd5 dt i{margin-left: 10px;}

.g_bz .cptd6{left:1102px;top:376px;}

.g_bz .cptd7{left:1062px;top:40px;}

.g_bz .cptd1 i,.g_bz .cptd2 i{margin: 15px 0}

.g_bz .cptd7 dt{width: 192px;text-align: center;}

.g_bz .cptd7 i{margin-left: 62px;}

.g_bz .cptd6 dt{width: 162px;text-align: center;}

.g_bz .cptd6 i{margin-left: 32px;}

.g_bz .active dd{display: block;}

.g_bz .active dt i{background-position: -75px 0}

.g_bz .active dt b{color: #0168b7;font-weight: bold;}

.g_bz .cptd1 dd{left:120px;top:-40px;}

.g_bz .cptd1 dd p{padding-top: 35px;}



.g_bz .cptd2 dd{left:-20px;top:140px; }

.g_bz .cptd2 dd p{padding-top: 35px;}



.g_bz .cptd3 dd{left:-200px;top:120px; }

.g_bz .cptd3 dd p{padding-top: 15px;}





.g_bz .cptd4 dd{left:-200px;top:120px; }

.g_bz .cptd4 dd p{padding-top: 15px;}



.g_bz .cptd5 dd{left:-200px;top:120px; }

.g_bz .cptd5 dd p{padding-top: 35px;}



.g_bz .cptd6 dd{left:-300px;top:120px; }

.g_bz .cptd6 dd p{padding-top: 15px;}



.g_bz .cptd7 dd{left:-400px;top:120px; }

.g_bz .cptd7 dd p{padding-top: 15px;}

.g_bz dl:hover{margin-left: 5px;}

.g_bz .bzmore{position: absolute;left:905px;top:388px;font-size: 18px;color: #0168b7;font-weight: bold;}

.g_bz .bzmore a{color: #0168b7;}

.g_bz .bzmore em{display: block;font-size: 12px;color: #666666;font-weight: normal;}

.g_bz .bzmore span{display: block;margin-top: 36px; padding: 0}

.g_bz .bzmore span img{width: 70px;height: 29px;display: block;margin: 0}

.g_bz dl:hover dt i{background: url(../images/pzbg2.png) no-repeat right 0}







.g_an{background:#f7f7f7;height: 906px;padding-top: 90px;}

.g_an h2 a{display: block;text-align: center;height: 140px;font-size: 55px;color: #0168b7;}

.g_an h2 em{display: block;font-size: 24px;color: #666666;font-weight: normal;padding-top: 6px;}

.g_an .antit{height: 40px;line-height: 40px;margin-bottom: 23px; margin-left: 90px;}

.g_an .antit li a{float: left;padding: 0 32px;font-size: 18px;color: #333333;position: relative;}

.g_an .antit li a{color: #333;display: block;}

.g_an .antit .cur a,.g_an .antit li:hover a{background: #0168b7;border-radius: 35px;color: #fff;font-weight:bold;}

.g_an .antit li:last-child{background: url(../images/anmore.jpg) no-repeat right 13px;}



.g_an .anlst dl{float: left;width: 382px;margin-right: 27px;margin-bottom: 27px;transition: all 0.3s linear 0s;overflow: hidden; position: relative;}

.g_an .anlst dl:nth-child(3n){margin-right: 0;}

.g_an .anlst dt{width: 382px;height: 286px;overflow: hidden;position: relative;}

.g_an .anlst dt img{width: 382px;height: 286px;display: block;transition: all 0.3s linear 0s;}

.g_an .anlst dt:before{content: "";position: absolute;width: 382px;height: 286px; background: url(../images/ansha.png) no-repeat;left:0;top:0;}

.g_an .anlst dt em{position: absolute;left:0;bottom: 0;width: 382px;height: 52px;line-height: 52px;font-size: 16px;color: #fff;text-align: center;}

.g_an .anlst dd{position: absolute;left:0;top:0;width: 382px;height: 286px;background: rgba(1,104,183,.9); overflow: hidden; display:none; }

.g_an .anlst dd:before{content: "";position: absolute;background: url(../images/anh.png) no-repeat;width: 14px;height: 96px;left:50%;margin-left: -7px;top:-50%;transition: all 0.6s cubic-bezier(.17,.84,.44,1) 0s;opacity: 0;}

.g_an .anlst h3 a{display: block;line-height: 26px;font-size: 18px;color: #fff;font-weight: normal;padding-top: 126px;height: 160px; text-align: center;}

.g_an .anlst dl:hover dd{display: block;}

.g_an .anlst dl:hover{ transform: translateX(-5px);}



.g_an .anlst dl:hover dt em{display: none;}

.g_an .anlst dl:hover dd:before{top: 0;opacity: 1;}

.g_an .anlst dl:hover dt img{transform: scale(1.1);}







.clear{clear:both;}



.IndexFlash
{
	width:100%;
	height:362px;
	overflow:hidden;
	margin:auto;
	background:#ffffff;
	text-align:left;
}

/*#Content img{border:#a5a5a5 solid 1px}
*/
.bt{
	FONT-SIZE: 12px;
	FONT-FAMILY: "Arial","??????";
	COLOR: #fdf9d3;
	BORDER: NONE;
	BACKGROUND-Color:#176ba1;
	padding: 46px 48px 3px 48px;
	CURSOR:pointer; line-height:40px; margin-bottom:20px;
}

#demost {
overflow:hidden;
width: 1200px;
height:220px;
}
#indemo {
float: left;
width: 800%;
}
#demo1e {
float: left;
}
#demo211 {
float: left;
}


.bottom{ background:#333333; width:1200px; margin:auto; height:50px; line-height:50px; color:#ffffff; text-align:center}
.bottom a{ color:#ffffff}
.bottom a:hover{ color:#ffffff}

.menu_a {  width:150px; height:53px; line-height:53px; text-align:center; background:#0077bf }
.menu_a a{ color:#ffffff; font-size:18px;width:150px; height:53px; line-height:53px; display:block}
.menu_a a:hover{ color:#ffffff; font-size:18px;width:150px; height:53px; line-height:53px; display:block}

.menu_ab {  width:150px; height:53px; line-height:53px; text-align:center; background:#e05541}
.menu_ab a{ color:#ffffff; font-size:18px;width:150px; height:53px; line-height:53px; display:block;}
.menu_ab a:hover{ color:#ffffff; font-size:18px;width:150px; height:53px; line-height:53px; display:block;}



.news_p{width:100%; margin:auto; text-align:left; height:40px; line-height:40px; color:#454545; font-size:14px}
.news_p_a{ color:#454545;font-size:14px}
.news_p_a:hover{ color:#454545; font-size:14px}

#about_more img{ width:90%}
#about_more{ margin:auto}

.index_ppp{ }
.index_ppp img{-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s; }
.index_ppp img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1); }

#ContentTable tr{ height:40px}

.inputform1{ height:25px; border:1px solid #cccccc; padding-left:4px}
.inputform2{ border:1px solid #cccccc; padding:4px}


.left_no1{ width:150px; height:50px; background:#0077bf; margin-right:15px; margin-bottom:15px}
.left_no1 a{ color:#ffffff; font-size:14px; width:150px; height:50px; display:block}
.left_no1 a:hover{ color:#ffffff; font-size:14px; width:150px; height:50px; display:block}
.left_yes1{ width:150px; height:50px; background:#e05540; margin-right:15px; margin-bottom:15px}
.left_yes1 a{ color:#ffffff; font-size:14px; width:150px; height:50px; display:block}
.left_yes1 a:hover{ color:#ffffff; font-size:14px; width:150px; height:50px; display:block}

.bottom_a a{ color:#ffffff}
.bottom_a a:hover{ color:#cdc7c7}


.left_yes{ width:240px; height:50px; line-height:50px; border-bottom:2px solid #ffffff; background:#0077bf; color:#ffffff}
.left_yes a{ color:#ffffff; font-size:16px}
.left_yes a:hover{ color:#ffffff; font-size:16px}
.left_yes .left_tb{text-align:left;line-height:50px;line-height:50px;color:#ffffff;font-size:20px}

.left_no{ width:240px; height:50px; line-height:50px; border-bottom:2px solid #ffffff; background:#ececeb; color:#454545}
.left_no a{ color:#454545; font-size:16px}
.left_no a:hover{ color:#454545; font-size:16px}

.left_no .left_tb{text-align:left;line-height:50px;line-height:50px;color:#454545;font-size:20px}

.abc{ width:930px; background:#ffffff}
.abc td{  height:50px; line-height:30px; text-align:left; padding-left:10px; width:222px}


.left_yes11{ width:240px; height:50px; line-height:50px; border-bottom:1px solid #d9d9d7; background:#da251c; color:#ffffff}
.left_yes11 a{ color:#ffffff; font-size:16px}
.left_yes11 a:hover{ color:#ffffff; font-size:16px}
.left_yes11 .left_tb{text-align:left;line-height:50px;line-height:50px;color:#ffffff;font-size:16px}

.left_no11{ width:240px; height:50px; line-height:50px; border-bottom:1px solid #d9d9d7; background:#f3f3f0; color:#454545}
.left_no11 a{ color:#454545; font-size:16px}
.left_no11 a:hover{ color:#454545; font-size:16px}

.left_no11 .left_tb{text-align:left;line-height:50px;line-height:50px;color:#454545;font-size:16px}













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;}}