@charset "UTF-8";
@import "media-font.css";
*{
    padding: 0;
    margin: 0;
}
html{
    width: 100%;
    font-family: "Microsoft Yahei", "微软雅黑";
    overflow-x: hidden;
}
body{
    max-width: 640px;
    min-width: 320px;
    margin: 0 auto;
    color: #1a1919;
    font-size: 1.2rem;
}
ul{
    overflow: hidden;
}
ul,li,ol{
    list-style: none;
}
a{
    text-decoration: none;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
}
input,select,textarea{
    /*-webkit-appearance: none;*/
    font-family: "Microsoft Yahei", "微软雅黑";
}

header img,article img,footer img{ width: 100%; }

/*清楚浮动*/
.clearfix:after {       
    content: ".";    
    display: block;  
    clear: both;
    visibility: hidden;  
    line-height: 0;   
    height: 0;     
    font-size:0;    
}
.clearfix { *zoom:1;} 

/*header{ padding-top: 12.7%; }*/
footer{ padding-bottom: 8.5%; }

/* 首页 index */

/*header-CSS*/

a.logo{ display: block; }
.headNav li{ display: block; width: 23.87%; float: left; margin: 1% 1.5% 1% 0; }
.headNav li:nth-child(4){ margin-right: 0; }
.headNav li a{ display: block; width: 100%; padding: 8% 0; font-size: 1.3rem; font-weight: bold; color: #fff; text-align: center; border: 1px solid #1067d8; background: #3681e2; }
.headNav li:nth-child(2) a,.headNav li:nth-child(4) a{ border: 1px solid #0e72b1; background: #0a8ee1; }
#banner1 .bd ul li a{ display: block; }
.banner .hd ul li{ display: none; font-size: 0; width: 0; }
.daodu h1{ padding: 1.5% 0; margin-top: 2%; background: #ededed; text-align: center;}
.daodu h1 img{ width: 55.47%; }
.daodu p{ margin-top: 1.5%; padding: 2.5%; line-height: 1.8rem; text-indent: 2em; border: 1px solid #b9b9b9; }

/*article-CSS*/

article h1{ margin-bottom: 4%; color: #fff; font-size: 1.6rem; font-family: "SimSun", "宋体"; padding: 3% 0 2% 0 ; letter-spacing: 0px; background: url(../images/title_bg.jpg) no-repeat center center / 100% 100%; }
article h1 b{ display: block; width: 59.9%; float: left; margin-left: 15%; }
article h1 a{ display: block; width: 22%; margin: 0.7% 3.1% 0 0 ; padding: 3% 0; float: right; }
article a.askBtn{ display: block; margin: 5% auto; }
.part1,.part2,.part3,.part4,.part5,.part6{ margin-top: 5%; }


.part1 ul li{ float: left; width: 31.7%; margin-right: 2.45%; }
.part1 ul li:nth-child(3){ margin-right: 0; }
.part1 ul li h2{ padding: 1.2% 0; margin-bottom: 1px; color: #fff; font-size: 1.3rem; font-weight: normal; text-align: center; background: #3681e2; }
.part1 ul li p{ display: block; padding: 5%; background: #ededed; }
.part1 ul li p span{ display: block; padding: 3%; background: #fff; text-indent: 2em; line-height: 1.7rem; }

.part2 ul li{position: relative; float: left; width: 31.7%; margin-right: 2.45%;  }
.part2 ul li:nth-child(3){ margin-right: 0; }
.part2 ul li h2 { text-align: center; font-size: 1.5rem; font-weight: normal; color: #3681e2; }
.part2 ul li h2 div{ padding: 5% 0; float: left; width: 14%; margin-top: 10%; border-top:1px solid #b9b9b9; border-left: 1px solid #b9b9b9; }
.part2 ul li h2 div:nth-child(2){ width: 70%; padding: 0; text-align: center; border: none; margin-top: 0; }
.part2 ul li h2 div:nth-child(3){ float: right; border-right: 1px solid #b9b9b9; border-left: 0; }
.part2 ul li div.img{ padding: 5% 4.15%; border-left: 1px solid #b9b9b9; border-right: 1px solid #b9b9b9; }
.part2 ul li p{ padding: 2% 7% 6% 7%; text-indent: 1em; border: 1px solid #b9b9b9; border-top: 0; line-height: 1.7rem; }
.part3 p{ text-indent: 2em; line-height: 1.8rem; padding-bottom: 4%; }

.part4 dl dt{ width: 41%; float: left; }
.part4 dl dt a{ display: block; }
.part4 dl dd{ width: 56.5%; float: right; padding-top: 1%;}
.part4 dl dd img{ width: 77.2%; }
.part4 dl dd p{ display: block; position: relative; padding: 0% 0 0 8%; }
.part4 dl dd p:nth-child(4){ padding: 4% 0 0 8%;  }
.part4 dl dd p em{display: block; padding: 2%; position: absolute; top: 32%; left: 2%; background: #ff0000; -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); }
.part4 dl dd p:nth-child(4) em{ top: 52%; }
.part4 dl dd p:nth-child(6){ padding: 0 0 0 0; }
.part4 dl dd p span{ color: #ff0000; }
.part4 hr{ border: none; border-top: 1px dashed #9e9e9e; height: 1px; margin: 4% 0; }

.part5{background: #f0f5fc; padding-bottom: 5%;}
.part5 .con{ width: 94.7%; margin: 0 auto; position: relative; }
.part5 .con div{ width:29.6%; position: absolute; top: 40.5%; left: 36.4%; }
.part5 .con div a{ display: block; width: 100%; padding: 15% 0; margin: 0;}

.part6 .ins{ display: block; padding: 1% 3%; }
.part6 .ins span{ display: block; float: left; width: 81%; }
.part6 .ins span:nth-child(1){ width: 19%; color: #ff0000; }
.part6 form{ width: 77%; margin: 3% auto 0;  }
.part6 form p{ display: block; margin: 5% 0; }
.part6 form p span{ display: block; float: left; margin-top: 2%; }
.part6 form p b{ color: #c70404; }
.part6 form p input{ display: block; float: left; width: 65%; padding: 2% 2%; font-size: 1.2rem; color: #8c8282; border: 1px solid #999;}
.part6 form p select{ display: block; float: left; width: 69.5%; padding: 1.8% 2%; font-size: 1.2rem; color: #8c8282; border: 1px solid #999; }
.part6 form p.text span{ margin-top: 2%; }
.part6 form p textarea{ display: block; float: left; width: 65%; padding: 2% 2% 16% 2%; color: #8c8282; font-size: 1.2rem; border: 1px solid #999; resize: none; font-family: "Microsoft Yahei", "微软雅黑"; }
.part6 .txt{ text-align: center; color: #f39800; }
.part6 form div{ margin-top: 6%; }
.part6 form div input{ display: block; float: left; width: 41.6%; margin: 0 4.2%; padding: 5.8% 0; border: none; background: url(../images/p6_btn1.jpg) no-repeat center center / 100% 100% ; }
.part6 form div input:nth-child(2){ background: url(../images/p6_btn2.jpg) no-repeat center center / 100% 100% ; }

/*footer-CSS*/

.footer{ margin-top: 5%; }
.footer .con{ position: relative; }
.footer .con .txt{ width: 59%; color: #fff; position: absolute; left: 3.5%; top: 47%; line-height: 2.3rem; color: #fff; }
.footer .con .txt p span{ color: #ffe400; }
.footer .con .weixin{ width: 32.8%;  position: absolute; right: 3.5%; top: 45%; }


