article,aside,blockquote,body,button,code,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,input,legend,li,menu,nav,ol,p,pre,section,td,textarea,th,ul{margin:0;padding:0;font-family:'Microsoft YaHei';-ms-touch-action:none}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
table{border-collapse:collapse;border-spacing:0}
audio,canvas,video{display:inline-block}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;}
ol,ul{list-style:none}
ol,ul,li,dl,dt,dd{ display: block;}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:after,q:before{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
.clearfix:after{clear:both;content:"\20";display:block;height:0;visibility:hidden}
.clearfix{zoom:1}
input,select,textarea{font-family:inherit;font-size:inherit;font-weight:inherit}
a,button,div,input{outline:0;text-decoration:none}
::-moz-focus-inner{border:0}
body{ background: #e3f1fa; }
.lf{ float: left;}
.rt{ float: right;}
.f20{ font-size: 20px;}
.f16{ font-size: 16px;}
.h15{ height: 15px;}
.pos{ position: absolute;}
.btn{ display: block;}
.main{ width: 1180px; margin: 0px auto; position: relative;}
.none{ display: none;}
.ic{ display: block; position: absolute;}

.dw_cont{ min-height: 945px; width: 100%; margin-top: 136px; background: url(../images/dbg.jpg) no-repeat center 0px;}

.banner{  position: relative; height: 405px; }
.banner .logo{ width: 769px; height: 288px;  background: url(../images/title.png) no-repeat; top: 110px; left: -110px; }
.banner .dh{ width: 472px; height: 66px; *background:rgb(41,111,173);  background:rgb(41,111,173)\9;  background:rgba(41,111,173,0.6);  opacity: 0.6;  filter:alpha(opacity=80);   left: 80px; top: 306px;   }
.banner .dh .ic{ position: absolute; display:  block;}
.banner .dh .ic.ic1{ width: 4px; height: 43px; background: #397ab2; opacity: 0.6;   border: 1px solid #fff; top: 10px; left: 17px;}
.banner .dh .ic.ic2,
.banner .dh .ic.ic3,
.part1 .title,
.part2 .title,
.part3 .title,
.part5 .title,
.part2 .cwbox  .title.s1,
.part2 .cwbox  .cwlist li .ic,
.part4 .boxlst .list li .ic
{
    width: 29px; height: 45px; background: url(../images/s1.png);
}
.banner .dh .ic.ic2{  background-position: -114px -245px; top: 12px; left: 142px;}
.banner .dh .ic.ic3{ background-position: -114px -245px; top: 12px; left: 292px;}

.banner .dh .p{ color: #fff; position: absolute; opacity: 0.8; filter:alpha(opacity=80);   }
.banner .dh .p a{ color: #fff;}
.banner .dh .p1{ font-size: 16px; left: 42px; top: 10px;}
.banner .dh .p2{ font-size: 16px; left: 193px; top: 10px;}
.banner .dh .p3{ font-size: 16px; left: 340px; top: 10px;}

.part1,.part2,.part3{ margin-bottom: 30px;}
.part1 .title{ height: 25px; width: 240px; background-position: -0px -33px; margin-bottom: 15px; }
.jslist{ overflow: hidden;}
.jslist li{ width: 196px; height: 132px; float: left; position: relative; overflow: hidden;}

.jslist li.jbg1{
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#dc4942,endColorStr=#f68b83); /*IE 6 7 8*/
        background: -ms-linear-gradient(left, #dc4942, #f68b83); /* IE 10 */
        background: -moz-linear-gradient(left,#dc4942,#f68b83); /*火狐*/
        background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(#dc4942), to(#f68b83)); /*谷歌*/
        background: -webkit-linear-gradient(left, #dc4942, #f68b83); /*Safari5.1 Chrome 10+*/
        background: -o-linear-gradient(left, #dc4942, #f68b83); /*Opera 11.10+*/
}
.jslist li.jbg2{
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#ff9000,endColorStr=#ffbb00); /*IE 6 7 8*/
        background: -ms-linear-gradient(left, #ff9000, #ffbb00); /* IE 10 */
        background: -moz-linear-gradient(left,#ff9000,#ffbb00); /*火狐*/
        background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(#ff9000), to(#ffbb00)); /*谷歌*/
        background: -webkit-linear-gradient(left, #ff9000, #ffbb00); /*Safari5.1 Chrome 10+*/
        background: -o-linear-gradient(left, #ff9000, #ffbb00); /*Opera 11.10+*/
}
.jslist li.jbg3{
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#40b66a,endColorStr=#4cc880); /*IE 6 7 8*/
        background: -ms-linear-gradient(left, #40b66a, #4cc880); /* IE 10 */
        background: -moz-linear-gradient(left,#40b66a,#4cc880); /*火狐*/
        background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(#40b66a), to(#4cc880)); /*谷歌*/
        background: -webkit-linear-gradient(left, #40b66a, #4cc880); /*Safari5.1 Chrome 10+*/
        background: -o-linear-gradient(left, #40b66a, #4cc880); /*Opera 11.10+*/
}
.jslist li.jbg4{
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#5d7cd7,endColorStr=#6e93e1); /*IE 6 7 8*/
        background: -ms-linear-gradient(left, #5d7cd7, #6e93e1); /* IE 10 */
        background: -moz-linear-gradient(left,#5d7cd7,#6e93e1); /*火狐*/
        background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(#5d7cd7), to(#6e93e1)); /*谷歌*/
        background: -webkit-linear-gradient(left, #5d7cd7, #6e93e1); /*Safari5.1 Chrome 10+*/
        background: -o-linear-gradient(left, #5d7cd7, #6e93e1); /*Opera 11.10+*/
}
.jslist li.jbg5{
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#ff9000,endColorStr=#ffaf00); /*IE 6 7 8*/
        background: -ms-linear-gradient(left, #ff9000, #ffaf00); /* IE 10 */
        background: -moz-linear-gradient(left,#ff9000,#ffaf00); /*火狐*/
        background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(#ff9000), to(#ffaf00)); /*谷歌*/
        background: -webkit-linear-gradient(left, #ff9000, #ffaf00); /*Safari5.1 Chrome 10+*/
        background: -o-linear-gradient(left, #ff9000, #ffaf00); /*Opera 11.10+*/
}
.jslist li.jbg6{
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#dc4942,endColorStr=#f68b83); /*IE 6 7 8*/
        background: -ms-linear-gradient(left, #dc4942, #f68b83); /* IE 10 */
        background: -moz-linear-gradient(left,#dc4942,#f68b83); /*火狐*/
        background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(#dc4942), to(#f68b83)); /*谷歌*/
        background: -webkit-linear-gradient(left, #dc4942, #f68b83); /*Safari5.1 Chrome 10+*/
        background: -o-linear-gradient(left, #dc4942, #f68b83); /*Opera 11.10+*/
}

.jslist li a{ display: block;  width: 196px; height: 132px; overflow: hidden; }
.jslist li a img.pp{ width: 197px; height: auto; position: absolute; top: 0px; left: 0px; z-index: 0;}
.jslist li h3{ color: #fff; width: 20px; margin: 15px 0px 0px 19px; height: 96px; line-height: 20px; font-weight:normal; position: relative; z-index: 1; }
.jslist li h3 .ic{ display: block; position: absolute; left: 0px; bottom: -5px; width: 16px; height: 16px; background: url(../images/s1.png) no-repeat; background-position: -232px -160px; }

.part2 .title{ height: 25px; width: 176px; background-position: -0px -190px; margin-bottom: 15px; }
.part2 .cwbox{ height: 384px; background:url(../images/part2bg.jpg) no-repeat; position: relative;}
.part2 .cwbox .title{ background: url(../images/s1.png) no-repeat;}
.part2 .cwbox  .title.s1{ width: 18px; height: 205px; left: 34px; top: 66px; background-position: -209px -160px;}
.part2 .cwbox  .cwlist{ width: 95px; height: 290px; position: absolute; left: 88px; top: 63px; }
.part2 .cwbox  .cwlist li{width: 18px; height: 100px; float: left; margin-right: 13px; position: relative; padding-top: 14px; margin-bottom: 28px;}
.part2 .cwbox  .cwlist li .ic{ width: 8px; height: 8px; background-position: -242px -49px;  left:3px; top: 0px;}
.part2 .cwbox  .cwlist li a{ color: #00345c;}
.part2 .cwbox  .cwlist li a:hover{ color: #fff;}
.part2 .cwbox  .title.s2{ width: 18px; height: 205px; left: 234px; top: 66px; background-position: -187px -189px;}
.part2 .cwbox  .cwlist li:hover{
    transform: scale(1.1);
    -ms-transform: scale(1.1);  /* IE 9 */
    -webkit-transform: scale(1.1);  /* Safari 和 Chrome */
    -o-transform: scale(1.1);   /* Opera */
    -moz-transform: scale(1.1); /* Firefox */
}

.part2 .cwbox .cwlist2{ width: 890px; height: 340px; position: absolute; left: 287px; top: 30px;}
.part2 .cwbox .cwlist2 li{ width:70px; height: 70px; float: left; margin-right: 29px; margin-bottom: 14px; }
.part2 .cwbox .cwlist2 li.mr{ margin-right: 0px;}
.part2 .cwbox .cwlist2 li img{ width:70px; height: 70px; }
.part2 .cwbox  .cwlist2 li:hover{
    transform: scale(1.1);
    -ms-transform: scale(1.1);  /* IE 9 */
    -webkit-transform: scale(1.1);  /* Safari 和 Chrome */
    -o-transform: scale(1.1);   /* Opera */
    -moz-transform: scale(1.1); /* Firefox */
}

.part3 .title{ height: 25px; width: 210px; background-position: -0px -130px; margin-bottom: 15px; }
.part3 .jsbox{ height: 263px; background: url(../images/jsbg.jpg) no-repeat;  position: relative;}
.part3 .jsbox .list1{ width: 182px; position: absolute; top:131px; left:84px ; }
.part3 .jsbox .list1 li{ height: 20px; line-height: 20px; margin-bottom: 8px; text-align: center;}
.part3 .jsbox .list1 li a{ display: block; color: #fff; }
.part3 .jsbox .list1 li a:hover{ background:url(../images/s1.png) no-repeat; background-position: 0px -220px;}

.part3 .jsbox .list2{ width: 192px; position: absolute; top:137px; left:498px ; }
.part3 .jsbox .list2 li{ width: 96px; float: left; height: 20px;  line-height: 20px; margin-bottom: 8px; text-align: center;}
.part3 .jsbox .list2 li a{ display: block; color: #fff; }
.part3 .jsbox .list2 li a:hover{ background:url(../images/s1.png) no-repeat; background-position: 0px -270px;}

.part3 .jsbox .list3{ width: 220px; position: absolute; top:137px; left:875px ; }
.part3 .jsbox .list3 li{ width: 110px; float: left; height: 20px;  line-height: 20px; margin-bottom: 8px; text-align: center;}
.part3 .jsbox .list3 li a{ display: block; color: #fff; }
.part3 .jsbox .list3 li a:hover{ background:url(../images/s1.png) no-repeat; background-position: 0px -245px;}

.part4{ margin-bottom: 20px; height: 210px;}
.part4 .boxlst{ float: left; width: 360px; height: 208px; float: left; margin-right: 49px; background:url(../images/s2.png) no-repeat; position: relative; }
.part4 .boxlst.lst3{ margin-right: 0px; background-position: -0px -218px;  }
.part4 .boxlst.lst1{ background-position: -364px 0px; }
.part4 .boxlst.lst2{ background-position: 0px 0px; }
.part4 .boxlst .list{ position: absolute;  }
.part4 .boxlst .list li{ width: 24px; text-align: center; float: left; padding-top: 13px; position: relative;
    transition: margin-top 0.2s;
    -moz-transition:  margin-top 0.2s;  /* Firefox 4 */
    -webkit-transition: margin-top 0.2s;   /* Safari 和 Chrome */
    -o-transition:margin-top 0.2s;    /* Opera */
}
.part4 .boxlst .list li a{ color: #fff;}
.part4 .boxlst .list li .ic{ width: 8px; height: 8px; top: 0px; left: 8px; background-position: -243px -95px;}
.part4 .boxlst .list li:hover{
    margin-top: -10px;
}

.part4 .boxlst.lst1 .list{ left: 175px; top: 96px; width: 185px; }
.part4 .boxlst.lst2 .list{ left: 267px; top: 96px; width: 185px; }
.part4 .boxlst.lst3 .list{ left: 267px; top: 96px; width: 185px; }

.part5{ margin-bottom: 20px;}
.part5 .title{ height: 25px; width: 250px; background-position: -0px -65px; margin-bottom: 15px; }
.part5 .xtbox{ height: 229px; background:url(../images/part5bg.png) repeat-x; position: relative; color: #fff; }
.part5 .xtbox a{ color: #fff;}
.part5 .xtbox h2{ font-size: 18px; margin-bottom: 10px;}
.part5 .xtbox .box1{ width: 102px; left: 82px; top: 38px; text-align: center; }
.part5 .xtbox .box1 ul li{ height: 21px; line-height: 21px; margin-bottom: 7px;}
.part5 .xtbox .box1 ul li a{ display:block;}
.part5 .xtbox .box1 ul li a:hover{ background:url(../images/s1.png) no-repeat; background-position: 2px -269px;}
.part5 .xtbox .ic{ width: 2px; height: 157px; background:url(../images/part5ui.jpg) no-repeat; display: block; }
.part5 .xtbox .ic.ic1{ position: absolute; top: 38px; left: 237px;  }
.part5 .xtbox .box2{ width: 250px; left: 262px; top: 38px; text-align: center; }
.part5 .xtbox .box2 ul li{ width: 125px; float: left; height: 21px; line-height: 21px; margin-bottom: 7px;}
.part5 .xtbox .box2 ul li a{ display:block;}
.part5 .xtbox .box2 ul li a:hover{ background:url(../images/s1.png) no-repeat; background-position: 15px -269px;}
.part5 .xtbox .ic.ic2{ position: absolute; top: 38px; left: 527px;  }
.part5 .xtbox .box3{ width: 102px; left: 570px; top: 38px; text-align: center; }
.part5 .xtbox .box3 ul li{  height: 21px; line-height: 21px; margin-bottom: 7px;}
.part5 .xtbox .box3 ul li a{ display:block;}
.part5 .xtbox .box3 ul li a:hover{ background:url(../images/s1.png) no-repeat; background-position: 2px -269px;}
.part5 .xtbox .ic.ic3{ position: absolute; top: 38px; left: 718px;  }
.part5 .xtbox .box4{ width:375px; left: 760px; top: 38px; text-align: center; }
.part5 .xtbox .box4 ul li{ width: 125px; float: left;  height: 21px; line-height: 21px; margin-bottom: 7px;}
.part5 .xtbox .box4 ul li a{ display:block;}
.part5 .xtbox .box4 ul li a:hover{ background:url(../images/s1.png) no-repeat; background-position: 15px -269px;}