@charset "utf-8";

@font-face {
	font-family: 'UTMHelvetIns';
	src:url('fonts/UTMHelvetIns.eot');
	src:url('fonts/UTMHelvetIns.eot?#iefix') format('embedded-opentype'),
		url('fonts/UTMHelvetIns.woff') format('woff'),
		url('fonts/UTMHelvetIns.ttf') format('truetype'),
		url('fonts/UTMHelvetIns.svg#UTMHelvetIns') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot');
	src:url('fonts/icomoon.eot?#iefix') format('embedded-opentype'),
		url('fonts/icomoon.woff') format('woff'),
		url('fonts/icomoon.ttf') format('truetype'),
		url('fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}
audio,canvas,video{display:inline-block;}
audio:not([controls]){display:none;height:0;}
[hidden]{display:none;}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
body{margin:0;color: #363636;line-height:1.5em;font-family: Arial, Helvetica, sans-serif;font-size:14px;background:#f1f2f7;}
:focus      { outline:0; }
a:focus{outline:0;}
a:active,a:hover{outline:0;}
h1{font-size:2em;margin:0.67em 0;}
abbr[title]{border-bottom:1px dotted;}
b,strong{font-weight:bold;}
dfn{font-style:italic;}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}
mark{background:#ff0;color:#000;}
code,kbd,pre,samp{font-family:monospace,serif;font-size:1em;}
pre{white-space:pre-wrap;}
q{quotes:"\201C" "\201D" "\2018" "\2019";}
small{font-size:80%;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.2em;}
sub{bottom:-0.25em;}
img {max-width: 100%;height: auto;width: auto; /* ie8 */}
svg:not(:root){overflow:hidden;}
figure{margin:0;}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}
legend{border:0;padding:0;}
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}
button,input{line-height:normal;}
button,select{text-transform:none;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
button[disabled],html input[disabled]{cursor:default;}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}
table{border-collapse:collapse;border-spacing:0;}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
input:-webkit-autofill, 
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  transition: background-color 5000s ease-in-out 0s;
}

