/* css reset */
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;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
body{font-family:Open Sans Condensed,sans-serif;}
#clearfix{clear:both;}

.headi-one{float:left;color:#000;font-size:18px;padding: 2%;border-bottom: 2px solid #09c; background: #09c;}
.headtwo{float:left;font-size:20px;color:#fff;margin: 3% 0;background:#000;padding:1%}
.headfive{float:left;width:80%;font-size:16px;color:#09c;margin: 0px 0 10px 14px;font-weight: 600;}
.pagep{float:left;width:96%;font-size:15px;line-height:130%;padding: 2%}
.mid{text-align:center}
.headthree{float:left;width:100%;font-size:13px;margin:14% 0;}
.headthree:hover{text-decoration:underline}
.mar-two{margin:2% 0}
.align-left{text-align:left!important}
.fix-five{padding:5%}
.fix-four{font-size: 20px!important;}
.fix-sev{float:left;width:100%}
.fix-eigt{float:left;width:43%;padding:2%;display:block;margin:0 0 0 3.5%;height:100px}
.fix-eigt h6{float:left;width:98%;text-align:left;font-size:14px;color:#FFF;margin-bottom:2%;line-height:130%;padding:2px}
.fix-eigt span{float:left;width:100%;font-size:12px;line-height:118%;color:#fff}
.fix-nine{margin-bottom: 1%;}
.fix-ten{height:350px}
.fix-ele{float:left;width:100%;margin: 5% 0;}
.fiz-twe{float:left;margin-top:3.5%; text-transform:capitalize;width: 27%;margin-left:0!important;}
.fiz-twe h1{float:left;font-family: Georgia;color:#000}
.fix-fif{    background: #000;height: 2px; width: 90%; margin: 0 auto;}
.par-fix{margin-bottom:1%!important;}
 .fix-sixt{width:43%!important;margin:1% 0 0 1%;padding:2% 0!important;text-align:center;background:#09c;font-size: 15px!important;}
 .fix-sent{font-size:15px}
 .fix-ninet{width:5%;float:left;margin-top:3%;font-size: 24px;font-weight: 600;}


.top-wra{float:left;width:100%;background:#fff;}
.pro-top-hd{width:980px;margin:0 auto;}
.pro-top-nav{width:100%;float:left;}
.pro-ul{float:right;width:50%;display:inline}
.pro-ul li{float:right;font-size:12px;list-style:none;margin-left:10px; padding: 2px 0;margin-top: 1%;}
.pro-ul li a{color:#999}
.pro-ul li a:hover{color:#000}
.head-wrap{width:100%;float:left;box-shadow: 0px 0px 0px #222;z-index:1}
.head{margin:0 auto;width:980px;display:table}
.logo{float:left;width:5%;}
.logo img{float:left;width:100%;}
.tex{float:left;width:10%}

.logo-text{float:left;width:33%;margin-top: 2.7%;margin-left: 2%;margin-bottom: 2%;}
.logo-text h1{float:left;width:100%;color:#000;font-size:36px;font-family: Georgia;}
.align-horizontal{float:left;width:100%;background:#fff url(../images/bn.jpg) 50% 10px repeat-x;padding: 0% 0;
box-shadow: -1px 0px 5px #ccc;}
.head-dropdown{display:none;}
.top-menu{float:left;width:100%;}
.top-menu li{float:left;font-size:14px;color:#FFF;line-height:20px;position:relative}
.top-menu li a{padding:48px 16px;float:left; text-decoration: none;color:#000}
.pvt{float: left;width: 92%;text-align: right;font-size:11px;color:#000;font-family: Georgia;}

.decor{background: #ededed;float:left}
.top-menu li:hover{background: #ededed}
.slides-wrap{width:100%;float:left}
.slider{margin:0 auto;display:table;width:980px;z-index:1}
.slider img{width:100%;float:left;}
.middle-wrap{float:left;width:100%;margin-bottom:33px;}
.middle-con{width:874px;margin:0 auto;padding: 4%;display:table;background: rgba(34, 34, 34, 0.75);}
.produc-wrap{float:left;width:100%;margin: 0% 0 0% 0;background-size:100%;height:auto;}
.produc{margin:0 auto;width:980px;padding-top: 5%;background:url(../images/bg.png) center}
.bot-marg{overflow: hidden;}
.inside-wrap{margin:0 auto;width:80%;display:table;}
.pro-left{float:left;width:42%;}
.pro-left span{float:left;width:100%;font-size:27px;font-weight:600;margin-bottom: 4%;color: #fff;}
.pro-left h5{float:left;font-size:15px;color:#09c;width:90%;font-weight:600}
.pro-right{float:left;width:58%}
.pro-right h4{float:left;width:93%;font-size:16px}
.pro-bod{float:left;width:93%; margin-top: 2%;}
.pro-bod h2{float:left;width:100%;font-size:15px;border:2px solid #fff;padding: 2% 1%;}
.pro-info{float:left;width:31%;padding:2%;display:block;margin:0.5%;height:106px}
.pro-top{float:left;width:100%;background:#09C}
.pro-top span{float:left;width:80%;font-size:16px;color:#FFF;padding:19px 10px}
.pro-info h6{float:left;width:98%;text-align:left;font-size:16px;color:#000;margin-bottom:1%;line-height:130%;font-weight: 600;}
.pro-info h6 a{color:#000}
.pro-info span{float:left;width:100%;font-size:12px;line-height:118%;color:#fff}
.pro-head{margin:0 auto;width:78.5%}
.pro-head-in{float:left;width:100%;margin:5% 0 2% 0}
.ser-wrap{float:left;width:100%;margin: 0% 0 0 0;}
.ser{margin:0 auto;width:980px;}
.ser-in-wrap{float:left;width:100%;  margin-bottom: 2%;}
.ser-info{float:left;width:20%;margin-left:4%;margin-bottom:2%;}
.ser-top{float:left;width:100%;background:#09C}
.ser-top span{float:left;width:100%;font-size:13px;color:#FFF;padding:19px 6px;font-weight: 600;}
.ser-bottom{float:left;width:100%;position:relative}
.ser-bottom img{float:left;width:100%;}
.ser-bottom:hover{opacity:0.7}
.ser-bottom img:hover > .myimage{opacity:0.7}
.mimage{float:left;background:url(../images/play.png) no-repeat;position:absolute;height: 42px;width: 42px;top: 67%;left: 71%;display:none}
.arow{float:left;width:40px;height:40px;background:url(../images/arr.png) no-repeat;top:0px;left:5px;position:absolute}


.colo-b{background:#000;}
.colo-w{background:#09c}
.colo-wh{background:#fff}
.testi-wrap{float:left;width:100%;background:url(../images/mn.jpg) no-repeat center;height:564px;background-size: 100%;}
.testi{width:1200px;margin:0 auto;display:table}
.in-test{float:left;width:100%; margin-top: 2%;}
.my-con-spk{float:left;width:37%;margin-left:8%}
.in-my{float:left;width:100%}
.in-my button{  float: right;margin: 0 2% 4% 0;}
.ins-in-my{float:left;width:100%;height:245px;background:url(../images/pic9.jpg);} 
.tex{width:100%;float:left;background:#09c}
.tex span{font-size:13px;color:#FFF; float: left; line-height: 150%; margin-left: 2%; width: 90%;}


.in-my h3{float:left;width:95%;font-size:15px;color:#09c;padding: 4% 0 0 1%;}
.in-my h2{float:left;width:100%;font-size:16px;color:#000;font-weight:600}
.in-my p{float:left;width:100%;font-size:14px;color:#000;margin-bottom: 4%;line-height: 115%}
.fixit{padding: 2% 0 0 1%;width:97%!important;}


.myimage{float:left;background:url(../images/play.png) no-repeat;position:absolute;height: 42px;width: 42px;top: 67%;left: 71%;}
.arrow{float:left;width:40px;height:40px;background:url(../images/arr.png) no-repeat;top:0px;left:5px;position:absolute}
.brand-wrap{float:left;width:100%;margin-top:1%;z-index:1}
.brand{margin:0 auto;width:80%}
.mid-nav{float:left;width:100%}
.mid-ul{float:left;width:100%}
.mid-ul li{float:left;width:20%}
.mid-ul li img{float:left;width:100%;margin: 0% 0 15% 0;}
.askme-wrap{float:left;width:100%;border-top:2px solid #09c}
.askme{margin:0 auto;width:80%}
.askme-con{float:left;width:100%;margin:9px 0px;}
.askme-con span{float:left;width:40%;line-height: 194%;font-size:18px;margin-left: 19%;margin-top: 1%;}
.clickme{float:left;width:20%}
.clickme a{float:left;color:#fff;padding: 14px;margin-top: 2%;margin-bottom:2%;background:#09c}
.foot-wrap{float:left;width:100%;background:#000}
.foot{width:980px;margin:0 auto;display:table;padding-bottom: 2%;}
.foot-con{float:left;width:20%;margin-top: 4%;margin-left: 10%;}
.bottom-nav{float:left;width:100%}
.bottom-ul{float:left;width:100%}
.bottom-ul li{float:left;width:100%;font-size:15px;margin-top: 3%;}
.bottom-ul li a{color:#CCC;text-decoration:none}
.bottom-ul li a:hover{color:#fff}
.foot-part{width:100%;float:left;}
.sub-foot{margin:0 auto;width:80%}
.sub-foot img{float:left;width:80%;margin-left: 5px;}
.last-foot{float:left;width:20%}
.credential{float:left;width:100%;font-size:14px;padding: 3px 0 11px 41px;}
.in-foot-wrap{float:left;width:100%;background:#333;}
.in-foot{margin:0 auto;width:980px;display:table}
.in-foot span{float:left;width:100%;font-size:11px;padding: 0.3% 0;color: #ccc;text-align:right}
.in-foot span a{color:#09c;font-size:12px}

.fix-one{top:0px!important}


.sub-mmenu{float:left;width: 100%;top: 105%;z-index:100;position:absolute;z-index:10}
.sub-mmenu li{position:relative;color:#000;float:left;display:none;position:relative}
.top-menu li:hover > .sub-mmenu li{display:inline}



  .xz{    float: left;
    width: 700px;
    background: #fff;}

.zz{float: right;
    width: 55%;}
	
.mm{    float: left;
    width: 39%;
	background:#09c;
	height:230px;

}		
.mm h2{float:left;width:100%;color:#FFF;font-size:18px;    padding-top: 10px;font-weight: 600;
    padding-left: 31px;}
.mn-img{float:left;width: 80%;
    margin-top: 8%;
    margin-left: 10%;}
.mn-img img {float:left;width:100%}
.mn-fix{width:86%;list-style: disc;font-weight: 600;float:left;font-size:12px;line-height: 150%;padding: 8% 0;border-bottom: 2px solid #ccc;}
.mn-fix a{color:#505050;}
.mn-fix a:hover{color:#09c}
.parti{float:left;height: 200px;
    margin-left: 5%;
    width: 44.7%;
    border-right: 1px solid #ccc;}
	
	
.part-co-wrap{float:left;width:100%}
.part-co{width:980px;margin:0 auto;padding-top: 5%;}	
.part-left{float:left;width:50%}
.part-right{float:right;width:50%}
.mymap{float:left;width:97%}
#map { width: 400px;height: 400px;border-radius:50%}
.submit{    float: left;    padding: 2%; width: 42%; margin-left: 29%; margin-top: 6%;}
.email-area{float:left;width:100%;margin-top: 5%}
.email-area h2{font-weight: 600;float:left;width:100%;font-size:17px;text-align:center;    line-height: 209%; border-bottom: 3px solid #222;}
.email-area p{float:left;width:100%;font-size:14px;text-transform:lowercase;padding:2% 0;border-bottom:3px solid #222;line-height:150%;b}
.email-bot{float:left;width:100%;margin: 2% 0;}
.email-par{float:left;width:50%}
.email-par h2{float:left;width:100%;font-size:14px;line-height:140%;color:#000}
.contact{float:left;width:100%;}
.contact h2{float:left;margin-bottom: 1%;width:100%;font-size:14px;color:#000;text-align: center;font-weight: 600;}
.myform{float:left;width:75%}
.form-customize-input{float:left;width:100%;line-height:120%;font-size:12px;text-align: center;border-radius: 6px;padding: 2%; border: 3px solid #ccc;}
.form-customize-textarea{float:left;width:100%;line-height:120%;height: 110px;font-size:13px;text-align: center;border-radius: 6px;padding: 2%; border: 3px solid #ccc;}
.page-nav{float:left;width:100%}
.page-ul{float:left;width:93%;}
.page-ul li{float:left;width:100%;list-style:disc;    font-size: 18px;margin-left: 3%;
    line-height: 150%;    padding: 0 2%}
.mid-lef{float:left;width:70%;background:#fff}	
.mid-ri{float:right;width:30%}	
.mid-ri-top{margin:0 auto;width:90%;height: 215px; background: #111;}
.mid-ri-top h2{float:left;font-size:18px;color:#fff;width: 91%;padding-top:3%;padding-left:9%;font-family: myriad-pro-n4,myriad-pro,Myriad Pro,Arial,Helvetica,sans-serif;
    margin-top: 2%;}
.mid-ri-top h2 a{text-decoration:none;color:#CCC}	
.mid-ri-top h2 a:hover{color:#fff}
.mid-ri-mid{float:left;width:80%;height: 215px;margin: 4% 5%;background:#111;color: #fff;
    padding: 5%;
    font-size: 16px;}



		
.nrwrap{float:left;width:100%;font-family:"Times New Roman"}	
.nw{width:980px;margin:0 auto;display:table}
.nwleft{float:left;width:75%}
.nwleft-head{float:left;width:97%; padding-left: 14px; margin:1% 0; background: linear-gradient(to right,rgba(0, 153, 204, 0.96), #ffffe0);border-radius: 6px;}
.nwleft-head h2{float:left;    font-size: 22px;    padding: 1% 0;color: #ffffff; font-weight: bold;}
.nwleft-top{float:left;width:100%}
.nwleft-bot{float:left;width:100%;padding-bottom: 2%;}
.nwleft-bot h2{float:left;width:100%;font-size:20px;    padding: 3% 0px 0 0;color:#000;font-weight: 600;}
.nwleft-bot h2 a{color:#09c}
.nwleft-bot p{float:left;width:100%;font-size:18px;line-height: 140%;color:#000;margin-bottom: 0%;}

.nwright{float:right;width:22%}
.nwright-head{float:left;width:100%;border:1px solid #ccc;margin-top: 4%;border-radius: 5px;background:url(../images/high_bottomleft.gif) bottom left no-repeat;) repeat-y}
.nwriht-un{margin:0 auto;width:98%;display: table;}
.nwriht-un h2{float:left;width:100%;font-size:15px;font-weight:bold;color:#09c;padding: 2% 1% 1% 1%;}
.nwriht-un p{float:left;width:100%;font-size:14px;padding: 2%;
    margin-bottom: 4%;color: #000;    line-height: 130%;}
	.nwriht-un p a{color:#000!important;}
	.nwright-top{float:left;width:100%;margin-top:2%}
.main-wrap{width:100%;float:left}
.main{width:980px;margin:0 auto;background:url(../images/bg1.gif); padding: 0% 2%;background-size:100%;display: table;
    border: 1px solid #ccc;}	

.jslider{width:980px;display:table;margin:0 auto;position:relative;height:300px;background: url(../images/nmn.jpg) center;
   background-size: 100%;}	
.jblock{float:left;width:96%;position:absolute; text-align: center;   top:8%;
    padding: 2%;}
.jblock span{float:left;width:40px;background:#09F;position:relative;font-size:18px;width:15%;padding:1%;border-radius:15px;margin-right: 8px;}
.jblock-top{float:left;width:100%;position:relative;margin-bottom: 2%;}
.jblock-top h2{float:left;width:100%;font-size:16px;font-weight:600;padding: 2% 0;color: #fff;text-align:left}
.jblock-top p{float:left;width:50%;font-size:16px;line-height:120%;color: #fff;text-align:left}
.jmid-wrap{float:left;width:100%}
.jmid{margin:0 auto;width:980px;display:table;padding: 2% 0;}
.jmid-left{float:left;width:20%;}
.jmid-right{float:left;width:80%;}
.jwrap{float:left;width:100%;box-shadow: 0 0 2px #ccc,inset 0 0 1px #fff;border:1px solid #ccc;background:#fff}
.jinwrap{float:right;width:92%;padding:2%}
.jinwrap h2{float:left;width:100%;margin-bottom:10px;color:#09c;font: normal normal 20px 'seoptimistregular',Arial,Helvetica,sans-serif; }
.jinwrap p{float:left;width:100%; font: normal normal 12px/16px Arial,Helvetica,sans-serif;line-height:140%;margin-bottom: 1%;}
.nav-arrow{
    width: 16px;
    height: 31px;
    
    float: left;
    background: transparent url(../images/bg-arrow-white.png) no-repeat 2px 0;
    z-index: 999;}

.jspa{    background: #09c;
    padding: 1.5%;
    color: #fff;
    border-radius: 9px;    margin-top: 2%;float:left}
.jl{float:left;width:10%}
.jr{float:right;width:90%}	
.ja{font-size:14px;color:#fff;display:inline!important}
.jmid-top{float:right;width:98%}
.jmid-top span{float:left;color:#09c; font-size: 17px;font-style: normal;font-weight: bold;    font-family: Arial;    padding: 2% 7%;}
.jmid-bot{float:right;width:98%}
.jmid-sec{float:left;width:25%;margin-left: 7%;}
.topper{float:left;width:100%}
.topper img {float:left;width:100%}
.looser{float:left;width:100%;margin-top: 6%;}
.jmid-nav{float:left;width:100%;}
.jmid-ul{float:left;width:94%;display:block;padding:2%}
.jlist{width:80%;float:left;font-size:14px;padding: 2% 0%;list-style: disc; margin-left: 15%;}
.jlist a{color:#000}
.jtit{float:left;width:100%;font-size:15px;    font-weight: 600;
    color: #999;
    padding: 6% 0;}


	.nwright-pot{float:left;width:100%;margin-top:4%;border:1px solid #ccc;border-radius: 5px;}
	.nwright-pot h2{float:left;width:95%;font-size:15px;font-weight:bold;color:#09c;    padding: 6% 1% 1% 4%;}
	.pot-nav{margin:0 auto;width:92%;display:table}
	.pot-ul{float:left;width:100%;}	
	.pot-ul li{font-size:15px;padding: 2%;}

	.pot{float:left;width:100%}
	.pot img{float:left;width:100%}

	.shift-wrap{float:left;width:100%}
.shift{margin:0 auto;display:table;width:980px;}
.shift img{width:100%;float:left;height:320px}
.font-fixit{    font-size: 17px!important; color:#000;}
.addre{float:left;width:100%}
.addre-top{float:left;width:100%; padding-top:9%;}
.addre-top h3{float:left;width:100%;font-size:18px;color:#000;line-height:140%;font-weight: 600;}
.addre-top h1{float:left;width:100%;font-size:16px;color:#09c;line-height:140%}
.addre-top span{float:left;width:100%;font-size:14px;color:#000;line-height:140%}
.addre-bottom{float:left;width:100%; padding-top:4%;}
.addre-bottom h6{float:left;text-align:right;width:53%;font-size:16px;color:#000;line-height:140%}
.addre-bottom h4 {float:left;width:28%;font-size:14px;color:#000;line-height:140%;font-weight:600}
.fix-emails{color: #09c!important;font-weight: 600;}