body{ margin:0 auto; padding:0; background:url(../images/title.jpg) top 0px center no-repeat #000; ; }
*{ margin:0 auto; padding:0;  font-family: 'microsoft yahei'; font-weight:normal;  }
a{ text-decoration:none;}
a:hover{ text-decoration:underline; }
ul { list-style: none outside none; margin: 0; padding: 0;}
h1,h2,h3,h4,h5,h6{ text-decoration:none;}
img{ border:0 none;}
div, form, img, p {
	border:0 none;
	font-family: 'microsoft yahei';
	font-size:12px;
	overflow:hidden;
}
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}


@font-face
{
font-family: myFirstFont;
src: url('../images/ziti.ttf');

}

@font-face
{
font-family: myFirstFont2;
src: url('../images/ziti2.ttf')
}


.clear {clear:both;display:block;}
.block1{ clear:both; width:100%; height:10px;}
.block2{ clear:both; width:100%; height:20px;}
.ff{ font-family:'microsoft yahei';}
.fl{ float:left;}
.fr{ float:right;}
.ml1{ margin-left:1px;}
.ml3{ margin-left:3px;}
.ml5{ margin-left:5px;}
.ml8{ margin-left:8px;}
.mr8{ margin-right:8px;}
.mt5{ margin-top:5px;}
.mt8{ margin-top:8px;}
.pt5{ padding-top:5px;}
.more{ float:right; font-size:12px; margin:5px 5px 0 0; color:#565656;}
.yuan1{ border-radius:10px; padding:5px; background:#a72929; color:#fff; text-align:center;}
.yuan2{ font-size:35px; font-family:'microsoft yahei'; color:#fff; background:#000; border-radius:30px; padding:0 16px 0 12px; vertical-align:-5px; margin-right:5px;}
.blue{ font-size:14px; font-family:'microsoft yahei'; color:#239ff6;}
.dsn{ display:none;}



.top{ width:100%; height:auto;  }
.top .top1{ width:1000px;  margin:0 auto; text-align:center;}
.top .top1 a{ color: #fff; font-size: 14px;  text-align: center; padding: 10px 5px 0 5px; display: inline-block; height: 29px; line-height: 20px;}
.top .top1 a:hover{ color:#efefef; text-decoration:none;}


.cctit{ width: 100%; position: relative; padding: 70px 0; }
.cctit .f1{ font-size: 60px; color: #05b1ff; font-style:italic; position: relative; z-index: 10; font-family:myFirstFont; text-align: center; display: block; margin: 0 auto; text-shadow: 4px 3px 0px #fff; }
.cctit .f2{ text-align: center; margin: 0 auto; color: #005d60; font-family:myFirstFont; font-style: italic; font-size: 54px; font-weight: 800; position: relative; z-index: 9; display: block; margin-top: -56px;  }
.cctit .yezi{ width: 246px; height: 120px; background: url(../images/yezi.png) no-repeat; position: absolute; top: 87px; left: 330px; z-index: 12;  }



.wapper{ width: 100%; height: auto; margin-top: 730px; }
.main{ width: 1000px; height: auto; overflow: visible; }
.c1{  width: 100%; height: 475px; position: relative; background: url(../images/c1bg.png) top center no-repeat; }
.c1 .c1l{  width: 624px; height: 425px;  background:#fff; transform:skewX(-5deg);  position: absolute; top: 0 ; left: 20px; z-index: 999; background: linear-gradient(to bottom, #03cddc , #177cfd);  }
.c1 .c1r{  width: 500px; height: 370px; box-sizing: border-box; background: #fff; transform:skewX(5deg);  position: absolute; bottom:0; ; right: 20px; z-index: 998;}
.c1 .c1r .c1rbox{ float: right;  margin: 20px 40px 20px 0; width: 280px; height: 330px; transform:skewX(-5deg); }
.c1 .c1l .c1lin{ width:604px; height: 400px; background: #fff; float: left; margin-top: 20px; margin-left: 5px;  }
.c1 .c1l .c1lin img{ display: block; width: 644px; height: 400px; background: #efefef; transform:skewX(5deg); margin-left:-20px; }
.c1 .c1r .c1rin{}
.c1 .c1r .c1rin .c1tit{ font-size: 27px; color: #154984; line-height: 30px; font-style: italic; font-family: myFirstFont; margin-bottom: 20px; }
.c1 .c1r .c1rin .c1con{ font-size: 16px; text-indent: 30px; line-height: 22px; text-align: justify; color: #7f7f7f; font-family: myFirstFont; }
.c1 .c1r .c1rin .c1con a{ color: #f23131; font-weight: 800; }
.c1 .c1r ul{ width: 100%; margin-top: 20px; }
.c1 .c1r ul li{ padding: 2px 0; }
.c1 .c1r ul li a{ color: #7f7f7f; font-size: 16px; font-family:myFirstFont;  }
.c1 .c1r ul li em{ display: inline-block; margin-bottom: 2px; margin-right: 5px; width: 5px; height: 5px; background: #65b72e; }



.c2{ width: 1000px; height: 660px; margin: 0 auto; position: relative; background: url(../images/circle1.png) top 50px left 300px no-repeat; }
.c2 .c2l{ position: absolute; left:0; top:0; width: 433px; height: 647px;  background:#fff;  z-index: 11; transform:skewX(2deg); margin-left: 20px; }
.c2 .c2l img{ display: block; width: 463px; height: 677px; background: #3c3c3c; transform:skewX(-2deg); margin-left: -15px;  }
.c2 .c2l .des{ width: 100%; box-sizing: border-box; position: absolute; bottom:0; display: block; padding: 10px 30px ; background:rgba(255,255,255,0.7); }
.c2 .c2l .p1{ font-size: 38px; color: #0e2732; font-weight: 900; text-align:left; }
.c2 .c2l .p2{ font-size: 16px; color: #0e2732; font-weight: 800; text-align:left; }
.c2 .c2r{ position: absolute; right:20px; top:30px; width: 565px; height: 565px;  background:rgba(20,55,72,0.7);  transform:skewX(-3deg); margin-left: 20px; z-index: 10;  }
.c2 .c2r .c2rin{ width: width: 565px; height: 565px; box-sizing: border-box; padding: 50px 30px 50px 70px; transform:skewX(3deg);  }
.c2 .c2r .c2rin p{ font-size: 18px; padding: 10px 0; color: #fff; font-family:myFirstFont; text-align: justify; text-indent: 30px; }
.c2 .c2r .c2rin p a{ color: #fff; font-family:myFirstFont;}
.c2 .yezi2{ position: absolute; top: 0; right: 70px; width: 173px; height: 70px; background: url(../images/yezi2.png) no-repeat; z-index: 13; }


.c3{ width: 1000px; height: 480px;  margin: 0 auto; position: relative; background: url(../images/circle2.png) top 10px left 200px no-repeat;}
.c3 .c3t{ width: 500px; height: 300px; position: absolute; top: 0; right: 50px; transform:skewX(-2deg); background: #fff; z-index: 11; }
.c3 .c3t .c3btn{ position: absolute; bottom: 10px; right: 20px;  height: 24px ;z-index: 15;}
.c3 .c3t .c3btn a{ display: block; float: left; width: 15px; height: 15px; background:  #03f0ff; box-shadow: 2px 2px 0px #fff; margin: 0 5px;  transform:skewX(-3deg); }
.c3 .c3t .c3btn a:hover{ background: #fff; cursor: pointer; }
.c3 .c3t .c3btn a.ain{ background: #fff; }

.c3 .c3b{ position: absolute; top: 100px; left: 30px; width: 960px; height: 370px; background:rgba(20,55,72,0.7); transform:skewX(4deg);  }
.c3 .c3b .c3bin{ width: 960px; height: 370px; box-sizing: border-box; padding: 60px 40px; transform:skewX(-4deg); }
.c3 .c3b .c3bin p{ font-size: 18px; color: #fff; font-family:myFirstFont; text-indent: 30px; padding: 5px 0; }
.c3 .c3b .c3bin p a{ color: #fff; font-family:myFirstFont; }
.c3 .c3b .c3bin .c3p1{ width: 360px; margin-left: 0; }

.c3mig{ position: relative; display: block; width: 520px; height: 320px; margin: 0 auto; transform:skewX(2deg); margin-left: -10px;  }
.c3mig img{ width: 520px; height: 320px; background: #646464;}
.c3mig p{ width: 100%; font-size: 18px; position: absolute; font-weight: 800; bottom: 0; left: 0; box-sizing: border-box; padding: 10px 20px 35px 20px; color:#0a1b30; background: rgba(255,255,255,0.7);  }
.c7{ overflow: hidden; width: 100%; height: auto; }

.hdiv{ width: 320px; height: 180px;  float: left; margin: 0 6px;}
.hdiv img{ width: 320px; height: 180px;  }





.c4{ width: 1000px; height: auto;  margin: 0 auto; position: relative; }
.c4 .c4circle{ width: 371px; height: 398px; position: absolute; top: 50px; left: 0; box-sizing: border-box; padding: 100px 80px; z-index: 10; background: url(../images/circle3.png) no-repeat; }
.c4 .c4circle p{ font-size: 15px; color: #fff; font-family:myFirstFont; text-align: justify; padding: 5px 0; text-indent: 30px; }
.c4 .c4circle p a{ color: #fff;  font-family:myFirstFont;  }
.c4 .c4picbg{ position: absolute; top: 0; right: 20px; width:715px; height: 380px; transform:skewX(-4deg); background: linear-gradient(to bottom, #03cddc , #177cfd); z-index: 9;  }
.c4 .c4picbg .c4in{ width: 690px; height: 360px; position: absolute; bottom: 10px; left: 10px; background:#fff; }
.c4 .c4picbg .c4in img{ width: 720px; height: 380px; background: #efefef; display: block; transform:skewX(4deg); margin-left: -15px;}
.c4 .c4act{ width: 100%; height:auto; padding: 20px 0; margin-top: 500px; }
.c4 .c4act .c4actIn{ float: left; width: 460px; height: 150px; margin: 0 20px 20px 20px;}
.c4 .c4act .c4actIn img{ width: 200px; height: 150px; display: block; background: #efefef; float: left; margin-right: 20px; }
.c4 .c4act .c4actIn p{ font-size: 14px; color: #fff; font-family:myFirstFont; text-align: justify; padding: 3px 0; font-style: italic; }
.c4 .c4act .c4actIn p font{ font-size:30px; font-family:myFirstFont; font-style: italic;}




.c5{}

.c5 .c5con .c5in{  width: auto; display:table; padding: 20px 0; }
.c5 .c5con .c5logo{ background: #fff; margin: 5px;}
.c5 .c5tit{ background:url(../images/t1.png) top center no-repeat; width: 1000px; height: 60px; margin-top: 20px; box-sizing: border-box; padding-right: 100px; }
.c5 .search{ width: 200px; height: 40px; margin-top: 7px; float: right; background: #fff; border:0 none; box-sizing: border-box; padding: 5px 10px; color: #333; font-size: 24px; font-family:myFirstFont; }
.c5 .search option{ color: #333; font-size: 20px; font-family:myFirstFont;  }
.c5 .sbtn{ width: auto; box-sizing: border-box; padding:0 20px; text-align: center; font-family:myFirstFont; color: #fff; font-weight: 800; font-size: 20px; cursor: pointer; height: 40px; margin-top: 7px; float: right; background: #917609; border:0 none;}

.video{ width:1000px; height: 560px; background: url(../images/ccbg.png) top center no-repeat; }
.video .vin{ width:766px; height: 382px; background: #fff; margin-top: 88px; margin-right:120px; background: #cdcdcd;  }

.hwtit{ width: 100%; height: auto;}
.hwtit img{ margin: 0 auto; display: block; }
.hwtable table{ border: 0; margin: 0; width: 100%;  }
.hwtable table td{ padding: 10px; background: #ba9552; color: #3c2924; font-family:myFirstFont2;   }
.hwtable table td p{ font-family:myFirstFont2; font-size: 16px; text-align: justify; }
.hwtable table td p a{ color: #fff; font-family:myFirstFont2;}
.hwtable table td font{ font-size: 30px; font-family:myFirstFont2; text-align: center; margin: 0 auto; display:block; }
.hwtable table td img{ display: block; width: 120px; height: 70px; background: #fff; border: 4px solid #000; }


.xgbd{ width: 100%; height: auto; }
.xgbd .xgl{ float: left; width: 600px; height: 400px; }
.xgbd .xgl img{ width: 600px; height: 400px; background: #fff; }
.xgbd .xgr{ float: right; width: 400px; height: auto; }
.xgbd .xgr ul{ padding-left: 20px; }
.xgbd .xgr ul li{  padding: 5px 0; padding-left: 20px; width: 400px; height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: url(../images/i1.png)  top 15px left 0 no-repeat ;  }
.xgbd .xgr ul li a{ font-size: 18px; font-family:myFirstFont; color: #fff;  }




.adbox{ overflow: visible; }

.cctit{ width: 100%; height: auto; margin: 10px 0; }


.footer{ width:100%; height:auto; padding:40px 0 200px 0; background: linear-gradient(to bottom, #072938 , #030d18); position:relative; z-index:99999; margin-top:40px;}
.footer .fin{ margin:0 auto; width:980px; color:#fff; text-align:center; line-height:30px; font-size:14px;}
.footer .fin a{ color:#fff; font-size:14px; margin:0 5px;}





/* 本例子css */
.slideBox{ width:1000px; height:500px; overflow:hidden; position:relative;   }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:50%;  bottom:20px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float: left;  cursor:pointer;  width: 15px; height: 15px; background:  #03f0ff; text-indent: -9999px; box-shadow: 2px 2px 0px #fff; margin: 0 5px;  transform:skewX(-3deg);  }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle;  }
.slideBox .bd img{ width:1000px; height:500px; display:block; background: #cdcdcd; }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev{ position:absolute; left:3%; top:40%; margin-top:-25px; display:block; width:31px; height:105px; background:url(../images/arr1.png)  no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ position:absolute; right:3%; top:40%; margin-top:-25px; display:block; width:31px; height:105px; background:url(../images/arr2.png) no-repeat; filter:alpha(opacity=50);opacity:0.5;   }

.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }



.picScroll-left{ position:relative; overflow:visible; padding: 10px 0; }
.picScroll-left .plborder{ width: 1000px; height: 445px; z-index: 9999; background: url(../images/bg1.png) top center no-repeat; position: absolute; top:0; left: 0; }
.picScroll-left .bd{  overflow:visible;  }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 7px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:237px; height:420px; display:block;   }
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left .bd ul li .title{ line-height:24px;   }
.prev{ position:absolute; left:-50px; top:200px; cursor:pointer; width:51px; height:51px; background:url(../images/al.png) no-repeat;}
.next{ position:absolute; right:-50px; top:200px; cursor:pointer; width:51px; height:51px; background:url(../images/ar.png) no-repeat;}