@charset "utf-8";
/*about*/

/*MENU*/
#menu #index_left { display:none;}
#menu #index_right { display:none;}

/*TOP*/
#contact_top {position:relative; width:100%;}
#contact_top #topimg { width:100%; height:100%; background-position:center top; background-size: cover; }
#contact_top #topimg .con { width:100%; height:100%; background:url(../images/contact/topimg_txt.png) no-repeat 50% 55%;}
#contact_top .top_bottom { position:absolute; bottom:0; z-index:1; width:100%; height:40px; background:url(../images/index_top_bg.png) no-repeat center; background-size: 100% 40px;}
#contact_top .top_bottom img { margin-top:-60px; cursor:pointer;}

#contact_box1 { background:#E9E7E7;}
#contact_box1 .box { padding:60px 0 0; height:140px; background:#FFFFFF;}
#contact_box1 .box .con { margin:auto; padding:30px 40px; width:640px; background:url(../images/contact/box1_bg.gif) no-repeat center top; font:18px/30px "Microsoft YaHei"; color:#2A2A2A;}
#contact_box1 .box_bottom { height:60px; background:url(../images/contact/box1_bottom.png) no-repeat center; background-size: 100% 60px;}

#contact_box2 { position:relative; width:100%; background:#E9E7E7;}
#contact_box2 .box { margin:auto; padding:60px 0 70px; width:1000px;}
#contact_box2 .box .left { float:left; width:400px; text-align:justify;}
#contact_box2 .box .left .add { padding:20px 0; width:240px; font:14px/28px "Microsoft YaHei";}
#contact_box2 .box .left .contact { padding:20px 0; height:160px; color:#232323;}
#contact_box2 .box .left .contact p { margin:0; padding-left:36px; font:19px/28px "Microsoft YaHei";}
#contact_box2 .box .left .contact p.tel { background:url(../images/contact/ico_tel.gif) no-repeat left center;}
#contact_box2 .box .left .contact p.tel2 { padding-left:143px;}
#contact_box2 .box .left .contact p.fax { background:url(../images/contact/ico_fax.gif) no-repeat left center;}
#contact_box2 .box .left .contact p.mail { background:url(../images/contact/ico_mail.gif) no-repeat 4px center;}
#contact_box2 .box .left .link { padding:20px 0;}
#contact_box2 .box .left .link img { margin-right:25px;}
#contact_box2 .box .right { float:left; width:550px; text-align:justify;}
#contact_box2 .box .right .form input, #contact_box2 .box .right .form textarea { padding:10px 10px 10px 60px; width:480px; border:0; border-radius:5px; background:#FFFFFF url(../images/contact/form_ico.gif) no-repeat; font:14px/30px "Microsoft YaHei"; color:#958064;}
#contact_box2 .box .right .form textarea { height:100px;}
#contact_box2 .box .right .form #uname { background-position:20px 12px;}
#contact_box2 .box .right .form #umail { background-position:20px -52px;}
#contact_box2 .box .right .form #utel { background-position:20px -114px;}
#contact_box2 .box .right .form #message { background-position:20px -172px;}
#contact_box2 .box .right .form #submit { padding:20px 0; width:250px; border:0; border-radius:70px; background:#958064 url(../images/contact/btn_ico.png) no-repeat 85% 50%; font-size:20px; color:#FFFFFF; cursor:pointer; -webkit-transition: background .3s; -moz-transition: background .3s;}
#contact_box2 .box .right .form #submit:hover { background-position:90% 50%;}
#contact_box2 .box .right .form_sub { padding:20px 0; display:none;}
#contact_box2 .box .right .form_sub .result { padding:10px 20px; height:300px; border-radius:5px; background:#FFFFFF; font:14px/30px "Microsoft YaHei"; color:#958064;}
#contact_box2 .box .right .form_sub .reset { padding:20px 0; display:none;}
#contact_box2 .box .right .form_sub .reset #ok { padding:20px 0; width:250px; border:0; border-radius:70px; background:#958064 url(../images/contact/btn_ico.png) no-repeat 85% 50%; font-size:20px; color:#FFFFFF; cursor:pointer; -webkit-transition: background .3s; -moz-transition: background .3s;}
#contact_box2 .box .right .form_sub .reset #ok:hover { background-position:90% 50%;}
#contact_box2 .box .bottom { clear:both; height:60px; border-bottom:1px solid #727171;}
#contact_box2 .box .bottom .bottom_con { margin:auto; padding:47px 0 0; width:120px; background:#E9E7E7; font:18px "Microsoft YaHei";}

#contact_box3 { position:relative; padding:0 0 30px;}
#contact_box3 .box_title { padding:60px 0 40px;}
#contact_box3 .box { margin:auto; padding:0 0 40px; width:1000px;}
#contact_box3 .box .left { float:left; width:550px; text-align:justify;}
#contact_box3 .box .left .ul { border-bottom:1px solid #E6E2DC;}
#contact_box3 .box .left .ul .li { border-top:1px solid #E6E2DC;}
#contact_box3 .box .left .ul .li .title { padding-left:10px; font:18px/50px "Microsoft YaHei"; cursor:pointer; -webkit-transition: background .3s; -moz-transition: background .3s;}
#contact_box3 .box .left .ul .li .title:hover { background:#E9E7E7;}
#contact_box3 .box .left .ul .li .title span { float:right; margin-right:30px; width:50px; height:50px; text-align:center; font-size:20px; -webkit-transition: -webkit-transform .3s; -moz-transition: -moz-transform .3s;}
#contact_box3 .box .left .ul .li.sel .title span { -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg);}
#contact_box3 .box .left .ul .li .con { padding-left:10px; font:12px/22px "Microsoft YaHei"; color:#666666; display:none;}
#contact_box3 .box .right { float:right; width:280px; text-align:justify;}
#contact_box3 .box .right p { font:14px/28px "Microsoft YaHei";}
#contact_box3 .box .right p.t1 { margin-top:0; font:bold 20px/30px "Microsoft YaHei";}