﻿*{ margin:0px; padding:0px;}
li{ list-style:none;}
a{ text-decoration:none; color:#545454;}
img{ border:none;}
p{ line-height:25px; font-size:14px;}
body{ font-size:14px; font-family:"脦垄脠铆脩脜潞脷";}


.qz_top{ width:1117px; height:112px; margin:0 auto;}
.qz_top ul li{ float:left;}
.qz_nav_m{width:100%; height:52px; background-color:#0966C5; }
.qz_nav{ width:1117px; height:52px; margin:0 auto;}
.qz_nav ul li{ float:left; border-right:2px solid #FFFFFF; margin-top:10px;}
.qz_nav ul li a{ margin-left:35px; margin-right:35px; color:#FFFFFF; font-size:16px; font-weight:bold;}
.qz_nav .li1{ border:none;} 


.qz_ban{ width:100%; height:603px; margin:0 auto; background:url(../image/qzzhz_03.jpg) no-repeat center;}
.qz_main1{ width:1117px; height:150px; margin:0 auto;}
.qz_main2{ width:1117px; height:437px; margin:0 auto;}
.qz_main3{ width:1117px; height:94px; margin:0 auto;}
.qz_main4{ width:1117px; margin:0 auto; position:relative;}
.s2b_col{position:absolute;list-style-type:none;}
.s2b_col li{position:absolute;width:300px;height:300px;border-radius:150px;border:2px solid #0966C5; }
.s2b_col .li1{border-radius:0; z-index:10px; }



.qz_main2_l{ width:640px; height:437px; float:left;}
.qz_main2_r{ width:430px; height:437px; float:right;}
.qz_main2_l_top{ width:640px; height:60px;}
.qz_main2_l_btn{ width:640px; height:320px; margin-top:20px;}
.qz_main2_l_btn_l{ width:270px; height:320px; float:left;}
.qz_main2_l_btn_r{ width:330px; height:320px; float:right;}
.qz_main2_l_btn_r ul li{ border-bottom:1px dashed #d6d6d6; height:38px; line-height:38px; width:330px;}
.qz_main2_l_btn_r ul li span{ float:right; color:#EE7313;}

.qz_main2_r_top{ width:430px; height:60px;}
.qz_main2_r_btn{ width:430px; height:370px;}



 .xin_fot{ width:100%; height:250px; background-color:#d3e3ff;} 
 .xin_fot_m{ width:1100px; height:230px; margin:0 auto; padding-top:20px;}
 .xin_fot_m ul li{ float:left;}
  .xin_fot_m .p1{ padding-top:40px; line-height:30px; font-size:14px; padding-left:10px; padding-right:10px;}
 
  
.banner{width:100%; height:540px; margin-bottom:10px;}

.fullSlide {width:100%;	position:relative; height:540px;}

.fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}

.fullSlide .bd ul {width:100% !important;}

.fullSlide .bd li {width:100% !important; height:533px;overflow:hidden;text-align:center;}

.fullSlide .bd li a {display:block; height:597px;}

.fullSlide .hd {width:100%;position:absolute;z-index:1;bottom:0;left:0;height:5px;line-height:5px;}

.fullSlide .hd ul {text-align:center;}

.fullSlide .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:220px;height:8px;margin:1px;overflow:hidden;background:#ca3c86;line-height:999px;}

.fullSlide .hd ul .on {background:#e659a3;}



@media (max-width: 320px)                         { ul.photopile li a { max-width:  85px; }}
@media (min-width: 321px) and (max-width: 568px)  { ul.photopile li a { max-width: 100px; }}
@media (min-width: 569px) and (max-width: 768px)  { ul.photopile li a { max-width: 115px; }}
@media (min-width: 769px) and (max-width: 1024px) { ul.photopile li a { max-width: 125px; }}



.photopile-wrapper { width:1000px; margin:0 auto;
  
}



div#photopile-nav-next,
div#photopile-nav-next:hover,
div#photopile-nav-prev,
div#photopile-nav-prev:hover {
    background-image: url('404.png');
}




ul.photopile { 
    display: none;
}


ul.photopile {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}
ul.photopile li {
    display: inline-block;
    position: relative;
    margin: 2px;
    padding: 0;
    -webkit-backface-visibility: hidden;
}
ul.photopile li a {
    display: block; max-width: 380px;
    padding: 2px;
    outline: none;
    text-decoration: none;
    border: 1px solid #6F6F6F;
    box-shadow: 0 0 20px #9F9F9F;
}
ul.photopile li.photopile-active-thumbnail:hover,
ul.photopile li.photopile-active-thumbnail a:hover { 
    cursor: default;
}
ul.photopile li a img {
    display: block;
    margin: 0;
    padding: 0;
    border: 1px solid #6F6F6F;
    width: 100%;
    height: auto;
}


div#photopile-active-image-container {
    border: 1px solid #6F6F6F;
    box-shadow: 0 20px 80px black;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box; 
    box-sizing:border-box;
}
div#photopile-active-image-container img {
    margin: 0 auto;
    height: auto;
}
div#photopile-active-image-info {
    position: relative;
    width: 100%;
    background: rgba(0,0,0,0.3);
}
div#photopile-active-image-info p {
    color: white;
    font-size: 12px;
    padding: 3px 8px;
}


div#photopile-nav-next,
div#photopile-nav-prev {
    opacity: 0;
    position: absolute;
    top: 50%;
    width: 30px;
    height: 40px;
    margin-top: -20px;
    cursor: pointer;
}
div#photopile-nav-next {
    right: 0;
    margin-right: -35px;
    background-position: -50px 0;
}
div#photopile-nav-next:hover {
    background-position: -50px -50px;
}
div#photopile-nav-prev {
    left: 0;
    right: 0;
    margin-left: -35px;
    background-position: 0 0;
}
div#photopile-nav-prev:hover {
    background-position: 0 -50px;
}



