﻿
.top_bg{ height:175px; background:url(../images/top_bg.gif) repeat-x;overflow: hidden;}
.header{width: 1200px; margin:0 auto;}
.h_con{ height:100px; padding: 19px 0 0; overflow:hidden;}
.h_con h1{ float:left;width: 76px;padding: 0 30px 0 15px;}
.h_con h1 img{ width:76px; height:88px;}
.h_con .h_dw{ float:left; font-size:16px; color:#333;line-height: 32px;overflow: hidden;padding: 12px 0 0;}
.h_dw b{display: block;font-size: 28px;}
.h_dw i{color: #0051dc;}
.h_con .tel{ float:right;padding: 15px 0 0;}
/*.tel p{font-size: 14px;color: #666;line-height: 24px;padding: 0 0 0 40px;float: left;}*/
.cur2{background: #666666;}
.cur2 a{color: #fff !important;}
.tel p {
    background: url(../images/tel.gif) no-repeat 0 16px;
    font-size: 14px;
    color: #666;
    line-height: 24px;
    padding: 24px 20px 0 40px;
}
.h_nav.menu.pr ul .cur {
    background: #0051dc;
}
.h_nav.menu.pr ul .cur a {
    color: #fff;
}
.h_nav li:hover {
    background: #0051dc;
}
.h_nav li a:hover {
    color: #fff !important;
}
.tel b{display: block;font-size: 22px;color: #333; font-weight: inherit;}
.h_nav{ height:56px; line-height:56px;overflow: hidden;}
.h_nav em{width: 16px;height: 16px;display: block;line-height: 0;position: absolute;top: 19px;left: 8px;z-index: 20;}
.h_nav em img{width: 17px;height: 17px;}
.h_nav li{height: 56px; float:left;padding: 0 50px;}
.h_nav li a{ font-size:17px; color:#231915;display:block; float:left;position: relative;vertical-align: middle;text-align: center;height: 56px;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;}
.h_nav li a:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #e50012;
  height: 2px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.h_nav li a:hover:before, .h_nav li a:focus:before, .h_nav li a:active:before {
  right: 0;
}
.h_nav li.cur a{ background:url(../images/nav_line.gif) repeat-x 0 bottom;}
.h_nav li a:hover{color: #ff8400;}
.h_nav .nobor{background: none;padding-right: 0;}
em,i{ font-style:normal;}


        /*banner*/
        .fullSlide{ min-width:1200px; position:relative; height:650px;}
        .fullSlide .bd{ position:relative; z-index:0;}
        .fullSlide .bd ul{ width:100% !important;  }
        .fullSlide .bd li{ width:100% !important;  height:650px; overflow:hidden; text-align:center;  }
        .fullSlide .bd li a{ display:block; height:650px; }
		.fullSlide .bd li img {width: 1920px;height: 650px;display: block;position: absolute;top: 0;left: 50%;margin-left: -960px;}
        .fullSlide .hd{ width:1200px; left:50%; margin-left:-600px; bottom:30px; position:absolute; z-index:1;}
        .fullSlide .hd ul{margin-left:500px; }
        .fullSlide .hd ul li{ float:left; margin:0 5px; display:inline; cursor:pointer; width: 62px;height: 5px;background: #000; text-indent: -999px;}
        .fullSlide .hd ul .on{background: #e50012;}
      

.search{ width:1200px; margin:0 auto;position: relative;height: 70px;width: 100%;background-color:#065ce3; }
.search p{ float:left;font-size: 14px; color:#fff; width:1000px; height:70px; line-height:70px; overflow:hidden;margin-left: 15%;}
.search p a{font-size: 14px; color:#fff; padding:0 10px 0 0;}
.search p a:hover{color: #e50012;}
.search .ser_inp{ width:200px; height:50px; background:url(../images/s_inp.gif) repeat; border:none; float:left; font-family:"Microsoft YaHei";font-size: 14px; color:#666; line-height:50px; outline:none;margin-top: 20px;padding-left: 3px;}
.search .ser_so{cursor: pointer; float:left; background:url(../images/s_so.gif) no-repeat; border:none; width:40px; height:50px;margin-top: 20px;}
input::-webkit-input-placeholder {color: #666;}


.f_bg{ background:url(../images/f_bg.gif) repeat-x; height:237px; overflow:hidden;}
.footer{width: 1200px; margin:0 auto;}
.f_nav{height: 60px;line-height: 60px;overflow: hidden;padding: 0 0 0 200px;width: 1000px;}
.f_nav ul li{float: left; background:url(../images/f_line01.png) no-repeat left 26px;}
.f_nav ul li a{font-size: 14px;color: #333;padding: 0 48px 0 30px;}
.f_nav ul li a:hover{font-weight: bold;}
.f_nav ul li:first-child{ background: none;}
.f_logo{width: 390px;height: 153px;padding: 24px 0 0 30px;}
.f_logo h5{width: 110px;height: 90px;float: left;padding: 10px 0 0;}
.f_logo h5 img{width: 110px;height: 90px;}
.f_logo p{float: left;width: 250px;padding: 10px 0 0 30px;}
.f_logo p span{display: block;}
.f_logo p,.f_ban p{font-size: 14px;color: #333;line-height: 30px;}
.f_logo p em,.f_ban p span{padding: 0 10px;}
.f_logo p a,.f_ban p a{color: #333;}
.f_ban{width: 420px;height: 143px;padding: 34px 0 0 40px;}
.f_ban p{padding-left: 30px;}
.f_p01{ background:url(../images/f_ico01.png) no-repeat 0 5px;}
.f_p02{ background:url(../images/f_ico02.png) no-repeat 0 5px;}
.f_p03{ background:url(../images/f_ico03.png) no-repeat 0 5px;}
.f_er{height: 143px;width: 300px; padding:34px 0 0;}
.f_er p{width: 150px;float: left;}
.f_er img{ width:100px; height:100px;display: block;float: left;}
.f_er span{display: block;font-size: 14px;color: #333;line-height: 16px;float: left;width: 25px;text-align: center;padding: 16px 5px 0 0;}
  

    /* 商桥 */
.lina-xqd{position:fixed;right: 2px;bottom:20%;margin:auto;height: 500px;z-index: 9999;transition:.5s;}
.wz-kzsq{position:relative;height:100%;width:170px;}
.sq-kzdw{position:absolute;top: 120px;left: 14px;cursor:pointer;}

.log-sqd{position:absolute;left: 44px;border:1px solid #07396c;width: 125px;border-radius: 8px;overflow: hidden;background:#fff;}
.lg-ycd{width:100%;overflow:hidden;text-align:center;background:#fff;text-align:center;padding:15px 0px;}
.lg-ycd img{display:inline-block;width:75px;}

.zx-xqico{width:100%;overflow:hidden;padding-bottom:5px}
.zx-xqico span{display:block;overflow:hidden;padding:10px 0px;text-align:center;background:#f5f5f5;margin-bottom:5px;}
.zx-xqico span img{display:inline-block;}
.zx-xqico span:hover{background:#e6e3e3;cursor:pointer;}
.wx-zdc{width:100%;overflow:hidden;text-align:center;background:#ebebeb;padding-top:5px;}
.wx-zdc img{display:inline-block;width:80%;}
.wx-zdc p{display:block;width:100%;font-size: 16px;color:#07396c;font-weight:bold;line-height:30px;}
.phone-zx{padding:10px 0 20px 0;background:#fff;overflow:hidden;text-align:center;}
.phone-zx b{display:block;font-size: 19px;letter-spacing: -2px;color:#07396c;}
.phone-zx p{font-size:16px;color:#07396c;}
.intro{right:-126px;transition:.5s;}


        .client-2 {
            position: fixed;
            right: -170px;
            top: 50%;
            z-index: 900;
        }
        
        .client-2 li a {
            text-decoration: none;
        }
        .client-2 li {
            margin-top: 1px;
            clear: both;
            height: 62px;
            position: relative;
        }
        
        .client-2 li i {
            background: url(../images/fx.png) no-repeat;
            display: block;
            width: 30px;
            height: 27px;
            margin: 0px auto;
            text-align: center;
        }
        
        .client-2 li p {
            height: 20px;
            font-size: 12px;
            line-height: 20px;
            overflow: hidden;
            text-align: center;
            color: #fff;
        }
        
        .client-2 .my-kefu-qq i {
            background-position: 4px 5px;
        }
        
        .client-2 .my-kefu-tel i {
            background-position: 0 -21px;
        }
        
        .client-2 .my-kefu-liuyan i {
            background-position: 4px -53px;
        }
        
        .client-2 .my-kefu-weixin i {
            background-position: -34px 4px;
        }
        
        .client-2 .my-kefu-weibo i {
            background-position: -30px -22px;
        }
        
        .client-2 .my-kefu-ftop {
            display: none;
        }
        
        .client-2 .my-kefu-ftop i {
               width: 33px;
    height: 31px;
    background-position: -23px -47px;
    background-size: 52px 82px;
        }
        .client-2 .my-kefu-ftop .my-kefu-main{
            padding-top: 6px;
        }
        
        .client-2 .my-kefu-left {
            float: left;
            width: 62px;
            height: 47px;
            position: relative;
        }
        
        .client-2 .my-kefu-tel-right {
            font-size: 16px;
            color: #fff;
            float: left;
            height: 24px;
            line-height: 22px;
            padding: 0 15px;
            border-left: 1px solid #fff;
            margin-top: 14px;
        }
        
        .client-2 .my-kefu-right {
            width: 20px;
        }
        
        .client-2 .my-kefu-tel-main {
            background: #666666;
            color: #fff;
            height: 53px;
            width: 230px;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-main {
            background: #666666;
            width: 97px;
            height: 53px;
            position: relative;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-weixin-pic {
            position: absolute;
            left: -130px;
            top: -24px;
            display: none;
            z-index: 333;
        }
        
        .my-kefu-weixin-pic img {
            width: 115px;
            height: 115px;
        }
    


#product {
	background: url(../images/bg3.jpg) no-repeat center;
	background-size: cover;
	padding-bottom: 80px
}

@media (max-width: 640px) {
#product {
	padding-bottom: .5rem
}
}
#product .main {
	max-width: 1475px
}
#product header {
	margin-bottom: 70px;
	overflow: hidden;
	margin-bottom: 70px
}

@media (max-width: 640px) {
#product header {
	margin-bottom: .7rem
}
}

@media (max-width: 640px) {
#product header {
	margin-bottom: .5rem
}
}
#product hgroup {
	width: 235px;
	height: 175px;
	box-sizing: border-box;
	background: #005bac;
	padding-left: 33px;
	padding-top: 30px;
	float: left
}
#product hgroup em {
	font-size: 20px;
	line-height: 25px;
	margin-bottom: 4px
}
#product hgroup h3 {
	font-size: 40px;
	padding-bottom: 20px;
	position: relative
}
#product hgroup h3::after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 80px;
	height: 5px;
	background: #fff
}

@media (max-width: 640px) {
#product hgroup {
	width: 100%;
	height: auto;
	padding-left: 0;
	padding-top: .3rem;
	padding-bottom: .3rem;
	text-align: center
}
#product hgroup em {
	display: none
}
#product hgroup h3 {
	font-size: .48rem
}
#product hgroup h3::after {
	margin: auto;
	right: 0
}
}
#product nav {
	float: right;
	width: 1170px;
	overflow: hidden;
	padding-top: 50px
}
#product nav a {
	float: left;
	line-height: 40px;
	border: 1px solid rgba(255,255,255,0.5);
	border-radius: 40px;
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	margin-bottom: 15px;
	margin-right: 7.5px;
	padding: 0 15px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
#product nav a:hover {
	background: #fff;
	color: #005bac
}

@media (max-width: 640px) {
#product nav {
	padding-top: .3rem;
	width: 100%
}
#product nav a {
	width: 32%;
	margin: .5%;
	box-sizing: border-box;
	font-size: .16rem;
	line-height: .4rem;
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis
}
}
#product .sl a {
	width: 335px;
	margin-right: 20px;
	margin-bottom: 20px;
	position: relative
}
#product .sl a:hover em {
	height: 100%;
	padding-top: 55px
}
#product .sl a:hover em::before {
	height: 70px
}
#product .sl a:hover em::after {
	height: 37px;
	line-height: 37px
}
#product .sl em {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: rgba(0,0,0,0.5);
	line-height: 47px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	height: 47px;
	box-sizing: border-box;
	color: white;
}
#product .sl em::before {
	content: '';
	display: block;
	width: 60px;
	background: url(../images/icon2.png) no-repeat center;
	margin: auto;
	height: 0;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
#product .sl em::after {
	content: '+';
	display: block;
	width: 37px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border: 1px solid #fff;
	margin: auto;
	height: 0;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	line-height: 0;
	overflow: hidden
}
#product .sl a {
	float: left;
	overflow: hidden;
	position: relative;
	box-sizing: border-box
}
#product .sl img {
	width: 100%
}

@media (max-width: 640px) {
#product .sl {
	height: auto
}
#product .sl a {
	width: 48%;
	margin: 1%
}
#product .sl a em {
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis
}
}

.db, .db *:not(script) {
    display: block;
}
.wrap {
    overflow: hidden;
    position: relative;
}
.fff {
    color: #fff;
}
.main {
    margin: auto;
    max-width: 1200px;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
#product header {
    margin-bottom: 70px;
    overflow: hidden;
    margin-bottom: 70px;
}
.tac {
    text-align: center;
}

.fdh-01-nav-one h3 {
    height: 50px;
    line-height: 50px;
    background: url(../images/p14-icon5.png) no-repeat right center #ececeb;
    margin-bottom: 2px;
    overflow: hidden;
}
.fdh-01-nav a {
    display: block;
    overflow: hidden;
}


.fdh-01-nav-one h3 a {
    display: block;
    height: 50px;
    font-size: 18px;
    font-weight: normal;
    margin-right: 40px;
    margin-left: 38px;
    color: #666;
	width: 132px;
}


.fdh-01-nav a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}