@charset "utf-8";


@font-face {font-family: futura;src: url(/font/futura_medium_condensed_bt-webfont.woff);}


body{margin:0px; font-family: 'Oswald', sans-serif;}

.full-wrapper{width:100%;  max-width:1600px;  margin: 0 auto;}
.backfullwrapper{width:100%; float:left;background: rgba(0, 0, 0, 0) url("/images/full.jpg") no-repeat fixed 0 0 / 100% 100%; }
.wrapper { width:1100px;  margin:0 auto;}
.contentwrapper{ float:left; width:100%}



.active{ color:#eb334b !important;}
a{ text-decoration:none; }
h2{ font-size: 25px;}
p{     }
.inn{ float:left; width:100%; text-align:center; color:#eb334b}
header{ float:left; width:100%;}
.h_top{ float:left; width:100%; background:#2e64aa ; }
.h_top p{ color:#fff;  font-size: 18px; float:left; width:70%; margin-left: 5%;}
.h_btm{ float:left; width:100%}
.logo{ float:left; width:14%}
.logo img{ float:left; width:100%}
.soc{ float:right; width:17%;margin-top: 8px;}
.soc ul{ margin:0 ; padding:0}
.soc ul li { list-style:none; display:inline; }
.soc ul li img{ float:left; width:24%}


.nav-main{float:left; width:100%; padding-top: 1%;background: #fff}	
.nav-main nav1{ float:left; width:36%; background: rgba(0, 0, 0, 0) url("/images/m1.png") no-repeat scroll center center / 100% 100%;margin-top: 4%; margin-left: 7%; }
.nav-main nav2{ float:left; width:36%;background: rgba(0, 0, 0, 0) url("/images/m2.png") no-repeat scroll center center / 100% 100%; margin-top: 4%;margin-right: 7%; }
.nav-main ul {float: left;margin-top: 20px;width: auto;}
.nav-main nav1 ul li{ float:left; list-style:none; display:inline; margin-left:25px}
.nav-main nav2 ul li{ float:left; list-style:none; display:inline; margin-right:25px}
.nav-main ul li a {color: #2e64aa;float: left;text-decoration: none;text-transform: uppercase;font-size: 14px;  padding: 10px;}
.nav-main ul li a:hover {color:#fff !important}



.banr{ float:left; width:100%; position:relative}
.banr img{ float:left; width:100%}
.banr .bnr_tst{ float:left; width:300px; position:absolute;top: 20%; border-left: 20px solid #2e64aa; background:rgba(219, 60, 81, 0.85);padding-left: 25px;}
.bnr_p{ color:#fff;font-size: 20px;}
.bnr_s{font-size: 55px;font-weight: 600;}



.left{ float:left; width:50%}
.right{ float:left; width:50%}



.panal1{ float:left; width:100%}
.panal1 .left{width:50%; float:left;}
.panal1 .left .fs-0{float:left; width:50%;}
.panal1 .left .fs-1{float:left; background:#f1ad0b; position:relative;overflow:hidden;height:200px; transition:all ease 1000ms;}
.panal1 .left .fs-2{float:left; background:#eb334b; position:relative;overflow:hidden;height:200px; transition:all ease 1000ms;}
.panal1 .left .fs-0 img{float:left; width:400px; overflow:hidden;  top:-10px;left:60px;position:absolute; transition:all ease 1000ms; }
.panal1 .left .fs-0 p{float:left;width:100%; text-align:center; margin-top:110px;color:#fff; text-transform:uppercase; font-size:20px;transition:all ease 1000ms; position:relative;}
.panal1 .left .fs-0 p:before{position:absolute; width:70%; left:15%; background:url(/images/des.png) no-repeat; background-size:100% 100%; content:''; height:30px; bottom:-30px;}
.panal1 .left .fs-0:hover img{left:-190px;}
.panal1 .left .fs-0:hover p{color:#2e64aa;}
.panal1 .right{background:url(/images/img2.jpg) no-repeat; height:200px; width:46%; padding:0 2%; background-size:100% 100%;}
.panal1 .right h2{color:#fff; text-transform:uppercase; font-weight:400;}
.panal1 .right ul{float: left;
    margin: 0 1% 0 0;
    padding: 0 0 0 1%;
    width: 33%;}
.panal1 .right ul li{ font-weight:300; font-size:15px; color:#fff;}
.panal1 .right .ul1{float: left;
    margin: 0 1% 0 5%;
    padding: 0 0 0 1%;
    width: 20%;}

.panal2{ float:left; width:100%}
.panal2 .left{width:44%; text-align:justify; background:#2e64aa; color:#fff;padding: 2% 3%;min-height: 496px;}
.panal2 .left .read{ padding:10px; border:1px solid #fff;float: left; color:#fff}
.panal2 .left .read:hover{ background:#fff; color:#2e64aa}
.panal2 .right img{ float:left; width:100%; }



footer{float:left; width:100%;}
.ftr{ float:left; width:100%; position:relative;border-bottom: 20px solid #f1ad0b; background:rgba(0, 0, 0, 0) url("/images/foot.jpg") no-repeat scroll center center / 100% 100%}
.ftr img{ float:left; width:100%}
.f_cntnt{ float:right; width:50%;top: 4%;  right:0;padding-right: 3%;text-align: right;}
.col{ color:#eb334b;font-size: 17px;line-height: 30px;}
.col1{ color:#2e64aa;font-size: 22px;font-weight: 600;}
.col2{ font-size: 22px;font-weight: 600;}
.f_cntnt a{ color:#F60;font-weight: 600;}
.f_cntnt a:hover{ color:#0F0}







.pannel3{ float:left; width:100%}
.pannel3 .left{ float:left; width:100%}
.pannel3 .left .pic{ float:left; width:100% ; background:url(/images/inner.jpg)no-repeat scroll center center / 100% 100%}
.pannel3 .left .pic img{ float:left; width:100%}


.pannel3 .left .cntnt{ float:left; width:90%;  background:rgba(46, 100, 170, 0.78); text-align:center;  color:#fff;padding: 5%;}
.pannel3 .left .cntnt p{font-weight: 300;}

.pannel3 .right{ float:left; width:30%}

.pannel4{ float:left; width:100%; background:#fff}
.pannel4 .addr{ float:left;  padding: 5%;   width: 90%; background:#fff}
.pannel4 .addr img{ float:left; margin: 10px 35%;    width: 30%;}
.pannel4 .frm{float:left;  padding: 5%;   width: 90%; background:#fff; text-align:center}

.pannel4 .pl1{ display:none; float:left; width:50%; position:relative}
.pannel4 .pl1 img{ float:left; width:100%}
.pannel4 .pl2{ float:left; width:96%;padding: 25px 0 25px 4%; background:url(/images/2.jpg)no-repeat scroll right center / 50% 100%}
.pannel4 .pl3{ float:right; width:96%;padding: 25px 0 25px 4%; background:url(/images/1.jpg)no-repeat scroll left center / 50% 100%}
.pannel4 .pl3 ul{ float:right; width: 20%;}
.pannel4 .pl4{ float:left; width:49%;position:relative}
.pannel4 .pl4 img{ float:left; width:100%}
.pannel4 ul{ float:left; width:30%;margin: 0 0 0 40px; padding:0}
.pannel4 ul li{ color:#2e64aa; list-style:none; list-style-image:url(/images/li.png); margin: 11px 0;}

.map{ float:left; width:90%; margin:30px 5%; border:2px solid #eb334b; text-align:center}


.e_contact-form{ float:left; width:100%; padding:3px 0%;}
.e_contact-form .text{ float:left; width:48%; height:35px; border:1px solid #e1e1e1; margin-right:1% !important; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom:15px; text-indent: 10px;}
.e_contact-form .text1{ float:left; width:98%; height:35px; border:1px solid #e1e1e1; margin-right:4% !important; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom:15px; text-indent: 10px;}

.e_contact-form .text:nth-child(2){ margin-right:0;}
.e_contact-form .text:nth-child(4){ margin-right:0; }
.e_contact-form .textarea{ float:left; width:97%; height:100px; margin:0px 0 15px; border:1px solid #e1e1e1; font-family: 'Open Sans', sans-serif; text-indent:0px; padding-top:15px; resize:none;font-size: 14px;border-radius: 5px; text-indent: 10px;}
.e_contact-form .button{ float: left;width: 105px; height: 35px; clear: both; background: #0975e3; border:1px solid #e1e1e1; cursor:pointer; color:#FFFFE1; margin:0px 0 20px;border-radius: 9px;}
.mobile-menu .menu-ic{width:30px; height:5px; border-top:6px solid #fff; border-bottom:16px double #fff; cursor:pointer; float:right}
.mobile-menu .nav-bar ul{float:left; padding:0; width:100%;}
.mobile-menu .nav-bar ul li{float:left; width:100%; list-style:none; padding:6px 0; background:rgb(46, 100, 170); margin:2px 0; border:1px solid #e1e1e1; text-align:center}
.mobile-menu .nav-bar ul li a{text-decoration:none;text-transform: uppercase;}
.mobile-menu .nav-bar ul li a span{color:#fff; font-size:15px;}


@media only screen and (min-width: 100px) and (max-width: 479px) {
.wrapper{ width:90%}
.h_top p{ font-size:13px}
.soc{ width:25%; margin:0}
.soc ul li img{ width:33%}
.nav-main{ display:none}
.bnr_tst{ display:none}
.panal1 .left{ width:100%}
.panal1 .right{ width:96%;height: 300px;}
.panal2 .left{ width:94%}
.right{ width:100%}
.panal1 .left .fs-0 img{ left:0}
.panal1 .left .fs-0:hover img{left:-250px;}
.panal1 .right ul{ margin: 0 1% 0 22px;    width: 46%;}
.f_cntnt{ width:95%}
.f_cntnt p{ font-size:11px}
.ftr{ background:#fff}
.col{ line-height:20px}
.col1{ font-size:19px}
.mobile-menu{display:block; position: absolute;top: 38px;width: 100%; float:right; right: 30px;}
.mobile-menu .nav-bar{float:right; width:65%; background:rgba(120, 158, 189, 0.8) ; padding:5px 10px; display:none; position:absolute;right: 0;top: 30px;z-index: 99999999;;}

.pannel3 .left .pic{ float:left; width:100% ; background:url(/images/inner.jpg) center center / 100% 20%}
.pannel4 .pl2{ background:#fff;padding: 0 0 0 2%;}
.pannel4 ul{ width:36%}
.pannel4 .pl3{background:#fff;padding: 0 0 0 2%; width:98%}
.pannel4 .pl3 ul{ float:left; width:36%}
.left{ width:100%}
.pannel4 .addr p{ line-height:30px}
.e_contact-form .text{ width:97%}
}


@media only screen and (min-width: 480px) and (max-width: 767px) {
	
.wrapper{ width:90%}
.h_top p{ font-size:13px}
.soc{ width:25%; margin:0}
.soc ul li img{ width:33%}
.nav-main{ display:none}
.bnr_tst{ display:none}
.panal1 .left{ width:100%}
.panal1 .right{ width:96%;height: 265px;}
.panal2 .left{ width:94%}
.right{ width:100%}
.panal1 .left .fs-0 img{ left:70px}
.panal1 .left .fs-0:hover img{left:-175px;}
.panal1 .right ul{ margin: 0 1% 0 22px;    width: 46%;}
.f_cntnt{ width:95%}
.f_cntnt p{ font-size:11px}
.ftr{ background:#fff}
.col{ line-height:20px}
.col1{ font-size:19px}
.mobile-menu{display:block; position: absolute;top: 45px;width: 100%; float:right; right: 44px;}
.h_top{ padding-bottom: 15px;}
.pannel3 .left .pic{ float:left; width:100% ; background:url(/images/inner.jpg) center center / 100% 100%}
.pannel4 .pl2{ background:#fff;padding: 0 0 0 2%;}
.pannel4 ul{ width:36%}
.pannel4 .pl3{background:#fff;padding: 0 0 0 2%; width:98%}
.pannel4 .pl3 ul{ float:left; width:36%}
.left{ width:100%}
.pannel4 .addr p{ line-height:30px}
.e_contact-form .text{ width:97%}
.panal2 .left{ min-height:410px}
.mobile-menu .nav-bar{float:right; width:40%; background:rgba(120, 158, 189, 0.8) ; padding:5px 10px; display:none; position:absolute;right: 0;top: 30px;z-index: 99999999;;}

	}

@media only screen and (min-width: 768px) and (max-width: 964px) {
	
.wrapper{ width:90%}
.h_top p{ font-size:13px}
.soc{ width:18%; margin:0}
.soc ul li img{ width:33%}
.nav-main{ display:none}
.bnr_tst{ display:none}
.panal1 .left{ width:100%}
.panal1 .right{ width:96%;height: 190px;}
.panal2 .left{ width:94%}
.right{ width:100%}
.panal1 .left .fs-0 img{ left:100px}
.panal1 .left .fs-0:hover img{left:-150px;}
.panal1 .right ul{ margin: 0 1% 0 22px;    width: 26%;}
.f_cntnt{ width:95%}
.f_cntnt p{ font-size:11px}
.h_top{ padding-bottom: 30px;}

.col{ line-height:20px}
.col1{ font-size:19px}
.mobile-menu{display:block; position: absolute;top: 43px;width: 100%; float:right; right: 50px;}
.panal2 .left{ min-height:390px}
.pannel3 .left .pic{ float:left; width:100% ; background:url(/images/inner.jpg) center center / 100% 100%}
.left{ width:100%}
.pannel4 .addr p{ line-height:30px}
.e_contact-form .text{ width:97%}
.mobile-menu .nav-bar{float:right; width:30%; background:rgba(120, 158, 189, 0.8) ; padding:5px 10px; display:none; position:absolute;right: 0;top: 30px;z-index: 99999999;;}

}



@media only screen and (min-width: 965px) and (max-width: 1100px) {
.wrapper{ width:90%}
.right img{ display:none}
.panal2 .left{ width:94%}
.nav-main nav1 ul li{ margin-left:17px}
.nav-main nav2 ul li{ margin-right:17px}
.panal2 .left{ min-height:340px}
.mobile-menu .menu-ic{ display:none}
.panal1 .left .fs-0 img{ left:35px}
.panal1 .left .fs-0:hover img{left:-200px;}
.panal1 .right h2{ margin: 13px 0;}

}