﻿@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;}

.pagebanner{ width:100%; height:auto; float:left;}
.pagebanner ul li{ width:100%; height:550px; float:left; background-size:cover !important;}
.pagebanner .ban_wz{ width:100%; height:auto; float:left; margin-top:460px; text-align:center; color:#fff; position:static;}
.pagebanner .ban_wz h2{ width:100%; height:auto; float:left; font-size:26px; line-height:34px; color:#333; font-weight:550;}
.pagebanner .ban_wz p.p1{ width:200px; margin:0 auto; float:none;}
.pagebanner .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;}
.pagebanner .ban_wz a.a1:hover{  background:#fff; color:#0078d4;  border:2px solid #0078d4; }
.pagebanner .ban_wz h2.h2{ width:100%; float:left; color:#fff; font-size:46px; line-height:70px; text-align:left; margin-top:-250px;}
.pagebanner .ban_wz h2.h2 p{ width:100%; height:auto; float:left; font-size:30px; line-height:36px; font-weight:normal; margin-top:5px; color:#fff;}
.pagebanner .ban_wz h2.h2 p.p1{ width:200px; margin:0 auto; float:left; margin-top:-55px;}
.pagebanner .ban_wz h2.h2 p.p1 a.a1{ width:auto; height:36px; line-height:36px; border-radius:3px; float:left; padding:0 35px; border:2px solid #ff821a; font-size:18px; background:#ff821a; color:#fff;}
.pagebanner .ban_wz h2.h2 p.p1 a.a1:hover{  background:#fff; color:#0078d4;  border:2px solid #0078d4; }

.twindexqy_div{ width:100%; height:auto; float:left; background:url(../images/twdy_tp1.jpg) center top no-repeat; background-size:cover; box-sizing:border-box;}
.twindexqy_div_wz{ width:100%; height:auto; float:left; padding:15px 40px; box-shadow:0 -7px 20px 2px rgba(100,100,100,0.38); color:#555; font-style:italic; position:relative; box-sizing:border-box; font-size:16px; line-height:26px; background:url(../images/twdy_tp4.png) 12px 18px no-repeat #fff; background-size:22px auto;}
.twindexqy_div_wz span.spb{ width:30px; height:30px; float:right; display:block; background:url(../images/twdy_tp3.png) center center no-repeat; background-size:22px auto; position:absolute; right:10px; bottom:10px;}
.index_div{ width:100%; height:auto; float:left; padding:30px 0;}

.twtitle_div{ width:100%; height:auto; float:left; margin:5px 0 25px 0;}
.twtitle_div dl{ width:29.3333%; height:120px; float:left; margin:2%; text-align:center; background:#fff; }
.twtitle_div dl dt.dt2{ width:100%; height:120px; float:left;}
.twtitle_div dl dt a{ cursor:default;}
.twtitle_div dl dt.dt2 img{ width:90px; height:auto; display:block; margin:25px auto; }
.twtitle_div dl dt.dt2 img.img1{ display:none;}
.twtitle_div dl dd a {width:100%; height:60px; cursor:default; background:#fff;  text-align:center; box-sizing:border-box; z-index:98; float:left; font-size:16px; font-weight:550; line-height:26px; color:#202020;}
/*.twtitle_div dl:Hover dd a{ color:#0078d4;}
.twtitle_div dl:hover dt.dt2 img.img1{ display:block;}
.twtitle_div dl:hover dt.dt2 img.img{ display:none;}*/
.twtitle_div dl.d1{ margin-left:18.5%;}

.twdy_div1{ margin-top:20px; width:100%; height:auto; float:left; text-align:center; padding:30px 0; background:url(../images/twdy_tp2.jpg) center center no-repeat; background-size:cover; font-size:24px; line-height:36px; color:#fff;}

.twdy_divs{width: 100%;margin: 20px 0;float:left;}
.twdy_div dl{ width:47%; height:auto; float:left; position:relative; background:#fff; border:1px solid #ededed; border-top:3px solid #ededed; border-radius:2px; margin:1.5%; padding:10px; box-sizing:border-box;}
.twdy_div dl dt{ width:100%; height:auto; padding:0 10px; box-sizing:border-box; min-height:160px; float:left;}
.twdy_div dl dt img{ width:auto !important; max-width:100% !important; height:60px !important; margin:10px 0; display:block; }
.twdy_div dl dt h2{ width:100%; height:auto; float:left; font-size:15px; margin-bottom:8px; line-height:24px; font-weight:550; color:#333; text-align:left;}
.twdy_div dl dd{ width:100%;min-height:300px; background:#fff; height:auto; border-radius:2px; float:left; padding:15px; box-sizing:border-box;font-size:16px; line-height:28px;}
.twdy_div dl dd img{ width:auto !important; max-width:260px  !important; height:50px !important;}
.twdy_div dl dd strong{ width:100%; height:auto; float:left; font-size:15px; margin-bottom:8px; line-height:24px;}
.twdy_div dl dd p{ width:100%; height:auto; font-size:14px; line-height:20px; margin-bottom:5px;  float:left; overflow:hidden; background:url(../images/lyd.png) 2px 6px no-repeat; background-size:5px 5px; padding-left:12px; box-sizing:border-box;}
.twdy_div dl dd a{ width:40%; min-width:110px; height:36px; border-radius:3px; float:left;line-height:36px; position:absolute; border-radius:36px; bottom:25px; text-align:center; border:1px solid #0077d3; color:#0077d3;}
.twdy_div dl dd a.a1{ left:25px;}
.twdy_div dl dd a.a2{ right:25px; border:1px solid #ff0200; color:#ff0200; }
.twdy_div dl dd a:hover{ background:#0077d3; color:#fff;}
.twdy_div dl dd a.a2:hover{ background:#ff0200; color:#fff;}

.twdy_div dl.d1{ margin-left:1.5%}
.twdy_div dl:hover{ box-shadow:0 0 10px rgba(100,100,100,0.38); border-top:3px solid #fe831c;}

.twindexqy_divb{ width:100%; height:auto; float:left; padding:30px 0;}
.twindexqy_divbxt{ width:100%; height:1px; float:left; background:#f2f2f2; margin-top:30px;}
.twindexqy_divb strong{ width:100%; height:auto; float:left; text-align:center; font-size:21px; line-height:36px; font-weight:550; float:left;}
.twindexqy_divb p{ width:200px; height:40px; margin:0 auto;}
.twindexqy_divb p a{ width:100%; height:40px; line-height:40px; border-radius:40px; background:#005ed4; color:#fff; text-align:center; font-size:16px; margin-top:15px;  display:inline-block; float:left;}
.twindexqy_divb p a:hover{ opacity:0.8;}


/*****繁体样式****/
.httwindexqy_div{ width:100%; height:auto; float:left; background:#ff8000; padding:30px 0; box-sizing:border-box;}
.httwindexqy_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;}
.httwindexqy_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;}
.httwindexqy_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;}
.httwindexqy_div_wz1 a.a2:hover{ background:#fff; color:#ff8000;}
.httwindexqy_divtop{ margin-top:30px;}

.httwtitle_div{ width:100%; height:auto; float:left; margin:5px 0 25px 0;}
.httwtitle_div dl{ width:29.3333%; height:140px; float:left; margin:2%; text-align:center; background:#fff; position:relative;}
.httwtitle_div dl dt.dt1{ width:70px; height:50px; float:right; position:absolute; z-index:0; right:-8px; top:-8px; background:#ffd42e;}
.httwtitle_div dl dt.dt2{ width:100px; height:140px; float:left; position:absolute; z-index:99; left:0px; top:0px; margin-bottom:5px; position:relative;}
.httwtitle_div dl dt.dt2 img{ width:90px; height:auto; display:block; margin:25px auto; }
.httwtitle_div dl dt a{ cursor:default;}
.httwtitle_div dl dt.dt2 img.img1{ display:none;}
.httwtitle_div dl dd a { width:100%; height:140px; cursor:default; text-align:left; background:#fff; position:absolute; padding:60px 30px 0 120px; box-sizing:border-box; left:0; top:0; z-index:98; float:left; font-size:16px; font-weight:550; line-height:26px; color:#202020;}
/*.httwtitle_div dl:Hover dd a{ color:#0078d4;}
.httwtitle_div dl:hover dt.dt2 img.img1{ display:block;}
.httwtitle_div dl:hover dt.dt2 img.img{ display:none;}*/
.httwtitle_div dl dd a.a1{ padding:50px 30px 0 120px;}
.httwtitle_div dl.d1{ margin-left:18.5%;}


h2.hth2{ width:100%; height:auto; float:left; text-align:center; font-size:24px; line-height:36px; font-weight:550; color:#0078d4; margin:30px 0;}
.httwdy_div dl{ width:31.3333%; height:auto; float:left; position:relative;  margin:1%;  background:#fff; border:1px solid #ededed; border-top:3px solid #ededed; border-radius:2px; padding:10px; box-sizing:border-box;}
.httwdy_div dl dt{ width:100%; height:auto; padding:0 10px; box-sizing:border-box; min-height:120px; float:left;}
.httwdy_div dl dt img{ width:auto !important; max-width:100% !important; height:auto !important; margin:10px 0; display:block; }
.httwdy_div dl dt h2{ width:100%; height:auto; float:left; font-size:15px; margin-bottom:8px; line-height:24px; font-weight:550; color:#333; text-align:left;}
.httwdy_div dl dd{ width:100%;min-height:290px;  background:#fff; height:auto; float:left; padding:15px; box-sizing:border-box;font-size:16px; line-height:28px;}
.httwdy_div dl dd strong{ width:100%; height:auto; float:left; font-size:15px; margin-bottom:8px; line-height:24px;}
.httwdy_div dl dd p{ width:100%; text-align:justify; height:auto; font-size:14px; line-height:20px; margin-bottom:5px;  float:left; overflow:hidden; background:url(../images/lyd.png) 2px 6px no-repeat; background-size:5px 5px; padding-left:12px; box-sizing:border-box;}
.httwdy_div dl.d1{ margin-left:18.5%}
.httwdy_div dl dd a.a1{ width:40%; min-width:110px; height:36px; border-radius:3px; float:left;line-height:36px; position:absolute; border-radius:36px; bottom:25px; text-align:center; border:1px solid #0077d3; color:#0077d3;}
.httwdy_div dl dd a.a1{  right:25px; border:1px solid #ff0200; color:#ff0200;}
.httwdy_div dl a.a1:hover{ background:#ff0200; color:#fff;}
.httwdy_div dl:hover{ box-shadow:0 0 10px rgba(100,100,100,0.38); border-top:3px solid #fe831c;}


/*****新加内容*******/
.twdy_divs_tt{ width:100%; height:auto; float:left; text-align:center; font-size:21px; margin:20px 0; line-height:30px;}
.twdy_divs dl.twdydl{ width:96%; height:auto; float:left; margin:0 2%; padding:20px; box-sizing:border-box; border:1px solid #f2f2f2;}
.twdy_divs dl.twdydl:hover{ border:1px solid #f2f2f2; box-shadow:none;}
.twdy_divs dl.twdydl dt{ width:40%; height:auto; float:left; padding:0;}
.twdy_divs dl.twdydl dt img{ width:100% !important; height:auto !important; display:block;}
.twdy_divs dl.twdydl dd{ min-height:100px; width:60%; height:auto; float:left; padding-left:20px; box-sizing:border-box;}
.twdy_divs dl.twdydl dd h3 a.a4{ width:100%; position:static; border:none; text-align:left; height:auto; float:left; font-size:16px; color:#333; line-height:24px;}
.twdy_divs dl.twdydl dd h3 a.a4:hover{ background:none; color:#fe831c}
.twdy_divs dl.twdydl dd p{ background:none; padding:0; margin-top:10px; font-size:14px; line-height:22px; color:#888; }
.twdy_divs dl.twdydl dd a.a3{ width:auto; float:right; position:static; border:1px solid #0077d3; color:#0077d3; padding:0 30px; display:block; height:auto; }
.twdy_divs dl.twdydl dd a.a3:hover{ background:#0077d3; color:#fff;}

.twdyxt{ width:100%; height:1px; float:left; margin:30px 0 0 0; background:#f2f2f2;}








@media only screen and (max-width:1280px){
	
.document_width{ width:730px; margin:auto;}
.pagebanner{ margin-top:60px;}
.pagebanner ul li{height:30vw;}
.pagebanner .ban_wz{ margin-top:25vw;}
.pagebanner .ban_wz a.a1{ margin-top:25px;}

.pagebanner .ban_wz h2.h2{ font-size:26px; line-height:36px; margin-top:-15vw;}
.pagebanner .ban_wz h2.h2 p{ font-size:16px; line-height:24px;}
.pagebanner .ban_wz h2.h2 p.p1{ margin-top:0px;}
.pagebanner .ban_wz h2.h2 p.p1 a.a1{ height:32px; line-height:32px; padding:0 30px; font-size:16px;}




.twtitle_div dl{ width:46%; height:auto;}
.twtitle_div dl.d1{ margin-left:2%;}
.twtitle_div dl dt.dt2{ width:100%; height:120px; float:left;}

.twtitle_div dl dd a {width:100%; height:60px; line-height:26px; color:#202020;}



.twdy_divs{ width:100%; margin:0;}

.twdy_div dl{width:46%;}
.twdy_div dl.d1{ margin-left:2%;}
.twdy_div dl dt{ min-height:190px;}
.twdy_div dl dd{ min-height:370px; }

.twdy_div h2.h2{ font-size:21px;}

/*****繁体样式****/
.httwtitle_div dl{ width:46%;}
.httwtitle_div dl.d1{ margin-left:2%;}
.httwdy_div{ padding-bottom:30px;}
.httwdy_div dl{width:48%;}
.httwdy_div dl.d1{ margin-left:1%;}
.httwdy_div dl dd{ min-height:320px;}

/*****新加内容*******/
.twdy_divs_tt{font-size:20px; margin:2px 0; line-height:26px;}
.twdy_divs dl.twdydl{ width:96%;margin:0 2%; padding:20px;}
.twdy_divs dl.twdydl dt{ width:46%; height:auto; float:left;}
.twdy_divs dl.twdydl dd{ min-height:100px; width:54%; padding-left:15px;}
.twdy_divs dl.twdydl dd h3 a.a4{ font-size:16px; line-height:22px;}
.twdy_divs dl.twdydl dd p{ margin-top:5px; font-size:14px; line-height:20px; }






}

@media only screen and (max-width:780px){
	
.document_width{ width:94%; margin:auto;}

.pagebanner ul li{ height:43vw;}
.pagebanner .ban_wz{ margin-top:32vw;}
.pagebanner .ban_wz h2{ font-size:20px; line-height:30px;}





}


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

.twtitle_div dl dd a{ font-size:14px; line-height:24px;}

.twdy_div dl dd{ font-size:14px; line-height:24px;}

	.twdy_div h2.h2{ font-size:19px; line-height:26px;}
	
	.twdy_div dl{width:96%;}
	.twdy_div dl dt{ min-height:100px; padding-bottom:10px;}
	.twdy_div dl dt img{ height:auto !important;}
.twdy_div dl.d1{ margin-left:2%;}


.twdy_div dl dd{  min-height:100px; padding-bottom:50px;}



/*****新加内容*******/
.twdy_divs_tt{font-size:18px; margin:20px 0; line-height:24px;}
.twdy_divs dl.twdydl{ width:96%;margin:0 2%; padding:20px;}
.twdy_divs dl.twdydl dt{ width:100%; height:auto; float:left;}
.twdy_divs dl.twdydl dd{ min-height:100px; width:100%; padding-left:0px; padding-top:5px; padding-right:0;}
.twdy_divs dl.twdydl dd h3 a.a4{ font-size:16px; line-height:22px;}
.twdy_divs dl.twdydl dd p{ margin-top:5px; font-size:14px; line-height:20px; }
.twdy_divs dl.twdydl dd a.a3{ width:50%; left:25%; padding:0; position:absolute;}



	}


@media only screen and (max-width:560px){
.pagebanner{ margin-top:55px;}	
.pagebanner ul li{ height:54vw;}
.pagebanner .ban_wz{ margin-top:38vw;}
.pagebanner .ban_wz h2{ font-size:16px; line-height:22px;}	
.pagebanner .ban_wz a.a1{ margin-top:15px;}
.pagebanner .ban_wz h2.h2{ font-size:22px; line-height:26px; margin-top:-18vw;}
.pagebanner .ban_wz h2.h2 p{ font-size:14px; line-height:20px;}
.pagebanner .ban_wz h2.h2 p.p1 a.a1{ height:26px; line-height:26px; padding:0 15px; font-size:14px;}



.twindexqy_div{ padding:20px 0;}
.twindexqy_div_wz{ font-size:14px; line-height:23px; font-weight:normal;}
.index_div{ padding:20px 0;}
.twtitle_div h2.h2{ font-size:21px; margin-bottom:15px;}
.twindexqy_div_wz1{ font-size:17px;}
.twindexqy_div_wz1 a.a2{ font-size:16px;}


.twtitle_div dl{ width:46%;}
.twtitle_div dl.d1{ margin-left:2%;}
.twtitle_div dl dt.dt2{ height:90px;}
.twtitle_div dl dt.dt2 img{ width:70px; margin:10px auto;}
.twtitle_div dl dd a{ font-size:16px; line-height:24px; }




.twdy_div h2.h2{ font-size:17px; line-height:26px; margin-bottom:15px;}


/****繁体****/
.httwtitle_div dl{ width:96%; height:100px;}
.httwtitle_div dl.d1{ margin-left:2%;}
.httwtitle_div dl dt.dt2{ height:100px;}
.httwtitle_div dl dt.dt2 img{ width:60px; margin:20px auto;}
.httwtitle_div dl dd a{ font-size:16px; line-height:24px; height:100px; padding:35px 20px 0 100px;}
.httwtitle_div dl dd a.a1{padding:25px 20px 0 100px;}

.httwdy_div dl{width:98%;}
.httwdy_div dl.d1{ margin-left:1%;}
.httwdy_div dl dd{  min-height:100px; padding-bottom:50px;}
.httwdy_div h2.h2{ font-size:17px; line-height:26px; margin-bottom:15px;}

.httwindexqy_div{ padding:20px 0;}
h2.hth2{ font-size:17px; line-height:26px; margin-bottom:15px;}



.twdy_div1{ font-size:19px; line-height:26px;}




}
@media only screen and (max-width:414px){
	
	
.twindexqy_div_wz1{ font-size:14px;}
.twindexqy_div_wz1 a.a2{ font-size:14px;}
.pagebanner .ban_wz{ margin-top:39vw;}
.pagebanner .ban_wz h2{ font-size:14px; line-height:18px;}	
.twindexqy_divb strong{ font-size:20px; line-height:27px;}

.pagebanner .ban_wz h2.h2{ font-size:18px; line-height:24px; margin-top:-18vw;}

.httwindexqy_div_wz {  font-size: 14px; line-height: 23px; font-weight: normal;}
.httwindexqy_div_wz1{ font-size:14px;}
.httwindexqy_div_wz1 a.a2{ font-size:14px;}

}