@charset "utf-8";
/* CSS Document */
body{margin:0;padding:0;font-size:14px;line-height:22px;font-family:Microsoft YaHei,黑体,Verdana,Arial,sans-serif;-webkit-text-size-adjust:none;color:#333;background:#f5f5f5;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
img{border:0;vertical-align:bottom;}
ul,li{list-style-type:none;}
a{color:#333;text-decoration:none;transition:all 0.3s;}
input:focus,select:focus,option:focus,textarea:focus{ outline:none;}
textarea,input[type=date],input[type=number]{ resize:none; border: none;}
button:hover,input[class*=b]:hover{ cursor:pointer;}
i,u{font-style: normal;font-weight: normal;}
.tl{text-align:left;}.tc{text-align:center;}.tr{text-align:right;}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;}
.f12{font-size:12px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f24{font-size:24px;}
.rel{position:relative;}
.min_w{min-width:1200px;}
.container{width:1200px;margin:0 auto;}
.mar30{margin-bottom:30px;}
.white_bg{background:#fff;padding-bottom:20px;}
.grey9{color:#999;}
/*header*/
.top_bg{height:130px;background:#fff;}
/* .nav_list{width:720px;} */
.nav_list li{width:90px;height:130px;line-height:130px;float:left;}
.nav_list li a{display:block;}
.nav_list li a:hover{background:#315cc4;color:#fff;}



.header { width: 100%; background: url(../images/header_bg.png) no-repeat center top; height: 193px; }
.header_top { overflow: hidden; width: 1200px; margin: 0 auto; height: 137px; }
.header_top h1 { float: left; margin-top: 50px; }
.header_top h2 { float: left; padding: 5px 0; padding-left: 25px; margin-left: 25px; background: url(../images/logo_w.png) no-repeat left center; margin-top: 58px; font-size: 22px; color: #c80b0f;border-left: 1px solid #b9b9b9; }
.header_top h2 p { font-weight: normal; font-size: 14px; color: #333; }
.header_top .phone { overflow: hidden; float: right; margin-top:50px; padding-left: 50px; background: url(../images/tel.jpg) no-repeat left center; }
.header_top .phone p { font-size: 13px; color: #333; letter-spacing: 14px; }
.header_top .phone b { display: block; font-size: 26px; color: #c80b0f; font-family: Impact;font-weight: normal;}
.header_top .phone em { display: block; font-size: 20px; color: #333; margin-left: -60px; margin-top: 5px; text-align: center }

.w1200{ width: 1200px; margin:0 auto; }
nav {background: #466dd2;height: 56px;color: #fff;width:100%; z-index:2; clear: both;}
.nav li {float: left;width: 108px;position: relative;height: 56px;line-height: 56px; text-align: center; border-right: 1px solid #7091e6;}
.nav li:last-child{ border-right: none; }
.nav>li>a {color: #fff;text-align: center;font-size: 16px;padding: 0;}
.nav>li>a:link { background: none; }
.nav>li>a:hover, .nav>li>a.active {color: #fff;background: none;}
.nav .hb-first-li ul li a {color: #ffffff;height: 36px;overflow: hidden;}
.nav .hb-first-li .active a,.nav .hb-first-li a:hover {background-color: #f96801;color: #fff;display: block;}
.nav .hb-first-li>ul { position: absolute; width: 100%; background-color: #466dd2; z-index: 20; padding: 0; opacity: 0; transition: all .5s ease 0s; -webkit-transform: translate3d(0, 10px, 0); visibility: hidden }
.nav .hb-first-li:hover ul{ opacity: 1; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); visibility: visible }
.nav .hb-first-li>ul li { height: 34.18px; line-height: 36px; width: 100%; text-align: center; border-bottom: 1px solid rgba(226, 226, 226, 0.37); transition: all .3s ease-out 0s }


/* banner */
.banner{ width:100%; height:550px; overflow:hidden; position:relative;}
.b-img{ height:550px;  position:absolute; left:0; top:0;}
.b-img a{ display:block; height:550px; float:left;}
.b-list{ height:50px; padding-top:560px; position:relative; margin:0 auto;z-index:1;}
.b-list span{ display:block;cursor:pointer; width:14px; height:14px; border-radius:7px; float:left; margin:0 5px; _margin:0 3px;background:#fff;}
.b-list .spcss{width:30px;background:#315cc4;}
.bar-left{ position:absolute; z-index:1; display:block; width:100px; height:100%; left:0px; background:none; top:0px; }
.bar-right{ position:absolute;z-index:1; display:block; width:100px; height:100%; right:0px; background:none; top:0px; }
.bar-left em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) 0px 0px no-repeat; margin:0 auto; margin-top:225px;}
.bar-right em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) -50px 0px no-repeat; margin:0 auto; margin-top:225px;}
.bar-left .emcss{ background-position:0px -100px;}
.bar-right .emcss{ background-position:-50px -100px;}

/*index*/
.index_type{height:260px;}
.index_type li{width:320px;float:left;/*padding:20px 40px;*/padding:20px 30px;position:relative;top:10px;margin: 0 5px; border-radius:20px;-webkit-transition: all .5s; transition: all .5s;}
.index_type li:hover{top:-20px;}

.index_type li a{display:block;color:#fff;height:200px;text-transform:uppercase;}
.index_type_tit{height:60px;line-height:60px;/*border-bottom:#448aca solid 1px;*/border-bottom:#e6e6e6 solid 1px;text-align: center;}
.index_type_text{line-height:36px;height:120px;padding-top:10px; font-size: 16px;}
.index_type_bg01{/*background:url(../images/a01.png) no-repeat right bottom #3460cb;*/background: url(../images/a01.png) no-repeat right bottom #5d97f3;}
.index_type_bg02{/*background:url(../images/a02.png) no-repeat right bottom #335ec7;*/    background: #f98111;}
.index_type_bg03{/*background:url(../images/a03.png) no-repeat right bottom #315cc4;*/background: #2cca78;}

.index_tit{padding:20px 0;border-bottom:#ddd solid 1px;margin-bottom:10px;}
.index_tit dt{line-height:50px;font-size:28px;}
.index_tit dd{line-height:30px;color:#999;font-size:16px;text-transform:uppercase;}
.index_tit_blue{position:absolute;left:50%;bottom:-3px;margin-left:-13px;line-height:0;}
.pro_type{margin:50px 0;}
.pro_type a{display:inline-block;height:40px;line-height:40px;padding:0 20px;margin:0 10px;background:#fff;margin-bottom: 20px;}
.pro_type a:hover{background:#315cc4;color:#fff;}

.pro_list{margin-left:-18px;}
.pro_list li{width:388px;float:left;margin-left:18px;line-height:60px;margin-bottom:30px;background:#fff;}
.index_more{display:block;margin:50px auto;width:100px;padding-right:44px;height:40px;line-height:40px;background:#fff url(../images/more.jpg) no-repeat right center;box-shadow:0 0 20px #ddd;}
.index_more:hover{box-shadow:0 0 20px #bbb;}

.about_bg{background:url(../images/about_bg.jpg) no-repeat center top;padding-top:120px;}
.about_box{height:380px;background:#315cc4 url(../images/a04.png) no-repeat right bottom;;padding:20px 40px;}
.about_pic{width:550px;}
.about_pic img{position:relative;top:-40px;}
.about_con{width:540px;color:#fff;}
.about_tit{height:30px;line-height:30px;padding:15px 0;border-bottom:#448aca solid 1px;text-transform:uppercase;}
.about_text{line-height:40px;padding:20px 0;}

.case_big{width:600px;height:490px;}
.case_big:hover .case_name{height:100%;padding-top:220px;background:rgba(0,0,0,.5) url(../images/eye.png) no-repeat center 260px;}

/*.case_list{width:600px;}
.case_list li{width:290px;height:240px;float:left;margin-left:10px;margin-bottom:10px;position:relative;transition:all .8s linear;}*/
.case_name{position:absolute;left:0;top:38px;width:100%;height:0;background:rgba(0,0,0,.5) url(../images/eye.png) no-repeat center 260px;color:#fff;line-height:60px;transition:all .5s linear;box-sizing:border-box;overflow:hidden;}
.indProBox li:hover .case_name{height:87%;padding-top:90px;background:rgba(0,0,0,.5) url(../images/eye.png) no-repeat center 140px;}

.news_list{padding:50px 0;margin-left:-20px;}
.news_list li{width:590px;float:left;margin-left:20px;margin-bottom:20px;}
.news_list li a{display:block;border:#ddd solid 1px;padding:15px;transition:all .5s linear;}
.news_list li a:hover{color:#fff;background:#315cc4;}
.news_list_pic{width:180px;height:120px;}
.news_list_con{width:360px;}
.news_list_con h3{line-height:40px;}
.news_list_text{line-height:30px;height:60px;overflow:hidden;}

/*footer*/
.bot_bg{background:url(../images/bot_bg.jpg);padding:20px 0;color:#b1b1b1;}
.bot_tel{background:url(../images/tel.png) no-repeat left center;padding-left:40px;line-height:90px;font-size:20px;}
.copyright{padding:30px 0 0;line-height:30px;border-top:#626262 solid 1px;margin-top:20px;}
 
/*main*/
.main_con{min-height:500px;line-height:30px;}
.main_page{margin:30px 0 50px;}
.main_page a{display:inline-block;margin:0 5px;border:#ddd solid 1px;padding:0 15px;height:30px;line-height:30px;}
.main_page a:hover{background:#315cc4;color:#fff;border:#315cc4 solid 1px;}

.main_news li{padding:15px;background:#fff;margin-bottom:30px;}
.main_news_pic{width:180px;height:120px;}
.main_news_con{width:960px;}
.main_news_con h3{line-height:40px;}
.main_news_text{line-height:25px;height:50px;overflow:hidden;color:#666;}


.index_02 {
    width: 100%;
    /*height: 800px;*/
    padding: 50px 0;
    overflow: hidden;
    background: #fff url(../images/index_c_bg1.jpg) no-repeat top center;
    box-sizing: border-box;
}

    .index_02 .tit {
        margin-bottom: 15px;
        text-align: center;
    }

        .index_02 .tit h3 {
            padding-bottom: 13px;
            background: url(../images/icon_4.png) no-repeat bottom center;
            font-size: 28px;
            color: #000;
            line-height: 40px;
        }

        .index_02 .tit h4 {
            font-size: 20px;
            color: #ccc;
            line-height: 30px;
            letter-spacing: .2em;
        }

    .index_02 .mian .hd {
        padding: 30px 0;
        text-align: center;
    }

        .index_02 .mian .hd ul {
            display: inline-block;
        }

            .index_02 .mian .hd ul li {
                float: left;
                margin: 0 5px;
                padding: 0 23px;
                border: 1px solid #e1e1e1;
                background: #fff;
                line-height: 32px;
                cursor: default;
                -webkit-transition: all .5s;
                transition: all .5s;
            }

                .index_02 .mian .hd ul li.on, .index_02 .mian .hd ul li:hover {
                    border: 1px solid #E1112A;
                    background: #E1112A;
                    color: #fff;
                    -webkit-transform: scale(1.05);
                    transform: scale(1.05);
                }

    .index_02 .mian .bd .box .gg {
        position: relative;
        height: 320px;
        overflow: hidden;
    }

        .index_02 .mian .bd .box .gg > div {
            position: absolute;
            overflow: hidden;
        }

            .index_02 .mian .bd .box .gg > div > a {
                display: block;
            }

                .index_02 .mian .bd .box .gg > div > a > img {
                    width: 100%;
                    background: url(../images/loading.gif) no-repeat center;
                    -webkit-transition: all .8s;
                    transition: all .8s;
                }

                .index_02 .mian .bd .box .gg > div > a > span {
                    position: absolute;
                    left: 0;
                    bottom: -64px;
                    width: 100%;
                    height: 64px;
                    padding: 6px 20px 0 20px;
                    background: url(../images/icon_5.png) repeat;
                    box-sizing: border-box;
                    -webkit-transition: all .5s;
                    transition: all .5s;
                }

                    .index_02 .mian .bd .box .gg > div > a > span font {
                        display: block;
                        font-size: 13px;
                        color: #f5f5f5;
                        line-height: 26px;
                    }

                        .index_02 .mian .bd .box .gg > div > a > span font:first-child {
                            font-size: 16px;
                        }

            .index_02 .mian .bd .box .gg > div:hover > a > span {
                bottom: 0;
            }

            .index_02 .mian .bd .box .gg > div:hover > a > img {
                -webkit-transform: scale(1.01);
                transform: scale(1.01);
            }

        .index_02 .mian .bd .box .gg .a1 {
            top: 0;
            left: 0;
            width: 390px;
            height: 477px;
        }

            .index_02 .mian .bd .box .gg .a1 a {
                width: 390px;
                height: 477px;
                background-position: top left;
                -webkit-transition: all 5.5s;
                transition: all 5.5s;
            }


        .index_02 .mian .bd .box .gg .a2 {
            top: 0;
            left: 405px;
            width: 390px;
            height: 231px;
        }

        .index_02 .mian .bd .box .gg .a3 {
            top: 246px;
            left: 405px;
            width: 390px;
            height: 231px;
        }

        .index_02 .mian .bd .box .gg .a4 {
            bottom: 0;
            left: 405px;
            width: 390px;
            height: 231px;
        }

        .index_02 .mian .bd .box .gg .a5 {
            bottom: 0;
            right: 0;
            width: 390px;
            height: 477px;
            background-position: top left;
            -webkit-transition: all 5.5s;
            transition: all 5.5s;
        }

        .index_02 .mian .bd .box .gg .a6 {
            bottom: 0;
            left: 0;
            width: 390px;
            height: 231px;
        }

        .index_02 .mian .bd .box .gg .a7 {
            top: 0;
            right: 0;
            width: 390px;
            height: 231px;
        }

        .index_02 .mian .bd .box .gg .a1:hover a {
            background-position: top right;
        }

        .index_02 .mian .bd .box .gg .a5:hover {
            background-position: top right;
        }

        .index_02 .mian .bd .box .gg .aa p {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            text-align: center;
            line-height: 213px;
        }

            .index_02 .mian .bd .box .gg .aa p em {
                visibility: hidden;
                position: absolute;
                top: 0;
                right: 0;
                z-index: 1;
                width: 100%;
                height: 100%;
                background: url(../images/icon_68.png) repeat;
                -webkit-transition: all .5s;
                transition: all .5s;
                /*opacity: 0;*/
                visibility: inherit;
                opacity: 1;
            }

            .index_02 .mian .bd .box .gg .aa p font {
                display: inline-block;
                position: relative;
                z-index: 2;
                width: 245px;
                height: 72px;
                font-size: 24px;
                /*color: #ccc;*/
                line-height: 72px;
                vertical-align: middle;
                -webkit-transition: all .3s;
                transition: all .3s;
                background: url(../images/icon_74.png) no-repeat top center;
                color: #fff;
            }

                .index_02 .mian .bd .box .gg .aa p font i {
                    display: block;
                    font-size: 20px;
                    color: #fff;
                    line-height: 0;
                    -webkit-transition: all .5s;
                    transition: all .5s;
                    -webkit-transform: translateY(30px);
                    transform: translateY(30px);
                    opacity: 0;
                }

        /*.index_02 .mian .bd .box .gg .aa:hover p em {
            visibility: inherit;
            opacity: 1;
        }

        .index_02 .mian .bd .box .gg .aa:hover p font {
            background: url(../images/icon_74.png) no-repeat top center;
            color: #fff;
        }*/

            .index_02 .mian .bd .box .gg .aa:hover p font i {
                -webkit-transform: translateY(0);
                transform: translateY(0);
                opacity: 1;
            }

    .index_02 .mian .bd .box .kk {
        margin-top: 40px;
        padding: 25px 0;
        text-align: center;
    }

        .index_02 .mian .bd .box .kk a {
            display: inline-block;
            width: 200px;
            height: 50px;
            /*background: #3f4a55;*/
			border-radius:50px;
			background: #ff8410;
            font-size: 16px;
            color: #fff;
            text-align: center;
            line-height: 50px;
            -webkit-transition: all .5s;
            transition: all .5s;
        }

            .index_02 .mian .bd .box .kk a:hover {
                background: #E1112A;
            }
			

.nav {
	/*width:100%;*/
	width:1200px;
	height:56px;
	margin: 0 auto 2%;
}
.nav .nav_ul {
	width:580px;
	/*width:100%;*/
	height:56px;
	margin:0 auto;
}
.nav ul .nav_li {
	/*width:120px;*/
	height:56px;
	font-weight:800;
	font-size:14px;
	color:#515151;
	line-height:56px;
	text-align:center;
	float:left;
	cursor:pointer;
	border: 1px solid #e1e1e1;
    background: #f5f5f5;
	margin: 0 5px;
	-webkit-transition: all .5s;
    transition: all .5s;
}

.nav ul .nav_li:hover {
	border: 1px solid #315cc4;
	background: #315cc4;
	color: #fff;
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.active{
	border: 1px solid #315cc4 ;
	background: #315cc4 ;
	color: #fff ;
}


.tiao {
	/*width:600px;*/
	width:100%;
	height:5px;
	/*background-color:#515151;*/
	margin:0 auto;
	position:relative;
	top:0;
	left:0;
}
.zhou {
	width:120px;
	height:5px;
	/*background-color:red;*/
	position:absolute;
	top:0;
	left:0;
}
.ww {
	width:0px;
	border-width:8px;
	/*border-style:solid;*/
	border-color:rgba(250,0,255,0) rgba(250,0,255,0) red rgba(250,0,255,0);
	position:absolute;
	top:-16px;
	left:56px;
}
.nei {
	width:1200px;
	height:640px;
	margin:0 auto;
}


.nei ul .nei_li {
	width:1200px;
	height:585px;
	color:#fff;
	font-family:"微软雅黑";
	font-size:40px;
	text-align:center;
	line-height:300px;
	display:none;
	margin-top:10px;
}

/*首页产品内容*/
.indProBox{ width:1200px;  height:320px; display:block; }
.indProBox ul{  display:block; }
.indProBox ul li{  display:block; position:relative;}

.indProLi{ width: 350px;float:left; margin: 0 24px;  }
.indProLi_a{ }
.indProLi_img{}
.indProLi_name{  }
/*rightFix*/
.rightFix {
  width: 48px;
  position: fixed;
  right:50px;
  top: 50%;
  margin-top: -100px;
  z-index: 99;
}
.rightFix .ico {
  width: 48px;
  height: 48px;
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0px;
  transition: all ease 300ms;
  margin-top: 1px;
  padding: 0px;
  border-radius: 48px;
  border: 1px solid #dedede;
  margin-bottom: 5px;
  background: #fff url(../images/fix-ico.png) no-repeat center 0;
}
.rightFix .ico:before {
  background: linear-gradient(to bottom, #22e9a6, #009de2);
}
.rightFix .ico .img {
  width: 110px;
  height:auto;
  position: absolute;
  left: -78px;
  top: 0;
  padding: 6px;
  background: #466dd2;
  border: 1px solid #ddd;
  background: #fff;
  display: block;text-align:center;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all ease-in-out 0.2s;
  border-radius: 5px;color:#333; padding-bottom:10px;
}
.rightFix .ico .img p{padding-bottom:5px;}
.rightFix .ico:hover .img {
  opacity: 1;
  filter: alpha(opacity=100);
  left: -140px;
}
.rightFix .ico.fix-ewm img {
  width: 110px;
  height: 110px;
  position: absolute;
  left: -78px;
  top: 0;
  padding: 6px;
  background: #466dd2;
  border: 1px solid #ddd;
  background: #fff;
  display: block;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all ease-in-out 0.2s;
  border-radius: 5px;
}

.rightFix .ico .img img{ width: 110px;
  height: 110px;}
.rightFix .ico span {
  width: 210px;
  text-align: center;
  height: 48px;
  line-height: 48px;
  position: absolute;
  left: -78px;
  top: 0;
  background: #466dd2;
  color: #fff;
  display: block;
  font-weight: bold;
  font-size: 18px;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all ease-in-out 0.2s;
  border-radius: 48px;
}
.rightFix .ico:hover {
  background-color: #466dd2;
  border-color: #466dd2;
  overflow: visible;
}
.rightFix .ico.fix-ewm:hover img {
  opacity: 1;
  filter: alpha(opacity=100);
  left: -140px;
}
.rightFix .ico:hover span {
  opacity: 1;
  filter: alpha(opacity=100);
  left: -215px;
}
.rightFix .fix-tel {
  background-position: 11px 12px;
}
.rightFix .fix-tel:hover {
  background-position: -33px 12px;
}
.rightFix .fix-xcx {
  background-position: 11px -39px;
}
.rightFix .fix-xcx:hover {
  background-position: -33px -39px;
}
.rightFix .fix-ewm {
  background-position: 11px -150px;
}
.rightFix .fix-ewm:hover {
  background-position: -33px -150px;
}
.rightFix .mess {
  background-position: 11px -96px;
}
.rightFix .mess:hover {
  background-position: -33px -96px;
}
.rightFix .fix_top {
  background-position: 11px -205px;
}
.rightFix .fix_top:hover,
.rightFix .fix_top.hover {
  background-color: #466dd2;
  border-color: #466dd2;
  background-position: -33px -205px;
}
.rightFix .fix-form {
  background-position: 10px -234px;
}
.rightFix .fix-form span {
  font-size: 14px;
  line-height: 23px;
  width: 180px;
}
.rightFix .fix-form:hover {
  background-position: -37px -234px;
}