﻿@charset "utf-8";
/* CSS Document */
/*zcy*/
html{ overflow-x:auto; overflow-y:auto;
moz-user-select: -moz-none;
    -moz-user-select: none;
       -o-user-select:none;
   -khtml-user-select:none;
  -webkit-user-select:none;
      -ms-user-select:none;
          user-select:none;}
*{ margin: 0; padding: 0; }
ul,ol,li{ list-style-type:none;}
html,body{ width:100%; height:100%; position:relative; min-width:1200px;}
body, button, input, select, textarea{ font-family:'Microsoft yahei'; font-size:12px; }
code, kbd, pre, samp {font-family:'Microsoft yahei';}
a{ text-decoration: none; color:#333;
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
     -o-transition: all 0.2s ease-out 0s; 
        transition: all 0.2s ease-out 0s;}
a:hover{color:#da251d;}
img{ max-width:100%; border:0;}
li{ line-height:normal; }
table { border-collapse: collapse; border-spacing: 0; }
textarea { resize: none; outline:none;}
input,table{ margin:0; padding:0; border:0; outline:none;}
h1,h2,h3,h4,h5,h6{margin:0; font-weight:normal;font-family:'Microsoft yahei';}
h1{font-size: 32px;}
h2{font-size: 24px;}
h3{font-size: 22px;}
h4{font-size: 18px;}
h5{font-size: 14px;}
h6{font-size: 12px;}


/*main*/
.z_1200{ width:1200px; margin:auto;}
.zlogo{ width:902px; margin:auto;}
.zlogo .zimg{ float:left;}
.zlogo h5{ margin-left:344px; padding-left:20px; background:url(../images/zbian_1.png) no-repeat left center; padding-top:7px; height:42px; overflow:hidden;}
.zlogo h5 span{display:inline-block;*display:inline; *zoom:1; font-size:16px; color:white; line-height:21px;}
.zmain{ width:902px; margin:21px auto 0 auto; border-radius:13px; -webkit-border-radius:13px; -moz-border-radius:13px; overflow:hidden;}
.zmain .zmain_l{ width:456px; float:left; padding:22px 0 0 0; background:white; height:362px;}
.zmain .zmain_l ul{ width:292px; float:left; padding:0 82px 26px 82px;}
.zmain .zmain_l ul li{ width:100%; float:left; margin-top:30px; position:relative; border-radius:21px; -webkit-border-radius:21px; -moz-border-radius:21px;}
.zmain .zmain_l ul li input{ display:block; width:240px; height:42px; float:left; padding:0 4px 0 48px; font-size:12px; color:#333; background:#f5f5f5; border-radius:21px; -webkit-border-radius:21px; -moz-border-radius:21px; overflow:hidden;}
.zmain .zmain_l ul li .zico{ width:42px; height:42px; position:absolute; left:4px; top:0;}
.zmain .zmain_l ul li.l1{ overflow:hidden;}
.zmain .zmain_l ul li.l1 .zico1{ width:89px; height:38px; position:absolute; right:0px; top:0; cursor:pointer; border:2px solid #f5f5f5; border-left:0; border-bottom-right-radius:21px; border-top-right-radius:21px;}
.zmain .zmain_l ul li.l1 input{ width:164px; padding-right:80px;}
.zmain .zmain_l ul li.l2 input{ width:100%; float:left; text-align:center; font-size:18px; color:white; line-height:42px; line-height:42px; background:#f39700; padding:0; cursor:pointer;}
.zmain .zmain_l ul li.l1:hover,
.zmain .zmain_l ul li.l2 input:hover{ box-shadow:0 3px 5px rgba(0,0,0,0.16);}
.zmain .zmain_l .p{ width:100%; float:left; text-align:center; border-top:solid 1px #e6e6e6; padding-top:12px; font-size:12px; color:#666; line-height:22px;}
.zmain .zmain_l ul li:hover input,
.zmain .zmain_l ul li input:focus{ box-shadow:0 3px 5px rgba(0,0,0,0.16);}
.zmain .zmain_r{ float:left; width:318px; height:295px; padding:42px 56px 47px 72px; background:url(../images/zbg_2.jpg) no-repeat center;}
.zmain .zmain_r .ztel{ width:266px; float:left; padding-left:51px; background:url(../images/zico_5.png) no-repeat left center;}
.zmain .zmain_r .ztel h5{ width:100%; float:left; font-size:16px; color:white; line-height:23px;}
.zmain .zmain_r .ztel h3{ width:100%; float:left; font-size:26px; color:white; line-height:27px; font-family:"Arial";}
.zmain .zmain_r .ztext{ width:100%; float:left; margin-top:4px;}
.zmain .zmain_r .ztext .p{ padding-left:20px; width:298px; margin-top:21px; font-size:14px; color:white; line-height:22px; background:url(../images/zico_6.png) no-repeat left 5px;}
.zmain .zmain_r .zewm{ width:100%; float:left; margin-top:25px;}
.zmain .zmain_r .zewm .zimg{ width:69px; height:69px; padding:8px; background:white; float:left;}
.zmain .zmain_r .zewm .z_211{ width:211px; float:left; margin-left:20px; margin-top:5px;}
.zmain .zmain_r .zewm .z_211 h5{ width:100%; float:left; font-size:14px; color:white; line-height:20px;}
.zmain .zmain_r .zewm .z_211 h4{ width:143px; height:28px; float:left; font-size:14px; color:#f39700; line-height:28px; text-align:center; position:relative; background:white; margin-top:4px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;}
.zmain .zmain_r .zewm .z_211 h4 span{ display:block; background:url(../images/zico_7.png) no-repeat; width:5px; height:10px; position:absolute; left:-5px; top:50%; margin-top:-5px;}

.zbottom{ width:100%; float:left; text-align:center; position:absolute; left:0; bottom:56px; color:white;}
.zbottom h5{ width:100%; float:left; font-size:12px; color:#ccc; line-height:18px;}
.zbottom h5 a{ color:#ccc;}


@media screen and (max-height:768px) {
    .zbottom{bottom:20px;}
}
