﻿@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {margin:0; padding:0;}
body {color:#282828;font-size:14px;font-family:"Microsoft YaHei";position: relative; background: #fff;}
td,th,caption {font-size:12px;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;font-size:100%; }
address, caption, cite, code, dfn, em, th, var{ font-style:normal;font-weight:normal;}
a{color:#000;text-decoration:none;}
a:hover {cursor:pointer;text-decoration:none;}
a{blr:expression(this.onFocus=this.blur())}
*:focus{outline:0;}
fieldset,img {border:none;}
ol,ul,li {list-style:none;}
span,i{display:inline-block; font-style: normal;}
input, textarea, select, button {font:14px "Microsoft YaHei";outline:none;}
table{border-collapse:collapse;border-spacing:0;}
textarea {resize:none;}
/* css common */
.clearfix:after {content: ".";display: block;height:0;clear:both; visibility:hidden;}
.clearfix {*zoom:1;}
.clear{clear:both;}
/*pccss reset 结束*/
.header{ width: 100%; position: fixed; background:#282828; z-index: 100; top:0;height: 80px; }
.header.shadow_head{box-shadow: 0 0 5px #888;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;  }
.header a.logo{ display: block; float: left;margin:15px 30px 15px 60px; position: relative; z-index: 20;}
.header a.logo img{height: 47px;}
.nav{ position: absolute; width: 100%; left: 0; text-align: center; z-index: 10;}
.nav a{ display: inline-block; text-align: center; font-size: 18px; color: #fff;width: 122px; text-align: center;border-right: 1px solid #444;margin-top:28px;}
.nav a.act,.nav a:hover{ color: #e49b18;}
.nav a:last-child{border:none;}
.phone_div{ position: absolute; right: 60px; margin: 15px 0; z-index: 20;}
.phone_div img{  height: 46px; }
.phone_div  span{ vertical-align: top;position: relative;top: 10px; color: #585858; font-size: 16px; }



.footer{width:100%;position:absolute;bottom:0;color:#fff;font-size:12px;height:387px; background:url(../images/t18.jpg) no-repeat center top; background-size:auto 100%}
.footer .f_t{width:100%;height:296px;}
.footer .f_t .c{width:1200px;margin:0 auto;padding-top:42px; overflow:hidden;}
.footer .f_t .c .item1{height:220px;border-right:1px solid rgba(255,255,255,0.1);width:305px; overflow:hidden;padding-right:40px;float:left;}
.footer .f_t .c .item1 h1{background:url(../images/t12.png) no-repeat center left;padding-left:20px; overflow:hidden;margin-top:25px;}
.footer .f_t .c .item1 h1 p{float:left;padding-left:3px;margin-right:10px;}
.footer .f_t .c .item1 h1 span{ font-weight:bold;font-size:14px;}
.footer .f_t .c .item1 h2{background:url(../images/t19.png) no-repeat top left;padding-left:20px; overflow:hidden;margin-top:10px;}
.footer .f_t .c .item1 h2 p{float:left;padding-left:3px;margin-right:10px;}
.footer .f_t .c .item1 h2 span{width:215px;float:right}
.footer .f_t .c .item1 .icp{padding-top:10px;line-height:24px;}
.footer .f_t .c .item1 .icp a{color:#fff;}
.footer .f_t .c .item2{height:220px;border-right:1px solid rgba(255,255,255,0.1);width:210px; overflow:hidden;padding-right:40px;float:left;padding-left:40px;}
.titles2 h1{float:left;font-size:16px;padding-right:18px;}
.titles2 p {font-size:12px;color:#777;line-height: 25px;}
.titles2 p span{color:#e79b00;}
.footer .f_t .c .item2 ul{padding-top:3px;}
.footer .f_t .c .item2 ul li{width:100%;height:25px;border:1px solid #b3b3b3;overflow:hidden;margin-top:15px;}
.footer .f_t .c .item2 ul li span{ height:17px;display:inline-block;width:58px;border-right:1px solid #b3b3b3;margin-top:4px;padding-left:7px;} 
.footer .f_t .c .item2 ul li .text {background:none;border:none;line-height:25px;width:135px;text-align:center;color:#a9a9a9;}
.footer .f_t .c .item2 ul li select{color:#a9a9a9;width:auto; background:none;border:none;}
.footer .f_t .c .item2 ul li select option{text-align:center;color:#333;}
.footer .f_t .c .item2 ul .tj{border:none;}
.footer .f_t .c .item2 ul .tj .submit{width:50px;height:25px;border:1px solid #b3b3b3; text-align:center;color:#fff;background:none;margin:0 auto;margin-left: 80px; cursor:pointer;}
.footer .f_t .c .item2 ul .tj .submit:hover{border:1px solid #f1b000;background:#e79b00;}
.footer .f_t .c .item3{height:220px;border-right:1px solid rgba(255,255,255,0.1);width:364px; overflow:hidden;padding-right:40px;float:left;padding-left:40px;}
.footer .f_t .c .item3 dl{float:left;width:55px;text-align:center;margin-right:48px;}
.footer .item3 dl dt{width:55px;height:30px; background:url(../images/bg7.gif) no-repeat center bottom; font-size:16px;margin-bottom:10px;}
.footer .item3 dl dd{text-align:left;}
.footer .item3 dl dd a{color:#fff;line-height:30px;}
.footer .item3 .boxt{ overflow:hidden;}
.footer .item3 .boxb{width:100%;padding-top: 10px;}
.footer .item3 .boxb .span{ cursor:auto;color:#fff;font-size:16px; float:left;width:33%; text-decoration:none;height:50px;}
.footer .item3 .boxb a{color:#fff;display:block;float:left;width:33.33%;line-height:24px;}
.footer .item3 .boxb a.c{ margin-left: 66px;}
.footer .item3 .boxb a.r{float:right;    padding-top: 4px;}
.footer .item4{width:75px;float:right; text-align:center;}
.footer .item4 h2{padding-bottom:14px;}
.footer .item4 h2 img{width:70px;}
.footer .f_b{height:50px;width:100%;background:#f1b000;}
.footer .f_b .c{width:1200px;margin:0 auto;}
.footer .f_b .c p{float:left;line-height:50px;color: #333;}
.footer .f_b .c ul{float:right; position:relative;}
.footer .f_b .c ul li{float:left;padding:13px 0 0 20px;}
.footer .f_b .c ul li a .pic{width:25px;}
.footer .f_b .c ul li .tel2{ position:absolute;right:75px;bottom:34px; display:none;}
.footer .f_b .c ul li .wx2{ position:absolute;right:4px;bottom:33px; display:none;}
.footer .f_b .c ul li .ewm2{ position:absolute;right:-44px;bottom:34px; display:none;}
.footer .f_b .c ul .tel:hover .tel2{display:block;}
.footer .f_b .c ul .wx:hover .wx2{display:block;}
.footer .f_b .c ul .ewm:hover .ewm2{display:block;}


/*****侧边栏弹出窗口****/
.side_nav{ position:fixed;right:10px;top:50%;z-index:10000;margin-top:-178px;}
.side_nav li a { display:block;width:65px;height:65px; background:#282828;text-align:center;border-radius:5px;margin-top:5px;color:#fff; transition:all 0.5s;}
.side_nav li a img{width:32px;padding-top:8px;}
.side_nav li a:hover{background:#444}
.side_nav .see a{background:#e79b00}
.side_nav .see a img{width:26px;}
.side_nav .see a:hover{background:#f4a400;}

.reveal-modal-bg { position: fixed; height: 100%; width: 100%; background: #000; background: rgba(0,0,0,.8); z-index: 100; display: none; top: 0; left: 0; }
.reveal-modal { visibility: hidden; top: 50% !important; left: 50%; margin-left: -357px;margin-top:-354px; width: 715px; position:fixed; z-index: 101;}
.reveal-modal.small { width: 200px; margin-left: -140px; }
.reveal-modal.medium { width: 400px; margin-left: -240px; }
.reveal-modal.large { width: 600px; margin-left: -340px; }
.reveal-modal.xlarge { width: 800px; margin-left: -440px; }
.reveal-modal .close-reveal-modal { font-size: 22px; line-height: .5; position: absolute; top: 8px; right: 11px; color: #aaa; text-shadow: 0 -1px 1px rbga(0, 0, 0, .6); font-weight: bold; cursor: pointer;}

.window{width:715px;height:708px; background:url(../images/bg7.jpg) no-repeat center bottom 70px #fff;border:2px solid #b3b3b3;padding:0 60px; box-sizing:border-box; font-size:14px;}
.window .title{width:100%;padding-top:12px;}
.window .title h1{font-size:26px;color:#000;}
.window .title p{color:#737375; background:url(../images/t23.jpg) no-repeat center left;padding-left:15px;font-size:12px;line-height:30px;}
.window .c .w_l{width:270px;float:left;height:100%;margin-top:15px;}
.window .c .w_l ul{ overflow:hidden;}
.window .c .w_l ul li{ overflow:hidden;margin-bottom:10px;}
.window .c .w_l ul li p{float:left;font-size:14px;line-height:37px;}
.window .c .w_l ul li .text{width:200px;height:37px; border:1px solid #d7d7d7; line-height:37px; text-align:center;float:right;}
.window .c .w_l ul li label{width:94px;height:37px; border:1px solid #d7d7d7; display:inline-block;float:left;line-height:37px;}
.window .c .w_l ul li .male{margin:0 10px 0 12px}
.window .c .w_l ul li label .radio{float:left;    margin: 13px 0 0 10px;margin-right:20px;}
.window .c .w_l .banner2{margin-top:8px;}
.window .c .w_r{width:270px;float:right;}
.window .c .w_r ul li{overflow:hidden;margin-bottom:10px;}
.window .c .w_r ul li p{float:left;font-size:14px;line-height:37px;}
.window .c .w_r ul li .text{width:200px;height:37px; border:1px solid #d7d7d7; line-height:37px; text-align:center;float:right; }
.window .c .w_r ul li select{width:auto;padding:0 61px;height:37px; border:1px solid #d7d7d7; line-height:37px; text-align:center;float:right;}
.window .c .w_r ul li select option{text-align:center;}
.window .c .w_r ul li .yes{padding:0 46px;}
.window .c .w_r ul li .area{width:200px;height:37px; border:1px solid #d7d7d7; line-height:37px; text-align:center;float:right;background:#fff; }
.window .c .w_r ul li .area input{border:none;width:155px;float:left;}
.window .c .w_r ul li textarea{width:270px;height:80px; border:1px solid #d7d7d7; line-height:24px; float:right;padding:5px 10px; box-sizing:border-box;}
.window .c .w_r li .submit{width:270px;height:50px; background:url(../images/t20.jpg) no-repeat center; color:#fff; font-size:18px; line-height:50px; border:none; cursor:pointer; }
.window .c .w_r .prompt{text-align:center;}
.window .c .w_r .prompt h2{font-size:14px;padding-top:20px;}
.window .c .w_r .prompt h2 span{color:#e99f00; font-weight:bold;}
.window .c .w_r .prompt p{color:#999; font-size:12px;line-height:35px;}
.window .c .back{width:595px;height:3px; background:url(../images/bg8.jpg);margin-top:50px;}
.win2{width:715px;height:455px; background:url(../images/bg7.jpg) no-repeat center bottom 0px #fff;}
.win2 .title h1{font-size:34px;}
.win2 .title h1 img{float:left;margin-right:5px;}
.win2 .c .w_r ul li .text{width:268px;}
.win2 .c .w_r ul li select{float:left; padding: 0 33px;    max-width: 132px;}
.win2 .c .w_r ul li .shen{margin-right:5px;}
.win2 .c .back{margin-top:20px;}
.win2 .title{padding-top:30px;}
.win2 .c .w_r ul{padding-top:15px;}
.model2{height:455px; position:fixed;top:50%;margin-top:-227px;z-index:999;}
.model3{height:485px; position:fixed;top:50%;margin-top:-242px;z-index:999;}
.win3{height:485px;}
.win3 .title h1{font-size:26px;}
.win3 .title{padding-top:20px;}
.win3 .mj {width:268px;height:37px; border:1px solid #d7d7d7; line-height:37px; text-align:center;float:right; background:#fff;}
.win3 .c .w_r ul li .mj .text{float:left;width:225px;border:0;}
.gotop{position:relative;}

@media (max-width:1440px ) {
.footer{height:300px;}
.footer .f_t{height:245px;}
.footer .f_t .c{padding-top:20px;}
.footer .f_b{height:35px;width:100%;background:#f1b000;}
.footer .f_b .c p{float:left;line-height:35px;    }
 .footer .f_b .c ul li { padding: 6px 0 0 20px;}
}


.textarea{width:270px;height:80px;word-break:break-all; border:1px solid #d7d7d7; line-height:24px; float:right;padding:5px 10px; box-sizing:border-box;}


#bottomfeedback input[type=text]:-webkit-autofill {
 background-color: rgb(250, 255, 189);
 background-image: none;
 color: rgb(0, 0, 0);
}