.clear { clear:both;}
.fl{float:left;}
.fr{float:right;}
.cf:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both; height: 0px;}
*{    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
* html .cf             { zoom: 1; } /* IE6 */
*:first-child+html .cf { zoom: 1; } /* IE7 */

a           { color:#333; text-decoration:none; -webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
a:hover     { color:#e56b00; text-decoration:underline; -webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
a img       { border:0;}
:focus      { outline:0; }
.listn{list-style:none;padding:0;margin:0;}

.boradius5{-o-border-radius: 5px;-icab-border-radius: 5px;-khtml-border-radius: 5px;-moz-border-radius: 5px;
-webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;}
.bortop5{-moz-border-top-left-radius: 5px;-webkit-border-top-left-radius: 5px;-ms-border-top-left-radius: 5px;-o-border-top-left-radius: 5px;border-top-left-radius: 5px;
-moz-border-top-right-radius: 5px;-webkit-border-top-right-radius: 5px;-ms-border-top-right-radius: 5px;-o-border-top-right-radius: 5px;border-top-right-radius: 5px;}
.borbot5{-moz-border-bottom-left-radius: 5px;-webkit-border-bottom-left-radius: 5px;-ms-border-bottom-left-radius: 5px;-o-border-bottom-left-radius: 5px;border-bottom-left-radius: 5px;
-moz-border-bottom-right-radius: 5px;-webkit-border-bottom-right-radius: 5px;-ms-border-bottom-right-radius: 5px;-o-border-bottom-right-radius: 5px;border-bottom-right-radius: 5px;}

.borleft5{-moz-border-top-left-radius: 5px;-webkit-border-top-left-radius: 5px;-ms-border-top-left-radius: 5px;-o-border-top-left-radius: 5px;border-top-left-radius: 5px;
-moz-border-bottom-left-radius: 5px;-webkit-border-bottom-left-radius: 5px;-ms-border-bottom-left-radius: 5px;-o-border-bottom-left-radius: 5px;border-bottom-left-radius: 5px;}

.borright5{-moz-border-top-right-radius: 5px;-webkit-border-top-right-radius: 5px;-ms-border-top-right-radius: 5px;-o-border-top-right-radius: 5px;border-top-right-radius: 5px;
-moz-border-bottom-right-radius: 5px;-webkit-border-bottom-right-radius: 5px;-ms-border-bottom-right-radius: 5px;-o-border-bottom-right-radius: 5px;border-bottom-right-radius: 5px;}

.shadow{box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.1);}
.shadow1{-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.bneffect{-webkit-transition:color 0.2s linear, background 0.2s linear;	
	-moz-transition:color 0.2s linear, background 0.2s linear;	
	-o-transition:color 0.2s linear, background 0.2s linear;	
	transition:color 0.2s linear, background 0.2s linear;
}
.bneff1{-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
.cl1{color:#ff7800;}

#warraper{width:auto;margin:auto;}

#header{height:100px;padding-top:3px;background:#fff;}

#logo{float:left;position:relative;}
#logo img{height:90px !important;width:auto !important;}
#logo .subbanner{position:absolute;top:0;left:0;background:#fff;}
#menubar{float:right;padding:10px 10px 0 0;}
#menubar ul{list-style:none;padding:0;margin:0;}
#menubar ul li{float:left;padding:0 7px;}
#menubar ul li a{text-transform:uppercase;font-size:12px;font-weight:bold;}
#menubar ul li span{padding-right:3px;color:#eb8912;font-size:14px;}
#menubar ul li:nth-child(1) span:before{content: "\f129";}
#menubar ul li:nth-child(2) span:before{content: "\f128";}
#menubar ul li:nth-child(3) span:before{content: "\f084";}
#menubar ul li:nth-child(4) span:before{content: "\f08b";}
#menubar ul li:nth-child(5) span:before{content: "\f128";}
#menubar ul li:nth-child(6) span:before{content: "\f023";}

#search{float:right;padding-top:60px;padding-left:30px;}
#search .txtbox{float:left;border:1px solid #bcbec0;height:30px;box-sizing:border-box;padding:5px;}
#search .txtbox input{border:none;background:none;}
#search .button{float:left; background:#ed1c24;width:30px;height:30px;box-sizing:border-box;padding-top:5px;}
#search .button button{color:#fff;background:none;border:none;font-size:18px;}

#menutop{border-bottom:1px solid #CCC;border-top:1px solid #ccc;padding:0 15px;
box-shadow: 0px 0px 1px 2px rgba(99, 99, 99, 0.1);-moz-box-shadow: 0px 0px 1px 2px rgba(99, 99, 99, 0.1);-webkit-box-shadow: 0px 0px 1px 2px rgba(99, 99, 99, 0.1);
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f9f9f9+80,ededed+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(249,249,249,1) 80%, rgba(237,237,237,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 80%,rgba(237,237,237,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 80%,rgba(237,237,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
}
ul#navigation {margin:0px auto;position:relative;float:left;padding:0;margin:0;}
ul#navigation li {display:inline;float:left;position:relative;white-space: nowrap;padding:0 30px 0 0;}
ul#navigation li:last-child{padding:0;}
ul#navigation li a {
	text-transform:uppercase;
	font-family:'UTMHelvetIns';
	font-size:14px;
	color:#646464;
	text-decoration:none;
	display:block;
	height:36px;line-height:36px;
	text-align:center;
	box-sizing:border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: 0.2s ease;
	-moz-transition: 0.2s ease;
	-ms-transition: 0.2s ease;
	-o-transition: 0.2s ease;
	transition: 0.2s ease;
	overflow:hidden;
	padding:0 5px;
}
ul#navigation li a.active,
ul#navigation li a:hover,ul#navigation li:hover > a {
	color:#e56b00;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: 0.2s ease;
	-moz-transition: 0.2s ease;
	-ms-transition: 0.2s ease;
	-o-transition: 0.2s ease;
	transition: 0.2s ease;
}
ul#navigation li.sub{background:url(../images/arr.png) center right no-repeat;}

ul#navigation li:hover > ul
{
	visibility:visible;
	display:inline;
	opacity:1;
	background:#fff;
	border:1px solid #ccc;
}

ul#navigation ul, ul#navigation ul li ul {
	list-style: none;
    margin: 0;
    padding: 0;    
	visibility:hidden;
    position: absolute;
    z-index: 99999;
	width:230px;
	opacity:0;
	display:none;
	-webkit-transition:opacity 0.2s linear, visibility 0.2s linear; 
	-moz-transition:opacity 0.2s linear, visibility 0.2s linear; 
	-o-transition:opacity 0.2s linear, visibility 0.2s linear; 
	transition:opacity 0.2s linear, visibility 0.2s linear; 	
}

ul#navigation ul {
    top: 36px;
    left: 0;
	padding:0px;margin:0;
	background:#fff;
}
ul#navigation ul li ul {
    top: 0px;
    left: 228px;
	padding:0px;margin:0;
}

ul#navigation ul li {
	clear:both;
	padding:0;
	height:auto;
	padding:0;margin:0;
	width:100%;
	background:none;
}

ul#navigation ul li a {
	font-family:Arial, Helvetica, sans-serif;
	color:#252525;
	text-transform:none;
	height:25px;
	line-height:25px;
	text-decoration:none;
	display:block;
	text-align:left;
	font-weight:normal;
	width:auto;
	margin:0 5px;
	padding:0;
}

