﻿.width1004{ min-width:1200px;}
.indexcontent{ margin:0 auto; width:1200px;}
.sl{overflow:hidden; text-overflow:ellipsis;white-space: nowrap;}
a.bs:hover{ text-decoration:underline;}

.content{ font-size:14px; color:#333333; line-height:30px;}
.content *{ line-height:30px;}
.content p{ padding:10px 0;}
.content img{ max-width:100%;}

.top{background: #f5f5f5;height: 40px}
.top p{line-height: 40px;float: left;color: #666}
.top .yy{float: right;width: 100px;height: 40px;line-height: 40px;padding-left: 40px;color: #888888;background:#dbdbdb url(../images/top_icon.png)no-repeat center right 40px;position: relative;cursor: pointer}
.top dl{background:#fff;color: #888888;width: 100px;position: absolute;left: 0;padding-left: 40px;box-shadow: 0px 7px 10.45px 0.55px rgba(0, 0, 0, 0.1);display: none}
.top .yy:hover dl{display: block}
.top dl dd:hover a{color: #1460b6;margin-left: 10px;}

.header{padding: 26px 0;}
.header .logo{float: left}
.header .txt{float: left;border-left: 1px solid #ebebeb;margin-left: 36px;padding-left: 36px;}
.header .txt .txt1{font-size: 24px;font-weight: bold;color:#444444;letter-spacing: 8px;}
.header .txt .txt2{font-size: 16px;color:#999999 }
.header .tel{float: right}
.header .tel .txt1{font-size: 14px;color: #999}
.header .tel .txt2{font-size: 24px;color:#444444;font-weight: bold}

.nav{background:#1460b6 }
.nav ul li{float: left;width: 170px;line-height: 45px;border-left: 1px solid #3778c1;text-align: center;position: relative}
.nav ul li:nth-child(1){border: none}
.nav ul li a{color: #fff;display: block}
.nav ul li:after{content:"";position: absolute;width:0%;height: 3px;background: #da1938;left: 50%;bottom: 0;transition: all 0.3s}
.nav ul .on:after{width:100%;left: 0}
.nav ul li:hover:after{width:100%;left: 0}

.title{font-size: 30px;background: url(../images/title_bg.png)center no-repeat;text-align: center;font-weight: bold}
.in_1{padding: 100px 0}
.title_p{text-align: center;color: #999999;margin-top: 16px}
.in_1 ul{margin-top: 60px}
.in_1 ul li{float: left;margin-right: 30px;width: 378px;height: 240px;margin-bottom: 30px;position: relative;overflow: hidden;border: 1px solid #ddd}
.in_1 ul li:nth-child(3n){margin-right: 0}
.in_1 ul li .mb{background:rgba(20,96,182,0.80);position: absolute;left: 50%;top: 50%;width: 0%;height: 0%;transition: all 0.3s}
.in_1 ul li .t{color: #fff;font-size: 24px;text-align: center;position: absolute;width: 100%;top: 50%;margin-top: -12px;display: none}
.in_1 ul li  img{transition: all 0.3s}
.in_1 ul li:hover .mb{width: 100%;height: 100%;left: 0;top: 0}
.in_1 ul li:hover .t{display: block}
.in_1 ul li:hover img{transform: scale(1.05)}
.in_1 .box{width: 337px;margin: 0 auto}
.in_1 .box .prev{float: left;display: block;width: 50px;overflow: hidden;cursor: pointer;background: #fff;text-align: center;font-size: 48px;color: #666666;background: url(../images/in_1_left.jpg)no-repeat center;text-indent: -9999px;transition: all 0.3s}
.in_1 .box .next{float: right;display: block;width: 50px;overflow: hidden;cursor: pointer;background: #fff;text-align: center; font-size: 48px;color: #666666;background: url(../images/in_1_right.jpg)no-repeat center;text-indent: -9999px;transition: all 0.3s}
.in_1 .box .next:hover{background: url(../images/in_1_right_on.jpg)no-repeat center;}
.in_1 .box .prev:hover{background: url(../images/in_1_left_on.jpg)no-repeat center;}

.in_2{background: url(../images/in_2_bg.jpg)no-repeat center;padding: 72px 0}
.in_2 ul{margin-top: 60px}
.in_2 ul li{background: #fff;float: left;width: 590px;height: 235px;margin-right: 20px;margin-bottom: 20px}
.in_2 ul li:nth-child(2n){margin-right: 0}
.in_2 ul li .img{float: left}
.in_2 ul li .txt{float: left;width: 250px;margin-left: 24px;margin-top: 50px}
.in_2 ul li .txt .h1{font-size: 20px;}
.in_2 ul li .txt .h2{font-size: 14px;color: #999999;margin-top: 24px}

.in_3{height: 500px;background: url(../images/in_3_bg.jpg)no-repeat top;padding-top: 100px}
.in_3 ul li{float: left;margin-right: 60px;margin-top: 36px}
.in_3 ul li p{text-align: center;font-size: 16px;margin-top: 83px;font-weight: bold;}
.in_3 ul li:nth-child(1){margin-left: 15px}
.in_3 ul li:nth-child(2),.in_3 ul li:nth-child(4){margin-top: 73px}
.in_3 ul li:nth-child(3){margin-top: 84px}
.in_3 ul li:nth-child(5){margin-right: 0}

.in_4{padding: 100px 0}
.in_4 ul{margin-top: 60px}
.in_4 ul li{width: 590px;float: left;height: 320px; margin-right: 20px;margin-bottom: 20px;position: relative}
.in_4 ul li .txt{;padding-top: 100px;width: 230px;position: absolute;right: 0;top: 0;background:#1b7ecd;height:220px;padding-left: 34px;padding-right: 34px;transition: all 0.5s}
.in_4 ul li:hover .txt{width: 0;overflow: hidden;opacity: 0;padding-left: 0;padding-right: 0;}
.in_4 ul li:nth-child(2n) .txt{left: 0;top: 0}
.in_4 ul li .txt .h1{font-size: 24px;color: #fff;white-space: nowrap}
.in_4 ul li .txt .h2{font-size: 14px;color: #fff;margin-top: 24px}
.in_4 ul li:nth-child(1) .txt{background:#1b7ecd url(../images/in_4_bg1.jpg)30px 50px no-repeat;}
.in_4 ul li:nth-child(2) .txt{background:#1b7ecd url(../images/in_4_bg2.jpg)30px 50px no-repeat}
.in_4 ul li:nth-child(3) .txt{background:#1b7ecd url(../images/in_4_bg3.jpg) 30px 50px no-repeat}
.in_4 ul li:nth-child(4) .txt{background:#1b7ecd url(../images/in_4_bg4.jpg)30px 50px no-repeat}
.in_4 ul li:nth-child(2n){margin-right: 0}
.in_4 ul li:nth-child(1) .img_icon{position: absolute;top: 305px;left: 420px;z-index: 1}
.in_4 ul li:nth-child(2) .img_icon{position: absolute;top: 138px;;left: -35px;z-index: 1;}
.in_4 ul li:nth-child(3) .img_icon{position: absolute;top:138px;;left: 575px;z-index: 1}
.in_4 ul li:nth-child(4) .img_icon{position: absolute;top:-35px;left: 122px;z-index: 1}


.in_5{height:400px;background: url(../images/in_5_bg.jpg)no-repeat center;padding-top: 350px}
.in_5 .in_5_b{padding: 80px 0;background: #fff;position: relative}
.in_5 .in_5_b_c{width:960px;margin: 0 auto}
.in_5 .in_5_b li{width: 320px;}
.in_5 .in_5_b li img{width: 320px;}
.in_5 .in_5_b .box{width: 1100px;position: absolute;top: 0;margin-left:-550px;left: 50%;height: 0;top: 50%;margin-top: -20px}
.in_5 .box .prev{float: left;display: block;width: 50px;overflow: hidden;cursor: pointer;background: #fff;text-align: center;font-size: 48px;color: #666666;background: url(../images/in_5_left.jpg)no-repeat center;text-indent: -9999px;transition: all 0.3s}
.in_5 .box .next{float: right;display: block;width: 50px;overflow: hidden;cursor: pointer;background: #fff;text-align: center; font-size: 48px;color: #666666;background: url(../images/in_5_right.jpg)no-repeat center;text-indent: -9999px;transition: all 0.3s}

.in_6{padding: 100px 0}
.in_6 ul{margin-top: 50px!important}
.in_6 ul li{float: left;margin-right: 30px;border-bottom: 1px solid #e6e6e6;position: relative}
.in_6 ul li:after{content: "";width: 0%;height: 1px;position: absolute;bottom: 0;left: 0;background: #1460b6;transition: all 0.3s}
.in_6 ul li:hover:after{width: 100%;}

.in_6 ul li .h1{float:left;line-height: 70px}
.in_6 ul li .h2{float:right;line-height: 70px;color: #999999}
.in_6 ul li:hover .h2{color:#1460b6 }
.in_6 .box{width: 337px;margin: 0 auto;margin-top: 60px}
.in_6 .box .prev{float: left;display: block;width: 50px;overflow: hidden;cursor: pointer;background: #fff;text-align: center;font-size: 48px;color: #666666;background: url(../images/in_1_left.jpg)no-repeat center;text-indent: -9999px;transition: all 0.3s}
.in_6 .box .next{float: right;display: block;width: 50px;overflow: hidden;cursor: pointer;background: #fff;text-align: center; font-size: 48px;color: #666666;background: url(../images/in_1_right.jpg)no-repeat center;text-indent: -9999px;transition: all 0.3s}
.in_6 .box .next:hover{background: url(../images/in_1_right_on.jpg)no-repeat center;}
.in_6 .box .prev:hover{background: url(../images/in_1_left_on.jpg)no-repeat center;}

.in_7{background:#f5f5f5;padding: 75px 0 }
.in_7 ul{margin-top: 60px}
.in_7 ul li{float: left;background: #fff;width: 544px;margin-right: 32px;margin-bottom: 30px;padding: 20px}
.in_7 ul li:nth-child(2n){margin-right: 0}
.in_7 ul li .fd{float: left}
.in_7 ul li .txt{width: 340px;float: right}
.in_7 ul li:hover .img{transform: scale(1.05)}
.in_7 ul li .h1{font-size: 16px}
.in_7 ul li .h2{font-size: 16px;margin-top: 23px;}
.in_7 ul li .a{color: #999;margin-top:30px;display: inline-block}

.foot .indexcontent{position: relative}
.foot{padding: 70px 0;background: #24282e}
.foot .foot_nav{padding-bottom: 46px;border-bottom: 1px solid #3a3e43}
.foot .foot_nav dt{font-size: 16px}
.foot .foot_nav dt,.foot .foot_nav dd{float: left;color: #7f8183;margin-right: 60px}
.foot .foot_nav dd a{color: #7f8183}
.foot .left{color: #7f8183;float: left}
.foot .center{float:left;margin-left: 72px;color: #7f8183}
.foot .right{float: right}

.n_nav .indexcontent{position: relative}
.n_nav ul li{float: left;margin-right: 50px;padding:30px 0;font-size:16px;position: relative}
.n_nav ul li:after{content: "";position: absolute;width: 0%;left:50%;bottom: 0;height: 3px;background:#1460b6;transition: all 0.5s }
.n_nav ul li:hover:after{width: 100%;left: 0}
.n_nav ul li:hover a {;color: #1460b6}
.n_nav ul .on a {;color: #1460b6}
.n_nav ul .on:after{width: 100%;left: 0}
.n_nav .wz{position: absolute;right: 0;top: 50%;margin-top: -15px; background: url(../images/wz_bg.jpg)left center no-repeat;padding-left: 20px}

.product {background: #f5f5f5;padding: 80px 0}
.product ul li{float: left;width: 372px;margin-right: 40px;margin-bottom: 30px;height: 300px}
.product ul li:nth-child(3n){margin-right: 0}
.product ul li .fd{height: 250px;}
.product ul li img{width: 100%;height: 250px;}
.product ul li .t{text-align: center;margin-top: 20px;font-size: 16px}
.product ul li:hover .t{color: #1460b6}
.product ul li:hover .fd{border: 2px solid #1460b6;height: 246px}

.pages { margin-top:30px; font-size: 14px; font-weight: bold; line-height: 30px; text-align: center;margin-bottom:20px}
.pages a { text-decoration: none; color: #999; background: #fff; border: 1px solid #ddd; padding: 5px 10px; padding-bottom: 6px; margin-right: 3px }
.pages a.active { background: #1460b6; border: 1px solid #ddd; color: #fff }
.pages a:hover {  background: #1460b6; border: 1px solid #1460b6; color: #fff; text-decoration: none;  }

.product3{padding: 53px 0;text-align: center;background: #f5f5f5;}
.product3 .h1{font-size: 30px;font-weight: bold;color:#09548d;text-align: center;line-height: 30px}

.product3 .a{display: inline-block;width: 160px;height: 45px;background: #c3c3c3;color: #fff;border-radius: 30px;text-align: center;line-height: 45px;margin: 0 15px; margin-top:60px}
.product3 .a:hover{background:#09548d }
.product3 .productinfo{background: #fff;padding: 45px;padding-bottom: 60px}
.product3 .content{margin-top: 50px}

.case{background: #f5f5f5;padding: 80px 0}
.case ul li{float: left;width: 380px;margin-right: 30px;margin-bottom: 30px;position: relative}
.case ul li:nth-child(3n){margin-right: 0}
.case ul li img{width: 380px;height: 280px}
.case ul li .mb{background: url(../images/case_mb.png)
	no-repeat center;position: absolute;top: 50%;left: 50%;width: 0%;height: 0%;transition: all 0.3s}
.case ul li:hover .mb{top:0;left:0;width: 100%;height:100%;}
.case ul li:hover .t{;display: block}
.case ul li .t{position: absolute;color: #fff;font-size: 18px;top: 50%;margin-top: -15px;width: 100%;text-align: center;display: none}
.case ul li:hover .fd img{transform: scale(1.05)}

.about{padding: 80px;background: #f5f5f5}
.about .h1{font-size:30px;text-align: center}
.about .p1{margin-top:46px;color:#666666  }
.about_title{font-size: 26px;padding-left:50px;margin-top: 80px}
.about .about_img3{padding: 130px;background: url(../images/about_img4.jpg);margin-top: 80px;}
.about .about_img3 .h2{font-size: 46px;font-weight: bold;color: #fff;text-align: center}
.about .about_img3 .p{margin-top: 55px;text-align: center;color: #fff}

.lianxi{padding: 100px 0;background: #f5f5f5}
.lianxi .left{float: left;width: 50%}
.lianxi .left .h1{font-size: 26px;font-weight: bold;}
.lianxi .left ul{margin-top: 40px;}
.lianxi .left ul li{color: #666;font-size: 16px;line-height: 40px;padding-left: 40px}
.lianxi .left .h2{font-size: 16px;margin-top: 50px;font-weight: bold}
.lianxi .left .p{color: #666;font-size: 16px}

.new_info{padding: 80px 0;background: #f5f5f5}
.new_info .new_info_c{background: #fff;padding: 60px;}
.new_info .new_title{font-size: 30px;font-weight: bold;text-align: center}
.new_info .new_title2{font-size: 14px;color: #999;text-align: center;margin-top: 30px;padding-bottom: 40px;border-bottom: 1px solid #e6e6e6}
.new_info .content{padding: 30px }
.new_info .content p{color:#666}
.new_info_b{padding-top: 35px;border-top: 1px solid #e6e6e6;position: relative}
.new_info_b a{display: block}
.new_info_b a:hover{color: #1460b6}
.new_info_b .bdsharebuttonbox{position: absolute;right: 0;top: 35px}
.new_info_b  .bdshare-button-style0-16 a,.new_info_b  .bdshare-button-style0-16 .bds_more{width: 22px;height: 22px;padding-left: 0;margin: 0 5px}
.new_info_b  .bdshare-button-style0-16 a:nth-child(1){background: url(../images/new_icon1.jpg)no-repeat center;}
.new_info_b  .bdshare-button-style0-16 a:nth-child(2){background: url(../images/new_icon2.jpg)no-repeat center;}
.new_info_b  .bdshare-button-style0-16 a:nth-child(3){background: url(../images/new_icon3.jpg)no-repeat center;}
.new_info_b  .bdshare-button-style0-16 a:nth-child(4){background: url(../images/new_icon4.jpg)no-repeat center;}
.new_info_b  .bdshare-button-style0-16 a:nth-child(5){background-position: 0 3px}

.new{padding: 75px 0;background: #f5f5f5}
.new ul li{background: #fff;margin-bottom: 50px}
.new ul li .txt{width: 490px;height: 140px;float: left;padding:40px 120px}
.new ul li .txt .h1{font-size: 20px;font-weight: bold;transition: all 0.3s}
.new ul li .txt .h2{margin-top: 30px;color: #666666}
.new ul li .txt .h3{margin-top: 10px;color: #999}
.new ul li:hover .fd img{transform: scale(1.05)}
.new ul li:hover .h1{font-size: 20px;color: #1460b6}

.contact_us2{padding: 80px 0;background:#f5f5f5}
.contact_us2 .contact_us2_h1{font-size: 30px;font-weight: bold;text-align: center}
.contact_us2 .contact_us2_p{text-align: center;color: #666666;margin-top: 15px}
.rid34{margin-top: 30px;}
.Gbook_b1 { }
.Gbook_b1 .name { width: 48%; float: left; margin-bottom: 20px; }
.Gbook_b1 .phone { width:48%; margin-left: 3%; float: left; margin-bottom: 20px; }
.Gbook_b1 .email { width: 31%; margin-left: 3%; float: left; margin-bottom: 20px; }
.Gbook_b1 .company { width: 100%; float: left; margin-bottom: 20px; }
.Gbook_b1 .content { width: 100%; float: left; margin-bottom: 20px; }
.Gbook_b1 .vcode { width: 32%; float: left; }
.Gbook_b1 .vcode .InputV1 { width: 280px; }

.InputV1 { height: 55px; width: 98%; line-height: 38px; padding: 0 10px; border: 1px solid #ddd; background-color: #fafafa;outline: none}
.InputV1:focus { border: 1px solid #1460b6; background-color: #fff; }
.TextareaV1:focus { border: 1px solid #1460b6; background-color: #fff; }
.ButtonV1 { height: 60px; line-height: 40px;width:300px; background-color: #333;transition: all 0.3s; color: #fff; font-size: 14px; cursor: pointer;font-family:'å¾®è½¯é›…é»‘';margin: 0 auto;border: none;display: block}
.TextareaV1 { line-height: 150%; width: 98%; padding: 10px; border: 1px solid #ddd; background-color: #fafafa; resize: none;outline: none;height: 200px }
.ButtonV1:hover{ background-color: #1460b6;}
.yzm .InputV1{width: 300px}
.yzm{float: left}







