@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/opensans.woff2') format('woff2'),url('fonts/opensans.ttf') format('truetype'), url('fonts/opensans.svg') format('svg');
}
@font-face {
  font-family: 'Pacifico';
  src: url('fonts/pacifico.eot');
  src: url('fonts/pacifico.eot?#iefix') format('embedded-opentype'),
       url('fonts/pacifico.woff') format('woff'),
       url('fonts/pacifico.ttf') format('truetype'),
       url('fonts/pacifico.svg#Pacifico') format('svg');
}

*{margin:0px; padding:0px;}
body{margin:0px; padding:0px; background:url(../images/body-bg.png) top center #ffffff no-repeat; font-size:12px; font-family: Arial,sans-serif;  overflow-x: hidden;}
h1,h2,h3,img{margin:0px; padding:0px;list-style-type:none;border:0px;}
h1{FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR: #444444; LINE-HEIGHT: 28px; }
form {margin: 0px; }
a:link{font-family: Arial,sans-serif; text-decoration:none;}
a:visited{font-family: Arial,sans-serif; text-decoration:none;}
a:hover{font-family: Arial,sans-serif; text-decoration:none;}
.clear{clear:both;}
ul,dl,dd{ margin:0; padding:0;}
li{ list-style:none;}


#header{ width:100%; float:left; border-top:3px solid #234970;}
#header .header{ width:1163px; margin:0 auto; position:relative;}
#header .header .head_basic_info{ position:absolute; top:0; right:0;line-height: 42px;color: #888888; text-align: right;font-family: "Microsoft Yahei","Arial";}
#header .header .head_basic_info img.hbi_pic{ position:relative; top:3px; font-size:12px; padding:0 0 0 7px;}
#header .header .head_basic_info .se_lang{border: 1px solid #ffffff;padding: 5px;    cursor: pointer;position: relative;}
ul.morelanguage{position: absolute;top: 30px; left:0;width: 71px;z-index: 2;background-color: #ffffff;border: 1px solid #dedede; display:none;}
ul.morelanguage li{line-height: 25px;padding-left: 10px;border-bottom: 1px solid #dedede;text-align: left;cursor: pointer;}

#header .header .menu_button{ display:none;    width: 44px; height:34px;border: 1px solid transparent;border-radius: 4px;top: 50px;background-color: #dddddd;position: absolute;right: 0;text-align: center; cursor:pointer;    z-index: 22;}
#header .header .menu_button:hover{ background-color:#136187;}
.fa5 {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 30px;;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);color:#ffffff; width: 44px; text-align:center;
}
#header .header .logo{ float:left;padding: 20px 0 10px;}
#header .header .head_nav{ width:880px; float:right;position: relative; line-height:48px; top:45px; display:block;}
#header .header ul.navigation{ width:100%; position:absolute; top:0; right:0; background:#ffffff;}
#header .header ul.navigation li{ float:right; padding:0 10px;}
#header .header ul.navigation li.ali{ color:#E15904; font-size:16px; font-weight:bold;}
#header .header ul.navigation li.ali a,#header .header ul.navigation li.ali a:hover{color:#E15904; font-size:16px; }
#header .header ul.navigation li a{ display:block; color:#234971; font-size:13px; font-weight:bold; }
#header .header ul.navigation li a:hover{color: #888888;}
#header .header ul.navigation li .search {width: 140px;color: #bbbbbb;font-size: 12px;border: 1px #828483 solid;background: #ffffff;height: 23px;line-height: 23px;padding-left: 5px; float:left;}
#header .header ul.navigation li .search_form{ padding-top:10px;}
#header .header ul.navigation li input.go_btn{ float:left;}


.mobile-pc{display:block;}
.mobile-head{display:none;}

#banner{ width:100%; float:left;padding-top: 5px;}
#banner .banner{ width:1161px; border:1px solid #B2B2B2;box-shadow: 0 0 13px 2px #cccccc; margin:0 auto; border-radius:10px; -moz-border-radius: 10px;-webkit-border-radius: 10px;-moz-box-shadow: 0 0 13px 2px #cccccc;-webkit-box-shadow :0 0 13px 2px #cccccc; background:url(../images/banner_bg.png) repeat-x 0 bottom;}
#banner .banner .picshow{ width:100%;border-radius:10px 10px 0 0; -moz-border-radius: 10px 10px 0 0;-webkit-border-radius: 10px 10px 0 0; margin-bottom:8px;overflow:hidden;}
#banner .banner .picshow img{ width:100%;}
#banner .banner .pic_list{ width:100%; float:left; margin-bottom:5px; display:block}
#banner .banner .pic_list ul li{ float:left;width: 160px; text-align:center; border:4px solid transparent; margin:0 11px; cursor:pointer;}
#banner .banner .pic_list ul li:hover{border:4px solid #1F496F;}
#banner .banner .pic_list ul li.hover{border:4px solid #1F496F;}
#banner .banner .pic_list ul li img{ width:160px;}
#banner .banner .pic_list ul li p{ text-align:center; line-height:26px; font-size:14px; color:#3D3D3D;}

#threebox{ width:100%; float:left;}
#threebox .threebox{width:1163px; margin:10px auto; position:relative; margin-bottom:10px;}
#threebox .threebox .threeboxcon_row{ width:33.3%; float:left;}
#threebox .threebox .threeboxcon_row .newsbox{ width:95%; padding-right:5%;}
#threebox .threebox .threeboxcon_row .tr_title{ color:#565656; font-size:20px; line-height:40px; padding:8px 0;}

#threebox .threebox .threeboxcon_row  ul.news_ul li{ width:100%; line-height:22px; float:left; font-size:14px; padding-bottom:10px;}
#threebox .threebox .threeboxcon_row  ul.news_ul li span{ color:#6cb0dd; cursor:pointer;}
#threebox .threebox .threeboxcon_row  ul.news_ul li a{ color:#555555;}
#threebox .threebox .threeboxcon_row  ul.news_ul li a:hover{ color:#156088;}

#threebox .threebox .threeboxcon_row  .faqbox{ line-height:18px; font-size:13px;color:#555555}
#threebox .threebox .threeboxcon_row  .faqbox a,#threebox .threebox .threeboxcon_row  .faqbox a:hover{color:#6cb0dd;}
#threebox .threebox .threeboxcon_row  .aboutbox{ padding-left:5%;line-height:18px; font-size:13px; color:#555555}
#threebox .threebox .threeboxcon_row  .aboutbox a,#threebox .threebox .threeboxcon_row  .aboutbox a:hover{color:#6cb0dd;}

#fourbox{width:100%; float:left; background-color:#F9F9F9;}
#fourbox .fourbox{width:1163px; margin:0 auto; position:relative;}
#fourbox .fourbox .four_title{ font-size:36px; color:#000000; width:100%; float:left; text-align:center; line-height:50px;  padding-top:35px; border-top:1px solid #DEDEDE;}
#fourbox .fourbox .four_subtitle{ color:#555555; font-size:16px; text-align:center;}
#fourbox .fourbox .ping{ width:100%; float:left; padding-top:24px;}
#fourbox .fourbox .ping .m1 img.t{ width:100%;}
#fourbox .fourbox .ping_m1{ width:22%; float:left; margin:0 1%;position: relative; overflow:hidden;}
#fourbox .fourbox .ping_m2{ width:35%; float:left; margin:0 1%; margin-bottom:6px;position: relative;overflow:hidden;}
#fourbox .fourbox .ping_m2 .ping_s{ width:47%; float:left; margin-right:3%;position: relative;}
#fourbox .fourbox .ping_m2 .ping_s2{ width:47%; float:left; margin-left:3%;position: relative;}
.i_zz{position: absolute;opacity: 0.7;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7; background: #000000 7% 92%; bottom:0; min-height: 80px; font-size:12px;line-height: 16px;    color: #ffffff;    padding: 4%; cursor:pointer;width: 92%; display:block;}
.i_zz p{font-size: 1.03rem;padding: 0 0 5px 0; font-weight:bold;text-align: left; z-index:2;}
.i_zz p img{ position: relative; left:0; bottom:-10px;}
.i_zz:hover{ background-color:#156088;-webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out; opacity:1;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;}


#in-main{width:100%; float:left; padding: 20px 0;}
#in-main .in-main{width:1163px; margin:0 auto; position:relative;}
.in-main .cate-nav{width:300px;float:left; background: url(../images/catebg.jpg) no-repeat top left; padding: 18px 0; box-sizing: border-box; padding-left: 3px;position: relative;}
.in-main .cate-nav li{font-size:14px; color:#cccccc; font-family: "Arial";position: relative;}
.in-main .cate-nav-ul a{font-size:14px; color:#ffffff; display: block; padding: 18px 0; padding-left: 15px;}
.in-main .cate-nav-ul a:hover,.in-main .cate-nav-ul .hover a{background:#ffffff; color: #1e5b9f;}
.cate-nav a .icons-1{background-image:url(../images/icons.png); background-repeat: no-repeat; background-position: 0 0px; width: 33px; height: 25px;display: inline-block; position: relative; top: 3px;}
.cate-nav a .icons-2{background-image:url(../images/icons.png); background-repeat: no-repeat; background-position: 0 -24px; width: 33px; height: 25px;display: inline-block; position: relative; top: 3px;}
.cate-nav a .icons-3{background-image:url(../images/icons.png); background-repeat: no-repeat; background-position: 0 -54px; width: 33px; height: 25px;display: inline-block; position: relative; top: 3px;}
.cate-nav a .icons-4{background-image:url(../images/icons.png); background-repeat: no-repeat; background-position: 0 -86px; width: 33px; height: 25px;display: inline-block; position: relative; top: 3px;}
.cate-nav a .icons-5{background-image:url(../images/icons.png); background-repeat: no-repeat; background-position: 0 -112px; width: 33px; height: 25px;display: inline-block; position: relative; top: 3px;}
.cate-nav a:hover .icons-1,.cate-nav .hover .icons-1{background-image:url(../images/icons-hover.png); background-repeat: no-repeat; background-position: 0 0px; width: 33px; height: 25px;display: inline-block; position: relative; top: 3px;}
.cate-nav a:hover .icons-2,.cate-nav .hover .icons-2{background-image:url(../images/icons-hover.png); background-repeat: no-repeat; background-position: 0 -24px; width: 33px; height: 25px;display: inline-block; position: relative; top: 3px;}
.cate-nav a:hover .icons-3,.cate-nav .hover .icons-3{background-image:url(../images/icons-hover.png); background-repeat: no-repeat; background-position: 0 -54px; width: 33px; height: 25px;display: inline-block; position: relative; top: 3px;}
.cate-nav a:hover .icons-4,.cate-nav .hover .icons-4{background-image:url(../images/icons-hover.png); background-repeat: no-repeat; background-position: 0 -86px; width: 33px; height: 25px;display: inline-block; position: relative; top: 3px;}
.cate-nav a:hover .icons-5,.cate-nav .hover .icons-5{background-image:url(../images/icons-hover.png); background-repeat: no-repeat; background-position: 0 -112px; width: 33px; height: 25px;display: inline-block; position: relative; top: 3px;}


.hide-nav {position: absolute;top: 0;left: 297px;width: calc(1163px - 300px);background: #ffffff;display:none;  z-index: 99;  min-height: 100%; border: 1px solid #1e5b9f; box-sizing: border-box; border-left: 0;}
.hide-nav .ulbox{width:100%; float:left;display:none;}
.hide-nav ul{padding: 30px; width:33.33%; box-sizing:border-box; float:left;}
.hide-nav a{color:#626262; font-size:14px;font-family: "Arial"; display: block; padding: 10px 0;}
.hide-nav a:hover{text-decoration:none;color:#1e5b9f; font-weight:bold}

.in-main .cate-logo{width:calc(100% - 305px); float: left; padding-left: 5px; margin-top: -4px;}
.in-main .cate-logo .col-md-4{width:33.33%; float: left; padding: 4px; box-sizing: border-box;}
.in-main .cate-logo .col-md-4 .cm-box,.in-main .cate-logo .col-md-4 .cm-box2{width:100%; float: left; text-align: center;padding: 13px 0; background: #f5f5f5;border: 1px solid #f5f5f5;}
.cm-box:hover{box-shadow: 1px 1px 5px 4px rgba(30, 98, 175, 0.7);}
.cm-box2 {font-size: 18px;color: #1e62af;box-sizing: border-box; line-height: 25px;min-height: 184px; display: inline-grid;vertical-align: middle;}
.cm-box2 p{font-size: 36px;color: #1e62af; font-weight: bold;padding-top: 22px;}
.in-main .cate-logo .col-md-4 .cm-box2:hover,.in-main .cate-logo .col-md-4 .cm-box2:hover p{ background:#1e62af; color:#ffffff;}

#iprolist{width:100%; float:left; padding: 20px 0;}
#iprolist .iprolist{width:1163px; margin:0 auto; position:relative;}
.ibtn{width:20px; background:url(../images/ibtn-bg.jpg) no-repeat; height: 200px;}
.iprev{float:left; background-position: 0 50%;}
.inext{float:left; background-position: 100% 50%;}
.ib-box{width:calc(100% - 40px); float: left;height: 200px;}


#five{width:100%; float:left;background-color:#F9F9F9; padding-top:40px;}
#five .five{width:1163px; margin:0 auto; position:relative;}

.slick-slide .image{margin:10px;    border: 2px solid #EDEDED;}
.slick-slide .image:hover{ border: 2px solid #2a4678}
.slick-slide .image p {
    background: #EDEDED;
    color: #434343;
    line-height: 30px;
    text-align: center;
    height: 30px;padding: 0 10px; 
    overflow: hidden;   text-overflow: ellipsis;    white-space: nowrap;-webkit-text-overflow: ellipsis;
}
.slick-slide img{display:block;width:100%;}
.slick-slide img.slick-loading{border:0 }
.slick-slider{margin:0 auto;}

#brands{width:100%; float:left; padding: 20px 0;}
#brands .brands{width:1163px; margin:0 auto; position:relative; text-align: center;}
#brands .brands img{display:inline-block; padding: 0 5px;}


#fix{width:100%; float:left; padding-top:15px;}
#fix .fix{width:1163px; margin:0 auto; position:relative;}
#fix .fix .fix_title{ line-height:50px; width:100%; float:left; font-size:36px; color:#000000; text-align:center; padding-top:14px;}
#fix .fix .fix_subtitle{ color:#555555; font-size:16px; text-align:center; line-height:30px;}
#fix .fix .fix_box{ width:100%; float:left; padding-top:20px;}
#fix .fix .fix_box .fixbox_li{ width:25%; float:left; text-align:center; margin-bottom:20px; position:relative }
#fix .fix .fix_box .fixbox_li img.fx{ width:65%;border-radius:50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;}
#fix .fix .fix_box .fixbox_li img.fx:hover{-webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out;}
#fix .fix .fix_box .fixbox_li p.p1{ font-size:14px; color:#333333; line-height:40px;}
#fix .fix .fix_box .fixbox_li p.p2{ font-size:14px; color:#ffffff; line-height:20px; text-align:center; position:absolute; top:30%; width:100%; left:0; font-weight:bold; display:none; -webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out;}

#fix .fix .xbt{ width:100%; float:left; text-align:center}
#fix .fix .xbt .xbt_more{ width:300px; margin:0 auto; line-height:30px; border-top:1px solid #333333; border-bottom:1px solid #333333; color:#000000; font-size:14px;}

#sanven{width:100%; float:left; padding-top:15px;}
#sanven .sanven{width:1163px; margin:0 auto; position:relative;}
#sanven .sanven .sanven_title{font-size:36px; color:#000000; width:100%; float:left; text-align:center; line-height:50px; padding-top:35px;}
#sanven .sanven .sanven_subtitle{color:#555555; font-size:16px; text-align:center; line-height:30px;}
#sanven .sanven .conmk{ width:100%; float:left; padding-top:30px;}
#sanven .sanven .conmk .cmli{ width:33.33%; float:left; text-align:center;}
#sanven .sanven .conmk .cmli img{ max-width:100%;}
#sanven .sanven .conmk .con_p{ text-align:left; color:#666666; font-size:14px; line-height:30px; float:left;}
#sanven .sanven .conmk .con_p a,#sanven .sanven .conmk .con_p a:hover{ color:#0086cb; font-size:24px;}

#team{width:100%; float:left; padding-top:0; background:url(../images/team_bg.jpg) repeat-x #3187B6 50% 0%; }
#team .team{width:1163px; margin:0 auto; position:relative; display:block;}
#team .team .team_parson{ width:940px;margin:0 auto; margin-top:63px; background-color:#ECECEC; padding:18px;}
#team .team .team_parson .tp_box{ width:324px; float:left;background-color:#ffffff; padding:8px;}
#team .team .team_parson .tp_box2{ width:100%; float:left;background-color:#ffffff; }
#team .team .team_parson .tp_box .tpbox_des{ width:100px; float:left; }
#team .team .team_parson .cu_txt{background: url(../images/yh.png) no-repeat #ffffff;width: 210px;float:left;font-size: 16px;line-height: 160%;color: #6D6D6D; padding-left:10px;text-indent: 25px;}
#team .team .team_parson  .info{ width:100%; border-top:1px solid #ECECEC; float:left; margin-top:20px; padding-top:10px; position:relative; text-align:left; background-color:#ffffff;	}
#team .team .team_parson .bigbox{width:340px; float:left;margin-right: 11px;} 
#team .team .team_parson  .info p{line-height: 25px;font-size: 18px;}
#team .team .team_parson  .info p.p1{ color:#49ADDF; }
#team .team .team_parson  .info img{position: absolute;    right: 0; bottom:6px;}
#team .team .team_parson .tpbox_bottom{ float:left; width:100%; }
#team .team .team_parson .tpbox_bottom img{ width:100%;}
#team .team .team_parson .bigbox2{ width:235px; float:left; }

#team .index_about{width:1163px; margin:60px auto; position:relative;}
#team .index_about .index_about_title{ width:100%; float:left; text-align:center; color:#ffffff; line-height:60px; font-size:38px;}
#team .index_about .index_about_subtitle{width:100%; float:left; text-align:center; color:#ffffff; line-height:26px; font-size:16px;}
#team .index_about .index_about_subtitle span{ padding:17px 30px; font-size:14px; background-color:#ffffff; color:#003a6e;}
#team .index_about .index_about_subtitle span:hover{ background-color:#C5A10B; color:#ffffff;-webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out;}
#team .index_about .what_to_be{ width:100%; background:url(../images/index_about_bg.png) 50% center no-repeat ; height:471px;margin-top: 50px; float:left;}
#team .index_about .what_to_ban{ width:50%; float:left; text-align:center; position:relative; height:470px; }
#team .index_about .what_to_ban .wtb_btn{ width:50%; height:47px; line-height:47px; border:rgba(0,0,0,0);border-radius:10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px;-webkit-border-radius: 10px 10px 10px 10px;  position:relative;}
#team .index_about .what_to_ban .wtb_color_left{ background:url(../images/wtb_left.jpg) repeat-x; color:#ffffff; font-size:16px; position:absolute; right:24%; top:50%;}
#team .index_about .what_to_ban .wtb_color_left:hover{-webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out;background:url(../images/wtb_right.jpg) repeat-x;}
#team .index_about .what_to_ban .wtb_color_right{ background:url(../images/wtb_right.jpg) repeat-x; color:#ffffff; font-size:16px; position:absolute; left:24%; top:50%;}
#team .index_about .what_to_ban .wtb_color_right:hover{-webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out;background:url(../images/wtb_left.jpg) repeat-x;}
#team .index_about .what_to_ban .share_btn{ position:absolute; bottom:0; right:16%;}
#team .index_about .what_to_ban .share_btn a{ display:block;padding-left: 6px; float:right;}

#footer{width:100%; float:left; padding-top:15px; background-color:#234970; border-top:5px solid #0a5b92; padding-bottom:20px;}
#footer .footer{width:1163px; margin:0 auto; position:relative;}
#footer .footer .f_mk{ width:33.33%; float:left; display:block;}
#footer .footer .secound{ width:29%; padding-left:4.33%}
#footer .footer .f_mk .f_mk_title{ width:100%; float:left; font-size:14px; color:#ffffff; font-weight:bold; line-height:30px}
#footer .footer .f_mk .f_mk_neifen{ width:48%; float:left; padding-right:2%;}
#footer .footer .fk_three{padding-left: 30px;}
#footer .footer .f_mk .f_mk_neifen ul li.link{ width:100%; float:left; background:url(../images/jt_png.png) no-repeat 0 50%;}
#footer .footer .f_mk .f_mk_neifen ul li a{ display:block; color:#ffffff; font-size:14px; line-height:25px; padding-left:15px;}
#footer .footer .f_mk ul li{width:100%; float:left;font-size:14px; line-height:25px;color:#ffffff; position:relative;}
#footer .footer .f_mk ul li a{ display:block; color:#ffffff; font-size:14px; line-height:25px; }
#footer .footer .f_mk ul li a:hover{ color:#E15904;}
#footer .footer .f_mk .con_ul li{ padding-left:0px; width:85%; float:left;}
#footer .footer .f_mk .con_ul li img{ position: relative; left:-7px; top:7px;}
#footer .footer .f_mk .con_ul li input.newsletter_input{ border:1px solid #959fa9;border-radius:5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px;-webkit-border-radius: 5px 5px 5px 5px; padding:5px 1%; width:75%; font-size:14px; margin-top:10px; background-color:#c4ced8; color:#515153; }
#footer .footer .f_mk .con_ul li div.sp{ height:33px; line-height:33px; background-color:#4084d9; border:1px solid #3575b3;border-radius:5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px;-webkit-border-radius: 5px 5px 5px 5px; width:75%; position:relative; text-align:center; font-size:16px; font-weight:bold;margin-top: 10px; cursor:pointer;}


#copyright{width:100%; float:left; padding:15px 0; background-color:#083c5d; border-top:16px solid #27496f; }
#copyright .copyright{width:1163px; margin:0 auto; position:relative; color:#ffffff; font-size:15px;}
#copyright .copyright img.foot_logo{ float:left; padding-right:10px; }
#copyright .copyright .ri_txt{ float:left;line-height:20px;padding-top: 7px; color:#d8edfa}
#copyright .copyright .follow{ float:right; text-align:right;padding-top: 7px;}
#copyright .copyright .follow a{ display:block; float:right; padding-right:12px; color:#ffffff;}
/**滚动css**/
/* Elastislide Style */
.es-carousel-wrapper{
	padding:15px 11px;
	width: 96%;
	position:relative;
	float:left;
}
.es-carousel{
	overflow:hidden;
}
.es-carousel ul{
	display:none;
}
.es-carousel ul li{
	height:100%;
	float:left;
	display:block; background-color:#EEEEEE;
}
.es-carousel ul li a{
	display:block;
	border-style:solid;
	border-color:#EEEEEE;
}
.es-carousel ul li a:hover
{ border-color:#38687C;}
.es-carousel ul li p{ text-align:center; color:#333333; font-size:14px; line-height:33px; height:33px; overflow:hidden;}
.es-carousel ul li a img{
	display:block;
	border:none;
	max-height:100%;
	max-width:100%;
}
.es-nav span{
	position:absolute;
	top:50%;
	left:12px;
	background:transparent url(../images/nav.png) no-repeat top left;
	width:14px;
	height:37px;
	margin-top:-13px;
	text-indent:-9000px;
	cursor:pointer;
	opacity:0.8;
}
.es-nav span.es-nav-next{
	right:12px;
	left:auto;
	background-position:top right;
}
.es-nav span:hover{
	opacity:1.0;
}

/****************************************************************************************************************************************/
#page_content{ width:100%; float:left;}
#page_content .page_content{width:1163px; margin:0 auto; position:relative;}
#page_content .page_content .smallbanner{ width:100%; float:left;}
#page_content .page_content .smallbanner img{ width:100%;}
#page_content .page_content .main{width:100%; float:left; padding-top:5px; position:relative;}
#page_content .page_content .main .main_left{width:220px; float:left;padding-right: 23px; display:block;}
#page_content .page_content .main .main_left .main_left_link,#page_content .page_content .main .main_left .featured{width:100%; float:left;}
#page_content .page_content .main .main_left .main_left_link .link_title{color: #6d6d6d; font-size:14px; text-indent:10px;background-color: #e5e5e5;line-height: 40px;}
#page_content .page_content .main .main_left .main_left_link ul li{ width:100%; float:left; line-height:30px;}
#page_content .page_content .main .main_left .main_left_link ul li a{ display:block; color:#20476e; font-size:14px; padding-left: 20px;background-color:#F7F7F7;padding-bottom: 10px;line-height: 20px;}
#page_content .page_content .main .main_left .main_left_link ul li a:hover{ color:#ffffff; background-color:#03A5E4;-webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out;}

#page_content .page_content .main .main_left .featured .featured_title{font-size: 18px; color:#555555; line-height:28px;padding-top: 20px;}
#page_content .page_content .main .main_left .featured ul li{ width:100%; float:left; text-align:center; margin-bottom:10px;}
#page_content .page_content .main .main_left .featured ul li img{ width:220px; height:220px;}
#page_content .page_content .main .main_left .featured ul li p{ line-height:20px; padding:3px 0;}
#page_content .page_content .main .main_left .featured ul li a{ display:block; color:#333333}
#page_content .page_content .main .main_left .featured ul li a:hover{ color:#ffffff; background-color:#03A5E4;-webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out;}

#page_content .page_content .main .main_right{ width:920px; float:left; padding-bottom: 40px}
#page_content .page_content .main .road{ width:100%; float:left;color: #888888;line-height: 36px;border-bottom: 1px solid #e1dfdf; font-size:14px;}
#page_content .page_content .main .road a{color: #888888; font-size:14px;}
#page_content .page_content .main .road a:hover{ color:#03A5E4;}
#page_content .page_content .main .main_right .pages_name{width:100%; float:left;color: #234971;    font-size: 24px; line-height:200%;padding-top: 10px;}
#page_content .page_content .main .main_right .p_content{width:100%;line-height:180%;color: #555555; font-size:14px;}

#page_content .page_content .main .bigclass{ width:100%;float:left; margin:20px 0;}
#page_content .page_content .main .bigclass ul li{ width:15.5%; float:left; margin-right:0.5%; border:1px solid #ffffff; cursor:pointer; text-align:center; padding:15px 0; position:relative;}
#page_content .page_content .main .bigclass ul li:hover{border:1px solid #234970;}
#page_content .page_content .main .bigclass ul li img.jt{ position:absolute; bottom:-7px; left:45%; display:none}
#page_content .page_content .main .subclass{ width:100%;float:left; margin:20px 0 20px 0;}
#page_content .page_content .main .subclass ul li{    margin-bottom: 5px;padding:15px 1%;border-radius:6px 6px 0 0;-moz-border-radius:6px 6px 0 0;-webkit-border-radius:6px 6px 0 0; float:left; text-align:center;border: 1px solid #d9d9d9; color:#ffffff; margin-right:0.6%;background: -webkit-gradient(linear, 0 0, 0 100%, from(#3A72A3), to(#4782AE)); background: -moz-linear-gradient(top, #3A72A3,#4782AE);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A72A3,endColorstr=#3A72A3,grandientType=1); behavior: url(ie-css3.htc); cursor:pointer;}
#page_content .page_content .main .subclass ul li{    margin-bottom: 5px;padding:15px 1%;border-radius:6px 6px 0 0;-moz-border-radius:6px 6px 0 0;-webkit-border-radius:6px 6px 0 0; float:left; text-align:center;border: 1px solid #d9d9d9; color:#ffffff; margin-right:0.6%;background: -webkit-gradient(linear, 0 0, 0 100%, from(#3A72A3), to(#4782AE)); background: -moz-linear-gradient(top, #3A72A3,#4782AE);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A72A3,endColorstr=#3A72A3,grandientType=1); behavior: url(ie-css3.htc); cursor:pointer;background:url(../images/y_bg.jpg)0 0 repeat-x;}
#page_content .page_content .main .subclass ul li.on{ background:url(../images/on_bg.jpg) 0 0 repeat-x;color:#333333;}
/*#page_content .page_content .main .subclass ul li.on{ background: -webkit-gradient(linear, 0 0, 0 100%, from(#C7C7C7), to(#EAEAEA)); background: -moz-linear-gradient(top, #C7C7C7,#EAEAEA);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C7C7C7,endColorstr=#EAEAEA,grandientType=1);color:#333333;}*/
/*#page_content .page_content .main .subclass ul li:hover{background: -webkit-gradient(linear, 0 0, 0 100%, from(#C7C7C7), to(#EAEAEA)); background: -moz-linear-gradient(top, #C7C7C7,#EAEAEA);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C7C7C7,endColorstr=#EAEAEA,grandientType=1);color:#333333;}
*/
#page_content .page_content .main .prolist{ width:98%;float:left; padding:1%;box-shadow: 0px 0px 10px #999 inset;-moz-box-shadow: 0px 0px 10px #999 inset;-webkit-box-shadow: 0px 0px 10px #999 inset;}
#page_content .page_content .main .prolist img{max-width:100%;}
#page_content .page_content .main .prolist .class_btn{width:100%;float:left;}
#page_content .page_content .main .prolist .class_btn ul li{ float:left; width:25%; text-align:center; margin-bottom:10px;}
#page_content .page_content .main .prolist .class_btn ul li div.sub_name{ cursor:pointer; border:1px solid #cccccc; background-color:#ffffff; color:#333333; width:96%; height:30px; line-height:30px;}
#page_content .page_content .main .prolist .class_btn ul li div.sub_name:hover{background-color:#03A5E4;border:1px solid #03A5E4; color:#ffffff;-webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out;}
#page_content .page_content .main .prolist ul.pro_ { width:100%; float:left; margin-top:20px;}
#page_content .page_content .main .prolist ul.pro_ li{ width:25%; padding:0 15px; float:left; position:relative; overflow:hidden;margin-bottom: 20px; box-sizing: border-box;}
#page_content .page_content .main .prolist ul.pro_ li:hover{box-shadow: 0px 0px 5px #666;
    -moz-box-shadow: 0px 0px 5px #666;-webkit-box-shadow: 0px 0px 5px #666; }
#page_content .page_content .main .prolist ul.pro_ li p{ color:#555555; line-height:20px; height:40px; line-height: 40px;text-align:center;overflow: hidden;   text-overflow: ellipsis;    white-space: nowrap;-webkit-text-overflow: ellipsis;}
#page_content .page_content .main .prolist ul.pro_ li:hover p{ position:relative; z-index:99}
#page_content .page_content .main .prolist ul.pro_ li img{ width:100%;border:1px solid #cccccc}
#page_content .page_content .main .prolist ul.pro_ li img:hover{ transform: scale(1.2);transition: all 1s ease 0s;-webkit-transform: scale(1.2);-webkit-transform: all 1s ease 0s;}

#page_content .page_content .main .detail{ width:100%; float:left; margin-top:20px;}
#page_content .page_content .main .detail_item{width:100%; float:left; margin-top:20px;}
#page_content .page_content .main .detail_left{ width:30%; float:left; margin-right:19%; position:relative; border:1px solid #cccccc;}
#page_content .page_content .main .detail_left img#picshow{ width:100%;}
#page_content .page_content .main .detail_left .small_pic{ position:absolute; width:70px; top:-1px; height:95%; right:-90px; padding:8px; overflow:hidden;}
#page_content .page_content .main .detail_left .small_pic ul{ position:absolute;top: 16px;}
#page_content .page_content .main .detail_left .small_pic ul li{ width:88%; float:left; cursor:pointer;}
#page_content .page_content .main .detail_left .small_pic ul li img{ width:100%; border:1px solid #cccccc; }
#page_content .page_content .main .detail_left .small_pic .sbutton{cursor: pointer;height: 16px; width:100%; z-index:3;}
#page_content .page_content .main .detail_left .small_pic .movebackward{background: url(../images/album-slider-button.png) no-repeat 50% 0; background-color: #dedede;position:absolute; left:0; top:0;}
#page_content .page_content .main .detail_left .small_pic .moveforward{background: url(../images/album-slider-button.png) no-repeat 50% 100%; background-color: #dedede;position:absolute; left:0; bottom:0;}
#page_content .page_content .main .detail_right{ width:50%; float:left;}
#page_content .page_content .main .detail_right .detail_right_model{ width:100%; float:left; line-height:45px; font-size:18px; font-weight:bold}
#page_content .page_content .main .detail_right .detail_right_sell{ width:100%; float:left;}
#page_content .page_content .main .item_menu{ width:100%; float:left;}
#page_content .page_content .main .item_menu ul li{ float:left; padding:8px 2%;border: solid 1px #d3d3d3; cursor:pointer;background: #f3f3f3;    margin-right: 2px; color:#6a6a6a; margin-bottom:5px;}
#page_content .page_content .main .item_menu ul li.current{border-top: solid 2px #00599b; background-color:#ffffff;padding: 8px 2% 7px 2%;}
#page_content .page_content .main .item_con{width:100%; float:left; padding:1% 0;}
.page{ float:left; width:100%; color:#555555; padding-top:10px;}

ul.newsliet{ width:100%; float:left;}
ul.newsliet li{ width:100%; float:left; position:relative; text-indent:10px; border-bottom:1px dashed #cccccc;}
ul.newsliet li a{ display:block; line-height:30px;color: #555555; font-size:14px;}
ul.newsliet li a:hover{background-color: #03A5E4; color:#ffffff;}
ul.newsliet li .news_list_time{ position:absolute; right:0;  color: #20476e; z-index:2; background-color:#ffffff;}
#left_btn{ position:absolute; left:0; top:87px; display:none; cursor:pointer; z-index:2; opacity:0.5;}
#left_btn:hover{ background-color:#cccccc;-webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out;opacity:1;}

ul.down li{ width:100%; float:left; position:relative; line-height:30px; text-indent:10px; border-bottom:1px dashed #cccccc;}
ul.down li a{color: #555555; display:block;}
ul.down li a:hover{color: #234971;}
ul.down li .download_name{ width:100%; float:left;}
ul.down li .download_sub{ position:absolute; top:0; right:0; padding:0 20px 0 10px; background-color:#234971; color:#ffffff;border-radius:6px 6px 6px 6px;-moz-border-radius:6px 6px 6px 6px;-webkit-border-radius:6px 6px 6px 6px;border:1px solid #ffffff}
ul.down li .download_sub:hover{ background-color:#ffffff; color:#555555;-webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out; border:1px solid #cccccc}

#zzs{ position:fixed; width:100%; top:0; left:0; z-index:9; background:rgba(255,255,255,0.7); text-align:center;height: 100%; display:none}
#zzs .yzk{ width:400px;margin: auto;border: 1px dashed #333;padding: 20px 10px;background: #fff;    margin-top: 13%;}
#zzs .yzk p{font-size: 14px; line-height:20px; padding: 0 0 10px;}
#zzs .yzk input[type=password]{padding: 8px 0;width: 78%;text-align: center;}
#zzs .yzk input[type=button]{padding: 3px 5px;margin: 20px 20px 0;}

td,th{ height:30px;}
td a{ color:#234971;}td a:hover{ color:#E15904;}

table{ min-width:768px;}
.table-container
{
	width: 100%;
	overflow-y: auto;
	_overflow: auto;
	margin: 0 0 1em;
}

.table-container::-webkit-scrollbar
{
	-webkit-appearance: none;
	width: 14px;
	height: 14px;
}

.table-container::-webkit-scrollbar-thumb
{
	border-radius: 8px;
	border: 3px solid #fff;
	background-color: rgba(0, 0, 0, .3);
}

table{ width:100%;border-collapse: collapse;}
td, th {
    padding: .5em 1em;
    border: 1px solid #999;
}