@charset "utf-8";
/* CSS Document */

body, ul, dl, dd, dt, ol, li, p, h1, h2, h3, h4, h5, h6, textarea, form, select, fieldset, table, td, div, input {margin:0;padding:0;-webkit-text-size-adjust: none}
h1, h2, h3, h4, h5, h6{font-size:12px;font-weight:normal}
body>div{margin:0 auto}
a img {border:0}
body {font-family:"微软雅黑"; font-size:12px; min-width:1100px;}
ul, ol, li {list-style-type:none;vertical-align:0}
a {outline-style:none;color:#666666;text-decoration:none; cursor:pointer;}
a:hover { color:#006cb2; text-decoration: none}
.clear { clear:both;}
#leftnone{ margin-left:0;}
/*wrapin 主体容器宽度*/
.ke-insertfile{ background:url(../images/pdf.png) no-repeat left; height:60px !important; line-height:60px; padding-left:70px; color:#555555; display:inherit; font-size:18px;border-bottom:solid 1px #989898; margin-bottom:5px; font-family:"微软雅黑"}
.ke-insertfile:hover{ color:#006cb2;  height:60px !important; background:url(../images/pdf.png) no-repeat left; display:inherit;}
.wrapin{width:1100px; margin:0 auto;}
.wrapin2{ width:1000px; margin:0 auto;}
.left{ float:left;}
.right{ float:right;}

.pagelist{height:25px; text-align:center; margin-left:0%; padding-top:30px; width:100%; margin-left:auto; margin-right:auto; clear:both;}
.pagelist a{padding:5px 10px;color:#999999;font-size:14px; margin:0px 5px;}
.pagelist span{margin:0px 5px;}
.pagelist a:hover{color:#fff;background:#006cb2;}
.fengyepage-now{color:#fff !important;background:#006cb2;}

#map{ float:left; width:100%; margin-bottom:30px; height:250px;}

.ntitle{ line-height:25px; float:left; width:90%; padding:20px 5%; font-size:12px; color:#78797d;}
.ntitle h2{ font-family:"微软雅黑"; font-size:16px; }
.ntitle .blue{ color:#2bb6a3}
.ntitle .red{ color:#F00;}

/*头部 底部*/ 
.header { height:140px; float:left; width:100%; }
.header_top{ height:33px; line-height:33px; background:#0765a2;}
.header_top dl dt{ float:left; color:#ffffff;}
.header_top dl dd{ float:right; color:#ffffff;}
.header_top dl dd a{ color:#ffffff; margin-left:8px; float:left; border-left:solid 2px #ffffff; height:15px; margin-top:9px; line-height:15px; padding:0px 5px;}
.header_top dl dd a:first-child{ border:0px;}
.header_top dl dd a:hover{color:#ffffff;}
.header_top dl dd span{ float:left;}
.header_fx{ float:left; margin-left:5px;}
.header_fx a{border:0px !important;}
.bds_weixin_top{ background:url(../images/top_1.png) !important; width:25px !important; height:32px !important; padding:0 !important; background-repeat:no-repeat; margin:0 !important;}
.bds_tsina_top{ background:url(../images/top_2.png) !important; width:25px !important; height:32px !important; padding:0 !important; background-repeat:no-repeat; margin:0 !important;}


.header_logo{ float:left; width:300px; height:107px;}
.header_search{ float:right; margin-top:27px; height:63px;}
.header_search_kj{ float:left; height:34px; border:solid 1px #dddddd; width:264px; padding-right:40px; padding-left:10px;}
.header_search_bt{ float:left; height:36px; width:99px; background:url(../images/header_bt.png) no-repeat; border:0;}

.header_nav{height:107px; float:right;}
.header_nav ul{ height:87px; padding-top:20px; }
.header_nav ul dl{float:left; margin-left:4px; height:87px; background:url(../images/header_bg.png) no-repeat right; width:96px; text-align:center;}
.header_nav ul dl dt{ float:left; width:100%; border-bottom:solid 4px #FFF; height:83px; line-height:83px; font-size:16px;}
.header_nav ul dl:hover dd{ display:block;}
.header_nav ul dl:hover dt{ border-bottom:solid 4px #0568ae;}
.header_nav ul dl dd { display:none; float:left; width:96px; height:30px; line-height:30px; position:relative; z-index:8888; }
.header_nav ul dl dd a{color:#fff; float:left; width:100%; height:30px; background:#868686;}
.header_nav ul dl dd a:hover{color:#006cb2; background:#ffffff;}




.footer { height:135px; background:#333333;}

.footer_left{ float:left; width:465px; padding-top:20px;}
.footer_left li{ line-height:35px; height:45px; width:115px; float:left;}
.footer_left li a{ float:left; width:100%; color:#c6c6c6; }
.footer_left li a:hover{ color:#FFF;}
.footer_right{ float:right;  padding-top:20px;}
.footer_right dl{ float:left; margin-right:12px; text-align:right;}
.footer_right dl dt{ font-family:"微软雅黑"; font-size:30px; color:#e9e1e1;}
.footer_right dl dd{ font-family:"微软雅黑"; font-size:14px; color:#c6c6c6;}
.footer_right img{ float:left;}
.footer_bottom{ float:left; width:100%; color:#c6c6c6;}
.footer_bottom a{ color:#c6c6c6;}
.footer_bottom a:hover{ color:#FFF;}
/*头部 底部*/

/*banner*/ 
.sy_banner{ height:595px; float:left; width:100%; }

.sy_banner_main{ width:1100px; margin:0 auto; margin-top:500px; height:80px;}
.sy_banner_main dl{ float:left; width:100px; margin-right:5px;}
.sy_banner_main dl dt{ width:100%; height:55px;}
.sy_banner_main dl dd{ width:100%;  height:25px; background:#0765a2; color:#FFF; line-height:25px; text-align:center;}
/*banner*/ 

.sy_main{ height:250px; float:left; width:100%; padding:80px 0px;}

.sy_about{ float:left; width:220px;}
.sy_about_1{ float:left; width:100%; height:127px;}
.sy_about_2{ float:left; width:100%; margin-top:24px;}
.sy_about_2 dl dt{ float:left; width:103px; height:75px; }
.sy_about_2 dl dd{ float:left; width:100px; padding-left:10px; padding-right:6px; color:#757575; height:75px; overflow:hidden; line-height:25px; border-right:solid 1px #e9e9e9;}
.sy_about_2 dl dd h1{ color:#434242; font-size:14px;}

.sy_news{ float:left; width:419px; padding:0 25px; border-right:solid 1px #e9e9e9;}
.sy_news li{ float:left; width:100%; margin-bottom:5px;}
.sy_news li:first-child{ float:left; width:100%;}
.sy_news_img{ float:left; width:104px; height:73px; margin-right:25px;}
.sy_news_img img{ max-width:100%; max-height:100%;}
.sy_news_txt{ float:left; width:276px; height:73px; overflow:hidden;}
.sy_news_txt dl{ border-bottom:solid 1px #e5e5e5; height:72px;}
.sy_news_txt dl dt{ font-size:12px; color:#333333; line-height:30px; height:30px; overflow:hidden;}
.sy_news_txt dl dd{ color:#818181; line-height:30px;}
.sy_news_txt p{ line-height:45px;}
.sy_news_time{ float:left; width:45px; height:45px; text-align:center;}
.sy_news_time dl{}
.sy_news_time dl dt{ color:#666666; font-size:24px; font-weight:bold;}
.sy_news_time dl dd{ color:#666666;}

.sy_cooperation{ float:left; width:270px; margin-left:20px;}
.sy_cooperation1{float:left; width:100%; height:70px; font-size:18px; color:#055ea1;}
.sy_cooperation2{float:left; width:100%; line-height:30px; color:#575757; font-size:14px;}
.sy_cooperation3{float:left; width:100%;}
.sy_cooperation3 dl{ float:left; height:28px; width:28px; margin:10px 20px 0px 0px;}
.sy_cooperation3 dl a{ float:left; width:100%; height:100%;}
.sy_cooperation3 dl a dt{ height:28px; width:28px; float:left;}
.sy_cooperation3 dl a dd{ display:none; height:28px; width:28px; float:left;}
.sy_cooperation3 dl:hover dd{display:block;}
.sy_cooperation3 dl:hover dt{display:none;}
.bds_qzone_sy{background:url(../images/contact_icon4_4.png) !important; width:28px !important; height:28px !important; padding:0 !important; background-repeat:no-repeat; margin:0 !important;}
.bds_qzone_sy:hover{background:url(../images/contact_icon4.png) !important; width:28px !important; height:28px !important; padding:0 !important; background-repeat:no-repeat; margin:0 !important;}
.bds_weixin_sy{background:url(../images/contact_icon5_5.png) !important; width:28px !important; height:28px !important; padding:0 !important; background-repeat:no-repeat; margin:0 !important;}
.bds_weixin_sy:hover{background:url(../images/contact_icon5.png) !important; width:28px !important; height:28px !important; padding:0 !important; background-repeat:no-repeat; margin:0 !important;}
.bds_tsina_sy{background:url(../images/contact_icon6_6.png) !important; width:28px !important; height:28px !important; padding:0 !important; background-repeat:no-repeat; margin:0 !important;}
.bds_tsina_sy:hover{background:url(../images/contact_icon6.png) !important; width:28px !important; height:28px !important; padding:0 !important; background-repeat:no-repeat; margin:0 !important;}



.sy_cooperation4{ width:100%; float:left; padding:5px 0px;}
.sy_cooperation4 a{ width:152px; height:40px; background:#0765a2; float:left; line-height:40px; text-align:center; color:#FFF}

.sy_product{ float:left; width:100%; background:#ffffff; height:380px; padding:30px 0px;}

.sy_case{float:left; width:100%; min-height:250px; padding-top:60px;}

.sy_case_title{ float:left; width:100%; text-align:center; line-height:40px;}
.sy_case_title dl dt{ float:left; width:100%; font-size:18px; color:#2a2a2a; font-weight:bold;}
.sy_case_title dl dd{ float:left; width:100%; color:#444444; font-size:18px; font-family:"Century Gothic"; }

.sy_case_main{ float:left; width:100%; height:310px; overflow:hidden;}
.sy_case_main li { float:left; width:310px; margin-left:35px; margin-bottom:50px; height:260px; overflow:hidden;}


.sy_case_main_txt{ float:left; width:100%; height:78px;}
.sy_case_main_txt dl dt{color:#2b2b2b; font-size:14px; line-height:35px;}
.sy_case_main_txt dl dd{font-size:14px; color:#8a8a8a; line-height:20px; height:40px;}
.sy_case_main_img{margin:0;text-align:center; position: relative;  overflow: hidden;height:182px;}
.sy_case_main_img img{display:inline-block !important;max-width: 100%; height:100%;
  -webkit-transition: all 10s ease 0s;
  -moz-transition: all 10s ease 0s;
  -o-transition: all 10s ease 0s;
  transition: all 10s ease 0s;
  -webkit-backface-visibility: hidden;}
.sy_case_main_img:hover img {
  -webkit-transform: scale(3) rotate(45deg);
  -moz-transform: scale(3) rotate(45deg);
  -ms-transform: scale(3) rotate(45deg);
  -o-transform: scale(3) rotate(45deg);
  transform: scale(3) rotate(45deg);
  -webkit-transition: all 20s ease 0s;
  -moz-transition: all 20s ease 0s;
  -o-transition: all 20s ease 0s;
  transition: all 20s ease 0s;
  -webkit-backface-visibility: hidden;
}



.sy_list{ float:left; width:100%; padding:45px 0px;}
.sy_list dl{ float:left; width:25%;}
.sy_list dl dt{ float:left; margin-right:14px;}
.sy_list dl dd{ float:left;}
.sy_list dl dd h1{ font-weight:bold; font-size:16px; color:#333333;}
.sy_list dl dd h2{color:#333333;}
.sy_list dl:hover dd h1,.sy_list dl:hover dd h2{color:#006cb2;}


#header_top_show1{ display:none; position:fixed; top:40px; width:150px; height:150px; z-index:5555; left:70%;}
#header_top_show1 img{ max-height:100%; max-width:100%;}
#header_top_show2{ display:none;position:fixed; top:40px; width:150px; height:150px; z-index:5555; left:75%;}
#header_top_show2 img{ max-height:100%; max-width:100%;}


.sy_product_list{ float:left; width:100%;}
.sy_product_list dl{ float:left; width:235px; height:150px; margin-left:53px;}
.sy_product_list dl dt{ float:left; width:100%; height:150px; background:url(../images/sy_pro_bg1.png) !important;}
.sy_product_list dl:hover dt{ background:url(../images/sy_pro_bg2.png) !important;}
.sy_product_list dl dd{ float:left; width:80%; height:80%; margin-top:-150px; padding:10%; line-height:25px; color:#000000; font-size:16px; }
.sy_product_list dl:hover dd{color:#FFF; }
.sy_product_list_icon { background:url(../images/sy_icon.png); width:22px; height:22px; margin-top:10px;}
.sy_product_list dl:hover .sy_product_list_icon{background:url(../images/sy_icon2.png); width:22px; height:22px; margin-top:10px;}


.custom_service p img {display: inline; margin-top:-5px; vertical-align:middle;}
.scrollsidebar{position:absolute; z-index:999; top:150px;}
.side_content{width:0px; height:auto; overflow:hidden; float:left; }
.side_content .side_list {width:154px;overflow:hidden;}
.show_btn{ width:25px; height:112px; overflow:hidden; margin-top:50px; float:left; cursor:pointer;}
.show_btn span { display:none;}
.close_btn{width:24px;height:24px;cursor:pointer;}
.side_title,.side_bottom,.close_btn,.show_btn {background:url(../images/sidebar_bg.png) no-repeat;}
.side_title {height:46px;}
.side_bottom { height:8px;}
.side_center {font-family:Verdana, Geneva, sans-serif; padding:5px 12px; font-size:12px;}
.close_btn { float:right; display:block; width:21px; height:16px; margin:16px 10px 0 0; _margin:16px 5px 0 0;}
.close_btn span { display:none;}
.side_center .custom_service p { text-align:center; padding:6px 0; margin:0; vertical-align:middle;}
.other  { text-align:center;border-bottom:1px solid #ddd;border-top:1px solid #ddd}
.other p { padding:5px 0; _height:16px; margin:0;color: #666666;}
.msgserver { text-align:center; margin-bottom:5px;}
.msgserver a { background:url(../images/sidebar_bg.png) no-repeat -119px -115px; padding-left:22px;}

/* blue skin as the default skin */
.side_title, .side_blue .side_title {background-position:-195px 0;}
.side_center, .side_blue .side_center {background:url(../images/blue_line.png) repeat-y center;}
.side_bottom, .side_blue .side_bottom {background-position:-195px -50px;}
.close_btn, .side_blue .close_btn {background-position:-44px 0;}
.close_btn:hover, .side_blue .close_btn:hover {background-position:-66px 0;}
.show_btn , .side_blue .show_btn {background-position:-119px 0;}
.msgserver a, .side_blue .msgserver a {color:#06C;}

/* green skin  */
.side_green .side_title {background-position:-349px 0;}
.side_green .side_center {background:url(../images/green_line.png) repeat-y center;}
.side_green .side_bottom {background-position:-349px -50px;}
.side_green .close_btn {background-position:-44px -23px;}
.side_green .close_btn:hover {background-position:-66px -23px;}
.side_green .show_btn {background-position:-147px 0;}
.side_green .msgserver a {color:#76a20c;}