@charset "utf-8";/* CSS Document */
html {font-size: 62.5%;height: 100%}
body {margin: 0 auto;font-family:arial;font-size: 12px;font-size: 1.2rem;height: 100%; direction: rtl;}
img {border: none;}
ul li {list-style-type: none;}
ul, form, p, a, img, table, tr, td, li, dd, dt, dl, span {margin: 0;padding: 0;list-style: none;color: #333;}
a {text-decoration: none;color: #333;outline: none;transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;-webkit-transition: 0.3s;}
input[type="submit"]{cursor: pointer;transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;-webkit-transition: 0.3s;}
p a{display: inline;}
h1,h2,h3,h4,h5,h6 {margin: 0;padding: 0;font-weight: normal;color: #333;}
input, textarea {font-family:arial;font-size: 12px;font-size: 1.2rem;color:#333;border: none;outline: none;}
img{vertical-align: middle;}

::-webkit-input-placeholder {color: #999;}
:-moz-placeholder {color: #999;}
::-moz-placeholder {color: #999;}
:-ms-input-placeholder {color: #999;}
.placeholder{color: #999;}

.clearfloat {zoom: 1}
.clearfloat:after {display: block;clear: both;content: "";visibility: hidden;height: 0}
.clear {clear: both;}
.center {width: 1200px;margin: auto;}
.fl{float: left;}
.fr{float: right;}
.maln {margin-left: auto !important;}


@media screen and (min-width:1420px) {.center {width: 1400px;margin: auto;}}
@media screen and (min-width:1200px) and (max-width:1419px) {.center {width: 1200px;margin: auto;}}
@media screen and (min-width:1000px) and (max-width:1219px) {.center {width: 980px;margin: auto;}}
@media screen and (max-width:999px) {.center {width: 95%;margin: auto;}}

/*header*/
.header{border-top: 1px solid #8ba6ce;padding-top: 14px;padding-bottom: 13px;}
.header .logo{float: right;}
.header .logo img{width: 100%;max-width: 194px;max-height: 82px;}

.header .nav {float:left;margin-top: 14px;}
.header .nav .top{float: right;}
.header .nav .top>li {position:relative; z-index: 100;float: right;margin-right: 18px;}
.header .nav .top>li:first-child{margin-right: auto;}
.header .nav .top>li>a {display: block;font-size: 18px;font-size:1.8rem;font-weight: bold;color: #333;padding: 3px 13px;line-height: 37px;text-transform: uppercase;}
.header .nav .top>li:hover>a,
.header .nav .active{color: #fff !important;background: #0483c4;}

.header .yiji{ width:258px; position:absolute; right:0px; top:-9999px; margin-top:43px;padding-top: 10px; *padding-top:0px; z-index:9999;}
.header .yijin{border: 1px solid #d2d2d2;}
.header .yijin>li{ position:relative;border-top: 1px solid #d2d2d2;}
.header .yijin>li:first-child{border: none;}
.header .yijin>li>div{background:#eeeeee url(../img/bg-yiji.png) no-repeat right center;padding-right: 39px;cursor: pointer;transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;-webkit-transition: 0.3s;}
.header .yijin>li>div>a{display:block; font-size:14px; font-size:1.4rem; color:#333; line-height:24px;padding:8px 0; padding-left:11px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.header .yijin>li:hover>div,
.header .yijin>li.on>div{background:#184D9D url(../img/bg-yiji-on.png) no-repeat right center;}
.header .yijin>li:hover>div>a,
.header .yijin>li.on>div>a{color: #fff;}

.header .erji{ display: none;background:#fff;padding: 10px 0;}
.header .erji li{position: relative;padding-right:5px; padding-right:5px}
.header .erji li a{display: block;font-size:12px; font-size:1.2rem;color: #333;line-height: 30px;padding-right:11px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;    background: url(../img/bg-dian.png) no-repeat right center; border-bottom:#ccc solid 1px}
.header .erji li:hover>a{color: #184D9D;}
.header .sanji{ position:absolute; top:-9999px;right:256px;width:258px;background: #fff;border: 1px solid #d2d2d2;padding: 10px 0;margin-top: -11px;}
.header .sanji li{padding-right: 0;}
.header .sanji li a{padding: 0 18px;  background: url(../img/bg-dian.png) no-repeat right center;}
.header .sanji li a:hover{color: #184D9D;}

.header .nav .top>li:hover .yiji{ top:0px;}
.header .nav .top>li:hover>a{  background: #0483c4;}
.header .yiji li:hover .erji{ top:0px;}
.header .erji li:hover .sanji{ top:0px;}

/*search*/
.search{float: right;width:32px;z-index:9999999; position:relative;margin-right: 16px;margin-top:5px;}
.sb-icon-search {color: #fff;z-index: 999999;width:29px;height:29px;display:block;}
.sb-search-submit {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;color: transparent;border: none;outline: none;z-index: 99999;}
.search_1000{}
.sb-search {position:relative;width: 0%;min-width: 32px;height: 32px;float: left;overflow: hidden;-webkit-transition: width 0s;-moz-transition: width 0s;transition: width 0s;-webkit-backface-visibility: hidden;z-index:999;border-radius: 0;}
.sb-search-input {position: absolute;top: 0;right:0px;outline: none;width:193px;height: 29px;line-height:29px;background: none;
padding-right:10px;padding-left: 4px;border:none;margin: 0;z-index: 10;font-family:Arial, Helvetica, sans-serif;color:#fff;}
.sb-icon-search,
.sb-search-submit{display: block;width: 32px;height: 32px;position: absolute;left: 0px;top:0px;padding: 0;margin: 0;cursor: pointer;border:none;background:#fff url(../img/icon-search.png) no-repeat center;}
.sb-search.sb-search-open{width: 236px;height:29px;line-height:29px;position:relative;left:0px;top:0px;background:#fff;z-index: 9999999;border-radius: 0;background: #184D9D;}
.sb-search.sb-search-open .sb-icon-search{width: 27px;height: 27px;border-radius: 0;}
.sb-search.sb-search-open .sb-search-submit{background-color: #f47321;}

@media screen and (max-width:1419px){.header .nav{margin-top: 20px;}.header .nav .top>li{margin-left: 10px;}.header .nav .top>li>a{padding: 3px 4px;}.search{margin-left: 5px;}}
@media screen and (max-width:1219px) and (min-width:1000px){.header .logo{float: none;text-align: center;}.header .nav{float: none;}.header .nav .top>li>a{padding: 3px 5px;}}
@media screen and (max-width:999px){.header{padding: 6px 0;}.header .logo{width: 120px;}}



/*nav-move*/
@media screen and (min-width:1000px) {.container-move{ display:none}}
@media screen and (min-width:1000px) and (max-width:1219px) {}
@media screen and (max-width:999px) {
.header .nav {display: none}
.container-move{ width:0; height:100%;position:absolute; left:0px;transition:all 0.4s ease 0s; z-index:999; cursor:pointer;}
.menubtn{width: 25px;height: 20px;position: absolute;top:18px;left: 18px;transition:all 0.4s ease 0s;}
.menubtn span{display: block;width: 100%;height: 4px;margin-bottom: 5px;background-color: #184D9D;}
.nav-move{overflow: auto;width:250px;height:100%;background:rgba(0,0,0,0.8);position: fixed;bottom: 0;left: 0;display: none;}
.nav-move ul {display: none; margin-top:40px;}
.nav-move ul li{line-height: 40px;font-size: 14px; font-size:1.4rem;text-indent: 30px;}
.nav-move ul li a{ color:#fff;}

.header{position: relative;z-index: 997;-webkit-box-shadow:0px 1px 3px #333;-moz-box-shadow:0px 1px 3px #333;box-shadow:0px 1px 3px #333;}
#mask{position: fixed;display: none;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,.5);z-index: 998;}
}

/* return top */
#returnTop {_display: none;	position: fixed;_position: absolute;z-index: 999999999999999999999;right: 30px;bottom: 109px;_bottom: auto;width: 38px;height: 38px;text-indent: -999px;
	overflow: hidden;background: url(../img/top.png) no-repeat;	_backgroundurl: (../img/top.png) no-repeat;transition: bottom 0.9s;-webkit-transition: bottom 0.9s;-moz-transition: bottom 0.9s;-o-transition: bottom 0.9s;}

/*ol*/
.onlineb{position: fixed;top: 50%;margin-top: -282px;right: 0;z-index: 999999;*width: 105px;}
.onlineb .downb{float: right;display: block;width: 45px;height: 183px;background: url(../img/bg-ol-down.jpg) no-repeat center;}
.onlineb .now{margin-top: 75px;}
.onlineb .now .inq{display: block;width: 105px;height: 138px;background: url(../img/bg-ol-now.jpg) no-repeat center;}
.onlineb .now ul{width: 105px;}
.onlineb .now li{margin-top: 4px;}
.onlineb .now li.li1 a{background: url(../img/bg-ol-li-1.png) no-repeat left center;}
.onlineb .now li.li2 a{background: url(../img/bg-ol-li-2.png) no-repeat left center;}
.onlineb .now li.li3 a{background: url(../img/bg-ol-li-3.png) no-repeat left center;}
.onlineb .now li a{display: block;font-size: 14px;font-size: 1.4rem;color: #fff;background-color: #333 !important;line-height: 30px;padding-left: 36px;}
.onlineb .now li a:hover{color: #ccc;}

@media screen and (max-width:999px){.onlineb{margin-top: -256px;}.onlineb .now{margin-top: 20px;}}
@media screen and (max-width:639px){.onlineb{margin-top: -252px;}.onlineb .now{margin-top: 10px;}}

/*common*/
.com-img-tra-cur>div a,.com-img-tra>div a,.com-img-tra-cur .img{overflow: hidden;}
.com-img-tra-cur>div img,.com-img-tra>div img,.com-img-tra-cur .img img{transition: 1s;-moz-transition: 1s;-o-transition: 1s;-webkit-transition: 1s;}
.com-img-tra-cur>div img:hover,.com-img-tra>div:hover img,.com-img-tra-cur .img:hover img{transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);}

.com-rotate-cur img,.com-rotate .img{transition: 0.8s;-moz-transition: 0.8s;-o-transition: 0.8s;-webkit-transition: 0.8s;}
.com-rotate-cur img:hover,.com-rotate .main-item:hover .img{transform:rotateY(360deg);-ms-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-o-transform:rotateY(360deg);}

.com-tra-no:hover img{transform:none !important;-moz-transform:none !important;-ms-transform:none !important;-o-transform:none !important;-webkit-transform:none !important;}