/* wmx80_css  */

-------------------------------------------------------------------
/* html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; outline: none; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html{font-size: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
* {padding:0; margin:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
*/

.bannerst{ height: 580px; min-width: 1200px; background: url(/templets/default/images/bannert.jpg) no-repeat center;}
.indtpart1{ margin-top:10px; height: 542px; background: url(/templets/default/images/indtpart1bg.jpg) no-repeat center; min-width: 1200px;}
.indtpart1 .titles{ color: #333333; font-weight: bold; font-size: 34px; text-align: center; padding: 55px 0;}
.indtpart1 .cont{ height: 340px; width:1000px; margin: 0 auto; position: relative; background: url(/templets/default/images/indtpart1contbg.png) no-repeat center;}
.indtpart1 .cont b{display: block; position: absolute; top: 126px; left: 352px; font-size: 24px; color:#333333; width: 276px; font-weight: bold; text-align: center; line-height: 34px;}
.indtpart1 .cont i{font-style:normal;display: block; color:#666666; width: 305px; font-size: 16px; padding-left: 20px; line-height: 28px; position: absolute;}
.indtpart1 .cont .i1{ top: 40px; left: 0px;}
.indtpart1 .cont .i2{ top: 212px; left: 0px;}
.indtpart1 .cont .i3{ top: 40px; right: 40px;}
.indtpart1 .cont .i4{ top: 238px; right: 40px;}
.indtpart1 .cont .i5{ top: 145px; right: 40px;}
.indtpart1 .cont em{display: block; font-size: 24px; color: #33a196; font-weight: bold; position: absolute;font-style:normal;}
.indtpart1 .cont em.em1{ top: -0px; left: 206px;}
.indtpart1 .cont em.em2{ top: 175px; left: 155px;}
.indtpart1 .cont em.em3{ top: 0px; left: 655px;}
.indtpart1 .cont em.em4{ top: 205px; left: 655px;}
.indtpart1 .cont em.em5{ top: 110px; left: 655px;}

.jj-yyjs {font-size:24px;
	padding:30px 0 20px 0;
	display:block;
	text-align:center;
	color:#043a64;}
.jj-yyjs h3 {padding: 10px 0 10px 20px;}
.jj-yyjs .jj-left{ float:left; margin-left:5px; width:580px; }
.jj-yyjs .jj-left img { box-shadow: 0px 5px 10px 0px #d9d9d9;border: 10px solid #fff; width:560px; height:390px;}
.jj-yyjs .jj-left .v{box-shadow: 5px 5px 10px 3px #d9d9d9;width:560px;border: 10px solid #fff; margin-top:15px;}
.jj-yyjs .jj-left video {width:100%; height:370px; }
.jj-yyjs .jj-left source{width:100%; height:370px;}
.jj-yyjs .jj-right{ float:left; width:580px;margin-left:15px;}
.jj-yyjs .jj-right p{width:570px; text-indent:2em; font-size:16px; line-height:35px; text-align:left; color:#7a7979;}
.jj-yyjs .jj-right p.ts{}

--------------------------------------------------------------------------------------------------------

@media only screen and (max-width: 600px) 
{
.jj-yyjs {font-size:24px;
	padding:30px 0 20px 0;
	display:block;
	text-align:center;
	color:#043a64;}
.jj-yyjs h3 {padding: 10px 0 10px 20px;}
	
.jj-yyjs .jj-left{ float:left; margin-left:5px; width:100%; }
.jj-yyjs .jj-left img { box-shadow: 0px 5px 10px 0px #d9d9d9;border: 10px solid #fff; width:100%; height:100%;}
.jj-yyjs .jj-left .v{box-shadow: 5px 5px 10px 3px #d9d9d9;width:100%;border: 10px solid #fff; margin-top:45px;}	
.jj-yyjs .jj-left video {width:100%; height:auto; }
.jj-yyjs .jj-left source{width:100%; height:auto;}	

}