@charset "utf-8";
body{ background-size: cover; background-image:url(../images/index_bg.jpg); background-repeat:no-repeat;background-attachment: fixed;}
.banner-container{width:100%;height:400px;}
.banner{width:100%;height:400px;background-color:#236FED;background:url(../images/banner_bg.jpg) no-repeat;    background-size: cover;}
.banner-content{width:1024px;height:400px;margin:0 auto;}
.banner-left{float:left;padding-top:90px;color:#FFF;}
.banner-left .site-name{font-size:36px;height:36px;line-height:36px;margin-bottom:30px;}
.banner-left .client-name{height:14px; height:140px; line-height:180%; width:380px;}
.banner .ban-btn{display:block;width:150px;height:46px;line-height:46px;background:#FFF;color:#7264DD;
  -webkit-border-radius:46px;-moz-border-radius:46px;border-radius:46px;text-decoration:none;text-align:center;font-size:16px;position:relative;}
.banner .ban-btn .down-qr{display:none;position:absolute;left:180px;top:-130px;background:#FFF;width:220px;height:200px;text-align:center;padding-top:20px;box-shadow:0 0 5px #ccc;}
.down-qr .arrow_up{position:absolute;left:-25px;top:142px;width:0;height:0;border-top: 10px transparent dashed;border-left: 10px transparent dashed;border-bottom: 15px transparent dashed;border-right: 15px white solid;border-style:solid;}
.down-qr .qr-title{font-size:18px;line-height:18px;color:#333;margin-bottom:15px;}
.down-qr .qr-img{width:152px;height:152px;margin:0 auto;}
.down-qr .qr-img img{width:152px;height:152px;border:0;}
.ban-btn .for-ho{position:absolute;width:60px;height:46px;background:#FFF;left:130px;top:0;opacity: 0;}
.banner .ban-btn:hover{background:#F0F0F0;}
.banner .ban-btn:hover .down-qr{display:block;}
.banner .banner-right{float:right;width:580px;height:308px;background:url(../images/ban1_bg.png) no-repeat;margin-top:40px;}
/*统计*/
.index_hand{width:1024px;margin:0 auto;padding:35px 0;}
.index_num{float:left;}
.index_num .numli{width:150px;float:left;border-right:1px solid  #E3E3E3;text-align:center;font-size:14px;line-height:1;}
.index_num .numli.last{border-right:0px;}
.index_num .numli .n{padding-bottom:15px;color:#FF3300;font-size:24px;}
.index_num .numli .n.c2{color:#FD7902}
.index_num .numli .n.c3{color:#3366FF}
.index_num .numli .ntxt{color:#999999}
.index_hand .in_bt{display:block;float:right;width:100px;height:47px;line-height:47px;text-align:center;color:#fff;text-decoration:none;transition:all .3s;-webkit-transition:all .3s;}
.index_hand .in_bt.b1{background:#029834;margin-right:35px;}
.index_hand .in_bt.b1:hover{background:#04832e;}
.index_hand .in_bt.b2{background:#d92d67;margin-right:35px;}
.index_hand .in_bt.b2:hover{background:#bc2d5d;}
.index_hand .in_bt.b3{background:#5d7eef;}
.index_hand .in_bt.b3:hover{background:#516ed0;}
.in_img_box{width:284px;height:526px;}
.in_txt_box{font-size:20px;padding:20px;}

.index_icon{width:1024px;margin:0 auto; /* padding-top:30px; */}
.index_icon .iconli{ float:left; width:256px; height:200px;padding-top:30px; }
.index_icon .iconli .ticon{ width: 60px; height:60px; background-color:#2A6EEA;background-image: url(../images/index_icon_1.png); background-repeat: no-repeat;border-radius:100%; margin:0 auto; background-position:center center; }
.index_icon .iconli .ticon.c2{ background-color:#93C52B;background-image: url(../images/index_icon_2.png);}
.index_icon .iconli .ticon.c3{ background-color:#FF9900;background-image: url(../images/index_icon_3.png);}
.index_icon .iconli .ticon.c4{ background-color:#8275CE;background-image: url(../images/index_icon_4.png);}
.index_icon .iconli .ticon.c5{ background-color:#33CC99;background-image: url(../images/index_icon_5.png);}
.index_icon .iconli .ticon.c6{ background-color:#FF6666;background-image: url(../images/index_icon_6.png);}
.index_icon .iconli .ticon.c7{ background-color:#66CC66;background-image: url(../images/index_icon_7.png);}
.index_icon .iconli .ticon.c8{ background-color:#00CCCC;background-image: url(../images/index_icon_8.png);}
.index_icon .iconli .tit{ text-align:center; color:#333333; padding-bottom:10px; font-size:20px; padding-top:10px;}
.index_icon .iconli .txt{ text-align:center; color:#999999;line-height:180%; font-size:14px;}



.pro{width:100%; height:500px;}
.pro.gray{background-color:#F8F8F8;}
.pro .pbody{width:1024px; margin:0 auto;}
.pro .pbody .pimg{ width:480px; height:450px; float:left; padding-top:30px;}
.pro .pbody .ptxt{ width:544px;float:left; padding-top:100px;}
.pro.gray .pbody  .ptxt{ width:400px; padding-left:140px;float:left; padding-top:100px;}
.pro .pbody .ptxt .t1{ font-size:30px; color:#333333; height:120px; line-height:160%; font-weight:bold; padding-top:15px}
.pro .pbody .ptxt .t2{ font-size:16px; color:#666666; height:120px; line-height:190%}
.pro .pbody .ptxt .t3{ font-size:16px; color:#666666; height:120px; line-height:190%}
.pro .pbody .ptxt .btns{ height:60px;}
.pro .pbody .ptxt .btns a.tbtn1{ width:140px; height:38px; background-color:#2B90ED; text-align:center; color:#FFFFFF; line-height:38px;border-radius:4px; margin-right:20px; float:left; display:block;border:1px #2B90ED solid;  text-decoration:none}
.pro .pbody .ptxt .btns a.tbtn1:hover{ background-color:#419BEF;border:1px #419BEF solid}
.pro .pbody .ptxt .btns a.tbtn2{ width:100px; height:38px; background-color:#FFFFFF; text-align:center; color: #2B90ED; line-height:38px;border-radius:4px; margin-right:20px; float:left; display:block; border:1px #2B90ED solid;text-decoration:none}
.pro .pbody .ptxt .btns a.tbtn2:hover{ background-color:#2B90ED;border:1px #2B90ED solid; color:#FFFFFF}


.pro2{width:1024px; margin:0 auto;}
.pro2 .mli{ float:left; width:512px; height:320px; padding-top:60px; }
.pro2 .mli .timg{ width:110px; float:left; padding-top:16px; }
.pro2 .mli .tits{ width:360px; float:left;font-size:26px; color:#333333; height:100px; line-height:160%; font-weight:bold; padding-top:15px}
.pro2 .mli .tits_sm{font-size:14px; color:#666666; height:120px;line-height:190%; padding-left:110px; }



.pro3{ width:1056px; margin:0 auto; padding-bottom:80px; padding-top:20px; height:400px; }
.pro3 .plis{ float:left; width:320px; margin-left:16px; margin-right:16px; height:400px; background-color:#F2F2F2; position:relative;  cursor:pointer;border-radius:4px;}
.pro3 .plis img{ width:320px; height:400px;border-radius:4px;}
.pro3 .plis .ptxt{position:absolute; top:60px; left:0px; width:320px;}
.pro3 .plis .ptxt .t0{margin:0 auto; width:52px; height:52px;}
.pro3 .plis .ptxt .t0 img{width:52px; height:52px;}
.pro3 .plis .ptxt .t1{ width:265px;margin:0 auto; font-size:16px; height:80px; padding-top:10px; color:#FFFFFF; text-align:center;   }
.pro3 .plis .ptxt .t2{ width:265px;text-indent:2em; margin:0 auto; font-size:14px; color:#FFFFFF; line-height:180%}

/*提交留言*/
.lm_box {
  width:450px;border-top:1px #E3E3E3 solid;padding-bottom:35px;background:#ffffff;
}
.lm_box .lm_tit {
  width:450px;padding:20px 0;text-align:center;color:#ff0202;font-weight:600;font-size:18px;
}
.lm_box .in_d {
  width:300px;height:40px;line-height:40px;margin:0 auto 20px;padding:0 0 0 20px;border-radius:4px;background:#efefef;color:#050505;position:relative;
}
.lm_box .in_d .span {
  font-weight:600;
}
.lm_box .in_b {
  width:200px;height:40px;line-height:40px;border:0;background:#efefef;margin-left:.1rem;outline: none;
}
.lm_box .in_bt {
  width:320px;margin:0 auto;border-radius:4px;height:40px;line-height:40px;text-align:center;color:#ffffff;background:#ff3200;border:0;display:block;outline: none;cursor:pointer;
}
.lm_box .in_bt:hover, .lm_box .in_bt:active {
  background:#e83004;
}
.lm_box .in_bt.disabled {
  border:1px solid #e6e6e6;background-color:#FBFBFB;color:#C9C9C9;cursor:not-allowed;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

input[type="number"] {
  -moz-appearance: textfield;
}
 