.sy_zj_m{ width:100%; height:450px; background-color:#f3f3f3;}

.sy_zj{ width:1265px; height:450px; margin:0 auto; margin-top:30px; }

.sy_zj_01{ width:1170px; height:400px; margin:0 auto; }
.sy_zj_01_l{ width:630px; height:400px; float:left;  }
.sy_zj_01_r{ width:520px; height:400px; float:right;  }
.sy_zj_01_r .p1{ font-size:24px; color:#0966C5; padding-top:30px; padding-bottom:20px; font-family:"脦垄脠铆脩脜潞脷";  font-weight:bold;}
.sy_zj_01_r .p2{ font-size:16px; padding-bottom:30px; color:#000; line-height:37px; font-weight:bold;}
.sy_zj_01_r ul li{ width:225px; height:345px; float:left;}



.sy_zj_02{ width:1265px; height:395px; }



.rollBox{width:1265px;height:400px;overflow:hidden;margin:0 auto;}
.rollBox .LeftBotton{height:45px;width:45px;background:url(../image/l.png) no-repeat;overflow:hidden;float:left;display:inline;margin:180px 0 0 0;cursor:pointer;}
.rollBox .RightBotton{height:45px;width:45px;background:url(../image/r.png) no-repeat;overflow:hidden;float:left;display:inline;margin:180px 0 0 0;cursor:pointer;}
.rollBox .Cont{width:1175px;overflow:hidden;float:left;}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{width:225px; height:345px;float:left;text-align:center; margin:10px 5px;}
.rollBox .Cont .pic img{width:225px;height:345px;}

#magr_left { margin-left:0px;}
.sy_nav { width:100%; float:left; margin-top:20px;}
.sy_nav ul { width:1200px; float:left;}
.sy_nav ul li { width:90.5px; min-height:97px; background:url(../image/1-02.png) no-repeat center center; cursor:pointer; float:left; margin-left:80px; -webkit-transition:-webkit-transform 0.5s;}
.sy_nav ul li:hover { background:url(../image/1-01.png) no-repeat center center; -webkit-transform:translate(3px,1px);}
.sy_nav ul li p { width:100%; float:left; margin-top:8px; text-align:center; padding-top:40px; font-size:16px; font-family:"脦垄脠铆脩脜潞脷";}
.sy_nav ul li a { color:#0966C5;}
.sy_nav ul li:hover a {  color:#818383;}
.sy_nav ul li #sy_nav1 { background:url(../image/2-9-1.png) no-repeat center top;}
.sy_nav ul li:hover #sy_nav1 { background:url(../image/2-9.png) no-repeat center top;}
.sy_nav ul li #sy_nav2 { background:url(../image/2-9-1.png) no-repeat center top;}
.sy_nav ul li:hover #sy_nav2 { background:url(../image/2-9.png) no-repeat center top;}
.sy_nav ul li #sy_nav3 { background:url(../image/2-9-1.png) no-repeat center top;}
.sy_nav ul li:hover #sy_nav3 { background:url(../image/2-9.png) no-repeat center top;}
.sy_nav ul li #sy_nav4 { background:url(../image/2-9-1.png) no-repeat center top;}
.sy_nav ul li:hover #sy_nav4 { background:url(../image/2-9.png) no-repeat center top;}
.sy_nav ul li #sy_nav5 { background:url(../image/2-9-1.png) no-repeat center top;}
.sy_nav ul li:hover #sy_nav5 { background:url(../image/2-9.png) no-repeat center top;}
.sy_nav ul li #sy_nav6 { background:url(../image/2-9-1.png) no-repeat center top;}
.sy_nav ul li:hover #sy_nav6 { background:url(../image/2-9.png) no-repeat center top;}
.sy_nav ul li #sy_nav7 { background:url(../image/2-9-1.png) no-repeat center top;}
.sy_nav ul li:hover #sy_nav7 { background:url(../image/2-9.png) no-repeat center top;}
.sy_nav ul li #sy_nav8 { background:url(../image/2-9-1.png) no-repeat center top;}
.sy_nav ul li:hover #sy_nav8 { background:url(../image/2-9.png) no-repeat center top;}
.sy_nav ul li #fk { background:url(../image/2-9-1.png) no-repeat center top;}
.sy_nav ul li:hover #fk { background:url(../image/2-9.png) no-repeat center top;}




.sy_con1_nav { width:430px; float:left;}
.sy_con1_nav h1 { width:410px; float:left; font-weight:normal; font-family:"脦垄脠铆脩脜潞脷"; color:#787878; font-size:18px; line-height:25px;}
.sy_con1_nav h1 b { color:#b7b4b4; background:url(../image/1-12.png) no-repeat left center; padding-left:30px; font-size:12px; font-weight:normal;}
.sy_con1_nav ul { width:360px; padding:0px 25px; float:left; margin-top:10px; background:#fcf9f7; height:315px;  -moz-border-radius: 5px;  -webkit-border-radius: 5px;  border-radius:5px; }
.sy_con1_nav ul li { width:90px; margin-top:20px; float:left; background:url(../image/1-13.png) no-repeat center top; -webkit-transition:-webkit-transform 0.5s;}
.sy_con1_nav ul li:hover { background:url(../image/1-13-1.png) no-repeat center top; -webkit-transform:translate(3px,1px);}

.sy_con1_nav ul .li1 { width:90px; margin-top:20px; float:left; background:url(../image/1-13-1.png) no-repeat center top; -webkit-transition:-webkit-transform 0.5s;}
.sy_con1_nav ul .li1:hover { background:url(../image/1-13.png) no-repeat center top; -webkit-transform:translate(3px,1px);}



.sy_con1_nav ul li p { width:90px; float:left; line-height:30px; padding-top:50px; font-size:14px; font-family:"脦垄脠铆脩脜潞脷"; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.sy_con1_nav ul li a { color:#818383;}
.sy_con1_nav ul li:hover a { color:#0966C5;}


.sy_con1_nav ul .li1 a { color:#0966C5;}
.sy_con1_nav ul .li1:hover a { color:#818383;}


.sy_con1_nav ul li #sy_con1_nav1 { background:url(../image/2-1-1.png) no-repeat center top; }
.sy_con1_nav ul li:hover #sy_con1_nav1 { background:url(../image/2-1.png) no-repeat center top; }

.sy_con1_nav ul li #sy_con1_nav11_g { background:url(../image/zga01.png) no-repeat center top; }
.sy_con1_nav ul li:hover #sy_con1_nav11_g { background:url(../image/gga02.png) no-repeat center top; }


.sy_con1_nav ul li #sy_con1_nav2 { background:url(../image/2-2.png) no-repeat center top;}
.sy_con1_nav ul li:hover #sy_con1_nav2 { background:url(../image/2-2-1.png) no-repeat center top;}
.sy_con1_nav ul li #sy_con1_nav3 { background:url(../image/2-3.png) no-repeat center top;}
.sy_con1_nav ul li:hover #sy_con1_nav3 { background:url(../image/2-3-1.png) no-repeat center top;}
.sy_con1_nav ul li #sy_con1_nav4 { background:url(../image/2-4-1.png) no-repeat center top;}
.sy_con1_nav ul li:hover #sy_con1_nav4 { background:url(../image/2-4.png) no-repeat center top;}
.sy_con1_nav ul li #sy_con1_nav5 { background:url(../image/2-5.png) no-repeat center top;}
.sy_con1_nav ul li:hover #sy_con1_nav5 { background:url(../image/2-5-1.png) no-repeat center top;}
.sy_con1_nav ul li #sy_con1_nav6 { background:url(../image/2-6-1.png) no-repeat center top;}
.sy_con1_nav ul li:hover #sy_con1_nav6 { background:url(../image/2-6.png) no-repeat center top;}
.sy_con1_nav ul li #sy_con1_nav7 { background:url(../image/2-7-1.png) no-repeat center top;}
.sy_con1_nav ul li:hover #sy_con1_nav7 { background:url(../image/2-7.png) no-repeat center top;}
.sy_con1_nav ul li #sy_con1_nav8 { background:url(../image/2-8.png) no-repeat center top;}
.sy_con1_nav ul li:hover #sy_con1_nav8 { background:url(../image/2-8-1.png) no-repeat center top;}
.sy_con1_nav ul li #sy_con1_nav9 { background:url(../image/2-9-1.png) no-repeat center top;}
.sy_con1_nav ul li:hover #sy_con1_nav9 { background:url(../image/2-9.png) no-repeat center top;}
.sy_con1_nav ul li #sy_con1_nav10 { background:url(../image/2-10.png) no-repeat center top;}
.sy_con1_nav ul li:hover #sy_con1_nav10 { background:url(../image/2-10-1.png) no-repeat center top;}
.sy_con1_nav ul li #sy_con1_nav11 { background:url(../image/2-11.png) no-repeat center top;}
.sy_con1_nav ul li:hover #sy_con1_nav11 { background:url(../image/2-11-1.png) no-repeat center top;}
.sy_con1_nav ul li #sy_con1_nav12 { background:url(../image/2-12.png) no-repeat center top;}
.sy_con1_nav ul li:hover #sy_con1_nav12 { background:url(../image/2-12-1.png) no-repeat center top;}


.main11{ width:1117px; height:300px; margin:0 auto;}
.main12{ width:1117px; height:400px; margin:0 auto;}
.main13{ width:1117px; height:400px; margin:0 auto;}
.main11_l{ width:640px; height:300px; float:left;}
.main11_r{ width:430px; height:300px; float:right;}

.main11_l .p1{ padding-left:20px; font-size:22px;  color:#ca3c86; padding-top:20px;}
.main11_l .p1 span{ font-size:14px; color:#ca3c86; padding-left:10px;}
.main11_l .p2{ text-indent:2em; line-height:30px; padding-top:20px; font-size:16px;}
.main11_l .p3{ padding-top:30px; text-align:center;}
.main11_l .p3 a{ padding:10px 20px; border:1px solid #ca3c86; margin-left:10px; margin-right:10px; color:#545454; font-weight:bold; font-size:16px;}

.main11_r ul{ margin-top:50px;}
.main11_r ul li{ float:left; width:70px; height:70px; border:1px solid #ca3c86; margin:5px; border-radius:10px;  }
.main11_r ul li p{ text-align:center; padding-top:10px; font-size:16px;}
.main11_r .p1{ padding-top:20px;}

.main12_top{ width:1117px; height:65px; }
.main12_btn{ width:1117px; height:330px; }
.main12_btn ul li{ float:left; width:252px; height:278px; margin-left:10px; margin-right:10px; margin-top:30px;}

.main13_top{ width:1117px; height:70px; }
.main13_btn{ width:1117px; height:330px; }






#featureContainer {border-bottom: #999 0px dotted; border-left: #999 0px dotted; margin: 0px auto; width: 1050px; font-size: 80%; border-top: #999 0px dotted; border-right: #999 0px dotted}
#wrap {overflow: hidden}
#load {background-image: url(404.png); border-bottom: #999 0px dotted; border-left: #999 0px dotted; text-indent: -9999px; margin: 0px auto; width: 923px; display: none; background-REPEAT: no-repeat; background-position: center 50%; height: 100px; border-top: #999 0px dotted; border-right: #999 0px dotted}
#feature {border-bottom: #999 0px dotted; position: relative; border-left: #999 0px dotted; margin-top: 5px; margin-bottom: 20px; border-top: #999 0px dotted; border-right: #999 0px dotted}
#feature .button {border-bottom: #999 0px dotted; position: absolute; border-left: #999 0px dotted; width: 840px; border-top: #999 0px dotted; top: 72px; border-right: #999 0px dotted; left: 0px
}
#feature .prev {text-indent: -9999px; width: 30px; display: block; background: url(../image/feature_left.gif) center top; float: left; height: 48px;position: absolute;top: 150px;left: 0px;}
#feature .next {text-indent: -9999px; width: 30px; display: block; background: url(../image/feature_right.gif) center top; float: right; height: 48px;position: absolute;top: 150px;right: 0px;}
#feature .prev:hover {background-position: center bottom}
#feature .next:hover {background-position: center bottom}
.featureUL {border-bottom: #000 0px dotted; position: relative; border-left: #000 0px dotted; padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; width: 2800px; padding-right: 0px; float: left; border-top: #000 0px dotted; border-right: #000 0px dotted; padding-top: 0px; left: 0px
}
.featureBox {width: 241px;float: left; height: 320px;}
#botton-scroll {z-index: 0;margin: 0px auto; width: 1000px; float: left; height: 320px;padding-top: 10px;}
#block {z-index: 0;position: relative;margin: 0px auto; padding-left: 0px; width: 970px; padding-right: 0px; height: 320px; font-size: 70%;padding-top: 0px}
#block .box {padding-left: 10px; width: 245px;float: left; height: 320px;}
#block .box .feature-title {font-size: 140%; font-weight: normal}
#block .box .feature-thumb {width: 240px; margin-bottom: 5px; float: left; height: 150px}
.rongyu_jieshao{height:30px;line-height: 15px;display: table-cell;vertical-align: middle; text-align: center; font-size: 14px;cursor: pointer;width: 200px;padding-left: 15px;padding-right: 16px;background-color: #E5E5E5;position: relative;z-index: 100;}
.rongyu_jieshao a{ color:#545454; text-decoration:none;}
.rongyu_jieshao a:hover{ color:#ffffff; text-decoration:none;}





     .img-content{width: 1100px;height: 470px;margin: 0 auto;  position: relative;}
        .img-content img{
            position: absolute; width:380px; height:270px;
            cursor: pointer;
            transition: transform 2s;
            -moz-transition: -moz-transform 2s;
            -webkit-transition: -webkit-transform 2s;
            -o-transition: -o-transform 2s;
        }
       .img-content li{
            position: absolute; width:380px; height:270px;
          
        }
		

	
	
		.img-content .li1{   top: 100px;left: 0px; }
		.img-content .li2{  transform:rotate(-10deg);-ms-transform:rotate(-10deg); -moz-transform:rotate(-10deg);-webkit-transform:rotate(-10deg); -o-transform:rotate(-10deg); top: 100px;left: 100px; }
		.img-content .li3{  transform:rotate(-20deg);-ms-transform:rotate(-20deg); -moz-transform:rotate(-20deg);-webkit-transform:rotate(-20deg); -o-transform:rotate(-20deg); top: 100px;left: 200px;}
		.img-content .li4{top: 100px;left: 350px; z-index:10;}
		.img-content .li5{  transform:rotate(20deg);-ms-transform:rotate(20deg); -moz-transform:rotate(20deg);-webkit-transform:rotate(20deg); -o-transform:rotate(20deg); top: 100px;left: 500px;  z-index:9;  }
		.img-content .li6{  transform:rotate(10deg));-ms-transform:rotate(10deg); -moz-transform:rotate(10deg);-webkit-transform:rotate(10deg); -o-transform:rotate(10deg); top: 100px;left: 600px;  z-index:8;  }
		.img-content .li7{   top: 100px;left: 700px;  z-index:7; }
	
	.img-content .li1:hover{ z-index:20;}
	.img-content .li2:hover{ z-index:20;}
	.img-content .li3:hover{ z-index:20;}
	.img-content .li4:hover{ z-index:20;}
	.img-content .li5:hover{ z-index:20;}
	.img-content .li6:hover{ z-index:20;}
	.img-content .li7:hover{ z-index:20;}
	
			        .big1{
             z-index: 20;
            transform:rotate(0deg) scale(1.7,1.7) ;
            -ms-transform:rotate(0deg) scale(1.7,1.7) ; 
            -moz-transform:rotate(0deg) scale(1.7,1.7) ; 
            -webkit-transform:rotate(0deg) scale(1.7,1.7) ; 
            -o-transform:rotate(0deg) scale(1.7,1.7) ; 
			
        }
	
	
	
			        .big2{
             z-index: 20;
            transform:rotate(10deg) scale(1.7,1.7) ;
            -ms-transform:rotate(10deg) scale(1.7,1.7) ; 
            -moz-transform:rotate(10deg) scale(1.7,1.7) ; 
            -webkit-transform:rotate(10deg) scale(1.7,1.7) ; 
            -o-transform:rotate(10deg) scale(1.7,1.7) ; 
			
        }
		
		
				        .big3{
             z-index: 20;
            transform:rotate(20deg) scale(1.7,1.7) ;
            -ms-transform:rotate(20deg) scale(1.7,1.7) ; 
            -moz-transform:rotate(20deg) scale(1.7,1.7) ; 
            -webkit-transform:rotate(20deg) scale(1.7,1.7) ; 
            -o-transform:rotate(20deg) scale(1.7,1.7) ; 
			
        }
	
	
			        .big4{
             z-index: 20;
            transform:rotate10deg) scale(1.7,1.7) ;
            -ms-transform:rotate(0deg) scale(1.7,1.7) ; 
            -moz-transform:rotate(0deg) scale(1.7,1.7) ; 
            -webkit-transform:rotate(0deg) scale(1.7,1.7) ; 
            -o-transform:rotate(0deg) scale(1.7,1.7) ; 
			
        }
	
	
	
			        .big5{
             z-index: 20;
            transform:rotate(-20deg) scale(1.7,1.7) ;
            -ms-transform:rotate(-20deg) scale(1.7,1.7) ; 
            -moz-transform:rotate(-20deg) scale(1.7,1.7) ; 
            -webkit-transform:rotate(-20deg) scale(1.7,1.7) ; 
            -o-transform:rotate(-20deg) scale(1.7,1.7) ; 
			
        }
	
		        .big6{
             z-index: 20;
            transform:rotate(-10deg) scale(1.7,1.7) ;
            -ms-transform:rotate(-10deg) scale(1.7,1.7) ; 
            -moz-transform:rotate(-10deg) scale(1.7,1.7) ; 
            -webkit-transform:rotate(-10deg) scale(1.7,1.7) ; 
            -o-transform:rotate(-10deg) scale(1.7,1.7) ; 
			
        }
	
	        .big7{
            z-index: 20;
            transform:rotate(0deg) scale(1.7,1.7) ;
            -ms-transform:rotate(0deg) scale(1.7,1.7) ; 
            -moz-transform:rotate(0deg) scale(1.7,1.7) ; 
            -webkit-transform:rotate(0deg) scale(1.7,1.7) ; 
            -o-transform:rotate(0deg) scale(1.7,1.7) ; 
			
        }
        .normal{
            transform:scale(1,1);
            -ms-transform:scale(1,1); 
            -moz-transform:scale(1,1); 
            -webkit-transform:scale(1,1); 
            -o-transform:scale(1,1); 
        }
		