﻿@charset "utf-8";
/*网站公共样式*/
body { font-family:"微软雅黑","Microsoft YaHei"; font-size:12px; background:#fff; overflow-x: hidden; margin: 0 auto; color:#333; line-height:22px; width:100%; overflow-x:hidden;  }
html,div,span,p,ul,li,dl,dt,dd,a,img,em,label,input,textarea,form { margin:0; padding:0;}
form{ display:inline;}
ul,li,i { list-style:none;}
h1,h2,h3,h4,h5,h6 { font-weight:normal; padding:0; margin:0;}
a{ text-decoration:none; color:#333; }
a:hover{ color:#3270ff;}
img { border:none;}
.del_float{ display:block; height:0; clear:both; visibility:hidden; }
.document_width{ width:1200px; margin:auto;/* min-height:5px; background:#f00;*/}
.ui-loader-default{ display:none}
.ui-mobile-viewport{ border:none;}
.ui-page {padding: 0; margin: 0; outline: 0} 
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none; line-height:100%;}
textarea { -webkit-appearance: none;}   
.button{ border-radius: 0; } 
.ui-btn-text{ display:none;}
.ui-submit{}

/*******首页*******/


dl.yy_dl{ width:80px; height:auto; float:right; background:url(../images/yy_tb.png) 3px 12px no-repeat; background-size:15px auto; padding-left:25px; box-sizing:border-box; position:relative;}
dl.yy_dl dt{ width:100%; height:40px; line-height:40px; float:left; background:url(../images/yy_tb1.png) 36px center no-repeat; font-size:15px;}
dl.yy_dl dd{ width:100%; height:auto; float:left; position:absolute; left:0; top:40px; background:#fff; display:none;}
dl.yy_dl dd a{ width:100%; height:auto; float:left; line-height:26px; font-size:14px; text-align:center;}
dl.yy_dl:Hover dd{ display:block;}

.ozpagebanner{ width:100%; height:auto; float:left;}
.ozpagebanner ul li{ width:100%; height:550px; float:left; background-size:cover !important;}
.ozpagebanner .ban_wz{ width:100%; height:auto; float:left; margin-top:231px; text-align:center; color:#fff; position:static;}
.ozpagebanner .ban_wz h2{ width:100%; height:auto; float:left; font-size:28px; line-height:36px; font-weight:550;}
.ozpagebanner .ban_wz p.p1{ width:200px; margin:0 auto; float:none;}
.ozpagebanner .ban_wz a.a1{ width:auto; height:36px; line-height:36px; margin-top:45%; border-radius:3px; float:left; padding:0 35px; border:2px solid #ff821a; font-size:18px; background:#ff821a; color:#fff;}
.ozpagebanner .ban_wz a.a1:hover{  background:#fff; color:#0078d4;  border:2px solid #0078d4; }


.indexqy_div{ width:100%; height:auto; float:left; background:#0078d4; padding:30px 0; box-sizing:border-box;}
.indexqy_div_wz{ width:100%; height:auto; float:left; padding:5px 0; box-sizing:border-box; font-size:18px; line-height:28px; font-weight:550; color:#fff;}

.index_div{ width:100%; height:auto; float:left; padding:30px 0;}

.title_div{ width:100%; height:auto; float:left; margin:5px 0 25px 0;}
.title_div dl{ width:21%; height:auto; float:left; margin:0 2%; text-align:center;}
.title_div dl dt{ width:100%; height:auto; float:left; margin-bottom:5px; position:relative;}
.title_div dl dt img{ width:105px; height:auto; display:block; margin:0 auto; }
.title_div dl dt img.img1{ display:none;}
.title_div dl dd a { width:100%; height:auto; float:left; font-size:16px; font-weight:550; line-height:26px; color:#202020;}
.title_div dl:Hover dd a{ color:#0078d4;}
.title_div dl:hover dt img.img1{ display:block;}
.title_div dl:hover dt img.img{ display:none;}

.index_div_wz{ width:100%; height:auto; float:left; padding:40px 0;}
.bjlan{ background:#0078d4;}
.index_div_wztt{ width:100%; height:auto; float:left; text-align:center; margin-bottom:15px;}
.index_div_wztt h2{ width:auto; height:60px; line-height:60px; font-size:26px; color:#fff; }
.index_div_wztt h2 span{  height:60px; display:inline-block;  background:url(../images/title_div1.png) left center no-repeat;  padding-left:60px; background-size:50px 50px;}
.index_div_wz dl.d1{ width:100%; height:auto; float:left;}
.index_div_wz dl.d1 dt{ width:65%; height:auto; float:left;}
.index_div_wz dl.d1 dt img{ width:100%; height:auto; display:block;}
.index_div_wz dl.d1 dd{ width:35%; height:auto; float:left; padding:10px 0 0 20px; box-sizing:border-box;}
.index_div_wz dl.d1 dd p.pdian{ width:100%; height:auto; float:left; margin-bottom:8px; background:url(../images/lyd.png) left 6px no-repeat; padding-left:15px; box-sizing:border-box; font-size:15px; line-height:21px; color:#fff;}
.index_div_wz dl.d1 dd a.a1{ width:auto; height:auto; float:left; padding:7px 25px; border-radius:3px; border:2px solid #fff; color:#fff; font-size:18px; display:block; margin:15px 0 0 15px;}
.index_div_wz dl.d1 dd a.a1:hover{ background:#fff; color:#0078d4;}

.index_div_wz dl.d2{ width:100%; height:auto; float:left; margin-bottom:40px;}
.index_div_wz dl.d2 dt{ width:50%; height:auto; float:left;}
.index_div_wz dl.d2 dt img{ width:100%; height:auto; display:block;}
.index_div_wz dl.d2 dd{ width:50%; height:auto; float:left; padding:13% 0 ; box-sizing:border-box;}
.index_div_wz dl.d2 dd h2{ width:100%; height:auto; text-align:center; float:left; margin-bottom:10px; background:url(../images/title_div2.png) center top no-repeat; padding-top:90px; background-size:90px 90px; box-sizing:border-box; font-size:26px; line-height:60px; color:#333;}

.index_div_wz dl.d2s{ margin-bottom:60px;}
.index_div_wz dl.d2s dt{ width:65%; position:relative;}
.index_div_wz dl.d2s dd{ width:35%;}

.index_div_wz dl.d2s dt a.fanda{ width:50px; height:50px; float:left; background:url(../images/fangda.png) center center no-repeat; position:absolute; bottom:0; right:0;}


dl.szd3{ width:25%; height:auto; float:left; background:#f4f5f6;}
dl.szd3 dt{ width:50px; height:50px; border-radius:50px; line-height:50px; text-align:center; font-size:26px; background:#fff; box-shadow:#999 0 -2px 2px 2px; margin:0 auto; border:1px solid #f2f2f2; position:relative; top:-25px; }
dl.szd3 dd{ width:100%; height:auto; min-height:175px; float:left; padding:0 25px 20px 25px; text-align:center; box-sizing:border-box; font-size:14px; line-height:20px; margin-top:-10px;}
dl.szd3 dd strong{ width:100%; height:auto; line-height:22px; min-height:48px; font-size:16px; font-weight:550; margin-bottom:5px; float:left; }

#weizhi3{ padding-top:0;}
.index_tt{ width:100%; height:auto; text-align:center; float:left; margin-bottom:20px; background:none;  font-size:26px; line-height:50px; color:#0078d4;}
.index_div_wz dl.d2 dt iframe{ width:100% !important;    height: 330px !important;   display: block;   float: left;}
.index_div_wz dl.d2 dd.dd2{ padding:30px; box-sizing:border-box;}
.index_div_wz dl.d2 dd.dd2 p{ width:100%; height:auto; float:left; font-size:16px; line-height:24px; }
.index_div_wz dl.d2 dd.dd2 span{ width:100%; height:auto; float:left; font-size:14px; line-height:22px; margin-bottom:25px; color:#0078d4; text-align:right;}

.index_tts{background:#f4f5f6; margin-bottom:0; padding:20px 0px;}
.soc_div{ width:100%; height:auto; position:relative; background:#f4f5f6; overflow:hidden; top:-25px; padding:10px 0 25px 0; float:left; }
.soc_list{  width:100%; height:auto; overflow:hidden; float:left }
.left_sc{ cursor:pointer; position:absolute; left:3%; top:40%; width:40px; line-height:40px; text-align:center; height:40px; font-size:26px; float:left; color:#333;/* background:#333;*/}
.left_sc:hover{ color:#0078d4}
.right_sc{ cursor:pointer;position:absolute; right:3%; top:40%;  width:40px;  line-height:40px; text-align:center;height:40px;  font-size:26px; float:left; color:#333; /*background:#333;*/}
.right_sc:hover{  color:#0078d4}

dl.ds{ width:100%; height:auto;  min-height:180px; float:left; text-align:center;}
dl.ds dt{ width:100%; height:auto; float:left;}
dl.ds dt img{ width:150px; height:auto; margin:0 auto;}
dl.ds dd{ width:100%; height:auto; float:left; font-size:16px; font-weight:550; line-height:26px;}


.oztgy dl.ds{ width:100%; height:auto;  min-height:180px; float:left; text-align:center;}
.oztgy dl.ds dt{ width:100%; height:auto; float:left; padding:0; margin:0 auto;}
.oztgy dl.ds dt img{ width:150px; height:auto; margin:0 auto;}
.oztgy dl.ds dd{ width:84%; height:auto;  float:left; font-size:16px; font-weight:550; text-align:center; min-height:88px;background:url(../images/yhtb_1.png) left top no-repeat;  line-height:26px; padding:10px 20px 10px 50px; box-sizing:border-box;}




.index_div_wzs{ padding:0 0 50px 0;}
.index_div_wz dl.d4{ width:100%; height:auto; float:left;}
.index_div_wz dl.d4 dt{ width:50%; height:auto; float:left;}
.index_div_wz dl.d4 dt img{ width:80%; height:auto; margin:0 10%; display:block; }
.index_div_wz dl.d4 dd{ width:50%; height:auto; float:left; }
.index_div_wz dl.d4 dd h2{ width:100%; height:auto; padding-top:30%; text-align:center; float:left; margin-bottom:10px;  font-size:26px; line-height:60px; color:#333;}

.indexqy_div_wz1{ padding:10px 0; width:100%; height:auto; float:left; color:#fff; font-size:21px; line-height:40px; font-weight:550; text-align:center;}
.indexqy_div_wz1 a.a2{ width:auto; display:inline-block; margin-left:25px; padding:0 35px; height:36px; line-height:36px; border-radius:3px; border:2px solid #fff; color:#fff; font-size:18px;}
.indexqy_div_wz1 a.a2:hover{ background:#fff; color:#0078d4;}


/******显示大图*****/

.show_tupian{ width:1200px; height:710px; float:left; display:none; position:fixed; left:0; top:0; z-index:999;}
.show_tupian img{ width:100%; height:auto; display:block;}
.show_tupian .close{ width:50px; height:50px; float:left; z-index:999; position:relative; right:0; top:50px; cursor:pointer; background:url(../images/close_nav_l.png) center center no-repeat #fff;}

.index4_tt{ width:100%; height:auto; float:left;margin-bottom:20px;}
.index4_tt h2{ width:100%; height:auto; text-align:center; float:left; margin-bottom:5px;  font-size:26px; line-height:40px; color:#333;}
.index4_tt p{ width:100%; height:auto; text-align:center; float:left; font-size:20px; line-height:26px; color:#333; }
.index4_tt a.a{ width:100%; float:left; margin-top:5px; text-decoration:underline; color:#0078d4; font-size:16px; line-height:24px; height:auto; text-align:center;}
dl.indexdl4{ width:29.333%; height:auto; float:left; margin:1% 2%; border:1px solid #f2f2f2; border-top:4px solid #ff821a; box-sizing:border-box;}
dl.indexdl4 dt{ width:100%; height:auto; float:left;}
dl.indexdl4 dt img{ width:44%; height:auto; margin:10px 28%; display:block;}
dl.indexdl4 dd{ width:100%; height:auto; float:left;}
dl.indexdl4 dd img{ width:36%; height:auto; margin:0 32% 30px 32%; display:block;}





	

@media only screen and (max-width:1280px){
	
.document_width{ width:730px; margin:auto;}

.ozpagebanner{ margin-top:60px;}
.ozpagebanner ul li{height:30vw;}
.ozpagebanner .ban_wz{ margin-top:15vw;}
.ozpagebanner .ban_wz a.a1{ margin-top:25px;}

.indexqy_div_wz{ font-size:16px; line-height:26px;}
.title_div dl dt{ margin-bottom:0;}
.title_div dl dt img{ width:90px;}
.title_div dl dd a{ font-size:14px; line-height:22px;}

.index_div_wz dl.d1 dt{ width:100%;}
.index_div_wz dl.d1 dd{ width:100%; padding:20px;}
.index_div_wz dl.d1 dd a.a1{ width:50%; padding:8px 0; text-align:center; margin:10px 25%;}

.index_div_wz dl.d2{ margin-bottom:0;}
.index_div_wz dl.d2 dd{ width:100%; padding:0;}
.index_div_wz dl.d2 dd h2{ background:none; padding:0;}
.index_div_wz dl.d2 dt{ width:100%;}

dl.szd3{ width:50%; margin-top:50px;}
.index_div_wz dl.d2 dd h2.h2{ padding:0 0 25px 0;}
dl.ds dt img{ width:120px;}




.bottom_float{ width:100%;}
.bottom_div dl.bdl{ width:25%;}
.bottom_div dl.bdl.d1{ width:25%;}
.bottom_div dl.bdl.last{ display:none;}

#weizhi3{ padding:0;}


/******显示大图*****/
.show_tupian{ width:80%; height:auto;margin-bottom:20px; }
.index4_tt h2{ width:100%; font-size:26px; line-height:30px; }
.index4_tt p{font-size:18px; line-height:24px;}
dl.indexdl4{ width:31.3333%; margin:1% ;}
dl.indexdl4 dt img{ width:60%; height:auto; margin:0 20%; display:block;}
dl.indexdl4 dd img{ width:40%; height:auto; margin:0 30% 30px 30%; display:block;}



}




@media only screen and (max-width:780px){

.document_width{ width:94%; margin:auto;}


.ozpagebanner ul li{ height:43vw;}
.ozpagebanner .ban_wz h2{ font-size:20px; line-height:30px;}
.indexqy_div{ padding:20px 0;}
.indexqy_div_wz{ font-size:14px; line-height:22px; padding:0 10px;}
.index_div{ padding:20px 0;}

.title_div dl dt img{ width:70px;}
.title_div dl dd a{ line-height:18px;}

.index_div_wz{ padding:20px 0;}
.index_div_wztt{ margin-bottom:10px;}
.index_div_wztt h2{ height:40px; line-height:40px; font-size:22px;}
.index_div_wztt h2 span{ background:none; padding-left:0; height:40px;}

.index_div_wz dl.d2 dd h2{ height:45px; line-height:45px; font-size:22px;}
dl.szd3 dt{ width:40px; height:40px; line-height:40px; border-radius:40px; top:-20px; font-size:20px;}

.index_div_wz dl.d2 dd h2.h2{ line-height:45px; font-size:22px; margin-top:15px;}
dl.ds{ min-height:150px;}
dl.ds dt img{ width:100px;}
dl.ds dd{ font-size:14px; line-height:24px;}

#weizhi3{ padding:0;}
.index_div_wz dl.d4 dd h2{ line-height:40px; font-size:22px;}
.indexqy_div_wz1{ font-size:16px;}
.indexqy_div_wz1 a.a2{ width:30%; margin:10px 35%; font-size:16px; padding:0;}

.index_div_wz dl.d2 dt iframe{ height:53vw !important;}

.ban_wz p.p1{ width:100%;margin-top:10px; float:left;}
.ban_wz a.a1{ float:none; font-size:14px; padding:5px 25px; }
.index_tt{ font-size:22px; line-height:40px;}


/******显示大图*****/
.show_tupian{ width:90%; height:auto; }
.index4_tt h2{ width:100%; font-size:22px; line-height:30px; margin-bottom:0; }
.index4_tt p{font-size:16px; line-height:24px;}
.index4_tt a.a{ margin-top:0;}



}



@media only screen and (max-width:680px){


.index_div_wz dl.d4 dd{ width:100%;}
.index_div_wz dl.d4 dd h2{ padding-top:0;}
.index_div_wz dl.d4 dt{ width:100%;}
.index_div_wz dl.d4 dt img{ width:60%; margin:10px 20%;}



}


@media only screen and (max-width:560px){
	
.ozpagebanner{ margin-top:55px;}	
.ozpagebanner ul li{ height:40vw;}
.ozpagebanner .ban_wz{ margin-top:20vw;}
.ozpagebanner .ban_wz h2{ font-size:16px; line-height:24px;}	
.ozpagebanner .ban_wz a.a1{ margin-top:15px;}
.indexqy_div_wz{ font-weight:normal;}	
.title_div dl{ width:46%; margin:0 2% 10px 2%;}
.title_div dl dt img{ width:65px;}	

.index_div_wztt h2 span{ font-size:17px; font-weight:550;}
.index_div_wz dl.d1 dd{ padding:20px 10px;}
.index_div_wz dl.d1 dd p.pdian{ font-size:14px; line-height:24px; background-size:8px auto; padding-left:13px;}	
.index_div_wz dl.d1 dd a.a1{ width:60%; margin:5px 20%; padding:5px 0; border:1px solid #fff; font-size:14px;}	
	
.index_div_wz dl.d2 dd h2{ font-weight:550; font-size:17px;}	
dl.szd3 dd strong{ font-size:14px; line-height:24px;}

	
dl.szd3{ width:100%; margin-top:10px; padding-left:45px; box-sizing:border-box;}
dl.szd3 dt{ left:-30px; width:30px; height:30px; line-height:30px; border-radius:30px; font-size:16px; top:15px; margin:0;    box-shadow: #999 0 2px 2px 2px;}
dl.szd3 dd{ text-align:left; min-height:60px; margin-top:-25px; padding:8px 15px 15px 15px; }


.oztgy dl.ds dt img{ width:120px;}
.oztgy dl.ds dd{ width:90%; margin:0 5%; min-height:100px; background-size:30px auto; padding:10px 10px 0 25px; line-height:21px;}



.index_div_wz dl.d2 dd h2.h2{ font-size:17px; font-weight:550;}
.left_sc{  left:0%; top:25%; width:40px; line-height:40px; height:40px; font-size:26px;}
.right_sc{ right:0%; top:25%;  width:40px;  line-height:40px;height:40px;  font-size:26px; }
.soc_div{ padding:20px 0 10px 0;}
dl.ds dt img{ width:80px;}
dl.ds dd{ padding:0 60px; box-sizing:border-box; min-height:60px;}

.index_div_wz{ padding:0 0 20px 0;}
.index_div_wz dl.d4 dd h2{ font-size:17px; font-weight:550; margin-bottom:0;}
.index_div_wz dl.d4 dt img{ width:90%; margin:10px 5%;}



.indexqy_div_wz1{ line-height:32px;}
.indexqy_div_wz1 a.a2{ font-size:14px; height:32px; line-height:32px; border:1px solid #fff;}


.index_div_wz dl.d2 dd.dd2{ padding:15px 10px;}
.index_div_wz dl.d2 dd.dd2 p{ font-size:14px;}
.index_tt{ font-size:17px; font-weight:550;}


/******显示大图*****/
.index_div_wz dl.d2s dt a.fanda { background-size:30px auto;   width:30px;    height: 30px;}
.show_tupian{ width:100%; height:auto; }
.show_tupian .close {width:30px; height: 30px; top: 30px;}
.index4_tt h2{ width:100%; font-size:17px; line-height:24px; font-weight:550; margin-bottom:0; }
.index4_tt p{font-size:14px; line-height:20px;}
.index4_tt a.a{ font-size:14px; line-height:20px; margin-top:0;}
dl.indexdl4{ width:32.3333%; margin:1% 0.5%;}
dl.indexdl4 dt img{ width:70%; height:auto; margin:10px 15%; display:block;}
dl.indexdl4 dd img{ width:50%; height:auto; margin:0 25% 30px 25%; display:block;}



}


#showimgnewcode{ width:300px; height:200px; position:absolute; left:0; top:0; }
.yesinfo{ width:20px; height:20px; background:url(../images/codeyes1.png) no-repeat; position:absolute;}
.yesinfo.yesinfo1{background:url(../images/codeyes2.png) no-repeat;}
.yesinfo.yesinfo2{background:url(../images/codeyes3.png) no-repeat;}
.yesinfo.yesinfo3{background:url(../images/codeyes4.png) no-repeat;}
.yesinfo.yesinfo4{background:url(../images/codeyes5.png) no-repeat;}
.imgbgnewcode{ position:relative; height:200px; width:300px; cursor:pointer; margin:0 auto;}


