/*-----------------[��ʼ��]--------------*/


@font-face {
  font-family: 'iconfont';  /* project id 277999 */
  src: url('http://at.alicdn.com/t/font_ejrizw3d3877gb9.eot');
  src: url('http://at.alicdn.com/t/font_ejrizw3d3877gb9.eot?#iefix') format('embedded-opentype'),
  url('http://at.alicdn.com/t/font_ejrizw3d3877gb9.woff') format('woff'),
  url('http://at.alicdn.com/t/font_ejrizw3d3877gb9.ttf') format('truetype'),
  url('http://at.alicdn.com/t/font_ejrizw3d3877gb9.svg#iconfont') format('svg');
}

@font-face {
  font-family: 'iconfont';  /* project id 790017 */
  src: url('http://at.alicdn.com/t/font_790017_89dzom5jtj8.eot');
  src: url('http://at.alicdn.com/t/font_790017_89dzom5jtj8.eot?#iefix') format('embedded-opentype'),
  url('http://at.alicdn.com/t/font_790017_89dzom5jtj8.woff') format('woff'),
  url('http://at.alicdn.com/t/font_790017_89dzom5jtj8.ttf') format('truetype'),
  url('http://at.alicdn.com/t/font_790017_89dzom5jtj8.svg#iconfont') format('svg');
}

.iconfont {

    font-family: "iconfont" !important;

    font-size: 32px;

    font-style: normal;

    -webkit-font-smoothing: antialiased;

    -webkit-text-stroke-width: 0.2px;

    -moz-osx-font-smoothing: grayscale;

}

iframe {border: none;overflow: hidden;}

body {

    color: #666;

    font-size: 12px;

    line-height: 1.5;

    font-family: ΢ÈíÑźÚ, "Microsoft Yahei", "PingFangSC-Regular", "PingFang Regular", sans-self;

}



a {

    color: #666;

}



a:hover {

    color: #e60202;

}



input,

textarea,

select {

    font-size: 12px;

    color: #666;

    font-family: ΢ÈíÑźÚ, "Microsoft Yahei", "PingFangSC-Regular", "PingFang Regular", sans-self;

    outline: 0;

}



input[type='submit'],

input[type='reset'],

input[type='button'],

select {

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

}



input[type='submit'],

input[type='reset'],

input[type='button'] {

    cursor: pointer;

}



::-webkit-input-placeholder {

    color: #999;

}



::-moz-placeholder {

    color: #999;

}



:-ms-input-placeholder {

    color: #999;

}

img{max-width: 100%;}



/*È«¾ÖÐÞ¸Ä*/

body {

  /*  min-width: 1200px;*/

}



.wp {

	/*max-width:1200px;
	min-width:300px;*/
    margin: 0 auto;

}





/*******************************

  -------[=ͷ��]-------

********************************/

