@charset "gb2312";
/* Style Reset */
*{margin:0; padding:0;list-style:none;}
.clear { clear:both; }
.fr{ float:right}
.fl{ float:left}
body{color:#fff; font:400 1.2em 'Microsoft YaHei', Helvetica, Arial, Verdana, sans-serif; -webkit-text-size-adjust: none;  -ms-text-size-adjust: none; width:100%;}
a{text-decoration:none;outline:0px; color:#333333; font-family:"Î¢ÈíÑÅºÚ"}
.wrap{ margin:0 auto; width:100%; max-width:640px; overflow:auto; overflow-x:hidden; background:#1e86f0; }
 /* header */

.header{ float:left; width:96%; margin:0 auto; max-height:68px; overflow:hidden; padding:2%; background:#0062C7;}
.logo{text-align:left; max-width:480px; width:70%;}
.logo img{ width:100%; max-width:320px;}

.menu_but{width:10%; float:right; display:block; text-align:right; min-width:43px; overflow:hidden; max-height:43px; padding:0; margin:1% 0 0 0; color:#fff; text-align:center;}

.menu_but a{ float:right; width:100%;display:block; padding:0; color:#fff;}

#modal { display:none; } 
#pageslide { display:none; background:#00316d url(images/dh_bg.jpg) repeat-y left; position:absolute; position: fixed; top: 0; width:40%; max-width:256px; height:100%; z-index:10000;}
.nav{width:100%; float:left;}
.navli{float:left;width:100%;}
.navli a{ padding:7% 0 7% 10%; width:90%; color:#fff; text-align:left; float:left; border-bottom:1px solid #2397f2;}
.navli a:hover{ background:#000;}

/*banner*/
.big-pic b{background:url(images/ty.png) repeat-x top; height:5px; width:100%; display:block; position:absolute; z-index:10000;}
.big-pic{width:100%; max-width:640px; max-height:320px; float:left; position:relative; z-index:5; top:0; background-size:100%;}
.big-pic img{ float:left; display:block;  width:100%; max-height:320px; overflow:hidden;}
.pic-list a p img{ float:left; display:block;width:100%;}
.big-pic-in{position:relative;width:100%;height:auto;overflow:hidden;margin:0 auto;}
.pic-list{position:relative;height:auto;-webkit-transform:translate3d(0,0,0); z-index:0;}
.big-pic a,.big-pic a p{float:left;height:auto; width:100%;}
.big-pic2 .pic-list{width:200%;}
.big-pic2 .pic-list img{width:100%;}
.big-pic2 .pic-list a{width:50%;/*50%*/}
.big-pic3 .pic-list{width:300%;}
.big-pic3 .pic-list a{width:33.3%;/*33.33%*/}
.big-pic4 .pic-list{width:400%;}
.big-pic4 .pic-list a{width:25%;/*25%*/}
.slide-dot{ width:100%; height:18px; float:left; position:absolute; bottom:0; background: url(images/ban.png) no-repeat center bottom; padding-bottom:8px; font-size:0.5em;}
.slide-dot span{display:inline-block; width:18px; height:15px; margin:0 0 0 10px; padding:3px 0 0 0; display:block; float:left; z-index:10; background:url(images/ban2.png) no-repeat; text-align:center; color:#fff;}
.slide-dot .slide-dot-cur{background-position:0 0; z-index:10; background:url(images/ban1.png) no-repeat; color:#ffc600;}
.transition {-moz-transition: -moz-transform 0.3s ease-out; -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; }
.slidemain{ margin:0 auto; overflow:auto; width:150px; padding-left:30px;}

.serch{background:#7DBDF8; padding:3% 2%; max-height:49px; border:2px solid #99DCFC; width:92%; margin:0 auto; overflow:hidden; position:relative;
background:-webkit-linear-gradient(top,#7FBEF8,#72BBF8,#66B8F8); background:-moz-linear-gradient(top,#7FBEF8,#72BBF8,#66B8F8); background:linear-gradient(top,#7FBEF8,#72BBF8,#66B8F8);
}

.searchmain{width:98%; height:100%; margin:0 auto;}
.search_txt{ float:left; padding-left:2%;width:80%; min-height:47px;border:0; background:#fff;color:#696d7f; font-family:"Î¢ÈíÑÅºÚ";box-shadow:1px 3px 3px #dddad9 inset; border:1px solid #fff;}
.search_but{ float:right; width:17%; border:0; min-height:48px; line-height:48px; background:#B7EDFE; font-size:20px; background-size:100%; font-family:"Î¢ÈíÑÅºÚ"; color:#003A76;
background:-webkit-linear-gradient(top,#F8FDFF,#D5F4FE,#B7EDFE); background:-moz-linear-gradient(top,#F8FDFF,#D5F4FE,#B7EDFE); background:linear-gradient(top,#F8FDFF,#D5F4FE,#B7EDFE);
}



.cpfl{background:url(images/f1.png) no-repeat center top; padding-top:18px; width:96%; margin:auto; color:#fff;}
.cpfl ul{ padding-left:0.8%}
.cpfl ul li{width:31%;background:#3592F2; margin:0 1%;border-radius:50%; -moz-border-radius:50%; -khtml-border-radius:50%; -webkit-border-radius:50%; float:left;color:#fff; overflow:hidden;}
.cpfl ul li a{color:#fff;}
.cpfl ul li .c1{border:6px solid #73B4F6; display:block;border-radius:50%;border-radius:50%;-moz-border-radius:50%; -khtml-border-radius:50%; -webkit-border-radius:50%; margin:6px; position:relative; overflow:hidden;}

.cpfl ul li .c1 img{width:100%;border-radius:50%;border-radius:50%;-moz-border-radius:50%; -khtml-border-radius:50%; -webkit-border-radius:50%;}
.cpfl ul li .c1 a{ width:100%; height:100%; border-radius:50%;border-radius:50%;-moz-border-radius:50%; -khtml-border-radius:50%; -webkit-border-radius:50%;background: url(images/tm1.png) repeat; z-index:1000; top:0px; left:0px; display:block; color:#fff; position:absolute; }
.cpfl ul li .c1 a table{height:100%;}
.cpfl ul li .c1 a td{ height:100%;}


.gdfl{background:url(images/fl_bg.jpg) no-repeat center top #AEE2FF; padding-top:23px; height:55px; width:96%; margin:0 auto; text-align:center;}
.gdfl a{background:url(images/gdfl.jpg) no-repeat center top; text-align:center; color:#fff; display:block; height:55px; line-height:35px;}

.bt1{background:url(images/bt_bg.jpg) repeat-x; height:62px; line-height:62px; color:#333; width:98%; margin:18px auto 0 auto; font-size:20px; padding:0 1%;}
.bt1 a,.bt2 a,.bt3 a{float:right; font-size:0.9em; color:#333; background:url(images/jt.gif) no-repeat left center; padding-left:14px;}
.bt2{background:url(images/bt_bg1.jpg) repeat-x; height:62px; line-height:62px; color:#333; width:98%; margin:18px auto 0 auto; font-size:1.4em; padding:0 1%;}
.bt3{background:url(images/bt_bg2.jpg) repeat-x; height:62px; line-height:62px; color:#333; width:98%; margin:18px auto 0 auto; font-size:1.4em; padding:0 1%;}

.ullist{ padding:0 2%;}
.ullist li{ width:28%; margin:0 2.6%; height:auto; margin-top:4%; text-align:center; display:inline; float:left;}
.ullist li a img{ width:100%;-moz-border-radius:5%; -khtml-border-radius:5%; -webkit-border-radius:5%; border-radius:5%;}
.ullist li a p{ color:#003a76; font-weight:normal; padding:1% 0;}

.zxlb{width:96%; padding:1% 2%; margin:0 auto; overflow:hidden; padding-bottom:2%;}
.zxlb li{height:50px; margin-top:5px;}
.zxlb li a{background:-webkit-linear-gradient(top,#ffffff,#F3F3F3,#E3E3E3); background:-moz-linear-gradient(top,#ffffff,#F3F3F3,#E3E3E3); background:linear-gradient(top,#ffffff,#F3F3F3,#E3E3E3); height:46px; line-height:46px; border:1px solid #C9C9C9; border-bottom:4px solid #C9C9C9; display:block; padding:0 15px; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px;}
.zxlb li a:hover{background:-webkit-linear-gradient(top,#F8FDFF,#D5F4FE,#B7EDFE); background:-moz-linear-gradient(top,#F8FDFF,#D5F4FE,#B7EDFE); background:linear-gradient(top,#F8FDFF,#D5F4FE,#B7EDFE); height:46px; line-height:46px; border:1px solid #AEE2FF; border-bottom:4px solid #AEE2FF; display:block; padding:0 15px; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px;}
.fhdb{background:url(images/fhdb.jpg) no-repeat center bottom; width:96%; margin:0 auto; height:40px; line-height:40px; padding-top:10px; text-align:center; font-size:0.9em;}
.fhdb a{color:#003a76; padding-left:20px; display:block;}

.di_nav{background:#AEE2FF; width:96%; margin:0 auto; padding:3% 0; overflow:hidden;}

.footernav li{ display:inline; float:left; margin:0 0.5%; width:19%; text-align:center;}
.footernav li a{ display:block;padding:2% 3%;  line-height:normal; border:2px solid #0163C7;background:#237CD2; color:#fff;}

.di_tel{width:100%; margin:0 auto;}
.di_tel ul{ padding-left:1%}
.di_tel li{margin:3% 3%;width:23%; display:inline; float:left; background:#72B3F6; -moz-border-radius:50%; -khtml-border-radius:50%; -webkit-border-radius:50%;border-radius:50%; display:block; padding:2%; overflow:hidden;}
.di_tel li a{background:#fff; display:block; text-align:center; vertical-align:middle; font-size:12px;border-radius:50%; }
.di_tel li a img{ padding-top:20%;}
.di_tel li a i{font-style:normal; display:block;}

#bottom{background:#0062C7; width:100%; padding:15px 0; text-align:center; color:#fff;}

.wzzw{padding:2%; line-height:180%; color:#333; min-height:640px;}
.wzzw1{padding:2%; line-height:180%; color:#333;}
.wzzw img{width:100%; max-width:590px;}

.fllb li{width:44%; float:left; margin:10px 3% 10px 3%; text-align:center;}
.fllb li a:hover{background:-webkit-linear-gradient(top,#ffffff,#F3F3F3,#E3E3E3); background:-moz-linear-gradient(top,#ffffff,#F3F3F3,#E3E3E3); background:linear-gradient(top,#ffffff,#F3F3F3,#E3E3E3); height:46px; line-height:46px; border:1px solid #C9C9C9; border-bottom:4px solid #C9C9C9; display:block; padding:0 15px; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px;}
.fllb li a{background:-webkit-linear-gradient(top,#F8FDFF,#D5F4FE,#B7EDFE); background:-moz-linear-gradient(top,#F8FDFF,#D5F4FE,#B7EDFE); background:linear-gradient(top,#F8FDFF,#D5F4FE,#B7EDFE); height:46px; line-height:46px; border:1px solid #AEE2FF; border-bottom:4px solid #AEE2FF; display:block; padding:0 15px; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px;}

.fenye{background:#ACDEFF; padding:2%; width:96%; text-align:center;}
.fenye a{background:#237CD2; border:1px solid #0163C7; color:#fff; font-size:1.1em; min-height:34px; line-height:34px; margin:0 10px; padding:0 10px;}

.biaoti{ text-align:center; padding-bottom:8px; font-weight:normal; font-size:1.3em;}
.cangshu{background:#ACDEFF; padding:0 2%; width:96%; text-align:center; font-size:0.9em; margin-bottom:8px;}

@media screen and (max-width:480px){
.bt1{ font-size:18px;}
.search_but{ font-size:16px;}
.cpfl ul li .c1 a td{ font-size:14px;}
.cpfl ul li{width:31%;margin:0 1%}
}
@media screen and (max-width:640px){
.search_but{ font-size:16px;}	
}
@media screen and (min-width:640px){
.cpfl ul li{width:31%;margin:0 1%; }
.cpfl ul li .c1 a td{ font-size:18px;}
}

/*****************ÏìÓ¦Ê½²¼¾ÖÉèÖÃ*****************/


@media screen and (min-width:320px) and (max-width:360px){
.menu_but a{ font-size:16px;}
.ullist li a p{ font-size:14px;}
.zxlb li a{font-size:14px;}
.footernav li a{ font-size:14px;}
.di_tel li a{ font-size:12px;}
.di_tel li a img{ padding-top:6%;}
#bottom{ font-size:18px;}


}
@media screen and (min-width:360px) and (max-width:480px){
.menu_but a{ font-size:20px;}
.ullist li a p{ font-size:14px;}
.zxlb li a{font-size:16px;}
.footernav li a{ font-size:16px;}
.di_tel li a{ font-size:14px;}
.di_tel li a img{ padding-top:10%;}
#bottom{ font-size:18px;}


}

@media screen and (min-width:480px) and (max-width:560px){
.menu_but a{ font-size:20px;}
.ullist li a p{ font-size:14px;}
.zxlb li a{font-size:16px;}
.footernav li a{ font-size:16px;}
.di_tel li a{ font-size:16px;}
.di_tel li a img{ padding-top:17%;}
#bottom{ font-size:18px;}
}

@media all and (min-width:640px){
.menu_but a{ font-size:20px;}
.ullist li a p{ font-size:16px;}
.zxlb li a{font-size:18px;}
.footernav li a{ font-size:18px;}
.di_tel li a{ font-size:20px;}
.di_tel li a img{ padding-top:22%;}
#bottom{ font-size:18px;}


}
