/* ---------------------------------->>> include <<<------------------------------------------------------------------*/
@charset "utf-8";
@import url('/css/normalize.css');
@import url('https://cdn.jsdelivr.net/fontawesome/4.6.3/css/font-awesome.min.css');
@import url('https://cdn.jsdelivr.net/animatecss/3.5.2/animate.min.css');

/* ---------------------------------->>> main <<<------------------------------------------------------------------*/
iframe#hiddle_action { display: none; }

/* ---------------------------------->>> include <<<------------------------------------------------------------------*/
body { margin: 0; border: 0; width: 100%; color: #274385; font-size: 14px; line-height: 170%; background-image: url(/images/img-bodyBg.jpg); background-repeat: no-repeat; background-position: 50% 30px; }
div, h1, h2, h3, h4, hr, p, form, label, input, textarea, img, span { text-align: left; vertical-align: middle; margin: 0px; padding: 0px; word-wrap: normal; word-break: normal; border-width: 0; font-family: "Lucida Grande", "Arial", "Arial Narrow"; transition: all linear 0.5s; -moz-transition: all linear 0.5s; -ms-transition: all linear 0.5s; -o-transition: all linear 0.5s; -webkit-transition: all linear 0.5s; }
hr { noshade: noshade; }
th { font-weight: normal; }
ul { list-style: none; margin: 0; padding: 0; overflow: hidden; }
li { list-style: none; }
a, a:hover { text-decoration: none; cursor: pointer; }
img { max-width: 100%; }
section { width: 1160px; margin: 0 auto; overflow: hidden; }
header .top-nav { background: #464646; padding: 5px 0; }
header { color: #fff; font-size: 14px; }
header .top-nav a:last-child { margin-right: 0; }
header section, header .shareway { text-align: right; }
header .shareway { display: inline-block; margin-left: 20px; }
header .shareway a { font-size: 16px; }
.main-head section { overflow: hidden; background-image: url(/images/nav-bg.png); background-repeat: no-repeat; background-position: 100% 100%; }
.main-head .first-bar { padding: 20px 0; overflow: hidden; }
.main-head .first-bar #cis { float: left; margin-top: 8px; }
.main-head .first-bar .contact-img { float: left; z-index: 1000000 }
.main-head .first-bar .contact-phone { float: left; z-index: 1000000;  }
.menu { margin-top: 12px; }
.menu ul { text-align: left; }
.menu li { display: inline-block; }
.menu li a { background-image: url(/images/a01.png); background-repeat: no-repeat; background-position: 0 100%; display: block; width: 158px; height: 63px; color: rgba(255, 255, 255, 0); }
.menu li:nth-child(2) a { background-image: url(/images/a02.png); }
.menu li:nth-child(3) a { background-image: url(/images/a03.png); }
.menu li:nth-child(4) a { background-image: url(/images/a04.png); }
.menu li:nth-child(5) a { background-image: url(/images/a05.png); }
.menu li:nth-child(6) a { background-image: url(/images/a06.png); }
.menu li:nth-child(7) a { background-image: url(/images/a07.png); }
.menu li:hover a { -webkit-filter: drop-shadow(0px 5px 5px #3b3b3b); }
footer .row { overflow: hidden; }
#footer-cis { float: left; }
#footer-cis img { width: 240px; }
.footernav { float: left; margin-left: 20px; }
.footernav li, .connect p { float: left; }
.footernav li a { color: #1c1c1c; font-size: 14px; line-height: 39px; border-right: 1px solid #1c1c1c; padding: 0 10px; }
.footernav li:last-child a { border-right: none; }
.connect { float: left; color: #1c1c1c; font-size: 12px; overflow: hidden; line-height: 39px; }
.connect p b { border-right: 1px solid #1c1c1c; font-weight: normal; padding: 0 10px; }
.connect p:last-child b { border-right: 0; }
.fakemar { clear: both; color: #6e6e6e; font-size: 12px; padding: 15px 0; }
.info { font-size: 12px; color: #757575; }
.info a { color: #757575; }
footer { margin: 20px 0; }
.rwdblock { display: none; }
#gotop { position: fixed; right: 20px; bottom: 30px; font-size: 40px; color: #fff; text-shadow: 0 0 10px #000; z-index: 9; }
.main-content .left { float: left; background-color: #ffffff; width: 76.7%; }
.main-content .right { float: right; width: 270px; }
.first-bar .wow { animation-name: slideInRight; -moz-animation-name: slideInRight; -ms-animation-name: slideInRight; -o-animation-name: slideInRight; -webkit-animation-name: slideInRight; animation-duration: 0.9s; -moz-animation-duration: 0.9s; -ms-animation-duration: 0.9s; -o-animation-duration: 0.9s; -webkit-animation-duration: 0.9s; }
.first-bar #cis.wow { animation-name: slideInLeft; -moz-animation-name: slideInLeft; -ms-animation-name: slideInLeft; -o-animation-name: slideInLeft; -webkit-animation-name: slideInLeft; animation-duration: 0.8s; -moz-animation-duration: 0.8s; -ms-animation-duration: 0.8s; -o-animation-duration: 0.8s; -webkit-animation-duration: 0.8s; }
.contact-img img:hover, .contact-phone img:hover { animation-name: jello; -moz-animation-name: jello; -ms-animation-name: jello; -o-animation-name: jello; -webkit-animation-name: jello; animation-duration: 0.5s; -moz-animation-duration: 0.5s; -ms-animation-duration: 0.5s; -o-animation-duration: 0.5s; -webkit-animation-duration: 0.5s; }
#webSeo, #webSeo div { transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; -webkit-transition: none; font-size: 12px; }
@media screen and (max-width:1180px) {
	section { width: 890px; }
	.main-content .left { width: 70%; }
	.main-content .right { width: 30%; }
}
@media screen and (max-width:920px) {
	section { width: 95%; }
	.main-content .left { width: 100%; }
	.main-content .right { width: 100%; overflow: hidden; }
}
@media screen and (max-width:768px) {
	.menu li a { width: 135px; background-size: contain; }
}
@media screen and (max-width:640px) {
	.menu li { width: 24%; }
	.menu li a { width: 100%; }
	.info { margin-bottom: 20px; }
}
@media screen and (max-width:480px) {

	/*	.contact-img{position: fixed;}
		.contact-phone{position: fixed;}*/
	.main-head section { background: none; }
	header a { margin: 0; }
	.main-head .first-bar .contact-img, .main-head .first-bar .contact-phone { width: 50%; text-align: center; }
	.footernav, #footer-cis, .connect { float: none; width: 100%; text-align: center; margin: 10px auto; }
	.footernav li { float: none; display: inline-block; }
	.info, .fakemar { text-align: center; }
	.footernav li a, .connect p b { border: none; padding: 0 5px; }
	.connect p { float: none; text-align: center; }
	.menu { margin: 0; }
	.main-head .first-bar #cis { margin: 0; }
	header a { font-size: 12px; }
	.menu li a { height: 30px; }
	.main-head .first-bar { padding: 0; }
	.rwdblock { display: block; text-align: right; font-size: 12px; color: #c2112c; }
}
@media screen and (max-width:350px) {
	.menu li { width: 48%; }
}
@media screen and (max-width:340px) {
	.menu li a { height: 53px; }
}
fieldset, form { border: none; margin: 0; padding: 0; }
.form { background: rgb(255, 101, 4); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#19bdff', endColorstr='#06a8e9', GradientType=0); /* IE6-9 */ padding: 15px 30px 0; color: #fff; }
.form2 { background-color: #999999 }
.form input, .form select { width: 94%; box-shadow: 0 2px 5px #c2c2c2 inset; height: 31px; line-height: 31px; border-radius: 5px; padding: 0 3%; outline: none; }
.form textarea { width: 94%; box-shadow: 0 2px 5px #c2c2c2 inset; line-height: 31px; border-radius: 5px; padding: 0 3%; outline: none; }
.form select, textarea { color: #717070; }
.form input::-webkit-input-placeholder { color: #717070; }
.form input::-moz-placeholder { color: #717070; }
.form input:-ms-input-placeholder { color: #717070; }
input:-moz-placeholder { color: #717070; }
.form input::-webkit-input-placeholder { color: #717070; }
.form input::-moz-placeholder { color: #717070; }
.form input[type=radio] { width: auto; box-shadow: none; height: auto; line-height: auto; }
.form select { width: 100%; }
.form textarea { width: 94%; }
.form p { margin: 7px 0; overflow: hidden; }
.form p.ra { margin: 0; }
.btn p { margin: 0 0 7px; }
.btn p #Checknum { float: left; width: 55%; margin-right: 5%; }
.btn p img { width: 27%; }
.btn .send input { color: #fff; text-align: center;	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4a4a4a+0,141414+100 */ background: rgb(74, 74, 74); /* Old browsers */ background: -moz-linear-gradient(top, rgba(74, 74, 74, 1) 0%, rgba(20, 20, 20, 1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(74, 74, 74, 1) 0%, rgba(20, 20, 20, 1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(74, 74, 74, 1) 0%, rgba(20, 20, 20, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4a4a4a', endColorstr='#141414', GradientType=0); /* IE6-9 */ box-shadow: none; border-radius: 0; width: 100%; font-size: 16px; }
.btn .send:hover input { background: #000; cursor: pointer; }
@media screen and (max-width:1180px) {
	#ad-list li:last-child { display: none; }
}
@media screen and (max-width:920px) {
	.btn p img { width: 50px; }
	.form { width: 32%; padding: 15px 3%; float: left; margin-top: 20px; }
	#ad-list { width: 60%; float: right; text-align: right; margin-top: 20px; }
	#ad-list li { width: 50%; float: left; }
	#ad-list li:last-child { display: block; }
}
@media screen and (max-width:640px) {
	.form { width: 84%; padding: 15px 8%; }
	.form img { width: 150px; }
	#ad-list { width: 100%; }
}
#banner { position: relative; }
#banner ul li a.photo { text-align: center; display: block; background-position: 50%; background-size: cover; }
#banner ul li a.photo img { width: auto; }
#banner .bannerInfo img { position: absolute; bottom: 0; }
#banner .bannerInfo img.right { right: 0; }
.bounceOutLeft { -webkit-animation-duration: 0.2s; animation-duration: 0.2s; }
@media screen and (max-width:1366px) {
	#banner .bannerInfo img.right { right: -170px; }
}
@media screen and (max-width:1024px) {
	#banner ul li a.photo img { height: 600px; }
}
@media screen and (max-width:768px) {
	#banner .bannerInfo img.right { right: -250px; }
	#banner ul li a.photo img { height: 500px; }
}
@media screen and (max-width:480px) {
	#banner ul li a.photo img { height: 400px; }
	#banner .bannerInfo img.right { right: -180px; }
}
@media screen and (max-width:450px) {
	#banner ul li a.photo img { height: 350px; }
	#banner .bannerInfo img.right { right: -100px; }
}
.hide { display: none; }
.back-to-top { position: fixed !important; position: absolute; bottom: 20px; right: 130px; z-index: 9999; }
#back-to-top { background-image: url('/images/200.png'); color: #eee; padding: 75px 80px 0px; font-size: 14px; line-height: 15; text-align: center; transition: all .0s ease; -webkit-transition: all .0s ease; -moz-transition: all .0s ease; -o-transition: all .0s ease; }
@media screen and (max-width:450px) {
	.back-to-top { bottom: -90px; left: 10px; z-index: 9999; }

	.main-head .first-bar .contact-img { background-color:#ffffff; height:80px; margin-left:-5px;  }
.main-head .first-bar .contact-phone { background-color:#ffffff  ; height:72px; padding-right:5px; padding-top: 8px;   } 
	
}