.hd-float{height: 100px;background-color: #e22a2c;line-height: 97px;text-align: center;}

.hd-float img{width: 100%;vertical-align: middle;}

.hd-float .wp{position: relative;}

.hd-float i{position: absolute;right: 0;top: 10px;cursor: pointer;font-size: 21px;color: #fff;line-height: 1em;}

.hd-top{height: 35px;line-height: 35px;background-color: #f5f5f5;font-size: 14px;color: #666;}

.hd-top span{display: inline-block;width: 40px;height: 20px;background-color: #139bf1;line-height: 20px;vertical-align: middle;color: #fff;text-align: center;margin-right: 5px;}

.logo{float: left;height: 120px;line-height: 117px;}

.logo img{vertical-align: middle;}

.hd-tel{float: right;height: 120px;}
.hd-tel .img{float: left;width: 56px;height: 56px;border-radius: 50%;border:1px solid #139bf1;text-align: center;line-height: 56px;margin: 32px 14px 32px 0;}
.hd-tel .img i{font-size: 30px;color: #139bf1;}
.hd-tel .txt{overflow: hidden;}
.hd-tel em{display: block;font-size: 28px;color: #f01332;line-height: 35px;margin-top: 30px;white-space:nowrap;overflow: hidden;}

.hd-tel p{font-size: 14px;color: #888;overflow: hidden;white-space:nowrap;}



.nav{height: 45px;line-height: 45px;background-color: #139bf1;position: relative;z-index: 10;}

.nav-hot{width: 24.67%;background-color: #0685eb;position: relative;float: left;}

.nav-hot dt{margin-left: 20px;font-size: 18px;color: #fff;height: 45px;line-height: 45px;}
.nav-hot dt .iconfont{font-size: 20px;padding-right: 10px;}
.nav-hot dd{background: url(../images/nav-hot-bg.png) repeat left top;position: absolute;left: 0;top: 45px;width: 100%;z-index: 9;}

.nav-hot .txt1 p{font-size: 14px;color: #333;}

.nav-hot .txt1 span,.nav-hot .txt2 span{font-size: 12px;color: #666;}

.nav-hot .txt1 span em,.nav-hot .txt2 span em{color: #e22a2c;}

.nav-hot .txt2 p{font-size: 14px;color: #e22a2c;}

.nav-hot .txt1{float: left;}

.nav-hot .txt2{float: right;}

.nav-hot li{padding: 12px 20px 10px;border-bottom: 1px solid #dee2e6;overflow: hidden;line-height: 1.5;}

.nav-hot li > a {display: block; overflow: hidden;vertical-align: middle;}

.nav-hot li a:hover p{color: #e22a2c;}

.nav-hot li p{line-height: 22px;}

.nav-hot li.last{border-bottom: none;}

.nav-hot ul{height: 503px;overflow: hidden;}

.ho-nav{width: 75.33%;overflow: hidden;}

.ho-nav li{float: left;width: 11.11%;text-align: center;}

.ho-nav li a{display: block;font-size: 16px;color: #fff;-o-transition:.3s;

-ms-transition:.3s;

-moz-transition:.3s;

-webkit-transition:.3s;

transition:.3s;}

.ho-nav li a:hover{background-color: #f01332;}

.ind-nav{overflow: hidden;height: 45px;line-height: 45px;background-color: #139bf1;}

.ind-nav li{float: left;width: 8.333%;text-align: center;}

.ind-nav li a{display: block;font-size: 16px;color: #fff;-o-transition:.3s;

-ms-transition:.3s;

-moz-transition:.3s;

-webkit-transition:.3s;

transition:.3s;}

.ind-nav li a:hover,.ind-nav li.on a{background-color:#f01332;}

/*******************************

  -------[=banner]-------

*******************************/

/*��ҳban*/
.ban{height: 503px;overflow: hidden;}
.ban a{display: block;height: 100%;background-position: center;background-repeat: no-repeat;background-size: cover;}
/*��ҳ banner*/
.banner {

    height: 503px;

    overflow: hidden;

    position: relative;

    z-index: 1;

}



.banner .ban-box{position: relative;}
.banner .ban-box .inner {margin-left: 24.67%;height:503px;}
.banner .slick-list,

.banner .slick-track,

.banner .slick-slide {

    height: 100%;

}



.banner a{

    display: block;

    height: 100%;

}

.banner img{width: 100%;vertical-align: middle;}

.banner .slick-slide {

	height: 100%;

    background-repeat: no-repeat;

    background-position: center center;

    -o-background-size: auto 100%;

    -ms-background-size: auto 100%;

    -moz-background-size: auto 100%;

    -webkit-background-size: auto 100%;

    background-size: auto 100%;

}



.banner .slick-dots {

    position: absolute;

    left: 50%;
    margin-left: 105px;

    bottom: 20px;

    z-index: 99;

}



.banner .slick-dots li {

     display: inline-block;

    *display: inline;

    *zoom: 1;

    margin: 0 3px;

}



.banner .slick-dots li button {

    display: block;

    width: 10px;

    height: 10px;

    font-size: 0;

    line-height: 0;

    text-indent: 999px;

    border: none;

    outline: none;

    background-color: #fff;

    border-radius: 10px;

    -o-transition:.3s;

    -ms-transition:.3s;

    -moz-transition:.3s;

    -webkit-transition:.3s;

    transition:.3s;

    cursor: pointer;

}



.banner .slick-dots li.slick-active button {

   width: 25px;

   height: 10px;

}





/*******************************

  -------[=�ײ�]-------

********************************/

.footer .wp{overflow: hidden;}

.fd-ul1{overflow: hidden;}

.fd-ul1 li{float: left;width: 310px;padding: 33px 0;}

.fd-ul1 li .items{display: block;margin-right: 20px;}

.fd-ul1 .last .items{margin: 0;}

.fd-ul1 .last{width: 270px;}

.fd-ul1 .iconfont{color: #128bec;font-size: 32px;}
.fd-ul1 li .items:hover .img {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}


.fd-ul1 li .img{float: left;width: 60px;height: 60px;line-height: 60px;border-radius: 50%;border:1px solid #128bec;text-align: center;margin-right: 13px;-webkit-transition: .3s;
-moz-transition: .3s;
-ms-transition: .3s;
-o-transition: .3s;
transition: .3s;}


// .fd-ul1 li .items:hover .img{border-color: #ee3441;}

.fd-ul1 li .img img{vertical-align: middle;}

.fd-ul1 li .txt{overflow: hidden;}

.fd-ul1 li .txt h4{

	white-space:nowrap;

	overflow:hidden;

	text-overflow:ellipsis;

	font-weight: normal;

	margin-top: 3px;

}

.fd-ul1 li .txt h4{display: block;font-size: 18px;color: #333;line-height: 31px;}

// .fd-ul1 li .items:hover h4,.fd-ul1 li .items:hover .img i{color: #ee3441;}

.fd-ul1 li .txt p{font-size: 14px;color: #666;white-space:nowrap;

	overflow:hidden;

	text-overflow:ellipsis;

	font-weight: normal;}

.fd-con{background-color: #444546;overflow: hidden;}

.fd-dl{float: left;width: 20%;}

.fd-dl dt{background-image: url(../images/dt-x.png);background-repeat: no-repeat;background-position: left bottom;

	margin-bottom: 20px;}

.fd-dl dt em{display: inline-block;font-size: 16px;color: #fff;background: url(../images/dt-x2.png) no-repeat left bottom;line-height: 38px;}
.fd-dl dd li{margin-bottom: 10px;}
.fd-dl dd a{font-size: 12px;color: #bdbdbd;-o-transition:.3s;

-ms-transition:.3s;

-moz-transition:.3s;

-webkit-transition:.3s;

transition:.3s;}

.fd-dl-box{overflow: hidden;background: url(../images/fd-dl-box.png) repeat-x left bottom;padding-bottom: 13px;padding-top: 28px;}

.fd-dl dd a:hover{color: #128bec;}

.fd-dl .last{background-repeat: repeat-x;}

.fd-dl dd .img{float: left;margin-right: 12px;}

.fd-dl dd .share{overflow: hidden;}

.fd-dl dd .share a{display: block;height: 33px;line-height: 33px;border:1px solid #656769;text-align: center;margin-bottom: 12px;}

.fd-dl dd .share span{color: #fff;padding-left: 5px;vertical-align: middle;-o-transition:.3s;

-ms-transition:.3s;

-moz-transition:.3s;

-webkit-transition:.3s;

transition:.3s;}
.fd-dl dd .share .qq span {padding-left: 9px;}
.fd-dl dd .share a:hover span{color: #128bec;}

.fd-dl dd .share a:hover .iconfont{color: #128bec;}

.fd-dl dd .img img{width: 129px;height: 129px;}

.fd-dl .iconfont {font-size: 18px;vertical-align: middle;color: #fff;-o-transition:.3s;

-ms-transition:.3s;

-moz-transition:.3s;

-webkit-transition:.3s;

transition:.3s;}

.fd-ul2{float: left;}

.fd-ul2 li{float: left;}

.fd-ul2 li a{display: block;padding: 0 8px;font-size: 12px;color: #bdbdbd;background: url(../images/fd-bot1.png) no-repeat right center;}

.fd-ul2 li a:hover{color: #128bec;}

.fd-ul2 li .first{padding-left: 0;}

.fd-ul2 li .last{background: none;}

.fd-bot{padding: 12px 0 10px;}

.fd-bot p{float: right;font-size: 12px;color: #bdbdbd;}
.fd-bot p a{color: #bdbdbd;}
/*��ҳ��*/
.g-atten{padding-top: 47px;padding-bottom: 60px;}
.g-atten .wp{overflow: hidden;}
.g-ind-tit1.tit2{text-align: center;}
.g-ind-tit1.tit2 h2,.g-ind-tit1.tit2 span{font-weight: bold;font-size: 35px;}
.ul-atten{margin: 0 -5px;zoom:1;padding-top: 25px;}
.ul-atten li{float: left;width: 20%;}
.ul-atten li a{display: block;margin: 0 5px;}
.ul-atten li p{height: 45px;line-height: 45px;border:1px solid #ededed;text-align: center;white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;font-size: 16px;color: #333;}
.ul-atten li .img{height: 260px;overflow: hidden;}
.ul-atten li .img img{-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;}
.ul-atten li a:hover img{-webkit-transform: scale(1.08);
-ms-transform: scale(1.08);
-o-transform: scale(1.08);
transform: scale(1.08);}
.ul-atten li a:hover p{color: #1b8fed;}
.g-adver .box{padding: 40px 0;border-bottom: 1px dashed #dbdbdb;}
.g-adver a{display: block;height: 100%;}
.g-adver a img{display: block;}
/*******************************

    -------[=����]-------

********************************/
/*���ð�ť1*/
.g-btn1{display: inline-block;padding: 0 15px;height: 38px;line-height: 38px;font-size: 14px;color: #fff;background-color: #f01332;border:1px solid #f01332;border-radius: 4px; -o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;}
.g-btn1:hover{background-color: #fff;}
.g-btn1 .iconfont{vertical-align: middle;font-size: 20px;}
/*���ð�ť1 end*/
/*��������*/

.float-bot{position: fixed;left: 0;bottom: 0; width: 100%;height: 70px;background: url(../images/float2-1.jpg) no-repeat center;}

.float-bot .wp{position: relative;height: 100%;}

.float-bot .img{position: absolute;left: 0;bottom: 0;}

.float-bot .img img{display: block;}

.float-con{float: right;margin-top: 18px;}

.float-con label{display: block;background-color: #fff;height: 35px;line-height: 35px;}

.float-con form{float: left;position: relative;width: 370px;}

.float-con .tel{width: 210px;border: none;outline: none;padding: 0 10px;}

.float-con .link{float: left;}

.float-con .back{position: absolute;right: 0;top: 0;width: 140px;font-size: 14px;border:1px solid #ffa830;background-color: #ffa830;color: #fff;text-align: center;height: 35px;outline: none;-o-transition:.3s;

-ms-transition:.3s;

-moz-transition:.3s;

-webkit-transition:.3s;

transition:.3s;}

.float-con .back:hover{opacity: 0.8;

filter: alpha(opacity=80);}

.float-con .link{padding: 0 20px 0 20px;}

.float-con .link a{float: left;margin-right: 15px;width: 140px;height: 35px;line-height: 35px;text-align: center;color: #fff;font-size: 16px;-o-transition:.3s;

-ms-transition:.3s;

-moz-transition:.3s;

-webkit-transition:.3s;

transition:.3s;}

.float-con .link .ask{position: relative;background-color: #ed2a38;}
.float-con .link .ask .tips {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    border-radius: 50%;
    background-color: #f01332;
}

.float-con .link a:hover{background-color: #fff;color: #000;}
.float-con .link i{font-size: 20px;padding-right: 8px;}

.float-con .link .sign{background-color: #5eb95e;}

.float-bot .icon{position: absolute;right: 0;top: 5px;color: #fff;cursor: pointer;}
.float-bot .icon i{font-size: 20px;}
.video-cont {padding-bottom: 18px;}
.video-cont .video-box {
    position: relative;
    width: 100%;
    padding-top: 75%;
}

.video-box > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* totop */
.toTop{position: fixed;left: 50%;margin-left: 610px;top: 255px;width: 175px;background: url(../images/totop-1.png) no-repeat center;background-size: cover;z-index: 99;}
.toTop .hide {display: none;position: relative;}
.toTop .hide .gif {position: absolute;top: -25px;right: 0;z-index: -1;background: url(../images/gif-qq2.gif) no-repeat 0 0;width: 30px;height: 30px;-webkit-background-size: cover;
background-size: cover;}
.toTop.fl2 {left: auto;right: 5px;margin-left: 0;}
.toTop.float {left: auto;padding-top: 26px;margin-left: 0;right: 0;background-image: none;background-color: #0685eb;border-top-left-radius: 10px;border-bottom-left-radius: 10px;width: auto;}
.toTop.float .ul-toTop {display: none;}
.toTop.float .hide {display: block;color: #fff;font-size: 14px;padding: 10px;text-align: center;cursor: pointer;}
.ul-toTop{padding-top: 54px;padding-bottom: 25px;}
.ul-toTop li a{display: block;margin: 0 auto;width: 93px;height: 31px;line-height: 31px;font-size: 14px;color: #f8f8f8;border:2px solid #84cfff;border-radius: 4px;text-align: center;-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;}
.ul-toTop li a .iconfont{font-size: 20px;padding-right: 5px;vertical-align: middle;}
.ul-toTop li.qq .iconfont {padding-right: 7px;}
.ul-toTop li{margin-bottom: 10px;position: relative;}
.ul-toTop li a:hover{background-color: #f01332;border-color: #f01332;}
.ul-toTop li span{position: absolute;width: 120px;top: 0;left: -100px;color: #fff;background-color: #f01332;text-align: center;opacity: 0;
filter: alpha(opacity=0);-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;}
.ul-toTop li a:hover span{opacity: 1;
filter: alpha(opacity=100);}
.padding-bt {padding-bottom: 30px;}