.col-left{float:right;width:calc(100% - 360px);padding:0 15px;}
.col-right{float:left;width:360px;padding:0 15px;}
.boxpos{margin-left:-15px;margin-right:-15px;}
.col-select{float:left;width:50%;}
.boxposl{padding-right:15px;}
.boxposr{padding-left:15px;}


.col3{float:left;width:33.333333%;}
.boxnews{padding:10px 15px;}
.boxnews .ntitle{font-weight:bold;padding-bottom:10px;}
.boxnews ul{padding:0;margin:0;list-style:inside;}
.boxnews ul li{padding:4px 0;}

#pathtitle,#pathtitle h1{font-size:14px;font-family:'UTMHelvetIns';font-weight:normal;padding:0;margin:0;}
#pathtitle{width:100%;padding:15px 15px 0 15px;}

#banner{}
.main{padding-top:15px;background:#f1f2f7;}
.mainc{padding:15px;}

.bnews{padding:10px 0;}
.bnews .img{float:left;width:30%;}
.bnews .img img{width:100%;}
.bnews .desc{float:left;width:70%;padding-left:10px;text-align:justify;}
.bnews .atitle h2{padding:0 0 10px 0;margin:0;font-size:18px;font-weight:bold;}


.bn-box{
	margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.bn-box .bn-title{background:#fafafa;margin-bottom:1px;padding:10px 15px;min-height:30px;font-weight:bold;}
.bn-box .bn-info{background:#fff;padding:15px;}

.boxbot{width:100%;float:left;padding:0 15px;}

#fotter{width:100%;}
#fotter .finfo{padding:15px;background:#fff;text-align:center;}

.menuright{padding:0;margin:0;}
.menuright li{list-style:inside;padding:2px 0;}
.menuright li .active{color:#e56b00;}
.colsp{padding-top:10px;padding-bottom:10px;}
.colsp1{padding-top:10px;padding-bottom:10px;text-align:right;font-weight:bold;height:50px;line-height:30px;}
.colsp2{padding-top:10px;padding-bottom:10px;height:50px;}
.form-control{height:30px;padding:2px 10px;}

.tools{margin-top:-7px;}
.hcontrol{padding-bottom:15px;}
.show-data{overflow:auto;padding-right:15px;box-sizing:border-box;}

.fn-table{margin:auto;}
.fn-table,.fn-table .tr-head{border:1px solid #CCCCCC;border-collapse: collapse;}
.fn-table .tr-head{font-weight: bold;text-align: center;color:#000;font-size:13px;}
.fn-table .tr-head td{background: #f1f2f7;}
.fn-table .tr-rows{border:1px solid #CCCCCC;border-collapse: collapse;background:#FFF;}
.fn-table .tr-head td,.fn-table .tr-rows td{border-right:1px solid #CCCCCC;border-collapse: collapse;padding: 5px 5px;vertical-align: middle;}
.fn-table tr.tr-rows:nth-child(2n+1){background: #f9f9f9;}
.fn-table tr.tr-rows:hover{background:#fff5d5;}
.fn-table .rt{text-align:right;}
.fn-table .rc{text-align:center;}
.fn-table .b{font-weight:bold;}
.fn-table a{color:#39F;font-size:15px;}
.fn-table a:hover{color:#f37a26;}

.sctl1{height:160px !important;}
.sctl2{height:120px !important;}
.sctl3{height:137px !important;}

.ck-select1{font-weight:bold !important;color:#C33 !important;}
.ck-select2{font-weight:bold !important;}

.blockpage{text-align:center;padding:10px;}
.NumOfPage{padding-right:10px;}
.page,.pageselect{text-decoration:none;display: inline-block;width:25px;height:25px;text-align:center;line-height:25px;font-size:12px;margin-left:-2px;-o-border-radius: 3px;-icab-border-radius: 3px;-khtml-border-radius: 3px;-moz-border-radius: 3px;
-webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;}
.page{color:#fff;border:1px solid #357ebd;background:#428bca;}
.page:hover,.pageselect:hover,.page:active,.page:focus{color:#fff;text-decoration:none;background:#004d96;}
.pageselect{border:1px solid #e67209;background:#e67209;color:#fff;}

#login-form{margin:20px auto;border:1px solid #d0d0d0;width:300px;padding:5px 20px;}
#login-form .title{font-family:'MyriadProCond',Arial, Helvetica, sans-serif;font-size:22px;height:40px;color:#e45036;text-align:center;text-transform:uppercase;line-height:40px;border-bottom:1px solid #d0d0d0;}
#login-form .rows{border:1px solid #d0d0d0;background-color:#f4f4f4;height:30px;padding:3px 20px 0 40px;background-repeat:no-repeat;background-position:10px center;margin:15px 0;}
#login-form .user{background-image:url(../images/user.png);}
#login-form .pass{background-image:url(../images/pass.png);}
#login-form .rows input{width:100%;border:none;height:20px;background:none;}
#login-form .button{padding-bottom:10px;text-align:center;}
#login-form .button button{background:#00549f;color:#fff;font-family:'MyriadProCond',Arial, Helvetica, sans-serif;font-size:22px;height:40px;padding:0 20px;border:none;text-transform:uppercase;}

.box-bo1 {
    border: 1px solid #ededed;
    position: relative;
    display: inline-block;
    width: 100%
}
.box-bo1:hover {
    border: 1px solid #32583b;
    box-shadow: 0 1px 10px rgba(0, 0, 0, .176)
}
.box-bo1 a img {
    width: 100%;
    height: auto
}

.row-sp {
    padding-bottom: 10px;
    padding-top: 10px
}
.pro-title {
    height: 35px;
    overflow: hidden;
	padding:0;
	margin:10px 0;
	line-height:15px;
	text-align:center;
}
.pro-desc {
    height: 45px;
    line-height: 1.2em;
    overflow: hidden
}
.prolink{font-size:14px;font-weight:bold;}
.ahover:hover {
    color: red
}
.pad10 {
    padding-left: 5px;
    padding-right: 5px
}

.line27 {
    line-height: 32px
}
.MR10 {
    margin-right: 10px
}
.MB5 {
    margin-bottom: 3px
}

.chart-title{font-weight:bold;text-align:center;}
.protitle{font-size:22px;color:#e56b00;margin:0;}
.procont{text-align:justify;}
.procont img{height:auto !important;}

.bnhide0{display:none;}
.bnhide1{display:block;}
.arrtb0{background:url(../images/arrdown.png) no-repeat right center;display:block;}
.arrtb1{background:url(../images/arrup.png) no-repeat right center;display:block;}
.form_desc{width:800px;padding:10px;background:#fff;}
.form_desc .title{font-weight:bold;font-size:16px;color:#900;padding-bottom:10px;}

.hftxt{height:30px;line-height:30px;padding-right:10px;font-weight:bold;}
.hfctl{padding-right:10px;}
.btn-view{padding:4px 15px;}

.grpmenu{padding:0;margin:0;list-style:none;}
.grpmenu li{float:left;padding:0 20px 0 0;}
.grpmenu li a{color:#333;}
.grpmenu li a.active{color:#e56b00;}

.form-control1 {
    height: 30px;
    padding: 2px 10px;
}
.form-control1 {
    /* display: block; */
    width: 100%;
    height: 30px;
    padding: 2px 2px;
    font-size: 12px;
    line-height: 1.428571429;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.chartcont{height:500px;}
.subbanner img{padding: 2px 0;}


@media \0screen {
img {width: auto;}  
}

@media only screen and (max-width: 800px) {

	.col-left,.col-right{width:100%;}
}

@media only screen and (max-width: 600px) {
	
	
}

@media screen and (max-width: 400px) {

}