@charset "gb2312";
/* CSS Document */

html, body { margin:0px; padding:0; font:14px/1.5 "Microsoft YaHei" , tahoma, arial, \5FAE\8F6F\96C5\9ED1, "Hiragino Sans GB", sans-serif; -webkit-font-smoothing:antialiased;  background:#ffffff; }
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,img,button {border:0;  padding:0; margin:0; font-weight:normal; } 
table,td,tr,th{font-size:12px;}
li{list-style-type:none;list-style:none;}
img{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6,p,em,i,b,span { margin:0; padding:0;/* font-weight:normal;*/ font-style:normal;}
ol,ul {list-style:none;}
address,cite,code,th {font-weight:normal;font-style:normal;}
img:hover { opacity:1; filter: alpha(opacity=100); }
code, kbd, pre, samp { font-family: courier new, courier, monospace; }
small { font-size: 12px; }
legend { color: #000; }
fieldset, img { border: 0; }
button, input, select, textarea { font-size: 100%; }
.ks-clear:after, .clear:after { content: '\20'; display: block;  height: 0; clear: both; }
.ks-clear, .clear { *zoom: 1;}
input,select { border:1px solid #d6d7d9; background:#fff; border-radius:5px;  }
.fl { float:left; }
.fr { float:right; }
.cl { clear:both;}
a { color:#333; text-decoration:none; cursor:pointer; }
a:hover { color:#1979d5; text-decoration:none;  }

.warp { width:1000px; margin:0 auto; overflow:hidden; }
.w100 { width:100%; }
.line { border-bottom:#c9dff2 1px solid;}
.line2 { border-top:#f8f8f8 1px solid;}
.marT10 { margin-top:10px;}
.marT20 { margin-top:20px;}
.marL20 { margin-left:20px;}
.marT40 { margin-top:40px;}


h3 { text-align:center; padding-top:60px;}
h3 i { width:40px; height:40px; background:url(../images/h2_t_icon.png) no-repeat top center; margin:0 auto; display:block;}
h3 i.i1 { background-position:0 0;}
h3 i.i2 { background-position:0 -40px;}
h3 i.i3 { background-position:0 -80px;}
h3 i.i4 { background-position:0 -120px;}
h3 i.i5 { background-position:0 -160px;}
h3 span { font-size:28px; line-height:62px; color:#222222;}
h3 em { width:34px; height:2px; background:#3293e5; margin:0 auto; display:block; margin-bottom:15px;}
h3 p { text-align:center; font-size:14px; color:#666666; line-height:24px; margin-bottom:60px;}

.header { position:relative; display:block;}
.h_top { position:fixed; z-index:2; width:100%; background: rgba(255,255,255,1); border-bottom:1px #f5f5f5 solid;}
.top { width:1000px; margin:0 auto; overflow:hidden; margin-top:30px; margin-bottom:30px;}
.top .logo { width:300px; float:left;}
.top .menu { width:510px; float:right;}
.top .menu ul { overflow:hidden;}
.top .menu ul li { float:left; font-size:16px; margin-left:25px; padding-top:10px;}
.top .menu ul li a { color:#202020; line-height:30px; display:block;}
.top .menu ul li.a1 a { color:#0e98fc; border-bottom:1px #0e98fc solid;}
.top .menu ul li a:hover { color:#0e98fc; border-bottom:1px #0e98fc solid;}
.video {/* position:absolute; top:0px; z-index:1;*/ height:765px; overflow:hidden; padding-top:108px; }
.video-bg { background: rgba(0,0,0,0.5); width:100%; height:765px; top:108px; position:absolute;}
.video-btn { margin: 0 auto; text-align:center; padding-top:15%;}
.video-btn h4 { font-size:42px; line-height:70px; color:#FFF; font-weight:700; }
.video-btn h4 i { font-weight:100; font-size:20px; line-height:70px; padding:0 15px;}
.video-btn a { margin: 18px 4px; border-radius: 50px; background-color:#0e98fc; color:#FFF; display: inline-block; padding: 7px 30px 8px;}
.video-btn #goLive { margin: 18px 4px; border-radius: 50px; background-color:#0e98fc; color:#FFF; display: inline-block; padding: 7px 30px 8px; cursor:pointer;}


.texing { overflow:hidden;}
.texing li { width:18.75%; float:left; margin-right:3%; background:#efefef; padding:2%; cursor:pointer;}
.texing li:nth-child(4) { margin-right:0;}
.texing li span { height:120px; display:block;}
.texing li span img { display:block; -webkit-transition:all .3s linear;  -moz-transition:all .3s linear;  -o-transition:all .3s linear; transition:all .3s linear; }
.texing li h5 { text-align:center; line-height:3em; font-size:18px;}
.texing li p { font-size:14px; line-height:20px; color:#999; height:140px;}
.texing li:hover { background:#0e98fc;}
.texing li:hover img { -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05); transform:scale(1.05); border:#FFF 2px solid; }
.texing li:hover h5 { color:#FFF;}
.texing li:hover p { color:#FFF;}


.screen_2 { width:100%; overflow:hidden;}
.screen_2 ul { margin-right:-1px; margin-left:1px; overflow:hidden;}
.screen_2 li { width:33.26%; float:left; margin-right:1px; position:relative;}
.screen_2 li img { width:100%;}
.screen_2 li .img_title { text-align:center; font-size:16px; position:absolute; bottom:0px; line-height:55px; height:55px; color:#FFF; width:100%;    background: rgba(0,0,0,0.5); }
.screen_2 li .hide_area{ position: absolute; left: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.5); color: #fff;}
.screen_2 .img_areaW .img_area:hover .img_title{ display:none;}
.screen_2 li .hide_area p { padding:10% 20% 15%; text-align:center;}
.screen_2 li .hide_area p b { font-size:26px; font-weight:normal; margin-bottom:3%;}

.ywgn {}
.ywgn li { width:25%; float:left; margin-bottom:25px;}
.ywgn li i { width:122px; margin:0 auto; height:122px; display:block; background:url(../images/icon.png) no-repeat; margin-bottom:15px;}
.ywgn li p { text-align:center; font-size:16px; line-height:30px; color:#666;}
.ywgn li i.w01 { background-position:0 0;}
.ywgn li i.w02 { background-position:-122px 0;}
.ywgn li i.w03 { background-position:-244px 0;}
.ywgn li i.w04 { background-position:-366px 0;}
.ywgn li i.w05 { background-position:0 -122px;}
.ywgn li i.w06 { background-position:-122px -122px;}
.ywgn li i.w07 { background-position:-244px -122px;}
.ywgn li i.w08 { background-position:-366px -122px;}
.ywgn li i.w09 { background-position:0 -244px;}
.ywgn li i.w10 { background-position:-122px -244px;}
.ywgn li i.w11 { background-position:-244px -244px;}
.ywgn li i.w12 { background-position:-366px -244px;}

.cpxt { background:url(../images/cpxt.jpg) no-repeat bottom center; height:802px; margin-top:40px; padding-top:20px;}

.links { overflow:hidden; margin-bottom:60px;}
.links li { width:44.5%; /*width:18.75%;*/ float:left; margin-right:3%; margin-bottom:3%;  background:#efefef; padding:0 2%; line-height:2.5em; cursor:pointer; text-align:center; font-size:18px;}
.links li img { margin-top:8px; margin-right:8px;}
.links li:nth-child(2n) { margin-right:0;}
/*.links li:nth-child(4n) { margin-right:0;}*/
.links li:hover { background:#f8f8f8;}

#contact{ position:fixed; right:10px; bottom:10px; cursor:pointer; background-color:#0e98fc; color:#FFF; border-radius:3px; padding:15px 20px;}
#contact2,#contact3,#contact4,#contact5,#contact6,#contact7 { cursor:pointer; background-color:#0e98fc; color:#FFF; border-radius:3px; padding:10px 20px; margin-top:10px;}
#contact2:hover,#contact3:hover,#contact4:hover,#contact5:hover,#contact6:hover,#contact7:hover { background-color:#F90;}
#contact img { float:left; padding-right:5px;}
.layui-layer-content { background:#f8f8f8;  }
.contact_box { background:#f8f8f8; padding:30px 50px;}
.contact_box h2 { text-align:center; font-size:24px; line-height:2em; font-weight:700;}
.contact_box label { display:block; font-size:16px; line-height:2em;}
.contact_box .input-text { background: #fff; margin-bottom: 10px; padding: 10px 2%; border-radius: 10px; border:0; width:96%;}
.contact_box .textarea { background: #fff; margin-bottom: 10px; padding: 10px 2%; border-radius: 10px; border:0; width:96%;}
.contact_box .submit{ background: #fff; margin-bottom: 10px; padding:10px 0%; border-radius: 10px; border:0; width:100%; background-color:#0e98fc; color:#FFF; font-size:16px; text-align:center;}
.tel { text-align: center; background: #fff; margin-top: 10px; padding: 14px 20px; border-radius: 10px;}
.tel a { display: inline-block; line-height: 28px; font-size: 18px; font-weight: bold; color: #333; cursor: context-menu;}
.tel img { float:left; padding-right:10px;}

.footer { background:#181a1e; color:#FFF;}
.footer .copyright { text-align:center; line-height:65px;}

.video-wap { display:none;}
/*تض»ْ×شتتس¦*/
@media screen and (max-width: 761px) {
	input {
    outline: none;
    -webkit-appearance: none; 
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
	.warp,.top { width:100%;}
	.h_top { position:relative;}
	.video { display:none; padding-top:0; height:inherit;}
	.video-bg { display:none;}
	.hide_area { display:none;}
	.top { margin:0;}
	.top .logo { width:60%; margin:5% auto; text-align:center; float:none;}
	.top .menu {  float:none; width:100%; background:#0e98fc;}
	.top .menu ul li a  { color:#FFF;}
	.top .menu ul li.a1 { display:none;}
	.top .menu ul li { margin-left:0%; padding:2% 0; width:20%; text-align:center; font-size:.8rem; line-height:7.2rem;}
	h3 { padding-top:5%;}
	h3 span { font-size:20px;line-height:40px;}
	h3 p { margin-bottom:5%; padding:0 8%; font-size:12px;}
	h3 em { width:4%; height:1px;}
	h3 i { width:30px; height:30px; background-size:100%;}
	h3 i.i1 { background-position:0 0;}
	h3 i.i2 { background-position:0 -30px;}
	h3 i.i3 { background-position:0 -60px;}
	h3 i.i4 { background-position:0 -90px;}
	h3 i.i5 { background-position:0 -120px;}
	.texing { padding:0 3%;}
	.texing li { width:44.5%; margin-right:3%; margin-bottom:3%;}
	.texing li:nth-child(2n) { margin-right:0;}
	.texing li span { height:100px; overflow:hidden;}
	.texing li h5 { font-size:14px;line-height:40px;}
	.texing li p { font-size:12px; height:140px;}
	.screen_2 li { width:100%;}
	.hide_area { }
	.video-wap { display:block;}
	.ywgn li { width:29%; padding:0 2%;margin-bottom:2%;}
	.ywgn li i { background:url(../images/icon2.png) no-repeat; width:80px; height:80px;}
	.ywgn li i.w01 { background-position:0 0;}
	.ywgn li i.w02 { background-position:-80px 0;}
	.ywgn li i.w03 { background-position:-160px 0;}
	.ywgn li i.w04 { background-position:-240px 0;}
	.ywgn li i.w05 { background-position:0 -80px;}
	.ywgn li i.w06 { background-position:-80px -80px;}
	.ywgn li i.w07 { background-position:-160px -80px;}
	.ywgn li i.w08 { background-position:-240px -80px;}
	.ywgn li i.w09 { background-position:0 -160px;}
	.ywgn li i.w10 { background-position:-80px -160px;}
	.ywgn li i.w11 { background-position:-160px -160px;}
	.ywgn li i.w12 { background-position:-240px -160px;}
	.ywgn li p { font-size:0.8rem;line-height:2rem;}
	.cpxt { background-size:230%; height:400px;}
	.links { padding:0 3%; margin-bottom:5%;}
	.links li { font-size:.8rem; width:44.5%;}
	.links li:nth-child(2n) { margin-right:0;}
	.footer { padding:1rem ;}
	.footer .copyright { font-size:1rem; line-height:2rem;}
	.screen_2 li .hide_area p { padding:3%;}
	.screen_2 li .hide_area p b { font-size:16px; line-height:2rem;}
	.tel { font-size:12px;}
	.links li img { display:none;}
	.contact_box { padding:30px 20px;}
	.screen_2 ul { margin-right:0; margin-left:0;}
	.screen_2 li { margin-right:0; margin-bottom:1px;}
	}